@charset "utf-8";
/* CSS Document */
/*banner*/
.banner{ overflow: hidden; width: 100%;}
.banner a{ display: block; width: 100%;  height: 600px; background: url("../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;height: 58px;}
.Q_G .qgDl dd p{ font-size: 18px;}
.Q_G .qgDl dd a.more{ background: url("../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: #00aaff}
.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("../images/showlt.png") no-repeat center top; left: 0;}
.Q_G .div01 em#qdRt{ background: url("../images/showrt.png") no-repeat center top; right: 0;}
.Q_G .div01 em:hover{ background-position: bottom;}

    /*标题*/
.title{ overflow: hidden; width: 100%; margin-top: 70px; text-align: center;}
.title h2{ font-size: 40px; color: #000; font-weight: normal;}
.title h2 a{ color: #000}

/*为什么选择*/
.why{ overflow: hidden; width: 100%; background: url("../images/why.jpg") no-repeat center; height: 720px;}

/*展示*/
.Show{ overflow: hidden; width: 100%; background-color: #eeeeee; padding-bottom: 10px;}
.Show .title h2{ background: url("../images/show_h2bg.png") no-repeat center; font-size: 30px;}
.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("../images/showlt.png") no-repeat center top; left: 0;}
.Show .showRt{ background: url("../images/showrt.png") no-repeat center top; right: 0;}
.Show .showCon i:hover{ background-position: bottom;}
.Show .showList{ width: 1200px; margin: 0 auto; height: 255px; 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("../images/ct.jpg") no-repeat center; height: 705px;}

/*激光*/
.jG{ overflow: hidden; width: 100%; background: url("../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("../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("../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("../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:url("../images/lxbg.jpg") no-repeat center; height: 725px;}
.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: #fff}
.L_x .title p{ font-size: 20px; color: #aaa; padding: 10px 0; border-top:1px solid #626262; border-bottom: 1px solid #626262; width: 510px; 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("../images/showlt.png") no-repeat center top; left:-70px;}
.L_x .alrt{ background: url("../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:-60px; 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("../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("../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;}