@charset "utf-8";
html,body{
    font-family:"微软雅黑";
    font-size: 16px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
ol,ul,li{list-style:none}
ins,a{text-decoration:none}
a{
    color: #333;
}
a:hover{
    text-decoration: none;
}
body{
  background:url(bg.png) no-repeat center top; 
}
/*轮播图*/
.ps_box{margin-bottom:50px;}
.pics_switch{position:relative;width:1600px;margin:auto;height:515px;background:#1b1c24;overflow:hidden;}
.pics_switch .pb{height:515px;}
.pics_switch .pic_box{/*position:absolute;left:0;top:0;*/float:left;width:1600px;height:515px;overflow:hidden;}
.pics_switch .pic_box a{margin:auto;display:block;width:1600px;height:515px;}

/*左右翻页箭头*/
.viewArrows{display:block;width:50px;height:50px;line-height:50px;cursor:pointer;text-indent:-99999999px;position:absolute;top:269px;}
/*.prev{left:200px;background:url(../images/prev.png) center center no-repeat;}
.next{right:200px;background:url(../images/next.png) center center no-repeat;}
*/
.pics_switch .pic_box a.pic_banner_001{background:url(lbt-01.png) center top no-repeat; background-size: 100% 100%;}
.pics_switch .pic_box a.pic_banner_002{background:url(../images/adde8400gw1eblxzy7emij218g0g4160.jpg) center top no-repeat;}
.pics_switch .pic_box a.pic_banner_003{background:url(../images/adde8400gw1eblxxxsai8j218g0g4jux.jpg) center top no-repeat;}
.pics_switch .pic_box a.pic_banner_004{background:url(../images/adde8400gw1ebly43852cj218g0g4wi0.jpg) center top no-repeat;}

.ps_box .pics_switch_clients{display:;width:100%;height:80px;position:absolute;left:0;bottom:0;overflow:hidden;}
.ps_box .pics_switch_clients ul{margin:20px auto ;width:64px;height:auto;overflow:hidden;}
.ps_box .pics_switch_clients ul li{float:left;padding:20px 0;cursor:pointer;}
.ps_box .pics_switch_clients ul li span{display:block;margin-right:3px;margin-left:3px;width:10px;height:10px;text-indent:-999999px;background:#FFF;}

/*.slides li .bg {padding:10px 10px 0 10px;background:url(../images/bg_shadow.png) 0 0 no-repeat;position:absolute;left:0;right:0;bottom:0;height:124px;display:none;}*/
.slides li h3 {font-size:30px;font-weight:400;color:#fff;padding-bottom:10px;}
.slides li p {font-size:14px;color:#fff;padding-top:10px;}
.line_bottom {display:block;background:#fff;opacity:0.5;filter:alpha(opacity=50);height:1px;}
.line_upper {display:block;background:#ff8730;width:100px;opacity:0.5;filter:alpha(opacity=50);height:1px;}
.slides li.active .bg {display:block;}
.slides li.hover .bg {display:block;}
/*特效轮播图*/
.slides{width: 1200px;height:450px;position: relative;margin:0 auto; }
.slides li{position: absolute;height: 450px;overflow: hidden;left: 0;width: 200px;transition: all .2s ease-in-out;}
.slides li img{width:696px;height:450px;}
.slides li.left-slide{left: 0;}
.slides li.middle-slide{left:254.4px;}
.slides li.right-slide{left: auto;right: 0;}
.slides li.active{transform: perspective(0) rotateY(0) translateZ(0) scale(1);width:696px;}
.slides li.prev{width: 240px;transform: perspective(744px) rotateY(8deg) translateZ(0px) scale(1.02);}
.slides li.next{width: 240px;transform: perspective(744px) rotateY(-8deg) translateZ(0px) scale(1.02);}
.slides li.middle-slide.next{left:705.6px;}
.slides li.middle-slide.active{left: 252px;}
.slides li .bg {padding:10px 10px 0 10px;background:url(../images/bg_shadow.png) 0 0 no-repeat;position:absolute;left:0;right:0;bottom:0;height:124px;display:none;}
.slides li h3 {font-size:30px;font-weight:400;color:#fff;padding-bottom:10px;}
.slides li p {font-size:14px;color:#fff;padding-top:10px;}
.line_bottom {display:block;background:#fff;opacity:0.5;filter:alpha(opacity=50);height:1px;}
.line_upper {display:block;background:#ff8730;width:120px;opacity:0.5;filter:alpha(opacity=50);height:1px;}
.slides li.active .bg {display:block;}
.slides li.hover .bg {display:block;}
/*a当块级元素用的时候*/
/*main-same3*/
.main-same3{
  width: 100%;
  height: 510px;
  background:url(main3-bg.png)no-repeat; 
  padding: 30px 0px;
}
.block{
   display: inline-block;
}
.left{
    float: left;
}
.right{
    float: right;
}
/*title*/
/*main-same*/
.main-same1{
  width: 100%;
  height: 160px;
  background:url(banner-bg.png) no-repeat center center; 
  border-bottom:solid 2px #3c74bb; 
}
/*main1*/
.main{
  width: 1200px;
  margin:0 auto;
  height: 160px;
  position: relative; 
}
.main .logo{
  width: 35%;
  height: 160px;
  display: inline-block;
  float: left;
  background:url(logo.png) no-repeat left center; 

}
/*logo-right*/
.logo-right{
  width: 55%;
  height: 40px;
  position: absolute;
  top: 60px;
  right:0px;
  line-height: 40px;
}
.logo-right a{
  margin-right:30px; 
  font-weight: bold;
  color: #888;
}
.logo-right a:hover{
  color: #366fb8;
  font-weight: bold;
  border-bottom: solid 2px #366fb8;
}
.search-sh{
  width:230px;
  height: 40px;
  float: right;
  display: inline-block;
  background:url(traval-search.png) no-repeat;  
}
.search-sh1{
   width: 187px;
   height: 40px;
   border: solid 0px;
   padding-left: 10px;
   line-height: 40px;
   float: left;
    border: solid 1px #efefef;
    font-size: 14px;
    
}
.search-sh2{
   width: 43px;
   height: 40px;
   border: solid 0px;
   display: inline-block;
   background:url(search.png) no-repeat; 

}
.title{
    width:1200px;
    height: 85px;
    margin:0 auto; 
}
.title1{
   background:url(title1.png) no-repeat left center; 
}
.title2{
   background:url(title2.png) no-repeat left center; 
}
/*main-same2*/
.main-same2{
  width: 100%;
  height: 515px;
}
/*main3*/
.main3{
    width: 1200px;
    margin:0 auto;
    height:285; 
    position: relative; 
}
.rollBox{
  width:1200px;
  margin:0 auto;
  height:285px;
  padding-bottom:20px;
  background: #fff;
  position: relative;
}
.rollBox .LeftBotton{
   height:30px;
  width:30px;
  background:url(left-btn.png) no-repeat center center;
  overflow:hidden;
  float:left;
  cursor:pointer;
  position: absolute;
   left: -35px;
   top: 102px;
   border-radius: 50%;
}
.rollBox .RightBotton{
   height:30px;
  width:30px;
  background:url(right-btn.png) no-repeat center center;
  float:left;
  cursor:pointer;
  position: absolute;
  right: -35px;
  top: 102px;
  border-radius: 50%;
}
.rollBox .Cont{
  width:1200px;
  overflow:hidden;
  float:left; 
  height:285px;
}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{
  width:204px;
  float:left;
  height: 285px;
  text-align:center;
}
.rollBox .Cont .pic img{background:#fff;display:block;height:235px;width:180px;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}
.ScrCont li { float:left;list-style-type: none;}
a.name{height: 50px;line-height: 50px;display: inline-block;width:180px;font-size: 17px;float:left;text-align: center;}
/*main4*/
.main4{
    width: 1200px;
    margin:0 auto;
    height: 360px; 
}
.main4 a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
.main4 a img{
    width: 100%;
    height: 100%;
}
.main4-left{
    width:230px;
    height:360px; 
    margin-right: 10px;
    float: left;
}
.main4-center{
    width:230px;
    height:360px; 
    margin-right: 10px;
    overflow: hidden;
    float: left;
}
.main4-center1,.main4-center2{
    display: inline-block;
    width: 230px;
    height: 175px;    
}
.main4-center1{
   margin-bottom:10px;
}
.main4-right{
    height: 360px;
    width: 40%;
    float: left;
}
.main4-right1, .main4-right2{
    display: inline-block;
    width: 100%;
    height: 175px;  
}
.main4-right1{
   margin-bottom:10px;  
}
/*main5*/
.main5{
  width: 1200px;
  height: 52px;
  margin:20px auto; 
  border: solid 1px #d8d8d8; 

 
}
.main5-left{
  float: left;
  width: 15.2%;
  height: 50px;
  background:url(shkx.png) no-repeat; 
  line-height: 50px;
  text-align:center;
  color: #fff;

}
.main5-right{
  width:84.8%;
  height: 50px;
  float: left;
  padding-right: 10px;
  padding-left:10px; 
  overflow: hidden;
   position: relative;
}
.main5-right  ul {
      padding: 0px;
      margin: 0px;
      position: absolute;
      left: 0px;
    }
.main5-right ul li{
  float: left;
  height: 50px;
  line-height: 50px;
  padding-right:30px; 
  padding-left:30px;
}
.main5-right ul li span,.main5-right ul li a{
  height: 50px;
  line-height: 50px;
  font-size: 15px;
}
/*main-same*/
