*{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;
}
/*����ҳ��λ��*/
.clear:after{clear:both;content:'';display: block;height:0;overflow: hidden; }
.container{width: 1200px;margin:0 auto;}
.rel{position: relative;}
.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;
}

.inbanner {
    width: 100%;
    overflow: hidden;
    position: relative
}

    .inbanner .inbanner-slick {
        overflow: hidden;
        position: relative;
        width: 100%;
        text-align: center
    }

        .inbanner .inbanner-slick img {
            width: 100%;
            vertical-align: middle
        }

    .inbanner .content {
        min-height: 500px
    }

    .inbanner .current {
        background: url(../images/current.png) repeat center center;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 43px;
        line-height: 43px;
        text-align: right;
        color: #fff;
        font-size: 12px
    }

        .inbanner .current .current-title img {
            vertical-align: sub;
            margin-right: 5px
        }

        .inbanner .current .current-title a {
            color: #fff
        }

    .inbanner .container {
        width: 1200px;
        margin: 0 auto;
    }
.content-box .content-b-t {
        position: relative;
    }

/* 移动端适配基础样式 */
@media (max-width: 768px) {
    /* 全局容器调整 */
    .content,
    .container {
        width: 100% !important;
        padding: 0 15px;
        box-sizing: border-box;
    }
    
    /* 图片自适应 */
    img {
        max-width: 100%;
        height: auto;
    }
    
    /* 浮动元素调整 */
    .fl,
    .fr {
        float: none !important;
    }
    
    /* 导航菜单调整 */
    .nav ul {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .nav li {
        margin-bottom: 10px;
    }
    
    /* 表单元素调整 */
    input[type="text"],
    input[type="password"],
    textarea,
    select {
        width: 100%;
        box-sizing: border-box;
    }
    
    /* 边距调整 */
    .mt20,
    .ml20,
    .mr20,
    .mb20 {
        margin: 10px 0 !important;
    }
    
    .mt10,
    .ml10,
    .mr10,
    .mb10 {
        margin: 5px 0 !important;
    }
    
    /* 字体大小调整 */
    body {
        font-size: 14px !important;
    }
    
    h1 {
        font-size: 24px !important;
    }
    
    h2 {
        font-size: 20px !important;
    }
    
    h3 {
        font-size: 18px !important;        
        height: auto !important;
        line-height: 50px !important;
    }
    
    h4 {
        font-size: 16px !important;
    }
    
    /* 隐藏部分装饰元素 */
    .inbanner .current {
        display: none;
    }
}

/* 平板设备适配 */
@media (min-width: 769px) and (max-width: 1024px) {
    /* 容器宽度调整 */
    .content,
    .container {
        width: 100% !important;
        padding: 0 20px;
        box-sizing: border-box;
    }
}
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #ebebeb;
    font-size: 25px;
    color:#000;
    text-align:center;
}
.content-box .content-b-c {
        position: relative;
    width: 100%;
    padding: 30px 0;
    color:#000;
}

/*==================================================================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====================================================================================*/
