

.qing {display: block;clear: both;min-width: 1200px;}
.juzhong {width: 1200px;display: block;margin-left: auto;margin-right: auto;}
.lf {display: block;float: left;}
.rf {display: block;float: right;}

/**********内页************/
.run_banner { position: relative;overflow: hidden; padding-top:85px;}
.run_banner  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); }  
}

/********内页分类***********/
.zhnav{ height:56px; background:#F4F4F4; position:relative; z-index:10 !important;}
.menu{ width:910px;height:56px;}
.menu li{ height:56px; display:block; float:left; }
.menu a{ padding:8px 32px; display:block; float:left; font-size:15px; color:#4b4b4b;text-align:center; border:1px solid #fff; background:#fff; border-radius:20px; margin-top:9px; margin-right:5px;}
.menu a:hover{ display:block; background:#005bac; color:#fff; border:1px solid #005bac;}
.menu a.menn{ display:block; background:#005bac; color:#fff; border:1px solid #005bac;}

.return{height:26px; font-size:12px; color:#9f9f9f; line-height:26px; text-align:right; padding:15px 0;}
.return a{ font-size:12px; color:#9f9f9f; line-height:26px; display:block; float:left;}
.return span{ padding:0 7px;}




/******内页产品分类******/
.nyfl{ display:block; padding:50px 0; position:relative;}
.nyfl table{ margin:0 auto; position:relative; background:#FFF; z-index:2;}
.nyfl td{ padding:0 20px;}
.nyflx{ display:block; position:absolute; top:50%; width:100%; height:1px; background:#ccc; z-index:0;}
.nyfl a{ display:block; float:left; overflow:hidden; position:relative; height:40px; padding:0 18px; border-bottom:1px solid #005bac; border-top:1px solid #005bac; line-height:40px; font-size:15px; color:#4c4c4c;}
.nyfl a:visited{color:#4c4c4c;}
.nyfl a:last-child{ border-right:1px solid #005bac; border-top-right-radius:20px; -webkit-border-top-right-radius:20px; -moz-border-top-right-radius:20px;-o-border-top-right-radius:20px; border-bottom-right-radius:20px; -webkit-border-bottom-right-radius:20px; -moz-border-bottom-right-radius:20px; -o-border-bottom-right-radius:20px;}
.nyfl a:first-child{ border-left:1px solid #005bac; border-top-left-radius:20px; -webkit-border-top-left-radius:20px; -moz-border-top-left-radius:20px; -o-border-top-left-radius:20px; border-bottom-left-radius:20px; -webkit-border-bottom-left-radius:20px; -moz-border-bottom-left-radius:20px; -o-border-bottom-left-radius:20px;}
.nyfl a span{ display:block; position:relative; top:0;}
.nyfl a:hover, .nyfl a.nynn{ background:#005bac;}
.nyfl a:hover span, .nyfl a.nynn span{ color:#FFF; top:-100%;}

.nyfl 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;
}



.n_box{ padding:20px 0px;}
.qy_about{margin-top:10px; margin-bottom:40px;overflow:hidden;}
.qy_about .fl{ width:477px;}
.qy_about .fl img{ max-width:100%;}
.qy_about .fr{ width:670px; margin-top:35px;}
.qy_about .fr p{color:#333; font-size:22px; line-height:2;text-indent:2em;}

.qy_about_two{color:#333; font-size:22px; line-height:2; text-indent:2em;overflow:hidden; margin:40px auto;}


/***************新闻中心*****************************/
.mtlb{ display:block; margin-left:-16px; overflow:hidden;}
.mtlb li{ display:block;width:592px; height:175px;float:left;margin-left:16px; margin-bottom:18px; box-sizing:border-box;border:1px solid #d2d2d2;padding:15px;}
.mttu{ display:block; float: left; width:220px; height:144px; overflow:hidden;}
.mtjk{ display:block; margin-left:235px;}
.mtj1{ display:block; margin-bottom:10px; line-height:26px; color:#212121; font-size:16px;}
.mtj2{ display:block; height:74px; margin-bottom:6px; line-height:24px; color:#797979; font-size:12px;}
.mtj3{ line-height:20px; color:#9e9e9e; font-size:12px;}
.mtlb li:hover .mtj1, .yglb li:hover .mtj1{ text-indent:6px; color:#005bac;}
.lytu,.mtj1,.mttu img,.prtu img,.more span,.art-footer-back span{
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}
.mtlb li:hover .mttu img{
transform: scale(1.16) rotateZ(-5deg);
	-webkit-transform: scale(1.16) rotateZ(-5deg);
	-o-transform: scale(1.16) rotateZ(-5deg);
	-ms-transform: scale(1.16) rotateZ(-5deg);
	-moz-transform: scale(1.16) rotateZ(-5deg);}

/*************产品中心**********************/
.cplb{ display: block; overflow:hidden;margin-left:-12px; }
.cplb li{ display:block; float:left; width:291px; height:295px; background:#f0f0f0; margin-left:12px; margin-bottom:10px; padding:5px; box-sizing:border-box;}
.prtu{ display:block; width:271px; height:179px; overflow:hidden; background:#FFF; padding:5px;}
.prtu img{ max-width:100%;}
.cplb li:hover .prtu 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);}
.prm{ padding-top:17px; margin-bottom:15px; text-align:center; line-height:22px; font-size:14px; color:#000;}
.prm a{ color:#000; display: block;}
.cplb .more{ display:block; width:104px; height:32px; margin:0 auto; background:url(../images/bobg.png) center center no-repeat; overflow:hidden; text-align:center; line-height:32px; color:#fff; font-size:12px;}
.cplb .more span{ display:block; top:0; position:relative;}
.cplb li:hover .more span{ top:-100%;}


/*****详细页*****/
.news-art-main{background: #f9f9f9;margin:0px auto;padding: 50px 80px 50px;}
.art-tit h1{text-align: center;font-size:32px;font-weight: normal;line-height: 36px;padding-bottom:5px;color: #333;}
.art-tit h3{text-align: center;font-size:26px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #3f3f3f; font-family:"Times New Roman", Times, serif}

.art-tit h4{text-align: center;font-size:22px;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; overflow:hidden;}
.art-main p{text-indent: 2em;font-size: 14px;line-height: 30px;color: #666;}
.art-main img{ max-width:100%;}

.wz_box{ overflow:hidden; margin-bottom:30px;}
.art-main .wzsm{ width:50%;}
.art-main .wzsm p{ font-size:16px; line-height:1.6; text-indent:0em;}
.art-main .wztp{ width:45%;}

.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:#005bac;}
.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 #005bac;line-height:36px;text-align: center;box-sizing: border-box;color: #005bac;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #005bac;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}


/***********技术支持**************/
.bzl{ display:block; margin-left:-20px;overflow: hidden;}
.bzl li{ display:block; width:588px; background:#fff; border:1px solid #cdcdcd; float:left; margin-left:20px; margin-bottom:20px;}

.bzl li a{ display:block; position:relative; padding:18px 24px;}

.bzl li .cpjtuj{ float:right; width:40px; height:40px;margin-top: -4px;}
.bzl li .cpjk{ display:block; margin-right:70px;}
.bzl li .cpjk-cn{  line-height:32px; font-size:16px; color:#3d3d3d;}
.bzl li .cpjk-en{ line-height:20px; font-size:12px; color:#9b9b9b;}
.bzl li:hover .cpjtu{
	animation:cpjtu2 5s linear infinite both;
	-webkit-animation:cpjtu2 5s linear infinite both;
	-moz-animation:cpjtu2 5s linear infinite both;
	-o-animation:cpjtu2 5s linear infinite both;
}
@keyframes cpjtu2{
0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
30%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
}
@-webkit-keyframes cpjtu2{
0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
30%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
}
@-moz-keyframes cpjtu2{
0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
30%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
}
@-o-keyframes cpjtu2{
0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
30%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
}
.bzl li:hover .cpjtuj{
	animation:cpjtuj 1.8s linear infinite both;
	-webkit-animation:cpjtuj 1.8s linear infinite both;
	-moz-animation:cpjtuj 1.8s linear infinite both;
	-o-animation:cpjtuj 1.8s linear infinite both;
}
@keyframes cpjtuj{
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 cpjtuj{
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 cpjtuj{
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 cpjtuj{
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);}
}

.bzl li:hover .cpjk-cn{ padding-left:5px; color:#005bac;}
.cpjk-cn, .zztu img,.zztm{transition: all 0.4s linear;-webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear;}




/******联系我们*****/
.n_contact{ background:url(../images/contact.jpg) center center no-repeat;}
.c_box{	padding:40px 0px; overflow:hidden;}
.hq{position: absolute; z-index:99;width: 544px;background: rgba(255, 255, 255, 0.9);padding: 29px 40px;box-sizing: border-box;}
.hq h4{display: block;width: 100%;font-size: 24px;line-height: 62px;color: #1654b1;border-bottom: 1px solid #acc3e4;}

.hq-items{display: block;height: 26px;line-height: 26px;margin-top: 26px;font-size: 14px;color: #515355;}
.hq-icon{display: block;float: left;width: 26px;height: 26px;}
.hq-icon img{width: 100%;}
.hq-text{display: block;margin-left: 40px;}

.hq-ewm{margin-top: 35px; overflow:hidden;}
.hq-ewm-items{display: block;float: left;margin-right: 44px;}
.hqewm-pic{width: 127px;height: 127px;padding: 6px;border: 1px solid #d5d7d9;box-sizing: border-box;}
.hqewm-pic img{width: 100%;vertical-align: top;}
.hqewm-text{font-size: 14px;line-height: 46px;text-align: center;color: #666;}


/********分页*********/
.text-center {text-align: center; border-top: 1px solid #ddd;}
.pagination{display: inline-block; padding-left: 0; margin:20px 0px 0px; 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: #005bac; border-color: #005bac;}
.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;}
