@charset "utf-8";blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,select,td,textarea,th,ul{margin:0;padding:0}body{background:#fafafa}body,button,input,select,textarea{font-size:12px;color:#555;font-family:"pingfang sc",pinghei,stheitisc-light,tahoma,"myriad set pro","lucida grande","helvetica neue","microsoft yahei",helvetica,arial,verdana,sans-serif}h1,h2,h3,h4,h5,h6{font-size:100%}address,cite,dfn,em,var{font-style:normal}code,kbd,pre,samp{font-family:courier new,courier,monospace}button,input,select,textarea{outline:0}textarea{resize:none}ol,ul{list-style:none}a{text-decoration:none;color:#555;cursor:pointer}a:hover{text-decoration:none;color:#000;outline:0;hide-focus:expression(this.hidefocus=true)}
a:active,a:visited{ text-decoration:none;}sup{vertical-align:text-top;vertical-align:super}sub{vertical-align:text-bottom}fieldset,img{border:0}button,input,select,textarea{font-size:100%}table{border-collapse:collapse;border-spacing:0}.clear_float:after{display:block;visibility:hidden;height:0;clear:both;content:""}.clear_float{display:inline-block}* html .clear_float{zoom:1}.clear_float{display:block}.clear_float{clear:both}.red{color:#ea544a}.green{color:#40bc90}.arial,.en{font-family:arial,helvetica,sans-serif}.fr{float:right}.mr30{margin-right:30px}.h18{height:18px;line-height:18px;overflow:hidden;width:100%}.w368{width:380px;height:24px;line-height:24px}.w1200{width:1200px;margin:0 auto;display:block}.w1000{width:1000px;margin:0 auto;display:block}.w1024{width:1024px;margin:0 auto;display:block}.wrap{margin:0 auto}.bgcolor{background:#f5f5f5}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{border-radius:0;background:rgba(255,255,255,0)}::-webkit-scrollbar-thumb{border-radius:5px;background:#aaaaaa}::-webkit-scrollbar-thumb:hover{border-radius:5px;background:#aaaaaa}body{background:#fff}
.bodyhidden{ overflow:hidden;}.color3{background:#e8eff6}

/*css3*/
a,a:hover{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;}

/*product color产品颜色*/
.prolistmain .proitem .color1,.color1{ background:#fbf4eb;}
.prolistmain .proitem .color2,.color2{background: #f2f2f2;}
.prolistmain .proitem .color3,.color3{ background:#ebf6ef;}
.prolistmain .proitem .color4,.color4{ background:#e8ecef;}
.prolistmain .proitem .color5,.color5{background: #fff;}
.prolistmain .proitem .color6,.color6{background: #fffdeb;}
.prolistmain .proitem .color7,.color7{background: #fae6e8;}
.prolistmain .proitem .color8,.color8{background: #e8eff7;}
.prolistmain .proitem .color9,.color9{background: #f2e9f7;}
/*product*/
.prolistmain{width: 1240px; position: relative; left: -20px;}
.prolistmain .bigitem{ width:50%; float:left; height:340px; overflow:hidden; padding:0;}
.prolistmain .proitem{ width:25%; float:left; height:340px; overflow:hidden;}
.prolistmain .proitem>div h2,.prolistmain .proitem span{ font-size:14px; margin-bottom:3px;}
.prolistmain .proitem { text-align: center; font-size: 15px; line-height: 18px; margin-bottom: 40px; color: #000;}
.prolistmain .proitem .img img { font-size: 0; display: inline-block;}
.prolistmain .proitem span { display: inline-block; padding-bottom: 33px;}
.prolistmain .proitem>div{ cursor:pointer;}
.prolistmain .proitem>div:hover{box-shadow:0px 0px 50px rgba(0,0,0,0.08);}
.prolistmain .proitem>div,.prolistmain .proitem>div:hover{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;}
.prolistmain{ width:1240px;position:relative; left:-20px;}
.prolistmain .proitem>div{margin:0 20px;}
.prolistmain .proitem>div .img{height: 270px; overflow: hidden;}
.prolistmain .proitem>div .img img{width:100%;height: 100%;}
/*product tab*/
#tiwmenu{background:#fff;}
#tiwmenu.fixedtop{position: fixed;left: 0;top: 0;z-index:999;margin:0 auto;width: 100%;}
#tiwmenu.fixedtop .promenu{width:1200px;margin:0 auto;}
.promenu { padding: 25px 0 25px 0; height:76px; line-height:50px; width:100%; overflow:hidden;}
.promenu .tab { float: right;}
.promenu .tab ul li {float: left;margin-right: 28px; color: #000; font-size: 12px; padding-bottom: 10px; line-height: 18px; height: 30px; overflow: hidden; cursor:pointer; }
.promenu .tab ul li a{color:#222;}
.promenu .tab ul li a:hover{color:#000;}
.promenu .tab ul li.active {  border-bottom: 2px solid #ed2336;}
.promenu .tab ul li i {display: inline-block; width: 20px; height: 21px; margin-right: 14px; float: left;}
.promenu .tab ul li .icon-xilie { background: url(/uploads/image/phiproduct/icon_02.png) center no-repeat; background-size: 100%;}
.promenu .tab ul li .icon-chanpin { background: url(/uploads/image/phiproduct/icon_03.png) center no-repeat; background-size: 100%;}
.promenu .tab ul li .i-dian { display: inline-block; width: 4px; height: 4px;background: #000; margin: 0 4px;border-radius: 50%; position: relative;top: -2px; *left: 3px; *top:-4px;}
.promenu .tab ul li .icon-xuangou {background: url(/uploads/image/phiproduct/icon_04.png) center no-repeat; background-size: 100%;}
.promenu .tab ul li span {float: left;line-height: 22px;}
.promenu .icon {float: left;padding: 0px 0 0 15px; overflow: hidden; position: relative;top: -12px; color:#000;}
.promenu .icon .icon-chaxianban,
.promenu .icon .icon-chazuo,
.promenu .icon .icon-peijian,
.promenu .icon .icon-zhaoming,
.promenu .icon .icon-duanluqi,
.promenu .icon .icon-safesocket,
.promenu .icon .icon-switch,
.promenu .icon .icon-parts,
.promenu .icon .icon-lighting,
.promenu .icon .icon-breaker,
.promenu .icon .icon-safelock,
.promenu .icon .icon-lifeelectric,
.promenu .icon .icon-intelindust{
  float: left;
  display: inline-block;
  width:36px;
  height: 36px;
  background: url(/uploads/image/phiproduct/icon_01.png) center no-repeat;
  background-size: 100%;
  margin-right: 5px;
  position:
  relative;
  top:5px;
}
.promenu .icon span { float: left;}
.promenu .icon .icon-safesocket{
  background: url(/uploads/image/phiglobal/b1.png) no-repeat left center; 
}
.promenu .icon .icon-switch{
  background: url(/uploads/image/phiglobal/b2.png) no-repeat left center; 
}
.promenu .icon .icon-parts{
  background: url(/uploads/image/phiglobal/b3.png) no-repeat left center; 
}
.promenu .icon .icon-lighting{
  background: url(/uploads/image/phiglobal/b4.png) no-repeat left center; 
}
.promenu .icon .icon-breaker{
  background: url(/uploads/image/phiglobal/b5.png) no-repeat left center; 
}
.promenu .icon .icon-safelock{
  background: url(/uploads/image/phiglobal/b6.png) no-repeat left center; 
}
.promenu .icon .icon-lifeelectric{
  background: url(/uploads/image/phiglobal/b7.png) no-repeat left center; 
}
.promenu .icon .icon-intelindust{
  background: url(/uploads/image/phiglobal/b8.png) no-repeat left center; 
}
.promenu .icon .icon-chazuo{
 background: url(/uploads/image/phiproduct/icon_12.png) no-repeat left center; 
 width:32px; 
 margin-right:5px;
}
.promenu .icon .icon-chazuo2{
 background: url(/uploads/image/phiproduct/icon_12_new.png) no-repeat left center; 
 width:32px; 
 margin-right:5px;
}
.promenu .icon .icon-peijian{
  background: url(/uploads/image/phiicon/icon-shuma.png) no-repeat left center; 
  width:32px; 
  margin-right:0px;
}

.promenu .icon .icon-zhaoming{
  background: url(/uploads/image/phiicon/icon-zhaoming.png) no-repeat left center; 
  width:32px;
  margin-right:0px; 
  display:inline-block;
}
.promenu .icon .icon-duanluqi{
  background: url(/uploads/image/phiicon/icon-duanluqi.png) no-repeat left center; 
  width:32px;
  margin-right:0px;
  display:inline-block;
}
/*product dialog产品弹框*/
.device .arrow-left {background:url(/uploads/image/phiicon/icon-left.png) no-repeat center;position: absolute;left: -10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index: 3;}
.device .arrow-right {background: url(/uploads/image/phiicon/icon-right.png) no-repeat center;position: absolute;right: -10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index: 3;}
.content-slide {padding: 20px; color: #fff;}
.title {font-size: 25px; margin-bottom: 10px;}
.pagination {position: absolute;left: 0;text-align: center;bottom: 5px;width: 100%;}
.swiper-pagination-switch {display: inline-block;width:7px;height:7px;border-radius: 10px;background: #999;background: #fff;margin: 0 3px;cursor: pointer; border:1px solid #000;}
.swiper-active-switch {background: #000;}
.row{ margin:0;}.col-md-3{ padding:0;}
.allwrap .row{ width:1240px; position:relative; left:-20px;}
.prodialog{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; display:none;}
.lt100{ left:120%; top:-100%; display:block;}
.prodialog .bgcolor{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(/uploads/image/phiproduct/bg.png) repeat;}
.basic ul{ overflow:hidden;height:230px;}
.basic li{ width:25%;*width:24.5%; float:left; margin-bottom:20px;}
.basic li .lablename{
  color:#000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.basic li .labelcontent{
  color: #666;
  white-space: normal;
  word-break: break-all;
  padding-top: 8px;
  height: 42px;
}
.basic h3{  font-size: 14px; line-height: 18px;  margin-bottom: 20px; font-weight:bold;}
.basic .gobuy{
  width: 240px;
  height: 50px;
  margin: 0 auto; 
  border-radius: 3px; 
  background: -webkit-linear-gradient(left, #d21e2f, #ed2336);
  background: linear-gradient(to right, #d21e2f, #ed2336); 
  background: #d71f30\9; *overflow:hidden; *margin-top:20px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.basic .gobuy.nopro{    background: url(/uploads/image/phiglobal/i-dp.png) #a1a1a1 20px center no-repeat;padding-left: 34px;width: 165px;background-size: 20px}
.basic .gobuy a{ display: inline-block;width: 100%; height: 100%; color: #fff; font-size: 16px; line-height: 50px;}
.prodialog .popwrap .describe { font-size: 14px; color: #666; line-height: 24px; margin:0 auto; margin-bottom: 20px; width:76%;}
.prodialog .popwrap .proname { font-size: 30px; line-height: 32px; margin-bottom: 20px; font-weight:bold;}
.prodialog .popwrap .futitle { line-height: 24px; font-size: 24px; margin-bottom: 20px;}
.prodialog .popwrap .flslider { height: 530px; width:500px; float: left; padding: 0 15px 0 15px; margin-left:-530px; position: relative;}
.prodialog .popwrap .infobox{
  height: 530px;
  padding: 0 40px;
  text-align: center;
  color: #000;
  position: relative;
}
.popwrap .pad .row{ padding-left:530px;}
.popwrap .pad .row .flslider .device { height: 100%;}
.popwrap { z-index: 3; width: 1200px; height:640px; background: #fafafa; position: absolute; left: 50%; top: 50%; margin: -320px 0 0 -600px;}
.popwrap .pad{ margin: 55px;}
.popwrap .pad .row .flslider .device .swiper-container { height: 100%;}
.popwrap .closeh{display: none;width:31px;height:81px;background:  center no-repeat;position: absolute;
left: 50%;top:-8px;margin-left: -15px;cursor:pointer}

/*serve*/
.col-md-6, .col-md-3, .col-md-8, .col-md-4 {float: left;}
.col-md-3 { width: 25%;}
.col-md-6 { width: 50%;}
.col-md-8 { width: 66.666666%;}
.col-md-4 { width: 33.33%;}
.crumbswrap {
  font-size: 12px;
  color:#000;
  width:1200px;
  height: 68px;
  line-height: 68px;
}
.crumbswrap ul li { margin-right: 6px; float: left;}
.crumbswrap ul li i { display: inline-block; width: 7px;height: 11px; background: url(/uploads/image/phiicon/icon-right2.png) center no-repeat; background-size: 7px; margin-left:12px;position: relative; top: 1px;}
.crumbswrap ul li.active { color: #888888;}
.crumbswrap a{ color:#000;}

/*分页*/
.paging { font-size: 14px; color: #000; width:100%; margin: 0 auto; line-height: 26px; text-align:center;}
.paging ul { }
.paging ul li { margin: 0 8px 0 8px; padding: 0 2px 0 2px; padding-bottom:3px; cursor:pointer; display:inline-block; *float:left;}
.paging ul li.active { border-bottom:2px solid #c70019; }
.paging ul em { display: inline-block; width: 26px; height: 26px; background:  center no-repeat; margin-left: 10px; cursor:pointer; position:relative; top:8px; *float:left;}
.paging ul i { display: inline-block; width: 26px; height: 26px; background:  center no-repeat; margin-left: 10px; cursor:pointer; position:relative; top:8px; *float:left;}
.paging ul b { display: inline-block; width: 1px; height: 16px; background: #000; margin: 0 10px 0 12px; position: relative; top: 4px; *float:left; }
.paging ul span {}
#search{width: 100%;overflow: hidden;}

/* 头部 */
.headwrap .w1200{
  position: relative;
}
.headwrap{
  font-size: 14px;
  width: 100%;
  z-index: 999;
  background-color: #000;
  height: 60px;
}
.headwrap h1{
  width:114px;
  height: 60px;
  float: left;
  /* padding-top: 5px; */
  margin:0;
}
.headwrap h1 a{
  text-decoration: none;
  cursor: pointer;
}
.headwrap .menu{
  height: 100%;
  width: 730px;
  color: #fff;
}
.headwrap .menu li{
  float: left;
  height: 100%;
  margin-right:69px;
  height: 60px;
}
.headwrap .menu li a{
  text-align: center;
  padding-top: 20px;
  display: block;
  cursor: pointer;
  font-size: 14px;
  color: #fff;
  position: relative;
  white-space: normal;
  transition: color .2s ease;
}
.headwrap .menu li a em{
  display: inline-block;
  width: 0px;
  height: 2px;
  background: #c70019;
  transition: all 1s;
  position: relative;
  top: -5px;
}
.headwrap .menu li a:hover em{
  width: 100%;
}
.headwrap .menu li.active a em{
  width: 100%;
}
.headwrap .seup{
  position: absolute;
  right: 0;
  top: 22px;
}
.headwrap .seup a{
  display: block;
  color: #fff;
}
.headwrap .seup .searcha{
  width: 16px;
  height: 16px;
  font-size: 14px;
  margin-right: 50px;
  float: left;
  background: url(/uploads/image/phiglobal/i-search.png) center no-repeat;
}
.headwrap .seup .language{
  float: left;
  line-height: 16px;
  text-decoration: underline;
}


/* 底部 */
.footwrap{
  padding-top: 70px;
  height: 400px;
  background-color: #f2f2f2;
  /*background:  center bottom #f2f2f2 no-repeat;*/
}
.footwrap .w1200{}
.footwrap .ulwrap{
  float: left;
  width: 260px;
}
.footwrap .ulwrap ul{
  float: left;
  font-size: 12px;
  color: #000;
}
.footwrap .ulwrap ul li{
  margin-bottom:17px;
}
.footwrap .ulwrap ul li h2{
  font-size: 14px;
  margin-bottom:26px;
}
.footwrap .ulwrap ul li a{
  color:#000;
}
.footwrap .ulwrap ul li h2 a{ font-weight:bold;
}
.footwrap .rightwrap{
  float: right;
}
.footwrap .shopwrap{
  margin-bottom:80px;
  *width:628px;
}
.footwrap .shopwrap ul{
  overflow: hidden;
}
.footwrap .shopwrap li{
  float: left;
  margin-right: 79px;
}
.footwrap .shopwrap li a{
  display: block;
  padding-top:54px;
  font-size: 14px;
  color: #000;
  text-align: center;
}
.footwrap .shopwrap li .tm{
  background: url(/uploads/image/phiglobal/tianmao.png) center top no-repeat;
  /* background-size: 68%; */
}
.footwrap .shopwrap li .pdd{
  background: url(/uploads/image/phiglobal/pdd.png) center top no-repeat;
}
.footwrap .shopwrap li .jd{
  background: url(/uploads/image/phiglobal/jingdong.png) center top no-repeat;
  /* background-size: 68%; */
}
.footwrap .shopwrap li .sp{
  background: url(/uploads/image/phiglobal/dianpu.png) center top no-repeat;
}
.footwrap .shopwrap li .fw{
  background: url(/uploads/image/phiglobal/fangwei.png) center top no-repeat;
  /* background-size: 68%; */
}
.footwrap .shopwrap li .kf{
  background: url(/uploads/image/phiglobal/kefu.png) center top no-repeat;
  /* background-size: 68%; */
}
.footwrap .server{
  text-align: right;
}
.footwrap .server p{
  margin-bottom:18px;
  font-size: 14px;
}
.footwrap .server p em{
  display: inline-block;
  padding-left: 27px;
  height: 19px;
  line-height: 19px;
  background: url(/uploads/image/phiglobal/aixin.png) left top no-repeat;
}

.footwrap .server span{
  font-size: 19px;
  display: block;
  margin-bottom:30px;
}
.footwrap .server .sicon{
  float: right;
}
.footwrap .server a{
  display: block;
  float: left;
  width: 31px;
  height: 31px;
  margin-left: 10px;
  position: relative;
}
.footwrap .server .i-weibo{
  background: url(/uploads/image/phiglobal/i-weibo.png) center no-repeat;
}
.footwrap .server .i-weixin{
  background: url(/uploads/image/phiglobal/i-weixin.png) center no-repeat;
}
.main{ padding-bottom:50px; background:#fff;}
a:link{text-decoration:none;}   /* 指正常的未被访问过的链接*/
a:visited{text-decoration:none;}  /*指已经访问过的链接*/
a:hover{text-decoration:none;}/*指鼠标在链接*/
a:active{text-decoration:none;}/* 指正在点的链接*/

/* headwrap */

.headwrap .menu li {
  opacity: 1;
  transition: all .8s ease;
}

.headwrap .seup {
  opacity: 1;
  transition: all .8s ease;
}

.golw.active .menu li {
  opacity: 0;
  transform: scale(0);
}

.golw.active .seup {
  opacity: 0;
  transform: scale(0);
}

.golw.active .bgcolor {
  opacity: 1;
}

.golw.active .v_h_search {
  opacity: 1;
}

.golw .bgcolor {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .8);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
  opacity: 1;
  /*transition: all .8s ease;*/
}

.golw {
  width: 900px;
  margin-left: 200px;
  position: relative;
}

.hidd {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}

.v_h_search{
    width: 515px;
    height: 358px;
    position: fixed;
    left:50%;
    top: 50%;
    margin: -179px 0 0 -257px;
    z-index:991;
}
.v_h_search .searchcontent{
    width: 100%;
}
.v_h_search .searchcontent.animate .closebig:hover{
  transform: rotate(180deg);
  transition: all .5s ease;
}
.v_h_search .searchcontent.animate .closebig{
  opacity: 1;
  transform: translate(0);
}
.v_h_search .searchcontent.animate .searchcase{
  opacity: 1;
  transform: translate(0);
}
.v_h_search .searchcontent.animate .whatcontent .list{
  opacity: 1;
  transform: translate(0);
}

.v_h_search .closebig{
    display: block;
    width:40px;
    height:40px;
    margin:0 auto 46px;
    background:  center no-repeat;
    cursor:pointer;
    opacity: 0;
    transform: translatey(40px);
    transition: all .3s ease;
}
.v_h_search .searchcase{
    width:100%;
    position: relative;
    height:68px;
    margin-bottom:40px;
    opacity: 0;
    transform: translatey(40px);
    transition: all .3s ease .1s;
}
.v_h_search .searchcase input{
    border:none;
    display: block;
    width:100%;
    height: 68px;
    background: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-indent: 64px;
    font-size: 20px;
}
.v_h_search .searchcase .searchbig{
    display: block;
    width:21px;
    height:23px;
    position: absolute;
    left: 20px;
    top:50%;
    margin-top:-11.5px;
    background:  center no-repeat;
}
.v_h_search .whatcontent{
    width: 100%;

}
.v_h_search .whatcontent .list:nth-of-type(1){
    transition: all .3s ease .2s;
}
.v_h_search .whatcontent .list:nth-of-type(2){
    transition: all .3s ease .3s;
}
.v_h_search .whatcontent .list:nth-of-type(3){
    transition: all .3s ease .4s;
}
.v_h_search .whatcontent .list:nth-of-type(4){
    transition: all .3s ease .5s;
}
.v_h_search .whatcontent .list{
    float: left;
    margin-bottom:36px;
    padding: 0 25px;
    width:50%;
    opacity: 0;
    transform: translatey(40px);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.v_h_search .whatcontent .list .pad{
    padding-bottom:16px;
    border-bottom:1px solid rgba(255,255,255,.5);
}
.v_h_search .whatcontent .list a{
    color: #fff;
    font-style: 16px;
}

html, body {
  width: 100%;
  height: 100%;
}

.slidemenu {
  height: 60px;
  line-height: 60px;
  background: #424242;
  width: 100%;
  position: absolute;
  top: 60px;
  left: 0;
  z-index: 2;
  font-size: 14px;
  display: none;
}

.slidemenu .slidecontent {
  padding-left: 199px;
  position: relative;
  z-index:2
}

.slidemenu .slidecontent ul {
    height: 60px;
    line-height: 60px;
    display:inline-block;
}

.slidemenu .slidecontent ul li{
  float: left;
  height: 30px;
  line-height: 30px;
  margin:15px 15px 15px 0;
  padding-right: 14px;
  /*display: none;*/
}
.slidemenu .slidecontent .ul1{
  margin-left: 0;

}
.slidemenu .slidecontent .ul1 li{
  border-right: 1px solid rgba(255,255,255,0.3);

}
.slidemenu .slidecontent .ul1 li:nth-last-child(2) {
  border:none;
}
.slidemenu .slidecontent .ul3{text-align: center;}
.slidemenu .slidecontent .ul3 li:first-child{margin-left: 280px;}
.slidemenu .slidecontent li a {
  padding-left: 35px;
  color: #fff;
  width: auto;
  font-size: 12px;
  display: inline-block;
  opacity: .7;
  background-size: 24px !important;
}
.slidemenu .slidecontent li a:hover{
  opacity: 1;
}
.slidemenu .slidecontent li .p-01 {
  background: url(/uploads/image/phiglobal/c1.png) left center no-repeat;
}
.slidemenu .slidecontent li .p-02 {
  background: url(/uploads/image/phiglobal/c2.png) left center no-repeat;
}
.slidemenu .slidecontent li .p-03 {
  background: url(/uploads/image/phiglobal/c3.png) left center no-repeat;
}
.slidemenu .slidecontent li .p-04 {
  background: url(/uploads/image/phiglobal/c4.png) left center no-repeat;
}
.slidemenu .slidecontent li .p-05 {
  background: url(/uploads/image/phiglobal/c5.png) left center no-repeat;
}
.slidemenu .slidecontent li .p-06 {
  background: url(/uploads/image/phiglobal/c6.png) left center no-repeat;
}
.slidemenu .slidecontent li .p-07 {
  background: url(/uploads/image/phiglobal/c7.png) left center no-repeat;
}
.slidemenu .slidecontent li .p-08 {
  background: url(/uploads/image/phiglobal/c8.png) left center no-repeat;
}

.headlist{
  width: 100%;
  height: 327px;
  margin-top:60px;
  padding-top: 44px;
  background: #fff;
  display: none;
}
.headlist .listbody{
  width: 1100px;
  height: 238px;
  margin:0 auto;
}
.headlist .listbody ul{
  width: 1100px;
  display:inline-block;
}
.headlist .listbody ul li{
  width: 162px;
  height: 238px;
  display: inline-block;
  margin-right: 41px;
}
.headlist .listbody ul li:last-child{
  width: 30px;
  height: 238px;
  padding-top:85px;
  margin-right:0px;
  display: inline-block;
  vertical-align: top;
}
.headlist .listbody .linkbutton{
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  line-height: 30px;
  padding:0 10px;
  color:#fff !important;
  font-weight: 400 !important;
  background-color:#d2d2d2;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%; 
}
.headlist ul li a{
  display: inline-block;
}
.headlist ul li img {
  display: inline-block;
  width: 162px;
  height: 162px;
}
.headlist ul li a p{
  text-align: center;
  font-size: 14px;
}
.headlist .listtitle{
  width: 162px;
  height: 20px;
  line-height: 20px;
  margin-top: 25px;
  margin-bottom:10px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  text-align: center;
}
.headlist .listseries{
  width: auto;
  height: 22px;
  line-height: 22px;
  padding:2px 6px;
  text-align: center;
  color:#aaaaaa !important;
  font-weight: 400 !important;
  border:1px solid #aaaaaa;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.headlist ul li a:hover{
  color:red;
  font-weight: 600;
}
.ft-btm {
  height: 60px;
  background: #1f1f1f;
  font-size: 12px;
  padding-top: 22px;
}

.ft-btm .b-l {
  color: #939393;
  float: left;
}

.ft-btm .b-r {
  float: right;
  width: 128px;
  height: 14px;
  line-height: 14px;
}

.ft-btm .b-r span {
  display: inline-block;
  float: left;
  padding: 0 10px;
  color: #d8d8d8;
  font-size: 12px;
}
.ft-btm .b-r span a{
  color: #d8d8d8;
}

.footwrap .server .i-weixin .ercode{
  display: block;
  width:770px;
  position: absolute;
  right: 0;
  bottom:40px;
  font-size: 0;
  background: #fff;
  padding: 0 5px;
  border: 1px solid #cfcfcf;
  text-align: center;
}
.footwrap .server .i-weixin .ercode:after, .footwrap .server .i-weixin .ercode:before {
    border: solid transparent;
    content: ' ';
    height: 0;
    top: 100%;
    position: absolute;
    width: 0;
}
.footwrap .server .i-weixin .ercode:after {
    border-width:6px;
    border-top-color: #fff;
    right:10px;
}
.footwrap .server .i-weixin .ercode:before {
    border-width:8px;
    border-top-color: #cfcfcf;
    right:8px;
}
.footwrap .server .i-weixin .ercode .list{
  display:inline-block;
  text-align: center;
  padding: 10px 0;
}
.footwrap .server .i-weixin .ercode img{
  width:140px;
  height: auto;
  padding:0 5px;
  box-sizing: content-box;
}
.footwrap .server .i-weixin .ercode p{
  font-size: 12px;
  color: #000;
  margin: 0;
}
.nokill{
    height: 50px;
    line-height:50px;
    font-size:14px;
    color: #888;
    text-align: center;
    padding-top:5px;
}

/*系列渐变*/
.prolistmain .color101,.prolistmain .color102{background: url(/uploads/image/phiproduct/color101.jpg) center no-repeat; color:#1c1c1c;}
.prolistmain .color201,.prolistmain .color202{background: url(/uploads/image/phiproduct/color201.jpg) center no-repeat; color:#1c1c1c;}
.prolistmain .color301{background: url(/uploads/image/phiproduct/color301.jpg) center no-repeat; color:#1c1c1c;}
.prolistmain .color401{background: url(/uploads/image/phiproduct/color401.jpg) center no-repeat; color:#1c1c1c;}
.prolistmain .color501{background: url(/uploads/image/phiproduct/color501.jpg) center no-repeat; color:#1c1c1c;}
.prolistmain .color601{background: url(/uploads/image/phiproduct/color601.jpg) center no-repeat; color:#1c1c1c;}
.prolistmain .color701{background: url(/uploads/image/phiproduct/color701.jpg) center no-repeat; color:#1c1c1c;}

.bcolor101,.bcolor102{background:  center no-repeat;}
.bcolor201,.bcolor202{background:  center no-repeat;}
.bcolor301{background:  center no-repeat;}
.bcolor401{background:  center no-repeat;}
.bcolor501{background:  center no-repeat;}
.bcolor601{background:  center no-repeat;}
.bcolor701{background:  center no-repeat;}
/*弹框图片背景色*/
.swiper-slide{background-color: #fff;}