@charset "utf-8";
/*公司简介*/
.demo1{ margin:62px auto 30px; width:1000px;}
.demo1_tit{ overflow:hidden; line-height:30px; border-bottom:1px solid #005bac;}
.demo1_tit a{ float:right; color:#666666; }
.demo1_tit .tit{float:left;width: 215px;overflow:hidden;}
.demo1_tit .tit span{display:block;float:left;width: 79px;background:url(../images/icon.png) left center no-repeat;padding-left:30px;font-size:18px;color:#333333;}
.demo1_tit .tit em{ display:block; float:right; font-size:12px; color:#005bac;}
.demo1_about{ overflow:hidden; padding-top:24px;}
.about_left{ color:#666666; float:left; width:587px; line-height:25px; height:173px; overflow:hidden;} 

.flip-content a img{ width:166px; height:114px;}








/*弹出层样式*/
.black_overlay{  display: none;  position: fixed;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index:1001;  -moz-opacity: 0.8;  opacity:0.86;  filter: alpha(opacity=80);  }  
.white_content {display: none;position: fixed;top: 15%;height: 81%;z-index:9999;overflow: visible;max-width: 100%;} 
.close{ /* position:relative; */ }
.closer{display:block;width: 46px;height: 46px;float:right;background: url(../images/close.png) center center no-repeat; position:absolute; right:0; top: -52px;}
.popup{  height: 100%;    margin: 0px auto;}
.popup1{ height: 100%;}
.popup1 img{  height: 100%; margin: 0px auto;  max-width: 96%;}



/*图片轮播*/
.about_big_right{position:relative;width:408px;height: 221px;float:right;}
.about_switch{position:relative;width:380px;height: 198px;float:right;}
#focus_Box{ border:1px solid #005bac; padding:0 8px;}
/*#focus_Box ul{ position:relative;width:382px; height:176px;  margin: 8px auto 0;}
#focus_Box li{ z-index:0;position:absolute; width:0px;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;-moz-transition: none;-ms-transition: none;-o-transition: none;transition: none; width:166px; height:114px;}
#focus_Box li img{width:100%;height:100%;vertical-align:top}
#focus_Box .pre,#focus_Box  .next{ display:none;}*/

.flipst_box{ height:180px; padding-top:40px;}
.ab_tit{ position:absolute; left:50%; margin-left:-140px; bottom:0px; background:#005bac; color:#fff; font-family:Arial; font-size:36px; width:280px; height:40px; line-height:40px; text-align:center;}


/*热点新闻*/
.newsbig{ width:100%; background:#005bac; margin-bottom:60px;}
.news{ overflow:hidden; width:1000px; margin:0 auto;}
.news_left{ background:url(../images/lou.png) center center no-repeat; width:351px; height:150px; float:left; display:block;}
.news_right{ width:604px; float:right; padding-top:22px;}
.new_tit{ background:url(../images/icon2.png) left center no-repeat; padding-left:33px; font-size:18px; color:#fff;}
.new_tit em{ font-size:12px; color:#fff;}
.news_info{ padding-top:15px;  position:relative;} 
.news_info p{ color:#f2f2f2; overflow:hidden;}
.news_info p b{ float:left; display:block; width:514px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.news_info p em{ float:right; display:block; font-size:12px;}
.news_info span em{ color:#e6e6e6; padding-top:4px; display:block;}
.news_info span i{ color:#f2f2f2; font-size:12px; position:absolute; right:0; bottom:0;}

/*业绩展示*/
.results{ width:1000px; margin:0 auto; position:relative;}
.demo1_tit .tit.resu{ width:257px;}


/* 本例子css */
.slideTxtBox{width: 1000px;}
.slideTxtBox .hd{position:relative;}
.slideTxtBox .hd ul{float:left;position:absolute;left: 301px;top: -31px;height: 30px;}
.slideTxtBox .hd ul li{float:left;padding:0 15px;cursor:pointer;line-height: 30px; position:relative;}
.slideTxtBox .hd ul li a{ display:block;  font-size:12px; color:#666666;}
.slideTxtBox .hd ul li em{ background:url(../images/sj.png) center center no-repeat; display:block; width:24px; height:20px; position:absolute; left:50%; margin-left:-12px; bottom:-20px; display:none;}
.slideTxtBox .hd ul li.on a{color:#005bac;}
.slideTxtBox .hd ul li.on em{ display:block;}
.slideTxtBox .bd{ padding-top:20px; margin-bottom:70px;}
.slideTxtBox .bd ul{  zoom:1; position:relative;  }
.slideTxtBox .bd ul li .bdpic{ position:relative;}

/*小图*/
.slideTxtBox .bd ul li.pic1 .opa_bg,.slideTxtBox .bd ul li.pic3 .opa_bg{ position:absolute; left:0; top:0; background:url(../images/bg.png) 0 0 repeat; width:100%; height:100%;-webkit-transition: all 0.8s;  -moz-transition: all 0.8s;  -o-transition: all 0.8s;  -ms-transition: all 0.8s;  transition: all 0.8s;}
.slideTxtBox .bd ul li.pic1:hover .opa_bg,.slideTxtBox .bd ul li.pic3:hover .opa_bg{   opacity: 0;
  filter: alpha(opacity=0); }

/*大图*/
.slideTxtBox .bd ul li.pic2 .opa_bg{ position:absolute; left:0; top:0; width:100%; height:100%;  opacity: 0; filter: alpha(opacity=0);}
.slideTxtBox .bd ul li.pic2:hover .opa_bg{ opacity: 1;  filter:alpha(opacity=1);  -webkit-transition: all 0.8s;  -moz-transition: all 0.8s;  -o-transition: all 0.8s;  -ms-transition: all 0.8s;  transition: all 0.8s;background:url(../images/bg.png) 0 0 repeat; }





/*第一张图*/
.slideTxtBox .bd ul li.pic1{ width:500px; height:200px;   position:relative;  }
.slideTxtBox .bd ul li.pic1 .bdpic{width:250px; height:200px;float:left;}
.slideTxtBox .bd ul li.pic1 .bdpic img{ width:250px; height:200px; }
.slideTxtBox .bd ul li.pic1 .picwz{ width:210px; height:100px; float:right; padding:50px 20px; color:#333333; line-height:45px; text-align:center;}
.slideTxtBox .bd ul li.pic1 .opa_bg em{ color:#fff; font-size:12px; padding:35px 5px 25px; text-align:center; display:none;  }
.slideTxtBox >.bd >ul >li.pic1 >a >em{ position:absolute; left:230px; top:100px; background:url(../images/sj2.png) center center no-repeat; width:20px; height:23px; display:block;}

/*第二张图*/
.slideTxtBox .bd ul li.pic2{ width:500px; height:400px; position:absolute; top:0; right:0; }
.slideTxtBox .bd ul li.pic2 .bdpic{width:500px; height:400px;}
.slideTxtBox .bd ul li.pic2 .bdpic img{width:500px; height:400px; }

.slideTxtBox .bd ul li.pic2 .opa_bg em{ color:#fff; font-size: 16px; padding: 130px 0 0 0; text-align:center; display: block; line-height: 50px;  opacity: 0;  filter:alpha(opacity=0);  -webkit-transition: opacity 0.8s;  -moz-transition: opacity 0.8s;  -o-transition: opacity 0.8s;  -ms-transition: opacity 0.8s;  transition: opacity 0.8s;}
.slideTxtBox .bd ul li.pic2:hover .opa_bg em{     opacity: 1;  filter:alpha(opacity=1);}
.slideTxtBox .bd ul li.pic2 .picwz{ display:none;}





/*第三张图*/
.slideTxtBox .bd ul li.pic3{ width:500px; height:200px; position:relative;    }
.slideTxtBox .bd ul li.pic3 .bdpic{width:250px; height:200px; float:right;}
.slideTxtBox .bd ul li.pic3 .bdpic img{ width:250px; height:200px; }
.slideTxtBox .bd ul li.pic3 .picwz{ width:210px; height:100px; float:left; padding:50px 20px; color:#333333; line-height:45px; text-align:center;}
.slideTxtBox .bd ul li.pic3 .opa_bg em{  color:#fff; font-size:12px; padding:35px 5px 25px; text-align:center; display:none;  }
.slideTxtBox >.bd >ul> li.pic3>a> em{ position:absolute; left:250px; top:100px; background:url(../images/sj3.png) center center no-repeat; width:20px; height:23px; display:block;}



@media screen and (max-width:880px){
  
.demo1{ width:92%; margin:38px auto 33px;}  
.about_left{ width:100%; height:327px; margin-bottom:27px; }    
.about_big_right { width:100%;}  
.about_switch{ width:99%; margin:0 auto;}   
#focus_Box{padding:0;width: 96%;margin: 0 auto;}    
#focus_Box ul { width:100%;} 
.ab_tit{ width:66%; margin-left:-33%; font-size:32px;}    
.news{ width:92%; }    
.news_left{ width:30%; background-size:cover;}    
.news_right{ width:65%;}
.new_tit{ font-size:16px; padding-left:25px; background:url(../images/mobile_icons.png) left center no-repeat; width:19px; height:19px; }
.news_info p b{ width:60%;}
.news_info span em{height:44px;overflow:hidden;display: block;white-space: nowrap;text-overflow: ellipsis;}

.results{width: 96%;}
.demo1_tit .tit.resu a{width: 17%;}
.demo1_tit .tit.resu{width: 83%;}
.demo1_tit .tit.resu span{width: 31%;padding-left:23px;}
.demo1_tit .tit.resu em{width: 59%;float:left;}

.slideTxtBox{ width:92%; margin:0 auto;}
.slideTxtBox .hd ul{ left:0; top:13px; width:100%; }
.slideTxtBox .hd ul li{ padding:0; margin-right:9%;}
.slideTxtBox .hd ul li em{ background:url(../images/m_sj.png) center center no-repeat; top:-17px;}
.slideTxtBox .bd{ padding-top:52px;}
.slideTxtBox .bd ul{ height:306px;}
.slideTxtBox .bd ul li{ float:left;}
.slideTxtBox .bd ul li.pic1{ margin-right:4%;}
.slideTxtBox .bd ul li.pic3,.slideTxtBox .bd ul li.pic1{ width:48%; height:100px;}
.slideTxtBox .bd ul li.pic3 .picwz,.slideTxtBox .bd ul li.pic1 .picwz{ display:none;}
.slideTxtBox >.bd >ul> li.pic3>a> em,.slideTxtBox >.bd >ul> li.pic1>a> em{ display:none;}
.slideTxtBox .bd ul li.pic2{ top:110px; left:0; width:100%; height:195px;}
.slideTxtBox .bd ul li.pic1 .bdpic,.slideTxtBox .bd ul li.pic1 .bdpic img{ width:100%; height:100%;}
.slideTxtBox .bd ul li.pic2 .bdpic,.slideTxtBox .bd ul li.pic2 .bdpic img{ width:100%; height:100%;}
.slideTxtBox .bd ul li.pic3 .bdpic,.slideTxtBox .bd ul li.pic3 .bdpic img{ width:100%; height:100%;}
.slideTxtBox .bd ul li.pic1 .opa_bg em,.slideTxtBox .bd ul li.pic2 .opa_bg em,.slideTxtBox .bd ul li.pic3 .opa_bg em{ display:block;}
.slideTxtBox .bd ul li.pic2 .opa_bg em{ padding-top: 45px; font-size: 12px; line-height: 45px;}

/*荣誉资质弹出层图片*/
.popup1 img{  height:auto; margin: 0px auto;  max-width: 96%;   max-height: 100%;}


    
    }