/*焦点图1*/
.focus1 {  overflow: hidden; background:#ccc; margin:0 auto 0 auto; }
.focus1 img{ width:100%; height: auto; min-height:150px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { position: absolute; z-index: 20; bottom: 40px; width: 100%; text-align: center; }
.swiper-pagination-bullet { display: inline-block; width: 48px; height: 6px; background: #fff; margin: 0 5px;  cursor: pointer;opacity:1; border-radius:0; }
.swiper-pagination-bullet-active { background: #00438f; }

.index_item1{ width:100%; max-width:1200px; margin:50px auto 0 auto;}
.title1{ border-bottom:1px solid #dfdfdf; text-align:center; margin:0 auto;}
.title1:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.title1 span{ display:inline-block; float:left; border-bottom:3px solid #1d1d29; font-size:18px; padding:20px 5px; }
.title1 .more2{ float:right; font-size:14px; color:#999; margin:20px 40px;}
.title1 a:hover.more2{ color:#00438f;}
.mt20{ margin-top:20px;}
.news_tab{ float:left; width:760px; margin-left:38px;}
.news_tab .more{ float:right;}
.news_tab .tabtitle{ position:relative; border-bottom:1px solid #dbdbdb;}
.news_tab .tabtitle ul li{ float:left; padding:16px 0; font-size:16px; margin-right:65px; cursor:pointer;}
.news_tab .tabtitle ul li.active{ color:#00448f; border-bottom:4px solid #00438f;}
.news_tab .more a{ position:absolute; right:0; bottom:8px; font-size:16px; }
.news_tab .tabcontent{ display:none;}
.news_tab .block{ display:block;}


/*焦点图2*/
.focus2{ width:300px; height:200px; overflow:hidden; float:left; margin-top:18px; }
.focus2 .swiper-pagination-bullets{ text-align:right; bottom:1px; z-index:999;}
.focus2 .swiper-pagination-bullets .swiper-pagination-bullet{ width:8px; height:8px; margin-right:3px;cursor:pointer; text-decoration:none;-webkit-transition:color 0.4s;-moz-transition:color 0.4s;-o-transition:color 0.4s; border-radius:4px; line-height:9999;  }
.focus2 .f_txt{ display:block; padding:0 5px; height:20px; width:100%; line-height:20px; font-size:12px; color:#fff; background:rgba(0,0,0,.6); position:absolute; bottom:0; z-index:99;}

/*=========mf_taobao2010========*/
.mf_taobao2010 .pic ul{position:absolute;}
.mf_taobao2010 .pic ul li{position:relative;overflow:hidden;}
.mf_taobao2010 .pic ul.left li{float:left;}
.mf_taobao2010 .txt li{position:absolute;z-index:2;bottom:0;width:100%;height:20px;line-height:20px;display:none; }/*默认标题高度*/
.mf_taobao2010 .txt li p{ padding-left:5px; color:#fefefe;position:relative; z-index:999; width:235px; overflow:hidden;}
.mf_taobao2010 .txt li a{display:block;position:relative;z-index:1;color:#fefefe;padding-left:16px;font-size:12px;font-weight:bold;text-decoration:none;}/*标题样式*/
.mf_taobao2010 .txt li b{display:block;height:100%;width:100%;position:absolute;top:0;left:0;background:#000;filter:alpha(opacity=60);opacity:0.6;}
.mf_taobao2010 .num{position:absolute;z-index:3;bottom:6px;right:5px;}/*按钮样式*/
.mf_taobao2010 .num li{float:left;}
.mf_taobao2010 .num li a{float:left; background:#fff; width:8px;height:8px;position:relative; text-align:center;margin-right:3px;cursor:pointer; text-decoration:none;-webkit-transition:color 0.4s;-moz-transition:color 0.4s;-o-transition:color 0.4s; border-radius:4px; line-height:9999;}
.mf_taobao2010 .num li.current a,.mf_taobao2010 .num li.hover a{ background:#00438f; }


.index_news_list{ width:440px; float:right;}
.index_news_list ul li{ width:100%; height:46px; line-height:46px; overflow:auto; border-bottom:1px solid #dbdbdb;}
.index_news_list ul li a{ display:block; max-width:84%; height:46px; float:left; font-size:14px; overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.index_news_list ul li span{ font-size:12px; color:#999; display:block; float:right;}
.index_news_list ul li.lastli{ border:none;}

.media_center{ float:left; width:328px; margin-left:28px;}
.media_title{ overflow:auto; border-bottom:1px solid #dbdbdb;}
.media_title .more{ font-size:16px; float:right; font-size:14px; color:#999; margin:16px 0;}
.media_title a:hover.more{ color:#00438f;}
.media_title span{ color:#00438f; font-size:16px; border-bottom:4px solid #00438f; display:inline-block; padding:16px 5px;}
.flash{ width:328px; height:200px; margin-top:20px; background:#00438f;}
.flash iframe{width:100%!important;height:100%!important;}




.index_products{ margin-top:40px; margin-left:40px; }
.index_products ul{margin: auto}
.index_products ul li{ float:left; width:24%; overflow:hidden;height:48%;display: block;margin:0.4% 0.5%}
.index_products ul li a{ display:block; position:relative; width:100%}
.index_products ul li img{ width:100%; height:100%;display: block}
.index_products ul li .pro_info_wrap{ position:absolute; width:100%; height:40px; left:0; bottom:0; overflow:hidden;}
.index_products ul li .pro_info_wrap .mask{ width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:9; background:#000; filter:alpha(opacity=60);opacity:0.6;}
.index_products ul li .pro_info_wrap .pro_info{ position:absolute; z-index:99; width:100%;}
.index_products ul li .pro_info_wrap .title2{ height:40px; text-align:center; line-height:40px; color:#fff; font-size:16px;}
.index_products ul li .pro_info_wrap .con{ padding:20px 15px;}
.index_products ul li .pro_info_wrap .con p{ line-height:26px; color:#fff; font-size:14px;}
.index_products ul li.firstli{ width:50%; height:auto;margin: 0}
.index_products ul li.firstli a{ margin:0;}

.index_item2{ max-width:1200px; margin:50px auto 0 auto;}
.index_anli{ width:1200px; margin-top:40px;}
.index_anli .prev,.index_anli .next{ width:56px; height:200px; background:#666; font-size:20px; color:#fff; text-align:center; position:relative; cursor:pointer; }
.index_anli .prev img,.index_anli .next img{ position:absolute; left:50%; top:50%; margin-left:-9px; margin-top:-15px;}
.index_anli .prev{ float:left; margin-right:12px;}
.index_anli .next{ float:right;}
.index_anli .anli_main{ float:left; width:1063px;}
.index_anli .anli_main ul li{ float:left; margin-right:20px; width:340px;}
.index_anli .anli_main ul li .pic img{ width:340px; height:200px;}
.index_anli .anli_main ul li .title3{ margin-top:20px; line-height:30px; text-align:center; font-size:20px;}
.index_anli .anli_main ul li .title3 .num{ color:#999; display:inline-block; padding-right:18px; height:30px; margin-right:18px; border-right:1px solid #999;}
.index_anli .anli_main ul li .pic { position:relative; width:340px; height:200px; overflow:hidden;}
.index_anli .anli_main ul li .pic .anli_pop{ position:absolute; width:100%; height:0; left:0; bottom:0; z-index:1;}
.index_anli .anli_main ul li .pic .anli_pop .mask{ width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:9; background:#000; filter:alpha(opacity=60);opacity:0.6;}
.index_anli .anli_main ul li .pic .anli_pop .anli_info{ position:absolute; z-index:11; width:305px; height:150px; margin:25px 20px; left:0; top:0; overflow:hidden;}
.index_anli .anli_main ul li .pic .anli_pop .anli_info p{ color:#fff; font-size:15px; font-family:"宋体"; line-height:26px;}

.footer_wrap{ width:100%; background:#232323; margin-top:70px; }
.footer{ width:1200px; margin:0 auto; padding:20px 0;}
.footer dl{ float:left;}
.footer dl dt{ margin-bottom:10px; font-size:18px; color:#fff; font-family:"宋体";}
.footer dl dd{ margin-top:5px;}
.footer dl dd a,.footer dl dd p{ color:#fff; font-size:12px; font-family:"宋体";}
.footer dl dd a:hover{ color:#999;}
.footer .f_link{ margin-left:100px; width:230px;}
.footer .f_menu{ width:210px;}
.footer .f_contact{ width:220px;margin-left:50px}
.footer .f_follow{ margin-left:200px;}
.footer .f_follow img{ margin-top:10px;}

@media screen and (max-width:1200px){
.news_tab{ width:100%; margin:0;}
.news_tab .tabcontent_wrap,.news_tab .tabtitle{ margin:0 10px;}
.news_tab .tabcontent .flex{ display:-webkit-box; display:-webkit-flex; display:flex; -webkit-justify-content:space-between;justify-content:space-between; }
.news_tab .tabcontent .index_news_list{ flex:1; width:auto; margin-left:18px;}
.index_news_list ul li.lastli{ border-bottom: 1px solid #dbdbdb;}
.media_center{ width:100%; margin-left:0; margin-top:10px;}
.media_center .media_title{ margin:0 10px;}
.media_center .flash{ width:98%; margin:10px auto 0 auto; }
.media_center .flash embed{ width:100%; }
.title1{ margin:0 10px;}
.mf_taobao2010_wrap{ margin:auto;}
  .title1 .more2{ margin:20px 0;}
}

@media screen and (max-width:768px){
  .focus1 img{ height:100%; width:100%;}
  .focus1 .swiper-container-horizontal>.swiper-pagination-bullets{ bottom:10px;}
  
  .index_item1{ width:100%; margin:0px auto 0 auto;}
  .title1{ }
  /**/
  .news_tab{ width:100%;}
  .news_tab .tabtitle{ }
  .news_tab .tabtitle ul li{ padding:6px 0; margin-right:10px; margin-left:5px;}
  .news_tab .more a{ right:5px;}
  
  .news_tab .tabcontent .index_news_list{ margin:0;}
  /*.focus2{ width:100%; height:auto; }*/
  .focus2 img{ width:100%; height:100%;}
  .mf_taobao2010_focus3 .pic{ width:100%;}
  .mf_taobao2010 .pic ul.left li a{ display:block;}
  
  .index_news_list{ width:100%; }
  .index_news_list ul li{ padding:0 5px;}
  .index_news_list ul li a{ max-width:75%;}
  
  .media_center{ width:100%;}
  /*h5视频*/
  /*
  .flash{ display:none; width:100%;}
  .flash_mobile{ display:block;}
  .flash_mobile video{ width:100%; height:220px;}
  */
  
  .index_item1 .more2{ right:5px; bottom:10px;}
  .index_products{ margin-top:10px; padding:0 10px; margin-left:0;}
  /*.index_products ul{ margin-left:-17px;}*/
  .index_products ul li.firstli{ width:100%; height:auto; margin-bottom:19px; }
  /*.index_products ul li.firstli a{ margin-left:17px;}*/
  .index_products ul li{ width:49%; height:auto;}
  .index_products ul li .pro_info_wrap .pro_info{ width:100%;}
  .index_products ul li .pro_info_wrap .con{ display:none;}
  .index_products ul li .pro_info_wrap .title2{ width:100%; overflow:hidden;}

  .index_item2{ display:none;}
  .footer_wrap{ margin-top:10px; }
  .footer{ width:100%;}
  .footer .f_link{ margin-left:auto; width:50%; text-align:center;margin-bottom:80px}
  .footer .f_menu{ width:50%; text-align:center;}
  .footer .f_contact{ width:50%;margin-left:0}
  .footer .f_contact .title4{ text-align:center; margin-top:30px;}
  .footer .f_contact dd{ padding-left:5px;}
  .footer .f_follow{ margin:auto; width:50%; text-align:center;}
  .footer .f_follow .title4{ text-align:center; margin-top:30px;}
}
@media screen and (max-width:650px){
.news_tab .tabcontent .flex{-webkit-flex-direction:column; flex-direction:column;}
}

@media screen and (max-width:500px){
.index_products ul li{ width:100%;}

}
@media screen and (max-width:330px){

.news_tab .tabtitle ul li{ padding:6px 0; margin-right:10px; margin-left:5px;font-size:13px;}
 
}