/* 详情页自定义样式*/
.my-detail{
width: 100%;
margin-bottom: 20px;
}
.my-detail .item{
width: 49%;
margin-left:1%;	
}
.fl{
float: left;
}
.fr{
float: right;
}
.cl{
clear: both;
}
.item .info{
background-color: #EEEEEE;
padding: 20px;
}
.item .info .fubiaoti{
font-weight: bold;
height: 45px;
line-height: 45px;
}
.item .info li{
height: 40px;
line-height: 40px;
}
.item .jine{
font-size: 32px;
color: #ee2d2b;
padding-top: 10px;
height: 60px;
line-height: 60px;
font-weight:bold;
}
.item .img{
text-align: center;
height: 580px;
overflow: hidden;
}
.item .pro-jieshao{
font-size: 14px;
line-height: 26px;
}
.item .img img{
width: auto;
height: 100%;
}
.xian{
height: 15px;
margin-top: 15px;
margin-bottom: 15px;
border-top: 1px dashed #EEEEEE;
border-bottom: 1px dashed #EEEEEE;
}
.item table{
width: 100%;
}.item table td{
width: 50%;
text-align: center; 
height: 55px;
line-height: 55px;
}
.item.jindu .jindu-item{
width: 50%;
float: left;
height: 150px;
line-height: 150px;
text-align: center;
}
.ClassyCountdown-wrapper > div {
display: inline-block;
position: relative;
width: calc(25% - 20px);
margin: 10px;
}
.xijie{
padding: 30px 0px;
}
.xijie p{
font-size: 14px;
line-height: 26px;
padding-top: 15px;
}.xijie h2{
font-size: 24px;
color: #000000;
height: 3em;
line-height: 3em;
text-transform:uppercase
}.xijie  div img{
width: 100%;
height: 100%;
}.xijie  div{
text-align: center;
}.item .readmore{
display: block;
padding: 10px;
width: 150px;
margin-top: 20px;
color: #333;
border: 2px solid #333;
text-align: center; 
}
.item .readmore:hover{
background-color:#ee2d2b;
border-color:#ee2d2b ;
color: #fff;
}
.news-item{
border:1px solid #f7f7f7;
padding:15px;
}
.news .item{
width:48%;
}
.news-item .news-img{
width:100%;
height:300px;
overflow:hidden;
}
.news-item div img{
width:100%;
height:300px;
transition:all 0.5s;
}
.news-item a h3{
font-size:22px;
color:#333;
padding-top:15px;
padding-bottom:15px;
}
.news-item a:hover h3{
font-size:22px;
color:#ee2d2b;
padding-top:15px;
padding-bottom:15px;
}
.news-item a:hover img{
transform:scale(1.1,1.1);
}
.news-item .date{
font-size:12px;
color:#999;
padding:10px 0px;
padding-top:0px;
}
.news-item .gaiyao{
line-height:24px;
color:#666;
}
.news-item .news-more{
margin-top:20px;
padding-top:15px;
padding-bottom:15px;
border-top:1px solid #f7f7f7;
}.news-item .news-more a{
font-size:14px;
font-weight:bold;
transition:all 0.5s;
}
.news-item a:hover{
color:#ee2d2b;
}
.news .item{
margin-bottom:20px;
}
.g_page{
margin-top:20px;
margin-bottom:10px;
}
h1.pro-name{
font-size:32px;
color:#000;
text-transform:uppercase
}
h2.pro-name{
font-size:28px;
color:#000;
margin-bottom:20px;
text-transform:uppercase
}
.pro-name span{
background:url(../img/h1bg.png) right center repeat-x;
padding-right:150px;
margin-left:20px;
}
.myprev,.mynext{
display:inline-block; 
width:50px;
background-color:rgba(0,0,0,0.45); 
height:100px;
line-height:95px;
text-align:center;
position:fixed;
top:45%;
transition:all 0.5s;
color:#fff;
font-size:30px;
font-weight:normal;
}
.myprev:hover,.mynext:hover{
background-color:#ee2d2b;
}
.myprev:hover span,.mynext span{
color:#fff;
}
.myprev{
left:0px;
}
.mynext{
right:0px;
}
.gobuy span{
font-size:26px;
margin-right:5px;
}.gobuy{
line-height:26px;
margin-right:10px;
}

/* 进度条样式 */
@-webkit-keyframes load {
  0% {
    stroke-dashoffset: 0;
  }
}
@keyframes load {
  0% {
    stroke-dashoffset: 0;
  }
}
.progress {
  position: relative;
  display: inline-block;
  padding: 0;
  text-align: center;
}
.progress > li {
  display: inline-block;
  position: relative;
  text-align: center;
  color: #93A2AC;
  font-family: Lato;
  font-weight: 100;
  margin: 2rem;
}
.progress > li:before {
  content: attr(data-name);
  position: absolute;
  width: 100%;
  bottom: -2rem;
  font-weight: 400;
}
.progress > li:after {
  content: attr(data-percent);
  position: absolute;
  width: 100%;
  top: 3.7rem;
  left: 0;
  font-size: 2rem;
  text-align: center;
}
.progress svg {
  width: 15rem;
  height: 10rem;
}
.progress svg:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
.progress svg:nth-child(2) path {
  fill: none;
  stroke-width: 25;
  stroke-dasharray: 629;
  stroke: #fff;
  opacity: .9;
  -webkit-animation: load 10s;
          animation: load 10s;
}

.yuanxing li{
	width:50%;
	float:left;
	text-align:center;
}
.yuanxing li svg{
	margin:0 auto;
	
}