@charset "utf-8";

/* CSS Document */

/*banner*/

.banner{ overflow: hidden; width: 100%;}

.banner a{ display: block; width: 100%;  height: 600px; background: url("/skin/default/images/banner.jpg") no-repeat center}



#flashs{ position:relative; height:600px; overflow:hidden;}

#flashs .bgitem{  z-index:1;position:absolute; top:0; }

#flashs .btn{ position:absolute; z-index:7; bottom:35px; left:55%; margin-left:-95px; padding:0px 6px;}

#flashs .btn span{ color:#fff;  background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;}

#flashs .btn span.cur{ background:#00aaff;}



/*��*/

.Q_G{ overflow: hidden; width: 100%; padding: 50px 0;}

.Q_G .div01{ width:1300px; margin:0 auto; position:relative;}

.Q_G .qgBox{ width:1200px; height:186px; position:relative; overflow:hidden;}

.Q_G .list{ position:absolute;}

.Q_G .list li{ width:386px; float:left; margin:0 7px;}

.Q_G .qgDl{ overflow: hidden; width:385px; float: left; border-left:1px solid #bfbfbf; padding: 25px 0 14px;}

.Q_G .qgDl dt{ float: right; width: 235px;}

.Q_G .qgDl dd { float: left; width: 135px; color: #000; margin-left: 15px;}

.Q_G .qgDl dd h3{ font-size: 24px; margin-top: 15px; margin-bottom: 5px; font-weight: normal;}

.Q_G .qgDl dd p{ font-size: 18px;}

.Q_G .qgDl dd a.more{ background: url("/skin/default/images/qgj_a.png") no-repeat center top; width: 91px; height: 25px; display: block; line-height: 25px; text-align: center; font-size: 14px; margin-top: 40px; text-decoration: none;}

.Q_G .qgDl:hover dd{ color: #0346bc}

.Q_G .qgDl:hover dd a.more{ color: #fff; background-position: bottom;}

.Q_G .last{ border-right: 1px solid #bfbfbf; padding-left: 13px;}

.Q_G .div01 em{ width: 31px;height: 61px; position: absolute; top:70px;  cursor: pointer; z-index:999}

.Q_G .div01 em#qdLt{ background: url("/skin/default/images/showlt.png") no-repeat center top; left: 0;}

.Q_G .div01 em#qdRt{ background: url("/skin/default/images/showrt.png") no-repeat center top; right: 0;}

.Q_G .div01 em:hover{ background-position: bottom;}



    /*����*/

.title{ margin-top:52px; text-align:center;}

.title a.more{ display: block; margin: 0 auto; font-size: 14px; color: #fff; width: 200px; text-align: center;}

.title h2 a{ color: #333; text-decoration:none;}

.title p{ font-size: 16px; color:#666; padding: 10px 0; border-top:2px solid #1651b8;  width: 160px; margin: 5px  auto;}
.title img{ text-align:center;}

 /*公司简介*/
 
 .gsjj{ margin-top:52px;  width:1200px;}
  .gjleft{width:670px; margin:0 auto;float:left; }
   .gjleft h1{ color:#434343; font-size:24px; font-family:"微软雅黑";float:left;}
      .gjleft p{ color:#434343; font-size:14px; font-family:"微软雅黑";float:left; padding-top:30px; line-height:24px; padding-bottom:20px;}
 
 .lj{float:left; padding-top:18px; background:url(/skin/default/images/lj.png) no-repeat ; width:150px; height:54px;}
 
 
.lj a{ color:#434343; font-size:14px; font-family:"微软雅黑"; line-height:24px; padding-left:30px;
} 
.jjx{width:730px; height:200px; float:left; background:url(/skin/default/images/jjx.jpg) no-repeat;}

.jjx a{font-size:14px; font-family:"微软雅黑"; line-height:28px; padding-left:50px;color:#434343; float:left; padding-top:27px; width:192px;}


.gjright{width:464px; margin:0 auto;float:right; }
 .gjright h1{ color:#1155bf; font-size:24px; font-family:"微软雅黑";float:left; padding-bottom:40px;}
  .gjright span{font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#66686b; padding-left:10px; line-height:35px;}
  
  .sp{ width:464px; height:320px; float:right; background:url(/skin/default/images/sp.jpg) no-repeat;}
  .sp img{ float:left;}


/*Ϊʲôѡ��*/

.why{ overflow: hidden; width: 100%; background: url("/skin/default/images/why.jpg") no-repeat center; height: 520px;}

.xq{width:1240px; text-align:center; margin:0 auto; padding-top:392px;}
.xq a{font-size:15px; font-family:"微软雅黑"; color:#fff; float:left;  width:400px;}



/*չʾ*/

.Show{ overflow: hidden; width: 100%; background-color: #eeeeee; padding-bottom: 10px;}

.Show .title h2{ background: url("/skin/default/images/show_h2Bg.png") no-repeat center; font-size: 26px;}

.Show .showCon{ margin:40px auto; width: 1300px; position: relative;}

.Show .showCon i{ width: 31px;height: 61px; position: absolute; top:70px;  cursor: pointer;}

.Show .showLt{ background: url("/skin/default/images/showlt.png") no-repeat center top; left: 0;}

.Show .showRt{ background: url("/skin/default/images/showrt.png") no-repeat center top; right: 0;}

.Show .showCon i:hover{ background-position: bottom;}

.Show .showList{ width: 1200px; margin: 0 auto; height: 251px; overflow:hidden; position: relative}

.Show .list{ position: absolute; top:0; left:0;}

.Show .list li{ width: 280px; margin-right: 20px; float: left;}

.Show .list li a{  text-decoration: none;}

.Show .Tu{ position: relative; width: 280px; height: 200px; overflow: hidden;}

.Show .Tu img{ display: block; margin: 0 auto;}

.Show .nextTu{display:none;width: 280px; height: 200px;position: absolute; top:0; left:0; background-color: #23abf0; opacity: .9; filter:alpha(opacity=90)}

.Show .nextTu img{ margin-top: 65px;}

.Show .list li span{ display: block; line-height: 50px; text-align: center; color: #000; border-bottom: 1px solid #959595; font-size: 14px;}

.Show .list li:hover span{ border-bottom-color: #000;}

.Show .list li:hover .Tu>img{    transform: scale(1.2)}

.Show .list li:hover .nextTu{ display: block;}



/*��ͳ*/

.C_T{ overflow: hidden ;width: 100%; background: url("/skin/default/images/cT.jpg") no-repeat center; height: 705px;}



/*����*/

.jG{ overflow: hidden; width: 100%; background: url("/skin/default/images/jgBg.jpg") no-repeat center; height: 635px;}

.jG .jgBox{ width: 335px; float: right; margin-top: 115px; margin-right: 70px;}

.jG .jgBox p{ font-size: 18px; color: #fff; line-height: 30px; margin-top: 15px;}

.jG .jgBox p:first-child{ font-size: 20px;}

.jG .jgBox img { display: block; margin: 8px 0;}

.jG .jgBox i{ display: block; width: 50px; height: 2px; background-color: #fff; margin: 10px 0 5px;}

.jG .list{ overflow:hidden; width: 100%; text-align: center; margin-top: 60px;}

.jG .list li{ background: url("/skin/default/images/jg_wenBg.png") no-repeat center; width: 90px ; height: 106px;  float: left; margin-right: 20px;}

.jG .list li span,.jG .list li b{ display: block; text-align: center; color: #fff;}

.jG .list li span{ font-size: 20px; margin-top: 25px;}

.jG .list li b{ font-size: 16px; margin-top: 2px;}



/*רע*/

.Z_z{ overflow: hidden; width: 100%; padding-bottom: 65px; margin-top: 65px;}

.Z_z .zzlt{ float: left; background: url("/skin/default/images/yf_ltBg.png") no-repeat center; width: 295px; height: 622px; padding: 0 30px; }

.Z_z  .zzlt p{ font-size: 23px; margin-top: 70px; color: #fff;}

.Z_z  .zzlt img{ display: block; margin: 5px 0;}

.Z_z  .zzlt i{ display: block; width: 50px; height: 1px; background-color: #fff; margin: 25px 0;}

.Z_z  .zzlt h3{ font-size: 26px; color: #fff; font-weight: normal;}

.Z_z  .zzNav{ margin-top: 80px;}

.Z_z  .zzNav li{  line-height: 36px;  font-size: 20px; border-top:1px solid #66ceff;}

.Z_z  .zzNav li a{  color: #fff; text-decoration: none;}

.Z_z  .zzNav li:first-child{ border-top:none;}

.Z_z  .zzNav li:hover,.Z_z  .zzNav li.cur{ font-weight: bold; background: url("/skin/default/images/yf_jian.png") no-repeat  270px 12px;}

.Z_z .zzRt{ width: 785px; float: right; height: 625px; position: relative}

.Z_z .zzBox{ position: absolute; top:0; left:0;}

.Z_z .zzDl{ float: left; margin-right: 40px; margin-bottom: 40px;}

.Z_z .zzDl dt,.Z_z .zzDl img{ width:372px; height: 212px; overflow: hidden;}

.Z_z .zzDl img{ display: block;}

.Z_z .zzDl dd{ margin-top: 15px;}

.Z_z .zzDl img{ display: block;}

.Z_z .zzDl dd h3{ font-size: 16px; color: #333; border-bottom: 1px solid #cacaca; padding: 5px 0;}

.Z_z .zzDl dd p{ font-size: 14px; padding: 10px 0; color: #333}

.Z_z .last{ margin-right: 0;}

.Z_z .btnM{ margin-bottom: 0;}



/*��ϰ*/

.L_x{ overflow:hidden; width:100%; background:#f7f8fa; height: 525px;}

.L_x .title{ margin-top:52px}

.L_x .title a.more{ display: block; margin: 0 auto; font-size: 14px; color: #fff; width: 200px; text-align: center;}

.L_x .title h2 a{ color: #333; text-decoration:none;}

.L_x .title p{ font-size: 16px; color:#666; padding: 10px 0; border-top:2px solid #1651b8;  width: 160px; margin: 5px  auto;}

.L_x .alBox{width:1200px; height:445px; margin:0 auto; margin-top:50px; position:relative; margin-bottom:20px;}

.L_x .alBox i{display: block; width: 31px;height: 61px; position: absolute; top:170px;  cursor: pointer;}

.L_x .allt{ background: url("/skin/default/images/showlt.png") no-repeat center top; left:-70px;}

.L_x .alrt{ background: url("/skin/default/images/showrt.png") no-repeat center top; right: -70px;}

.L_x .alBox i:hover{ background-position: bottom;}

.L_x .alCon{ width:100%; position:relative}

.L_x .list{position:absolute; width: 0; height: 0; left:50%; top:50%; background-color: #000}

.L_x .list p{ display:none; width:100%; position:absolute; bottom:-30px; text-align:center; font-size:18px; color:#ffffff; }

.L_x .list img{ width:100%; display:block;opacity: 1;}

.L_x .list  a{ display: block; width: 100%; height: 100%; position: relative;}

.L_x .li01{ width:300px; height:188px; left:0px; top:110px; z-index:1}

.L_x .li02{ width:450px; height:282px; left:112px; top:60px;  z-index:2}

.L_x .li03{ width:596px; height:374px; left:300px; top:0px;  z-index:3; opacity: 1;}

.L_x .li04{ width:450px; height:282px; left:630px; top:60px; z-index:2}

.L_x .li05{ width:300px; height:188px; left:900px; top:110px;  z-index:1}

.L_x .li03 p{ display:block;}



/*��̬*/

.dt{ overflow: hidden; width: 100%;}

.dt .dtBox{ overflow: hidden; width: 100%; margin: 50px 0;}

.dt .dtlt{ width:580px; float: left; background-color: #f2f2f2; padding-bottom: 5px; }

.dt .dtlt dt img{ display: block}

.dt .dtlt dd{ margin-top: 20px; padding: 0 20px;}

.dt .dtlt dd h3{ font-size: 14px; color: #333333; overflow: hidden;}

.dt .dtlt dd h3 a{ display: block;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  width: 300px; float: left; color: #333;}

.dt .dtlt dd h3 span{ display: block; font-size: 13px;  font-weight: normal; color: #666666; background: url("/skin/default/images/dt_time.png") no-repeat left center; line-height: 20px; float: right; padding-left: 25px;}

.dt .dtlt dd p{ line-height: 22px; height: 44px; margin: 15px auto; overflow: hidden; font-size: 14px; color: #666;}

.dt .dtRt{ float: right; width: 580px; position: relative; height:400px; overflow: hidden; }

.dt .dtUl{ position: absolute; top:0; left:0;}

.dt .dtUl li{ width: 100%; overflow: hidden;}

.dt .dtDl{ padding:18px 20px; border: 1px solid #eee; overflow: hidden; width: 538px;}

.dt .dtDl dt{ width: 135px; float: left;}

.dt .dtDl dd{ width: 375px; float: right;}

.dt .dtDl dd h3{ font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin:5px 0; }

.dt .dtDl dd h3 a{ color: #333}

.dt .dtDl dd span{ display: block; font-size: 13px;  font-weight: normal; color: #666666; background: url("/skin/default/images/dt_time.png") no-repeat left center; line-height: 25px; padding-left: 25px;}

.dt .dtDl dd p{line-height: 20px; height: 40px;  overflow: hidden; font-size: 14px; color: #666}

.dt .dtUl li:hover .dtDl{ background-color: #f2f2f2; border: 1px  solid #f2f2f2;}