@charset "utf-8";
/* CSS Document */
/* index */

body {}

.wrap {
	margin: 0 auto;
	padding: 0 10%;
}



.loginMain{
	width: 100%;
	height: 100vh;
	background: url(../testimg/t1.jpg) no-repeat center center;
}
.loginLogo{
	position: absolute;
	left: 10%;
	top: 10%;
	
}
.loginCopy{
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 5%;
	text-align: center;
	color: #0a6cb3;
	padding: 0 5%;
}
.contlogin{
	background: #fff;
	width: 520px;
	padding: 40px 60px;
	border-radius: 20px;
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	position: absolute;
	right: 15%;
	top: 50%;
	transform: translateY(-50%);
}
.contlogin .d1{
	color: #0a6cb3;
	font-size: 40px;
	padding-bottom: 20px;
}
.contlogin .list{
	margin-top: 12px;
	display: -webkit-flex;
	display: flex;
}
.contlogin .list input{
	flex: 1;
	border-radius: 6px;
	height: 62px;
	border: none;
	font-size: 18px;
	padding: 0 15px 0 60px;
	background: #f8f8f8 no-repeat 20px center;
}
.contlogin .list .b1{
	background-image: url(../images/a1.png);
}
.contlogin .list .b2{
	background-image: url(../images/a2.png);
}
.contlogin .list .b3{
	background-image: url(../images/a3.png);
	width: 240px;
}

.contlogin .list img.code{
	margin-left: 20px;
	width: 110px;
}
.buttonLogin{
	margin-top: 30px;
}
.buttonLogin input{
	height: 60px;
	width: 100%;
	font-size: 30px;
	border-radius: 8px;
	background: #0a6cb3;
	border: none;
	cursor: pointer;
	color: #fff;
	background: #0a6cb3;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.2);
}

.top{
	background: #fff;
	padding: 20px 0;
	box-shadow: 0 0 15px rgba(0,0,0,0.2)
}
.top .logo img{
	height: 50px;
}
.topMenu{
	margin-top: 5px;
}
.topMenu .search{
	
}
.topMenu .search span{
	display: block;
	display: none;
	width: 40px;
	height: 40px;
	background: url(../images/fd.png) no-repeat center center;
}
.topMenu .search p{
	width: 242px;
	height: 42px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.topMenu .search p .c1{
	float: left;
	width: 200px;
	height: 40px;
	padding: 0 15px;
	background: none;
	border: none;
}
.topMenu .search p .c2{
	float: left;
	width: 40px;
	height: 40px;
	border: none;
	cursor: pointer;
	background: url(../images/fd.png) no-repeat center center;
}
.loginT{
	margin: 0 30px;
	font-size: 18px;
	line-height: 42px;
}
.loginIn{
	padding-left: 40px;
	background: url(../images/a1.png) no-repeat left center;
}
.loginIn a.name{
	color: #0a6cb3;
}
.loginIn a.out{
	color: #999;
	margin-left: 12px;
	text-decoration: underline;
}
.loginOut{
	padding-left: 40px;
	background: url(../images/a1.png) no-repeat left center;
}
.loginOut a{
	color: #0a6cb3;
}
.shopCar a{
	display: block;
	position: relative;
	width: 42px;
	height: 42px;
	background: url(../images/car.png) no-repeat center center;
}
.shopCar a span{
	color: #fff;
	position: absolute;
	right: -5px;
	top: -5px;
	width: 24px;
	height: 24px;
	background: #f00;
	text-align: center;
	display: block;
	line-height: 24px;
	border-radius: 50%;
}

.ind-01{
	padding: 2% 0;
}
.indTit span{
	display: inline-block;
	color: #0a6cb3;
	font-size: 30px;
	padding-bottom: 5px;
	border-bottom: 2px solid #0a6cb3;
}

.ind-02{
	background: url(../testimg/t3.jpg) no-repeat center center;
	background-size: cover;
	padding: 2.5% 0;
}

.ounmfe li{
	float: left;
	margin-right: 2%;
	margin-top: 2%;
	width: 23.5%;
}
.ounmfe li:nth-child(4n){
	margin-right: 0;
}
.ounmfe li a{
	display: block;
	color: #0a6cb3;
	font-size: 24px;
	line-height: 88px;
	background: #fff;
	text-align: center;
	border: 1px solid #0a6cb3;
}
.ounmfe li a img{
	display: inline-block;
	vertical-align: middle;
	height: 42px;
	margin-right: 15px;
}
.ounmfe li a .img02{
	display: none;
}

.ounmfe li a span{
	display: inline-block;
	vertical-align: middle;
	width: 57px;
	height: 42px;
	margin-right: 10px;
	background: no-repeat center center;
}
.ounmfe li a .s1{
	background-image: url(../images/b1-1.png);
}
.ounmfe li a .s2{
	background-image: url(../images/b2-1.png);
}
.ounmfe li a .s3{
	background-image: url(../images/b3-1.png);
}
.ounmfe li a .s4{
	background-image: url(../images/b4-1.png);
}
.ounmfe li a .s5{
	background-image: url(../images/b5-1.png);
}
.ounmfe li a .s6{
	background-image: url(../images/b6-1.png);
}
.ounmfe li a .s7{
	background-image: url(../images/b7-1.png);
}
.ounmfe li a .s8{
	background-image: url(../images/b8-1.png);
}

.LBlist li{
	float: left;
	margin-right: 2%;
	margin-top: 2%;
	width: 23.5%;
}
.LBlist li:nth-child(4n){
	margin-right: 0;
}
.LBlist li a{
	display: block;
}
.LBlist li a .pic{
	padding: 15px;
	overflow: hidden;
	border: 1px solid #ddd;
}
.LBlist li a .pic img{
	width: 100%;
	height: 185px;
	object-fit: scale-down;
	transition: all 0.5s;
}
.LBlist li a .tit{
	font-size: 18px;
	margin-top: 10px;
}

.CopyRight{
	color: #fff;
	background: #0a6cb3;
	font-size: 18px;
	padding: 25px 3%;
	line-height: 1.6;
}

.ny-dres{
	margin-top: 15px;
	line-height: 40px;
	color: #999;
	border-bottom: 1px solid #ddd;
}
.ny-dres i{
	color: #0a6cb3;
}

.ny-main{
	padding: 40px 0;
}
.ny-nav-01 p a{
	float: left;
	width: 19.2%;
	font-size: 18px;
	line-height: 46px;
	margin-right: 1%;
	margin-bottom: 1%;
	color: #fff;
	border-radius: 5px;
	background: #0075bf;
	text-align: center;
}
.ny-nav-01 p a.cur{
	background: #e66b25;
}
.ny-nav-01 p a:nth-child(5n){
	margin-right: 0;
}
.lounem{
	padding-top: 1%;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	min-height:80px;
}
.navList{
	width: 300px;
	
}
.odmlen{
	background: #0075bf;
	padding: 20px 30px;
	border-radius: 5px;
}

.lboneT li{
	border-bottom: 1px solid #fff;
}
.lboneT li > a{
	display: block;
	font-size: 18px;
	color: #fff;
	line-height: 50px;
	padding-left: 20px;
	background: url(../images/rt.png) no-repeat left center;
}
.lboneT li > a.cur{
	font-weight:bolder;
	color: #e66b25;
}
.lboneT li .sec{
	padding-bottom: 15px;
	display: none;
}
.lboneT li .sec a{
	color: #fff;
	display: block;
	padding-left: 30px;
	font-size: 16px;
	line-height: 35px;
}
.lboneT li .sec a.cur{
	color: #e66b25;
}
.yonmea{
	width:calc(100% - 330px)
}
.cpList li{
	width: 31.3%;
	margin-left: 2%;
	margin-bottom: 2%;
	float: left;
}
.cpList li a{
	display: block;
}
.cpList li a .pic{
	overflow: hidden;
	padding: 15px;
	border: 1px solid #ddd;
}
.cpList li a .pic img{
	display: block;
	transition: all 0.5s;
	width: 100%;
	height: 330px;
	object-fit: scale-down;
}
.cpList li a .tit{
	font-size: 18px;
	margin-top: 10px;
}
.cpList2 li{
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
}
.cpList2 li:nth-child(4n){
	margin-right:0;
}
.cpList2 li a{
	display: block;
}
.cpList2 li a .pic{
	overflow: hidden;
	padding: 15px;
	border: 1px solid #ddd;
}
.cpList2 li a .pic img{
	display: block;
	transition: all 0.5s;
	width: 100%;
	height: 330px;
	object-fit: scale-down;
}
.cpList2 li a .tit{
	font-size: 18px;
	margin-top: 10px;
}
.pageOl{
	margin-top: 3%;
}
.pageOl a{
	display: inline-block;
	line-height: 35px;
	border: 1px solid #ddd;
	width: 35px;
	background: #f7f8fc;
	margin: 0 2px;
}
.pageOl a.cur{
	color: #e66b25;
}
.pageOl a.fy{
	width: 70px;
}

.octianl{
	padding-left: 30px;
}

.lemnfa .pic{
	width: 36%;
	padding: 20px;
	border: 1px solid #ddd;
}
.lemnfa .pic img{
	width: 100%;
	
	object-fit: scale-down;
}
.lemnfa .con{
	width: 61%;
}
.lemnfa .con .d1{
	font-size: 30px;
	color: #0075bf;
	line-height: 1.6;
	padding: 12px 0;
}
.lemnfa .con .d2{
	padding-top: 10px;
	min-height: 240px;
}
.lemnfa .con .d2 a{
	float: left;
	border: 1px solid #ddd;
	border-radius: 6px;
	padding: 5px 10px;
	margin-right: 20px;
	margin-top: 20px;
}
.lemnfa .con .d2 a.cur{
	color: #0075bf;
	border: 1px solid #0075bf;
}

.numbat{
	margin-top: 20px;
	padding: 25px 0;
	border-top: 1px solid #ddd;
}
.numbat input{
	float: left;
}
.numbat input.add-min{
	width: 40px;
	height: 40px;
	background: #eee;
	font-size: 18px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
}
.numbat input.add-inp{
	width: 60px;
	text-align: center;
	height: 40px;
	border: none;
	font-size: 20px;
}

.butomea button{
	width: 150px;
	height: 42px;
	border: none;
	cursor: pointer;
	color: #fff;
	font-size: 18px;
	border-radius: 12px;
	background: #f00;
}
.tonat{
	font-size: 22px;
	margin-top: 15px;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}

.hneabt{
	margin-top: 2%;
}
.hneabt td{
	border: 1px solid #ddd;
	padding: 5px 10px;
	line-height: 1.8;
}
.ny-nav-01 >span{
	display: none;
}
.volea{
	padding: 5% 3%;
}

.omlfea{
	line-height: 50px;
	font-size: 18px;
	border-bottom: 1px solid #0075bf;
	background: url(../images/st01.png) no-repeat right center;
}
.omlfea.on{
	background: url(../images/st02.png) no-repeat right center;
}
.nemlat li{
	margin-top: 20px;
}
.nemlat li .pic{
	border: 1px solid #ddd;
	padding: 10px;
	width: 150px;
	float: left;
}
.nemlat li .pic img{
	width: 100%;
	height: 130px;
	object-fit: scale-down;
}
.nemlat li .con{
	float: right;
	width: calc(100% - 180px);
}
.nemlat li .con .d1{
	font-size: 16px;
	line-height: 36px;
}
.nemlat li .con .d2{
	font-size: 16px;
	line-height: 25px;
}
.moltra{
	line-height: 1.8;
	color: #999;
}
.moltra span{
	color: #333;
}

.lmenba{
	width: 300px;
	
}
.lmenba p{
	background: #0075bf;
	padding: 10px 30px 30px;
	border-radius: 12px;
}
.lmenba p a{
	display: block;
	line-height: 55px;
	font-size: 18px;
	color: #fff;
	padding-left: 22px;
	background: url(../images/rt.png) no-repeat left center;
	border-bottom: 1px solid rgba(255,255,255,0.6);
}
.lmenba p a.cur{
	color: #e66b25;
	background: url(../images/rt2.png) no-repeat left center;
}
.plemeac{
	padding-left: 30px;
	background: url(../images/hs.png) no-repeat left center;
}

.mloteb{
	width: calc(100% - 330px);
	
}
.tbaelc{
	background: #f3f3f3;
	font-size: 16px;
	padding: 15px 25px;
	margin-top: 25px;
	display: -webkit-flex;
	display: flex;
}
.tbaelc .d1{
	width: 130px;
}
.tbaelc .d2{
	flex: 1;
}
.tbaelc .d3{
	width: 130px;
}
.tbaelc .d4{
	width: 140px;
}

.bouaent{
	border: 1px solid #ddd;
	margin-top: 20px;
	padding: 0 25px;
}

.lmbfea{
	padding: 25px 0;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	font-size: 16px;
}
.lmbfea .d1{
	width: 70px;
}
.lmbfea .d2{
	flex: 1;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	text-align: left;
}
.lmbfea .d2 .pic{
	padding: 12px;
	width: 100px;
	margin-right: 15px;
	border: 1px solid #ddd;
}
.lmbfea .d2 .pic img{
	width: 100%;
	height: 80px;
	object-fit: scale-down;
}
.lmbfea .d2 .tit{
	width: calc(100% - 125px);
}
.lmbfea .d3{
	width: 130px;
}
.lmbfea .d3 .add-min{
	width: 25px;
	height: 25px;
	border: none;
	cursor: pointer;
	font-size: 18px;
}
.lmbfea .d3 .add-inp{
	width: 40px;
	height: 25px;
	border: none;
	text-align: center;
	font-size: 16px;
}
.lmbfea .d4{
	width: 140px;
}
.lmbfea textarea{
	width: 130px;
	height: 80px;
	font-size: 15px;
	padding: 10px;
	border: 1px solid #ddd;
}
.lmbfea .del{
	color: #0075bf;
}
.lmlfeb{
	padding-left: 70px;
}
.omlfea02{
	border-bottom-color: #ddd;
}
.lmenba span{
	display: none;
}
.endimt{
	padding: 12px 0;
}
.endimt li{
	padding: 8px 0;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	text-align: left;
}
.endimt li .pic{
	padding: 12px;
	width: 100px;
	margin-right: 15px;
	border: 1px solid #ddd;
}
.endimt li .pic img{
	width: 100%;
	height: 80px;
	object-fit: scale-down;
}
.endimt li .tit{
	width: calc(100% - 125px);
}

.scaTit{
	padding: 20px 0;
	font-size: 18px;
}

.drelaCon{
	border: 1px solid #ddd;
	padding: 20px;
}

.obenmt{
	font-size: 16px;
}
.obenmt a{
	float: right;
	color: #0075bf;
}
.lbenmg{
	line-height: 2;
	margin-top: 10px;
	font-size: 16px;
}
.lbenmg span{
	color: #999;
}
.amorelb{
	margin-top: 12px;
}
.amorelb a{
	color: #0075bf;
}
.scaTit a{
	color: #0075bf;
	float: right;
}
.vounrz{
	border: 1px solid #ddd;
	border-bottom: none;
}
.vounrz li{
	border-bottom: 1px solid #ddd;
	padding: 15px 20px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.vounrz li .d1{
	flex: 1;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}
.vounrz li .d1 .pic{
	border: 1px solid #ddd;
	padding: 10px;
	width: 80px;
	margin-right: 12px;
}
.vounrz li .d1 .pic img{
	width: 100%;
	height: 60px;
	object-fit: scale-down;
}
.vounrz li .d1 .tit{
	width: calc(100% - 100px);
}
.vounrz li .d2{
	width: 120px;
}
.vounrz li .d3{
	width: 180px;
}
.vounrz li .d3 span{
	color: #999;
}
.oqutbe{
	border: 1px solid #ddd;
	padding: 25px;
}
.oqutbe table{
	max-width: 600px;
}
.oqutbe table td{
	padding: 5px 0;
	font-size: 16px;
}
.oqutbe table .c1{
	width: 100%;
	background: #f8f8f8;
	height: 40px;
	border: none;
	border-radius: 6px;
	padding: 0 10px;
	font-size: 16px;
}
.oqutbe table select{
	width: 100%;
	background: #f8f8f8;
	height: 40px;
	border: none;
	border-radius: 6px;
	padding: 0 10px;
	font-size: 16px;
	color: #666;
}

.orubea{
	margin-top: 20px;
	font-size: 18px;
}
.orubea strong{
	color: #f00;
	font-size: 32px;
	vertical-align: middle;
}
.orubea input{
	width: 150px;
	height: 40px;
	color: #fff;
	background: #f00;
	font-size: 20px;
	border-radius: 10px;
	border: none;
	cursor: pointer;
	margin-left: 40px;
}
.addresb{
	padding: 15px 0;
}
.addresb a{
	display: inline-block;
	width: 120px;
	line-height: 36px;
	color: #fff;
	border-radius: 8px;
	text-align: center;
	background: #0075bf;
}
.mbueva li{
	border: 1px solid #ddd;
	padding: 20px;
	margin-bottom: 2%;
}
.mbueva li .d1{
	font-size: 18px;
	color: #0075bf;
}
.mbueva li .d1 span{
	color: #fff;
	background: #e66b25;
	line-height: 25px;
	font-size: 14px;
	display: inline-block;
	padding: 0 8px;
	margin-left: 15px;
}

.lmoeak{
	margin-top: 15px;
}
.lmoeak a{
	color: #0075bf;
	margin-left: 25px;
	font-size: 16px;
}

.bg-col{
	background: rgba(0,0,0,0.6);
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10;
	left: 0;
	top: 0;
}
.lmbnea{
	width: 640px;
	position: fixed;
	left: 50%;
	top: 50%;
	background: #fff;
	transform: translate(-50%,-50%);
}
.thunec{
	line-height: 50px;
	position: relative;
	background: #eee;
	font-size: 18px;
	padding: 0 30px;
	color: #0075bf;
}
.thunec a{
	position: absolute;
	right: 15px;
	top: 10px;
	width: 30px;
	height: 30px;
	background: url(../images/close.png) no-repeat center center;
}
.tonrbc{
	padding: 24px 30px;
	color: #666;
}
.tonrbc td{
	padding: 5px;
	font-size: 16px;
}
.tonrbc td span{
	color: #f00;
}
.tonrbc td .c1{
	width: 100%;
	background: #f7f8fc;
	height: 38px;
	border-radius: 6px;
	border: none;
	padding: 0 15px;
	font-size: 16px;
}
.muofac{
	margin-top: 14px;
	color: #0075bf;
	font-size: 16px;
}
.burenma{
	padding: 20px 0;
}
.burenma input{
	width: 140px;
	height: 44px;
	color: #fff;
	background: #0075bf;
	font-size: 16px;
	border-radius: 12px;
	border: none;
	cursor: pointer;
	
}
.lponmec{
	padding: 20px 0;
}
.lponmec a{
	display: inline-block;
	margin-right: 12px;
	background: #0075bf;
	line-height: 40px;
	border-radius: 8px;
	width: 100px;
	text-align: center;
	color: #fff;
	font-size: 16px;
}
.lponmec a.cur{
	background: #e66b25;
}
.komcfe{
	display: -webkit-flex;
	display: flex;
	background: #f3f3f3;
	line-height: 45px;
	font-size: 16px;
}
.komcfe .d1{
	flex: 1;
}
.komcfe .d2{
	width: 130px;
}
.colmac .list{
	border: 1px solid #ddd;
	margin-top: 20px;
	
}
.colmac .list .time{
	padding: 0 30px;
	background: #fafafa;
	line-height: 30px;
	color: #999;
	border-bottom: 1px solid #ddd;
}
.oplmca{
	display: -webkit-flex;
	display: flex;
}
.oplmca .left{
	flex: 1;
	padding: 30px;
}
.oplmca .left .mlcebz{
	display: -webkit-flex;
	display: flex;
	align-items: center;
	
	text-align: center;
}
.oplmca .left .d1{
	flex: 1;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	text-align: left;
}

.oplmca .left .d1 .pic{
	border: 1px solid #ddd;
	padding: 10px;
	width: 80px;
	margin-right: 12px;
}
.oplmca .left .d1 .pic img{
	width: 100%;
	height: 60px;
	object-fit: scale-down;
}
.oplmca .left .d1 .tit{
	width: calc(100% - 100px);
}
.oplmca .left .d2{
	width: 120px;
}
.oplmca .right{
	border-left: 1px solid #ddd;
	width: 120px;
	text-align: center;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	font-size: 16px;
}
.oplmca .right div{
	width: 100%;
	text-align: center;
	color: #999;
}
.oplmca .right div a{
	color: #0075bf;
}


.kmlcea{
	text-align: center;
	display: -webkit-flex;
	display: flex;
	color: #333;
}
.kmlcea .d1{
	flex: 1;
}
.kmlcea .d2{
	width: 120px;
}
.rltebn{
	margin-top: 25px;
	background: #f3f3f3;
	line-height: 35px;
	padding: 0 30px;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.rltebn .list{
	width: 50%;
}
.rmtena{
	border: 1px solid #ddd;
	padding: 20px;
	margin-top: 20px;
	line-height: 1.8;
}
.rmtena .d1{
	font-size: 18px;
}
.rmtena .d2{
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.rmtena .d2 .list{
	width: 50%;
	padding-right: 20px;
}

.woncem{
	border: 1px solid #ddd;
	padding: 30px;
	margin-top: 25px;
}
.vouten{
	max-width: 600px;
	font-size: 16px;
}
.vouten td{
	padding: 5px 0;
}
.vouten .c1{
	width: 100%;
	height: 40px;
	font-size: 16px;
	border: none;
	border-radius: 6px;
	background: #f8f8f8;
	padding: 0 15px;
}
.vouten .c2{
	width: 75px;
	height: 40px;
	font-size: 16px;
	border: none;
	border-radius: 6px;
	background: #0075bf;
	color: #fff;
}


.product-car {
    padding: .64rem 0 0;
}

.product-car img {
    width: 2.10rem;
    height: 2.1rem;
    object-fit: contain;
    margin: auto;
    display: block;
}

.product-car .t1 {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.5);
    line-height: 25px;
    text-align: center;
    margin-top: .58rem;
}

.product-car .t1 a {
    color: #DC3C00;
}




.moubca{
	margin-top: 30px;
}

.eoutnb a{
	margin-left: 20px;
	color: #0075bf;
}
.lmvena{
	font-size: 16px;
	color: #999;
}
.lmvena strong{
	color: #f00;
	font-size: 24px;
}
.lmvena span{
	margin-left: 15px;
}
.bunmcn{
	margin-top: 20px;
}
.bunmcn input{
	width: 120px;
	height: 45px;
	color: #fff;
	background: #f00;
	font-size: 18px;
	border: none;
	cursor: pointer;
	border-radius: 10px;
}
@media (max-width: 780px) {
	.eoutnb{
		width: 100%;
	}
	.lmvena{
		width: 100%;
		margin-top: 15px;
	}
	.lmvena span{
		margin: 0 10px 0 0;
	}
	
	
	
}