*{padding:0;margin:0;}
a{text-decoration:none;}
ul, ol{list-style:none;}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    margin: 0;
}
img {
    border: none;
    vertical-align: bottom;
}
p{padding:0;margin:0;}
@font-face {
  font-family: "SourceHanSansCN-Light";
  src: url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Light.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Light.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Light.svg") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "SourceHanSansCN-Light";
  src: url("../fonts/SourceHanSansCN-Light.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Light.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Light.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Light.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Light.svg") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "SourceHanSansCN-Medium";
  src: url("../fonts/SourceHanSansCN-Medium.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Medium.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Medium.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Medium.svg") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "HelveticaNeueLTPro-LtEx";
  src: url("../fonts/HelveticaNeueLTPro-LtEx.woff2") format("woff2"),
       url("../fonts/HelveticaNeueLTPro-LtEx.woff") format("woff"),
       url("../fonts/HelveticaNeueLTPro-LtEx.ttf") format("truetype"),
       url("../fonts/HelveticaNeueLTPro-LtEx.eot") format("embedded-opentype"),
       url("../fonts/HelveticaNeueLTPro-LtEx.svg") format("svg");
  font-display: swap;
}
@font-face {
  font-family: "CenturyGothic";
  src: url("../fonts/CenturyGothic.woff2") format("woff2"),
       url("../fonts/CenturyGothic.woff") format("woff"),
       url("../fonts/CenturyGothic.ttf") format("truetype"),
       url("../fonts/CenturyGothic.eot") format("embedded-opentype"),
       url("../fonts/CenturyGothic.svg") format("svg");
  font-display: swap;
}

body{
    font-family: "HelveticaNeueLTPro-LtEx";
}
.container {padding:0;}
.container.w1200{max-width: 1200px;}
.top{width:100%;background:#fff;overflow:hidden;padding:10px 0;}
.w1600{max-width:1600px;margin:auto;}
.top .logo{display:block;float:left;width:15%;margin-top: 5px;}
.top .logo img{width:100%;image-rendering: -webkit-optimize-contrast;-ms-interpolation-mode: nearest-neighbor;}
.top .top-right{    float: right;
    overflow: hidden;
    width: 30%;
    text-align: right;
    vertical-align: middle;font-family:'SourceHanSansCN-Light',Arial,sans-serif;}
.top .top-right form{width:250px;float:right;
    position: relative;
    background: #f2f2f2;
    border-radius: 20px;
    display: inline-block;
    overflow: hidden;
    margin: 15px 0;
    margin-right: 5%;}
.top .top-right form input{width:100%;border:0;outline: 0;background: #f2f2f2;padding:7px 10px; font-family: "HelveticaNeueLTPro-LtEx",Arial,sans-serif;}
.top .top-right form button{width:6%;border:0;background:0;outline: 0;position: absolute;top:3px;right:10px;cursor:pointer;font-family:'SourceHanSansCN-Light',Arial,sans-serif;}
.top .top-right form button img{width:100%;}
.top .top-right a{display:inline-block;margin-left:5%;font-size:14px;color:#959595;float:right;margin-top: 18px;font-family: 'SourceHanSansCN-Light',Arial,sans-serif;}
.top .top-right a img{width:15px;display:inline-block;margin-right:5px;vertical-align:middle;}
.nav ul{margin:auto;clear:both;}
.nav ul.nav-ul{width:90%;margin:auto;white-space: nowrap;}
.nav li.nav1:last-child{margin-right:0!important}
/*.nav li.nav1:first-child{margin-left:8px!important}*/
.nav li.nav1{font-size:16px;color:#fff;padding:20px 0;float:left;/*width:20%;*/text-align:center;width:auto;/*margin-right: 7%;*/}
.nav li a.a1{display:inline-block;letter-spacing: 1px;color:#fff;text-align:center; font-family: "HelveticaNeueLTPro-LtEx",'Microsoft YaHei';font-size:20px;font-weight: 100;position:relative;height:49px;line-height:49px;text-transform: uppercase; }
.nav li.nav1:nth-child(1) .a1{width:130.28px;}
.nav li.nav1:nth-child(2) .a1{width:187.33px;}
.nav li.nav1:nth-child(3) .a1{width:229.31px;}
.nav li.nav1:nth-child(4) .a1{width:176.95px;}
.nav li.nav1:nth-child(5) .a1{width:157.03px;}

.nav li.active .a1,.nav ul li:hover .a1{background:#fff;color:#ff6e01;}
.index-banner{margin:20px auto!important;}
 .swiper-container,.swiper-container1,.swiper-container2 {
      width: 100%;
      height: 100%;
      position: relative;
    }
   .swiper-container .swiper-slide,.swiper-container1 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-container1{margin-top:30px;}
.nav li:hover ul{display:block;transition:.3s ease .1s;}
.nav1 .p1{height:49px;position:relative;margin:auto;}
.nav li ul.dropdown-menu{background: #fff;width:auto;box-shadow: 1px 1px 10px rgba(0,0,0,.3); line-height: 50px; padding: 20px 0;margin-top: 5px;min-width: auto;}
.nav li ul.dropdown-menu li a{display:inline-block;padding:10px 30px;color:#2d2d2d;font-size:20px;    letter-spacing: 1px;font-family: "HelveticaNeueLTPro-LtEx",Arial,sans-serif;text-align: left;width: 100%;}  
.nav li ul li:hover a{background:#ff8901;color:#fff;}
.nav li ul li.side_nav1.on a{background:#ff8901;color:#fff;}
/*.nav li ul.dropdown-menu li:nth-child(4) a{padding:10px 40px;}*/
 .watch{margin:20px auto;overflow:hidden;}
 .watch .w-title{text-align:center;margin:20px 0;}
 .watch .w-title h2{font-size:42px;color:#0f0f0f;padding:15px 0 5px;    letter-spacing: 1px; font-family: "HelveticaNeueLTPro-LtEx",Arial,sans-serif;/*font-family:'SourceHanSansCN-Medium';*/}
 .watch .w-title p{font-size:28px;color:#0f0f0f; font-family: "HelveticaNeueLTPro-LtEx",Arial,sans-serif;letter-spacing: 1px;}
 .watch ul{width:100%;clear:both;margin-top:75px;}
 .watch ul li{width:32%;margin-right:2%;float:left;}
 .watch ul li:last-child{margin-right:0;}
 .watch ul li a{display:block;width:100%;}
 .watch ul li a img{width:100%;transition:.3s ease .1s;}
 .watch ul li:nth-child(2) img{transform: translateY(-30px);}
 .watch ul li:hover:nth-child(2) img{transform: translateY(-45px);}
 .watch ul li:hover img{transform: translateY(-30px);transition:.3s ease .1s;}
 .sport{margin:30px auto;overflow:hidden;}
 .sport .s-title{width:100%;overflow:hidden;clear:both;margin:50px 0 40px;}
 .sport .s-title .left{width:40%;float:left;}
 .sport .s-title .left h3{font-size:30px;color:#0f0f0f;padding-bottom:20px;
    font-weight: normal; font-family: "HelveticaNeueLTPro-LtEx",Arial,sans-serif;    letter-spacing: 1px;}
 .sport .s-title .left span{display:block;width:100px;height:1px;background:#575757;}
 .sport .s-title .right{float:right;font-size:20px;margin-top:2px;    letter-spacing: 1px;font-family: "HelveticaNeueLTPro-LtEx",Arial,sans-serif; color:#000;/*font-family: 'SourceHanSansCN-Regular',Arial,sans-serif;*/text-align: right;}
 .sport ul{width:100%;clear:both;}
 .sport ul li{width:49%;margin-right:2%;float:left;}
 .sport ul li:last-child{margin-right:0;}
 .sport ul li a{display:block;width:100%;overflow:hidden;}
 .sport ul li a img{width:100%;transition:.3s ease .1s;box-shadow: 1px 1px 9px #ccc;}
 .sport ul li a:hover img{transform:scale(1.1);transition:.3s ease .1s;}
 .health{width:100%;margin:20px 0;}
 .health a img{width:100%;}
 .swiper-container2 li{overflow:hidden;}
 .swiper-container2 li>span{display:block;width:100%;}
 .swiper-container2 li>span img{width:100%;}
 .swiper-container2 li .center{padding:10px 0;border-bottom:1px solid #575757;overflow:hidden;text-align: left;}
 .swiper-container2 li .center h4{font-size:28px;font-family:'HelveticaNeueLTPro-LtEx',Arial,sans-serif;color:#0f0f0f; }
 .swiper-container2 li .center p{font-size:23px;color:#000;padding: 2px 0 7px;font-family:'CenturyGothic',Arial,sans-serif;}
 .swiper-container2 li .center a{display:block;width:100px;letter-spacing:2px;text-align:center;font-size:16px;background:#ff8201;color:#fff;text-align:center;padding:5px 0; /*font-family: "SourceHanSansCN-Regular",Arial,sans-serif;*/}
 .sport .more{text-align:center;font-size:16px;color:#818181;padding:30px 0;}
 .sport .more span{display:inline-block;padding:2px 15px;border:1px solid #000;cursor:pointer;outline:0;color: #000;line-height: 26px;}
 .sport .more p{display: inline-block;
    margin: 0 10px;
    border: 1px solid #000;
    vertical-align:top;
   }
.sport .more p a{color:#000;display:block; height: 30px; font-family: "SourceHanSansCN-Light",Arial,sans-serif;
    line-height: 30px;
    padding: 0 50px;}
.sport .more span.control-prev i{background:url(../images/jiantz.png)no-repeat center;display:block;width:30px;height:30px;background-size:contain;}
.sport .more span.control-next i{background:url(../images/jianty.png)no-repeat center;display:block;width:30px;height:30px;background-size:contain;}
.sport .more span:hover{background:#ff8201;color:#fff;border:1px solid #ff8201;}
.sport .more span.control-prev:hover i{background:url(../images/jiantz1.png)no-repeat center;display:block;width:30px;height:30px;background-size:contain;}
.sport .more span.control-next:hover i{background:url(../images/jianty1.png)no-repeat center;display:block;width:30px;height:30px;background-size:contain;}
.sport .more p:hover{background:#ff8201;color:#fff;border:1px solid #ff8201;}
.sport .more p:hover a{background:#ff8201;color:#fff;}
.index-news{margin:30px auto;overflow:hidden;}
.index-news ul{background:#f6f6f6;overflow:hidden;clear:both;padding: 10px 25px;}
.index-news ul li{padding:30px 0;border-bottom:1px solid #707070;overflow:hidden;clear:both;}
.index-news ul li a>span{width:180px;display:block;float:left;}
.index-news ul li a>span img{width:100%;}
.index-news ul li .news{line-height:30px;padding-left:200px;}
.index-news ul li .news .p1{font-size:22px;color:#575757;padding:0;font-family:'SourceHanSansCN-Regular',Arial,sans-serif;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-top: -4px;margin-left: -12px;}
.index-news ul li .news .p1:hover{color:#ff6e01;}
.index-news ul li .news .time{margin-bottom: 5px; font-family: "HelveticaNeueLTPro-LtEx",Arial,sans-serif;}
.index-news ul li .news .p1 span{font-size:22px;color:#ff6e01;}
.index-news ul li .news p{font-size:20px;color:#575757;font-family:'SourceHanSansCN-Light',Arial,sans-serif;}
.index-news ul li .news .p2{font-size:16px;color:#575757;line-height:20px;font-family:'SourceHanSansCN-Light',Arial,sans-serif;max-height: 46px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.index-news ul li:last-child{border:0;}


.index-foot{background:-webkit-linear-gradient(to right, #ff7301, #ff8901); background:linear-gradient(to right,#ff7301,#ff8901);width:100%;overflow:hidden;}
.index-foot .title{padding:20px 0;text-align:center;border-bottom:1px solid #ff9621;}
/*.index-foot .title img{width:15%;}*/
.index-foot .item {margin:20px auto;overflow:hidden;width:80%;}
.index-foot .item .item-list{    font-size: 16px;
    color: #fff;
    width: 220px;
    float: left;
    display: inline-block;
    margin-right: 2%;}
.index-foot .item .item-list:first-child(1){margin-right:2.8%;}
.index-foot .item .item-list:first-child(2){margin-right:6.3%;}
.index-foot .item .item-list:first-child(3){margin-right:2%;}
.index-foot .item .item-list:first-child(4){margin-right:.5%;}
.index-foot .item .item-list:last-child{width:245px;margin-right:0;}
.index-foot .item .item-list h3{font-size:20px;color:#fff;font-weight:normal; margin: 10px 0 20px;    text-transform: uppercase;
    letter-spacing: 2px;font-family:'HelveticaNeueLTPro-LtEx',Arial,sans-serif;}
.index-foot .item .item-list ul{line-height:35px;}
.index-foot .item .item-list ul li{line-height: 22px;margin-bottom: 15px;    letter-spacing: 1px;}
.index-foot .item .item-list ul li a{color:#fff;font-family:'HelveticaNeueLTPro-LtEx',Arial,sans-serif;font-size:16px;    letter-spacing: 1px;}
.index-foot .item .item-list ul li a:hover{color:#333;}
.index-foot .item .item-list ul li>div{width:74px;height:74px;}
.index-foot .item .item-list>div img{width:74px;}
@-webkit-keyframes hvr-bob {
    0% {
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
}
50% {
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px)
}
100% {
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
}
}@keyframes hvr-bob {
    0% {
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
}
50% {
    -webkit-transform:translateY(-4px);
    transform:translateY(-4px)
}
100% {
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
}
}@-webkit-keyframes hvr-bob-float {
    100% {
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
}
}@keyframes hvr-bob-float {
    100% {
    -webkit-transform:translateY(-8px);
    transform:translateY(-8px)
}
}
.index-foot .item .item-list>div .mall img{
    vertical-align:middle;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -moz-osx-font-smoothing:grayscale
}
.index-foot .item .item-list>div .mall:hover img{
    -webkit-animation-name:hvr-bob-float,hvr-bob;
    animation-name:hvr-bob-float,hvr-bob;
    -webkit-animation-duration:.3s,1.5s;
    animation-duration:.3s,1.5s;
    -webkit-animation-delay:0s,.3s;
    animation-delay:0s,.3s;
    -webkit-animation-timing-function:ease-out,ease-in-out;
    animation-timing-function:ease-out,ease-in-out;
    -webkit-animation-iteration-count:1,infinite;
    animation-iteration-count:1,infinite;
    -webkit-animation-fill-mode:forwards;
    animation-fill-mode:forwards;
    -webkit-animation-direction:normal,alternate;
    animation-direction:normal,alternate;
    opacity: 0.8;filter: alpha(opacity=80);
}
.index-foot .copy{color:#fff;font-size:14px;text-align:center;padding:15px;border-top:1px solid #ff9621;font-family:'SourceHanSansCN-Light',Arial,sans-serif;}
.index-foot .copy a{color:#fff;}
.morev {
  /*background-color: #ff525e;*/
  padding: 0px 13px;
  vertical-align: middle;
  display: inline-block;
  position: relative;
  box-shadow: 0px 0px 1px rgba(0,0,0,0);
  /* transform: translateZ(0px);
  transition-property: color;
  transition-duration: 0.5s;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-property: color;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden; */
}
/* .morev::before {
  background-color: #f26800;
   transform-origin: 0% 50%;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  position: absolute;
  z-index: -1;
  content: "",Arial,sans-serif;
  transform: scaleX(0);
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-property: transform;
  -webkit-transform: scaleX(0);
  -webkit-transform-origin: 0 50%; 
} */
.morev:hover {
  color: white;
  /*text-decoration: underline;*/
}
.products ul li .center a.morev:hover,.swiper-container2 li .center a.morev:hover {
  background-color: #f26800;
  color: white;
}
.morev:focus {
  color: white;
}
.morev:active {
  color: white;
}

/* 详情页 */
.p_detail{background:#f3f3f3;overflow: hidden;padding:60px 0;height:100%;}
.p_detail .w1600{position: relative;}
.p_detail .p-detail-left{width:45%;display: inline-block;text-align: center;background: #fff;overflow: hidden;}
.p_detail .p-detail-left img{max-width:100%;}
.p_detail .p-detail-left img.on{-webkit-animation:myfir .8s  linear;}
.p_detail .p-detail-right{width:50%;float:right;}
.p_detail .p-detail-right.fix{position: fixed;top: 0;width: auto;}
.p_detail .p-detail-right.static{position: absolute;right: 0;bottom: 0;width: 50%;}
.p_detail .p-detail-right h3{font-size: 30px; color: #000; padding: 0px 0 10px; /*font-family: 'SourceHanSansCN-Light',Arial,sans-serif;*/font-family: 'HelveticaNeueLTPro-LtEx',Arial,sans-serif; }
.p_detail .p-detail-right h3 span.model{font-size: 50px; font-family: 'HelveticaNeueLTPro-LtEx',Arial,sans-serif; color: #0f0f0f;display:inline-block;margin-right:40px;line-height: 40px;}
.p_detail .p-detail-right h3 span.title{font-size: 33px;vertical-align: 2px;font-family: 'HelveticaNeueLTPro-LtEx',Arial,sans-serif; }
.p_detail .p-detail-right>p{font-size:25px;color:#757575;width:100%;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;font-family: 'CenturyGothic',Arial,sans-serif; }
.p_detail .p-detail-right .detail-color{padding:30px 0;border:1px solid #d1d1d1;border-left:0;border-right:0;margin:30px 0 60px;} 
.detail-color p{color:#757575;font-size: 25px;margin-bottom: 20px;font-family: 'CenturyGothic',Arial,sans-serif; }
.detail-color .detail-chose{margin-top:10px;}
.detail-color .detail-chose .c1{display:inline-block; font-family: 'CenturyGothic',Arial,sans-serif;padding: 0 10px;text-align:center;color:#757575;font-size:30px;border:1px solid #d1d1d1;border-radius:10px;margin-right:15px;margin-bottom: 10px;height:65px;line-height:65px;;cursor: pointer;}
.detail-color .detail-chose .c1:hover{border-color: #ff7e01;}
.detail-color .detail-chose .c1.on{border-color: #ff7e01;}
.detail-color .detail-chose .c1.on:hover{border-color: #ff7e01;}
.detail-color .detail-chose .c1 span{display:inline-block;width:25px;height:25px;background: #00b7ee;margin-right:10px;vertical-align: -1px;}
.detail-color .detail-chose .c1 span.c2{background: #ffa7a7;}
.detail-qh li{width:100px;display: inline-block;margin-right:15px;margin-bottom: 10px;}
.detail-qh li a{width:100%;display:block;margin-bottom:10px;}
.detail-qh li a img{width:100%;opacity: 0.6; filter: alpha(opacity=60);}
.detail-qh li.active a img,.detail-qh li a img:hover{opacity: 1; filter: alpha(opacity=100);}
.detail-qh li span{display:block;width:70%;height: 3px;background:rgba(0,0,0,0) ;margin:auto;border-radius: 30px;}
.detail-qh li.active span{background-color:#ff7e01;}
.detail-qh li:last-child {margin-right: 0;}
.sub-detail{width:50%;margin-top: 120px;}
/*.sub-detail{width:100%;}*/
.sub-detail .de1{display:inline-block;margin-right:15px;background:#ff7e01;color:#fff;font-size:24px;cursor: pointer;}
.sub-detail .de1 a{display: block; width: 100%; height: 100%; color: #fff; padding: 7px 45px;}
.detail-content{background:#fff;padding:60px 0 20px;}
.detail-content .detail-pic{text-align:center;font-size:12px;line-height:25px;}
.detail-nav {margin-bottom: 50px; }
.detail-nav.fixed{position: fixed; top: 0; left: 0; width: 100%; background: #fff; padding-top: 30px; }
.placehold {height: 110px;display: none;}
.detail-nav .w1600{border-bottom: 1px solid #ccc; padding-bottom: 30px; }
.detail-nav a {display: inline-block; padding: 8px 12px; margin-right: 30px; border-radius: 5px; font-size: 20px; border: 1px solid #d1d1d1; color: #757575;font-family: 'CenturyGothic',Arial,sans-serif;}
.detail-nav a:hover,.detail-nav a.on {border-color: #ff7e01; color: #ff7e01; }

/* 新闻页 */
.p_news{background:#f3f3f3;overflow: hidden;padding:60px 0;height:100%;text-align: center;}
.p_news ul{width:100%;overflow: hidden;clear:both;text-align: left;}
.p_news ul li{width:48.1%;background:#fff;padding:22px;margin-right:60px;float:left;margin-bottom: 60px}
.p_news ul li:nth-child(2n+2){margin-right:0;}
.p_news ul li a,.p_news ul li span{display:block;}
.p_news ul li .title{color:#0f0f0f;font-size: 24px;overflow: hidden; text-overflow:ellipsis;
  white-space: nowrap;}
.p_news ul li .data{color:#757575;font-size: 20px;margin:5px 0 10px;font-family: "HelveticaNeueLTPro-LtEx",Arial,sans-serif;}
.p_news ul li .img{width:100%;}
.p_news ul li .img img{width:100%;}
.p_news ul li .content{color:#757575;font-size: 16px;line-height:22px;margin-top:10px;overflow:hidden; text-overflow:ellipsis; white-space: normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;min-height: 66px;}

/* 问题页 */
.p_promble{width:100%;margin:30px 0;background:#fff;overflow:hidden;}
.p_promble .p-img{width:100%;}
.p_promble .p-img img{max-width:100%;}
.p_promble .p-hot{margin:35px 0 20px;font-size:30px;color:#ff7f01;}
.p_promble .p-hot span{display:inline-block;width:3%;margin-right:5px;}
.p_promble .p-hot span img{width:100%;}
.p_promble .list{overflow: hidden;}
.p_promble .list li{padding:15px 0;border-bottom:1px solid #eee;}
.p_promble .list li .title {cursor: pointer;}
.p_promble .list li .title p{cursor: pointer;font-size:30px;color:#000;display: inline-block;width:95%;overflow: hidden;}
.p_promble .list li .title p:hover,.p_promble .list li .title.on p{color:#ff6e01;}
.p_promble .list li .title p span.icon{display:inline-block;width:30px;height:30px;background: #ff7f01;color:#fff;text-align:center;line-height:30px;font-size:20px;border-radius:50%;margin-right:20px;float:left;}
.p_promble .list li .title p span.main-title{vertical-align: -3px;font-family:'CenturyGothic',Arial,sans-serif;width: 90%;float: left;margin-top: -6px;}
.p_promble .list li .title img{float:right;width:30px;margin-top: 12px;}
.p_promble .list li .title.on img{transform: rotate(90deg);transition:.2s ease-out .1s;}
.p_promble .list li .p-show{margin:5px 0;margin-left:50px;line-height:30px;display:none;font-size:20px !important;color:#838383 !important;font-family:'CenturyGothic',Arial,sans-serif;}
.p_promble .list li .p-show p{font-size:20px !important;color:#838383 !important;}
.p_promble .page-box{text-align: center;}
@media screen and (min-width:1400px) and (max-width:1650px){
    .w1600{width:90%;margin:auto;}
    .top .top-right{width:40%}
    .top .top-right form{margin:10px 0;}
    .top .top-right a{margin-top:15px;}
    .p_news ul li{width:47.5%;}
}
@media screen and (min-width:1200px) and (max-width:1400px){
    .w1600{width:90%;margin:auto;}
    .top .top-right{width:40%}
    .top .top-right form{margin:10px 0;}
    .top .top-right a{margin-top:15px;}
    .index-foot .item .item-list{width:18%;}
    .index-foot .item .item-list:last-child{width:24%;}
    .dropdown-menu{left:6%;}
    .p_news ul li{width:47.1%;}
    /*.index-news ul li .news {width: 80%;}*/
}
@media screen and (min-width:900px) and (max-width:1200px){
    .w1600{width:90%;margin:auto;}
    .top .top-right{width:60%}
    .top .top-right form{margin:10px 0;}
    .top .top-right a{margin-top:15px;}
    .index-foot .item{width:90%;}
    .index-foot .item .item-list{width:18%;}
    .index-foot .item .item-list:last-child{width:28%;}
    .p_news ul li{width:46.5%;}
    /*.products .title{width:40%!important;}*/
    /*.index-news ul li .news {width: 75%;}*/
}

/*产品*/
.products{background: #f3f3f3;overflow:hidden;text-align: center;}
.products ul{overflow:hidden;clear:both;margin-bottom: 30px;}
.products ul li{width:24.2%;margin-right:1%;background:#fff;margin-bottom:13px;float:left;}
.products ul li.margin-right-0{margin-right:0;}
.products ul li>a{display:block;width:90%;text-align:center;margin:35px auto 0;}
.products ul li>a img{transition:.2s ease .1s;width:100%;}
.products ul li>a img.on{-webkit-animation:myfir .8s  linear;}
.products ul li>a:hover img{transform:scale(1.1);transition:.2s ease .1s;}
.products ul li .kuang{text-align:center;position: relative;
    background: #fff;
    z-index: 9;
    margin-top: 60px;}
.products ul li .kuang span{display:inline-block;cursor: pointer;margin: 0 5px;border:1px solid transparent;line-height: 10px;}
.products ul li .kuang span i{display:inline-block;width:20px;height:20px;background:#ffa7a7;margin:2px;}
.products ul li .kuang span img{display:inline-block;width:20px;height:20px;margin:2px;}
.products ul li .kuang span:hover{border:1px solid #ccc;}
.products ul li .kuang span.on:hover{border:1px solid #ff6e01;}
.products ul li .kuang span.on{border:1px solid #ff6e01;/*-webkit-animation:myfir 1s  linear*/}
.products ul li .center{padding:10px 0 35px;text-align:center;position: relative;
    background: #fff;
    z-index: 9;}
.products ul li .center h2{font-size:32px;font-family:'HelveticaNeueLTPro-LtEx',Arial,sans-serif;color:#0f0f0f;}
.products ul li .center p{font-size:25px;color:#000;padding: 2px 0 7px;font-family:'CenturyGothic',Arial,sans-serif;width: 90%;margin: auto;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;}
.products ul li .center a{display:inline-block;width:110px;text-align:center;font-size:19px;background:#ff8201;color:#fff;text-align:center;padding:5px 0;font-family:'HelveticaNeueLTPro-LtEx',Arial,sans-serif;letter-spacing:2px;}
.products .title{margin:40px auto;text-align:center;position:relative;font-size:28px;color:#0f0f0f;text-align: center;}
.products .title span{display:inline-block;width:70px;height:1px;background:#333;vertical-align: middle;}
.products .title b{font-weight:normal;display:inline-block;vertical-align:middle;padding:0 10px;font-family:'HelveticaNeueLTPro-LtEx',Arial,sans-serif;letter-spacing: 2px;}

.sidetop{display: none;position:fixed;right:50px;z-index:99;bottom:30px;width:50px;height:50px;background:#d6d4d4;text-align:center;line-height:50px;border-radius:5px;cursor: pointer;}
.sidetop.sidetop2{bottom:503px;}
.sidetop span{font-size:20px;color:#fff;}
.sidetop:hover span{color:#b2b2b2;}
 @-webkit-keyframes myfirst {
     0% {
         opacity: 0;
         /*transform:translateX(-11rem);*/
         transform: translateY(-100px);
     }

     100% {
         opacity: 1;
         /*transform:translateX(0);*/
         transform: translateY(0);
     }

 }

 @-webkit-keyframes myfir {
     0% {
         opacity: 0;
         transform: scale(1.2);
     }

     100% {
         opacity: 1;
         transform: scale(1);
     }

 }

 @-webkit-keyframes my {
     0% {
         opacity: 0;
         transform: translateY(150px);
     }

     100% {
         opacity: 1;
         transform: translateY(0);
     }

 }