/*pq电力模块*/
/*电力系列页样式*/
/*banner轮播图高度样式*/
.lunbo { height: 498px; }
.lunbo>ul>li { height: 498px; }
.lunbo>ol>li.current { background: #007ecc; }
/*系列页产品图样式*/
.pq_product>div { width:476px; height: 500px; margin: 0 auto; position: relative; overflow: hidden;     float: left; }
.pq_product>div.pq_product_con_01 { margin-top: 80px; }
.pq_product>div.pq_product_con_02 { margin-top: 80px; margin-left: 50px;}
.pq_product>div.pq_product_con_03 { width: 301px; float: left; margin-right: 49px; }
.pq_product>div.pq_product_con_04 { width: 301px; float: left; margin-right: 49px; }
.pq_product>div.pq_product_con_05 { width: 301px; float: left; }
  .pq_product>div.pq_product_con_06 { width: 301px; float: left; margin-right: 49px; }  
.pq_product>div .t1 { font-size: 24px; border-bottom: 1px solid #ccc; padding-bottom: 22px; padding-left: 10px; background: url(../img/pq/pq_t1_bg.jpg) no-repeat 0px 2px; }
.pq_product>div .t1 button { position: absolute; width: 29px; height: 29px; border: none; outline: none; cursor: pointer; }
.pq_product>div .t1 .leftBtn { right: 40px; background: url(../img/pq/pq_left_02.jpg) no-repeat; }
.pq_product>div .t1 .rightBtn { right: 0px; background: url(../img/pq/pq_right_01.jpg) no-repeat; }
.pq_product>div ul.phto { width: 3000px; height: 452px; position: absolute; overflow: hidden; }
.pq_product>div ul.phto>li { float: left; margin: 30px 49px 98px 0px; position: relative; }
.pq_product>div ul.phto>li>img {  width: 301px; height: 319px; }
.pq_product>div ul.phto>li>div { display: none; width: 261px; height: 279px; padding: 20px; position: absolute; top: 0; background: #777; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; color: #fff; line-height: 22px; }
.pq_product>div ul.phto>li>div a { display: block; width: 112px; height: 24px; background: #007ecc; color: #fff; border: 1px solid #fff; border-radius: 6px; text-align: center; margin: 32px auto 0px auto; }
.pq_product>div ul.phto>li>div span { display: block; width: 257px; height: 218px; overflow: hidden; }
.pq_product>div ul.phto>li>a>img{width: 476px; height: 345px;}
/*系列页技术专题样式*/
.pq_news { width: 100%; height: auto; background: #f6f6f6; padding: 30px 0px 80px 0px; }
.pq_news .left { float: left; width: 480px; }
.pq_news .right { float: right; width: 480px; }
.pq_news .p03 { font-size: 24px; margin: 40px 0px 20px 0px; }
.pq_news .left .ul02 li { width: 480px; height: 87px; /* margin: 26px 0px 0px 0px;  */margin: 4px 0px 26px 0px; }
.pq_news .left .ul02 li .news-poto { float: left; width: 88px; height: 87px; }
.pq_news .left .ul02 li .news-con { float: right; width: 370px; height: 80px; overflow: hidden; }
.pq_news .left .ul02 li .news-con .p4{ height:36px; overflow:hidden;}
.pq_news .left .ul02 li .news-con .p4 a { font-size: 18px; line-height: 36px; }
.pq_news .left .ul02 li .news-con .p5 a { font-size: 12px; color: #b3b3b3; line-height: 20px; }
.pq_news .right ul { border-bottom: 1px solid #ccc; padding-bottom: 35px; margin-bottom: 35px; }
.pq_news .right ul li { line-height: 25px; }
.pq_news .right span { float: right; margin: 30px 220px 0px 0px; font-size: 16px; }
/*电力系列页产品导航字体颜色*/
.pq-pro-nav-list dl dd a { color: #83b31d; }
.pq-pro-nav-list dl dd a:hover { color: #8fc31f; }
/*切换产品颜色*/
/*.pro_nav dt span { background: url(../img/s_yq.png) no-repeat 15px -22px; }*/
/*导航栏目选中的底色*/
/*.pro_nav dd ul li.current { border-bottom: 2px solid #007ecc; }*/
/* pro_nav系列页产品线导航样式 */
.pro_nav{ width:100%; background:#e9e9e9;}
.pro_nav dl{ line-height:50px; }
.pro_nav dl a{ color:#666;}
.pro_nav dt{ float:left; font-size:18px;}
.pro_nav dt ul li{ float:left;}
.pro_nav dt ul li.child{ font-size:14px; color:#666; margin-left:26px;}
.pro_nav dt ul li.child:hover{ color:#83b31d; }
.pro_nav dt ul li.current{ border-bottom:2px solid #83b31d;}
.pro_nav dt span{ display:inline-block; width:100px; height:50px; background: url(../images/s_t1.png) no-repeat 15px -22px; cursor:pointer;}
.pro_nav dd{ float:right;}
.pro_nav dd ul li{ float:left; margin-left:26px; height:48px;}
/*.pro_nav dd ul li.current{ border-bottom:2px solid #007ecc;}*/
.pro_nav dd ul li.hyyy{background:url(../images/hyyy_01.png) no-repeat 0px 18px; padding-left:20px;}
.pro_nav dd ul li.hyyy:hover{background:url(../images/hyyy_green.png) no-repeat 0px 18px; padding-left:20px;}
.pro_nav dd ul li.hyyy.current{background:url(../images/hyyy_green.png) no-repeat 0px 18px; padding-left:20px; color:#8fc31f;}
.pro_nav dd ul li.zlxz{background:url(../images/zlxz_01.png) no-repeat 0px 18px; padding-left:22px;}
.pro_nav dd ul li.zlxz:hover{background:url(../images/zlxz_green.png) no-repeat 0px 18px; padding-left:22px;}
.pro_nav dd ul li.zlxz.current{background:url(../images/zlxz_green.png) no-repeat 0px 18px; padding-left:22px; color:#8fc31f;}
.pro_nav dd ul li.jszt{background:url(../images/jszt_01.png) no-repeat 0px 18px; padding-left:24px;}
.pro_nav dd ul li.jszt:hover{background:url(../images/jszt_green.png) no-repeat 0px 18px; padding-left:24px;}
.pro_nav dd ul li.jszt.current{background:url(../images/jszt_green.png) no-repeat 0px 18px; padding-left:24px; color:#8fc31f;}



/*专题、faq、应用页面的左侧当前样式*/
.pro_zhuanti_left ul li.current, .pro_faq_left ul li.current, .pro_yingyong_left ul li.current { border-bottom: 1px solid #8fc31f; background: url(../images/s_t1.png) no-repeat 161px -73px; }
/*行业应用标题经过时的颜色*/
.pro_yingyong_right ol li dl dd .tit:hover { color:#8fc31f; }
/*专题页面的文章列表前小圆点*/
.pro_zhuanti_right>ol>li { background: url(../images/s_t1.png) no-repeat -42px -121px; }
/*分页样式*/
.page span.current{ background:#8fc31f; color:#fff;}
/*pq电力产品特性样式*/
.con_tit { text-align: left; font-size: 36px; line-height: 40px; padding-bottom: 18px; color: #333; }
.con_tit.txc { text-align: center; }
.pq_pro_texing .con_tit.f24, .pq_pro_texing .main .side_two .con_tit.f24 { font-size: 24px; line-height: 36px; margin: 0; padding-bottom: 0; }
.con_h5 { font-size: 14px; color: #666; line-height: 26px; }
.con_h5.txc { text-align: center; }
.pq_pro_texing .con_h5 a { color: #66b2e0; }
.pq_pro_texing .con_h5 a:hover { text-decoration: underline; }
.pq_pro_texing .bzzc span { color: #007ecc; margin: 0px 20px; }
.pq_pro_texing .more { margin: 45px auto; width: 228px; height: 30px; border: 1px solid #007ecc; color: #007ecc; border-radius: 8px; cursor: pointer; text-indent: 0px; text-align: center; }
.pq_pro_texing .more:hover { background: #007ecc; color: #fff; }
.pq_pro_texing .zhutu { width: 500px; height: 610px; position: relative; margin: 40px auto; left: 50%; margin-left: -250px; }
.pq_pro_texing .zhutu>ol>li { position: absolute; top: 5px; left: 5px; display: none; }
.pq_pro_texing .zhutu>ol>li:first-child { display: block; }
.pq_pro_texing .zhutu>ol>li>img { width: 500px; height: 500px; }
.pq_pro_texing .zhutu>ul { position: absolute; bottom: 0px; left: 50%; margin-left: -148px; }
.pq_pro_texing .zhutu>ul>li { width: 84px; height: 64px; float: left; margin: 18px 8px; cursor: pointer; border: 1px solid #d7d7d7; border-radius: 8px; }
.pq_pro_texing .zhutu>ul>li>img { width: 80px; height: 60px; border-radius: 8px; padding: 0px 10px; }
.pq_pro_texing .zhutu ul li.current { border: 2px solid #007ecc; }
.pq_pro_texing .E6500_tb01 { background: url(../img/pq/E6500_18.jpg) top center repeat-x #fff; border-bottom: 1px solid #ccc; padding: 50px 0; font-size: 12px; color: #666; }
.pq_pro_texing .E6500_tb01 tr td { border-right: 1px solid #ccc; font-size: 12px; color: #666; padding: 0px 20px; line-height: 36px; }
.pq_pro_texing .E6500_tb01 tr td.last { border-right: none; }
.pq_pro_texing .E6500_tb01 tr:first-child td { background: #f0f0f0; line-height: 36px; font-weight: 700; }
.pq_pro_texing .E6500_tb01 tr.cen1 td { text-align: center; background: #f0f0f0; line-height: 36px; }
.pq_pro_texing .E6500_tb01 tr.cen2 td { text-align: center; padding: 10px 0px; }
.pq_pro_texing .E6500_tb01 tr.cen3 td { text-align: center; }
.pq_pro_texing .E6500_tb01 tr.cen3 td a { text-decoration: none; }
.pq_pro_texing .E6500_tb01 tr.cen3 td p.more { text-align: center; width: 56px; height: 22px; line-height: 18px; font-size: 12px; border-radius: 4px; margin: 4px auto; cursor: pointer; }
.pro_tab.w_1002 { overflow: visible; }
.pro_tab.w_1002 tr td { border-right: none; }
.pro_tab.tab_comm tr td.bg_cf0, .pro_tab tr th.bg_cf0 { background: #f0f0f0; }
.pro_tab.w_1002 tr td.no_bd_lf { border-left: none; }
.pro_tab.w_1002 tr td.txc { text-align: center; }
.pq_pro_texing .main { border-bottom: #f0f0f0 1px solid; background: url(../img/pq/main_bg.png) bottom center repeat-x #fff; padding-bottom: 50px; }
.pq_pro_texing .main .side_two { width: 460px; }
.pq_pro_texing .main .side_two .con_tit { text-align: left; margin: 50px 0px 12px 0px; padding-bottom: 5px; }
.pq_pro_texing .main .side_two .con_h5 { text-indent: 0px; }

/*.yy { background: #f2f2f2; }*/
/*.yy .con_tit{ text-align:left; margin:50px 0px 40px 0px;}
.yy ul li{ float:left; margin-right:12px;}
.yy ul li span{ display:block; text-align:center; font-size:20px; color:#666; padding:18px 0px;}*/

.yy .con_tit{ text-align:left; margin:50px 0px 40px 0px;}
.yy ul li{ float:left; margin-right:12px; position:relative; width:238px;  height:320px;}
.yy ul li div{ position:absolute; width:238px; height:320px; background:#fff; border:1px solid #dcdcdc; box-sizing:border-box; overflow:hidden; } 
.yy ul li div img{ width:238px; height:242px;}
.yy ul li div dl{ margin-top:-7px;/* border:1px solid #dcdcdc; box-sizing:border-box; */padding:20px; height:128px; }
.yy ul li div dl dt{ font-size:18px; height:38px; line-height:38px; background:url(/tpl/zlg/Public/images/s_t1.png) no-repeat 130px -416px;}
.yy ul li div dl dt.current{ color:#8fc31f; background-position:130px -364px;}
.yy ul li div dl dd{ color:#a3a3a3; background:url(/tpl/zlg/Public/images/s_t1.png) no-repeat -34px -489px; padding-left:12px;}




.pq_ul li { background: url(../img/s_yq.png) no-repeat -33px -487px; line-height: 26px; color: #666; padding-left: 12px; }
.pq_dl { overflow: hidden; color: #666; }
.pq_pro_texing .main .side_two .con_h5.f14, .pq_pro_texing .main .side_two .biao .con_h5 { height: auto; }
.pt20 { padding-top: 20px; }
.pt50 { padding-top: 50px; }
.pt35 { padding-top: 35px; }
.pt45 { padding-top: 45px; }
.pt60 { padding-top: 60px; }
.pd30 { padding-bottom: 30px; }
.pq_dl dt { float: right; padding-top: 10px; }
.biao .con_h5 { font-size: 14px; white-space: nowrap; }
.pq_pro_texing .yy.f9f9f9 { background: #f9f9f9; padding-bottom: 110px; }
.pq_pro_texing .yy.f9f9f9 p { font-size: 18px; color: #333; line-height: 32px; text-align: center; }
/*点击详细参数弹出遮罩层*/
.pq_pro_texing .zzc_bg01 { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #000; z-index: 1001; -moz-opacity: 0.6; opacity: .70; filter: alpha(opacity=70); }
.pq_pro_texing .zzc_con01 { display: none; position: fixed; top: 5%; left: 50%; margin-left: -501px; width: 962px; padding: 0px 20px; height: 90%; background-color: white; z-index: 1002; overflow: auto; }
.pq_pro_texing .zzc_close01 { position: absolute; top: 5%; left: 50%; margin-left: 520px; cursor: pointer; z-index: 1003; }
.pq_pro_texing .zzc_con01 p.t2 { font-size: 16px; color: #666; padding-top: 40px; }
.pq_pro_texing .zzc_con01 p.t3 { border-bottom: 1px solid #ccc; line-height: 60px; }
/*权威认证页面样式*/
.pro_renzheng .ul01>li { border-top: 1px solid #ececec; padding: 80px 0px; }
.pro_renzheng .ul01>li:first-child { border-top: none; padding-top: 40px; }
.pro_renzheng .ul01>li>ol>li { float: left; margin: 0px 27px; width: 195px; text-align:center;}
.pro_renzheng .ul01>li>ol>li img { width: 195px; height: 290px; }
.pro_renzheng .ul01>li>ol>li span { font-size: 20px; text-align: center; width: 195px; display: inline-block; line-height: 28px; margin-top: 20px; }
/*包装清单页面样式*/
.pro_baozhuang .tit { font-size: 30px; margin: 30px 0px; }
.pro_baozhuang .xuanpei a { display: block; }
.pro_baozhuang .xuanpei a:first-child { height: 153px; }
/*E6000页面样式*/
.con_list_1 { margin: 50px auto; }
.con_list_1 li { float: left; border-left: 1px solid #ccc; padding: 0px 56px; font-size: 30px; color: #666; text-align: center; }
.con_list_2 li { padding: 0 36px; }
.con_list_1 li:first-child { border: none; }
.con_list_1 li em { font-size: 16px; color: #888; }
/*E6100页面样式*/
.pt70 { padding-top: 70px; }
/*DT820*/
.sec_tab { padding: 70px 0px 30px; background: url(../images/gradual_bg.jpg) repeat-x top #fff; border-top: 1px solid #e5e5e5; }
.sec_tab table { margin: 0 auto; }
.DT820_1 img { display: block; margin: 4.67vw auto 3.13vw; margin: 90px\9 auto 60px\9; }
.DT820_2 img { margin: 13.28vw auto 6.4vw; margin: 255px\9 auto 123px\9 }
.DT820_2 p.c_t1, .DT820_2 p.c_t2 { position: absolute; width: 100%; left: 0; color: #4572e7; opacity: 0; filter: alpha(opacity=0); }
.DT820_2 p.c_t1 { font-size: 4.95vw; font-size: 95px\9; top: 260px\9; }
.DT820_2 p.c_t1 em { font-size: 3.23vw; font-size: 62px\9; }
.DT820_2 p.c_t2 { font-size: 1.15vw; font-size: 22px\9; top: 16.15vw; top: 310px\9; font-family: HanWangYenThin-Gb5468909, "Microsoft YaHei", "微软雅黑"; }
.DT820_2 p.c_t1.active { top: 11.98vw; top: 230px\9; opacity: 1; filter: alpha(opacity=100); transition: 1.0s; }
.DT820_2 p.c_t2.active { top: 17.97vw; top: 345px\9; opacity: 1; filter: alpha(opacity=100); transition: 1.0s; }
.DT820_3 p { position: absolute; width: 100%; text-align: center; padding: 0; }
.DT820_3 .con_tit { top: 7.5%; }
.DT820_3 .con_h5 { top: 16%; }
.DT820_4 .w_40 { margin: 3.91vw auto 5.73vw; margin: 75px\9 auto 110px\9; }
.DT820_4_1, .DT820_4_2 { position: absolute; width: 15%; left: 50%; }
.DT820_4_1 { bottom: 13.02vw; bottom: 110px\9; margin-left: 14%; }
.DT820_4_2 { bottom: 13.02vw; bottom: 110px\9; margin-left: -30%; }
.DT820_4_1.active { bottom: 6.03vw; bottom: 110px\9; margin-left: -1.7%; transition: 1.0s 0.5s; }
.DT820_4_2.active { bottom: 6.03vw; bottom: 110px\9; margin-left: -16.67%; transition: 1.0s 0.5s; }
.DT820_5 img { margin: 6.5vw auto 12.76vw; margin: 125px\9 auto 245px\9; }
.DT820_6 img { margin: 6.51vw auto 7.8vw; margin: 125px\9 auto 150px\9; }
.DT820_7 img { margin: 7.86vw auto 12.24vw; margin: 150px\9 auto 235px\9; }
.DT820_8 img { margin: 4.79vw auto 7.8vw; margin: 92px\9 auto 150px\9; }

/* PQS */
.pro_foot  { height:32px; line-height:32px; background:#e2e2e2; margin:0; margin-bottom:30px;}
.pro_foot  span { display:inline-block; height:32px;  margin-right:25px; cursor:pointer;width:106px; text-align:center;}
.pro_foot  span.on { background:#007ecc;  color:#fff;}
.pqs_pro { overflow:hidden;}
.pqs_pro dl { float:left; width:500px; overflow:hidden;}
.pqs_pro dl dt { float:left;}
.pqs_tit dl { overflow:hidden;}
.pqs_tit dl dt { float:left;}
.pqs_tit dl dd.tit { font-size:20px; padding-top:15px; color:#333;}
.pqs_tit dl dd { color:#666; line-height:28px;}
.pqs_pro dl dd { line-height:32px; color:#333;}
.pqs_pro dl dd.tit { font-size:18px;}

/*底部行业应用部分的css*/
.in_07{ background:#f5f5f5; height:auto;}
.in_07 ul li{ float:left; margin-left:14px; margin-bottom:30px; position:relative; width:240px; height:280px; }
.in_07 ul{ margin-left:-15px; margin-top:60px; margin-bottom:40px;}
.in_07 ul li div{ position:absolute; width:236px; height:324px; background:#fff; border:1px solid #dcdcdc; box-sizing:border-box; overflow:hidden; } 
.in_07 ul li div img{ width:236px; height:245px;}
.in_07 ul li div dl{ margin-top:-7px;/* border:1px solid #dcdcdc; box-sizing:border-box; */padding:10px; height:128px; }
.in_07 ul li div dl dt{ font-size:18px; height:38px; line-height:38px; background:url(../img/s_yq.png) no-repeat 140px -416px;}
.in_07 ul li div dl dt.current{ color:#007ecc; background-position:140px -364px;}
.in_07 ul li div dl dd{ color:#a3a3a3; background:url(../img/s_yq.png) no-repeat -34px -489px; padding-left:12px;}

/*DT800页面*/
 .circle {  position: absolute;
                width: 527px;
                height: 558px;
                left: 50%;
                top: 170px;
                margin-left: -443px;
                z-index: 3;}
              
     .circle div { position: absolute;
                   width: 100%;
                   height: 100%;
                   opacity: 0;
                   filter: alpha(opacity=0)\9;}
      @keyframes ani-circle-a {    
          0% {
              -webkit-transform: scale(0.8);
              transform: scale(0.8);
              opacity: 0;
              filter: alpha(opacity=0)\9;
          }
          10% {
              opacity: 1;
              filter: alpha(opacity=100)\9;
          }
          100% {
              -webkit-transform: scale(3.5);
              transform: scale(3.5);
              opacity: 0;
              filter: alpha(opacity=0)\9;
          }
      }

       @-webkit-keyframes "ani-circle-a" {    
          0% {
              -webkit-transform: scale(0.8);
              transform: scale(0.8);
              opacity: 0;
              filter: alpha(opacity=0)\9;
          }
          10% {
              opacity: 1;
              filter: alpha(opacity=100)\9;
          }
          100% {
              -webkit-transform: scale(3.5);
              transform: scale(3.5);
              opacity: 0;
              filter: alpha(opacity=0)\9;
          }
      }

      .circle .circle-a {
          -webkit-animation: ani-circle-a 4.5s ease-out forwards infinite;
           -moz-animation: ani-circle-a 4.5s ease-out forwards infinite;
            -ms-animation: ani-circle-a 4.5s ease-out forwards infinite;
             -o-animation: ani-circle-a 4.5s ease-out forwards infinite;
          animation: ani-circle-a 4.5s ease-out forwards infinite;
        }
      .circle .circle-b {
          -webkit-animation: ani-circle-a 4.5s ease-out 1.5s forwards infinite;
           -moz-animation: ani-circle-a 4.5s ease-out 1.5s forwards infinite;
           -ms-animation: ani-circle-a 4.5s ease-out 1.5s forwards infinite;
             -o-animation: ani-circle-a 4.5s ease-out 1.5s forwards infinite;

          animation: ani-circle-a 4.5s ease-out 1.5s forwards infinite;
        }
      .circle .circle-c {
          -webkit-animation: ani-circle-a 4.5s ease-out 3s forwards infinite;
            -moz-animation: ani-circle-a 4.5s ease-out 3s forwards infinite;
             -ms-animation: ani-circle-a 4.5s ease-out 3s forwards infinite;
             -o-animation: ani-circle-a 4.5s ease-out 3s forwards infinite;
          animation: ani-circle-a 4.5s ease-out 3s forwards infinite;
        }
      .circle div {
          background: url(../img/pq/pro_dt800_7.png) no-repeat 50% 50%;
          background-size: 50% 50%;
        }
 

 .DT800_66{ background:url(/tpl/zlg/Public/img/pq/pro_dt800_7.jpg) no-repeat top center; height: 959px;}