@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }

body{font-size:0;color: #000;font-family: "Microsoft YaHei"}

ul,ol{list-style:none;}

a{text-decoration:none;color: #333333}

a:hover{color: #e71616;}

a,span{vertical-align:middle;}

img{border:0;vertical-align:middle;}

input,button,text{vertical-align:middle;outline:none;border:none;}

button{padding: 0;cursor: pointer;}

button::-moz-focus-inner {padding: 0;}  /*for FireFox button 内置padding为0*/

textarea{outline:none;border:none;resize:none;}

input, textarea {box-sizing: content-box;outline: none;background: 0 0;font-family: "Microsoft YaHei"}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {

    color: #acacac;

}

input:-moz-placeholder, textarea:-moz-placeholder {

    color:#acacac;

}

input::-moz-placeholder, textarea::-moz-placeholder {

    color:#acacac;

}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {

    color:#acacac;

}

table tr td,table{border-collapse:collapse;}  /* 可任意设置td,tr,table的边框而不会重合*/



/********************************通用样式*********************************/



/* 浮动 */

.rt{float:right;}

.lf{float: left;}



/*清除浮动*/

.clearfix{*zoom:1;} /* 针对IE7 hack，触发IE7的haslayout，以清除浮动 */

.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}

.clearfix:after{clear:both;}



/* 居中 */

.centerWidth {

    width: 1200px;

    margin: 0 auto;

}



/* flex均匀分布 */

.flex_between {

    display: flex;

    justify-content: space-between;

}

.item> .flex_between{

    position: absolute;

    overflow: hidden;

}

.tabItems>.item{

    width:1160px;

    position: relative;

    /* overflow: hidden; */

}

#gdPlay{

    overflow: hidden;

    width:1160px;

    height:347px;

}

/*省略号：添加元素必定包含块级元素上（有float、block、inline-block等）*/

.ellipsis, .e {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



/* hover效果 */

.m-opc:hover {

    opacity: 0.9;

}



/* 导航栏 */

.m-nav .a {

    display: block;

}



/* 图片宽高 */

.imgWh .img {

    width: 100%;

    height: 100%;

    vertical-align: top;

}



/* 背景图 */

.bgBox {

    position: relative;

    z-index: 1;

}



.bgBox_img {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

}



.full-bg {

    position: absolute;

    /* left: 50%;

    margin-left: -960px; */

    width:100%;

    z-index: -1;

}



/* 行内块级元素 */

.db {

    display: inline-block;

}



/* 单行文字 */

.one {

    line-height: 1;

}



/* 文字左排列 */

.text-lf {

    text-align: left;

}



.text-c {

    text-align: center;

}



/* 文字列表 */

.m-text-list li {

    box-sizing: border-box;

    float: left;

    width: 100%;

}



.m-text-list li:first-child {

    margin-top: 0;

}



.m-text-list .a {

    float: left;

    max-width: 65%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.m-text-list .d {

    float: right;

}



/* tab切换 */



.m-tab {

    overflow: hidden;

}



.tabItems>.item {

    display: none;

}



.tabItems>.item:first-child {

    display: block;

}



/* 左右两列等高 */



.m-overview {

    overflow: hidden;

}



.m-overview .row {

    padding-bottom: 99999px;

    margin-bottom: -99999px;

}



/* 图片hover收缩 */

/* 鼠标离开时的过渡还原动画 */

.m_scaleS_img .a .img { height:280px; max-width:280px;
    transition: 1s;

    -webkit-transition: 1s; 

    transform: scale(1);

    -ms-transform: scale(1); 

    -webkit-transform: scale(1); 

}



.m_scaleS_img .a:hover .img {

    transition: 1s;

    -webkit-transition: 1s; 

    transform: scale(0.95);

    -ms-transform: scale(0.95); 

    -webkit-transform: scale(0.95); 

}



/* 图片hover放大 */

.m_scaleB_img .a .img {

    transition: 1s;

    -webkit-transition: 1s; 

    transform: scale(1);

    -ms-transform: scale(1); 

    -webkit-transform: scale(1); 

}



.m_scaleB_img .a:hover .img {

    transition: 1s;

    -webkit-transition: 1s; 

    transform: scale(1.05);

    -ms-transform: scale(1.05); 

    -webkit-transform: scale(1.05); 

}



/* 图片hover抖动 */

.m_shake_img .a:hover .img {

    animation: myfirst 1s;

    -moz-animation: myfirst 1s;	/* Firefox */

    -webkit-animation: myfirst 1s;	/* Safari 和 Chrome */

    -o-animation: myfirst 1s;	/* Opera */

}



/* 单行文本两端对齐 */

.one_jus {

    text-align: justify;

    text-align-last:justify;

}



/********************************动画*********************************/



@keyframes myfirst

{

    0%   {transform: rotate(10deg);}

    20%  {transform: rotate(-10deg);}

    40%  {transform: rotate(10deg);}

    60% {transform: rotate(-10deg);}

    80% {transform: rotate(10deg);}

    100% {transform: rotate(0deg);}

}



@-moz-keyframes myfirst /* Firefox */

{

    0%   {transform: rotate(10deg);}

    20%  {transform: rotate(-10deg);}

    40%  {transform: rotate(10deg);}

    60% {transform: rotate(-10deg);}

    80% {transform: rotate(5deg);}

    100% {transform: rotate(0deg);}

}



@-webkit-keyframes myfirst /* Safari 和 Chrome */

{

    0%   {transform: rotate(10deg);}

    20%  {transform: rotate(-10deg);}

    40%  {transform: rotate(10deg);}

    60% {transform: rotate(-10deg);}

    80% {transform: rotate(5deg);}

    100% {transform: rotate(0deg);}

}



@-o-keyframes myfirst /* Opera */

{

    0%   {transform: rotate(10deg);}

    20%  {transform: rotate(-10deg);}

    40%  {transform: rotate(10deg);}

    60% {transform: rotate(-10deg);}

    80% {transform: rotate(5deg);}

    100% {transform: rotate(0deg);}

}



@keyframes mytwo

{

    0%   {transform: scale(1.2);}

    20%  {transform: scale(1);}

    40%  {transform: scale(1.1);}

    60% {transform: scale(1.2);}

    80% {transform: scale(1.1);}

    100% {transform: scale(1);}

}



@-moz-keyframes mytwo /* Firefox */

{

    0%   {transform: scale(1.2);}

    20%  {transform: scale(1);}

    40%  {transform: scale(1.1);}

    60% {transform: scale(1.2);}

    80% {transform: scale(1.1);}

    100% {transform: scale(1);}

}



@-webkit-keyframes mytwo /* Safari 和 Chrome */

{

    0%   {transform: scale(1.2);}

    20%  {transform: scale(1);}

    40%  {transform: scale(1.1);}

    60% {transform: scale(1.2);}

    80% {transform: scale(1.1);}

    100% {transform: scale(1);}

}



@-o-keyframes mytwo /* Opera */

{

    0%   {transform: scale(1.2);}

    20%  {transform: scale(1);}

    40%  {transform: scale(1.1);}

    60% {transform: scale(1.2);}

    80% {transform: scale(1.1);}

    100% {transform: scale(1);}

}



@keyframes upAndDown {

    from {margin-top: 25px}

    to {margin-top: 20px}

}



@keyframes upAndDown2 {

    from {top: 20px}

    to {top: 25px}

}



@keyframes cricle {

    from {width: 0;height: 0;}

    to {width: 53px;height: 53px;}

}



@keyframes incricle {

    from {opacity: 1;}

    to {opacity: 0.5;}

}



@keyframes spread {

    form {

        width: 0;

        height: 0;

    }

    to {

        width: 100%;

        height: 100%;

        opacity: 0;

    }

}



@keyframes fadeout {

    from {opacity: 1;}

    to {opacity: 0;}

}



@keyframes line {

    from {width: 0;}

    to {width: 100%;}

}



@keyframes behind {

    from {top: 100%;}

    to {top: 0;}

}



@keyframes behindFor {

    from {top: 0;}

    to {top: 100%;}

}



/********************************轮播*********************************/



/* 图片轮播 */



.m-lb-img {

    position: relative;

    overflow: hidden;

}



.lbItems, .lbItems .a, .lbItems .a img {

    width: 100%;

    height: 100%;

}



.lbItems .a {

    display: block;

    position: absolute;

    left: 0;

    top: 0;

}



.lbIists {

    box-sizing: border-box;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    overflow: hidden;

}



.lbIists .a {

    display: block;

    max-width: 65%;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    color: #fff;

}



.lbIists .a:hover {

    font-weight: bold;

}



.lbNums {

    position: absolute;

}



.lbNums span {

    float: left;

    border-radius: 50%;

    cursor: pointer;

}



.lbIndexs {

    position: absolute;  

}



.lbBtns .btn {

    position: absolute;

    top: 0;

    bottom: 0;

    margin: auto 0;

    cursor: pointer;

    text-align: center;

    font-family: "宋体";

}



.lbBtns .lfBtn {

    left: 0;

}



.lbBtns .rtBtn {

    right: 0;

}



/* 背景图轮播 */



.m_lb_bg {

    position: absolute;

    top: 163px;

    left: 0;

    width: 100%;

    overflow: hidden;

    z-index: -1;

}



.m_lb_bg .img {

    /* display: none; */

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    height: 100%;

    margin: 0 auto;

}



/* 文字轮播 */



.m-lb-tt {

    position: relative;

    overflow: hidden;

}



.lb-tt-bnr {

    height: 100%;

}



.lb-tt-item {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.lb-tt-item .title, .lb-tt-item .atr {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.lb-tt-item .title {

    display: block;

    text-align: center;

}



.lb-tt-item .title:hover {

    text-decoration: underline;

}



.lb-tt-btn {

    position: absolute;

}



.lb-tt-btn .prev, .lb-tt-btn .next {

    cursor: pointer;

}



/* 模块hover由下往上 */



.full-pie {

    font-family: "宋体";

}



.full-pie .title {

    font-weight: bold;

    line-height: 1;

}



.full-pie .wrapper {

    position: relative;

    vertical-align: top;

    overflow: hidden;

    cursor: pointer;

}



.front {

    box-sizing: border-box;

    height: 100%;

    border: 3px solid #febe64;

}



.front .title, .front .text {

    color: #febe64;

}



.full-pie .wrapper:hover .front {

    animation: fadeout .5s forwards;

}



.behind {

    box-sizing: border-box;

    position: absolute;

    left: 0;

    top: 100%;

    width: 100%;

    height: 100%;

    background: #b08545;

    border: 1px solid #fff;

    animation: behindFor .5s forwards;

}



.behind .title, .behind .text {

    color: #fff;

}



.full-pie .wrapper:hover .behind {

    animation: behind .5s forwards;

}



/* 下拉 */



.dropdown {

    position: relative;

    line-height: 40px;

    color: #666;

    background: #fff;

}



.dropdown .tag {

    padding: 0 0 0 8px;

    border: 1px solid #ccc;

}



.dropdown .tag .tt {

    font-size: 14px;

    color: #999;

}



.dropdown .tag .db {

    width: 15px;

    text-align: center;

    line-height: 38px;

    background: -webkit-linear-gradient(top, #f1f1f1 , #d4d4d4);

    background: -o-linear-gradient(bottom, #f1f1f1 , #d4d4d4); 

    background: -moz-linear-gradient(bottom, #f1f1f1 , #d4d4d4); 

    background: linear-gradient(to bottom, #f1f1f1 , #d4d4d4);

    border-top: 1px solid #f8f8f8;

    border-left: 1px solid #d3d2d1;

    border-right: 1px solid #d3d2d1;

    border-bottom: 1px solid #787372;

    cursor: pointer;

}



.dropdown .tag .arrow {

    transition: 1s;

    -webkit-transition: 1s; 

    transform:rotate(0deg);

    -ms-transform:rotate(0deg); 	

    -moz-transform:rotate(0deg); 	

    -webkit-transform:rotate(0deg); 

    -o-transform:rotate(0deg); 

}



.dropdown .tag .arrow.cur {

    transition: 1s;

    -webkit-transition: 1s; 

    transform:rotate(180deg);

    -ms-transform:rotate(180deg); 	

    -moz-transform:rotate(180deg); 	

    -webkit-transform:rotate(180deg); 

    -o-transform:rotate(180deg); 

}



.dropdown-menu {

    display: none;

    box-sizing: border-box;

    position: absolute;

    top: 42px;

    left: 0;

    width: 100%;

    max-height: 100px;

    padding-left: 8px;

    line-height: 24px;

    background: #fff;

    border: 1px solid #ccc;

    border-top: none;

    overflow: auto;

    z-index: 1;

}



.dropdown-menu .a {

    font-size: 14px;

    color: #666;

}



.select {

    display: none;

}