/*初始化样式*/

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td {

    margin: 0;

    padding: 0;

    font-family: 微软雅黑;

}



@charset "utf-8";

/*! normalize.css v2.1.3 | MIT License | git.io/normalize */

/*Html5*/

article,

aside,

details,

figcaption,

figure,

footer,

header,

main,

nav,

section,

summary {

    display: block;

}



audio,

canvas,

video {

    display: inline-block;

}



audio:not([controls]) {

    display: none;

    height: 0;

}



/*Base*/

html {

    font: 12px/1.8 "微软雅黑", "\5b8b\4f53", Arial, sans-serif;

    color: #666;

    -ms-text-size-adjust: 100%;

    -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/

}



* {

    margin: 0;

    padding: 0;

}



a {

    text-decoration: none;

    background: transparent; /*修正win8系统IE连接灰色背景*/

    outline: none;

    blr: expression(this.onFocus=this.blur());

}



a:focus {

    outline: 0;

}



a:active,

a:hover {

    outline: 0;

    /*transition:text-shadow 500ms ease-in 0ms, color 500ms ease-in 0ms;*/

}



img {

    border: 0;

    -ms-interpolation-mode: bicubic

}



fieldset {

    border: 1px solid #c0c0c0;

    margin: 0 2px;

    padding: 0.35em 0.625em 0.75em;

}



button,

input,

select,

textarea {

    font-family: inherit;

    font-size: 100%;

    margin: 0;

    outline: none;

}



button,

input {

    line-height: normal;

}



button,

select {

    text-transform: none;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer;

}



button[disabled],

html input[disabled] {

    cursor: default;

}



input[type="checkbox"],

input[type="radio"] {

    box-sizing: border-box;

    padding: 0;

}



input[type="search"] {

    -webkit-appearance: textfield;

    -moz-box-sizing: content-box;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}



input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}



button::-moz-focus-inner,

input::-moz-focus-inner {

    border: 0;

    padding: 0;

}



input.submit {

    border: 0;

    margin: 0;

    cursor: pointer;

}



input.radio {

    width: 13px;

    height: 13px;

    float: left;

    display: inline;

}



textarea {

    overflow: auto;

    vertical-align: top;

}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



ul,

ol {

    list-style: none;

    float: left;

}



li {

    list-style: none;

    float: left;

}



i, em {

    font-style: normal;

}



/*清除浮动*/

.clear {

    clear: both;

}



.f-cb {

    zoom: 1;

}



.f-cb:after {

    clear: both;

    content: ".";

    display: block;

    height: 0;

    overflow: hidden;

    visibility: hidden;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



/*字体*/

.ari {

    font-family: "Arial";

}



/*字号*/

.f12 {

    font-size: 12px;

}



.f14 {

    font-size: 14px;

}



.f16 {

    font-size: 16px;

}



.f18 {

    font-size: 18px;

}



.f20 {

    font-size: 20px;

}



.f22 {

    font-size: 22px;

}



.f24 {

    font-size: 24px;

}



.bold {

    font-weight: bold;

}



.por {

    position: relative;

}



.poa {

    position: absolute;

}



.poa-f {

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    width: 100%;

}



.ovh {

    overflow: hidden;

}



.noselect {

    user-select: none;

}



.z1 {

    z-index: 1;

}



.z2 {

    z-index: 2;

}



.dn {

    display: none;

}



.w-f {

    width: 100%;

}



.h-f {

    height: 100%;

}



.fwn {

    font-weight: normal;

}



.t-f {

    transition: all 0.5s ease 0s;

}



.t-c {

    transition: color 0.5s ease 0s;

}



.t-bg {

    transition: background 0.5s ease 0s;

}



h1, h2, h3, h4, h5, h6 {

    font-size: 100%;

}



address, cite, dfn, em, var {

    font-style: normal;

}



code, kbd, pre, samp {

    font-family: couriernew, courier, monospace;

}



small {

    font-size: 12px;

}



ul, ol {

    list-style: none;

}



a {

    text-decoration: none;

}



.fl {

    float: left;

}



.fr {

    float: right;

}



/* a:hover { text-decoration:underline; } */

sup {

    vertical-align: text-top;

}



sub {

    vertical-align: text-bottom;

}



legend {

    color: #000;

}



fieldset, img {

    border: 0;
 
}



button, input, select, textarea {

    font-size: 100%;
   
}



table {

    border-collapse: collapse;

    border-spacing: 0;

}



header li {

    float: none;

}



footer li {

    float: none;

}



.media-main {

    width: 1200px;

    overflow: hidden;

    padding: 50px 0;

    margin: 0 auto;

}



/*初始化样式*/

/* 头部开始 */

header {

    width: 100%;

    height: 123px;

    position: relative;

    position: fixed;

    left: 0;

    top: 0;

    z-index: 9999;

    background: #fff;

}



.header-bc {

    width: 100%;

    height: 45px;

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: -2;

}



.head {

    width: 1200px;

    height: 70px;

    margin: 0 auto;

    overflow: hidden;

}



.head ul {

    float: right;

    overflow: hidden;

    margin-top: 30px;

}



.head ul li {

    float: left;

    margin: 0 11px;

    line-height: 40px;

    position: relative;

}



.head ul li a {

    font-size: 14px;

    color: #212121;

}



.head ul li img {

    width:8px;

    position: absolute;

    bottom: 0;

    left: 40%;

    display: none;

}



.head ul li:hover img {

    display: block;

}



.head nav {

    float: right;

    overflow: hidden;

    height: 47px;

    margin-top: -25px;

    padding:0 7px 0 30px;

}



.head nav a {

    float: left;

    width: 90px;

    height: 47px;

    line-height: 47px;

    font-size: 14px;

    color: #fff;

    text-align: center;

    position: relative;

}



.head nav a img {

    position: absolute;

    left: -13px;

    top: 47px;

    z-index: -1;

    transition-duration: .3s;

}



.head nav a:hover img, .head nav a.active img {

    top: 0;

}



.buy {

    width: 240px;

    height:410px;

    background: #fff;

    border-radius: 10px;

    position: absolute;

    right: 10px;

    bottom: -410px;

    z-index: 9999;

}



.buy img {

    display: block;

    margin-bottom: 15px;

}



.buy p {

    font-size: 14px;

    color: #666;

    margin-left: 10px;

}



.buy p:nth-of-type(2) {

    margin-bottom: 15px;

}



.buy input {

    display: block;

    width: 190px;

    height: 30px;

    border: 1px solid #ddd;

    margin: 0 auto 12px;

    padding-left: 30px;

    font-size: 12px;

}



.buy input:nth-of-type(2) {

    background: url('../images/input-01.jpg') 10px center no-repeat;

}



.buy input:nth-of-type(3) {

    background: url('../images/input-02.jpg') 10px center no-repeat;

}



.buy .select {

    display: block;

    width: 190px;

    height: 30px;

    border: 1px solid #ddd;

    margin: 0 auto;

    background: url('../images/input-03.jpg') 10px center no-repeat;

    padding-left: 30px;

    font-size: 12px;

    color: #666;

    position:relative;

}



.buy .select select {

    width:220px;

    height: 30px;

    border: none;

    position: absolute;

    top:0; left:0;

    color:#999;

}

.buy .but {

    width: 95px;

    height: 35px;

    background: #e43a3a;

    color: #fff;

    text-align: center;

    line-height: 34px;

    margin: 30px 0 0 10px;

    font-size: 14px;

    padding: 0;

}

.buy .guanbi{

    display:block;

    width:95px; height:35px;

    background: #e43a3a;

    color: #fff;

    text-align: center;

    line-height: 34px;

    font-size: 14px;

    padding: 0;

    margin:8px auto 0;

    border-radius:5px;

}

.buy .dakai{

    display:block;

    width:15px; height:70px;

    background: #e43a3a;

    color: #fff;

    text-align: center;

    line-height: 34px;

    font-size: 14px;

    padding: 20px 10px;

    margin:8px auto 0;

    border-radius:5px;

    display:none;

    text-align:center;

    margin-left:-45px;

}

.head-xia{

    width:100%;

    background:rgba(255,255,255,0.8);

    font-size:24px;

    font-family:arial;

    position: absolute;

    top:128px;

    z-index: 99999;

    text-align:center;

    height:0;

    overflow:hidden;

}

.head-xia li{

    display: inline-block;

    margin:10px 20px;

    line-height:80px;

}

.head-xia li:hover a{

    color:red;

}

.head-xia li a{

    color:#333;

}

/* 头部结束 */

/* benner开始 */

.banner {

    margin-top: 70px;

    position: relative;

    overflow: hidden;

}



#banner-ul {

    position: absolute;

    overflow: hidden;

}



#banner-ul li {

    display: block;

    float: left;

    position: relative;

}



.banner .banner-img {

    display: block;

    width: 100%;

}

.li-div {

    width: 120px;

    display: block;

    float: left;

}



.li-div img {

    width: 100%;

}



#shang {

    position: absolute;

    top: 45%;

    left: 20px;

    color: #fff;

    z-index: 999;

    padding: 15px;

    background: rgba(0, 0, 0, 0.5);

}



#xia {

    position: absolute;

    top: 45%;

    right: 20px;

    color: #fff;

    z-index: 999;

    padding: 15px;

    background: rgba(0, 0, 0, 0.5);

}



#xia img {

    transform: rotate(180deg);

}



/* .banner .centess {

    width: 649px;

    height: 676px;

    position: absolute;

    top: 158px;

    left: 630px;

    z-index: 999;

}



.banner .centess .xz{

    width: 78px;

    height: 78px;

    line-height: 80px;

    text-align: center;

    border-radius: 50%;

    opacity: 1;

    transition-duration: .5s;

    cursor: pointer;

    position: relative;

}

.banner .centess .xz>a{

    display:block;

    width:78px; height:78px;

    text-align:center;

}

.banner .centess .xz img:nth-of-type(1){

    display:inline-block;

    width:56px;

    vertical-align:middle;

    border:2px solid #fff;

    border-radius:50%;

    padding:10px;

}

.banner .centess .xz img:nth-of-type(2){

    position: absolute;

    top:-50px; left:-59px;

    width:203px;

    z-index:999;

    display:none;

}

.banner .centess .xz .ximg{

    display:block !important;

    transform-origin:center;

    animation:ximg 3s linear infinite;

}

@keyframes ximg{

    0%{transform:rotate(0deg)}

    100%{transform:rotate(360deg)}

}

.banner .centess .text {

    position: absolute;

    top: 440px;

    left: 140px;

    z-index: 10;

    color: red;

    text-align: center;

}



.banner .centess .text h2 a {

    color: #f85353;

    font-size: 20px;

}



.banner .centess .text h3 {

    font-size: 16px;

    color: #f85353;

    margin: 10px;

}



.banner .centess .text p {

    font-size: 16px;

    color: #fff;

    line-height: 25px; 

}



.banner .xzz {

    width: 0px;

    height: 0px;

    background: rgba(0,95,255,0.8);

    position: absolute;

    top: 309px;

    left: 370px;

    color: #fff;

    text-align: center;

    z-index: 1111;

    overflow:hidden;

    opacity:0;

}

.banner .xzz .txt{

    width:370px; height:470px;

    padding:15px;

    text-align:left;

}

.banner .xzz .txt h3{

    font-size:20px;

    line-height:40px;

}

.banner .xzz .txt p{

    font-size:16px;

    line-height:30px;

}

.banner .xzz .txt img{

    position: relative;

    left:0; top:0;

    width:100%;

}

.banner .b-logo{

    position: absolute;

    top:-30px; left:20px;

    z-index:-1;

}



.banner .xzz div {

    position: relative;

}



.banner .xzz div img {

    position: absolute;

    bottom: 0;

    right: 0;

    width: 20px;

    background: #18bff5;

}



.banner .centess .xz:hover {

    opacity: 1;

}



.banner .centess .centess1 {

    position: relative;

}



.banner .centess .x1 {

    position: absolute;

    top: 30px;

    left: 362px;

}



.banner .centess .x2 {

    position: absolute;

    top: 98px;

    left: 489px;

}



.banner .centess .x3 {

    position: absolute;

    top: 226px;

    left: 568px;

}



.banner .centess .x4 {

    position: absolute;

    top: 376px;

    left: 568px;

}



.banner .centess .x5 {

    position: absolute;

    top: 510px;

    left: 484px;

}



.banner .centess .x6 {

    position: absolute;

    top: 587px;

    left: 360px;

}



.banner .centess .x7 {

    position: absolute;

    top: 588px;

    left: 210px;

}



.banner .centess .x8 {

    position: absolute;

    top: 513px;

    left: 73px;

}



.banner .centess .x9 {

    position: absolute;

    top: 376px;

    left: 10px;

}



.banner .centess .x10 {

    position: absolute;

    top: 232px;

    left: 7px;

}



.banner .centess .x11 {

    position: absolute;

    top: 98px;

    left: 84px;

}



.banner .centess .x12 {

    position: absolute;

    top: 30px;

    left: 215px;

} */



#iSHOW{

            width:880px; height:840px;

            margin:25px auto;

            position: relative;

        }

        #iSHOWimg .img{

            height:375px;

            position:absolute;

            left:435px; top:20px;

            transform-origin:center bottom;

            z-index:1;

            text-align:center;

        }

        .cirimg{

            position: absolute;

            left:88px; top:43px;

            width:700px;

            transform-origin:center;

            transform:rotate(3deg);

        }

        .steimg{

            position: relative;

        }

        .iSHOWp{

            width:100px;

            position: absolute;

            left:50px; top:-12px;

            color:#fff;

        }

        .iSHOWimgs{

            position: absolute;

            left:-30px; top:-7px;

            padding:40px;

        }

        .iSHOWimgss{

            width:40px; height:40px;

            padding:3px;

            border:1px solid #00aaaf;

            border-radius:50%;

            position: absolute;

            left:-10px; top:15px;
            opacity:0;

        }

        .iSHOWm{

            display:block !important;

        }

        .iSHOWbc{

            width:110px;

            position: absolute;

            top:-16px; left:-40px;

            z-index:-1;
            opacity:0;

        }

        .iSHOWbc1{

            display:block !important;

            transform-origin:center;

        }
        .thisimg .iSHOWimgss{
            opacity:1 !important;
        }
        .thisimg .iSHOWbc1{
            opacity:1 !important;
        }
        .iSHOWj{

            position: absolute;

            top:110px; left:0;

            transform:rotate(180deg);

        }

        .iSHOWzhuan{

            height:375px;

            position: absolute;

            left:435px; top:20px;

            transform-origin:center bottom;

            transition-duration:1s;
    
        }

        .iSHOWzhuan .iSHOWzhuan1{

            transform:rotate(180deg);

            position:absolute;

            top:110px; left:0;

            opacity:0;

        }

        .iSHOWzhuan .iSHOWzhuan2{

            width:1500px;

            position: absolute;

            top:35px; left:-747px;

        }

        .iSHOWtxt{

            width:60%;

            color:#fff;

            text-align:center;

            position: absolute;

            top:250px; left:175px;

            display: none;

            z-index:8888;

        }

    

        .iSHOWtxt h1{

            margin:-30px 0 15px 0;

            font-size:32px;

            font-weight:900;

            line-height:100%;

        }

        .iSHOWtxt h2{

            font-size:16px;

            line-height:100%;

            margin:0 0 15px 0;

        }

        .iSHOWtxt p{

            overflow:hidden;

        }

        .iSHOWtxt table{

            margin:15px 0 0 122px;

        }

        /* .iSHOWtxt p span{

            float:left;

            font-size:16px;

        }

        .iSHOWtxt p span:nth-of-type(1){

            width:138px; height:23px;

            border:1px solid #000;

            line-height:23px;

        }

        .iSHOWtxt p span:nth-of-type(2){

            width:138px; height:25px;

            background:#000;

            line-height:25px;

        } */

        







.imgbanner {

    width: 100%;

    margin-top: 128px;

}



.imgbanner img {

    display: block;

    width: 100%;

}



/* banner结束 */



/* 脚部开始 */

footer {

    width: 100%;

    background: #000;

}



.foot {

    width: 1000px;

    margin: 0 auto;

    padding-top: 50px;
    text-align: center;

}



.foot .foot-top {

    overflow: hidden;

    padding-bottom: 50px;

}



.foot .foot-top a {

    color: #fff;

    font-size: 14px;

    text-align: center;

}



.foot .foot-top .f {

    display: inline-block;

    width: 70px;

    height: 50px;

    border-right: 1px solid #454545;

    float: left;

    padding: 10px 10px 0 0;

}



.foot .foot-top nav {

    width: 1088px;

    float: left;

    margin-left: 20px;

}



.foot .foot-top nav a {

    display: inline-block;

    margin: 0 19px 0;

    line-height: 30px;

}



.foot .foot-top nav a:hover {

    color: red;

}



.foot .foot-center {

    overflow: hidden;

}



.foot .foot-center ul {

    width: 250px;

    float: left;

    padding-bottom: 60px;

}



.foot .foot-center ul li {

    color: #fff;

    font-size: 15px;

    margin-bottom: 10px;

}



.foot .foot-center ul li a {

    color: #b7b7b7;

    font-size: 13px;

}



.foot .foot-center ul li a:hover {

    color: red;

}



.foot .foot-center ul li p {

    font-size: 16px;

    line-height: 40px;

}



.foot .foot-center ul li p span {

    font-size: 26px;

}



.foot .foot-bottom {

    border-top: 1px solid #444;


}



.foot .foot-bottom p {

    line-height: 60px;

    text-align: center;

    color: #d1d1d1;

    font-size: 13px;

}



/* 脚部结束 */



/*锚点*/

#top {

    transition: all ease-out .2s;

    width: 60px;

    display: block;

    position: fixed;

    left: 20px;

    top: 45%;

    z-index: 1;

    cursor: pointer;

    text-align: center;



}



#top a {

    display: inline-block;

    width: 15px;

    height: 15px;

    border-radius: 15px;

    background: rgba(229, 8, 19, 0.5);

    margin: 10px;

}

.hdbmck{
    position:fixed;
    top:50%; left:10px;
    width:250px;
    border-radius:10px;
    background:#eae9e9;
    opacity:0;
    z-index:999;
}
.hdbmck .title{
    height:56px;
    line-height:56px;
    background:#db3736 url('../images/hdbmck_01.png') center center no-repeat;
    text-align:center;
    font-size:18px;
    color:#fff;
    border-radius:10px 10px 0 0;
    box-shadow:0 2px 2px -1px #aca9a7;
}
.hdbmck .p{
    height:65px;
    line-height:65px;
    text-align:center;
    font-size:16px;
    color:#333;
}
.hdbmck .p span{
    font-size:27px;
    color:#dd0d58;
}
.hdbmck input,.hdbmck select{
    display:block;
    width:220px;
    height:36px;
    line-height:36px;
    border:1px solid #d6d5d4;
    border-radius:5px;
    margin:0 auto 10px;
    text-indent:10px;
    outline:none;
    font-size:14px;
    color:#666;
}
.hdbmck input::-webkit-input-placeholder{
    font-size:14px;
    color:#666;
}
.hdbmck .sub input{
    background:#cc3333;
    color:#fff;
    margin-bottom:0;
}
.hdbmck p{
    height:46px;
    line-height:46px;
    font-size:16px;
    color:#666;
    text-align:center;
}
.hdbmck .fix{
    position:relative;
}
.hdbmck .fix a{
    position:absolute;
    right:-30px;
    width:30px;
    height:68px;
    margin-top:-34px;
    background:rgba(0,0,0,.6) url("../images/hdbmck_02.png") center center no-repeat;
}
#lhnav{
    position:fixed;
    top:0; left:0;
    width:100%;
    min-width:1200px;
    height:70px;
    border-top:2px solid #cd3c3c;
    font-family:微软雅黑;
}
.w-1200{
    width:1200px;
    margin:0 auto;
}
#lhnav .logo{
    float:left;
    margin-left:30px;
}
#lhnav .logo img{
    display:block;
    vertical-align:middle;
}
#lhnav .newnav{
    float:right;
    overflow:hidden;
    margin-top:0;
}
#lhnav .newnav li{
    float:left;
    height:70px;
    line-height:70px;
    width:140px;
    text-align:center;
    margin:0;
}
#lhnav .newnav li a{
    font-size:16px;
    color:#333;
    display:block;
}
#lhnav .newnav li a.show{
    height: 70px;
    line-height: 135px;
}
#lhnav .newnav li a.el{
    margin-top:-106px;
    background:#da411d;
    color:#fff !important;
    transition-duration:.5s;
}
#lhnav .newnav li:hover a.el{
    margin-top:0px;
}
#lhnav .newnav li.active a,#lhnav .newnav li:hover a{
    color:#cd3c3c;
}
#lhnav .smorenav{
    background:url('../images/newnav_bc.jpg');
    text-align:center;
    height:36px;
    line-height:36px;
}
#lhnav .smorenav a{
    width:140px;
    display:inline-block;
    color:#fff;
    font-size:14px;
}
#lhnav .smorenav a:hover,#lhnav .smorenav a.active{
    color:#cd3c3c;
}