*{margin:0px;padding:0px;}
body{background:#e6e6e6;font-size:12px;font-family:"Microsoft YaHei";color:#313131;}
a{text-decoration:none;cursor:pointer;color:#666}
a:hover{color:#ed182a}
a:visited{ color:inherit;}
img{border:none;}
em,i{font-style:normal;}
input{outline:none;border:none;font-family:"Microsoft YaHei";}
li{list-style-type:none;}
.fl{float:left;}
.fr{float:right;}
.back-orange{background:#ff9900;}
.white{color:#FFF;}
.wrap{width:100%;}
.content{width:1200px;margin:0px auto;zoom:1;overflow: hidden;}
.clear{clear:both;}
.mt5{margin-top:5px;}
.mt20 { margin-top: 20px;}
.ml20{margin-left:20px;}
.ml10{margin-left:10px;}
.mt10 { margin-top: 10px;}
em{font-style:normal;}
.border {
    border: 1px solid #dedede;
}
/*二级页面位置*/
.weizhi {
    height: 40px;
    line-height: 40px;
    text-align: left;
    margin: 0px auto;
    background-image: url(../images/casebj.png);
    background-position: 0px -128px;
    text-indent: 20px;
}
/*评价星星*/
.empstar, .fullstar {
    background: url(../images/star.gif);
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 1px;
}
.empstar {
    background-position: right;
}

/*==================================================================HTML5 CSS3 特效==========================================================================*/
/*遮罩*/
.ht5_zhezhao{ height:100%; width:100%; background:url(../images/touming2.png) repeat; text-align:center;opacity:0;transition: all 0.4s;-moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.4s;}
.ht5_zhezhao table{ width:100%;height:100%;}
.ht5_zhezhao table td{color:#FFF;font-size:60px;text-align: center;transition: all 0.4s;-moz-transition: all 0.4s; -o-transition: all 0.4s; -webkit-transition: all 0.3s;}
.ht5_zhezhao:hover{opacity:1;font-size:30px;}
.ht5_zhezhao:hover table td{opacity:1;font-size:25px;}

.ht5_touming:hover{opacity: 0.8;-moz-opacity: 0.8;filter:alpha(opacity=80);}

.ht5_fangda{transition: all 0.3s;-moz-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s;}
.ht5_fangda:hover{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.ht5_360deg:hover{transform:rotate(360deg);-ms-transform:rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-moz-transform: rotate(360deg);}

.ht5_huangdong:hover{transform: translateX(-6px);}

.ht5_beijinfushang{ transition: 0.5s;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.ht5_beijinfushang:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}

.ht5_yanchi:hover{ transition: color 0.3s ease-out; -webkit-transition:color 0.3s ease-out;-o-transition:color 0.3s ease-out;-ms-transition:color 0.3s ease-out;} 

.ht5_bottom_top{animation:ht5_bottom_top 3s .2s ease both;} 
.ht5_top_bottom{animation:ht5_top_bottom 3s .2s ease both;} 
.ht5_left_right{animation:ht5_left_right 3s .2s ease both;} 
.ht5_right_left{animation:ht5_right_left 3s .2s ease both;} 
.ht5_top_bottom_huangdong{animation:ht5_top_bottom_huangdong 3s .2s ease both;}
.ht5_opacity{animation:ht5_opacity 3s .2s ease both;}
.ht5_huangdong{transition: transform 0.2s linear 0s;}

@-webkit-keyframes ht5_bottom_top{
	0%{opacity:0;
	-webkit-transform:translateY(0px)}
	50%{opacity:0.5;
	-webkit-transform:translateY(-20px)}
	100%{opacity:1;
	-webkit-transform:translatey(-40px)}	
}
@-moz-keyframes ht5_bottom_top{
	0%{opacity:0;
	-webkit-transform:translateY(0px)}
	50%{opacity:0.5;
	-webkit-transform:translateY(-20px)}
	100%{opacity:1;
	-webkit-transform:translatey(-40px)}	
}
@-ms-keyframes ht5_bottom_top{
	0%{opacity:0;
	-webkit-transform:translateY(0px)}
	50%{opacity:0.5;
	-webkit-transform:translateY(-20px)}
	100%{opacity:1;
	-webkit-transform:translatey(-40px)}	
}

@-webkit-keyframes ht5_opacity{
    0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes ht5_opacity{
    0%{opacity:0}
    100%{opacity:1}
}
@-ms-keyframes ht5_opacity{
    0%{opacity:0}
    100%{opacity:1}
}

@-webkit-keyframes ht5_left_right{
    0%{opacity:0;
    -webkit-transform:translateX(-40px)}
    100%{opacity:1;
    -webkit-transform:translateX(0)}
}
@-moz-keyframes ht5_left_right{
    0%{opacity:0;
    -moz-transform:translateX(-40px)}
    100%{opacity:1;
    -moz-transform:translateX(0)}
}
@-ms-keyframes ht5_left_right{
    0%{opacity:0;
    -ms-transform:translateX(-40px)}
    100%{opacity:1;
    -ms-transform:translateX(0)}
}

@-webkit-keyframes ht5_right_left{
    0%{opacity:0;
    -webkit-transform:translateX(40px)}
    100%{opacity:1;
    -webkit-transform:translateX(0)}
}
@-moz-keyframes ht5_right_left{
    0%{opacity:0;
    -moz-transform:translateX(40px)}
    100%{opacity:1;
    -moz-transform:translateX(0)}
}
@-ms-keyframes ht5_right_left{
    0%{opacity:0;
    -ms-transform:translateX(40px)}
    100%{opacity:1;
    -ms-transform:translateX(0)}
}

@-webkit-keyframes ht5_top_bottom{
    0%{opacity:0;
    -webkit-transform:translateY(-1800px)}
    60%{opacity:1;
    -webkit-transform:translateY(20px)}
    80%{-webkit-transform:translateY(-10px)}
    100%{-webkit-transform:translateY(0)}
}

@-moz-keyframes ht5_top_bottom{
    0%{opacity:0;
    -moz-transform:translateY(-1800px)}
    60%{opacity:1;
    -moz-transform:translateY(20px)}
    80%{-moz-transform:translateY(-10px)}
    100%{-moz-transform:translateY(0)}
}
@-ms-keyframes ht5_top_bottom{
    0%{opacity:0;
    -ms-transform:translateY(-1800px)}
    60%{opacity:1;
    -ms-transform:translateY(2px)}
    80%{-ms-transform:translateY(-10px)}
    100%{-ms-transform:translateY(0)}
}
@-webkit-keyframes ht5_top_bottom_huangdong{
    0%{-webkit-transform:perspective(400px) rotateX(90deg);
    opacity:0}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg)}
    70%{-webkit-transform:perspective(400px) rotateX(10deg)}
    100%{-webkit-transform:perspective(400px) rotateX(0deg);
    opacity:1}
}
@-moz-keyframes ht5_top_bottom_huangdong{
    0%{-moz-transform:perspective(400px) rotateX(90deg);
    opacity:0}
    40%{-moz-transform:perspective(400px) rotateX(-10deg)}
    70%{-moz-transform:perspective(400px) rotateX(10deg)}
    100%{-moz-transform:perspective(400px) rotateX(0deg);
    opacity:1}
}
@-ms-keyframes ht5_top_bottom_huangdong{
    0%{-ms-transform:perspective(400px) rotateX(90deg);
    opacity:0}
    40%{-ms-transform:perspective(400px) rotateX(-10deg)}
    70%{-ms-transform:perspective(400px) rotateX(10deg)}
    100%{-ms-transform:perspective(400px) rotateX(0deg);
    opacity:1}
}


/*从上到下 前后 end*/

/*设置动画效果 结束 end====================================================================================*/



/*翻页*/
.pages{line-height:26px; text-align:center;  margin:15px 0; clear:both;word-wrap: break-word;word-break: break-all;}
.pages li{ display:inline-block; padding:0 8px; text-decoration:none!important; background-color:#f0f0f0; border:1px solid #DDD; color:#888; margin:2px; -moz-border-radius: 4px; border-radius: 4px;}
.pages li:hover{background-color: #ed182a!important;color: #fff !important;}

.pages li:hover a{color:#fff!important;}
.pages li.thisclass{background-color: #ed182a!important;color: #fff !important;}



/* case */
#case{
	width:1200px;margin:0 auto;height:700px;
}
#case h2,
#material h2,
#news h2{
	font-size:25px;
	line-height:45px;text-align:center;
}
#case h2 span,
#material h2 span{
	padding-right:25px;
}

.position-a {
    position: absolute;
}


.case-con{
	padding-top:30px;
}
.case-fl{
	width:794px;
	height:507px;
}
.case-fl span{
	top:246px;
	left:368px;
}

.case-fl dl,.case-fr dl{padding:0;margin:0} 

.case-fl dl dt img{
	width:794px;
	height:507px;
}
.case-fl dl dd,
.case-fr dl dd{
	width: 794px; height: 16px; text-align: center; line-height: 16px; color: #fff; font-size: 16px; position:absolute ; left:0; bottom:10px; z-index:1;
}
.imgbox{
	width:100%;
	height:100%;
	border:1px solid #fff;
	top:0;
	left:0;
}
.imgbox:hover{
	transform:scale(0.98);
	-o-transform:scale(0.98);
	-moz-transform:scale(0.98);
	-webkit-transform:scale(0.98);
}
.case-fr{
	width:391px;
}
.case-fr dl{
	width:391px;
	height:246px;
}
.case-fr dl dt img{
	width:391px;
	height:246px;
}
.case-fr dl dd{
	width: 391px;
}
.case-fr dl span{
	top:85px;
	left:129px;
}
.case-fr dl:hover dt img{
	transform: scale(1.03);
	-o-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-webkit-transform: scale(1.03);
}
.case-fr dl span img,
.case-fl dl span img{
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	-webkit-transition: all 300ms ease-in;
    -o-transition: all 300ms ease-in;
    -moz-transition: 300ms ease-in;
}
.case-fr dl:hover span img,
.case-fl dl:hover span img{
   -webkit-transform:scale(1.5);
   -moz-transform:scale(1.5);
   -o-transform:scale(1.5);
   -ms-transform:scale(1.5);
   transform: scale(1.5);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}


/* ?????? */
.position-r {position: relative;}
.position-a {position:absolute}

/* img hidden */
.overflow{ overflow:hidden;}

/* img scale */
.picture img{
	transition:all 0.3s ease-in;
	-o-transition:all 0.3s ease-in;
	-moz-transition:all 0.3s ease-in;
	-webkit-transition:all 0.3s ease-in;
}
.picture:hover img{
	transform: scale(1.02);
	-o-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-webkit-transform: scale(1.02);
}

.mr15 {
    margin-right: 15px;
}
.mt15 {
    margin-top: 15px!important;
}

.fl {
    float: left;
}