@charset "utf-8";
/* CSS Document */

/*****************内页*************************/
.run_banner { position: relative;overflow: hidden;width:100%;min-width: 1200px;}
.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); }  
}



body > .qing { min-width: 1200px; overflow:hidden;}
.qing{ overflow:hidden; display:block; clear:both;}
.juzhong { width: 1200px;display: block;margin:0px auto;}

/********内页分类***********/
.zhnav{ height:60px; background:#f5f5f5; position:relative; z-index:1 !important;}

.nyfl a{ display:block; float:left; overflow:hidden; position:relative; height:38px; padding:0 12px; border:1px solid #fff;  line-height:38px;font-size:14px; color:#4c4c4c;border-radius:20px; margin-top:11px;margin-right:5px; background:#fff;}
.nyfl a:visited{color:#4c4c4c;}
.nyfl a span{ display:block; position:relative; top:0;}
.nyfl a:hover, .nyfl a.nynn{ background:#004da1;border:1px solid #004da1;}
.nyfl a:hover span, .nyfl a.nynn span{ color:#FFF; top:-100%;}

.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;}
.return a:hover{color:#06BC33;}


.n_page{ padding:20px 0px; font-size:15px; line-height:2;}

/************公司简介*****************/
.buyi{ overflow:hidden; margin-bottom:40px;}
.buyi .fl{ width:390px;}
.buyi .fr{ width:800px;margin-top: 15px;}
.buyi .fr img{ margin-bottom:25px;}
.buyi .fr p{ text-indent:2em; line-height:32px; color:#494949; font-size:15px;}

.buer{ overflow:hidden;}
.buer  p{ text-indent:2em; line-height:30px; color:#494949; font-size:15px;}


/*************产品中心**********************/
.pro_xzlb{overflow: hidden;display: block; margin-left:-16px;} 
.pro_xzlb li { float:left;width:288px; margin-left:16px; margin-bottom:30px;overflow: hidden;position:relative;}
.pro_xzlb li .cp_tu{width:288px;overflow:hidden;}
.pro_xzlb li img {width:288px;vertical-align: middle;}
.pro_xzlb li .jianj{ background:#004da1; text-align:center; padding:6px 0px;color:#fff; }
.pro_xzlb li:hover{-webkit-box-shadow: #666 0px 0px 10px;-moz-box-shadow: #666 0px 0px 10px;box-shadow: #666 0px 0px 10px;}
.pro_xzlb li:hover .jianj{background:#004da1;color:#fff;}
.pro_xzlb li:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}
	
.pro_xzlb li img{
    transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
}	


/****************新闻资讯****************/	
.xwlb1{ display:block; overflow:hidden;}
.xwlb1 li{ display:block; margin-bottom:10px; position: relative;}
.xwlnr{ padding:35px; overflow:hidden; position: relative; z-index:6;}
.xwbei{position: absolute; right:0; top:0; width:100%; height:100%; background:rgb(245, 245, 245); z-index:3;}
.xwbei2{ position:absolute; left:0; top:0; width:0%; height:100%; background:rgb(240, 247, 254); z-index:3;}
.xwbei2, .xwbei{
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.xwlb1 li:hover .xwbei{ width:0%;}
.xwlb1 li:hover .xwbei2{ width:100%;}
.dnebg{ width:135px; height:auto; position:relative; z-index:7; top:12px;}
.neda{ width:104px; height:120px; position:relative; z-index:9; left:0; top:0; text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FFF;}
.nedabg{ width:104px; height:120px; position: absolute; z-index:8; left:0; top:0; background:url(../images/danbg1.png) center center no-repeat;}
.neda1{ display:block; padding-top:24px; line-height:46px; font-size:36px;}
.neda2{ display:block; line-height:20px; font-size:12px;}

.nedabg{
	-webkit-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.xwlb1 li:hover .nedabg{ background:url(../images/danbg2.png) center center no-repeat;
transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.xwlb1 li:hover .neda{ color:#6d6d6d;}

.dnetu{ width:228px; height:148px; margin-right:30px; overflow:hidden;}
.dnetu img{ width:228px; height:148px; -o-border-top-left-radius:25px; -webkit-border-top-left-radius:25px;-moz-border-top-left-radius:25px;border-top-left-radius:25px; -o-border-bottom-right-radius:25px; -webkit-border-bottom-right-radius:25px;-moz-border-bottom-right-radius:25px;border-bottom-right-radius:25px;}
.dnejsn{ width:990px; overflow:hidden;}
.dneti{ line-height:38px; font-size:14px; color:#010101;}
.dneti a, .dneti a:visited{ color:#010101;}
.dnejs{ display:block; line-height:30px; color:#6d6d6d; font-size:12px; height:77px;}
.dnejs a{ display:block;} .dnejs a, .dnejs a:visited{ color:#6d6d6d;}
.nduo{ width:98px; height:30px; border:1px solid #d0d0d0;display:block; float:left; overflow: hidden; position:relative; line-height:30px; text-align:center; font-size:12px; color:#6b6b6b;} .nduo:visited{ color:#6b6b6b;}

.dneti a, .dnejs a , .nduo{
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	-o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}
.xwlb1 li:hover .dneti a, .xwlb1 li:hover .dnejs a{ color:#004da1; }
.xwlb1 li:hover .nduo{ background:#004da1; color:#FFF; border-color:#004da1; top:-1px; left:1px;}
.xwlb1 li:hover .dnetu img{ 
animation:dnetu 4.5s linear 0s infinite alternate both;
-webkit-animation:dnetu 4.5s linear 0s infinite alternate both; 
-moz-animation:dnetu 4.5s linear 0s infinite alternate both; 
-o-animation:dnetu 4.5s linear 0s infinite alternate both;
}
@keyframes dnetu
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
@-webkit-keyframes dnetu
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 

100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
@-moz-keyframes dnetu
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}
@-o-keyframes dnetu
{0% {transform: scale(1.0,1.0);-ms-transform: scale(1.0,1.0);-webkit-transform: scale(1.0,1.0);-o-transform:scale(1.0,1.0);-moz-transform: scale(1.0,1.0);} 
100%{transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-moz-transform: scale(1.2,1.2);	}}




/**********在心留言*********/
.massage{ width:1000px;  margin:20px auto; background:#f5f5f5;}
.massage h2{ text-align:center; font-size:22px; font-weight:normal; padding:40px 0px;}
.input1{width:190px; height: 35px;margin:10px auto;border: 1px solid #A9A9A9; border-radius:5px; padding-left:5px; outline:none; }
.textarea{width: 490px;margin:10px auto;resize: none; border-radius:5px;padding-left:5px; outline:none;}
.code { width:190px; height:35px;margin:10px auto;border: 1px solid #A9A9A9;  border-radius:5px; outline:none;}
.reset{height: 38px;line-height: 38px;width:115px;background: #BCBCBC;border: 1px solid #BCBCBC; color: #fff;border-radius:5px; margin-right:20px; outline:none;}
.submit{height:38px;line-height:38px; width:115px; background: #004da1;border: 1px solid #004da1; color: #fff; border-radius:5px; cursor:pointer; outline:none;}
       



/*****新闻详细内页******/
.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-main img{ max-width:100%;}
.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: #8FC31F;}
.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 #004da1;line-height:36px;text-align: center;box-sizing: border-box;color: #004da1;}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: #004da1;color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 0 none;}

.art-main .tags{ margin-top:20px; font-size:14px;}
.art-main .tags span{font-size:16px; color:#004da1;}



/********************联系我们**************************/
.lf { display: block; float: left;overflow: hidden;}
.rf { display: block; float: right;overflow: hidden;}
.map{ background:url(../images/map.jpg) center top no-repeat; height:640px; margin-top:-4px; position:relative; z-index:0; padding-top:140px;}
.tel{ width:530px; background:#FFF;}
.tet{ background:#004da1; padding:22px 32px; overflow:hidden;}
.bj{ line-height:32px; font-size:22px; color:#ffffff;}
.ad1{ height:34px; padding:12px 30px; background:#fff;} 
.ad2{ height:34px; padding:12px 30px; background:#e9e9e9;}
.ad12{ float:left; padding-left:18px; width:428px; font-size:14px; color:#505050; line-height:34px; }

.contact-second{width: 100%;height:700px;position: relative; min-width:1200px;}
.contact-second .consec-map{position: absolute;top: 0px;left: 0px;z-index: 1;width: 100%;height:700px;}
.contact-second .consec-address{width: 1200px;margin: 0px auto;position: relative;}
.consec-address .consec-content{position: absolute;top: 115px;left:0;z-index: 3;width:530px;}


.pro-lists{width:930px;margin:0px auto;}
.pro-lists .con{width: 297px;height:auto;float: left;margin-right:13px;margin-bottom: 15px;position: relative;cursor: pointer;}
.pro-lists .con img{width:297px;height:297px;}
.pro-lists .txt{position: absolute;left: 0;bottom: 0;width: 100%;height: 45px;line-height: 45px;text-align: center;color: #fff;background: rgba(0,0,0,0.6);}
.pro-lists .txt h3{font-weight: normal;}




/***分页****/
.text-center {text-align: center;}
.pagination{display: inline-block; padding-left: 0; margin: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: #004da1; border-color: #004da1;}
.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;}