﻿* {
    margin: 0;
    padding: 0;
    font-family: 'Arial';
    font-style: normal;
    word-break: break-word;
}

.center {
    width: 1200px;
    margin: 0 auto;
}

.header h1 {
    float: left;
    margin: 28px 0px 0px 0px;
}

.header h1 img {
    max-width: 100%;
}

.header .nav {
    float: left;
    margin: 0px 0px 0px 50px;
}

.header .nav li {
    float: left;
    list-style: none;
    margin: 0px 40px 0px 0px;
    line-height: 100px;
    position: relative;
}
.header .nav dl{position:absolute;top: 100px;background:#fff;z-index:9999999;width: 150px;left: 50%;transform: translateX(-50%);display:none;}
.header .nav dd{line-height:30px;text-align:center;position:relative;}
.header .nav li dd a{font-size:14px;}
.header .nav li dd:hover a.two_a{color:#ff0000;}
.header .nav li:hover dl{display:block;}
.header .nav li a {
    color: #000;
    font-size: 16px;
    text-decoration: none;
}
.header .nav li.on>a{font-weight:bold;color:#ff0000;}
/* .header .nav li:hover>a{color:#ff0000;} */

.header .nav li:last-child {
    margin: 0;
}

.header .nav li dd .threelist{position:absolute;right: -160px;width: 160px;background:#fff;top: 0px;display: none;}
.header .nav li dd .threelist a{display:block;}
.header .nav li dd .threelist a:hover{color:#ff0000;}
/* .header .nav li dd:hover .threelist{display:block;} */
.header .nav li dd  i{background:url(../images/icon-arrow11.png) center center no-repeat;position:absolute;width:10px;height:10px;background-size:15px;right:5px;top:50%;margin-top:-5px;}





.header .search {
    float: right;
    margin: 13px 0px 0px 0px;
}
.header .search .login{text-align:right;position: relative;}
.header .login a {
    color: #666666;
    font-size: 14px;
    text-decoration: none;
    line-height: 18px;
    margin: 0px 0px 0px 25px;
}
.header .login a.logout{display:none;}
.header .login a img {
    margin: -2px 5px 0px 0px;
    vertical-align: middle;
}
.header .login a.username{position:absolute;right: 80px;width: 300px;}
.header form {
    width: 240px;
    height: 42px;
    line-height: 42px;
    background: #e5e5e5;
    border-radius: 30px;
    margin: 10px 0px 0px 0px;
    float: right;
}

.header form input[type='text'] {
    font-size: 16px;
    color: #777777;
    text-indent: 15px;
    line-height: 42px;
    width: calc(100% - 50px);
}

.header form .btn {
    width: 42px;
    height: 42px;
    background: url(../images/icon-search.png) center center no-repeat;
    float: right;
    margin: 0px 8px 0px 0px;
    cursor: pointer;
}

.footer {
    background: #f0f0f0;
    border-top: 5px solid #ff0000;
    padding: 20px 0px 0px 0px;
}

.footL {
    width: 320px;
    float: left;
}
.footL h1 img{max-width:100%;}
.footL ul {
    margin: 10px 0px 0px 0px;
}

.footL li {
    font-size: 14px;
    color: #666666;
    padding: 0px 0px 0px 30px;
    margin: 0px 0px 15px 0px;
    line-height: 26px;
}

.footC {
    margin: 0px 0px 0px 90px;
    float: left;
}

.footC .p2 {
    font-size: 16px;
    color: #323232;
    font-weight: bold;
}

.footC li {
    margin: 15px 0px 0px 0px;
}

.footC li a {
    font-size: 14px;
    color: #707070;
}

.footR {
    width: 550px;
    float: right;
}

.footR .p2 {
    font-size: 16px;
    color: #323232;
    font-weight: bold;
}

.footR form {
    margin: 5px 0px 0px 0px;
}

.footR input[type='text'] {
    font-size: 14px;
    color: #b0b0b0;
    width: 260px;
    border-bottom: 1px solid #b3b3b3;
    height: 40px;
    line-height: 40px;
    margin: 0px 0px 5px 0px;
}

.footR input[type='text']:nth-child(2n) {
    float: right;
}

.footR input.message {
    width: 100%;
}

.footR input[type='text'].code {
    float: left;
}

.footR .btn {
    width: 130px;
    height: 35px;
    line-height: 35px;
    float: right;
    background: #d52026;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    margin: 5px 0px 0px 0px;
    cursor: pointer;
}

.footR img {
    margin: 10px 0px 0px 30px;
    cursor: pointer;
    width: 80px;
}

.copyright {
    background: #494949;
    padding: 15px 0px;
    line-height: 20px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin: 5px 0px 0px 0px;
}


.slide{position: fixed;right: 0px;top:50%;transform:translateY(-50%);z-index: 9999999;width: 70px;height: 400px;}
.slide2{height: 60px;width:30px;box-shadow: 0px 0px 10px 2px #eee;border-top-left-radius: 5px;border-bottom-left-radius: 5px;background: url(../images/icon-arrow5.png) #fff center center no-repeat;cursor:pointer;position: absolute;top: 50%;transform: translateY(-50%);right: 76px;transition:0.5s all ease;}
.slide2.remove{background: url(../images/icon-arrow.png) #fff center center no-repeat;right: 0px;}
.slide .slide1{position:absolute;right:0px;transition: 0.5s all ease;background: #fff;box-shadow: 0px 0px 5px 1px #eee;border-radius: 5px;}
.slide .slide1 .icon{border-radius:5px;background:#d52026;font-size:12px;color:#fff;height: 60px;width: 60px;text-align: center;padding: 8px 0px 0px 0px;box-sizing: border-box;position: relative;z-index: 9999999;}
.slide .slide1 .icon i{display:block;width:100%;height:30px;margin: 0px auto 3px;}
.slide .slide1 li{background:#fff;padding: 6px 6px 0px 6px;border-radius:5px;position:relative;}
.slide .slide1 li .tel{position:absolute;top: 15px;right: -300px;width:160px;/* height:50px; */line-height:50px;background:#fff;box-shadow: 0px 0px 13px 2px #eee;font-size: 16px;color: #771caa;text-decoration: underline;text-align: center;transition:0.5s all ease;z-index: 9999999;}
.slide .slide1 li.li3 .tel{width: 100px;color:#333;font-size:14px;text-decoration:unset;line-height: 30px;}
.slide .slide1 li.li3 .tel img{max-width: 80px;margin: 10px 0px 0px 0px;}
.slide .slide1 li.li2 .tel{/* display:none; */}
.slide .slide1 li:hover .tel{right:70px;}
.slide .slide1 li.li4{padding:8px;}
.slide .slide1 li.li4 .icon{padding: 14px 0px 0px 0px;cursor: pointer;}
.slide .slide1.remove{right:-100px;}
.slide .slide1 li .tel a{color: #771caa;;}

.mask {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    z-index: 999999999999999;
    display: none;
}

.mask .login {
    width: 450px;
    height: 420px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -210px;
    margin-left: -225px;
    background: #fff;
}

.login .p1 {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    margin: 35px 0px 0px 0px;
    text-align: center;
}

.login form {
    width: 370px;
    margin: 23px auto 0px;
}

.login label {
    background: #f7f7f7;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border: 1px solid #c8cecf;
    float: left;
    box-sizing: border-box;
}

.login label img {
    vertical-align: middle;
    margin: -2px 0px 0px 0px;
}

.login .inp {
    box-sizing: border-box;
    margin: 0px 0px 20px 0px;
    position: relative;
}

.login .promptW{color:#999999;font-size: 14px;line-height: 18px;margin: 10px 0px 0px 0px;}

.login .inp input {
    color: #999999;
    font-size: 14px;
    border: 1px solid #c8cecf;
    height: 40px;
    line-height: 40px;
    border-left: 0;
    text-indent: 16px;
    width: calc(100% - 43px);
    box-sizing: border-box;
}

.login .inp2 {
    border: 0;
}

.login .inp2 input {
    width: 140px;
}

.login .inp img.code {
    margin: 0px 0px 0px 15px;
    height: 40px;
    width: 130px;
}

.login .inp .refresh {
    width: 30px;
    height: 30px;
    background: url(../images/icon-back.png) center center no-repeat;
    position: absolute;
    right: 3px;
    top: 5px;
    cursor: pointer;
}

.login .inp3 input {
    width: 100%;
    height: 40px;
    background: #d52026;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

.login .inp4 {
    text-align: center;
    margin: 23px 0px 0px 0px;
}

.login .inp4 a {
    color: #5000bd;
    font-size: 16px;
}

.login .close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 5px;
    top: 5px;
    background: url(../images/icon-close.png) center center no-repeat;
}

.login .inp2 input[type='button'] {
    width: 130px;
    background: #f7f7f7;
    float: right;
    font-size: 12px;
    text-indent: 0;
    text-align: center;
    border: 1px solid #c8cecf;
    cursor: pointer;
}

.mask_register .login .inp2 input[type='text'] {
    width: 190px;
}

.mask_register .success {
    box-sizing: border-box;
    width: 450px;
    height: 260px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 77px 0px 0px 0px;
    text-align: center;
    display: none;
}

.mask_register .success .text {
    font-size: 16px;
    color: #333;
    line-height: 35px;
    letter-spacing: 1px;
}

.mask_register .success .text img {
    margin: 0px 5px 0px 0px;
}

.mask_register .success .back {
    width: 370px;
    height: 42px;
    line-height: 42px;
    background: #d52026;
    font-size: 14px;
    color: #fff;
    text-align: center;
    display: block;
    margin: 45px auto 0px;
}

.mask_register .success .close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 5px;
    top: 5px;
    background: url(../images/icon-close.png) center center no-repeat;
}

.information_mask {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    z-index: 999999999999999;
    display: none;
}

.information_mask .informationBox {
    width: 820px;
    height: 90vh;
    position: absolute;
    left: 50%;
    top: 5vh;
    margin-left: -410px;
    background: #fff;
    box-sizing: border-box;
    overflow-y: scroll;
}

.information_mask .information {
    height: 910px;
    width: 710px;
    margin: 0 auto;
}

.information .t1 {
    color: #333333;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    padding: 35px 0px 10px 0px;
}

.information .t2 {
    margin: 15px 0px 30px 0px;
    height: 45px;
    line-height: 45px;
    background: #f4f4f4;
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    text-indent: 20px;
}

.information_mask .information .inp {
    width: 345px;
    float: left;
    margin: 0px 0px 18px 0px;
    position: relative;
}

.information_mask .information .inp1 {
    float: right;
}

.information_mask .information .inp input {
    width: 100%;
    line-height: 45px;
    text-indent: 10px;
    border: 1px solid #d6d6d6;
    background: #f9f9f9;
}

.information_mask .information .inp label {
    font-size: 16px;
    color: #333;
    height: 20px;
    display: block;
    margin: 0px 0px 9px 0px;
}

.information_mask .information .inp label i {
    color: #d52026;
    font-size: 18px;
    margin: 0px 5px 0px 0px;
    float: left;
}

.information_mask .information .inp_email {
    width: 100%;
}

.information_mask .information .inp select {
    width: 100%;
    height: 47px;
    line-height: 45px;
    text-indent: 10px;
    border: 1px solid #d6d6d6;
    appearance: none;
    background: url(../images/icon-down1.png) #f9f9f9 310px center no-repeat;
    outline: none;
}


.information_mask .information .inp ul{position:absolute;top: 76px;overflow-y:scroll;max-height:90px;z-index:99999;background:#fff;width: 100%;border: 1px solid #ccc;box-sizing: border-box;border-top: 0;display: none;}
.information_mask .information .inp ul li{margin: 10px 0px;font-size:16px;color:#333;cursor: pointer;}
.information_mask .information .inp ul li input{width:13px;height:13px;margin: 0px 10px 0px 10px;}
.information_mask .information .inp ul li.checked input{background:url(../images/icon-arrow1.png) center center no-repeat;appearance: none;}
.information_mask .information .inp:hover ul{display:block;}
.information_mask .information .inp ul li input::checked{background:url(../images/icon-arrow1.png) center center no-repeat;appearance: none;}


.information_mask .information .inp_btn {
    width: 370px;
    height: 42px;
    line-height: 42px;
    background: #d52026;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 10px auto;
    float: none;
}

.information_mask .information .inp_btn input {
    width: 370px;
    height: 42px;
    line-height: 42px;
    background: #d52026;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border: 0;
    cursor: pointer;
}
.prompt_text{font-size:14px;margin:5px 0px 15px 0px;color: #333;}
.information_mask .information .close {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 5px;
    top: 5px;
    background: url(../images/icon-close.png) center center no-repeat;
}

.information_mask .informationBox::-webkit-scrollbar {
    width: 4px;
}

.information_mask .informationBox::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}

.information_mask .informationBox::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

.mask_register {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    width: 100%;
    height: 100%;
    z-index: 999999999;
    display: none;
}

.mask_register .login {
    width: 450px;
    height: 410px;
    background: #fff;
    padding: 1px 0px 0px 0px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


@media(max-width:1500px){
    .slide .slide1 .icon{width:55px;height: 55px;padding: 6px 0px 0px 0px;font-size: 11px;}
    .slide .slide1 .icon i{background-size: 20px!important;height: 25px;}
    .slide .slide1 li.li4 .icon{padding: 13px 0px 0px 0px;}
    .slide2{right:71px;background-size: 13px;width: 25px;}
    .slide{height:375px;}
    .slide2.remove{background-size: 13px;}



}









@media(max-width: 1024px) {
    .body {
        width: 100%;
        overflow: hidden;
        padding: 55px 0px 0px 0px;
    }

    .header{position:absolute;top:0px;width: 100%;height: 55px;}
    
    .center {
        width: 100%;
        position: relative;
        box-sizing: border-box;
    }

    .header .center{width:100%!important;}

    .header .open {
        width: 30px;
        height: 20px;
        background: url(../images/icon-open.png) center center no-repeat;
        position: absolute;
        right: 4vw;
        background-size: cover;
        top: 18px;
    }

    .header h1 {
        max-width: 40%;
        margin: 15px 0px 15px 4vw;
        line-height: 5vw;
    }

    .header .right {
        background: #f2f2f2;
        position: absolute;
        top: 55px;
        z-index: 99999999;
        width: 100%;
        display: none;
        padding: 0px 0px 20px 0px;
        z-index: 99999999999;
    }

    .header .nav{margin: 0px;float: none;}
    .header .nav li{width:100%;margin: 0px;line-height: 40px;text-align:center;}
    .header .nav li a{line-height:40px;display: block;}
    .header .nav li:hover>a{background:#bb1a1f;color:#fff;}
    .header .nav li.on>a{background:#bb1a1f;color:#fff;}
    .header .nav li .arrow{width:40px;height:40px;background: url(../images/icon-arrow3.png) right center no-repeat;position:absolute;right:4vw;background-size:11px;top: 0px;}
    .header .nav li:hover .arrow{background:url(../images/icon-arrow4.png) right center no-repeat;background-size:11px;}
    .header .nav li.on .arrow{background:url(../images/icon-arrow4.png) right center no-repeat;background-size:11px;}
    .header .nav dl{transform: translate(0px, 0px);position: relative;top:0px;width:100%;margin:0;left:0px;}
    .header .nav li:hover dl{display:none;}
    .header .search{width:100%;float:none;}
    .header .search .login{float:left;line-height: 25px;}
    .header form{float:right;height: 30px;line-height: 30px;margin: 0;width: calc(100% - 150px - 12vw);margin: 0px 4vw 0px 0px;}
    .header form input[type='text']{height:100%;}
    .header form .btn{width:30px;height:30px;background-size:18px;}
    .header .login a{margin:0px 0px 0px 4vw;}
    .header .nav li dd .threelist{position:unset;display: none;width: 100%;font-size: 12px;}
    .header .nav li dd:hover .threelist{display:none;}
    .header .nav li dd .threelist a{font-size:12px;line-height: 30px;}
    .header .nav li dd i{top: 15px;margin-top:0px;}

    .footer .center{width:92%;}
    .footL{width: 60%;}
    .footL h1{max-width:80%;line-height: 25px;}
    .footC{width: 90px;margin:0;float: right;}
    .footL ul{margin: 11px 0px 0px 0px;}
    .footL li{font-size:12px;padding: 0px 0px 0px 20px;background-size:15px!important;line-height: 20px;margin: 0px 0px 10px 0px;}
    .footC li a{font-size:12px;}
    .footC .p2{font-size:14px;}
    .footC li{margin:10px 0px 0px 0px;}

    .footR{width:100%;}
    .footR input[type='text']{width:47%;height: 30px;line-height: 30px;font-size: 12px;}
    .footR{margin:15px 0px 20px 0px;}
    .footR input.message{width:100%;}
    .footR img{width: 17%;margin: 8px 0px 0px 8%;}
    .footR .btn{width:22%;height: 25px;line-height: 25px;font-size: 12px;}
    .copyright{font-size:10px;}


    .mask .login{width:92%;margin-left:-46%;height: 350px;margin-top: -160px;}
    .login .close{right:0px;top:0px;}
    .login form{width:85%;margin:  15px auto;}
    .login .p1{font-size:20px;margin:25px 0px 0px 0px;}
    .login .inp{margin:0px 0px 15px 0px;}
    .login .inp input{height:35px;line-height:35px;width: calc(100% - 35px);text-indent: 10px;}
    .login label{width:35px;height:35px;line-height: 35px;}
    .login .inp2 input{width:120px;}
    
    .login .inp img.code{width:calc(100% - 200px);margin: 0px 0px 0px 5px;height: 35px;}

    .mask_register .login{width:92%;height: 340px;}
    .mask_register .login .inp2 input[type='text']{width: 145px;}
    .login .inp2 input[type='button']{width: calc(100% - 190px);}

    .mask_register .success{width:92%;padding: 50px 0px 0px 0px;height: 200px;}
    .mask_register .success .close{width:30px;height:30px;}
    .mask_register .success .back{width: 90%;margin: 30px auto 0px;height: 35px;line-height: 35px;}

    .information_mask .informationBox{width:92%;margin-left: -46%;}
    .information_mask .information{width: 95%;height: auto;}
    .information_mask .information .close{width:30px;height:30px;top:0;right:0;}
    .information .t1{font-size: 18px;padding: 20px 0px 5px 0px;}
    .information .t2{height: 30px;line-height: 30px;font-size: 14px;text-indent: 10px;margin: 8px 0px 15px 0px;}
    .information_mask .information .inp{width:48%;margin: 0px 0px 7px 0px;}
    .information_mask .information .inp label{font-size: 12px;height:18px;line-height:18px;margin: 0px 0px 5px 0px;}
    .information_mask .information .inp input{height: 25px;line-height: 25px;text-indent:5px;box-sizing: border-box;}
    .information_mask .information .inp_email{width:100%;}
    .information_mask .information .inp select{height: 25px;line-height: 25px;text-indent: 5px;}
    
    .information_mask .information .inp_btn{width:100%;height: 25px;line-height: 25px;}
    .information_mask .information .inp_btn input{width:100%;}



    .slide .slide1 li{padding: 4px;}
	.slide .slide1 .icon{width: 45px;height: 45px;padding: 5px 0px 0px 0px;font-size: 10px;}
	.slide .slide1 .icon i{height:18px;background-size: 15px!important;margin: 0px auto 4px;}
	.slide .slide1 li.li4 .icon{padding: 13px 0px 0px 0px;}
	.slide .slide1 li.li4{padding:4px;}
	.slide{width:53px;height: 318px;top: 55%;}
	.slide2{width:20px;height:40px;background-size:10px;right:53px;}
	.slide2.remove{background-size:10px;}

    .information_mask .information .inp ul{top: 48px;}
    .information_mask .information .inp ul li{font-size:12px;margin:7px 0px;}
    .information_mask .information .inp ul li input{width:10px;height:10px;margin:0px 4px;}

    .slide .slide1 li.li3 .tel{width:70px;font-size: 10px;line-height: 20px;}
    .slide .slide1 li.li3 .tel img{max-width:60px;margin: 6px 0px 0px 0px;}
    .slide .slide1 li:hover .tel{right:50px;}



    

}


