@charset "utf-8";
/* CSS Document */
html{overflow-x:scroll}
html{ background:#f9f9f9}
.main_banner{ clear:both; overflow:hidden; min-width:320px;}
.main_banner img{ width:100%}
.main{ clear:both; overflow:hidden; padding:10px 5px; margin:0 auto; min-width:310px;}
.main_left{ clear:both; overflow:hidden;}
.main_left_1{ clear:both; overflow:hidden; border:1px solid #dfdfdf; border-radius:5px; margin-bottom:10px}
.main_menu{ background:url(/style/images/main_menu.jpg) repeat-x bottom #fff;padding:10px 0 0; }
.main_menu dt{ clear:both; overflow:hidden; color:#999; padding:0 10px;}
.main_menu dt big{  overflow:hidden; font-size:16px; color:#1863db}
.main_menu dt span{ margin-left:10px; text-transform:uppercase}
.main_menu dt p{ clear:both; overflow:hidden; cursor:pointer}
.main_menu dt em{ display:none}
.main_menu dd{ clear:both; overflow:hidden; text-align:center; display:none}
.main_menu dd a{ display:block; clear:both; overflow:hidden; line-height:30px; padding:5px 0 15px; background:url(/style/images/main_menu1.png) no-repeat center bottom; font-size:16px; background-size:100% 7px}
.main_product{ background:#fff; display:none}
.main_top{ background:url(/style/images/main_product.jpg) no-repeat 0 0; background-size:100% 100%; height:34px; line-height:34px; padding:0 10px; color:#24ac00; font-size:16px;}
.main_product1{ margin:6px; clear:both; overflow:hidden;background:url(/style/images/main_left1.png) no-repeat 0 0; background-size:100% auto; height:157px;}
.main_product1 p{ width:190px; height:157px;text-align:center; vertical-align:middle;display:table; overflow:hidden}
.main_product1 p a{vertical-align:middle; display:table-cell;*writing-mode: tb-rl; height:157px}
.main_product1 p a img{ max-width:190px; max-height:157px;_height:expression((documentElement.clientHeight >157) ? "157px" : "auto" );_width:expression((documentElement.clientWidth >190) ? "190px" : "auto" );}

.main_left_2{ clear:both; overflow:hidden; display:none}
.main_left_2 li{ clear:both; overflow:hidden; padding:5px 0}
.main_left_2 li img{ width:100%}
.main_right{ clear:both; overflow:hidden; padding:5px 0}
.weizhi{ clear:both; overflow:hidden; background:url(/style/images/index_top.png) repeat-x center bottom; line-height:32px;}
.weizhi p{ float:right; background:url(/style/images/weizhi.png) no-repeat 0 center; padding-left:18px;}
.weizhi p span{ color:#aaa}
.weizhi h4{ font-weight:lighter; font-size:12px; color:#24ac00; display:inline-block; border-bottom:2px solid #24ac00; line-height:30px; background:url(/style/images/main_right.png) no-repeat 0 center; padding-left:17px; float:left}
a.more{float:right; background:#3fa2fd; height:20px; line-height:20px; padding:0 10px; display:inline-block; color:#fff; text-transform:uppercase; margin-top:5px;}
/**************news**************/
.news{ clear:both; overflow:hidden; padding:5px 0}
.news li{ padding:5px 15px 5px 0; float:left; display:inline-block;overflow:hidden; text-align:center; width:220px; height:158px;}
.news li a{ width:220px; height:158px; display:block; overflow:hidden; border-radius:5px}
/*.news li img{max-height:}*/
.news_1{ clear:both; overflow:hidden}
.news_1 li{ border-bottom:1px dotted #bebebe; padding:10px 0; clear:both; overflow:hidden;}
.index_m1{ background:#a6d69a; padding:5px 10px; clear:both;color:#fff;}
.index_m1 big{ font-size:12px;}
.index_m1 span{ padding:0 5px; float:left}
.index_m2{ overflow:hidden; clear:none; padding-top:5px}
.index_m2 h4{ line-height:24px; font-weight:lighter; height:24px; overflow:hidden}
.index_m2 p{ line-height:18px;color:#999; padding-top:2px; overflow:hidden}
.news_article{ clear:both; overflow:hidden; padding:30px 5px}
.news_article h1{ text-align:center; font-weight:lighter; font-size:14px; color:#24ac00; line-height:1.4}
.news_article h5{ font-weight:lighter; text-align:center; border-bottom:1px dotted #bebebe; padding:15px 0; color:#666}
.news_article1{ clear:both; overflow:hidden; padding-top:20px; line-height:2}
.news_article1 img{ max-width:90%}
.news2{ clear:both; overflow:hidden; padding:10px 0; margin:0 auto; width:220px }
.news2 li{border-radius:5px; padding:10px 0; height:158px; width:220px; overflow:hidden; display:inline-block; position:relative}
.news2 li em{ height:158px; height:220px; overflow:hidden; display:block}
.news2 li p{ position:absolute; left:0 ; bottom:0; background:url(/style/images/news3.jpg) no-repeat 0 0; width:220px; height:35px; z-index:2}
.news2 li p a{ padding:0 40px 0 30px; display:block; clear:both; line-height:35px; color:#fff; font-size:14px;}
.news2.gsfc li p{ background:#1477ee; text-align:center}
.news2.gsfc li p a{ padding:0; }

/**************product**************/
.product{ clear:both; overflow:hidden; padding:10px 0}
.product li{ clear:both; overflow:hidden; border-bottom:1px dotted #ccc; padding:20px 0}
.product_1{ border:1px solid #e3e2e2; background:#fff; box-shadow:1px 2px 2px #d6d6d6; width:55%; padding:20px 10%; clear:both; overflow:hidden;margin:0 auto;}
.product_1 img{ width:100%}
.product_2{ overflow:hidden; clear:both; padding:10px 5px 0;}
.product_2 h4{ font-weight:lighter; clear:both; overflow:hidden; line-height:24px; height:24px;}
.product_2 h4 a{ color:#003399}
.product_2 p{ padding-top:5px; color:#777}
.product_2 em{ display:block; clear:both; overflow:hidden; padding-top:10px; height:36px; line-height:36px; font-style:normal}
.product_2 em a{ float:right; border-radius:3px; height:36px; padding:0 20px; display:inline-block; background:#dbe5f9; font-weight:bold; color:#0046ad}
.product_2 em a span{ background:url(/style/images/product2.jpg) no-repeat 0 0; padding:0 5px 0 22px; display:inline-block; overflow:hidden}
.product1{ padding:15px 5px; clear:both; overflow:hidden;}
.product1 li{ clear:both; overflow:hidden; margin:10px 0; border:1px solid #e3e3e3; background:#fff; width:100%;}
.product1_1{ clear:both; overflow:hidden; padding:15px 25px; text-align:center}
.product1_1 span{ display:block; width:70%; margin:0 auto; padding:10px 0 25px}
.product1_1 span img{ max-width:100%}


.product1_1 p{ clear:both; overflow:hidden}
.product1_1 p a{ background:url(/style/images/product1.png) no-repeat 0 12px; padding:0 25px 0 18px; display:inline-block; overflow:hidden; font-weight:bold; color:#24ac00; line-height:36px; border-radius:5px}
.product1_2{ clear:both; overflow:hidden; padding:5px 10px; background:#fff}
.product1_2 h5{ clear:both; overflow:hidden; height:45px; line-height:45px; background:url(/style/images/product2.png) no-repeat 0 center; font-weight:lighter}
.product1_2 h5 a{ padding:0 40px; white-space:nowrap; overflow:hidden}
.product1_2 p{ padding-top:8px;}
.product_article{ clear:both; overflow:hidden; padding:20px 5px}
.product_article dt{ text-align:center; overflow:hidden}
.product_article dt img{ max-width:80%;}
.product_article dt p{ padding:10px 0; color:#24ac00; font-size:18px;}
.product_article dd{ clear:both; overflow:hidden; font-size:14px;}
.product_article dd b{ display:block; clear:both; overflow:hidden; background:url(/style/images/product1.png) no-repeat 0 5px; line-height:24px; padding-left:24px; color:#24ac00; margin:20px 0 10px;}
.product_article dd p a{ color:#052c64; margin-right:10px; text-decoration:underline}
.product_article dd p font{ font-size:14px; color:#666}
/**************about**************/
.about{ clear:both; overflow:hidden; padding:10px 0; margin:0 auto}
.about li{ float:left; margin:15px 10px; display:inline-block; box-shadow:3px 3px 5px #999; border-radius:5px; overflow:hidden; width:217px; height:170px; position:relative}
.about li em,.about li i{ overflow:hidden; width:217px; height:170px; display:block}
.about li i span{ display:table; width:217px; height:170px; vertical-align:middle; text-align:center; overflow:hidden}
.about li i span a{ vertical-align:middle; display:table-cell;*writing-mode:tb-rl; height:170px;}
.about li i span img{ max-width:217px; max-height:170px;_height:expression((documentElement.clientHeight >170) ? "170px" : "auto" ); height:auto}

.about li p{ position:absolute; left:0; top:15px; background:url(/style/images/about_1.png) no-repeat 0 0; width:216px; height:28px; line-height:28px; overflow:hidden; font-size:16px;}
.about li p a{ padding:0 10px; display:inline-block; color:#fff}

.about1{ padding:25px 0; clear:both; overflow:hidden}
.about1 img{ max-width:100%}
.about1 dt{ clear:both; overflow:hidden; padding:10px; text-align:center}
.about1 dt img{ max-width:80%}
.about1 dd{ clear:both; overflow:hidden; padding:0 5px; font-size:14px; line-height:2}

.about2{ clear:both; overflow:hidden; padding:10px 0; text-align:center }
.about2 li{ margin:10px; display:inline-block; overflow:hidden; width:328px; height:265px; border-radius:10px;}
.about2 li span{ display:table; width:328px; height:240px; vertical-align:middle; text-align:center; overflow:hidden}
.about2 li span a{ vertical-align:middle; display:table-cell;*writing-mode:tb-rl; height:240px;}
.about2 li span img{ max-width:328px; max-height:240px;}
.about2 li p{ line-height:22px; height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center}
.about3{ clear:both; overflow:hidden; padding:10px 0}
.about3 li{  float:left; margin:15px 5px 0; display:inline-block; min-width:162px;}
.about3 li span{  height:85px; overflow:hidden; display:block}
.about3 li span img{ height:100%}

.about3 li p{ padding-top:5px; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis;text-align:center;}
/**************contact**************/
.contact{ clear:both; overflow:hidden; padding:20px 5px}
.contact dd{ clear:both; overflow:hidden; padding-bottom:10px;}
.contact dd h4{ padding-bottom:5px}
.contact dd em{ font-style:normal; padding:3px 0 3px 20px; background-position:0 6px !important; line-height:24px; clear:both; overflow:hidden; display:block}
.contact dd strong{ float:left; display:inline-block; overflow:hidden}
.contact dd p{ overflow:hidden}
.contact dt{ clear:both; overflow:hidden; margin:0 auto; width:90%; border:1px solid #dfdfdf;}
/**************page**************/
.page{ text-align:center; padding:10px 0 20px; line-height:20px;}
.page span,.page a{ border:1px solid #ccc; height:20px; padding:0 8px; display:inline-block; overflow:hidden; margin:5px;}
.page a.thisclass{ color:#f1670a}
.return{ clear:both; overflow:hidden; text-align:center; padding:20px 0; line-height:35px; font-size:14px;}
.return a{ border:1px solid #ccc; padding:0 30px; display:inline-block; color:#24ac00}
@media screen and (max-width: 767px) { 
/*.center_1.table-responsive,.center_2*/.table-responsive {
    width: 100%;
    margin-bottom: 15px;  /* 设置底部外边距，避免重叠 */
    overflow-x: scroll;  /* 超出范围，水平可滚动 */
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {    margin-bottom: 0;  }
  .table-responsive > .table > thead > tr > th,
  /* 省略部分样式 */
  .table-responsive > .table > tfoot > tr > td {
white-space: nowrap;  /* 确保单元格中的文本不会换行，直到遇到 <br> 标签为止*/
  }
  .table-responsive > .table-bordered {    border: 0;  } 
  .table-responsive > .table-bordered {
    border: 0; /*将整个表格的外边框设置为0像素*/
  }
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  /*此处省略一些选择符*/
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; /*将所有tr的第一个单元格(即最左边的一列)的左边框都置为0像素*/
  }
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  /*此处省略一些选择符*/
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; /*将所有tr的最后一个单元格(即最右边的一列)的右边框都设置为0像素*/
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  /*此处省略一些选择符*/
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; /*将最后一行tr里的单元格的底部边框设置为0像素*/
  }
  
  }

@media (min-width: 320px) {
html{overflow-x:hidden}
.news2{width:220px;}
.news2 li{ margin:10px 0;}
.about{ width:237px;}

}
@media (min-width: 480px) {
.product_1{width:140px; padding:30px 15px; clear:none;float:left; display:inline-block; margin-right:15px;}
.product_1 img{ width:100%}
.product_2{ overflow:hidden; clear:none; padding:0}
.product_2 p{ line-height:24px; max-height:96px; overflow:hidden}
.news2{width:480px;}
.news2 li{ margin:10px; float:left}

.product1 li{ clear:none; overflow:hidden; margin:10px 0; border:1px solid #e3e3e3; background:#fff; width:48%;/* height:300px*/}
.p_l{ float:left}
.p_r{ float:right}
.product1_1{ clear:both; overflow:hidden; padding:10px; height:153px}
.product1_1 span{ display:block; height:100px; margin:0 auto; padding:5px 0 10px}
.product1_1 span img{height:100%}
.product1_2 p{ padding-top:8px; height:88px; line-height:22px; overflow:hidden}
.about{ width:474px;}



}
@media (min-width: 606px) {
.about2{ width:596px;}
.about2 li{ float:left}
}
@media (min-width: 690px) {
.news2{width:690px;}
.news2 li{ margin:10px 5px;}

}
@media (min-width: 768px) {
.main{ width:768px; padding:15px 0}	
/*left*/

.main_left{ float:left; clear:none; margin-right:30px; display:inline-block; width:204px;}
.main_menu dt p{ display:none}
.main_menu dt em{ display:block; clear:both; overflow:hidden; padding:5px 5px 0; font-style:normal}
.main_menu dt em small{ display:block; clear:both; text-indent:90px; font-size:12px; text-transform:uppercase}
.main_left_1 dd{ display:block !important; padding-top:15px}
.main_left_1 dd a:hover span,.main_left_1 dd a.hover span{ background:url(/style/images/main_left2.png) no-repeat center center; color:#fff; display:block}
.main_product,.main_left_2{ display:block}
/*right*/
.main_right{ clear:none; padding:0}	
.weizhi h4{ font-size:16px;}
	
.index_m1{ float:left; clear:none; margin-right:10px; height:60px;}
.index_m1 big{ font-size:30px; font-weight:bold; display:block; line-height:35px; overflow:hidden; height:35px; }
.index_m1 span{ display:block; padding:0 5px;border-top:1px solid #c7e1f8; line-height:24px;}

.index_m2{ clear:none; padding-top:0}
.index_m2 p{  height:36px;}
/*news*/
.news_article{ padding:30px 0}
.news_article h1{font-size:18px;}
.news_article1{ font-size:14px;}
.news2{width:500px;}
.news2 li{ margin:15px;}

.about{ width:474px;}
.about1 dt{ clear:none; float:left; display:inline-block; margin-right:15px; width:40%; padding:0; }
.about1 dt img{width:100%; max-width:100%}
.about1 dd{ clear:none; overflow:hidden; padding:0; display:inline}
.about2{ width:534px;}
.about2 li{ width:247px; height:200px; float:left}
.about2 li span{width:247px; height:178px;}
.about2 li span a{height:178px;}
.about2 li span img{ max-width:247px; max-height:178px;}


}
@media (min-width: 960px) {
.main{ width:960px;}	
.news2{width:708px;}
.news2 li{ margin:15px 8px;}
.product1{ padding:15px 0}
.product1 li{ height:220px; width:350px}
.product1_1{ clear:none; overflow:hidden; padding:10px; height:200px; width:155px; float:left; display:inline-block}
.product1_1 span{ display:block; height:150px; margin:0 auto; padding:5px 0 10px; overflow:hidden; width:100%}
.product1_1 span em{ width:155px; height:150px; display:table; vertical-align:middle; overflow:hidden; text-align:center}
.product1_1 span em a{ vertical-align:middle; display:table-cell;*writing-mode:tb-rl; height:150px;}
.product1_1 span em img{ max-width:155px; max-height:150px;height:auto}
.product1_2{ overflow:hidden; height:220px; clear:none}
.product1_2 p{height:154px;}
/*.about{ width:711px;}*/
.about{ width:724px;}
.about li{ float:left;margin:10px 11px 10px 0;  display:inline-block; box-shadow:3px 3px 5px #999; border-radius:5px; overflow:hidden; width:170px; height:135px; position:relative}
.about li em,.about li i{ overflow:hidden; width:170px; height:135px; display:block}
.about li i span{ display:table; width:170px; height:135px; vertical-align:middle; text-align:center; overflow:hidden}
.about li i span a{ vertical-align:middle; display:table-cell;*writing-mode:tb-rl; height:135px;}
.about li i span img{ max-width:170px; max-height:135px;height:auto}
.about li em img{ height:135px; width:auto}

.about2{ width:724px;}
.about2 li{ width:161px; /*height:285px;*/ float:left}
.about2 li span{width:161px; height:160px;}
.about2 li span a{height:160px;}
.about2 li span img{ max-width:161px; max-height:160px;}
.contact dd{ clear:none;  padding-bottom:0; float:left; width:55%}
.contact dt{ clear:none; margin:0 3%; float:right; width:37%}


}
@media (min-width: 1160px) {
.main{ width:1160px;}	
.nr{ padding-right:0 !important}
.nr1{ margin-right:0 !important}
.news2{ width:100%}
.news2 li{ margin:15px 10px 15px 0;}
.product1 li{width:450px}
.product1_1{ width:205px;}
.product1_1 span em{ width:205px; }
.product1_1 span em img{ max-width:205px; }
.about{ width:100%;}
.about li{ margin:10px 17px 10px 0;}
.about2{ width:100%}
.about2 li{ margin:10px 22px 10px 0; width:265px; height:265px;}
.about2 li span{  width:255px; height:240px;}
.about2 li span a{ height:240px;}
.about2 li span img{ max-width:265px; max-height:240px;}
.about3 li{ margin:10px 50px 10px 0}



.about li{ float:left; margin:10px 17px 10px 0; display:inline-block; box-shadow:3px 3px 5px #999; border-radius:5px; overflow:hidden; width:217px; height:170px; position:relative}
.about li em,.about li i{ overflow:hidden; width:217px; height:170px; display:block}
.about li i span{ display:table; width:217px; height:170px; vertical-align:middle; text-align:center; overflow:hidden}
.about li i span a{ vertical-align:middle; display:table-cell;*writing-mode:tb-rl; height:170px;}
.about li i span img{ max-width:217px; max-height:170px;_height:expression((documentElement.clientHeight >170) ? "170px" : "auto" ); height:auto}

.about li em img{ height:inherit; width:inherit;}


#fd{width:75px;position: fixed;right:2%;top: 20%;}
#fd .bm{background: #4f504f;color: #fff;text-align: center;margin-bottom: 5px;}
#fd .bm a{color: #fff;background: #39b7e9;}
#fd li{width: 75px;height: 75px;position: relative;}
#fd li .text{width: 100%;position: absolute;left: 0;bottom:8px;}
#fd a{display: block;}
#fd .bm:hover a{background: #39b7e9;}
#fd .fd_up a{background: #616161;}

#fd li,#fd .fd_up a,#fd .bm{width: 75px;height: 75px;font-size:12px;}

}


#fd{width:75px;position: fixed;right:2%;top: 20%;}
#fd .bm{background: #4f504f;color: #fff;text-align: center;margin-bottom: 5px;}
#fd .bm a{color: #fff;background: #39b7e9;}
#fd li{width: 75px;height: 75px;position: relative;}
#fd li .text{width: 100%;position: absolute;left: 0;bottom:8px;}
#fd a{display: block;}
#fd .bm:hover a{background: #39b7e9;}
#fd .fd_up a{background: #616161;}

#fd li,#fd .fd_up a,#fd .bm{width: 65px;height: 65px;font-size:12px;}