body{font-family:Arial,'microsoft yahei',Helvetica, sans-serif; color: #333;}
a,button{}
ul{list-style:none;}
h2{margin: 0px; padding: 0px;}
header{background-color:#fff;}
.top_menu{font-size: 12px; color: #7C98A2;  width: 100%;  height: 30px; background-color: #272526;color: #B3B3B3;}
.top_lang{float: right;height: 30px; padding: 4px 10px 0px 10px; }
.top_name{display: inline-block; padding-top:6px;}
.flash img{ width: 100%}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ dissplay:none; }
.img-thumbnail:hover,.opacity_img:hover{opacity: 0.8; }
a:hover{ text-decoration:none;}
*{list-style-type:none;}

.tk{ width:1200px; margin:0px auto; clear:both; overflow:hidden;}
@media screen and (min-width:320px) and (max-width:768px) {
.tk{ width:95%; margin:0px auto; clear:both; overflow:hidden;}
}
@media screen and (min-width:320px) and (max-width:768px) {
.pc{display:none;}
}
.mobile{display:none;}
@media screen and (min-width:320px) and (max-width:768px) {
.mobile{display:block;}
}
/*移动导航菜单*/
.navbar{margin:0px; background-color:#cd131c; border: none;}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #333333;}
/*站点顶部*/
.m_logo{ height:80px; background:url(../img/logo3.png) no-repeat; text-indent:65px; line-height:55px; font-size:30px; font-weight:bold; text-align:left; margin-top:15px;}


/*站点顶部*/
.top_yy1{ height:110px;}
.top_yy1 .logo{ width:270px; height:110px; float:left; text-align:left; background:url(../img/logo3.png) no-repeat; text-indent:65px;}
.top_yy1 .logo a{color:#333; font-size:30px; font-weight:bold; line-height:50px;}
.top_yy1 .wzdh{ width:930px; float:left; }

/*导航菜单*/
#nav_02 a {display: block; width:130px; text-align:center; line-height:110px; }
#nav_02 a:link  {color:#333;text-decoration:none; FONT-SIZE:16px; font-weight:bold;}
#nav_02 a:visited  {color:#3333;text-decoration:none; FONT-SIZE:16px;}
#nav_02 a:hover {color:#cd131c; text-decoration:none; FONT-SIZE:16px; font-weight:bold; border-bottom:#dbc39f 4px solid; line-height:106px;}
#nav_02 li {float: left; width:130px; background:url(../img/dh_li.png) no-repeat right;}
#nav_02 li ul {list-style-type: none;text-align:left; left:-999em; width:115px; position: absolute; z-index:999; padding:0px;}
#nav_02 li ul li{float: left; width:130px; line-height:45px; background: url(../img/dh_bj.png); z-index:9999; border-bottom:#cccccc 1px dotted;}
#nav_02 li ul a{display: block; width:130px; text-align:center; FONT-SIZE: 16px;line-height:45px; z-index:10;font-weight:normal;}
#nav_02 li ul a:link  {color:#333; text-decoration:none; FONT-SIZE:14px; line-height:45px; z-index:9999; font-weight:normal;}
#nav_02 li ul a:visited  {color:#333; text-decoration:none; FONT-SIZE:14px; line-height:45px; z-index:9999; font-weight:normal;}
#nav_02 li ul a:hover {color:#ffffff; text-decoration:none; font-weight:normal; FONT-SIZE:14px; line-height:45px; z-index:9999; background:#cd131c; border-bottom:none;}
#nav_02 li:hover ul {left: auto; z-index:9999;}
#nav_02 li.sfhover ul {left: auto; z-index:9999;}
#content {clear: left;  z-index:9999;}
/*首页专题版块*/
.index_ztbkv{background:#fcf3e5; height:170px; margin-bottom:40px;}
.index_ztbk{padding-top:30px; margin-bottom:30px;}
.index_ztbk .jgjj{ width:390px; height:140px; float:left; margin-right:15px;}
.index_ztbk .djpp{ width:390px; height:140px; float:left; margin-right:15px;}
.index_ztbk .ywfz{ width:390px; height:140px; float:left;}
@media screen and (min-width:320px) and (max-width:768px) {
.index_ztbkv{background:#fcf3e5; height:410px; margin-bottom:10px;}
.index_ztbk{padding-top:10px;}
.index_ztbk .jgjj{ width:100%; height:130px; float:none; margin-right:0px;}
.index_ztbk .djpp{ width:100%;  height:130px; float:none; margin-right:0px;}
.index_ztbk .ywfz{ width:100%;  height:130px; float:none;}
}
/*首页新闻幻灯片*/
.index_news_pic{ width:500px;  height:320px;}
@media screen and (min-width:320px) and (max-width:768px) {
.index_news_pic{ width:100%;  height:280px;}
}
/*首页新闻版块*/

.yuansu21{width:1200px; margin:0px auto; clear:both; overflow:hidden; margin-bottom:40px;}
.yuansu21 .left{ width:500px; height:320px; float:left; margin-right:50px; text-align:left;}
.yuansu21 .left .xwbt{ height:39px; margin-bottom:15px; line-height:39px; border-bottom:#ececec 1px solid;}
.yuansu21 .left .xwbt .bt{ width:50%; float:left; height:40px; line-height:40px;}
.yuansu21 .left .xwbt .bt h2{ width:65px; color:#cd131c; font-size:16px; line-height:38px; border-bottom:#cd131c 2px solid;}
.yuansu21 .left .xwbt .more{ width:50%; float:left; height:40px; line-height:40px;}


.yuansu21 .left li a{ text-decoration:none; font-size:16px; color:#333; font-weight:bold; margin-bottom:10px; display:block; line-height:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.yuansu21 .left li p{ color:#888888; font-size:12px; line-height:20px; margin-top:0px; margin-bottom:10px;}
.yuansu21 .right{ width:650px; height:320px; float:left;}

.yuansu21 .right .xwbt{ height:39px; margin-bottom:15px; line-height:39px; border-bottom:#ececec 1px solid;}
.yuansu21 .right .xwbt .bt{ width:50%; float:left; height:37px; line-height:37px; text-align:left;}
.yuansu21 .right .xwbt .bt h2{ width:75px; color:#cd131c; font-size:18px; line-height:37px; border-bottom:#cd131c 3px solid; font-weight:bold;}
.yuansu21 .right .xwbt .morevv{ width:50%; float:left; height:40px; line-height:40px; text-align:right;}
.yuansu21 .right .xwbt .morevv a{ color:#a6a5a5; font-size:13px;}

.yuansu21 .right .toutiao{ text-align:left; margin-bottom:20px; border-bottom:#cccccc 1px dotted; height:75px; margin-bottom:0px;}
.yuansu21 .right .toutiao a{ color:#333; font-size:16px; line-height:25px; text-decoration:none; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
.yuansu21 .right .toutiao a:hover{ color:#cd131c;}
.yuansu21 .right .toutiao p{ color:#aaaaaa; font-size:12px; line-height:20px; margin-bottom:5px; margin-top:5px;}
@media screen and (min-width:320px) and (max-width:768px) {
.yuansu21 .right .toutiao{ text-align:left; margin-bottom:20px; border-bottom:#cccccc 1px dotted; height:95px; margin-bottom:0px;}
}

.yuansu21 .right .list{clear:both; overflow:hidden;}
.yuansu21 .right .list ul{padding:0px;}
.yuansu21 .right .list ul li{ line-height:32px;}
.yuansu21 .right .list ul li a{ color:#333; font-size:14px; display:block; width:580px; float:left; text-decoration:none; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.yuansu21 .right .list ul li a:hover{ color:#cd131c;}
.yuansu21 .right .list ul li p{ color:#aaaaaa; font-size:12px; width:70px; float:left; text-align:right; margin-top:0px; margin-bottom:0px;}
.yuansu21 .right .more{ margin-top:15px;}
.yuansu21 .right .more a{ width:200px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:12px; display:block; background:#cd131c; text-decoration:none;}
.yuansu21 .right .more a:hover{background:#e5d4b8; color:#333;}
@media screen and (min-width:320px) and (max-width:768px) {
.yuansu21{width:95%; margin:0px auto; clear:both; overflow:hidden;}	
.yuansu21 .left{ width:100%; height:350px; float:none; margin-right:0px; text-align:left;}
.yuansu21 .left a{ text-decoration:none; font-size:16px; color:#333; font-weight:bold; margin-top:20px; margin-bottom:10px; display:block; line-height:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.yuansu21 .right{ width:100%; height:465px; float:left;}
.yuansu21 .right .toutiao a{ color:#333; font-size:16px; line-height:25px; text-decoration:none; text-overflow: ellipsis;width:100%;}
.yuansu21 .right .list ul li a{ color:#333; font-size:14px; display:block; width:80%; float:left; text-decoration:none; text-align:left; }
.yuansu21 .right .list ul li p{ color:#aaaaaa; font-size:12px; width:20%; float:left; text-align:right; margin-top:0px; margin-bottom:0px;}
.yuansu21 .right .more a{ width:100%; height:50px; line-height:50px; text-align:center; color:#fff; font-size:12px; display:block; background:#dd2f4a; text-decoration:none;}
}

/*网站底部版块*/
.footer4{}
.footer4 {background:#e9e9e9;}
.footer4 .zb{ height:60px; padding-top:25px; text-align:center; font-size:12px; color:#888888;}
.footer4 .zb a{ text-decoration:none; color:#888888; font-size:12px;}

@media screen and (min-width:320px) and (max-width:768px) {
.footer4 .zb{ height:80px; padding-top:15px; text-align:center; font-size:12px; color:#888888;}
}


.foot_nav{ width:25%; float:left;background-color: #fafafa;text-align:center;color:#898989;} 
.foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;cursor:pointer;}
.foot_nav a{color:#898989;display:block;}
.foot_nav a:hover,.foot_nav a:focus{text-decoration:none;}
.foot_nav span{display:block; padding:3px 0px 0px 0px;color:#898989;}
#foot_btn{width:100%; border: 0px; background: transparent;}
.webshare{width: 230px; padding: 5px;}
.ewebshare{width: 200px; padding: 5px;}


/*翻页*/
.pages {padding: 30px 0 30px; text-align: center;}
.pages li {display:inline}
.pages li.thisclass, .pages a:hover {padding:10px 10px; border:1px solid #ddd; color:#A4A4A4; text-decoration: none; border-radius:3px;}
.pages a {padding:10px 10px; border:1px solid #ddd; background:#fff; color:#A4A4A4; line-height:18px; border-radius:3px;}

.mainPage{ margin:0px auto; margin-bottom:15px; height:35px;}
.mainPage ul{height:32px; display:block; margin:0 auto; text-align:center;}
.mainPage ul li{display:inline; height:32px; line-height:32px; padding:5px 10px; color:#333; margin: 0 5px;  font-size:14px; margin-bottom:10px; background:#f0f3f7;}
.mainPage ul li a{color:#333; font-size:14px; }
.mainPage ul li.thisclass{background:#cd131c; color:#fff; font-size:14px;}
.mainPage ul li.thisclass a{color:#fff;}
.mainPage ul li a:hover, a:focus {color: hsl(209, 93%, 48%); text-decoration: none;}

.mainPage_jg{ height:25px;}
@media screen and (min-width:320px) and (max-width:768px) {
.mainPage{ margin:0px auto; margin-bottom:15px; height:35px;}
}


/*大屏幕*/
@media screen and (min-width: 769px) {
       header{}
       .logo{margin: 25px 0px 15px 0px; max-width: 700px;}
      .navbar{ margin-top:20px;  min-height: 50px; }
      .navbar-nav > li{}
      .navbar-nav > li:first-child { border-left:0; }
      .navbar-nav > li:last-child{ border-right:0; }
      .navbar-nav > li > a {text-align: center;}
      .navbar-default .navbar-nav > li > a{color: #fff;padding: 15px 30px 15px 30px;}
      .navbar-default .navbar-nav > li > a:hover,
	  .navbar-default .navbar-nav > li > a.cur,
      .navbar-default .navbar-nav > li > a:focus,
      .navbar-default .navbar-nav > .active > a,
      .navbar-default .navbar-nav > .active > a:hover,
      .navbar-default .navbar-nav > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {
          background-color: #333333; color: #fff;}
      .navbar-brand{display: none;}
      .navbar-default .navbar-nav-e > li > a{}

      .navbar-fixed-top{margin-top:0px; min-height: 40px; background-color: rgba(32,32,32,0.9);}
      .navbar-fixed-top ul.navbar-nav > li > a{padding: 11px 28px 12px 28px;}
      
      .nav_small{background-color:#202020; background-color: rgba(32,32,32,0.8); padding: 8px 0px 8px 0px; border-radius: 0px; border: none; box-shadow: none;}
      .nav_small > li > a{line-height:26px; color: #fff; font-size: 13px;}
      .nav_small > li > a:hover{color: #fff; background-color: #333333;}
       #app_menudown,#small_search{ display:none; }
      .index_left_nav,.footer_nav{display:none; }
      .index_about {width: 600px;}
}

/*小屏幕*/
@media screen and (max-width: 768px) {
      .logo{display: block; margin: 0 auto; max-width:310px;margin-top:18px;margin-bottom: 15px;}
      .navbar-default .navbar-brand {color: #fff; font-size: 16px;}
      .navbar-default .navbar-brand:hover,
      .navbar-default .navbar-brand:focus {color: #fff;}
      .navbar-toggle{border:none;}
      .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:1px solid #202020;}
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
        background-color: #333333;
      }
      .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
      .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;}
      .navbar-default .navbar-nav > li {}
      .navbar-default .navbar-nav > li:last-child{border: none;}
      .navbar-default .navbar-nav > li > a,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #fff;}
      .navbar-default .navbar-nav > li > a:hover,
       .navbar-default .navbar-nav > li > a:focus,
       .navbar-default .navbar-nav > .active > a, 
       .navbar-default .navbar-nav > .active > a:hover, 
       .navbar-default .navbar-nav > .active > a:focus,
       .navbar-default .navbar-nav > .open > a, 
       .navbar-default .navbar-nav > .open > a:hover, 
       .navbar-default .navbar-nav > .open > a:focus,
       .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
        background-color: #333333; color: #fff;}
        .navbar-fixed-top{background-color: rgba(32,32,32,0.9);}

      .top_name{display: none;}
      .search_group{margin: 5px 0px 20px 0px;}
      #topsearch{display: none;}
      .product_head{background:none;}
      .product_head h2{font-size:26px;}
      .product_index{margin-top: 10px;}
      .product_list{padding: 20px 0px 0px 0px;}
      .product_img{min-height:80px; margin-bottom: 10px;}
      .product_list2 div.product_img{min-height:80px; margin-bottom: 10px;}
      .advantage_list{margin-top: 10px;}
      .advantage{padding: 40px 0px 10px 0px;background-size: cover;background-attachment: fixed;}
      .advantage_head p{font-size: 30px;}
      .advantage_head h2{font-size: 20px;}
      .advantage_col h4{text-align: center; margin-top: 15px;}
      .advantage_col span{text-align: center;}
      .advantage_col img{display: block; margin: 0 auto;}
      .about_content img{max-width: 420px;width: 100%;margin-bottom: 15px;}
      .about_content a.btn-info{width: 220px; display:block; margin: 0 auto;padding: 8px 0px;}
      .case_head h2,.news_head h2{font-size:24px;}
      .news_index{padding-left: 0px;}
      .news_index li span{left: 0px; top:0px; margin-right:12px;}
      .news_index li a{margin-left: 0px;}
      .news_index li em{display:block;margin-left: 0px;}
      .page_bg{display: none;}
      
      .left_h{margin-top: 10px;}
      .list_related h2.left_h{margin-top: 60px;}
      .product_con img,.contents img{width:100%;}
      .news_time{ display:none;}
      #pic-page a img {width:35px;}
      #cmsFloatPanel{ display: none;}
      .point span.to_prev,.point span.to_next{text-align:left; padding-bottom: 8px;}
      .product_list2{padding-top: 25px;}
      .link_box{padding-left: 7px;}
      .link_box a{display: block;border-right:0px;padding:4px 0px;}
      .link_title{display: block;}
      .link_title:after{content:"";}
      .link_box button{display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px;}
      .link_box button:hover,.link_box button:focus{color: #99A1C5;}
      .link_list{display: none; padding-top: 7px;}
      .tags_box{padding-left: 7px;}
      .tags_box a{display: block;border-right:0px;padding:4px 0px;}
      .tags_title{display: block;}
      .tags_title:after{content:"";}
      .tags_box button{display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px;}
      .tags_box button:hover,.tags_box button:focus{color: #99A1C5;}
      .tags_rows{display: none; padding-top: 7px;}
      .footer_nav{background-color: #fafafa;}
     
}

@media screen and (max-width: 767px) {
     .copyright_p{ display:none;}
}

/*320px到768px*/
@media screen and (min-width:320px) and (max-width:768px) {
  .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
    float: left;
  }
  .col-mm-12 {
    width: 100%;
  }
  .col-mm-11 {
    width: 91.66666667%;
  }
  .col-mm-10 {
    width: 83.33333333%;
  }
  .col-mm-9 {
    width: 75%;
  }
  .col-mm-8 {
    width: 66.66666667%;
  }
  .col-mm-7 {
    width: 58.33333333%;
  }
  .col-mm-6 {
    width: 50%;
  }
  .col-mm-5 {
    width: 41.66666667%;
  }
  .col-mm-4 {
    width: 33.33333333%;
  }
  .col-mm-3 {
    width: 25%;
  }
  .col-mm-2 {
    width: 16.66666667%;
  }
  .col-mm-1 {
    width: 8.33333333%;
  }
}

@media screen and (max-width: 340px) {
  .logo{max-width:230px;}
}


@media screen and (max-width: 767px) {
     .copyright_p{ display:none;}
	 .top_menu{ display:none;}
	 .navbar{ margin-top:0px !important;}
}