@charset "utf-8";
/* CSS Document */
@import url("bootstrap.min.css");
@import url("font-awesome.min.css");
@font-face{font-family:'Glyphicons Halflings';src:url(../font/glyphicons-halflings-regular.eot);src:url(../font/glyphicons-halflings-regular.svg);src:url(../font/glyphicons-halflings-regular.ttf);src:url(../font/glyphicons-halflings-regular.woff);src:url(../font/glyphicons-halflings-regular.woff2);font-weight:normal;font-style:normal}
body{font-family:"微软雅黑"; color:#333; font-size:14px;background-color:#f7f7f7}
*{padding:0;margin:0}
:after, :before{border-size:inherit}
.clearfix{overflow:hidden;_zoom:1}
ul li{list-style:none}
a ,a:hover,a:focus{text-decoration:none;color:#000}
input,button,select,textarea{outline:none}
h1,h2,h3,h4,h5,h6{font-weight:normal;padding:0;margin:0}
/* top style */
.top{background-color:#ebebeb;height:40px;line-height:40px;color:#666;overflow:hidden;}
.top .logo{overflow: hidden;float: left}
.top .logo a img{max-height:100%}
.top .logo span {float: left;line-height: 45px;margin-left:5px;margin-top:30px;font-size:20px;color:#666}
.top .logo span:before{content: "|";padding-right: 4px}
.top .topnav{float:left;padding:0 10px;}
.top .topnav img{max-height:35px}
.top .user{float:right;}
.top a{padding:0 5px;color:#666;font-size:12px}
#header .search{float:right;height:38px;margin-top:15px;}
#header .search .sinput{float:left;width:260px;border:2px solid #d0121b;}
#header .search input{width:calc(100% - 10px);height:34px;padding-left:10px;border:none;font-size: 14px}
#header .search button{background-color:#d0121b;height:38px;border:none;color:#fff;font-size:22px;line-height:38px;text-align:center;width:90px;float:left;cursor:pointer; font-size:16px;}
#header .search .bd{ background-color:#fff; border:1px solid #d0121b; color:#d0121b; margin-left:10px;}
.hotline{float:right;line-height:46px;color:#fff;}
.hotline i{width:28px;height:28px;line-height:28px;border:1px solid #fff;border-radius:50%;display:inline-block;text-align:center;}
.hotline span{font-size:20px}
/*头部*/
#header{background-color:#fff;border-bottom:1px solid #cecece}
.h_top{float:left;width:50%;line-height:70px;}
.logo{float:left;width:60px;height:60px;line-height:60px;margin-top:5px;margin-right:5px;display:table-cell;vertical-align:middle;text-align:center;}
.logo img{width:60px;height:auto;max-height:60px}
.h_top h2{font-size:26px;line-height:70px;color:#333}
.navbar{margin-bottom:0;border:none;margin-bottom:-1px;background-color:#1862c1;font-size:16px;border-radius:0;min-height:46px}
.navbar-default .navbar-nav>li>a {color:#fff;width:110px;text-align:center;line-height:16px;}
.navbar-default .navbar-nav>li:first-child a{border-left:none}
.navbar-default .navbar-nav>li:last-child a{border-right:none}
.navbar-default .navbar-nav>li>a:hover ,.navbar-default .navbar-nav>li>a:focus{color:#fff}
.container-fluid{padding:0}
.navbar-collapse{padding:0}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color:#2490fc;color:#fff}
.navbar-nav>li:hover{background-color:inherit}
.goods_la li a:hover{background-color:#699ace}
.newslista li:hover{background-color:#f7f7f7}
.topsearch{ position:absolute; right:74px; top:14px; }
.topsearch i{ color:#fff;font-size:20px;cursor:pointer}
.msearch{ background-color:#1862c1; height:60px; width:100%; padding-top:10px;}
.msearch input{ height:34px; background-color:#fff; border:none; width:60%; float:left; margin-left:15px;}
.msearch button{ float:left; font-size:14px; height:34px; padding:0 5px; background-color:#eee; border:none; border-radius:2px; margin-left:4px;float:right;}
.msearch .sbtn2{ margin-right:15px; }
/*尾部*/
#footer{background-color:#333;color:#fff;padding-bottom:20px}
.footer{background-color:#666;  line-height:24px;padding-bottom:30px;padding-top:10px}
.footer h2{font-size:18px;margin-bottom:15px;margin-top:30px;display:block}
.footer a{color:#fff;margin-right:20px; display:inline-block;}
.footer a:hover{text-decoration:underline;color:#ddd}
#footer p{font-size:3;text-align:center;margin-bottom:0;color: #999}
.fterbot{text-align:center;padding:25px 0;padding-bottom:15px}
.fterbot a{color:#999;font-size:14px;margin:0 15px}
/*分页样式*/
.pagination>li>a, .pagination>li>span{color:#000;background-color:inherit;padding:6px 15px;font-size:12px}
.pagination>li>a:focus {margin-top:-1px}
.pagination>li>a:focus ,.pagination>.active>a{background-color:#2490fc;color:#fff;padding:7px 15px}
.pagination>.active>a{border:none}
/*首页主体*/
.carousel-inner .item img{width:100%}
.box{margin-bottom:40px;margin-top:30px;}
.boxa{padding-bottom:20px;padding-right:0;padding-left:0;}
.boxl{padding:0}
.boxr{padding-right:0;padding-left:20px}
.tita{border-bottom:3px solid #eee;height:47px;position:relative}
.tita h2{font-size:24px;color:#333;border-bottom:3px solid #2490fc;display:inline;line-height:24px; display:block;float:left;margin-right:10px;padding-bottom:20px}
.tita span{color:#e4e4e4;font-size:30px}
.tita p{ color:#666;display:block;padding-top:6px}
.tita a{position:absolute;right:0;top:20px;font-family:Arial, Helvetica, sans-serif}
.carousel-indicators {bottom: 0px}
.carousel-indicators .active{background-color:#2490fc;   margin: 4px}
.carousel-indicators li{background-color:#fff;border:none;width:12px;height:12px;   margin: 4px}
.boxb{background-color:#fff;border:1px solid #e5e5e5;margin-bottom:20px;height:380px}
.boxb .ctit{margin:0 !important}
.boxb .ctit h2 {font-size: 20px;line-height: 42px;padding-left: 20px}
.boxb_ct{ padding:25px}
.boxb_ct .idximg{float:left;width:280px;height:280px;margin-right:30px; line-height:280px;text-align:center}
.boxb_ct img{max-width:280px;}
.boxb_ct div{  line-height:24px; margin-right:20px}
.boxb_ct p{max-height:120px;overflow:hidden;line-height:24px;color:#999}
.boxb_ct h2{font-size:30px;padding-bottom:20px;line-height:36px}
.boxb_ct a.more{display:inline-block;text-align:center;height:34px;line-height:34px;width:100px;color:#fff;background-color:#30a3ff;font-size:14px; border-radius:20px}
.boxc{padding:20px 0}
.boxc_l{padding-left:0}
.boxc_r{padding-right:0}
.boxc_lb{background-color:#2490fc;color:#fff;height:210px;padding:15px 30px; line-height:26px;margin-top:15px;overflow: hidden}
.boxc_lb p{margin:0}
.boxc_lb p a {color: #fff}
.boxc_rb{border:1px solid #e2e2e2;padding:15px 30px;margin-top:15px;height:210px;overflow:hidden;background-color:#fff}
.boxc_r ul{height:160px}
.boxc_r ul li{color:#fff;background-color:#2490fc;font-size:18px;padding:10px 25px;float:left;margin:4px}
.boxd{padding:20px 0;padding-top:40px}
.boxd ul{margin:0 -8px}
.boxd ul li{float:left;width:50%}
.boxd ul li a{display:block;background-color:#fff;margin:8px;border:1px solid #fff;padding:30px 0;color:#666;font-size:12px;height:175px;padding-right:50px}
.boxd ul{margin-right:-50px}
.boxd ul li h2{font-size:16px;color:#2490fc;display:block;margin-bottom:15px;line-height:20px;height:20px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.boxd ul li p{line-height:18px;display:block;height:54px;overflow:hidden}
.certification{background:url(../images/rzbg.jpg) no-repeat top left #fff;border:1px solid #e5e5e5;padding:0 15px;margin-bottom:15px}
.ctit{height:70px;color:rgba(255,255,255,0.7);padding-top:10px;position:relative}
.ctit i{font-size:36px;float:left;margin-right:10px}
.ctit h2{display:block;float:left;font-size:18px;font-weight:normal}
.ctit h2 span{font-size:14px;font-family:Arial, Helvetica, sans-serif;display:block;margin-top:4px}
.ctit a {position: absolute;right: 0;top: 15px;font-family: Arial, Helvetica, sans-serif;font-size:14px;right:20px}
.certification h3{font-size:18px;color:#30a3ff;padding:0 10px;padding-top:10px;line-height:24px}
.certification{padding-bottom:30px}
.certification ul{padding:10px}
.certification li{line-height:18px;padding-bottom:10px;color:#999;font-size:13px}
.certification li b{word-break:break-all;color:#888}
.certification a{height:44px;width:100%;color:#fff;border-radius:4px;background-color:#ff9600;font-size:16px;line-height:44px;text-align:
center;display:block}
.certification a:hover{background-color:#fea11d;cursor:pointer}
.wcontact ,.wnews{background:none;background-color:#fff;padding-bottom:0;height:340px}
.wcontactr{height:380px}
.wcontact .ctit ,.boxb .ctit ,.wnews .ctit ,.repro .ctit,.xgpro h2,.cpfl h2{color:#000;font-size:18px;display:block;padding-top:0;height:42px;margin:0 -15px;background-color:#f1f1f1}
.wcontact .ctit h2 ,.wnews .ctit h2,.repro .ctit h2{font-size:20px;line-height:42px;padding-left:20px}
.wcontact ul{padding-top:15px}
.wcontact .ultit{font-size:16px;color:#30a3ff}
.wcontact ul li{max-height:54px;overflow:hidden; word-break:break-all;}
.wnews{height:auto;border:1px solid #e5e5e5;}
.wnews .ctit ,.repro .ctit{margin:0}
.wnews ul{padding:15px 20px}
.wnews ul li{padding:10px 0}
.wnews ul li .time{float:left;width:90px;height:90px;background-color:#f2f2f2;font-size:14px;color:#666;text-align:center;padding-top:20px;margin-right:25px}
.wnews ul li .time span{font-size:20px;color:#000;display:block}
.wnews ul li .ctnt h3{display:block;height:30px;line-height:30px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;font-size:16px;display:block;color:#000;padding-top:6px}
.wnews ul li .ctnt p{display:block;height:36px;font-size:16px;color:#999;line-height:36px;overflow:hidden;margin-top:6px}
.wnews ul li :hover{text-decoration:underline}
.xlbox{ padding-top:30px; padding-bottom:0;}
.box .wnews{ margin-top:30px;}
/*企业商品*/
.goods ,.gdetail ,.news{margin:20px auto}
.ngoods_l{padding:0;padding-right:20px}
.detail_bot{margin-top:20px}
.position{line-height:42px;background-color:#f1f1f1;color:#666;border-bottom:1px solid #e5e5e5;padding:0 10px;font-size:14px}
.position a{color:#2490fc;margin:0 5px}
.position1{border:1px solid #e5e5e5;}
.goods_r{border:1px solid #e5e5e5;background-color:#fff;padding:0}
.goods_l .repro{margin-bottom:20px}
.dgoods{padding:0}
.dpro{padding:20px;background-color:#fff}
.modright{ float:right;}
.modright h2{font-size:20px;line-height:28px;padding-top:20px}
.modright ul{ background-color:#f5f5f5;padding:15px 20px;margin-top:20px}
.modright ul li{padding:8px 0}
.modright ul li i{color:#ff3333;font-size:26px;font-style:normal}
.modright ul li span{margin-right:15px}
.modright ul li.tagbox{display:inline-block;}
.modright ul li.tagbox a{margin-right:5px;display:inline-block;color:#337ab7;}
.modright ul li.tagbox a:hover{color:#1862c1;}
.modright ul p{display:inline-block;width:80px;padding-right:20px;margin-bottom:0;color:#999;text-align:right}
.modright a.xjbtn{height: 44px;width: 140px;color: #fff;border-radius: 4px;background-color: #ff9600;font-size: 18px;line-height: 44px;text-align: center;display: block;margin-top:20px;    margin-right: 30px; float:left;}
.modright a.xjbtn:hover{background-color:#fea11d;cursor:pointer}
.modicon{ color:#333; font-size:14px; margin-top:40px;}
.modicon p{ padding-right:30px; display:inline-block;}
.modicon i{padding-right:5px; color:#bbb; font-size:16px;}
.prode{background-color:#fff;border:1px solid #e5e5e5}
.prode .navtab{border-bottom:1px solid #e5e5e5;height:44px;background: #f1f1f1;}
.prode .navtab li{float: left;height:42px;line-height: 44px;text-align: center;border-right: 1px solid #e5e5e5;}
.prode .navtab li a{padding:0 20px;color: #555;font-size: 14px;display: block;cursor: pointer;}
.prode .navtab li.tabon{ background: #fff;border-top:2px solid #2890e8;color:#2890e8; height:44px;}
.contnt{padding:40px;border-bottom:1px solid #eee}
.contnt:last-child{border-bottom:none}
.contnt h5{background:#f5f5f5;font-size:16px;font-weight:bold;padding:10px 15px;border-left:3px solid #2490fc;}
.contact-cnt{padding-top:40px}
.contact-cnt ul{ margin-bottom:0;}
table{width:100%}
table td{border:1px solid #e5e5e5;height: 42px;color:#555; padding:0 15px; word-break: break-all; }
table td div{overflow: hidden;}
table td.bg{background: #F5F5F5;color:#777;width:140px; text-align:center; padding:0;}
.goods_l{padding-left:0}
.pro_r{padding:0}
.one {width:100%}
.fix {position: fixed;top:0; width:890.5px;}
.fix ul{text-align:left;}
.prode .fix ul li{ display:inline-block; float:none;}
.detit{text-align:center;padding-bottom:30px}
.detit h4{font-size:24px;font-weight:bold}
.detit i{font-style:normal;color:#2490fc}
.detit span{color:#999;display:block;padding-top:2px}
#contnt2 p{line-height:24px;padding:5px 0;color:#333}
#contnt2 img{display:block;max-width:100%;margin:0 auto}
#contnt2 .deimg{text-align:center;padding:5px 0}
#contnt3 ul ,.ctcontent ul{padding:30px 40px;background-size:cover}
#contnt3 li, .ctcontent li{padding:8px 0;line-height:24px;font-size:16px;color:#333}
#contnt3 li span , .ctcontent li span{width:120px;padding-right:10px;text-align:right;display:inline-block;font-size:14px;color:#999}
.xgpro ,.cpfl{border:1px solid #e5e5e5;background-color:#fff}
.xgpro h2 ,.cpfl h2{font-size: 20px;line-height: 42px;padding-left: 20px;margin:0 }
.xgpro ul{padding-top:10px}
.xgpro ul li{padding:10px 30px}
.xgpro ul li div{text-align:center;height:200px;line-height:196px;border:1px solid #e5e5e5;margin-bottom:10px}
.xgpro ul li img{max-width:100%;max-height:196px}
.xgpro ul li h3{font-size:14px;color:#333;line-height:20px;max-height:40px;overflow:hidden}
.xgpro ul li h3:hover{color:#666}
.xgpro ul li span{color:#ff3333;font-size:16px}
.cpfl{margin-bottom:15px}
.cpfl ul{margin-bottom:0;background-color:#f9f9f9}
.cpfl ul li{line-height:40px;border-bottom:1px dotted #ddd;padding:0 20px}
.cpfl ul li:last-child{border-bottom:none}
.cpfl ul li i{margin-right:10px;color:#999}
.cpfl ul li a{cursor:pointer;display:block}
.cpfl ul li:hover {background-color:#f7f7f7}
.cpfl ul li:hover a{color:#2490fc}
.boxa .date ,.date{ background-color:#fff; height:400px; line-height:400px; text-align:center; }
.boxa .date{border:1px solid #e5e5e5; border-top:none;}
.nodate{ background:url(../images/nodate.jpg) no-repeat left; width:300px; height:123px; display:inline-block;}
.nodate p{ line-height:123px; font-size:18px; padding-left:160px; color:#999;}
/*企业资讯*/
.news_l{padding:0;padding-right:20px}
.news_r{padding:0;border:1px solid #e5e5e5;background-color:#fff}
.news_r img{max-width:100%;}
.news_r .wnews{border:none}
.news_r .newsul{padding:0;padding-top:10px}
.news_r .newsul li{padding:30px 25px}
.news_r .newsul li:hover{background-color:#f5f5f5;display:block}
.news_r .pagination{padding-left:25px;margin-top:0}
.dnews_r{ padding:30px;border-top:none}
.dnews_r p{line-height:30px;font-size:16px;color:#666;margin-bottom:15px}
.dnews_r h2{font-size:30px;text-align:center;line-height:40px}
.dnews_r span{font-size:14px;text-align:center;padding-bottom:30px;display:block;padding-top:10px;color:#bbb}
.dnews_r h3 ,.dnews_r h4{font-size:14px;padding:10px 0}
.dnews_r h3 a ,.dnews_r h4 a{color:#2490fc;margin:0 5px}
.dnews_r img{ max-width:100%;}
.dnews_b{padding:30px;border-top: 1px solid #eee;}
.titd{height:46px;line-height:46px;border-bottom:1px solid #ddd;background-color:#2490fc;padding:0 20px;color:#fff;font-size:18px}
.dnews_l{padding-right:0}
.about{margin:20px auto;margin-bottom:40px}
.aboutimg{float:left;width:40%;margin-right:30px;margin-bottom:10px}
.dnews_r h1{font-size:16px;   color: #2490fc;padding-bottom:15px}
.catbox{margin-top:15px}
.catbox a{padding:5px 8px;color:#333;display:block;background-color:#fff;height:42px;line-height:42px;text-align:center;border-radius:4px;font-size:14px;padding:0 20px;border:1px solid #e5e5e5;float:left;margin:5px 0 ;margin-right:10px}
.catbox a:hover{color:#fff;background-color:#2490fc}
.catbox .active{color:#fff;background-color:#2490fc}
.goods #well{margin-top:20px}
.repro{background-color:#fff;border:1px solid #ddd}
.repro ul{padding:20px;padding-bottom:10px}
.repro ul li{padding:5px 0;display:block;height:30px;line-height:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.repro ul li:hover{text-decoration:underline}
/*联系我们*/
.ctcontent {background:#fff}
.ctcontent ul{ margin-bottom:0;}
/*new css*/
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right {position: absolute;top: 44%;z-index: 5;display: inline-block;margin: 0;font-size: 60px}
.cphone{position:absolute;right:0;top:12px;line-height:20px;right:0}
#header .container{position:relative;z-index:999}
.cphone i{float:left;font-size:20px;color:#2490fc;margin-top:20px;margin-right:15px;border:1px solid #2490fc;border-radius:80px;padding:6px 8px}
.cphone div{float:left}
.cphone span{color: #333;font-size: 26px;color:#2490fc}
.cphone p{font-size:16px;color:#333;margin-top:10px}
.slidea .item ul li div {border: 6px solid #e6e6e6;line-height: 214px}
.slidea .carousel-indicators{bottom:-50px}
.ngoods{padding-top:30px}
.dgimg {text-align:center}
.dgimg img{max-width:90%;margin:20px 0}
.news .wcontact{height:auto}
.denews_r{padding-left:0;padding-right:20px}

/*产品翻转*/
@-webkit-keyframes flipOutYtest {
  from {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
  }

  40% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
    opacity: 1;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }

  to {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
    opacity: 0;
  }
}

.test{
  -webkit-animation: flipOutYtest 0.75s linear;
  animation: flipOutYtest 0.75s linear;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes flipInYtest {
  from {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
    opacity: 0;
  }

  50% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(1400px);
    transform: perspective(1400px);
    opacity: 1;
  }
}

.test2{-webkit-animation: flipInYtest 0.75s linear;animation: flipInYtest 0.75s linear;-webkit-animation-fill-mode: both;animation-fill-mode: both}
#well{margin:30px -10px; }
#well .well-item{position: relative;height:290px;margin-bottom:30px}
#well .col-md-3 ,#well .col-md-4{padding:0 10px}
#well .well-item img{max-height: 230px;cursor:pointe;max-width:100%}
.correctimg ,div.test2 ,div.test  {width:100%;height:230px;text-align:center;overflow:hidden;border:1px solid #e5e5e5;line-height:230px;background-color:#fff}
.correct h2.test2 ,.correct h2 ,.correct h2.test{line-height:24px;height:24px;overflow:hidden;display:block;margin-top:10px}
.correct{position: absolute;width: 100%;height:260px}
.correct span{display:block;color:#ff3333;font-size:18px;line-height:18px;margin-top:10px;font-family:Arial, Helvetica, sans-serif}
.correct span i{font-size:14px;font-style:normal}
.opposite{height: 280px;width: 100%}
.opposite div{height: 280px;width: 100%;overflow:hidden}
.opposite-content{display: table;width: 100%;height: 300px}
.opposite-content-text{display: table-cell;vertical-align: middle;text-align: center;color: white;font-size: 14px;padding:10px;cursor:pointer}
.opposite-content-text p{height:160px;overflow:hidden;display:block;line-height:20px;color:#666}
.opposite-content-text span{display:block;text-align:center;height:34px;line-height:34px;width:100px;color:#fff;background-color:#2490fc;font-size:14px;margin:0 auto;margin-top:20px;border-radius:20px}
.opposite-content span{display:none}
.correct h2{font-size:16px;line-height:20px;height:20px;overflow:hidden}

/*商品详细图片*/
.right-extra{ width:440px; float:left; padding:20px 30px; padding-bottom:0;}
.jqzoom{ line-height:375px; width:378px; vertical-align:middle;text-align:center;}
.jqzoom img{ max-width:378px; max-height:378px; }
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:380px;height:380px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:380px;height:380px;border:1px solid #DFDFDF;} 
.spec-scroll{clear:both;margin-top:10px;width:380px;}
.spec-scroll .prev{float:left;margin-right:6px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center;width:10px;height:50px; line-height:54px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:350px;height:56px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:56px;}
.spec-scroll .items ul li{float:left;width:54px;text-align:center; text-align:center; line-height:42px;border:1px solid #CCC;padding:2px; margin:0 2px; height:50px;}
.spec-scroll .items ul li img{max-width:44px;max-height:40px;}
.spec-scroll .items ul li:hover{border:2px solid #FF6600;padding:1px;}

@media (min-width: 768px){.modright{ width:100%}.right-extra {padding: 20px 10px; width:400px;}.topsearch{ display:none;}}
@media (min-width: 992px){.modright{ width:54%}.right-extra {padding: 20px 10px; width:400px;}}
@media (min-width: 1200px){.container {width: 1190px;padding:0 }.modright{ width:60%}.right-extra {padding: 20px 30px; width:440px;}}

@media (max-width: 1200px){
header .search{width:370px; margin-right:20px;}
header .search input{width:180px}
header .search button{width:80px;font-size:16px;}
.fix{ width:624.66px;}

}
@media (max-width: 992px){
.boxc_lb{padding:15px 20px}  
.goods_l,.gdetail .goods_l ,.news_l{padding:0}
.news_l{margin-bottom:20px}
.ngoods .gooditem ul li{width:33.333%} 
.boxr{padding-left:0}
header .logo span{display:none}
.goods_l{margin-top:20px}
.right-extra{ margin:0 auto; float:none;}
.fix{  width:718px;}
#header .search .sinput{ width:180px;}
#header .search button{ width:80px;}
}
@media (max-width: 768px){
.h_top{width:100%}
.navbar-default .navbar-toggle:hover ,.navbar-default .navbar-toggle:focus{background-color:inherit}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.navbar-nav{margin:0}
.navbar-default .navbar-nav>li>a{width:auto} 
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{margin-left:0;margin-right:0}
.boxb_ct img{width:100%;margin-right:0;max-height:inherit;max-width:inherit;overflow:auto;float:none; height:auto;}
.boxb_ct div{padding:20px;margin:0}
.boxc_l ,.boxc_r{padding:0}
.boxc_r{margin-top:40px}
.boxc_lb{padding:15px 30px}  
.boxd ul li{ width:100%}
.gooditem ul li{width:50%}
.aboutimg{width:100%;margin-bottom:20px}
.dnews_lb{margin-top:20px}
.cphone{display:none}
.search{display:none}
.goods_r .keyword{padding-right:0}
.goods_r .sc{position:inherit;z-index:inherit}
.goods_r h2 ,.dnews_r h2 ,.ctcontent h4{font-size:20px;line-height:26px}
.gdetailn img{max-width:100%;width:100%;margin:5px 0}
.goods_r .sc{padding-top:0;margin-bottom:20px}
.goods_r .sc a{margin-left:30px}
.boxb_ct div h2{ font-size:20px;}
.boxb ,.wcontactr{ height:auto;}
.ngoods_l ,.denews_r{ padding-right:0;}
.prode{ margin-top:20px;}
.news_r{ margin-top:20px;}
.modright{ width:100%}
.right-extra{ margin:0 auto; float:none;}
.fix{ left:16px; right:16px; width:auto;}
.hotline{ text-align:center; float:none;}

}
@media (max-width: 500px){

header .logo span{display:none}
.h_top{position:absolute;z-index:11;top:0;line-height:20px;padding:0}
.h_top img{display:none}
.h_top h2{color:#fff;font-size:16px;line-height:50px;height:50px;overflow:hidden}
.contnt{ padding:40px 20px;}
.dnews_b{ padding:30px 20px;}
table{ border:none; border-bottom:1px solid #e5e5e5;}
table td{ display:block; line-height:20px; border-bottom:none; height:auto; padding:8px 15px; }
table td.bg{ width:auto; text-align:left;padding:5px 15px;}
.modright { float:none; padding:0;}
.dpro{ padding:10px; margin:0;}
.modright a{ float:none;}
.modicon{ margin-top:10px; width:100%; float:none;}
.modicon p{ padding-right:20px;}
.goods_r h2{ font-size:16px;}
.top{ height:40px;}
.top .topnav{ padding:0; margin-left:-10px; }
.top a{ padding:0 3px;}
.top .topnav img{ height:32px;}
.carousel-control .fa-angle-left, .carousel-control .fa-angle-right{ top:10%;}

}
@media (max-width: 330px){.prode .navtab li a{ padding:0 10px;}.msearch input{ width:55%;}}