.pbanner{ width:100%; height:auto; overflow:hidden;}
.pbanner img{width:100%; height:auto;}
 /*eid样式*/
.eid-banbox{width: 100%; min-width: 1200px;}
.eid-ban1{width:100%;height: 270px;background: url(../img/banbg1.jpg)no-repeat center; -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}
.eid-ban2{width:100%;height: 475px;background: url(../img/banbg2.jpg)no-repeat center; -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc);
}
.eid-bancontent{width: 1200px;margin: 0 auto;}
.ban-center{width: 750px;margin: 0 auto;text-align: center;}
/**/

.btnPos{ position:relative; left:50%;float:left;  }

.section-content{  width:100%; padding: 20px 0; margin:0 auto;  text-align: center; }
        nav.nav-height{ position:relative; height: 50px;   }
        nav.nav-box { width:100%; padding:20px 0;margin:0 auto;background: #fff;}

        nav.nav-box.navFix{position: fixed;width: 100%; left:0; top:70px; background-color:rgba(255,255,255,0.95); z-index: 999;} 

        nav.nav-box ul {padding: 0;margin: 0 auto; float:left; position:relative; left:-50%; width:100%;  display: block;}
        nav.nav-box.navFix ul{ border-bottom: 0;}
        nav.nav-box li {  display: inline-block;margin:0; padding:0 10px; width:auto;color: #df0716; line-height: 40px;float: left; text-align: center;position: relative;}
        nav.nav-box li a{display: block;padding: 0 50px; border:#df0716 solid 1px; color:#df0716; text-decoration: none; font-size:14px;}
        /*.nav-box li a:before{content:" ";width:1px;height:24px;border: 1px solid #df0716;position: absolute;top:16px;left:-2px;}
        .nav-box li a.active:before{content:" ";width:0px;border: none;}*/
        nav.nav-box li:first-child a:before{content:" ";width:0px;border: none;}
        nav.nav-box li a:hover{display: block;padding: 0 50px;color: #df0716; background:#fff6f7; font-size:14px;/*border:1px solid #ee8800;*/}
        nav.nav-box li a.active {color: #fff;background: #df0716;font-size:14px;}
        .nav-mobile {display: none;font-weight: bold;width: 100%;}
        .click-me {width: 150px;height: 30px; background: #4680d1;color: white; text-align: center;line-height: 30px;}
        .click-me a {display: block;color: white;}
        /**/
.product-box{width: 100%;height: auto;background-color: #fff;}


.product-tit{width: 100%; background:url(../images/titlebg_03.png) center center no-repeat;}
.product-tit h3{font-size: 28px;color: #df0716; font-weight:normal; letter-spacing:2px;text-align:center; line-height:40px;}
.section-content h5{ font-size:20px; margin:15px 0; color:#333; font-weight:normal;}
.part1{ padding:30px 0; }
.part1 ul{padding:0 0;}
.part1 ul.hideCon{display: none; }
.part1 .hide,.part1 .show{ padding:20px 0 0 0; font-size:18px; font-family:"宋体"; cursor:pointer;}
.part1 .hide a,.part1 .show a{ padding:10px 50px;background:#fff; color:#686868; border:#e1e1e1 solid 1px;transition: all 0.5s;}
.part1 .hide a:hover,.part1 .show a:hover{ padding:10px 50px;background:#fff; color:#df0716;border:#df0716 solid 1px;transition: all 0.5s;}
.part1 ul{ margin:0 -20px;}
.part1 li{ width:50%; padding:20px; float:left;}
.part1 li .con{ padding:20px; background:#fafafa;}
.part1 li .con img{ width:100%; max-width:240px; height:auto; float:left;}
.part1 li .con .txt{float:left; text-align:left; padding:10px 0 0 30px;}
.part1 li .con .txt h5{ font-size:16px; font-weight:normal; margin:0 0;}
.part1 li .con .txt p{ color:#686868; line-height:30px;}
.part1 li a .con{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);transition: all .5s;border:#fafafa solid 1px; }
.part1 li a:hover .con{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px);transition: all .5s;box-shadow:0px 3px 3px #cacaca; border:#df0716 solid 1px; }

.part2bg{ padding:20px 0 20px 0; background:none;}
.alphabg{background-color:rgba(255,255,255,0.7); padding:0 0;}
.halfCon{ width:50%; float:left;  padding:0 50px;}
.part2 ul{ padding:0 0;}
.part2 ul li{ width:100%;  margin:30px 0;}
.part2 ul li .num{ width:50px; height:50px;-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius:10px;  background:#df0716; line-height:50px; font-size:20px; color:#FFF; float:left;}
.part2 ul li .txt{float:left; padding:0 20px; text-align:left}
.part2 ul li .txt .time{ color:#df0716; font-size:16px;}
.part2 ul li .txt p{ line-height:40px; font-size:18px; color:#333}

.part3{ padding:30px 0; }
.part3 ul{ margin:0 -10px;}
.part3 li{ width:33.333333%; padding:10px; float:left;}
.part3 li .con{ padding:15px; background:#fff}
.part3 li .con .txt{padding:10px 0; text-align:left}
.part3 li .con .txt h5{ font-size:16px; font-weight:normal; margin:5px 0 10px 0; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.part3 li .con .txt p{ color:#686868; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.part3 li a .con{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);transition: all .5s;border:#fff solid 1px; }
.part3 li a:hover .con{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px);transition: all .5s;box-shadow:0px 3px 3px #cacaca; border:#df0716 solid 1px; }
.part3 li .con .pic{width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.part3 li .con .pic img{ width:100%; height:auto;overflow:hidden;}
.part3 .btn{ margin:10px 0 0 0; cursor:pointer;}
.part3 .btn a{ padding:10px 50px;background:#fff; border:#e1e1e1 solid 1px;transition: all 0.5s;}
.part3 .btn a:hover{ padding:10px 50px;background:#fff; border:#df0716 solid 1px;transition: all 0.5s;}

.part4{ padding:40px 0; }
.part4 ul{ margin:10px -10px;}
.part4 li{ width:50%; float:left; padding:0 0;}
.part4 li .con{width:100%; height:100%; background:#FFF; padding:0 13px; text-align:left;   }
.part4 li .con h5{ padding:0; line-height:18px; font-size:15px; color:#333;}
.part4 li .con h5 span{color:#38ae00;font-weight:normal ; float:right;}
.part4 li .con .img{width:100%;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;position:relative}
.part4 li .con .img img{width:100%;height:auto}
.part4 li  a .con .img img{display:block;-webkit-transform:translateZ(0) scale(1);-moz-transform:translateZ(0) scale(1);-ms-transform:translateZ(0) scale(1);-o-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}
.part4 li a:hover .con  .img img{display:block;-webkit-transform:translateZ(0) scale(1.05);-moz-transform:translateZ(0) scale(1.05);-ms-transform:translateZ(0) scale(1.05);-o-transform:translateZ(0) scale(1.05);transform:translateZ(0) scale(1.05);-webkit-transition:all .8s;-moz-transition:all .8s;transition:all .8s}
.part4 li .con .img .info{position:absolute;width:100%; height:60px;color:#FFF; font-size:15px; line-height:60px;bottom:0;left:0;right:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden; }
.part4 li a .con .img .info{  width:100%; height:60px;background:rgba(0,0,0,0.3);visibility:hidden;opacity:0;-webkit-transform: translate(0,100px);  -moz-transform:translate(0,100px);
  transform: translate(0,100px);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}
.part4 li a:hover .con .img .info{ width:100%; height:60px;visibility:visible;opacity:1;-webkit-transform: translate(0,0);  -moz-transform:translate(0,0);  transform: translate(0,0);}
.part4 li .con .img .info .btn{ background:#38ae00; padding: 10px 30px; color:#FFF; width:50%; text-align:center; margin:40px auto;}
.part4 li.right{ padding:0 0 0 6px ; }
.part4 li ul.small{margin:-15px 0;width:50%; float:left;}
.part4 li ul.small li{ width:100%; padding:15px 16px }
.part4 li ul.small li .con{width:100%; height:auto;padding:0 0; }

.part4 li ul.vertical{margin:-10px 0;width:50%; float:left;}
.part4 li ul.vertical li{ width:100%; padding:10px 5px; }
.part4 li ul.vertical li .con{width:100%; height:auto;padding:0 10px; }

#section5{ padding:20px 0;}
.part5{ padding:40px 0; }
.part5 ul{ margin:0 -10px;}
.part5 li{ width:25%; padding:10px; float:left;}
.part5 li .con{ padding:15px;}
.part5 li .con .txt{padding:5px 0; text-align:center}
.part5 li .con .txt h5{ font-size:15px; font-weight:normal; margin:5px 0 10px 0; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.part5 li .con .txt p{ color:#686868; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.part5 li a .con{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);transition: all .5s;border:#fff solid 1px; }
.part5 li a:hover .con{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);-o-transform:translateY(-3px);transform:translateY(-3px);transition: all .5s;box-shadow:0px 3px 3px #cacaca; border:#df0716 solid 1px; }
.part5 li .con .pic{width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.part5 li .con .pic img{ width:100%; height:auto;overflow:hidden;}
.part5 .btn{ padding:40px 0 0 0; cursor:pointer;}
.part5 .btn a{ padding:10px 50px;background:#fff; border:#e1e1e1 solid 1px;transition: all 0.5s;}
.part5 .btn a:hover{ padding:10px 50px;background:#fff; border:#df0716 solid 1px;transition: all 0.5s;}
/*.part3 li a .con .pic img{-webkit-transform: translateZ(0)  scale(1);
    -moz-transform: translateZ(0)  scale(1);
    -ms-transform: translateZ(0)  scale(1);
    -o-transform: translateZ(0)  scale(1);
    transform: translateZ(0)  scale(1);
	-webkit-transition: all 0.8s; 
	-moz-transition: all 0.8s;
	 transition: all 0.8s;
	 }
.part3 li a:hover .con .pic img{-webkit-transform: translateZ(0)  scale(1.05);
    -moz-transform: translateZ(0)  scale(1.05);
    -ms-transform: translateZ(0)  scale(1.05);
    -o-transform: translateZ(0)  scale(1.05);
    transform: translateZ(0)  scale(1.05);
	-webkit-transition: all 0.8s; 
	-moz-transition: all 0.8s;
	 transition: all 0.8s;
	 }*/
/*.category-btn{right:200px;t
op: 70%}*/
    /*头部添加*/
#iebug{height:auto;}

.category-btnPos{right:20px; display:none;}

.category-btn {
    background-color: #fafafa;
    border-radius:0;
    display: block;
    padding-top:0;
    position: fixed;
    top: 40%; width:30px; padding:5px 8px;border-radius:15px;
    z-index: 998; display:none;
}
.category-btn li a {border-radius:14px; width:14px; height:14px;
    color: #333;
    cursor: pointer;
    display: block;
	background:#fff;border:#df0716 solid 1px;
}
.category-btn a:hover {
    color: #df0716;background:#fff6f7;
}
.catCur {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}
.category-btn ul li {
    position: relative; list-style:none; margin:12px 0; 
}
.category-btn ul li .text {
    background: rgba(0, 0, 0, 0) ;
    border-radius: 3px;
    left: 28px;
    padding-left:0;
    position: absolute;
    top: -14px;
}
.category-btn ul li .text span {
    background:#df0716;
    display: block;
    font-size: 14px;
    line-height: 30px;
    padding: 3px 10px;
    white-space: nowrap; color:#FFF;
}
.text {
    display: none;
}
.category-btn ul li.active a{
    color: #fff;background:#df0716;
}
.category-btn ul li .text:after, .category-btn ul li .text:before {
  border: solid transparent;
  content: ' ';
  height: 0;
  right: 100%;
  position: absolute;
  width: 0;
}

.category-btn ul li .text:after {
  border-width: 5px;
  border-right-color:#df0716;
  top: 16px;
}
#goTopBtn { display:none; background:none; color:#df0716;border:none; padding:1px;}
.triangle-up {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #df0716;
}
@media (max-width:768px) {
	
	.pbanner{ width:100%; height:auto; overflow:hidden;}
.pbanner img{width:120%; height:auto; margin-left:-10%;}
	.pageTitle{border-bottom:#f0f0f0 solid 1px; background:#fff;  line-height:14px; padding:20px 0; text-align:left;}
	.pageTitle p{ margin:0; padding:0 20px;}
	.product-tit{width: 100%; background:url(../images/titlebg_03.png) center center no-repeat; background-size:auto 14px; padding:0 20px}
.product-tit h3{font-size: 20px;color: #df0716; font-weight:normal; letter-spacing:1px;text-align:center; line-height:40px;}
.section-content h5{ font-size:16px; margin:15px 0; color:#333; font-weight:normal;}
	nav-height{ position:relative; height:auto;    }

	.btnPos{ position:relative;  width:100%;float:left; left:0; }
	nav.nav-box { width:100%; padding:20px 0;margin:0 auto;background: #fff;}
	        nav.nav-box.navFix{position: fixed;width: 100%; left:0; padding:20px 0; top:60px; background-color:rgba(255,255,255,0.95);  z-index: 999;} 
	nav.nav-box ul {padding: 0 0 0 0;margin: 0 auto; float:left; position:relative; border:none; left:0;  display: block;}
nav.nav-box li { display:table-cell; width:20%;margin:0; padding:0; margin-left:-1px; line-height: 40px;float: left; text-align: center;position: relative;}
        nav.nav-box li a,nav.nav-box li a:visited {display:table-cell;width:20%;padding:0 0;border:#df0716 solid 1px; color: #df0716;font-size:12px; text-decoration: none;white-space:nowrap; text-align:center;}
	nav.nav-box{box-shadow:none;}
	nav.nav-box li:first-child{margin-left:1px; }
	nav.nav-box li:first-child a:before{content:" ";width:0px;border: none;}
        nav.nav-box li a:hover{display: table-cell;width:20%;padding:0 0;color: #df0716; background:#fff6f7; font-size:12px;white-space:nowrap;}
        nav.nav-box li a.active {display: table-cell;color: #fff;width:20%;padding:0 0;background: #df0716;font-size:12px;white-space:nowrap;}
		.part1 ul{ margin:0 0;}

	.part1 li{ width:100%; padding:0 10px; float:none;}
.part1 li .con{ padding:20px; background:#fafafa}
.part1 li .con img{ width:100%; max-width:320px; height:auto; float:none;}
.part1 li .con .txt{float:none; width:100%;padding:10px 0 0 10px; text-align:left}
.part1 li .con .txt h5{ font-size:14px; font-weight:normal; margin:0 0;}
.part1 li .con .txt p{ color:#686868; line-height:24px;}

.part1 .hide,.part1 .show{ padding:10px 0 0 0; font-size:14px; font-family:"宋体"; cursor:pointer;}
.part1 .hide a,.part1 .show a{ padding:5px 50px;background:#fff; color:#686868; border:#e1e1e1 solid 1px;transition: all 0.5s;}
.part1 .hide a:hover,.part1 .show a:hover{ padding:5px 50px;background:#fff; color:#df0716;border:#df0716 solid 1px;transition: all 0.5s;}
.halfCon{ width:100%; float:none;  padding:0 20px;}
.part2bg{ padding:0 0; background:none ;}
.part2 ul{ padding:0 0;}
.part2 ul li{ width:100%; padding:0 15px; float:left; margin:10px 0;}
.part2 ul li .num{ width:40px; height:40px;-moz-border-radius: 10px;-webkit-border-radius: 10px; border-radius:10px;  background:#df0716; line-height:40px; font-size:18px; color:#FFF; float:left;}
.part2 ul li .txt{float:left; padding:0 10px; text-align:left}
.part2 ul li .txt .time{ color:#df0716; font-size:14px;line-height:20px; }
.part2 ul li .txt p{ line-height:24px; font-size:14px; color:#333}

.part3{ padding:10px 10px 20px 10px; }
.part3 ul{ margin:0 0;}
.part3 li{ width:100%; padding:10px; float:none;}
.part3 li .con{ padding:15px; background:#fff}
.part3 li .con .txt{padding:10px 0; text-align:left}
.part3 li .con .txt h5{ font-size:16px; font-weight:normal; margin:5px 0 10px 0; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.part3 li .con .txt p{ color:#686868; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.part3 .btn{ margin:10px 0 0 0; cursor:pointer;}

.part4{ padding:10px 10px; }
.part4 ul{ margin:0 0;}
.part4 li{ width:100%; float:none; padding:0 15px; margin:20px 0;}
.part4 li .con{width:100%; height:100%; background:#FFF; padding:0; text-align:left;   }
.part4 li ul.small{margin:0 0;}
.part4 li ul.small li{ width:100%; float:none; padding:0 0;}

.part4 li.right{ padding:0 15px ; }
.part4 li ul.small{margin:0 0;width:100%; float:none;}
.part4 li ul.small li{ width:100%; padding:5px 0 }
.part4 li ul.small li .con{width:100%; height:auto;padding:0 0; }

.part4 li ul.vertical{margin:0 0;width:100%; float:none;}
.part4 li ul.vertical li{ width:100%; padding:5px 0; }
.part4 li ul.vertical li .con{width:100%; height:auto;padding:0 0; }

#section5{ padding:0 0;}
.part5{ padding:10px 10px; }
.part5 ul{ margin:0 0;}
.part5 li{ width:100%; padding:10px 10px 0 10px; float:none;}
.part5 li .con{ padding:10px;}
.part5 li .con .txt{padding:0 0; text-align:center}
.part5 li .con .txt h5{ font-size:12px; font-weight:normal; margin:0px 0 5px 0; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.category-btn { display:none;}
	}