/*body,.main{width:100%;height: auto!important;}*/
*,body{margin: 0 auto;padding: 0px;}

/*header*/
.header{width: 100%;height: 130px;}
.header .topBox{width:100%;height: 30px;border-bottom: 1px solid #d9d9d9;}
.header .topBox .con{width: 1200px;height: 30px;margin: 0 auto;line-height: 30px;}
.header .topBox .con .left{float: left;font-size: 13px;color: #666666;}
.header .topBox .con .right{float: right;}
.header .topBox .con .right>div{float: left;margin-right: 23px;margin-left: 10px;padding-left: 26px;position: relative;line-height: 30px;color: #777;}
.header .topBox .con .right>div>a{font-size: 13px;color: #666666;}
.header .topBox .con .right>div:after{content: '';border: 0;width: 1px;height: 12px;background: #bfbfbf;position: absolute;top: 9px;right: -22px;}
.header .topBox .con .right>div.register:after{display:none}
.header .topBox .con .right>div:last-child::after{display: none;}
/*登录*/
.header .topBox .con .right .login{background: url(../img/index/login.png) center left no-repeat;}
.login .loginmb{position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.86);width: 100%;height: 100%;z-index: 1000;display: none;}
.login .loginBox{width: 690px;height: 440px;background: #fff;border-top-left-radius: 5px;border-top-right-radius: 5px;margin: -220px -345px;position: fixed;top: 50%;left: 50%;padding: 60px 110px 80px;box-sizing: border-box;z-index: 1001;display: none;}
.login .loginBox form>i{font-size: 34px;color: #333;padding-left: calc(50% - 80px);}
.login .loginBox form>em:first-of-type{font-size: 14px;color: #333333;padding-left: 44px;}
.login .loginBox form>em:last-child{display: none;}
.login .loginBox .Textinput{height: 40px;line-height: 40px;border: 1px solid #e6e6e6;font-size: 14px;color: #777777;width: 100%;padding-left: 17px;box-sizing: border-box;}
.login .loginBox .Textinput .icon{width: 16px;padding-left: 28px;display: inline-block;line-height: 40px;color: #dedede;}
.login .loginBox .Textinput>input{width: 390px;font-size: 14px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:rgba(119,119,119,0.7);font-size: 12px;}
input:-moz-placeholder, textarea:-moz-placeholder {color:rgba(119,119,119,0.7);font-size: 14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color:rgba(119,119,119,0.7);font-size: 14px;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:rgba(119,119,119,0.7);font-size: 14px;}
.login .loginBox .member{margin-top:52px;}
.login .loginBox .member .icon{background: url(../img/index/member.png) left center no-repeat;}
.login .loginBox form>.find{display: block;font-size: 14px;line-height: 34px;text-align: right;}
.login .loginBox form>.find a{color: #008fd9;}
.login .loginBox .password{margin-bottom:60px;}
.login .loginBox .password .icon{background: url(../img/index/password.png) left center no-repeat;}
.login .loginBox form >a.loginBtn{margin: 0 27px;display: block;line-height: 44px;color: #fff;font-size: 18px;background: #a76220;text-align: center;}
/*注册*/
.header .topBox .con .right .register{background: url(../img/index/register.png) center left no-repeat;}
.register .loginmb{position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.86);width: 100%;height: 100%;z-index: 1000;display: none;}
.register .registerBox{width: 690px;height: 690px;background: #fff;border-top-left-radius: 5px;border-top-right-radius: 5px;margin:-345px;position: fixed;top: 50%;left: 50%;padding: 60px 110px 80px;box-sizing: border-box;z-index: 1001;display: none;}
.register .registerBox>i{font-size: 34px;color: #333;padding-left: calc(50% - 80px);}
.register .registerBox>em:first-of-type{font-size: 14px;color: #333333;padding-left: 44px;}
.register .registerBox>em:last-child{display: none;}
.register .registerBox .Textinput{height: 40px;line-height: 40px;border: 1px solid #e6e6e6;font-size: 14px;color: #777777;width: 100%;padding-left: 17px;box-sizing: border-box;}
.register .registerBox .Textinput .icon{width: 16px;padding-left: 28px;display: inline-block;line-height: 40px;color: #dedede;}
.register .registerBox .Textinput>input{width: 390px;font-size: 14px;}
.register .registerBox .member{margin-top:52px;}
.register .registerBox .member .icon{background: url(../img/index/member.png) left center no-repeat;}
.register .registerBox .password .icon{background: url(../img/index/password.png) left center no-repeat;}
.register .registerBox .repassword .icon{background: url(../img/index/password.png) left center no-repeat;}
.register .registerBox .phone .icon{background: url(../img/index/phone.png) left center no-repeat;}
.register .registerBox .email .icon{background: url(../img/index/email.png) left center no-repeat;}
.register .registerBox .company .icon{background: url(../img/index/company.png) left center no-repeat;}
.register .registerBox>a.registerBtn{margin: 30px 27px;display: block;line-height: 44px;color: #fff;font-size: 18px;background: #a76220;text-align: center;}
.register .registerBox .errorBox{line-height: 24px;height: 24px;}
.register .registerBox .errorBox p{padding-left: 20px;background: url(../img/index/close.png) center left no-repeat;color: red;font-weight: lighter;}
.register .registerBox>p{font-size: 14px;color: #777777;font-weight:lighter;line-height: 14px;}
/*列表*/
.header .topBox .con .right .center{background: url(../img/index/center.png) center left no-repeat;}
.headerM{display: none;}
.header .nav .logo{width:150px;padding: 20px 0 15px;box-sizing: border-box;float: right;height: 100%;top: 0!important;left: 0!important;margin-right: 140px;}
.header .nav .logo img{width: auto;height: 100%;}
.header .nav{width: 1200px;height: 100px;line-height: 100px;margin: 0 auto;}
.header .nav form.search{float: right;width: 40px;height: 19px;margin-top: 40px;position: relative;}
.header .nav form.search input[type='submit']{background: url(../img/index/search.png) center center no-repeat;width: 21px;height: 21px;display: inline-block;float: right;}
.header .nav form.search>.inputBox{height: 23px;position: relative;transition: width 1.5s linear;width: 40px;}
.header .nav form.search>.inputBox input[type='text']{transition: width 1.5s linear;box-sizing: border-box;line-height: 19px;display: inline-block;width: 100px;height: 20px;font-size: 12px;position: absolute;top: 0;overflow: hidden;width:0;float: left;}
.header .nav form.search>.inputBox.active{width: 110px;border: 1px solid #cccccc;border-radius: 10px;padding:0 7px;box-sizing: border-box;}
.header .nav form.search>.inputBox.active input[type='text']{width:80px;}
.header .nav>ul{float: right;}
.header .nav>ul>li{float: left;width:145px;}
.header .nav>ul>li>a{font-size: 16px;color: #333333;}
.header .nav>ul>li.li_nav{background:url(../img/index/navarrow.png) 55% center no-repeat}
.header .nav>ul>li.li_nav>a{font-size: 16px;color: #333333;}
.header .nav>ul>li.active a{color:#a76220}
.header .nav>ul>li:hover a{color:#a76220}
/*footer*/
.footer{background: #a76220;padding-top: 75px;}
.footer .footHead{width: 1200px;margin: 0 auto;padding-bottom: 59px;box-sizing: border-box;border-bottom:1px solid #fff;}
.footer .footHead .footCode{width: 328px;margin-left: 190px;float: left;}
.footer .footHead .footCode .code{width: 148px;height: 181px;float: left;text-align: center;background: #fff;padding-top: 10px;box-sizing: border-box;}
.footer .footHead .footCode .code.code1{margin-right: 30px;}
.footer .footHead .footCode .code img{height:131px;}
.footer .footHead .footCode .code p{line-height:40px;color: #bfa185;font-size: 15px;}
.footer .footHead .nav_foot{float: left;margin-left: 177px;width: 500px;margin-top: 25px;}
.footer .footHead .nav_foot ul li{list-style: disc;color: #fff;float: left;width: 160px;line-height: 50px;}
.footer .footHead .nav_foot ul li a{color:#fff;font-size:14px}
.footer .copyright{padding: 15px 0;text-align: center;line-height: 30px;color: #fff;font-size: 14px;}
.footer .copyright a{color: #fff;font-size: 14px;}
.footer .copyright span{padding:0 10px}

.webslide{position: fixed;right: 0;top: 50%;z-index: 999;}
.webslide .slideli{width: 49px;height: 49px;margin-bottom: 1px;background: #de2c2e;position: relative;}
.webslide .slideli a{display: block;width: 100%;height: 100%;}
.webslide .tel a{background: url(../img/index/tel.png) center center no-repeat;}
.webslide .qq a{background: url(../img/index/qq.png) center center no-repeat;}
.webslide .code a{background: url(../img/index/code.png) center center no-repeat;}
.webslide .slideli>div{position: absolute;right: 50px;top:0;width: 133px;line-height: 49px;background: #f6f6f6;text-align: center;display: block;transition: all 1s linear;display: none;}
.webslide .slideli>div img{margin: 10px 0;width: 100%;}
.webslide .slideli:hover>div{display: block;}
.webslide>a{width: 49px;height: 49px;display: block;background:#de2c2e url(../img/index/toparrow.png) center center no-repeat;}

@media only screen and (max-width: 880px) {
	.header{height:11.87vw;}
	.header .topBox{border:0}
	.header .nav{display: none;}
	.headerM{display: block;padding: 3vw 0 3vw 3vw;height: 11.87vw;box-sizing: border-box;position: fixed;width: 100%;background: #fff;top: 0;left: 0;z-index: 1;}
	.headerM .logo{/* background: url(../img/index/logo.png) center left no-repeat / auto 5.87vw; */float: left;width: 50%;height: 100%;}
	.headerM .logo img{height:5.87vw}
	.headerM>a{float: right;width: 10vw;height: 100%;}
	.headerM>a.personal{background: url(../img/mobile/personal.png) center center no-repeat;background-size: 4vw;}
	.headerM>a.menu{background: url(../img/mobile/menu.png) center center no-repeat;background-size: 3.5vw 3vw;}
	.headerM .menuSlide{position: absolute;top:11.87vw;left: 0;width: 100%;background: #eeeeee;display: none;text-align:center}
	.headerM .menuSlide>ul>li{border-bottom: 1px solid #fff;width: 100%;float: none;line-height:8vw}
	.headerM .menuSlide>ul>li>a{width:100%;font-size: 14px;color: #333333;display:block;height:100%}
	.headerM .menuSlide>ul>li.active>a{color:#a76220}
	.headerM .menuSlide>ul>li ul{background:#fff;display: none;}
	.headerM .menuSlide>ul>li ul>li{border-top:1px solid #eee}
	.headerM .menuSlide>ul>li ul>li>a{width:100%;font-size: 14px;color: #333333;display:block;height:100%}
	.headerM .personalSlide{position: absolute;top:11.87vw;left: 0;width: 100%;background: #eeeeee;display: none;text-align:center}
	.headerM .personalSlide ul li{border-bottom: 1px solid #fff;width: 100%;float: none;line-height:8vw}
	.headerM .personalSlide ul li>a{width:100%;font-size: 14px;color: #333333;display:block;height:100%}
	.headerM .personalSlide ul li:hover>a{color:#a76220}

     .header .topBox .con{width:100%}
     .header .topBox .con .left{display:none}
     .header .topBox .con .right{position:fixed;top:11.87vw;background:#eee;width: 100%;display: none;z-index: 2;}
     .header .topBox .con .right>div{background: none!important;float: none;border-bottom: 1px solid #fff;margin: 0;text-align: center;padding: 0;}
	 .header .topBox .con .right>div>a{width:100%;height:100%;display:block}
	 .header .topBox .con .right .login{background: url(../img/index/login.png) center left no-repeat;}
	.login .loginmb{position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.86);width: 100%;height: 100%;z-index: 2;display: none;}
    .login .loginBox{width: 80vw;height: 74vw;background: #fff;border-top-left-radius: 5px;border-top-right-radius: 5px;margin: -37vw -40vw;position: fixed;top: 50%;left: 50%;padding: 8vw;box-sizing: border-box;z-index: 1000;display: none;}
    .login .loginBox form>i{font-size: 20px;color: #333;margin-bottom: 4vw;display: block;padding: 0;}
    .login .loginBox form>em:last-child{font-size: 14px;color: #333333;display: block;margin-top: 2vw;}
    .login .loginBox form>em:first-of-type{display: none;}
    .login .loginBox .Textinput{height: 8vw;line-height: 8vw;border: 1px solid #e6e6e6;font-size: 12px;color: #777777;width: 100%;padding-left: 2vw;box-sizing: border-box;}
    .login .loginBox .Textinput .icon{width: 16px;padding-left: 20px;display: inline-block;line-height: 8vw;color: #dedede;}
    .login .loginBox .Textinput>input{width: calc(100% - 40px);font-size: 14px;}
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:rgba(119,119,119,0.7);font-size: 12px;}
    input:-moz-placeholder, textarea:-moz-placeholder {color:rgba(119,119,119,0.7);font-size: 14px;}
    input::-moz-placeholder, textarea::-moz-placeholder {color:rgba(119,119,119,0.7);font-size: 14px;}
    input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:rgba(119,119,119,0.7);font-size: 14px;}
    .login .loginBox .member{margin-top: 0vw;}
    .login .loginBox .member .icon{background: url(../img/index/member.png) left center no-repeat;}
    .login .loginBox>.find{display: block;font-size: 12px;line-height: 7vw;text-align: right;}
    .login .loginBox>.find a{color: #008fd9;}
    .login .loginBox .password{margin-bottom: 6vw;}
    .login .loginBox .password .icon{background: url(../img/index/password.png) left center no-repeat;}
    .login .loginBox>a.loginBtn{margin: 0 27px;display: block;line-height: 9vw;color: #fff;font-size: 14px;background: #a76220;text-align: center;}
    /*注册*/
    header .topBox .con .right .register{background: url(../img/index/register.png) center left no-repeat;}
    .register .loginmb{position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.86);width: 100%;height: 100%;z-index: 1000;display: none;}
    .register .registerBox{width: 80vw;height: 120vw;background: #fff;border-top-left-radius: 5px;border-top-right-radius: 5px;margin: -60vw -40vw;position: fixed;top: 50%;left: 50%;padding: 5vw;box-sizing: border-box;z-index: 1000;display: none;}
    .register .registerBox>i{font-size: 20px;color: #333;margin-bottom: 2vw;display: block;padding: 0;}
    .register .registerBox>em:last-child{font-size: 14px;color: #333333;/* padding-left: 44px; */display: block;}
    .register .registerBox>em:first-of-type{display: none;}
    .register .registerBox .Textinput{height: 8vw;line-height: 8vw;border: 1px solid #e6e6e6;font-size: 12px;color: #777777;width: 100%;padding-left: 2vw;box-sizing: border-box;}
    .register .registerBox .Textinput .icon{width: 16px;padding-left: 20px;display: inline-block;line-height: 8vw;color: #dedede;}
    .register .registerBox .Textinput>input{width: calc(100% - 40px);font-size: 14px;}
    .register .registerBox .member{margin-top: 0;}
    .register .registerBox .member .icon{background: url(../img/index/member.png) left center no-repeat;}
    .register .registerBox .password .icon{background: url(../img/index/password.png) left center no-repeat;}
    .register .registerBox .repassword .icon{background: url(../img/index/password.png) left center no-repeat;}
    .register .registerBox .phone .icon{background: url(../img/index/phone.png) left center no-repeat;}
    .register .registerBox .email .icon{background: url(../img/index/email.png) left center no-repeat;}
    .register .registerBox .company .icon{background: url(../img/index/company.png) left center no-repeat;}
    .register .registerBox>a.registerBtn{margin: 2vw 27px;display: block;line-height: 8vw;color: #fff;font-size: 14px;background: #a76220;text-align: center;}
    .register .registerBox .errorBox{line-height: 5vw;height: 5vw;}
    .register .registerBox .errorBox p{padding-left: 20px;background: url(../img/index/close.png) center left no-repeat;color: red;font-weight: lighter;text-align: left;}
    .register .registerBox>p{font-size: 12px;color: #777777;font-weight:lighter;line-height: 4vw;}
	
	.footer{padding-top:10vw;font-weight: lighter;}
	.footer .footHead{width:100%;padding-bottom: 5vw;overflow: hidden;font-weight: lighter;}
	.footer .footHead .footCode{width: 50%;margin-left: 2vw;}
	.footer .footHead .footCode .code{width: 49%;height: 30vw;padding: 2vw 1vw 0;}
	.footer .footHead .footCode .code.code1{margin-right: 1vw;}
	.footer .footHead .footCode .code img{width:100%;height: calc(30vw - 8vw);}
	.footer .footHead .footCode .code p{font-size: 10px;line-height: 6vw;}
	.footer .footHead .nav_foot ul li{width: 45%;line-height: 8vw;}
	.footer .footHead .nav_foot ul li a{font-size: 10px;}
	.footer .footHead .nav_foot{margin-left: 2vw;width: 53%;margin-top: 0;float: right;margin-right: -14vw;}
	.footer .copyright{font-size:12px;line-height:5vw;padding: 3vw;}
	.footer .copyright a{font-size: 12px;}
	.footer .copyright span{display:block}
	.webslide{display: none;}
}