@charset "utf-8";
/* CSS reset */
* { -webkit-tap-highlight-color: transparent;}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, time, tt, u, ul, var, video, xmp {
	border: 0;margin: 0;padding: 0;}
table, tbody, td, tfoot, th, thead, tr,{margin: 0;padding: 0;}
html, body {height: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
b, strong {font-weight: bold;}
img { width: 100%; color: transparent;font-size: 0;-ms-interpolation-mode: bicubic;}
ol, ul {list-style: none;}
li {display: list-item;}
table {	border-collapse: collapse;	border-spacing: 0;}
th, td, caption {font-weight: normal;vertical-align: top;}
/* 全局CSS定义 */
body{margin:0 auto;background:#beddd5;color:#666; font-family:'\5FAE\8F6F\96C5\9ED1','\9ED1\4F53', simsun, sans-serif,Arial; font-size:12px;line-height:14px;}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
input,textarea{font-size:12px}
.clearfix:after {content:"\200B"; display:block; height:0; clear:both; }
.clearfix {*zoom:1;}/*IE/7/6*/
/* 链接样式 */
a:link, a:visited, a:focus{ outline:none;}
a:link{ color:#666666; text-decoration:none;}
a:visited{ color:#666666; text-decoration:none;}
a:hover{ color:#666666; text-decoration:underline;}
a:active{ color:#666666; text-decoration:none;}
a:hover{ -webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;}
img{ display:block; width:100%; max-width: 100%;}
.more{width: 26.99%;}
.left{float: left;}
.right{float:right;}

#page{ width: 100%; margin:0 auto;}

/* head */
.head{ background: url("../images/head-Bg.jpg") center top no-repeat; background-size: cover; position: relative;}
.head-model{ width: 49.64%; float:right;     padding-top: 1.2rem;}
.logo{width: 23.73%;position: absolute;         top: .8rem;
    left: .7rem;}
.head-pro01{width: 13.30%;    position: absolute;
    top: 5.7rem;
    left: .8rem;}
.head-pro02{width: 14.52%;    position: absolute;
    top: 5.7rem;
    left: 1.85rem;}
.head-txt{width: 34.03%;position: absolute;
    bottom: 2.1rem;
    left: .6rem;
}
.head-line{width: 86.94%;position: absolute;
    bottom: .2rem;
    margin: 0 6%;}

/* parta */
.parta{ background: url(../images/parta-bg.jpg) center top no-repeat, url(../images/Bg-wb.jpg) center bottom no-repeat;
    background-size: 100% auto;background-color: #faf6eb; }
    .pa-tit{width: 62.57%;    margin: 0 auto;
    padding-top: .6rem;}
    .pa-txt{width: 86.69%;    margin: 0 auto;
    padding-top: .6rem;}
.pa-hot01-tit{width: 35.5%;float: right;
    padding: 1.1rem .5rem 0 0;}
.pa-hot01-pic01{width: 86.69%;float: right;
    padding: .2rem .5rem 0 0;}
.pa-hot02-tit{width: 35.12%;float: right;
    padding-right: .9rem;
    margin-top: -.4rem;}
.pa-hot02-pic01{width: 86.82%;    padding: .3rem 0 0 .5rem;
    float: left;}
.pa-line{width: 48.68%;float: left;
    padding: .5rem 0 0 .5rem;}
.pa-tab{width: 19.38%;    padding: .5rem 0 0 .5rem;
    position: relative; z-index: 99;
    clear: both;}
.pa-pic{width: 81.7%;margin: -3.2rem 0 0 1.285rem;
    padding-bottom: .9rem;}

    /* partb */
    .partb{ background: url(../images/partb-bg.jpg) center top no-repeat;
        background-size: 100% auto; background-color: #faf6eb; }
.pb-tit{width: 43.69%;float: right;
    padding: 0 .5rem .8rem 0;}
.pb-txt{width: 87.97%;    margin: 0 auto;}
.partb .more{float: right;
    margin: .7rem .5rem .5rem .5rem;}
.pb-b2v{width: 37.55%;    clear: both;
    padding: 1.6rem 0 0 4.2rem;}
.pb-pic{width: 86.69%;    margin: 0 auto;
    margin-top: -2px;  padding-bottom: .5rem;}

    /* partc */
    .partc{ background: url(../images/Bg-wb.jpg) center bottom no-repeat;
        background-size: 100% auto;background-color: #faf6eb; }
        .pc-box{position: relative;}
.pcLeft{float: left; width: 50%;}
.pcRight{float:right; width: 50%;}
.pc-model{width: 71.2%;    position: absolute;
    bottom: 0;
    left: 15%;}
.pc-theme{width: 26.42%;    position: absolute;
    bottom: .8rem;
    left: 2.8rem;}
.partc .more{    padding: .15rem 1rem .15rem .6rem; background: #2f2c2e;
    float: right;
    margin: -.7rem 0 0 0;}
.pc-red-tit{width: 71.83%;    padding: .3rem 0 0 .5rem;}
.pc-red-txt{width: 76.56%;padding: .3rem 0 0 .5rem;}
.pc-black-tit{width: 83.73%;    padding: .3rem 0 0 .2rem;}
.pc-black-txt{width: 79%;    padding: .3rem 0 0 .2rem;}
.pc-pic{width: 86.37%;margin: .45rem auto 0 auto;}
.pc-icon{width: 33.9%;    padding: .5rem 0 1.3rem .5rem;}

    /* partd */
    .partd{background-color: #282627; }
    .pd-tit{width: 48.43%;    float: right;
    margin: -.5rem .5rem .6rem 0;}
    .pd-txt{    width: 69.92%;
    float: right;
    margin: 0 .5rem .6rem 0;}
    .pd-box{    background: #aa0003;
    clear: both;}
    .pd-pro{width: 49%;}
    .pd-list{ width: 51%; box-sizing: border-box;
    padding: .5rem .3rem;}
    .pd-list li{ clear: both;   list-style: none;
    color: rgba(255,255,255, .8);
    font-weight: 400;font-size: .22rem;
    line-height: .4rem;
        padding: .3rem 0 .1rem 0;
    text-align: justify;}
.pd-list li span{font-weight: 900;}
    .pd-list li .more{    display: block;
    width: 50%;
    margin-top: .2rem;
    float: right;}
    .pd-qh{width: 51%;}
    .pd-box02{position: relative;}
.qha{position: absolute;
    width: 75.94%;
    top: .5rem;
    left: 12%;}
    .swiper-container{padding-bottom: .8rem;}
    .swiper-pagination-bullet {
    background: #fff;
    opacity: .5;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
}

    /* parte */
    .parte{ background: url(../images/bg01.jpg) center top no-repeat;
        background-size: cover;}
        .pe-tit{width: 58.79%;    float: right;
    margin: .7rem .5rem 0 0;}
    .pe-txt{    width: 60.33%;    float: right;
    margin: .7rem .5rem .7rem 0;}

    /* partf */
    .partf{ background:#f9f6ea;}
        .pf-tit{width: 49.64%;  padding: .5rem 0;
    margin: 0 auto;}
    .pf-txt{    width: 87.9%; 
    margin: 0 auto;}
    .video{width: 88%;
    margin: 0 auto .7rem auto; overflow: hidden;
    clear: both;
-webkit-box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);}
    .video iframe{display: block;}
    .partf .more {
    width: 26.99%;
    float: right;
    margin: .2rem .5rem .5rem 0;
}

    /* partg */
    .partg{ background: url(../images/bg02.jpg) center top no-repeat;
    background-size: cover;}
.pg-tit{width: 72.04%;    padding: 1rem 0 0 0;
    margin: 0 auto;}
.pg-txt{width: 86.3%;    margin: 0 auto;
    margin-top: .6rem;}
.pg-tab{width: 32.69%;    margin: .8rem 0 1.8rem .5rem;}

/* parth */
 .parth{ background: url(../images/bg03.jpg) center top no-repeat;
    background-size: cover;    position: relative; overflow: hidden;}
    .ph-tit{width: 37.17%;    padding: 1rem 0 0 .5rem;}
.ph-txt{width: 54.63%; margin: .5rem 0 2rem .5rem;}
.ph-pro{width: 45.1%; position: absolute;
    right: -1.2rem;
    top: 2.8rem;}
    .copyright{ color: #a2999966;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    padding: .3rem 0 .3rem 0;
    border-top: 1px solid #b4c5c375;
    margin: 0 .5rem;}