/*-----------内页 -------------*/
.bank { position: relative;overflow: hidden;min-width:1260px;}
.bank img {
    width: 100%;
    animation:scale_b 6s linear infinite alternate;
    position: relative;
    z-index: 0;
 }

@-webkit-keyframes scale_b {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); } 
}
@-moz-keyframes scale_b {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); } 
}
@-o-keyframes scale_b {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); } 
}
@-ms-keyframes scale_b {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }  
}

/**二级分类**/


.erbg{ background:#f6f6f6; padding:15px 0px;box-sizing: border-box;min-width:1260px;}
.erji{ float:left;}
.erji a{ display:block; float:left; width:227px; height:38px; padding-left:15px;background:url(../images/pro_bgq.png) left center no-repeat;  position:relative; overflow:hidden; margin-right:10px; text-align:left; line-height:38px; font-size:16px; color:#000;}
.erji a span{ display: block; position:relative; top:0; background:url(../images/erbg1.png) center center no-repeat;}

.erji a:hover, .erji a.ernn{background:#008cd6 /*url(../images/pro_bgq.png) left center no-repeat*/;}

.erji a:hover span, .erji a.ernn span{ top:-100%; color:#fff;background:url(../images/erbg2.png) center center no-repeat;}
.erji a:visited{ color:#000;}
.weiz{ float:right; display:block; line-height:34px; font-size:12px; color:#8b8b8b; }
.weiz img{ margin-right:6px;}
.weiz a, .weiz a:visited{ color:#8b8b8b;}
.weiz span{font-family:"Microsoft YaHei";}
.weiz a:hover{ color:#444;}

.joon a span,.lvbg2,.sptum,.lytu,.jia,.erji a span{
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}



/*************公司简介*****************/
.jian{width:100%; min-width:1260px; padding:35px 0px;}
.buyi{ overflow:hidden; margin-bottom:40px;}
.buyi .fl{ width:420px; float:left;}
.buyi .fr{ width:800px; float:right;}
.buyi .fr p{ text-indent:2em; line-height:36px; color:#494949; font-size:16px;}
.jianjie{text-indent:2em; line-height:36px; color:#494949; font-size:16px;}

.yan_si{width: 100%; margin-bottom:20px; overflow:hidden;}
.yan_si li{ float:left;width:24%;margin-right:1.33%;}
.yan_si li .pic { height: 0;padding-top:67%;position: relative;overflow: hidden;}
.yan_si li .pic img {position: absolute;left: 0;top: 0; width: 100%;height: 100%;}
.yan_si li:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);transform-origin: 50% 50%;}
.yan_si li:nth-child(4n){ margin-right:0px;}

/***********荣誉资质****************/
.lylb{ display:block; margin-left:-19px; overflow:hidden; margin-top:20px;}
.lylb li{ display:block; float:left; width:298px; min-height:200px; box-sizing:border-box; background:#f9f9f9; margin-left:19px; margin-bottom:16px; padding:8px; position:relative;}
.lybg{ display:block; position:absolute; width:100%; height:0; top:0; left:0; background:#008cd6; z-index:1;}
.lytu{ display:block; width:282px; margin-bottom:10px;}
.lytu img{ display:block; width:282px;}
.lym{ display: block; text-align:center; line-height:26px; font-size:16px; color:#000;}
.lym:visited{ color:#000;}
.lyjk{overflow:hidden; position:relative; z-index:6;}
.lylb li:hover .lytu{ margin-top:-15px;}
.lylb li:hover .lybg{ height:100%;}
.lylb li:hover .lym{ color:#FFF;}

.lylb li:hover .jia{ background:url(../images/jia2.png) center center no-repeat;}
.jia{ display:block; position:absolute; width:41px; height:41px; left:50%; margin-left:-20px; bottom:-20px; z-index:3; background:url(../images/jia.png) center center no-repeat; }
.jia{
	animation:jia 1s linear infinite both;
	-webkit-animation:jia 1s linear infinite both;
	-moz-animation:jia 1s linear infinite both;
	-o-animation:jia 1s linear infinite both;
}
@keyframes jia{
0%{ transform: rotate(0deg); -ms-transform: rotate(0deg);	-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{ transform: rotate(360deg); -ms-transform: rotate(360deg);	-webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes jia{
0%{ transform: rotate(0deg); -ms-transform: rotate(0deg);	-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{ transform: rotate(360deg); -ms-transform: rotate(360deg);	-webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes jia{
0%{ transform: rotate(0deg); -ms-transform: rotate(0deg);	-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{ transform: rotate(360deg); -ms-transform: rotate(360deg);	-webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes jia{
0%{ transform: rotate(0deg); -ms-transform: rotate(0deg);	-webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{ transform: rotate(360deg); -ms-transform: rotate(360deg);	-webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
/**********************产品展示**********************************/
.shop{ display:block; margin-left:-10px; overflow:hidden;margin-top: 30px;}
.shop li{ display:block; box-sizing:border-box; float:left; width:413px; margin-left:10px; margin-bottom:19px; padding:6px; background:#EFEFEF; overflow:hidden; position:relative; color:#000;}
.shbg2{ position:absolute; width:100%; height:0; left:0; bottom:0; background:#008cd6; z-index:1;}
.shbg1{ position:relative; width:100%; height:100%;  left:0; top:0; z-index:4;}
.shop li:hover .shbg2{ height:100%;}
.shop li:hover{ color:#FFF;}
.sptu{ display:block; margin-bottom:10px; position:relative; width:401px; height:301px; }
.sptu img{ margin:0 auto; position:absolute; z-index:8; width:401px; height:301px;}
.spm{ line-height:30px; font-size:15px; text-align:center;}
.spm a, .spm a:visited{ color:#000;}
.shop li:hover .spm a{ color:#FFF;}
.sptum{ width:100%; height:0; position:absolute; overflow:hidden; z-index:9; background:rgba(255, 255, 255, 0.61);}
.spjs{ padding:8px 5px ;  height:auto; min-height:113px; _height:113px; font-size:12px; color:#000; line-height:24px; text-align:center;}
.kan1{ width:110px; height:34px; margin:0 auto; overflow:hidden; text-align:center; color:#000; font-size:12px; line-height:34px; background:url(../images/kanbg.png) center center no-repeat;}
.kan1 span{ display: block; position:relative; top:0;}
.shop li:hover .kan1 span{ top:-100%;}
.shop li .kan1:hover span{ top:0;}
.shop li:hover .sptum{ height:100%;}

/**********************产品展示**********************************/
.case_box{ display:block; margin-left:-18px; overflow:hidden;margin-top: 30px;}
.case_box li{ display:block; box-sizing:border-box; float:left; width:408px; height:350px; margin-left:18px; margin-bottom:19px; padding:6px; background:#EFEFEF; overflow:hidden; position:relative;}

.case_box .altum{ display:block;position:relative; overflow:hidden;}
.case_box .altum img{ width:396px; height:297px;}

.case_box .alm{ padding:8px 5px; height:auto; font-size:14px; color:#000; line-height:2; text-align:center;}
.case_box li:hover{ background:#008cd6;}
.case_box li:hover .alm{ color:#fff;}
.case_box li:hover .altum img{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1);}

.altum img{
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
/************新闻中心**********************/
.lvck{ margin-left:-38px; overflow:hidden; display:block; margin-top:20px;}
.lvck li{ width:606px; height:180px;  box-sizing:border-box; float:left; margin-left:38px; margin-bottom:18px; position:relative; background:#f9f9f9;}
.lvbg2{ position:absolute; z-index:1; width:0; height:100%; background:#008cd6;}
.lvck li:hover .lvbg2{ width:100%;}
.lvbg1{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:3; padding:18px 34px 10px; box-sizing:border-box;}
.lv-ti{ display: block; font-size:16px; color:#000; line-height:36px; margin-bottom:16px;}
.lv-ti:visited{ color:#000;}
.lv-js{ display: block; padding-bottom:10px; font-size:12px; color:#636363; line-height:24px;}
.lv-js:visited{ color:#636363;}
.mor{ display:block; float:right; clear:both; width:96px; height:30px; border:1px solid #999; border-radius:20px; color:#999;text-align: center;line-height: 30px;font-size: 12px;}
.lvck li:hover .mor{border:1px solid #fff; color:#fff;}
.lvck li:hover .lv-ti{ color:#fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.lvck li:hover .lv-js{ color:#76bade;}

/*****新闻详细内页******/
.news-art-main{background: #f9f9f9;margin:20px auto;padding: 40px 90px 60px;}
.art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #333;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #888;border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;width: 300px;}
.art-main{padding-top: 30px;padding-bottom: 40px;}
.art-main p{text-indent: 2em;font-size: 14px;line-height: 30px;color: #666;}

.art-back li{font-size: 14px;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #555;}
.art-footer-last a:hover,.art-footer-next a:hover {color: #008cd6;}
.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 116px;height: 40px;overflow: hidden;border: 2px solid #008cd6;line-height:36px;text-align: center;box-sizing: border-box;color: #008cd6;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #008cd6;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}

/*******************在线留言*************************/

.massage{ width: 902px; margin:20px auto; border: 1px solid #ebebeb; position: relative; z-index: 2; padding: 22px 48px; background: #fff; }
.maintop{ width: 902px; height: 55px; line-height:55px; float: left; border-bottom: 1px solid #ebebeb; text-indent: 37px; color: #555555; margin-bottom: 10px; font-size:20px; font-weight:normal; background: url(../images/guest.png) left center no-repeat; }

.massage table td{ color:#666;}
.massage .input{ border:1px solid #ddd; margin:5px 0px; border-radius:5px; padding-left:5px; width:350px; height:35px; line-height:35px; outline:none;}
.massage textarea{ border:1px solid #ddd; margin:5px 0px; border-radius:5px; padding-left:5px; width:580px;line-height:35px;outline:none; resize:none;}
.massage .submit{border:1px solid #ddd; border-radius:5px;width:120px; height:42px; line-height:42px; color:#fff; background:#038dd6;outline:none; cursor:pointer;}

/***---------联系我们-----------****/
.conk { border: 3px solid #008cd6; padding: 30px;overflow: hidden; margin: 35px 0px; background: #f5f5f5;}
.conr{ width:100%}
.colx{ display:block; clear:both;overflow: hidden;}
.colx li{position:relative;float: left;width: 40%;margin: 7px 5%;}
.cotu{ position:absolute; left:0; top:50%; margin-top:-20px; z-index:6;}
.coxx{ position:relative; left:18px;  z-index:2; border:1px solid #d3d3d3; padding:11px 38px; font-size:14px; color:#5f5f5f; line-height:34px;}
.coxx a:hover{ color:#008cd6;}
.consec-map{ height:500px; width:100%; padding:1px; box-sizing:border-box; margin:20px 0px; border:1px solid #CECECE;}
	
/***-----------分页-----------****/
.text-center {text-align: center;border-top: 1px solid #e5e5e5; padding-top:20px; margin-bottom:10px;}
.pagination{display: inline-block; padding-left: 0; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #008cd6; border-color: #008cd6;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}