html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{padding:0;margin:0;}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,"WenQuanYi Micro Hei",Verdana,sans-serif,"\5B8B\4F53";font-size:0.256rem  /* 12/46.875 */;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
img{border: none;margin:0px;padding:0px;}
a:link, a:visited{text-decoration: blink;}
body{background:#FDF9F3;margin:0 auto;padding:0;width: 100%;}
html, body {
    position: relative;
    height: 100%;
}
.banner{width: 100%;margin:0 auto;height: auto;overflow: hidden;position: relative;}
.banner img{display: block;width: 100%;margin:0 auto;height: auto;overflow: hidden;}
.banner p{position: absolute;left: 50%;bottom:8%;width: 100%;text-align: center;font-size: 16px;color: #ffffff;line-height: 24px;margin-left: -35px;}
.banner p i{display: inline-block;float: left;width: 24px;height: 24px;background: url("../images/view.png") no-repeat center;background-size:contain;}
.banner p span{display: inline-block;float: left;margin-left: 5px;}

.main{width: 100%;max-width:1200px;margin:0 auto;height: auto;overflow: hidden; }
.fullpage{width: 100%;margin:0 auto;height: auto;overflow: hidden;background: url("../images/homebg.png") no-repeat top center;}
.info{width: 100%;margin:0 auto 50px;height: auto;overflow: hidden;}
.info img{display: block;width: 100%;margin:0 auto;}
.list{position: relative;width: 100%;margin:0 auto;height: auto;overflow: hidden;}
.list .swiper-pagination{width: 100%;margin:0 auto;height: auto;overflow: hidden;position: relative;bottom: 0;}
.list .swiper-pagination .pagination{width: 352px;height: 70px;float: left;background: #A81F2B;border: 2px solid #EECB8C;cursor: pointer;}
.list .swiper-pagination .pagination:nth-child(2){margin-left: 66px;}
.list .swiper-pagination .pagination:nth-child(3){float: right;}
.main .list .swiper-pagination .pagination_active p{background: #A81F2B;}
.main .list .swiper-pagination .pagination_active p span{color: #EECB8C;}
.main .list .swiper-pagination .pagination_active p .pagination_icon{background: url("../images/clicked.png") no-repeat center;background-size: 100%;}
.list .swiper-pagination .pagination p{width: 335px;height: 56px;margin:5.5px auto;background: #ffffff;border: 2px solid #D7AD60;position: relative;}
.list .swiper-pagination .pagination p span{display: block;text-align: center;line-height: 56px;font-size: 26px;color: #A81F2B;}
.list .swiper-pagination .pagination p .pagination_icon{width: 34px;height: 30px;background: url("../images/click.png") no-repeat center;background-size: 100%;position: absolute;right: 10px;bottom: 10px;}
.list_tab{width: 100%;margin:0 auto;height: auto;overflow: hidden;}
.list-title{width: 100%;margin:26px auto 31px;}
.list-title img{display: block;margin:0 auto;}
.list_tab ul{width: 100%;margin:0 auto;height: auto;overflow: hidden;}
.list_tab li{margin-bottom: 14px;width: 554px;height: 382px;overflow: hidden;border: 4px solid #EECB8C;background: #ffffff;float: left;}
.list_tab li:nth-child(even){float: right;}
.list-img{width: 100%;height: 312px;margin: 0 auto;overflow: hidden;position: relative;}
.list-img img{display: block;width: 100%;margin:0 auto;height: auto;}
.list-img b{position: absolute;left: 0;top:0;background: rgba(0,0,0,0.6);z-index: 2;width: 100%;height: 100%;}
.list-img i{display: block;width: 9%;height: 16%;position: absolute;left: 45.5%;top:42%;background: url("../images/video.png") no-repeat center;background-size: contain;z-index: 3;}
.list-text{width: 100%;height: 70px;line-height: 70px;margin:0 auto;overflow: hidden;text-align: center;}
.list-text span{font-size: 20px;overflow: hidden;padding: 0 4px;}

/*.list-text span{display: block;width: 50%;text-align: center;float: left;font-size: 20px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}*/

.list-text span:nth-child(1){color: #B7243D;}
.list-text span:nth-child(2){color: #D7AD60;}

.foot{width: 100%;margin:60px auto 0;height: auto;overflow: hidden;}
.foot img{display: block;width: 100%;margin:0 auto;}


.detai{width: 100%;margin:50px auto 68px;height: auto;overflow: hidden;background: #B7243D;}
.detai video{display: block;width: 100%;margin:0 auto;height: auto;overflow: hidden;}
.detai p{width: 96%;margin:0 auto;height: auto;overflow: hidden;line-height: 80px;text-align: center;}
.detai p span{font-size: 20px;color: #ffffff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0 4px;}
.detai p span:nth-child(2){color: #D7AD60;}


#dowebok{margin:0 auto;}
.fp-tableCell{position: relative;}
.mobile_start{width: 100%;max-width: 750px;position:relative;margin:0 auto;background:#a31f26 url("../images/home.png") no-repeat top center;}
.mobile_start svg{width: 100%;position: absolute;left: 0;bottom: 0;}

.startText{opacity: 0;}
.mobile_start{display: none;}
.listTable{width: 100%;margin:0 auto 30px;height: auto;overflow: hidden;}
.listTable li{float: left;line-height: 24px;}


.list ul{width: 100%;margin:0 auto;height: auto;overflow: hidden;}
.list li{margin-bottom: 14px;width: 554px;height: 382px;overflow: hidden;border: 4px solid #EECB8C;background: #ffffff;float: left;}
.list li:nth-child(even){float: right;}
.fullpageTable{width: 100%;margin:0 auto 20px;height: auto;overflow: hidden;}
.fullpageTable li{width: 352px;height: 70px;float: left;background: #A81F2B;border: 2px solid #EECB8C;cursor: pointer;}
.fullpageTable li:nth-child(2){margin-left: 66px;}
.fullpageTable li:nth-child(3){float: right;}
.fullpageTable li.on p{background: #A81F2B;}
.fullpageTable li.on span{color: #EECB8C;}
.fullpageTable li.on .pagination_icon{background: url("../images/clicked.png") no-repeat center;background-size: 100%;}
.fullpageTable li p{width: 335px;height: 56px;margin:5.5px auto;background: #ffffff;border: 2px solid #D7AD60;position: relative;}
.fullpageTable li p span{display: block;text-align: center;line-height: 56px;font-size: 26px;color: #A81F2B;}
.fullpageTable li p .pagination_icon{width: 34px;height: 30px;background: url("../images/click.png") no-repeat center;background-size: 100%;position: absolute;right: 10px;bottom: 10px;}
#container{width: 0;height: 0;}
.fenzheng{
    transform-origin:21% 81%;/*定义动画的旋转中心点*/
    -webkit-transform-origin:21% 81%;
    animation-name: stateImg;
    animation-duration: 5s;
    animation-timing-function: cubic-bezier(.3, 0, .7, 1);
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: normal;
    animation-fill-mode: both;
}
@keyframes stateImg {
    0% {
        transform: rotate(0deg);
    }
    25% {
        transform: rotate(120deg);
    }
    50% {
        transform: rotate(240deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@media (max-width: 750px){
    .banner p i{width: 16px;}
    .banner p{bottom: 6%;font-size: 14px;margin-left: -24px;}
    #container{position: absolute;left: 0;top:0;width: 100%;height: 70%;z-index: 3;}
    .mobile_start{display: block;}
    .swiper-container {width: 100%;height: 100%;}
    /*.pageThree .swiper-container{height: auto;}*/
     #swiper-container2 .swiper-slide {height: auto;}
     .list_tab{margin:15px auto 0;}
    .list_tab li{width: 92%;margin:0 auto 14px;float: none;height: auto;border: 3px solid #EECB8C;}
    .list_tab li:nth-child(even){float: none;}
    .list-img{height: auto;}
    .list-text{height: 34px;line-height: 34px;}
    .list-text span{font-size: 13px;}
    .list-title{margin:6px auto 17px;}
    .list-title img{width: 36%;}
    .detai{width: 94%;margin:40px auto;}
    .detai p{line-height: 36px;}
    .detai p span{font-size: 14px;}
    .list .swiper-pagination{width: 96%;}
    .list .swiper-pagination .pagination{width: calc((100% / 3) - 8px);height: 46px;}
    .list .swiper-pagination .pagination:nth-child(2){margin-left: 6px;}
    .list .swiper-pagination .pagination p{width: 96%;height: 36px;border: 1px solid #D7AD60;margin:4.5px auto;}
    .list .swiper-pagination .pagination p span{font-size: 12px;line-height: 36px;}
    .list .swiper-pagination .pagination p .pagination_icon{display: none;}
    .info{display: none;}
    .banner{margin:0 auto 10px;}


    .list li{width: 92%;margin:0 auto 14px;float: none;height: auto;border: 3px solid #EECB8C;}
    .list li:nth-child(even){float: none;}

    .fullpageTable{width: 96%;}
    .fullpageTable li{width: calc((100% / 3) - 8px);height: 46px;}
    .fullpageTable li:nth-child(2){margin-left: 6px;}
    .fullpageTable li p{width: 96%;height: 36px;border: 1px solid #D7AD60;margin:4.5px auto;}
    .fullpageTable li p span{font-size: 12px;line-height: 36px;}
    .fullpageTable li p .pagination_icon{width: 20px;height: 20px;right: 0;bottom: auto;top:-5px;}
    /*.pageThreeCom{overflow-x: scroll;}*/
    .ssxer{width: 100%;height: 100%;overflow-x: scroll;position: absolute;left: 0;top:0;}
    /*.pageThree{height: auto !important;;overflow: hidden;margin:0;padding: 0;}*/
}