﻿*,body{margin: 0 auto;padding: 0px;}
.wrap{position: relative;transition: 1s all ease;left: 0px;}
/*header*/
.header{width: 100%;height: 150px;}
.header .topBox{width:100%;height: 40px;border-bottom: 1px solid #eeeeee;line-height: 40px;}
.header .topBox .con{max-width: 1200px;margin: 0 auto;}
.header .topBox .con .left{float: left;font-size: 13px;color: #737373;}
.header .topBox .con .left>a:first-child{padding-left: 23px;background: url(../img/index/itelicon.png) no-repeat left center;line-height: 20px;display: inline-block;height: 100%;margin-right: 40px;}
.header .topBox .con .left>a{color: #737373;padding-left: 23px;background: url(../img/index/imobileicon.png) no-repeat left center;line-height: 20px;display: inline-block;height: 100%;}
.header .topBox .con .right{float: right;/* margin-right:-23px; */}
.header .topBox .con .right .menu{display:none}
.header .topBox .con .right .menu_close{display:none}
.header .topBox .con .right .logo{display:none}
.header .topBox .con .right .center{display:none}
.header .topBox .con .right .centerM{display:none}
.header .topBox .con .right .centerM:after{display:none}
.header .topBox .con .right a{float: left;padding: 0 23px;position: relative;line-height: 40px;font-size: 16px;color: #b5b6b8;}
.header .topBox .con .right a:after{content: '';border: 0;width: 1px;height: 17px;background: #b5b6b8;position: absolute;top: 13px;right: 0;box-shadow: 1px 0 #eee;}
.header .topBox .con .right a:last-child::after{display: none;}
.header .topBox .con .right a.register:after{display:none}
.header .topBoxM{display:none;}
/*login*/
.tankuang .loginmb{position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.86);width: 100%;height: 100%;z-index: 1000;display: none;}
.tankuang .loginBox{width: 462px;height: 396px;background: #fff;margin: -198px -231px;position: fixed;top: 50%;left: 50%;padding: 57px 60px 90px;box-sizing: border-box;z-index: 1001;display: none;border-radius: 20px;}
.tankuang .loginBox>i{font-size: 18px;color: #3d7eff;line-height: 18px;display: block;text-align: center;}
.tankuang .loginBox>em:first-of-type{font-size: 14px;color: #333333;padding-left: 44px;}
.tankuang .loginBox>em:last-child{display: none;}
.tankuang .loginBox .Textinput{height: 30px;line-height: 30px;border-bottom: 1px solid #e6e6e6;font-size: 14px;color: #cacaca;width: 100%;box-sizing: border-box;}
.tankuang .loginBox .Textinput .icon{width: 16px;padding-left: 28px;display: inline-block;line-height: 40px;color: #dedede;}
.tankuang .loginBox .Textinput>input{width: 100%;font-size: 14px;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#cacaca;font-size: 14px;}
input:-moz-placeholder, textarea:-moz-placeholder {color:#cacaca;font-size: 14px;}
input::-moz-placeholder, textarea::-moz-placeholder {color:#cacaca;font-size: 14px;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#cacaca;font-size: 14px;}
.tankuang .loginBox .member{margin-top: 35px;}
.tankuang .loginBox .member .icon{background: url(../img/index/member.png) left center no-repeat;}
.tankuang .loginBox .find{display: block;font-size: 14px;line-height: 55px;color:#8d8d8d}
.tankuang .loginBox .find a{color:#8d8d8d;}
.tankuang .loginBox .find a:last-child{float: right;}
.tankuang .loginBox .password{margin-top: 30px;}
.tankuang .loginBox .password .icon{background: url(../img/index/password.png) left center no-repeat;}
.tankuang .loginBox span{font-size:12px;color:red;}
.tankuang .loginBox>a.loginBtn{/* margin: 0 27px; */display: block;line-height: 50px;color: #8d8d8d;font-size: 20px;background: #e5e5e5;text-align: center;border-radius: 5px;}
.tankuang .loginBox a.close{width:15px;height:15px;position:absolute;top:20px;right:20px;background:url(../img_M/close.png) center center no-repeat;background-size:100%}
/*register*/
.tankuang .registerBox{width: 460px;height: 535px;background: #fff;border-radius: 20px;margin: -268px -230px;position: fixed;top: 50%;left: 50%;padding: 55px 60px;box-sizing: border-box;z-index: 1001;display: none;}
.tankuang .registerBox>i{font-size: 18px;color: #3d7eff;line-height: 18px;display: block;text-align: center;}
.tankuang .registerBox>em:first-of-type{font-size: 14px;color: #333333;padding-left: 44px;}
.tankuang .registerBox>em:last-child{display: none;}
.tankuang .registerBox .Textinput{height: 30px;line-height: 30px;border-bottom: 1px solid #e6e6e6;font-size: 14px;color: #cacaca;width: 100%;box-sizing: border-box;}
.tankuang .registerBox .Textinput .icon{width: 16px;padding-left: 28px;display: inline-block;line-height: 40px;color: #dedede;}
.tankuang .registerBox .Textinput>input{width: 100%;font-size: 14px;-webkit-box-shadow: 0 0 0 1000px white inset;}
.tankuang .registerBox span{font-size:12px;color:red;}
.tankuang .registerBox .member{margin-top:35px;}
.tankuang .registerBox>div{margin-top:30px}
.tankuang .registerBox>.find{display: block;font-size: 14px;line-height: 55px;font-size:14px;color:#8d8d8d}
.tankuang .registerBox>.find a{color:#8d8d8d;}
.tankuang .registerBox>.find a:last-child{float: right;}
.tankuang .registerBox>a.registerBtn{/* margin: 30px 27px; */display: block;line-height: 50px;color: #8d8d8d;font-size: 20px;background: #e5e5e5;text-align: center;border-radius: 5px;}
.tankuang .registerBox>p:last-of-type{font-size: 14px;color: #cacacd;font-weight:lighter;line-height: 50px;text-align:center;}
.tankuang .registerBox>p:last-of-type a{color:#3d7eff}
.tankuang .registerBox a.close{width:15px;height:15px;position:absolute;top:20px;right:20px;background:url(../img_M/close.png) center center no-repeat;background-size:100%}
/*nav*/
.headerM{display: none;}
.nav .logo{box-sizing: border-box;float: left;height: 100%;line-height: 110px;}
.nav .logo div{line-height:110px}
.nav .logo div img{max-width:264px;max-height:110px;vertical-align:middle}
/* .nav .logo .imgBox{width: 59px;float:left;height: 100%;line-height: 110px;}
.nav .logo .imgBox img{width: auto;height: 34px;vertical-align: middle;}
.nav .logo .Text{float:right;line-height: 20px;margin-top: 41px;color: #000;}
.nav .logo .Text i{font-size:21px;}
.nav .logo .Text p{font-size:11px;font-family: arial;line-height: 12px;} */
.nav{max-width: 1200px;height: 110px;margin: 0 auto;}
.nav>ul{float: right;line-height: 110px;}
.nav>ul>li{float: left;border-bottom:2px solid transparent;height: 110px;box-sizing: border-box;/* position: relative; */}
.nav>ul>li:hover{border-bottom:2px solid #006fe0}
.nav>ul>li:hover>a{color:#006fe0}
.nav>ul>li.active{border-bottom:2px solid #006fe0}
.nav>ul>li.active>a{color:#006fe0}
.nav>ul>li>a{font-size: 16px;color: #000;font-family: "思源黑体 CN";display: block;width: 100%;height: 100%;padding: 0 18px;box-sizing: border-box;font-weight:bold;font-size:18px}
.nav>ul>li:last-child{margin-right: -18px;}
.header .nav>ul>li{position:relative}
.header .nav>ul>li:nth-child(9){display:none}
.header .nav>ul>li:hover ul{display:block}
.nav .nav_second{width:100%;position: absolute;height:85px;left:0;background:#006fe0;top: 150px;text-align: center;display:none;z-index: 2;}
/* .nav>ul>li .nav_second ul{width:1200px;height:100%;margin:0 auto;padding-left:280px;box-sizing: border-box;}
.nav>ul>li .nav_second ul .backM{display:none}
.nav>ul>li .nav_second ul li{float:left;line-height:85px;padding:0 21px;}
.nav>ul>li .nav_second ul li a{color:#fff;display: block;width: 100%;height: 6.67vw;} */
.nav>ul>li ul{/* width:max-content; */height:100%;position:absolute;text-align:center;left: 50%;transform: translateX(-50%);z-index: 3;display: none;}
.nav>ul>li ul li{float:left;line-height:85px;margin: 0 2px;width: 94px;box-sizing: border-box;}
.nav>ul>li ul li a{color:#fff;display: block;width: 100%;height: 6.67vw;z-index:3}

/*footer*/
.footer{width:100%;background:#2d2d2d;padding-top: 45px;box-sizing: border-box;}
.footer .con{width: 1200px;margin: 0 auto;}
.footer .con .left{width: 553px;height: 100%;float: left;}
.footer .con .left>i{font-family: "思源黑体 CN";font-size: 24px;color: #fff;}
.footer .con .left>.info{color: #737373;font-family: "思源黑体 CN";font-size: 16px;margin-top: 27px;line-height: 30px;}
.footer .con .right{float: right;width: 647px;height: 100%;}
.footer .con .right>i{font-family: "思源黑体 CN";font-size: 24px;color: #fff;margin-bottom: 27px;display: block;}
.footer .con .right ul{width: 450px;float: left;}
.footer .con .right ul li{width: 170px;float: left;margin-bottom: 20px;}
.footer .con .right ul li a{color: #737373;font-family: "思源黑体 CN";font-size: 16px;line-height: 16px;}
.footer .con .right ul li:hover a{color:#eee}
.footer .con .right .tel{width: calc(100% - 450px);float:right;color: #737373;font-family: "思源黑体 CN";}
.footer .con .right .tel i{color: #737373;font-size: 16px;display: none;}
.footer .con .right .tel p{font-size: 16px;margin: -8px 0 18px;line-height: 27px;}
.footer .con .right .tel a{font-size:15px;color:#737373;border:1px solid #737373;line-height:32px;padding:0 20px;display: inline-block;}
.footer .copyright{margin-top:10px;line-height:40px;border-top:1px solid #2d2d2d}
.footer .copyright p{text-align:center;font-size:13px;color:#666666;border-top: 1px solid #555;padding: 5px 0px;line-height: 26px;}
.footer .copyright a{color:#666;margin:5px}
.footer .copyright .span1{display:block;}

.header .topBox .con .right a.login{display: none;}
.header .topBox .con .right a.register{display: none;}


@media only screen and (max-width: 880px) {
	.header{height:11.87vw;position: fixed;top: 0;z-index: 3;left: 0px;transition: 1s all ease;}
	.headerM .topBoxM{display:none;}
	.header .topBox{display:block;width: 100vw;height:11.87vw;padding:0 3vw;box-sizing:border-box;background: #fff;}
	.header .nav{display:none}
	.header .topBox .con{position:relative;width: 100%;}
	.header .topBox .con .left{display:none}
	.header .topBox .con .right{float: none;z-index:5;margin-right: 0;}
	.header .topBox .con .right .menu{display:block;background:url(../img_M/menu.png) center center no-repeat;width: 5vw;height: 11.78vw;position:absolute;left:0;background-size: 4vw!important;padding: 0;z-index: 1;}
    .header .topBox .con .right .menu_close{background:url(../img_M/close.png) center center no-repeat;width:27px;height: 11.78vw;position:absolute;left:0;background-size: 4vw!important;display:none;z-index: 1;}
    .header .topBox .con .right .logo{display:block}
    .header .topBox .con .right .login{display:block;padding: 0;line-height: 12vw;font-size:13px;position: absolute;right: 0;}
	.header .topBox .con .right .center{display:none!important}
	.header .topBox .con .right .centerM{display:block;position:absolute;/* top: 3vw; */right:0;display:block;/* width:6vw; *//* height:6vw; */border-radius:50%;/* background: url(../img_M/image.png) center center no-repeat; */padding: 0;font-size: 12px;line-height: 11.87vw;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 16vw;text-align: right;}
	.header .topBox .con .right a{display: none;box-sizing: border-box;}
	.header .topBox .con .right a:after{display:none}
    .header .topBox .con .right .logo{width: 58%;height: 11.87vw;text-align:center;display:inline-block;line-height: 9vw;padding-top: 3vw;margin: 0 20vw;}
    .header .topBox .con .right .logo img{height:5vw}
    .loginBox{z-index:1000}
    .loginmb{background: rgba(0,0,0,0.7)!important;z-index:1;}
	
	/* login	 */
	.tankuang .loginBox{width: 60vw;height: 60vw;background: #fff;margin: -30vw -30vw;position: fixed;top: 50%;left: 50%;padding: 4vw 7vw 7vw;box-sizing: border-box;z-index: 1001;display: none;border-radius:10px;}
    .tankuang .loginBox>i{font-size: 18px;color: #3d7eff;line-height: 18px;display: block;text-align: center;}
    .tankuang .loginBox>em:first-of-type{font-size: 14px;color: #333333;padding-left: 44px;}
    .tankuang .loginBox>em:last-child{display: none;}
    .tankuang .loginBox .Textinput{height: 6vw;line-height: 6vw;border-bottom: 1px solid #e6e6e6;font-size: 12px;color: #cacaca;width: 100%;box-sizing: border-box;}
    .tankuang .loginBox .Textinput .icon{width: 16px;padding-left: 28px;display: inline-block;line-height: 40px;color: #dedede;}
    .tankuang .loginBox .Textinput>input{width: 100%;font-size: 14px;}
    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#cacaca;font-size: 13px;}
    input:-moz-placeholder, textarea:-moz-placeholder {color:#cacaca;font-size: 13px;}
    input::-moz-placeholder, textarea::-moz-placeholder {color:#cacaca;font-size: 13px;}
    input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#cacaca;font-size: 13px;}
    .tankuang .loginBox .member{margin-top: 7vw;}
    .tankuang .loginBox .member .icon{background: url(../img/index/member.png) left center no-repeat;}
    .tankuang .loginBox .find{display: block;line-height: 8vw;font-size:13px;color:#8d8d8d;margin-top: 4vw;}
    .tankuang .loginBox .find>a{color:#8d8d8d;display:inline-block!important}
    .tankuang .loginBox .find>a:last-child{float: right;}
    .tankuang .loginBox .password{margin-top: 4vw;}
    .tankuang .loginBox .password .icon{background: url(../img/index/password.png) left center no-repeat;}
    .tankuang .loginBox>a.loginBtn{/* margin: 0 27px; */display: block;line-height: 8vw;color: #8d8d8d;background: #e5e5e5;text-align: center;border-radius: 5px;font-size: 14px;}
	
/* register	 */
    .tankuang .registerBox{width: 60vw;height: 80vw;background: #fff;border-radius: 10px;margin: -40vw -30vw;position: fixed;top: 50%;left: 50%;padding: 4vw 7vw;box-sizing: border-box;z-index: 1001;display: none;}
    .tankuang .registerBox>i{font-size: 18px;color: #3d7eff;line-height: 18px;display: block;text-align: center;}
    .tankuang .registerBox>em:first-of-type{font-size: 14px;color: #333333;padding-left: 44px;}
    .tankuang .registerBox>em:last-child{display: none;}
    .tankuang .registerBox .Textinput{height: 6vw;line-height: 6vw;border-bottom: 1px solid #e6e6e6;font-size: 12px;color: #cacaca;width: 100%;box-sizing: border-box;}
    .tankuang .registerBox .Textinput .icon{width: 16px;padding-left: 28px;display: inline-block;line-height: 40px;color: #dedede;}
    .tankuang .registerBox .Textinput>input{width: 100%;font-size: 13px;}
    .tankuang .registerBox .member{margin-top: 5vw;}
    .tankuang .registerBox>div{margin-top: 4vw;}
    .tankuang .registerBox>.find{display: block;font-size: 13px;line-height: 7vw;height: 7vw;color:#8d8d8d;margin-top: 4vw;}
    .tankuang .registerBox>.find a{color:#8d8d8d;}
    .tankuang .registerBox>.find a:last-child{float: right;}
    .tankuang .registerBox>a.registerBtn{/* margin: 30px 27px; */display: block;line-height: 8vw;color: #8d8d8d;font-size: 13px;background: #e5e5e5;text-align: center;border-radius: 5px;}
    .tankuang .registerBox>p:last-child{font-size: 11px;color: #cacacd;font-weight:lighter;line-height: 8vw;text-align:center;}
    .tankuang .registerBox>p:last-child a{color:#3d7eff}



	.headerM .topBoxM .centerM{position:absolute;right:0;width: 7vw;height: 7vw;/* background:#333; */top: 3vw;border-radius:50%;font-size: 13px;color: #666;line-height: 7vw;}
	.headerM .topBoxM .con .right{position:absolute;right:0}
    .headerM .topBoxM .con .right>div{position: relative;line-height: 12vw;}
    .headerM .topBoxM .con .right>div>a{font-size: 14px;color: #b5b6b8;}
    .headerM .topBoxM .con .right>div.center{margin-top:2vw}

	.headerM .nav{width: 76%;background:#efefef;height:100vh;position:fixed;top:0;/* left: -100%; */z-index: 2;padding-top:6vw;}
	.headerM .nav .logo{display:none}
	.headerM .nav ul li{width:100%;border-bottom:1px solid #d2d2d2;height:10.67vw;}
	.headerM .nav ul li:hover{background:#ffffff}
	.headerM .nav ul li.active{background:#fff}
	.headerM .nav ul li a{display:block;height:6.67vw;line-height:6.67vw;margin-top:3.5vw;color:#707070;font-size:14px;padding-left: 3vw;}
	.headerM .nav ul li a.slide{background: url(../img_M/nav.png) calc(100% - 4vw) center no-repeat;background-size: 2vw;}
	.headerM .nav ul li:hover>a{color:#006fe0}
	.headerM .nav ul li.active a{color:#006fe0}
	.headerM .nav>ul>li:first-child{background:#efefef;/* padding-left: 3vw; */}
	.nav>ul>li .nav_second{width: 100%;height:100vh;position:absolute;top:0;/* left: 100%; */background: #efefef;}
	.nav>ul>li .nav_second ul{width:100%;padding-left: 0;display: block;}
	.nav>ul>li .nav_second ul li{padding: 0;}
	.nav>ul>li .nav_second ul li a{color:#707070;font-size:14px;text-align: left;}
	.nav>ul>li .nav_second .backM{height:11vw;line-height:11vw;border-bottom:1px solid #d2d2d2;margin-top:5.5vw;display: block!important;}
	.nav>ul>li .nav_second .backM a{line-height:11vw;width:5vw;height: 11vw;background:url(../img_M/navback.png) 4vw center no-repeat;background-size: 2vw;display:inline-block;text-align:left;margin-top: 0;float: left;}
	.nav>ul>li .nav_second .backM p{display:inline-block;width: 50%;text-align: right;line-height: 11vw;color:#707070;}
	.headerM{display: block;/* height: 11.87vw; */box-sizing: border-box;position: fixed;width: 100%;background: #fff;top: 0;left: -76vw;z-index: 2;transition: 1s all ease;}
	.headerM .logo{float: left;width: 50%;height: 100%;}
	.headerM>a{float: right;width: 10vw;height: 100%;}
	.headerM>a.personal{background: url(../img/mobile/personal.png) center center no-repeat / 4vw;}
	.headerM>a.menu{background: url(../img/mobile/menu.png) center center no-repeat / 3.5vw 3vw;}
    /* footer */
    .footer{padding: 6vw 0 0px 0px;}
    .footer .con{width:100%;padding: 0 3vw;box-sizing:border-box;}
    .footer .con .left{width: 100%;padding: 0 7vw;box-sizing:border-box;float:none;}
    .footer .con .left>i{font-size:18px}
    .footer .con .left>.info{font-size:14px;line-height: 24px;margin-top: 4vw;}
    .footer .con .left>.info p{color:#737373}
    .footer .con .right{width:100%;float:none;height: auto;margin-top:6vw}
    .footer .con .right>i{display:none;}
    .footer .con .right>ul{display:none;}
    .footer .con .right .tel{width: 94vw;padding: 0 7vw;box-sizing:border-box;}
    .footer .con .right .tel a{/* display:none */}
    .footer .con .right .tel p{font-size:22px}
    .footer .copyright p{line-height:20px;padding: 10px;}
    .footer .copyright a img{top:0px!important;}



}

