﻿/* CSS Document */
*{padding:0; margin:0;}

html {overflow:-moz-scrollbars-vertical; scrollbar-face-color:#E8E8E8;scrollbar-shadow-color:#C1C1BB;scrollbar-highlight-color:#C1C1BB;scrollbar-3dlight-color:#EBEBE4;scrollbar-darkshadow-color:#EBEBE4;scrollbar-track-color:#F4F4F0;scrollbar-arrow-color:#CACAB7; }

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p,input,img{padding:0; margin:0;}   
div,ul,li{list-style:none;}
a{text-decoration: none; color:#3b3b3b;
	/*-webkit-transition:all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;;text-indent:0px;
	transition: all 0.2s linear;
	*/}
a:hover { text-decoration: none; color:#008cd6;}
.clear{margin:0px; padding:0px; clear:both;}
TABLE {BORDER-COLLAPSE: collapse; border-spacing: 0;}
img{border:0px;}
input,button,select,textarea{outline:none}

.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
        .clearfix { display: inline-table; }
        *html .clearfix { height: 1%; }
        .clearfix { display: block; }
        *+html .clearfix { min-height: 1%; }
		
@font-face{font-family:fontch01; src:url(../font/BEBAS.TTF);}

body{font-size:12px; color:#3b3b3b; background:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0; behavior:url("images/csshover.htc");-webkit-text-size-adjust:none;}



/* 20180727改的菜单*/
.menuleft{float:left; width:10%; height:65px;}
.menucenter{float:left; width:80%; height:65px;}
.menuright{float:left; width:10%; height:65px;}
@media screen and (max-width: 768px) {
.menuleft{float:left; width:25%; height:65px;}
.menucenter{float:left; width:50%; height:65px;}
.menuright{float:left; width:25%; height:65px;}
}


.floatright_r{float:right;}
.floatright_r img{display:block; margin-top:0px; z-index:6100000;}
.floatright_r_m{display:none;}

@media screen and (max-width: 768px) {
.floatright_r{display:none;}
.floatright_r_m{display:block;/*float:right;*/ text-align:center;}
.floatright_r_m img{z-index:6100000;}
}


#menu {text-align:center; width:100%;}
#menu img{margin-right:10px;}
#menu ul li {}
#menu ul li a {color: #434343;display: block;font-size: 13px;line-height: 65px;}
#menu ul ul {opacity:0; overflow:hidden; z-index:1; background:rgba(233,233,233,0.92); padding-bottom:10px; visibility:hidden;position:absolute; width:10%;}
#menu ul ul li{ width:100%;text-align:center;}
#menu ul li:hover ul {opacity:1; visibility: visible;}
#menu ul ul a {color: #434343;line-height:45px;}
#menu ul ul a:hover{ color:#21a8df;}


@media screen and (max-width: 768px) {
#menu ul ul {width:25%;}
}

.flower{ position: relative; width: 100%; height: 100%; overflow: hidden; margin:0 auto;}
.flower .model{width: auto; height:100%; position: absolute; left:0; right:0; top: 0; max-width:1300px; margin:0 auto;}
.flower .page_content{ width: auto; height:99%; background:url(../images/1png.png) repeat; max-width:352px; margin:0 auto; float:right; padding:0 34px;}
.flower .page_content .title_mas{ font-size:40px; font-weight:bold; -webkit-text-stroke:1px #000; color:#fff; padding-top:34px;}
.flower .page_content .title{  font-size:16px; line-height:24px; font-weight:normal; padding:10px 0; margin:15px 0; border-top:1px #ddd solid; -webkit-text-stroke:0.2px #000;}
.flower .page_content .title a{color:#fff;}
.flower .mas_content{ font-size: 14px; line-height: 32px; }
.flower .where{ line-height: 36px; font-size: 12px;}
.flower .date{ line-height: 36px;  display: inline-block;} 
.flower .btn_L{}
.flower img{display:block; width:100%; height:auto;}
.flower ol{ position: absolute; left: 50%; bottom:3%; -webkit-transform: translate(-50%,0);
   -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
     -o-transform: translate(-50%,0);
        transform: translate(-50%,0); z-index: 5;}
.flower ol li{ height: 6px; width: 6px; border-radius: 3px; float: left; background-color: #fff; -webkit-transition: all 2s ease;
   -moz-transition: all 2s ease;
    -ms-transition: all 2s ease;
     -o-transition: all 2s ease;
        transition: all 2s ease; cursor: pointer;}
.flower b{ width: 38px; height: 84px;position: absolute;top: 50%;-webkit-transform: translate(0,-50%);
   -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
     -o-transform: translate(0,-50%);
        transform: translate(0,-50%);background: url(../images/banner_buttonl.png) 0 0 no-repeat; z-index: 10; cursor: pointer;}
.flower .banner_l{ left: -38px;}
.flower .banner_r{ right: -38px; background-image: url(../images/banner_buttonr.png);}
.flower ol li.current{ width: 18px; background-color: #009be3;}
.flower ol li:not(:first-child){ margin-left: 6px;}
.flower ul{ width: 500%; position: relative;} 
.flower .flower_pic .flower_li{ float: left; width: 10%; position: relative;}
.flexslider{display:none;}
@media screen and (max-width: 768px) {
.flower{ display:none;}
.flexslider{display:block; position:relative; height:auto; overflow:hidden;background:url(../images/loading.gif) 50% no-repeat; margin:0 auto;}
.slides{position:relative;z-index:0;}
.slides li{}
.slides li div{}
.slides li img{width:100%; height:auto; display:block;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:8px;height:8px;margin:0px 4px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:8px;height:8px;line-height:30px;overflow:hidden;background:url(../images/dian.png) no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background:url(../images/dian1.png) no-repeat;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:15px;height:29px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:10px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:10px;background:url(../images/next.png) center center no-repeat;}
}




.home{width:96%; max-width:1300px; margin:90px auto 0; overflow:hidden;}
.home ul{overflow:hidden;}
.home li{width:100%; overflow:hidden; margin-bottom:90px; min-height:470px; background:#f2f2f2;}
.home li img{width:100%; height:auto; display:block;}
.lileft{float:right;width:50%; overflow:hidden;}
.liright{float:left;width:50%; overflow:hidden;}
.lileft02{float:left;}
.liright02{float:right;}
.liright_lr{overflow:hidden; padding:20% 10% 0;}
.liright h2{font-size:26px; font-weight:normal;}
.liright_lr div{overflow:hidden; font-size:12px; line-height:22px; padding:10px 0 20px; color:#828282;}
.liright_lr p{text-align:right;}
.liright_lr p a{background:#21a8df; padding:6px 15px; display:block; float:left; color:#fff; font-size:13px; margin-right:8px; margin-bottom:8px;}
.liright_lr p a:hover{background:#1087b7;}
@media screen and (max-width: 768px) {
.home{width:100%; margin:0 auto;background:#f2f2f2;}
.home li{margin-bottom:0; width:100%;}
.lileft{float:none;width:100%;}
.liright{float:none;width:100%;}
.lileft02{float:none;}
.liright02{float:none;}
.liright_lr{padding:6%;}
.liright h2{font-size:1.35rem;}
.liright_lr div{font-size:0.75rem; padding:6px 0 10px;}
.liright_lr p{text-align:left; width:100%; margin:0 auto;}
.liright_lr p a{font-size:0.75rem; float:left;margin-left:0px; margin-right:8px; margin-bottom:8px;}
}




/*--------首页页脚版权说明--------------*/
.subnavtop{background:#ebebeb; margin:0 auto; overflow:hidden; width:100%; padding-top:40px;}
.subnavtop ul{width:96%; max-width:1300px; margin:0 auto; overflow:hidden; text-align:center;}
.subnavtop li{overflow:hidden; display:inline-block;}
.subnavtop li:not(:nth-of-type(2n)){margin-right:4%;}
.subnavtop li img{width:100%; height:auto; display:block;}
.endsubnav{background:#ebebeb; margin:0 auto; overflow:hidden; width:100%; padding:40px 0;}
.subnavend{width:96%; max-width:1300px; margin:0 auto;}
.subnavend ul{float:left; width:17.5%; color:#000; min-height:150px;}
.subnavend ul:not(:nth-of-type(5n)){background:url(../images/back_24.jpg) repeat-y right top; margin-right:3%;}
.subnavend li{font-size:13px; line-height:20px; padding:4px 0;}
.subnavend a{color:#555;}
.subnavend a:hover{color:#000;}
.subnavend h4{font-size:16px; font-weight:normal; padding-bottom:10px;}

.weixin{ width:100px; height:20px; position:relative;}
.weixin a{width:100px; height:20px; display:block; position:absolute; left:0; top:0;}
.weixin .weixin_nr{width:120px; height:120px; padding:10px; background:#fff; text-align:center; position:absolute; left:-20px; top:35px; display:none;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(images/weixin.png) no-repeat left bottom;}

.weibo{ width:100px; height:28px; position:relative;}
.weibo a{width:100px; height:28px; display:block; position:absolute; left:0; top:0;}
.weibo .weibo_nr{width:120px; height:120px; padding:10px; background:#fff; text-align:center; position:absolute; left:-20px; top:35px; display:none; z-index:999999;}
.weibo .weibo_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weibo.on .weibo_nr{ display:block;}
.weibo.on a{ background:url(images/weixin.png) no-repeat left bottom;}


.endbg{ background:#ddd; line-height:20px; padding:12px 0; text-align:center; font-size:12px; color:#6d6d6d;}
.endbg a{color:#6d6d6d;}
.zsend{display:none;}
@media screen and (max-width: 768px) {
.subnavtop{padding-top:3%;}
.subnavtop ul{width:94%; margin:0 auto; overflow:hidden;}
.subnavtop li{float:left; width:48.5%; overflow:hidden; margin-bottom:3%;}
.subnavtop li:not(:nth-of-type(4n)){margin-right:0%;}
.subnavtop li:not(:nth-of-type(2n)){margin-right:3%;}

.subnavtop li img{width:100%; height:auto; display:block;}

.endsubnav{padding:20px 0 0;}
.subnavtop{width:100%; padding-bottom:0;border-bottom:0;}
.subnavend{width:94%;}
.subnavend ul{width:48%; margin-bottom:25px;}
.subnavend ul:not(:nth-of-type(5n)){background:none; margin-right:0;}
.subnavend ul:not(:nth-of-type(2n)){background:url(../images/back_24.jpg) repeat-y right top; margin-right:4%;}
.subnavend li{font-size:0.75rem;}
.subnavend h4{font-size:1rem;}
.ulnone{display:none;}
.endbg{font-size:0.75rem;}
.zsend{
display:block;
margin:0 auto; 
position:fixed; 
bottom:0; 
width:100%; 
height:40px; padding:5px 0;
z-index:1000; 
text-transform:uppercase;
background:#20a8de;}
.zsend li{float:left; text-align:center; color:#fff; width:24%; font-size:0.75rem; height:40px;}
.zsend li img{width:20px; margin:0 auto;}
}
@media screen and (max-width: 414px) {
.end{width:90%; margin:0 auto;}
.end span{padding:0 3%;}
}




.lybanner{ position: relative; width: 100%; height: 100%; overflow: hidden; margin:0 auto;}
.lybanner img{width:100%; height:auto; display:block;}
.lybanner_m{display:none;}
@media screen and (max-width: 768px) {
.lybanner{display:none;}	
.lybanner_m{ display:block; position: relative; width: 100%; height: 100%; overflow: hidden; margin:0 auto;}
.lybanner_m img{width:100%; height:auto; display:block;}
}





/*产品系列*/
#pro_nav{ width:100%; height:63px; background-color:#e9e9e9;}
#pro_nav ul{ width:1300px; margin:0 auto; }
#pro_nav ul li{ float:left}
#pro_nav ul li a{ float:left; color:#515151; padding:0px 15px; font-size:14px; line-height:63px}
#pro_nav ul li a:hover,#pro_nav ul li .current{ background-image: url(../images/b_jian_1.png);background-position: center 70px;height: 70px; color:#fff;}
#pro_nav ul p{ float:right;font-size:12px; line-height:63px; color: #515151;}
#pro_nav ul p a{color:#999; padding:0 4px;color: #515151; }
#pro_nav ul p a:hover{ color:#000}

@media screen and (max-width: 1024px) {
#pro_nav{ padding:0 4%; width:92%}
#pro_nav ul{ width:100%}
}
@media screen and (max-width: 800px) {
#pro_nav ul li a{ padding:0 28px}
#pro_nav ul p{ display:none}
}
.subNavBox{ display:none}
@media screen and (max-width: 768px) {
#pro_nav{display:none}
#pro_nav.faq_nav{ display:block}
#pro_nav.faq_nav li{ width:25%; }
#pro_nav.faq_nav li a{ padding:0; width:100%; text-align:center; line-height:45px; font-size:14px}
#pro_nav{ height:45px}
#pro_nav.faq_nav li a:hover, #pro_nav.faq_nav li .current { background:#444;height: 45px;}

.subNavBox{ display:block}
.subNav{cursor:pointer;color:#050505;background-image:url(../images/pro_sub_2s.png);padding: 4% 5%;font-size: 15px;background-color:#ddd;background-position:95%; background-repeat:no-repeat; background-size:15px 9px}
.navContent{ background-color:#fff;padding:3% 5% 0%}
.currentDt{background-image:url(../images/pro_sub_2s_1.png);}
.navContent{display: none;}
.navContent li a{display:block;color:#7a7878; font-size:14px; line-height:40px; border-bottom:1px solid #d1caca; height:40px; background:url(../images/pro_sub_3.png) no-repeat 98%;background-size:7px 12px}
}




.product{ width:96%; max-width:1300px; margin:60px auto; overflow:hidden;}
.producttitle{font-size:28px; text-align:center; overflow:hidden;}

.producttitle2{background:#f5f5f5; border:1px #CCCCCC solid;}
.producttitle2 ul{ padding:15px; overflow:hidden;}
.producttitle2 li{float:left; font-size:14px;overflow:hidden;margin-right:20px;line-height:24px;}
@media screen and (max-width: 768px) {
.producttitle2{ display:none;}
}

#onsec a{color:#008cd6;}
.productul{overflow:hidden; padding-top:25px;}
.productul li{float:left; overflow:hidden; width:18%; text-align:center; padding:30px 0; font-size:13px;}
.productul li img{width:100%; height:auto; display:block;}
.productul li:not(:nth-of-type(4n)){margin-right:9.3%;}
.productul li p{padding-top:18px; min-height:30px;}
@media screen and (max-width: 768px) {
.product{ width:94%; margin:0px auto;}
.producttitle{font-size:1.4rem; display:none;}
.productul{padding-top:10px;}
.productul li{width:100%; padding:15px 0; font-size:0.875rem;}
.productul li:not(:nth-of-type(4n)){margin-right:0;}
.productul li p{padding-top:10px;}
}



/*新闻中心*/
.news{overflow:hidden;width:96%; max-width:1300px; margin:60px auto;}
.newsul{overflow:hidden;}
.newsul li{overflow:hidden; font-size:14px; padding:15px 0 15px 40px; line-height:28px; border-bottom:1px #ddd solid; background:url(../images/newstb01.png) no-repeat left 15px; /*overflow: hidden;text-overflow:ellipsis;white-space: nowrap;*/}
.newsul li:hover{background:#f5f5f5 url(../images/newstb01.png) no-repeat left center;}
.newsul li span{float:right; font-size:12px; color:#acacac;}
@media screen and (max-width: 768px) {
.news{width:94%; margin:0px auto 30px;}
.newsul li{font-size:0.875rem; padding:15px 0 15px 35px; background:url(../images/newstb01.png) no-repeat left 12px; line-height:22px;}
.newsul li span{font-size:0.75rem; padding-left:10px;}
}



.lymain{overflow:hidden;width:96%; max-width:1300px; margin:60px auto;}
.tylm{overflow:hidden; line-height:26px; font-size:13px; padding-top:40px;}
.tylm img{max-width:100%; height:auto;}
.tylm02 img{max-width:100%; height:auto; margin:0 10px;}
.aboutus{ float:left; width:100%; overflow:hidden; line-height:26px; font-size:13px; margin-top:30px; text-align:center;}
.aboutus h2{font-size:16px; font-weight:bold; line-height:30px; border-bottom:1px #CCCCCC dotted; padding-bottom:5px; margin-bottom:5px;}
.aboutus img{width:100%; overflow:hidden;}
.aboutus:not(:nth-of-type(3n)){margin-right:0%;}
@media screen and (max-width: 768px) {
.lymain{width:94%; margin:0px auto 30px;}
.tylm{font-size:0.75rem; padding-top:20px; line-height:24px;}
.aboutus{ float:left; width:100%; overflow:hidden; line-height:24px; font-size:0.75rem; margin-top:30px;}
.aboutus h2{font-size:1rem; font-weight:bold; line-height:35px;}
.aboutus img{width:100%; overflow:hidden;}
}



/*诚聘英才*/
.recruitment{overflow:hidden;}
.recruitment_top{overflow:hidden; padding-top:30px; overflow:hidden; font-size:13px; line-height:24px;}
.recruitment_top img{width:100%; height:auto; display:block; margin:10px 0px;}
.recruitment_end{overflow:hidden; background:#ecf0f8; margin-top:60px;}
@media screen and (max-width: 768px) {
.recruitment_top{font-size:0.75rem; line-height:24px; padding-top:30px;}
.recruitment_end{margin-top:20px;}
}


.bellows__header01{
  padding: 15px 20px;
  background: #20a8de;
  color:#fff;
  -webkit-tap-highlight-color: transparent; overflow:hidden; border-bottom:1px #fff solid;}
.bellows__header01 h4{width:33.3%; float:left; text-align:center; font-weight:bold; font-size:14px;}


.bellows__item:not(.bellows--is-open) > .bellows__content {
  display: none; }

.bellows__item.bellows--is-open > .bellows__content-wrapper,
.bellows__item.bellows--is-closing > .bellows__content-wrapper {
  display: block; }

.bellows__content-wrapper {
  display: none; }
.bellows {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

.bellows__header {
  position: relative;
  padding: 15px 20px;
  border: 1px solid #fff;
  border-width: 0 0 1px;
  background: #ecf0f8;
  color:#434343;
  -webkit-tap-highlight-color: transparent; overflow:hidden;}
  .bellows__header:active {
    background: #20a8de; }
  .bellows__header::before, .bellows__header::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 2;
    display: block;
    width: 16px;
    height: 4px;
    margin-top: -2px;
    background:#20a8de;
    pointer-events: none;
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
            transition: transform 0.25s ease-in-out; }
  .bellows__header::before {
    content: '';
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg); }
  .bellows__header::after {
    -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
            transform: rotate(90deg); }
  .bellows__item.bellows--is-open > .bellows__header::before, .bellows__item.bellows--is-opening > .bellows__header::before {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg); }
  .bellows__item.bellows--is-open > .bellows__header::after, .bellows__item.bellows--is-opening > .bellows__header::after {
    -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
            transform: rotate(360deg); }
  .bellows__item:last-child > .bellows__header {
    border-bottom: 0; }
  .bellows__header h1,
  .bellows__header h2,
  .bellows__header h3,
  .bellows__header h4 {
    margin: 0; }
.bellows__header h3{width:33.3%; float:left; text-align:center; font-size:13px; font-weight:normal;}
.bellows__content {padding:20px 40px; background:#fff; font-size:12px; line-height:22px; border:1px solid #ecf0f1; }
  .bellows__content .bellows {
    margin-top: 20px; }
@media screen and (max-width: 768px) {
.bellows__header h3{font-size:0.75rem;}
.bellows__header01 h4{font-size:0.875rem;}
.bellows__content{font-size:0.75rem; padding:2% 4%;}
}









/*品牌介绍*/
.brands{overflow:hidden; padding-top:40px; font-size:13px; line-height:26px;}
.brandsleft{overflow:hidden; float:left; width:46%;}
.brandsright{overflow:hidden; float:right; width:46%;}
.brands h2{font-size:20px; padding-bottom:10px;}
@media screen and (max-width: 768px) {
.brands{padding-top:25px; font-size:0.75rem;}
.brands h2{font-size:1.2rem;}
}




/*联系我们*/
.contact{overflow:hidden;padding-top:40px;}
.contacttop{overflow:hidden;font-size:13px; line-height:26px; text-align:center;}
.contact h2{font-size:20px; padding-bottom:10px; font-weight:normal;}
.contactend{overflow:hidden; padding-top:50px;}
.contact_dl01{overflow:hidden; width:100%; background:#666; color:#fff; padding:10px 0; font-weight:bold; font-size:14px; margin-top:10px;}
.contact_dl02{overflow:hidden; width:100%; padding:10px 0; font-size:13px; border-bottom:1px #CCCCCC solid;}
.contactend dl{line-height:24px; text-align:center;}
.contactend dt{float:left; width:18%; padding:5px 1%; line-height:18px;word-break:break-all;}
.contactend dd{float:left; width:38%; padding:5px 1%; line-height:18px;word-break:break-all;}
.contact_dlbg{background:#f5f5f5;}
@media screen and (max-width: 768px) {
.contact{padding-top:30px;}
.contacttop{font-size:0.75rem;}
.contact h2{font-size:1.2rem;}
.contact_dl01{font-size:0.875rem; padding:15px 0;}
.contact_dl02{font-size:0.75rem; padding:15px 0;}
.contactend{padding-top:50px;}
}



/*购买指引*/
.buy{overflow:hidden;padding-top:40px;}
.buytop{overflow:hidden;font-size:13px; line-height:26px; padding-bottom:50px;}
.buy h2{font-size:20px; padding-bottom:10px; font-weight:normal;}
.buytop img{max-width:100%; height:auto;}
.buyend{overflow:hidden; padding-top:50px;}
.buy_dl01{overflow:hidden; width:100%; background:#bcbcbc; color:#fff; padding:18px 0; font-weight:bold; font-size:14px; margin-top:10px;}
.buy_dl02{overflow:hidden; width:100%; padding:18px 0; font-size:13px;}
.buyend dl{line-height:24px; text-align:center;}
.buyend dt{float:left; width:33.3%;}
.buyend dd{float:left; width:33.3%;}
.buy_dlbg{background:#f5f5f5;}
@media screen and (max-width: 768px) {
.buytop{font-size:0.75rem;}
}



.show{overflow:hidden; width:100%;}
.weizhi{overflow:hidden;width:96%; max-width:1300px; margin:0 auto; font-size:13px; line-height:30px; padding:20px 0 15px; border-bottom:1px #ddd solid;}
.weizhi span{float:right; font-size:12px;}
.showtop{overflow:hidden;width:96%; max-width:1300px; margin:0 auto; padding:40px 0 60px;}
.showtop_l{float:left; width:45%; overflow:hidden;}
.showtop_r{float:right; width:55%; overflow:hidden;}
.showtop_r h2{ font-size:28px; font-weight:normal; padding-bottom:10px; margin-bottom:10px;}
.showtop_r p{line-height:26px; font-size:13px; overflow:hidden;border-bottom:1px #CCCCCC dotted; margin-bottom:10px; padding-bottom:10px;}
.showtop_r div{line-height:26px; font-size:13px; overflow:hidden;}
@media screen and (max-width: 768px) {
.show{padding-top:10px;}
.weizhi{font-size:0.75rem; width:94%; padding:0 0 5px; line-height:20px;}
.showtop{width:94%; padding:20px 0 60px;}
.showtop_l{float:none; width:100%; margin-bottom:30px;}
.showtop_r{float:none; width:100%;}
.showtop_r h2{ font-size:1.4rem;}
.showtop_r div{ font-size:0.75rem;}
}




#preview {width:500px; float: none}
.jqzoom {width: 500px; margin-bottom: 10px; height: 500px; overflow: hidden; _height: 400px; position: relative;}
.zoomdiv {width: 500px; height: 500px; left:859px;z-index: 100; position: absolute; text-align: center; border: #e4e4e4 1px solid; width: 400px; display: none; background: url(../images/loading.gif) #fff no-repeat center center; height: 400px; overflow: hidden; top: 1px; left: 0px}
.jqzoom img{width:500px; height:500px;}
#spec {position: relative; width: 360px; height:59px; margin:0 auto; overflow: hidden;}
.specLeftT {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -145px 0px; float: left; height: 9px; top: 27px; cursor: pointer; left: 0px}
.specRightT {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -151px 0px; float: left; height: 9px; top: 27px; cursor: pointer; right: 0px}
.specLeftF {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -145px 0px; float: left; height: 9px; top: 27px; cursor: pointer; left: 0px}
.specRightF {position: absolute; width: 5px; background: url(../images/proddetlicon.gif) no-repeat -151px 0px; float: left; height: 9px; top: 27px; cursor: pointer; right: 0px}
#specList {display: inline; float: left;}
#specList UL LI {width:57px; display: inline; float: left; margin-right:8px;}
#specList UL LI IMG {width: 55px; height:55px; border: #ccc 1px solid;}

.bigimg {WIDTH: 800px; HEIGHT: 800px}
.jqZoomPup {z-index:10; position: absolute; filter:alpha(opacity=50); width:20px; height:20px; visibility:visible; top: 0px; cursor:move; left:0px; opacity:0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; background:#21a8df;}
#specList {POSITION: absolute; TEXT-ALIGN: left; WIDTH: 325px; HEIGHT:59px; OVERFLOW: hidden; TOP: 0px; LEFT: 13px}
#specList UL {POSITION: absolute; WIDTH:325px; LEFT: 10px}

@media screen and (max-width: 768px) {
#preview {text-align: center; margin:0 auto; width:350px; float: none}
.jqzoom {width: 350px; margin-bottom: 10px; height: 350px; overflow: hidden; _height: 350px; position: relative;}
.zoomdiv {width: 350px; height: 350px; left: 859px;z-index: 100; border-bottom: #e4e4e4 1px solid; position: absolute; text-align: center; border-left: #e4e4e4 1px solid; width: 350px; display: none; background: url(../images/loading.gif) #fff no-repeat center center; height: 350px; overflow: hidden; border-top: #e4e4e4 1px solid; top: 1px; border-right: #e4e4e4 1px solid; left: 0px}
.jqzoom img{width:350px; height:350px;}
}









#tab1 ,#tab2{width:100%; height:55px; margin:0 auto; background:#e9e9e9;}
#tab1 ul ,#tab2 ul{ width:96%; max-width:1300px; margin:0 auto;}
#tab1 li,#tab2 li{float:left;padding:0 30px; height:55px;line-height:55px;text-align:center; color:#515151; font-size:14px; cursor:pointer; border-right:1px #d9d9d9 solid;}
#tab1 li.now,#tab2 li.now{color:#000;background:#bababa;}
.tablist{ overflow:hidden; display:none; margin-top:1px; margin-bottom:1px;}
.block{display:block;}
.tablistimg{overflow:hidden; text-align:center; margin:0 auto;}
.tablistimg img{max-width: 100%;height: auto;text-align: center;display: block; margin: 0 auto;}

.tablisttable_bg{overflow:hidden; width:100%; padding-top:20px; background:#bababa; color:#4e4e4e;}
.tablisttable_bg a{color:#4e4e4e;}
.tablisttable{overflow:hidden; width:96%; max-width:1300px; margin:0 auto; padding:20px 0 20px; font-size:13px; line-height:26px;}
.tablisttable table{width:100%; background:#e9e9e9;}
.tablisttable td{font-size:13px; line-height:26px; padding:10px 15px; border:1px #d6d6d6 solid!important;}

.tablistimages{overflow:hidden;overflow:hidden; width:96%; max-width:1300px; margin:0 auto; padding:20px 0 20px;}
.tablistimages ul{overflow:hidden;}
.tablistimages li{float:left; overflow:hidden; width:16%; text-align:center; padding:20px 0; font-size:13px;}
.tablistimages li img{width:100%; height:auto; display:block;}
.tablistimages li:not(:nth-of-type(5n)){margin-right:5%;}
.tablistimages li p{padding-top:18px; min-height:30px;}

.tablistsp{overflow:hidden; width:96%; max-width:1300px; margin:0 auto; padding:20px 0 20px; text-align:center;}
.tablistsp ul{overflow:hidden;}
.tablistsp ul li{width:47.5%; float:left; margin-bottom:50px;}
.tablistsp ul li:not(:nth-of-type(2n)){margin-left:5%;}
.tablistsp ul li h3{ font-size:18px; margin-bottom:5px; font-weight:normal;}
.tablistsp ul li h4{ font-size:14px; margin-bottom:10px; line-height:20px; font-weight:normal;}
#tablistsp_tab{width:100%; float:none; box-sizing:border-box; margin-left:0; padding:30px 0; background:#f5f5f5;}
@media screen and (max-width: 768px) {
.tablistsp ul li{width:100%; float:none; margin-bottom:30px;}
.tablistsp ul li:not(:nth-of-type(2n)){margin-left:0;}
.tablistsp ul li h3{ font-size:18px; margin-bottom:5px;}
.tablistsp ul li h4{ font-size:14px; margin-bottom:5px; line-height:24x;}
}


.videobg{margin:0 auto; background:#000; width:100%;}
.prodvideo1{height:500px; width:100%; max-width:800px; box-sizing:border-box; overflow:hidden;background:#000 url(../images/loading.jpg) center center no-repeat; display:inline-block; margin:0 auto;}
.prodvideo1 iframe{width:100%; height:100%; overflow:hidden;}

.prodvideo{height:400px; width:100%; max-width:800px; box-sizing:border-box; overflow:hidden;background:#000 url(../images/loading.jpg) center center no-repeat; display:inline-block; margin:0 auto;}
.prodvideo iframe{width:100%; height:100%; overflow:hidden;}

@media screen and (max-width: 768px) {
.videobg{ width:100%; margin:0 auto;}
.prodvideo1{height:240px;}
.prodvideo{height:240px;}
}

.xgdownload{overflow:hidden;overflow:hidden; width:96%; max-width:1300px; margin:0 auto; padding:20px 0 20px;}
.xgdownload ul{overflow:hidden;}
.xgdownload li{overflow:hidden; font-size:14px; padding:15px 0 15px 40px; line-height:26px; border-bottom:1px #ddd solid; background:url(../images/newstb01.png) no-repeat left 15px; /*overflow: hidden;text-overflow:ellipsis;white-space: nowrap;*/}
.xgdownload li span{float:right; font-size:13px; color:#afafaf;}
@media screen and (max-width: 768px) {
#tab1 ,#tab2{width:100%; height:90px;}
#tab1 ul ,#tab2 ul{ width:100%;}
#tab1 li,#tab2 li{padding:0; width:33.3%; height:45px;line-height:45px; font-size:0.875rem; border:0;}
.tablisttable{width:94%; padding:20px 3%; font-size:0.875rem;}
.tablisttable table{display: block; display: -webkit-box; width:auto; white-space: nowrap; overflow-x: auto; overflow-y: hidden;border:0!important;}
.tablisttable td{font-size:0.875rem; padding:10px;}

.tablisttable_bg{padding-top:0;}
.tablistimages{width:80%; padding:20px 0 30px;}
.tablistimages li{width:100%; padding:25px 0; font-size:0.75rem;}
.tablistimages li:not(:nth-of-type(5n)){margin-right:0;}
.tablistimages li p{padding-top:18px; min-height:30px;}

.xgdownload{width:94%; padding:20px 0 30px;}
.xgdownload li{width:92%; font-size:0.875rem; padding:14px 0 14px 10%; line-height:22px;background:url(../images/newstb01.png) no-repeat left 11px;}
.xgdownload li:not(:nth-of-type(2n)){margin-right:0;}
.xgdownload li span{font-size:0.75rem; padding-left:10px;}
}









/*下载中心*/
.download{overflow:hidden;width:90%; margin:40px auto 60px; background:#fff; padding:2.5% 2.5% 4%;}
.downloadul{overflow:hidden;}
.downloadul li{overflow:hidden; font-size:16px; padding:22px 0 22px 45px; line-height:28px; border-bottom:1px #ddd solid; background:url(../images/download01.jpg) no-repeat left center;}
.downloadul li span{float:right; font-size:13px; color:#acacac;}
@media screen and (max-width: 768px) {
.download{width:88%; margin:20px auto 30px; padding:2.5% 3% 5%;}
.downloadul li{font-size:0.875rem; padding:15px 0 15px 35px; line-height:28px;}
.downloadul li span{font-size:0.75rem;}
}




/*维盟知道*/
.faq{overflow:hidden;width:90%; margin:40px auto 60px; background:#fff; padding:2.5% 2.5% 4%;}
.faqul{overflow:hidden;}
.faqul li{overflow:hidden; border-bottom:1px #ddd solid; padding-bottom:25px; margin-bottom:25px;}
.faqul li img{float:left; width:15%; height:auto; margin-right:25px;}
.faqul li h2{font-size:18px; font-weight:normal; color:#000;}
.faqul li h2 a{color:#000;}
.faqul li h2 a:hover{color:#008cd6;}
.faqul li p{ color:#999; padding:8px 0 6px; line-height:22px;}
.faqul li div{ line-height:22px; color:#636363; padding:5px 0px;}
.faqul li h4{font-size:14px; font-weight:normal; color:#008cd6; padding-top:5px;}
.faqul li h4 a{color:#008cd6;}
.faqul li h4 a:hover{color:#ff0000;}
@media screen and (max-width: 1200px) {
.faqul li img{width:20%;}
}
@media screen and (max-width: 768px) {
.faq{width:94%; margin:20px auto;}
.faqul li{padding-bottom:20px; margin-bottom:20px;}
.faqul li img{width:35%; margin-right:15px;}
.faqul li h2{font-size:1rem; font-weight:normal; color:#000;}
.faqul li p{font-size:0.75rem;}
.faqul li div{font-size:0.75rem;}
.faqul li h4{font-size:0.875rem;}
}













.newsshow{overflow:hidden; width:96%; max-width:1300px; margin:50px auto;}
.newsshow_lr{padding:5% 8%; background:#fff;}
.news_xxjs{line-height:26px!important; font-size:13px!important; font-weight:normal!important; margin:15px auto; overflow:hidden;}
.news_xxjs p,.news_xxjs span{line-height:26px!important; font-size:13px!important;}
.news_xxjs td{padding:4px; font-size:14px!important; border:1px #CCCCCC solid;}
.news_xxjs img{ max-width:100%; height:auto; overflow:hidden; margin:0 auto; display:block; padding:10px 0;}
.news_title{font-size:26px; color:#111c36; text-align:center; border-bottom:1px #eaeaea solid; padding:0 20px 15px; font-weight:bold;}
.news_title h1{font-size:26px; font-weight:normal;}
@media screen and (max-width: 768px) {
.newsshow{width:94%; margin:25px auto;}
.newsshow_lr{padding:6%;}
.news_title{font-size:1.4rem; font-weight:bold;}
.news_title h1{font-size:1.4rem;}
.news_xxjs{font-size:0.875rem!important;}
.news_xxjs p,.news_xxjs span{font-size:0.875rem!important;}
.news_xxjs td{font-size:0.875rem!important;}
.news_xxjs img{width:100%; height:auto;}
.Information ul li{font-size:0.875rem; padding:10px 0 10px 8px;}
}



.pubdate{border-top:#ccc 0px dotted; line-height:20px; margin:10px 0; OVERFLOW: hidden; text-align:center;color:#999999;}
.pubdate span{margin:0px 10px;}
.pubdate a{color:#999999;}
.pubdate a:hover{ color:#f08619;}
.pubdate1{height:20px; line-height:20px; margin:10px 0 20px 0; OVERFLOW: hidden; text-align:center; color:#999999;}

.pagelist{/*border: 1px solid #ccc;*/overflow:hidden;background-color: #666;padding:1px 5px 1px 5px;color: #ffffff;}
.red {/*border: 1px solid #ccc;*/overflow:hidden;	background-color: #f08300; color: #ffffff;font-weight: bold;	padding:1px 6px 1px 6px;}
.pubdatenews{border: #ddd 1px solid;height:26px; line-height:26px;  margin:10px auto; OVERFLOW: hidden; text-align:center;background:#f5f5f5;}
.pubdatenews2{border: #ddd 1px solid;height:26px; line-height:26px;  margin:10px auto; OVERFLOW: hidden; text-align:center;background:#f5f5f5;}


/*分页*/
.page{text-align:center; background:#f5f5f5; padding:8px 0; border:1px solid #D9D9D9; margin-top:20px;}
.page a{display:inline-block; border:1px #ddd solid; font-size:14px; padding:2px 6px; border-radius:3px; margin:0 2px; font-family:"宋体";}
.page a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width: 768px) {
.page{padding:12px 0;}
.page a{font-size:0.875rem; padding:3px 8px; margin:0 2px;}
}


/*分页格式2*/
.pagenew{text-align:center; background:#f5f5f5; padding:8px 0; border:1px solid #D9D9D9; margin-top:40px;}
.pagenew a{display:inline-block; border:1px #ddd solid; font-size:14px; padding:2px 6px; border-radius:3px; margin:0 2px; font-family:"宋体";}
.pagenew a:hover{background:#111c36; color:#fff;}
.pagea{background:#111c36; color:#fff;}
@media screen and (max-width: 768px) {
.pagenew{padding:12px 0;}
.pagenew a{font-size:0.875rem; padding:3px 8px; margin:0 2px;}
}


/*相关资讯*/
.Information{verflow:hidden;margin-top:20px;}
.Information h4{padding-left:10px; height:30px; line-height:30px; font-size:14px; font-weight:bold; color:#333; border-bottom:1px solid #ccc; background:#fff;}
.Information ul{ padding:0px;}
.Information li{border-bottom:1px dotted #DCDCDC; line-height:22px;font-size:14px; padding:5px 0px;}
.Information li span{float:right; font-size:12px; color:#999999;padding-left:10px; padding-right:10px;}
.Information li{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}


