/* normalise */
html{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body { font-family:Arial, Helvetica, sans-serif; overflow-x:hidden;font-family:'微软雅黑'; }
body, h1, h2, h3, h4, p, ul, ol, dd, dl, form { margin:0;}
hr { margin-top:20px; margin-bottom:20px; border:0; border-top:1px solid #eee;}

ul,li{ padding-left:0; list-style-type:none;}
i, em { font-style:normal;}
big {font-size:1.3em;}
a {-webkit-transition:all 0.3s ease;transition:all 0.3s ease; text-decoration:none !important; 
	outline:0;}
article, aside, dialog, footer, header, section, nav, figure, menu, 
audio, canvas, progress, video{ display:block;}
.clear{clear:both;}
.left{float:left;}
/* index */
.nav>ul>li{float:left;}


 .headertop {
  width: 100%;
  height: auto;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 90;
}
.navbox{
  height: 62px;
  position: relative;
  z-index: 90;

  }
.nav1{

     margin-left: 10%;
     height: 62px;
     float: right;
}

.head-bg{background: #fafafa;}
.logo{float:left;padding-top: 5px;}
/* .active a{color:#00a0e9!important;} */
.nav1 ul > li a:hover{color:#00a0e9;}
.nav1 ul > li:hover .xiala{display: block!important;transform:scale(1,1)!important;}
.nav1 ul > li {
  width: auto;
  height: 62px;
  line-height: 62px;
  float: left;
  position: relative;
  text-align: center;
  margin-right: 1px;
}

  .nav1 ul > li > a {
  display: inline-block;
  white-space: nowrap;
  padding: 0 20px;
  width: auto;
  height: 62px;
  font-size: 16px;
  color: #000;
  text-transform: uppercase;
  font-family:"微软雅黑";
  text-decoration: none;
  cursor: pointer;

}
.nav1 ul dl{
    position: absolute;
    left: 0;
    top: 61px;
    z-index: 1111;
    overflow: hidden;
    zoom: 1;
    background-color: RGBA(255,255,255,0.6);
    width: 100px;
    transition: all 0.4s;
    transform: scale(1,0);
    transform-origin: 0 0;
}

.nav1 ul dl dd {padding: 10px 0;border-bottom: 1px solid #e6e6e6;}
.nav1 ul dl dd:last-child{border-bottom: none;}
.nav1 ul dl dd a{
  font-family:"微软雅黑";
  font-size:15px;
  margin-top:1%;
  color: #000;
  text-decoration: none;
  cursor: pointer;
}




@media (min-width:320px)
{
	.B_grids{margin:15px 20px;}
    .f_top{padding: 10px 5px 0px 5px;}
}
@media (min-width:992px)
{
	.B_grids{margin:15px 80px;}
	 .f_top{padding: 30px 90px 0px 90px;}
}


/*banner*/
.banner-con{position:relative}
.banner-lists {
	/*position: absolute;
	bottom: 0;
	z-index: 99;
	left: 50%;
	margin-left: -600px;*/
	margin: 30px 0;display: inline-block;width: 100%;
}


.banner-list {
	margin-right: 15px;
	width: 370px;
	height: 150px;
	background: rgba(0, 160, 233, 0.8);
	display: table;
	transition: all 0.5s ease;
	float:left;
}

.banner-list:last-child {
	margin-right: 0;
	background: rgba(255, 150, 2, 0.8);
}

.banner-list:nth-child(2) {
	background: rgba(143, 195, 31, 0.8);
}

.banner-dl {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.banner-dt,
.banner-dd {
	display: inline-block;
}

.banner-dt {
	margin-right: 30px;
}

.banner-dt img {
	transition: all 0.5s ease;
}

.banner-dd {
	text-align: left;
	color: #fff;
	vertical-align: middle;
}

.banner-dd h3 {
	font-size: 20px;
	font-weight: normal;
	line-height: 40px;
}

.banner-dd p {
	font-size: 16px;
	color: rgba(255, 255, 255, 0.5);
	line-height: 22px;
}

.banner-list:first-child:hover {
	background: rgba(0, 160, 233, 1);
}

.banner-list:last-child:hover {
	background: rgba(255, 150, 2, 1);
}

.banner-list:nth-child(2):hover {
	background: rgba(143, 195, 31, 1);
}

.banner-list:hover .banner-dt img {
	transform: scale(1.05);
}

.index-jshao{margin-top: 30px; margin-bottom: 50px;}
.index-jshao-l img{max-width: 100%;}
.index-jshao-r{font-size: 16px; color: #666666; line-height: 30px; }
.index-jshao-con{overflow: hidden; height: 150px;}
.service-top {padding: 10px; margin-bottom: 20px;background: #fafafa;}
.service-h3 {font-size: 18px;color: #333; font-weight: normal; border-left: 4px solid #00a0e9;padding-left: 10px;}
.news-more {color: #9e9e9e; font-size: 14px; float:right; }
.news-more a{color: #333;}

.index-more {margin-top: 18px;}
.index-more a{color: #fff; background:#00a0e9;padding: 8px 20px;font-size: 14px;}



footer {background: #051428; padding: 15px;box-sizing: border-box;    text-align: center; color: RGBA(255,255,255,0.6); font-size:12px; ;}
footer a{color:  RGBA(255,255,255,0.6);}
/**悬浮效果**/

  figure>img {
 width:100%;
}

figure {
    margin: 0;
    padding: 0;
    
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    border: 3px solid #fff;
}

figure:hover figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    opacity: 1;
    right: 0;
    top:0;
}

figcaption {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    right: 100%;
    top:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
    background: rgba(0,0,0,.5);
    color: #fff;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -ms-transition-delay: .5s;
    transition-delay: .5s;
}

figcaption h3 {
    font-family: 'Open sans';
    font-weight: 400;
    color: #f3b204;
    padding: 10px 20px;
    margin-bottom: 0;
    position: relative;
    righ: 100%;
    margin-top: 37px;
    font-size: 30px;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease;
}

figcaption p {
    font-family: 'Open sans';
    padding: 10px 20px;
    margin-bottom: 0;
    margin-top: 20px;
    position: relative;
    left: 145px;
    font-size: 13px;
    -webkit-transition: all .9s ease;
    -moz-transition: all .9s ease;
    -o-transition: all .9s ease;
    -ms-transition: all .9s ease;
    transition: all .9s ease;
}

figure:hover h3,figure:hover p {
    left: 0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

figcaption a {
    color: #fff;
    /* border: 2px solid #fff; */
   /*  padding: 4px 10px; */
    text-decoration: none;
}

figcaption a:hover {
    color: #4f5856;
    background: #fff;
}

/*list-banner*/
.list-ban img{width: 100%;}

/*面包线导航*/
.bread-line{padding: 16px 0; border-bottom: 1px solid #ECECEC;}
.bread-line a{color: #666;}

/*list-about*/
.show-bg{background: #F7F7F7;}
.list-about{margin: 0px 0 50px;/* padding: 30px 50px;  box-sizing: border-box; background-color: #fff; border: 1px solid #ECECEC; display: inline-block; width: 100%; */}
.list-about h4{padding-bottom:6px;font-weight: 600;}
.list-about .show-tit{border-bottom: 1px solid #ECECEC;text-align: center;padding-bottom: 10px;}
.list-about .show-time{font-size: 12px;color: #999;}
.list-about-con{ font-size: 16px; color: #666666;line-height: 30px; padding:10px 10px 30px;display: inline-block;}
.list-about-con img{max-width: 100%;}


/*新闻中心*/
.list-new2-con{margin: 20px 0;}
.list-new2-con ul li{display: inline-block; width: 100%; margin: 15px 0;}
.list-new2-con ul li .list-new2-con-img{ float: left; width: 25%;}
.list-new2-con ul li .list-new2-con-img img{width: 100%;}
.list-new2-con ul li .tite-show{float:left; width: 75%;}
.list-new2-con ul li .tite-show{color: #333; padding: 0 0 0 20px;}
.list-new2-con ul li .tite-show h4{padding-bottom: 20px;}
.list-new2-con ul li .tite-show p{color: #9f9f9f;}
.list-new2-con ul li .tite-show span{ border: 1px solid #999; color: #999; padding: 5px 20px;display: inline-block;margin-top: 15px;}


/*项目介绍*/
.list-new-con{margin: 30px 0 50px; width: 100%; display: inline-block;}
.list-new-con ul{ width: 100%;}
.list-new-con ul li{
    float: left;
    width: 31.333333%;
    margin-bottom: 20px !important;
    margin: 0 1%;
    position: relative;
}
.list-new-con ul li div img{
    width: 100%; height: 240px;
}
.list-new-con ul li .tite-show{position: absolute;left: 0;bottom: 0; color: #fff; font-weight: bold; width: 100%;background-color: RGBA(0,0,0,0.4)}
.list-new-con ul li .tite-show p{ text-align: center; font-size: 16px; padding: 10px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*产品展示*/
/* .list-prod-con ul {width: 100%; display: inline-block;}
.list-prod-con{margin: 0px 0 50px; width: 100%; display: inline-block;}
.list-prod-con ul li{padding: 1%;  width:33.33%; float:left;}
.list-prod-con ul li .box{ padding:8px; background:#f4f4f4; text-align:center; display:block;}
.list-prod-con ul li .box .pic{ margin-bottom:28px; width:100%; -background: no-repeat center center; background-size: cover;     background: #fff;}
.list-prod-con ul li .box .pic img{max-width: 100%; height: 190px;}
.list-prod-con ul li .box .p1{ margin-bottom:10px; font-size:16px; color:#333333; font-weight:bold;}
.list-prod-con ul li .box .buc{ margin-bottom:18px; font-size:14px; color:#666666; height:3em; line-height:23px; overflow:hidden; text-align: left;}
.list-prod-con ul li:hover .box{ background:#3a66b1; transition: ease .3s;}
.list-prod-con ul li:hover .box .p1{ color:#fff;}
.list-prod-con ul li:hover .box .buc{ color:#fff;}
.list-prod-con ul li .on{ background:#3a66b1; transition: ease .3s;}
.list-prod-con ul li .on .p1{ color:#fff;}
.list-prod-con ul li .on .buc{ color:#fff;} */


.text-c {    margin: 50px 0; text-align: center;}
.text-c a {padding:5px;margin:0 8px;border:1px solid #ccc;background-color:#eee; color: #333;}

/*百度地图*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent img{max-width:none;}

/*yema*/
.pages-box{ padding-top:22px; text-align:center;display: inline-block;
    width: 100%;}
.pages-box .pages{ display:inline-block;margin-top: 40px;}
/*pages*/
.pages{ border:#d0d0d0 solid 1px; border-radius:3px; font-size:16px; line-height:30px;}
.pages a,.pages span{ float:left; display:block; padding:0 15px; border-right:#d0d0d0 solid 1px; color: #666;}
.pages a.last-ele{ border:none;}
.pages span,.pages a:hover{ background-color:#f8f8f8; color:#333;}





/* .lanmu_banner{height:240px;background:url(../img/lanmu1.jpg)no-repeat;} */
.lanmu_banner{position:relative;}
.lanmu_banner h3{position:absolute;left:0;top:44%;width:100%;text-align:center;color:#222;margin:0;font-size:40px;font-weight:bold;text-shadow:0 0 15px #fff;}
.location{width:100%;height:50px;line-height:30px;padding:1% 5%;margin:0 auto;/*border-bottom:5px solid #000000;*/position:relative;top:-2%;box-shadow:0px 1px 3px rgba(0,0,0,.16);}

.location li:first-child{ font-size:1.1em;}
.location a{ color:#000000; font-size:1.1em;/* font-weight:600; */}
.location {text-align:center;}
.location a:hover{color:#f28600;}



.leftbar li{height:50px;background:#ccc;margin-bottom:2%;line-height:50px;text-align:center;font-size:16px;}
.leftbar{margin-top:2%;}

.box{padding:1%;height:320px;/* margin:2% 0; */}
.box_content{padding:5px;border:1px solid #ccc;height:300px;overflow:hidden;}
.box_content img{width:100%;height:68%;/* height:170px; */}
.xcb{overflow:hidden;/*background:url(../img/contact.jpg)no-repeat;background-size:cover;*/padding:8px;box-shadow: 0 0 6px #ccc;}
.btn1{width:200px;height:80px;border-radius:5px;background:url(../img/BBB.png)no-repeat;background-size:200px;margin-top:3%;margin-right:auto;margin-left:auto;}
.btn2{width:200px;height:80px;border-radius:5px; background:url(../img/CCC.png)no-repeat;background-size:200px;margin-bottom:3%;margin-right:auto;margin-left:auto;}
.btn3{width:300px;height:300px;border-radius:5px; background:url(../img/contact.png)no-repeat;background-size:240px;margin-bottom:3%;}





.rightbar{margin-top:2%;margin-bottom:3%;}
.show{ padding: 3% 5%;min-height:700px;background: url(../img/insbg.jpg) no-repeat bottom #f7f7f7;
              box-shadow: 0 0 10px #ddd;}
.show img{max-width:100%;height:auto!important;display:block;}
.show table td{padding:5px 10px;vertical-align:top;}
.show article{  }
.show_detail{line-height:2em;text-indent:2em;}
.show_detail img{max-width:100%;height:auto!important;display:block;}
.p_detail{padding:10px 5px;}
.p_detail h4{font-weight:600;}
.p_detail p{font-size:1em;margin-top:1%;word-wrap:break-word;overflow:hidden;}
.more{float:right;margin-top:-5px;}
.more a:hover{font-size:1.3em;transition:all 0.5s;}
.leftbar a{color:#000000;}
.leftbar a:hover{color:#fff;}
/* .leftbar dl:hover{border-left:15px solid #fd6b00;background:#646464;transition:all 0.5s;color:#fff;} */
.leftbar li:hover{border-left:15px solid #fd6b00;background:#646464;transition:all 0.5s; color:#fff;}
.leftbar ul dl{

position: relative;
left:0;
top:-50px;
z-index: 1122;
overflow: hidden;
zoom: 1;
border-top:15px solid #fd6b00;
background: #646464;
padding:5% 1%;
}
.leftbar .a3{color:#fff !important;}





.news_lists{}
.n_title{font-size: 14px;
        font-weight: bold;
        height: 22px;
        line-height: 22px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        margin-bottom: 8px;}


.news_lists li .sum {
          color: #5a5a5a;
          line-height: 20px;
          height: 40px;
          overflow: hidden;
          margin-bottom: 10px;}
.news_lists li .tag {
          color: #9f9f9f;
}

.news_lists li {
  width: 100%;
   float: left; 
  padding-bottom: 15px;
  margin-bottom: 15px;
  margin-left:4%;
  border-bottom: 1px solid #ddd;}


  .f_top a{color:#fff;}
  .f_top{min-height:120px;margin:0 auto;font-size:0.95em;
        /*padding: 30px 90px 0px 90px;*/
     
       color: #fff;


             }
   .f_top p{line-height:2.5em;letter-spacing:1.5px;}
   
   .cooperate-link{display:block;}
   .link_1{display:inline;}

.index-logo{text-align: center; margin: 0 auto;padding: 8% 0 5%;}
.index-tit{text-align: center;margin-bottom: 8%; }
.index-tit h2{color: #333; padding-bottom: 10px;}
.top-more { width: 50px;height: 50px; margin: 0 auto; background-image: url(../images/p1_3.png); background-repeat: no-repeat; background-position: center center;display: block;}

/*产品二级导航*/
.erjinav ul li{float:left; background: #fafafa;  padding: 10px 40px; margin: 20px 20px 20px 0; text-align: center;border: 1px solid #ECECEC; }
.erjinav ul li a{color: #333; text-decoration: none;}
.erjinav .on{ background: #00a0e9;}
.erjinav .on a{ color: #fff;}


.ditu{float:left; width: 70%;}
.lxfs{float:left;width: 30%; background: #fbfbfb; height: 350px;padding: 20px; }
.lxfs h2{font-size: 20px;font-weight: bold;}
.lxfs h3{font-size:16px; padding: 20px 0;}
.lxfs{font-size: 14px;}
.lxfs .erweima{display: inline; text-align: center; margin-bottom: 10px;}


.topmenu-mb{display: none;}
.header{display: block;}
.footer-ewm .img-center{display:inline-block}

@media (min-width:1440px){
.-banner-con img{height: 1000px;}
	
}

@media only screen and (max-width:480px) {

body{background-size: cover!important;}
.index-logo{padding: 40% 0 15%;}
.index-tit h2{font-size: 20px; font-weight: bold;}
.index-tit p{font-size: 12px; margin-bottom: 30%;}


.banner-list{width: 100%; margin-bottom: 10px;    height: 110px;}
.banner-dd p { font-size: 14px;}
.banner-dd h3 {font-size: 16px;}
.header{display: none;}
.topmenu-mb{display:block;}
.topmenu-mb{background:#eee;height:50px;position:relative; width:100%}
.topmenu-mb>div a:last-child{color:#fff;float:right;font-size:24px;font-weight:bold;color:#00a0e9;text-decoration:none;line-height:50px; padding-right: 10px;}
.topmenu-mb ul{display:none;position:absolute;top:50px;left:0;width:100%;background-color: RGBA(0,0,0,0.7);z-index:9999999;}
.topmenu-mb ul li{border-top:1px solid #939393;}
.topmenu-mb ul li a{color:#fff;padding:9px 15px;}
.topmenu-mb ul li .mbnav-fir {display: block; }
.topmenu-mb ol{display:none;padding-left: 0;font-size: 12px;}
.topmenu-mb ol dl{ border-top: 1px solid #939393;}
.topmenu-mb ol dl a{padding:9px 20px;}
.topmenu-mb ol a{display:block;}
.topmenu-mb ul{display:none;}

.erjinav ul li{padding: 4px 10px;margin: 20px 10px 10px 0;}
.list-prod-con ul li{width: 100%;}
.list-prod-con{10px 0}
.list-new2-con ul li .list-new2-con-img{display: none;}
.list-new2-con ul li .tite-show{width: 100%;padding: 5px 0 20px;}
.list-new2-con ul li{ border-bottom: 1px solid #dedede; margin: 0;}
.list-about{ padding: 0 0px 30px;}

.list-new-con ul li{width: 48%;}
.list-new-con ul li div img{height: 150px;}

.ditu{width: 100%;}
.lxfs{width: 100%; border-right:none;padding: 20px 10px;}
footer{padding: 15px 0;}




.section-title p{font-size:24px;}
.section-title {font-size:20px;}
.section-title small{font-size:12px;margin-top: 6px;}

.in-prd-cate{display:none;}
.in-prd-con{width:100%;}
.list-1 li{width:50%;}
.list-1 li .img-center{height:200px;}
.case-con .qygl_tab{width:100%;}
.case-con .qygl-container { margin-left: 0; float: left;width: 100%;}
.case-con .qygl-container .qygl-slide .introduce{height:auto;}
.section {padding: 20px 0;}
.footer-nav{display:none;}
.footer-ewm{display:none;}
.footer-info { margin-right: 0; background: none; padding-left: 0;}

.title-1{font-size:18px;}
.case-con .qygl-container .qygl-slide .casemore a{font-size:14px;}
.sub-tit{margin-top:20px;display: inline-block;width: 100%;}
.panel-sd .tit {font-size: 16px;padding: 10px 0;}
.list-hexin .hexin4 { padding: 2px 15px 30px;}
.list-hexin .hexin4 .hexin4-con .wz{height:auto;}
.list-hexin .hexin2 {padding: 2px 15px 30px;}
.pages a, .pages span { padding: 0 6px;}
.list-new2-con ul li .tite-show h4 { padding-bottom: 10px;font-size: 16px;}
.list-new2-con{margin:0 0 20px;}
.list-new2-con ul li .tite-show span{font-size:12px;}
.list-about-con { font-size: 14px;}
.section-title .section-titlenr {margin-bottom: 20px;}
.title-1 small {font-size: 12px;}
.case-con .qygl-container .qygl-slide .rconter h4 {font-size: 16px;  margin-top: 20px;}
.case-con .qygl_tab li a{line-height:50px;}
.case-con .qygl_tab li a span {line-height: 50px;}
.hangyenew{margin-top:20px;}
.new .title-top{font-size:18px;}
.title-1 .more { font-size: 12px; margin-top: 0;}

}