/*初始化样式*/
body {
    width: 100%;
    /*min-width: 1200px;*/
    margin: 0;
    padding: 0;
    font-size:1em;
    font-family: "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei", "\5B8B\4F53";
}
html {
    margin: 0;
    padding: 0;
    font-size:100%;
}
div,h1,h2,h3,h4,h5,h6,p,ul,li,ol,dl,dt,dd {
    margin:0;
    padding:0;
    list-style:none;
    /*line-height: 1;*/
}
h1 {
    font-size:3em;
    color:#fff;
    font-weight:400;
}
h2 {
    font-size:2.25em;
    color:#333;
    font-weight:400;
}
a {
    text-decoration:none;
    color:#bbb;
}
/*版心*/
.main {
    width:62.625em;
    margin:0 auto;
}
/*页面banner区样式*/
.banner_border {
    border: 1px solid rgba(0,0,0,0);
}
.banner_title_wrap {
    margin-top: 225px;
    transform: translateY(-50%);
}
.banner_title_wrap p,.banner_title_wrap h1{
    text-align: center !important;
}
.banner_title_wrap h1 {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    margin-bottom: -20px;
}
.banner_title_wrap h1 span {
    font-size: 28px;
    font-weight: 400;
}
.banner_title_wrap .banner_title_desc {
    font-size: 1em;
    color: #fff;
    margin-top:-50px;
}
/*关于我们，新闻动态标题样式*/
.info_top .info_title {
    font-size: 1.25em;
    color: #333;
    text-align: center;
}
.info_top h2 {
    font-size: 1.5em;
    color: #333;
    text-align: center;
    margin: 16px 0 56px 0;
    background: url("../images/line.png") no-repeat center center;
}
.info_top h2 span {
    color: #e26265;
}
/*页面遮罩层*/
.shade_tay {
    width: 100%;
    height: 100%;
    /*background: rgba(255,255,255,.2);*/
    background: #000;
    opacity: 0.1;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
/*图片遮罩层*/
.shadow {
    width:100%;
    height:100%;
    background: rgba(0,0,0,.5);
    position: absolute;
    top:0;
    left:0;
}
/*图片缩放动画*/
/*放大*/
.animate_img {
    animation: my_animation 0.5s ease-in-out forwards;
    -moz-animation: my_animation 0.5s ease-in-out forwards;	/* Firefox */
    -webkit-animation: my_animation 0.5s ease-in-out forwards;	/* Safari 和 Chrome */
    -o-animation: my_animation 0.5s ease-in-out forwards;
}
/*恢复*/
.goBackAnimate_img {
    animation: goBackAnimate 0.5s ease-in-out forwards;
    -moz-animation: goBackAnimate 0.5s ease-in-out forwards;	/* Firefox */
    -webkit-animation: goBackAnimate 0.5s ease-in-out forwards;	/* Safari 和 Chrome */
    -o-animation: goBackAnimate 0.5s ease-in-out forwards;
}
@keyframes goBackAnimate {
    from {
        -webkit-transform: scale(1.2,1.2);
        -moz-transform: scale(1.2,1.2);
        -ms-transform: scale(1.2,1.2);
        -o-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
    }
    to {
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1);
    }
}
/*首页背景动画*/
@keyframes my_animation  {
    from  {
        -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1);
    }
    to {
        -webkit-transform: scale(1.2,1.2);
        -moz-transform: scale(1.2,1.2);
        -ms-transform: scale(1.2,1.2);
        -o-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
    }
}
.myAnimate {
    animation: goBackAnimate 10s ease-in-out 1 alternate forwards  ;
    -moz-animation: goBackAnimate 10s ease-in-out 1 alternate forwards  ;	/* Firefox */
    -webkit-animation: goBackAnimate 10s ease-in-out 1  alternate forwards  ;	/* Safari 和 Chrome */
    -o-animation: goBackAnimate 10s ease-in-out 1 alternate forwards  ;
}
/*为元素清除浮动*/
.clear:after
{
    display:block;
    clear:both;
    content:"";
    visibility:hidden;
    height:0
}
/*公共头部样式*/
.header{
    width:100%;
    background:rgba(0,0,0,.8);
    font-size:1em;
    position: fixed;
    top:0;
    left:0;
    z-index: 9999;
}
.header .header_wrap {
   width:62.625em;
    height:3.75em;
    margin:0 auto;
    display:flex;
}
.header .header_wrap .logo {
    /* width:10.75em; */
    width:180px;
    /* height:2.3125em; */
    height:41.75px;
    /* margin-top:0.7em; */
    margin-top:9px;
}
.header .header_wrap .logo img {
    width:180px;
    height:41.75px;

    /* width:10.75em;
    height:2.3125em; */
}
.header .header_wrap #headerUl {
    height:3.75em;
    width:100%;
    /* padding-right:1.125em; */
    /* padding-right:1.5em; */
    display:flex;
    /* margin-left:3.125em; */
    margin-left: 54px;
    margin-right: 44px;
}
.header .header_wrap #headerUl li {
    text-align: center;
    flex:1;
    margin-top:1.25em;
    position: relative;
    z-index: 9999;
}
.header .header_wrap #headerUl li>a {
    display: block;
    /* width: 6.25em; */
    width: 100%;
    height: 100%;
    position: absolute;
    /*z-index: 9999;*/
    left: 50%;
    top: -2px;
    transform: translateX(-50%);
}
.header .header_wrap #headerUl li a:hover {
    color: #fff;
}
.header .header_wrap #headerUl li>a.changeStyle {
    color:#fff;
    border-bottom: 2px solid #fff;
}

.header .header_wrap #headerUl li .appear {
    display:none;
    /* width: 6.25em; */
    width: 100%;
    position: absolute;
    /*!*z-index: 9999;*!*/
    left: 50%;
    top:100%;
    transform: translateX(-50%);
}
.header .header_wrap #headerUl li .appear.show {
    display: block;
}
.header .header_wrap #headerUl li .appear a {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background:rgba(0,0,0,.8);
}
.header .header_wrap .tel {
    height: 100%;
    line-height: 100%;
}
.header .header_wrap .tel img {
    vertical-align: middle;
    margin-top: 12px;
}

/*公共脚部样式*/
.footer {
    width:100%;
    height:3em;
    background:#000;
    color:#bbb;
    text-align: center;
}
.footer span {
    font-size:14px;
    display:inline-block;
    margin-top:1em;
}
.footer_police {
    position: absolute;
    margin-left: -26px;
    margin-top: -3px;
}