@font-face { font-family: 'fz'; src: url("../font/FZLBK.ttf") format("truetype"); src: url("../font/FZLBK.eot") format("embedded-opentype"), url("../font/FZLBK.woff") format("woff"), url("../font/FZLBK.ttf") format("truetype"), url("../font/FZLBK.svg") format("svg"); font-weight: normal; font-style: normal; }

.content { padding-top: 32px; padding-bottom: 64px; }

.content .list-title { margin-bottom: 20px; }

.content .service .train-assist-title { color: #d74e4e; font-size: 16px; margin-bottom: 24px; }

.content .service .service-slogan { text-align: center; }

.content .service .servicer-nav { text-align: center; margin-bottom: 32px; }

.content .service .servicer-nav a { display: inline-block; color: #444; background: #f5f5f5; margin-left: 2px; margin-right: 2px; padding: 12px 48px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; position: relative; }

.content .service .servicer-nav a::after { content: ''; position: absolute; width: 0; height: 0; border: 10px solid transparent; left: 50%; top: 45px; margin-left: -10px; }

.content .service .servicer-nav a.active { background: #eea10d; color: #fff; }

.content .service .servicer-nav a.active::after { border-top-color: #eea10d; }

.content .service .service-part01 { margin-bottom: 132px; background: url("../img/service_bg01.jpg") no-repeat center bottom; background-size: cover; }

.content .service .service-part01 .service-title { margin-bottom: 32px; }

.content .service .service-part01 .service-train-introduce { width: 772px; margin-left: auto; margin-right: auto; }

.content .service .service-part01 .service-train-introduce p { text-indent: 2em; line-height: 1.8em; color: #666; margin-bottom: 16px; }

.content .service .service-part01 .service-characteristic li { width: 21%; margin-left: 2%; margin-right: 2%; float: left; text-align: center; }

.content .service .service-part01 .service-characteristic li:nth-child(2) span { background-position-x: -114px; }

.content .service .service-part01 .service-characteristic li:nth-child(2) span { background-position-x: -228px; }

.content .service .service-part01 .service-characteristic li:last-child span { background-position-x: -342px; }

.content .service .service-part01 .service-characteristic .characteristic-icon { margin-bottom: 24px; }

.content .service .service-part01 .service-characteristic .characteristic-icon span { display: block; width: 114px; height: 114px; margin-left: auto; margin-right: auto; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: #fff url("../img/service_icons.png") no-repeat 0 0; }

.content .service .service-part01 .service-characteristic .characteristic-title { font-size: 16px; margin-bottom: 12px; }

.content .service .service-part01 .service-characteristic .characteristic-desc { text-align: left; color: #666; text-indent: 2em; line-height: 2em; }

.content .service .service-part02 { margin-bottom: 96px; background: url("../img/service_bg02.jpg") no-repeat center bottom; background-size: cover; }

.content .service .service-part02 .content-text { font-weight: bold; color: #666; text-align: center; margin-bottom: 32px; }

.content .service .service-part02 .content-text span { margin-left: 20px; margin-right: 10px; }

.content .service .service-part02 .service-train-content { margin-bottom: 32px; }

.content .service .service-part02 .service-train-content li { width: 29.33%; margin-left: 2%; margin-right: 2%; float: left; background: #eaf5f5; color: #0e9a95; text-align: center; padding: 16px 16px 32px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.content .service .service-part02 .service-train-content .content-item .train-content-img { height: 180px; margin-bottom: 12px; border: 4px solid #fff; overflow: hidden; }

.content .service .service-part02 .service-train-content .content-item img { width: 100%; }

.content .service .service-part02 .service-train-content .content-item h3 { font-size: 30px; margin-bottom: 12px; font-weight: normal; }

.content .service .service-part02 .service-train-content .content-item h3 span { font-weight: bold; }

.content .service .service-part02 .service-train-content .content-item p { line-height: 2.4em; }

.content .service .service-part02 .service-train-content li.content-item-assist { background: #fcf7ea; }

.content .service .service-part02 .service-train-content li.content-item-assist h3 { color: #eea10d; }

.content .service .service-part02 .train-witness { width: 940px; }

.content .service .service-part02 .train-witness .witness-swiper { position: relative; }

.content .service .service-part02 .train-witness .witness-swiper-container { overflow: hidden; }

.content .service .service-part02 .train-witness .swiper-button-prev { left: -40px; }

.content .service .service-part02 .train-witness .swiper-button-next { right: -40px; }

.content .service .service-part02 .train-witness .swiper-pagination { width: 100%; }

.content .service .service-part02 .train-witness .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; margin-left: 4px; margin-right: 4px; background: #eea10d; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

.content .service .service-part02 .train-witness .swiper-pagination .swiper-pagination-bullet-active { background: #0e9a95; }

.content .service .service-part02 .train-witness a { display: block; border: 4px solid #fff; background: #f5f5f5; overflow: hidden; }

.content .service .service-part02 .train-witness .train-witness-video { display: block; width: 100%; height: 228px; position: relative; overflow: hidden; }

.content .service .service-part02 .train-witness .train-witness-video img { width:100%; }

.content .service .service-part02 .train-witness .video-cover em { display: none; position: absolute; width: 56px; height: 56px; left: 50%; top: 50%; margin-left: -28px; margin-top: -28px; }

.content .service .service-part02 .train-witness .video-cover em .ms { color: #fff; font-size: 48px; }

.content .service .service-part02 .train-witness p { font-size: 14px; color: #666; font-weight: normal; line-height: 1.8em; padding: 8px 12px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: center; overflow: hidden; }

.content .service .service-part02 .train-witness .video-play-container { display: none; }

.content .service .service-part02 .train-witness .video-play-container .close { text-align: right; margin-left: 560px; }

.content .service .service-part02 .train-witness .video-play-container .ms { color: #fff; font-size: 36px; }

.content .service .service-part02 .train-witness .video-playing { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: black; z-index: 999; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.content .service .service-part03 { margin-bottom: 96px; background: url("../img/service_bg03.jpg") no-repeat center bottom; background-size: cover; }

.content .service .service-part04 { margin-bottom: 96px; background: url("../img/service_bg04.jpg") no-repeat center bottom; background-size: cover; }

.content .service .service-part04 .train-submit { background: #0e9a95; color: #fff; display: inline-block; height: 32px; line-height: 32px; padding-left: 12px; padding-right: 12px; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; }

.content .service .service-part04 .student-swiper { position: relative; }

.content .service .service-part04 .student-swiper-container { position: relative; overflow: hidden; }

.content .service .service-part04 .student-swiper-container .swiper-slide { width: 442px; text-align: center; line-height: 2em; }

.content .service .service-part04 .swiper-button-next { right: -42px; }

.content .service .service-part04 .swiper-button-prev { left: -42px; }

.content .service .service-part04 .swiper-slide-img { height: 276px; overflow: hidden; background: #fff; border: 6px solid #fff; }

.content .service .service-part04 .swiper-slide-img img { width: 100%; }

.content .service .service-part05 .service-contact dl { width: 208px; text-align: center; border: 1px solid #eee; }

.content .service .service-part05 .service-contact dt { border-bottom: 1px solid #eee; line-height: 48px; }

.content .service .service-part05 .service-contact dd { height: 205px; padding: 12px; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: table-cell; }
/*电力测试*/
.power{ width:1100px; margin: 70px auto;}
.power ul{ float: left; width: 275px; text-align: center;padding:20px 0px;}
.power ul img{ padding: 0px 0 30px 0; }
.power ul dl{padding:0px 10px;}
.power ul dt{ font-size:16px; font-weight: bold; color:#0e9a95; padding-bottom: 20px;}
.power ul dd{ line-height: 24px; font-size: 14px;}
.power ul a:hover{ color:#fff;}
.power ul:hover,.power ul:hover dt{background:#eea10d; -moz-border-radius:5px;/* Gecko browsers */-webkit-border-radius:5px;/* Webkit browsers */border-radius:5px;color:#fff;}

.span1{display:block; background-repeat:no-repeat; width:100%; height:114px; margin-bottom:30px; background-position:center;}
.list_pro span{ background-image:url(../img/dianli.png);}
.list_pro:hover span { background-image:url(../img/dianli1.png);}
.list_pro:hover span1{ box-shadow:#000000 2px 0 8px;}

.list_pro1 span{ background-image:url(../img/anquan.png);}
.list_pro1:hover span { background-image:url(../img/anquan1.png);}

.list_pro2 span{ background-image:url(../img/guangfu.png);}
.list_pro2:hover span { background-image:url(../img/guangfu1.png);}

.list_pro3 span{ background-image:url(../img/dianlan.png);}
.list_pro3:hover span { background-image:url(../img/dianlan1.png);}





.article span {width: 260px; text-align: center; height: 60px;display: block;margin-left: auto; margin-right: auto;background:#0e9a95;color: #fff;
  line-height: 60px;font-size: 18px;font-weight: bold;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;
  -o-border-radius: 30px;}
.art_span {color: #fff;}
.art_span:hover{ color:#FF0;}
/*常规电器样式*/

.article { width: 1100px; margin: 30px auto 50px auto;}
.article div{ float: left; width: 218px; border-right:2px solid #fff; margin-top: 60px;}
.article .box { display: inline; height: 330px; overflow: hidden; margin: 0px; width:218px; text-align: center;}

.toggle-caption { position: relative; cursor: pointer;}
.toggle-caption .img p { position: absolute; left: 0; bottom: 0; height: 30px; overflow: hidden;  font-size: 14px; line-height: 30px; text-indent: 1em; color: #fff; background: rgba(14,154,149,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#7F000000",endColorstr="#7F000000");}
.toggle-caption .caption { position: absolute; left: 0; top: 0; width: 218px; height: 100%; padding: 0 10px; background: rgba(14,154,149,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#CC000000",endColorstr="#CC000000");}
	.caption img{margin: 30px auto 0 auto;}
.toggle-caption .caption h3 { overflow: hidden; padding-top: 60px; font-size:16px; line-height: 24px; color: #ff0; font-weight: bold; margin-bottom: 26px; text-align: center;}
	.toggle-caption .caption p {overflow: hidden; color: #fff; line-height: 24px; font-size: 12px;text-align: left;}
/*承修承试页面*/
.acceptance{width:1100px; margin: 70px auto;}
.acceptance ul{ padding:0 60px;}
.acceptance h3{ font-size:30px; text-align:center; color:#0e9a95; font-weight:normal;padding-bottom:30px;}
.acceptance p{ color:#666; line-height:26px; text-align:left; padding-bottom:25px; text-indent:25px;}
.acceptance p b{ font-size:16px; color:#eea10d;}
.project{ padding:0 60px; text-align:center;}
.project ul{ float:left; width:326px; padding:20px 0;}
.xian{ border-right:1px solid #dadada;border-bottom:1px solid #dadada;}
.span2{display:block; background-repeat:no-repeat; width:100%; height:48px;background-position:center;}
.bor_r span{ background-image: url(../img/xm_01.png);}
.bor_r:hover span { background-image:url(../img/xm_1.png);}

.bor_r1 span{ background-image:url(../img/xm_02.png);}
.bor_r1:hover span { background-image:url(../img/xm_2.png);}

.bor_r2 span{ background-image:url(../img/xm_03.png);}
.bor_r2:hover span { background-image:url(../img/xm_3.png);}

.bor_r3 span{ background-image:url(../img/xm_04.png);}
.bor_r3:hover span { background-image:url(../img/xm_4.png);}

.bor_r4 span{ background-image:url(../img/xm_05.png);}
.bor_r4:hover span { background-image:url(../img/xm_5.png);}

.bor_r5 span{ background-image:url(../img/xm_06.png);}
.bor_r5:hover span { background-image:url(../img/xm_6.png);}

.bor_r6 span{ background-image:url(../img/xm_07.png);}
.bor_r6:hover span { background-image:url(../img/xm_7.png);}

.bor_r7 span{ background-image:url(../img/xm_08.png);}
.bor_r7:hover span { background-image:url(../img/xm_8.png);}




.project ul li dl{ padding-top:15px; text-align:center;}
.project ul li dl dt{ font-weight:bold; color:#525252;}
.project ul li dl dd{ font-size:12px; color:#666;}
.bor_d{ border-bottom:1px solid #dadada;}
.bor_wd{border-right:1px solid #dadada;}
.zx{ width:70px; height:20px; line-height:20px; display:block; background:#eee; border-radius:5px; margin:10px auto 0px auto;font-size:12px; color:#666;-webkit-border-radius:5px;-moz-border-radius: 5px;-ms-border-radius:5px;-o-border-radius:5px;}
.zx a:hover{background:#eea10d; color:#fff; display:block;border-radius:5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius:5px;
  -o-border-radius:5px;}
/*日期 名字 任务*/
.time_name{margin: 30px auto 50px auto; width:980px;}
.time_name span {width: 260px; text-align: center; height: 60px;display: block;margin-left: auto; margin-right: auto;background:#0e9a95;color: #fff;
  line-height: 60px;font-size: 18px;font-weight: bold;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px; -o-border-radius: 30px;}


.biaoge{background:#0e9a95; height:70px;line-height:70px; color:#fff; font-size:18px; text-align:center; margin-top:40px; width:100%;}
.biaoge li{ float:left; border-right:2px solid #fff;}
.w20{ width:20%;}
.w30{ width:30%;}
.w50{ width:50%;}

.biaoge1{height:50px;line-height:50px; color:#525252; font-size:14px; text-align:center; width:100%;}
.biaoge1 li{ float:left; border-right:2px solid #fff;}
.biaoge ul:nth-child(2n+1){background:#fff;}
.biaoge ul:nth-child(2n){background:#f2f2f2;}
/*资质证书滚动*/
.w990{margin:50px auto 30px auto; width:980px;}
.w760{ width:1020px; float:left;}
/*最新车款*/
.rollBox{width:1100px;overflow:hidden; padding:0;}
.rollBox .LeftBotton{height:192px;width:40px; background: url(../img/jt.jpg) no-repeat; overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .RightBotton{height:192px;width:40px; background:url(../img/jt1.jpg) no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .Cont{width:890px;overflow:hidden;float:left; margin:0 5px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{ float:left; text-align:center; margin:0px 10px 0 10px;}
.rollBox .Cont .pic img{text-align:center; }
.rollBox .Cont .pic p,.rollBox .Cont .pic p a{color:#5A5A5A;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .Cont .pic p span,.rollBox .Cont .pic p span a{color:#5A5A5A;}


.rollBox .Cont1{width:1010px;overflow:hidden;float:left; margin:0 5px;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont1 .pic1{ float:left; text-align:left; margin:0px 10px 0 10px; width:297px;}
.rollBox .Cont1 .pic1 img{text-align:center; }

.rollBox .Cont1 .pic1 dl{ background:#f8f8f8; padding:20px 10px;}
.rollBox .Cont1 .pic1 dl dt{ font-size:16px; font-weight:bold; color:#525252;}
.rollBox .Cont1 .pic1 dl dd{ font-size:12px; color:#666; line-height:20px;}


.rollBox .Cont1 .pic1:hover dl,.rollBox .Cont1 .pic1:hover dt,.rollBox .Cont1 .pic1:hover dd{ background:#0e9a95; color:#fff;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox .Cont1 .pic1 p span,.rollBox .Cont1 .pic1 p span a{color:#5A5A5A;}

.rollBox .LeftBotton1{height:292px;width:40px; background: url(../img/sb_jt.png) no-repeat; overflow:hidden;float:left;display:inline;cursor:pointer;}
.rollBox .RightBotton1{height:292px;width:40px; background: url(../img/sb_jtr.png) no-repeat;overflow:hidden;float:left;display:inline;cursor:pointer;}



/*设备送检开始*/
.w110{margin:80px auto 80px auto; width:1100px;}
.w900{ width:1100px; float:left;}
.equipment{width:1100px; margin: 30px auto 50px auto;}
.equipment h2 {width:330px; text-align: center; height:60px;display: block;margin-left: auto; margin-right: auto;background:#eea10d;color: #fff;
  line-height: 60px;font-size: 18px;font-weight: bold;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;
  -o-border-radius: 30px;}
.equipment i{ color:#eea10d;}
.equip_text h3{ font-size:16px; font-weight:bold; color:#eea10d;}
.equip_text p{ line-height:26px; padding-top:30px; text-indent:25px;}
.equipment dl dt{ font-size:18px; font-weight:bold; color:#333; padding-bottom: 20px; text-align:center;}
.equipment dl dd{line-height:20px; font-size:14px; color:#666; padding:0 20px;}




.advan { float:left; width: 275px; padding:20px 0px;}
.span3{display:block; background-repeat:no-repeat; width:100%; height:91px; margin-bottom:30px; background-position:center;}
.advantage span{ background-image:url(../img/sb_sj.png);}
.advantage:hover span { background-image:url(../img/sb_sj1.png);}

.advantage1 span{ background-image:url(../img/sb_yc.png);}
.advantage1:hover span { background-image:url(../img/sb_yc1.png);}

.advantage2 span{ background-image:url(../img/sb_sx.png);}
.advantage2:hover span { background-image:url(../img/sb_sx1.png);}

.advantage3 span{ background-image:url(../img/sb_gx.png);}
.advantage3:hover span { background-image:url(../img/sb_gx1.png);}
.dibu{ width:1100px; margin:0 auto;}


/*产品搜索*/
.pr_search{ width:1100px; margin:0px auto 20px auto;}
.drop-down{ padding-left:260px;}
.drop-down select,.drop-down input{ float:left; height:40px; margin:40px 20px 30px auto;}
.drop-down select{ width:10%;}
.drop-down #button{ background:#0e9a95; width:60px; height:40px; color:#fff; font-size:16px; border:0px;}
.drop-down form{ margin:0 auto;}
.product_search{ background:#0e9a95; height:60px; line-height:60px; font-size:16px; text-align:center; color:#fff; padding:0 20px; font-weight:bold;}
.product_search li{ float:left;}
	.prod_pic{ width:20%;}
	.prod_model{ width:10%; text-align:center;}
	.prod_name{ width:25%; text-align:center;}
	.prod_text{ width:40%;}
	.prod_text1{ width:50%;}

.prod_table ul{ margin:10px 0px 20px 0px;}
.prod_table ul li{ float:left; padding:20px; line-height:30px;}


.prod_table ul:nth-child(even){ background-color:#f5f5f5;}
.prod_table ul li img{ background:#fff; border:1px solid #eee; padding:2px;}

.prod_table ul:hover{ background-color:#eea10d; color:#fff;}
.dary{ background:#f5f5f5; margin:30px auto 0 auto; padding:20px; line-height:30px; text-indent:25px;}


/*培训*/
.peixun{ width:1040px; height:400px; background:#fff; box-shadow:0 0 8px #eee; padding:30px 30px; clear:both;}
.peixun ul{ float:left; width:480px; margin-bottom:20px;}

.peixun ul img{ width:150px; padding-right:20px; float:left;}
.peixun ul li{ width:250px; float:left; text-align:left;}

.peixun ul li dl dt{ font-size:16px; font-weight:bold; color:#525252; padding-bottom:10px;}
.peixun ul li dl dd{ font-size:14px; color:#999; line-height:24px; text-align:left;}
.peixun ul li dl a{width:90px; height:30px; line-height:30px;display: inline-table; margin-top:10px; margin-right:10px; text-align:center;}
.a1{ border:1px solid #f5f5f5;  color:#999;}
.a1:hover{ background-color:#fc8301; color:#fff;}
.a2{ border:1px solid #fc8301; color:#fc8301;}
.a2:hover{ background-color:#0e9a95; color:#fff; border:0px;}
