@charset "gb2312";
*{margin:0px; padding:0px;}
img{border:none;
max-width:100%;
}
a{text-decoration:none;}
body{padding:0px;
margin:0px;
font-family:微软雅黑;
background:#F5F5F5;
}
/*网站头部*/
#head{background: #FFF;
height:140px;
}
#top{height:40px;
background:#5f5d5e;
font-size:12px;
}
#topnav{width:960px;
margin:0 auto;
color:#c9c5c7;
line-height:35px;
}
#topnav li{list-style:none;
float:left;
width:80px;
text-align:center;
}
#topnav li a{ color:#c9c5c7;
text-decoration:none;
}
#topmenu{width:900px;
margin:0 auto;
height:100px;
position: absolute;
left: 50%;
margin-left: -450px;
}
#logo{width:250px;
float:left;
}
#menu{float:left;
font-size:16px;
}
#menu li{list-style:none;
float:left;
width:100px;
text-align:center;
height:110px;
}
#menu li a{text-decoration:none;
color:#000;
display: inline-block;
transition: color 400ms ease 0s, background-color 400ms ease 0s;
height:65px;
width:100%;
padding-top:45px;
}
#menu li a:hover{color:#FFF;
background:#F00;
}
#menu .on a{ color:#FFF;
background:#F00;
}




/*首页内容区域*/

#video{height:480px;
width:1200px;
margin:0 auto;
min-width:1200px;
}
#video .title{
color:#333;
margin: 0px;
font-size: 22px;
font-weight: 200;
line-height: 58px;
text-align:left;
}
#video li{list-style:none;
float:left;
width:25%;
}
#videocontent{margin:7px;
height:320px;
background: #FFF;
font-size:14px;
color:#B0B0B0;
text-align:center;
padding-bottom:40px;
position:relative;
}
#videocontent a{text-decoration:none;
color:#333;
line-height:30px;
}
#videocontent a:hover{color:#FF6700;
}
#videocontent a img{ margin-bottom:20px;
}
#videocontent .play{
position: absolute;
left: 20px;
top: 50%;
width: 32px;
height: 20px;
border: 2px solid #FFF;
border-radius: 12px;
color: #FFF;
transition: all 0.2s ease 0s;
background-color: #000;
}
#videocontent .play:hover{background-color: #FF6700;
border-color: #FF6700;
}
#videocontent .play img{width: 70%;
margin-top: 2px;
}
#videoplay{width: 880px;
height: 600px;
background-color: #F5F5F5;
position: fixed;
left: 50%;
top:-800px;
margin-left:-440px;
opacity: 0;
z-index:2000;
filter: alpha(opacity =         0);
}
#videoplaytop{position: relative;
height: 32px;
padding: 14px 20px;
background-color: #F5F5F5;
z-index:1060;
}
#player{ position:absolute;
z-index:1060;
}
#videoplaytop .title{margin: 0px;
font-size: 18px;
font-weight: 400;
line-height: 32px;
color: #424242;
width:800px;
float:left;
}
#videoplaytop .close{position: absolute;
top: 14px;
right: 14px;
width: 30px;
height: 30px;
line-height: 25px;
text-align: center;
color: #757575;
cursor: pointer;
transition: all 0.2s ease 0s;
z-index: 10;
border-radius: 15px;
text-decoration: none;
font-size: 30px;
}
#videoplaytop a:hover{color:#FFF;
background:#FF6700
}
#videobg{position: fixed !important;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 1040;
background-color: #000;
opacity: 0.5;
display:none;
}
/*关于我们样式*/
#about{width: 1000px;
margin: 0px auto;
background: #FFF;
}
#about .title{height:55px;
padding-top:30px;
padding-bottom:20px;
padding-left:65px;
border-bottom:2px solid #666;
font-size:30px;
color:#332b28;
font-family:微软雅黑;
}
#about .info{width:900px;
margin:50px auto;
margin-bottom: 0px; 
padding-bottom: 50px;
background:#FFF;
}
/*产品列表*/


#productlist {
  width: 1200px;
  margin: 0px auto;
  margin-top: 50px;
  background-color:#fff;
  overflow: hidden;
}

.pro-tit {
    height: 68px;
    background: #F00;
    padding: 25px 25px 0;
}

.pro-left {
    float: left;
    width: 280px;
    margin-bottom: 60px;
}

.pro-search {
  height: 46px;
  background: #fff;
  border: solid 1px #e5e5e5;
  margin-top: 2px;
}

.pro-search .submit {
    width: 44px;
    height: 44px;
    float: right;
    background: url(../images/pro-search.png) no-repeat center;
    border: 0;
}

.pro-search .text {
  color: #bcbcbc;
  font-size: 14px;
  width: 200px;
  height: 44px;
  padding: 0 15px;
  border: 0;
  outline: 0;
}



.pro-tit h3 {
  font-size: 26px;
  line-height: 30px;
  color: white;
  font-weight: 400;
}

.pro-tit h4 {
  font-size: 13px;
  line-height: 25px;
  color: rgba(255,255,255,.67);
  text-transform: uppercase;
  font-weight: 600;
}

.pro-menu {
    padding: 0 6px;
    background: white;
}

.pro-item1 {
    position: relative;
    height: 66px;
    line-height: 65px;
    border-bottom: solid 1px #eeeeee;
    padding: 0 20px;
}

.pro-cate1 {
    display: block;
    margin-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #222;
}

.pro-tig1 {
    position: absolute;
    right: 20px;
    top: 0;
    transition: all .5s;
    width: 20px;
    height: 65px;
    background: url(../images/pro-dowm.png) no-repeat center;
}

.pro-item2 {
    position: relative;
    height: 51px;
    line-height: 50px;
    border-bottom: solid 1px #eeeeee;
    padding: 0 20px;
}

.pro-cate2 {
    display: block;
    margin-right: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #555;
    padding-left: 16px;
    background: url(../images/pro-cate2.png) no-repeat left center;
}

.pro-tig2 {
    position: absolute;
    right: 20px;
    top: 0;
    transition: all .5s;
    width: 20px;
    height: 50px;
    background: url(../images/pro-dowm.png) no-repeat center;
}

.pro-slide2 {
    border-bottom: solid 1px #eeeeee;
}

.pro-pad {
    padding: 7px 35px 4px 35px;
}

.pro-pad a {
    display: block;
    font-size: 14px;
    color: #888;
    line-height: 30px;
}

.pro-slide1, .pro-slide2 {
    display: none;
}

.pro-parent1.open .pro-cate1, .pro-cate1:hover {
    color: #F00;
    font-weight: bold;
}

.pro-parent1.open .pro-tig1, .pro-parent2.open .pro-tig2 {
    transform: rotate(90deg);
}

.pro-parent2.open .pro-cate2 {
    color: #e9541a;
}

.pro-pad a.on, .pro-pad a:hover, .pro-cate2:hover {
    color: #e9541a;
}

.pro-parent1.open .pro-slide1, .pro-parent2.open .pro-slide2 {
    display: block;
}

.pro-parent1:last-child .pro-item1 {
    border-bottom: none;
}


#productlist .info {
  width: 900px;
  float: right;
}
#productlist .info .item {
  list-style: none;
  width:900px;
  height:400px;
  margin-bottom: 30px;
  margin-left: 25px;
  background-color: #fff;
}
#productlist .info .item a {
  display: block;
  width:900px;
  height:400px;
}
#productlist .info .item img {
  float: left;
  width: 40%;
  padding: 20px;
  transition: all .5s;
}
#productlist .info .item:hover img {
  transform: scale(1.05);
}
#productlist .info .item .right {
  float: left;
  padding-left: 20px;
  height: 380px;
  width: 400px;
  overflow: hidden;
}
#productlist .info .item .right .p-title {
  font-size: 26px;
  color: #333;
  margin-top: 50px;
}
#productlist .info .item .right .p-desc {
  font-size: 16px;
  color: #333;
  margin-top: 20px;
  height: 220px;
  overflow: hidden;
  line-height: 27px;
}
.brandlist{
height:105px;
background-image:url("/Templates/default/images/id_bg.gif");
background-repeat: repeat-x;
background-position: left top;
text-align: center;
border-style: solid;
border-color: #CCC;
border-width: 1px;
font-size: 0px;
}

/* box */
.box {
  width: 402px;
  background-color: #fff;
  padding: 20px;
  margin-right: 50px;
}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:82px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{height:400px;width:400px;}
.tb-s310, .tb-s310 img{max-height:400px;max-width:400px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:80px;width:80px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:80px;padding:2px;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.proi {
  width: 940px;
  margin: 0 auto;
  background-color: #f1f1f1;
  display: -webkit-box;
  padding: 50px 30px;
}
.pir-right {
  width: 384px;
  padding: 20px;
}

    .pir-right h3 {
        margin-bottom: 7px;
        font-size: 26px;
        color: #333;
        line-height: 26px;
        font-weight: bold;
    }

    .pir-right h4 {
  margin-bottom: 9px;
  font-size: 14px;
  color: #666;
  line-height: 30px;
  width: 500px;
  height: 300px;
  overflow-y: hidden;
}

    .pir-right h5 {
        font-size: 16px;
        color: #333;
        line-height: 36px;
        font-weight: bold;
    }

    .pir-right p {
        font-size: 14px;
        color: #666;
        line-height: 26px;
    }

.pir-more {
    transition: all .4s;
    color: white;
    margin: 28px 0 35px;
    font-size: 16px;
    width: 219px;
    display: block;
    background: #00559d;
    padding: 17px 32px;
    line-height: 22px;
}

    .pir-more i {
        float: right;
    }

.pir-right .info-share {
  float: none;
  width: 500px;
}

.pir-more:hover {
    background: #e9541a;
}
.info-share span {
  width: 70px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
}
.bshare-custom{
  width: 430px;
  float: right;
  height: 32px;
}
.bshare-custom a {
  display: inline-block;
  margin-right: 12px;
}
.bshare-custom a img {
  width: 32px;
  height: 32px;
}
/*服务支持*/
#service{width: 1000px;
margin: 0px auto;
background: #FFF;
}
#service .title{height:55px;
padding-top:50px;
padding-left:65px;
border-bottom:2px solid #666;
font-size:30px;
color:#332b28;
font-family:微软雅黑;
}
#service .info{width:900px;
margin:50px auto;
margin-bottom: 0px; 
padding-bottom: 50px;
background:#FFF;
}

/*新闻列表*/
#newsindex{width: 1000px;
margin: 0px auto;
background: #FFF;
}
#newsindex .title{height:55px;
padding-top:30px;
padding-bottom:20px;
padding-left:65px;
padding-right:65px;
border-bottom:2px solid #666;
font-size:30px;
color:#332b28;
font-family:微软雅黑;
}
#newsindex .newstop{padding:15px 90px;
}
#newsindex .newstop a:hover{color:#FF6700;
}
#newsindex a{text-decoration:none;
color:#3d3533;
}
#newsindex .newslist{ padding-bottom:50px;
}
#newsindex .newslist .title{ text-align:left;
border-bottom:none;
padding-left:65px;
padding-right:65px;
font-size:30px;
border-bottom: 2px solid #666;
}
#newsindex .newslist .list li{ float:left;
list-style:none;
width:25%;
text-align:left;
font-size:15px;
padding-bottom:20px;
padding-top:20px;
min-height: 320px;
}
#newsindex .newslist .list li a:hover{color:#FF6700;
}
/*联系我们*/
#contact{width: 1000px;
margin: 0px auto;
background: #FFF;
}
#contact .title{height:55px;
padding-top:30px;
padding-bottom:20px;
padding-left:65px;
border-bottom:2px solid #666;
font-size:30px;
color:#332b28;
font-family:微软雅黑;
}
#contact .info{width:900px;
margin:50px auto;
margin-bottom: 0px; 
padding-bottom: 50px;
background:#FFF;
}
/*新闻详情*/
#newscontent{width: 1000px;
margin: 0px auto;
background: #FFF;
}
#newscontent .title{height:55px;
padding-top:30px;
padding-bottom:20px;
padding-left:65px;
border-bottom:2px solid #666;
font-size:30px;
color:#332b28;
font-family:微软雅黑;
}
#newscontent .info{width:900px;
margin:20px auto;
margin-bottom: 0px; 
padding-bottom: 20px;
background:#FFF;
}
#newscontent .info .title{text-align:center;
font-size:32px;
font-weight:bold;
margin:0 auto;
border-bottom:none;
padding-bottom: 0px;
height: 40px;
}
#newscontent .info .quality{text-align:center;
margin-bottom:20px;
}
/*防伪查询*/
#check{width: 1000px;
margin: 0px auto;
background: #FFF;
}
#check .title{height:55px;
padding-top:30px;
padding-bottom:20px;
padding-left:65px;
border-bottom:2px solid #666;
font-size:30px;
color:#332b28;
font-family:微软雅黑;
}
#check .info{width:900px;
margin:20px auto;
margin-bottom: 0px; 
padding-bottom: 50px;
background:#FFF;
font-size: 18px;
line-height: 32px;
padding-left:80px;
}
#check .info input{width:600px;
height:40px;
line-height:40px;
font-size:24px;
}
#check .info .button{width:60px;
height:30px;
border:1px solid #000;
border-radius:5px;
background:#dcdedd;
margin:10px;
font-size:16px;
line-height:30px;
}
/*问题反馈*/
#gbook{width: 1000px;
margin: 0px auto;
background: #FFF;
}
#gbook .title{height:55px;
padding-top:30px;
padding-bottom:20px;
padding-left:65px;
border-bottom:2px solid #666;
font-size:30px;
color:#332b28;
font-family:微软雅黑;
}
#gbook .info{width:900px;
margin:20px auto;
margin-bottom: 0px; 
padding-bottom: 50px;
background:#FFF;
font-size: 18px;
line-height: 32px;
padding-left:80px;
}
#gbook .info input{width:300px;
height:30px;
line-height:30px;
font-size:20px;
border: 1px solid #000;
border-radius: 2px;
margin-bottom: 10px;
}
#gbook .info textarea{border: 1px solid #000;
border-radius: 2px;
line-height:30px;
font-size:20px;
margin-bottom: 10px;
}
#gbook .info .button{width:60px;
height:30px;
border:1px solid #000;
border-radius:5px;
background:#dcdedd;
margin:10px;
font-size:16px;
line-height:30px;
}
/*产品详情*/
#product{width: 1000px;
margin: 0px auto;
background: #FFF;
}
#product .title{height:55px;
padding-top:30px;
padding-bottom:20px;
padding-left:65px;
border-bottom:2px solid #666;
font-size:30px;
color:#332b28;
font-family:微软雅黑;
}
#product .info{width:1000px;
margin:50px auto;
margin-bottom: 0px; 
background:#FFF;
text-align: center;
}
#product .info img{
max-width: 100%;
}
/*翻页按钮*/
#page {
  text-align: center;
  font-size: 14px;
  margin-bottom: 20px;
}
#page span{ margin:0 5px;
padding:5px 10px;
border:1px solid #CCC;
background:url(/Templates/default/images/pages.png)
}
#page a {
  margin: 0 5px;
    margin-top: 0px;
  margin-top: 0px;
  padding: 5px 10px;
  border: 1px solid #CCC;
  background: url(/Templates/default/images/pages.png);
  text-decoration: none;
  display: inline-block;
  margin-top: 35px;
}
#page select{ margin:0 5px;
padding:5px 10px;
border:1px solid #CCC;
}
/*网站底部*/
#footthree {
  height: 110px;
  background: #898989;
  display: none;
}
#footthree table{width:840px;
margin:0 auto;
}
.footthree img{height:72px;
margin-top: 20px;
}
#footcopyright{
   background:#0d0d0d;
}

.flexslider {position: relative; height: 280px;overflow: hidden; background: url(/Templates/default/images/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: 280px;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden; background: url(/Templates/default/images/dot.png) right 0 no-repeat; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}
/* suspend */
.suspend{width:40px;height:198px;position:fixed;top:200px;right:0;overflow:hidden;z-index:9999;}
.suspend dl{width:120px;height:198px;border-radius:25px 0 0 25px;padding-left:40px;box-shadow:0 0 5px #e4e8ec;}
.suspend dl dt{width:40px;height:198px;background:url(/images/suspend.png);position:absolute;top:0;left:0;cursor:pointer;}
.suspend dl dd.suspendQQ{width:120px;height:85px;background:#ffffff;}
.suspend dl dd.suspendQQ a{width:120px;height:85px;display:block;background:url(/images/suspend.png) -40px 0;overflow:hidden;}
.suspend dl dd.suspendTel{width:120px;height:112px;background:#ffffff;border-top:1px solid #e4e8ec;}
.suspend dl dd.suspendTel a{width:120px;height:112px;display:block;background:url(/images/suspend.png) -40px -86px;overflow:hidden;}
* html .suspend{position:absolute;left:expression(eval(document.documentElement.scrollRight));top:expression(eval(document.documentElement.scrollTop+200))}
.slideBox .pics ul{width: 100% !important;}
.slideBox .pics ul li{width: 100% !important;}
