*{margin: 0;padding: 0;list-style: none;box-sizing: border-box;text-decoration: none;font-family: Helvetica, Arial, sans-serif;/*line-height: 1;*/user-select: none;}
.img{display: flex;align-items: center;justify-content: center;font-size: 0;overflow: hidden;user-select:none}
.img img{width: 100%;height: 100%;object-fit: contain;transition: all .3s;}

.btn{display: flex;align-items: center;justify-content: center;transition: all 0.3s;cursor: pointer;}

.text2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.text3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.text4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}

input,select{border: none;outline: none;background: none;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"]{
    -moz-appearance: textfield;
}

/* html{font-size: calc(100vw / 192);} */

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

.pc{display: block;}
.mb{display: none;}

.flex{display: flex;}

/* body{opacity: 0;transition: all 1s;} */

/* @font-face {
    font-family: "hongmeng";
    font-weight: 0.600;
    src: url("./HarmonyOS_Sans_SC_Regular.ttf") format("trueType");
    font-display: swap;
} */


.header .top{background: #EEEEEE;height: 35px;}
.header .top .container{display: flex;justify-content: space-between;height: 100%;}
.header .top .left{height: 100%;display: flex;align-items: center;}
.header .top .right{height: 100%;display: flex;align-items: center;}

.header .top .link{font-size: 14px;color: #666;}
.header .top .text{font-size: 14px;color: #666;margin-right: 24px;}
.header .top .name{font-size: 14px;color: #3366CC;margin-right: 6px;}

.header .bot{height: 120px;}
.header .bot .container{display: flex;justify-content: space-between;height: 100%;align-items: center;}
.header .bot .logo{height: 112px;}

.header .bot .menu{display: flex;align-items: center;height: 100%;}
.header .bot .menu .one{width: 112px;position: relative;height: 64px;border-radius: 12px 0px 12px 0px;z-index: 111;}
.header .bot .menu .one.active{background-color: #3366CC;}

.header .bot .menu .one .link{font-size: 16px;color: #666;display: flex;align-items: center;justify-content: center;height: 64px;}
.header .bot .menu .one.active>.link{color: #fff;}

.header .bot .menu .one .two{position: absolute;top: 100%;left: 0;min-width: 100px;box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);white-space: nowrap;background: #fff;display: none;}
.header .bot .menu .one .two .link{padding: 0 24px;justify-content: flex-start;}
.header .bot .menu .one .two .link:hover{background: #3366CC;color: #fff;}
.header .bot .menu .one:hover .two{display: block;}

.header .bot .language{width: 60px;height: 30px;display: flex;background: #dcdcdc;border-radius: 20px;}
.header .bot .language .link{font-size: 14px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;color: #666;}
.header .bot .language .none{width: 30px;height: 30px;border-radius: 20px;background: #3366CC;}



.footer{background: #E9E9E9;}
.footer .bot{margin: 40px 0 0;border-top: 1px solid #999;padding: 6px 0;font-size: 12px;text-align: center;}
.footer .bot a{color: #666;}

.footer .top{padding-top: 50px;}
.footer .top .container{display: flex;}
.footer .top .line{margin-right: 82px;line-height: 21px;}
.footer .top .line .title{font-size: 14px;margin-bottom: 6px;font-weight: bold;color: #333;display: block;}
.footer .top .line a.title{font-size: 12px;color: #666;}
.footer .top .line .link{font-size: 12px;color: #666;display: block;}
.footer .top .line .code{width: 108px;height: 108px;margin-top: 12px;}
.footer .top .line .flex{align-items: center;font-size: 14px;color: #666;}
.footer .top .line .flex .icon{width: 28px;height: 28px;margin-right: 6px;}
.footer .top .line .tel{margin-top: 6px;color: #3366CC;font-size: 20px;}





.index .banner .swiper .swiper-pagination-bullet{width: 28px;height: 6px;border-radius: 0;margin: 0 5px;}


.index .product{height: 215px;background: #EEF4FF;}
.index .product .container{height: 100%;display: flex;align-items: center;justify-content: space-between;}
.index .product .one{width: 100px;display: flex;flex-direction: column;align-items: center;}
.index .product .one .icon{width: 100px;height: 100px;border: 1px solid #7FBFFF;border-radius: 50%;}
.index .product .one .text{font-size: 14px;margin-top: 16px;color: #333;text-align: center;white-space: nowrap;}


.index .advantage{margin-top: 60px;background: #fff;height: 618px;}
.index .advantage .title{padding-top: 22px;font-size: 24px;color: rgba(102,102,102,1);text-align: center;position: relative;}
.index .advantage .title::before{position: absolute;width: 70px;height: 110px;background: rgba(51,102,204,0);border: 2px solid #d6e0f5;top: 0;left: 0;right: 0;margin: auto;content: "";}

.index .advantage .list{margin-top: 107px;display: flex;justify-content: space-between;}
.index .advantage .list .one{width: 380px;}
.index .advantage .list .one .img{width: 380px;height: 380px;}
.index .advantage .list .one .name{padding: 5px 0;text-align: center;font-size: 16px;color: #000;}


.index .news{margin: 60px 0;background: #fff;height: 800px;}
.index .news .title{padding-top: 22px;font-size: 24px;color: rgba(102,102,102,1);text-align: center;position: relative;}
.index .news .title::before{position: absolute;width: 70px;height: 110px;background: rgba(51,102,204,0);border: 2px solid #d6e0f5;top: 0;left: 0;right: 0;margin: auto;content: "";}

.index .news .list{margin-top: 107px;display: flex;justify-content: space-between;}
.index .news .list .one{width: 380px;}
.index .news .list .one .img{width: 380px;height: 330px;}
.index .news .list .one .img img{object-fit: fill;}
.index .news .list .one .name{font-size: 18px;color: #333;width: 360px;margin: 28px auto;height: 22px;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index .news .list .one .time{color: #999;margin-bottom: 30px;text-align: center;}
.index .news .list .one .content{width: 360px;font-size: 14px;color: #666;margin: 0 auto;text-align: center;}
.index .news .list .one .more{font-size: 14px;width: 41px;height: 20px;margin: 26px auto 0;color: #999;font-weight: 400;font-family: ArialMT;}



.productList .banner .swiper .swiper-pagination-bullet{width: 28px;height: 6px;border-radius: 0;margin: 0 5px;}

.productList .menu{height: 215px;background: #F7FBFF;}
.productList .menu .container{height: 100%;display: flex;align-items: center;justify-content: space-between;}
.productList .menu .one{width: 100px;display: flex;flex-direction: column;align-items: center;}
.productList .menu .one .icon{width: 100px;height: 100px;border: 1px solid #7FBFFF;border-radius: 50%;}
.productList .menu .one .text{font-size: 14px;margin-top: 16px;color: #333;text-align: center;white-space: nowrap;}
.productList .menu .one.active .icon{background: #7FBFFF;}


.productList .cate{background: #F7FBFF;border-top: 1px solid #e5e5e5;}
.productList .cate .container{display: flex;flex-wrap: wrap;}
.productList .cate .one{width: 120px;height: 44px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #333;}
.productList .cate .one.active{color: #fff;background: #7FBFFF;}


.productList .list{margin: 70px 0 30px;}
.productList .list .container{display: flex;flex-wrap: wrap;}
.productList .list .one{margin: 40px 50px 0 0;width: 200px;height: 200px;border: 1px solid #CCCCCC;background: #fff;}
.productList .list .one .img{width: 100%;height: 140px;}
.productList .list .one .img img{object-fit: fill;}
.productList .list .one .name{width: 100%;height: 60px;display: flex;align-items: center;justify-content: center;font-size: 14px;color: #3c3c3c;font-weight: bold;}
.productList .list .one:nth-child(5n){margin-right: 0;}



.productDetail .banner .swiper .swiper-pagination-bullet{width: 28px;height: 6px;border-radius: 0;margin: 0 5px;}
.productDetail .swiperBox .swiper .swiper-pagination-bullet{width: 28px;height: 6px;border-radius: 0;margin: 0 5px;}

.productDetail .swiperBox{margin-top: 50px;}
.productDetail .swiperBox .container{display: flex;align-items: flex-start;}
.productDetail .swiperBox .swiper{width: 510px;margin-bottom: 50px;}
.productDetail .swiperBox .textBox{margin-left: 30px;width: 561px;}
.productDetail .swiperBox .textBox .title{font-size: 30px;font-weight: bold;color: #7FBFFF;/*height: 60px;*/margin-bottom: 10px;}
.productDetail .swiperBox .textBox .text{font-size: 16px;color: #666;height: 100px;}

.productDetail .titleBox{height: 65px;background: #E1E3E5;}
.productDetail .titleBox .container{height: 100%;display: flex;align-items: center;font-size: 14px;color: #666;}

.productDetail .contentBox{margin: 38px 0 115px;}

.productDetail .numBox .container{display: flex;justify-content: flex-end;}
.productDetail .numBox .number{display: flex;}
.productDetail .numBox .number .add{width: 40px;height: 40px;border: 1px solid #CCCCCC;font-size: 20px;line-height: 40px;text-align: center;cursor: pointer;}
.productDetail .numBox .number .less{width: 40px;height: 40px;border: 1px solid #CCCCCC;font-size: 20px;line-height: 40px;text-align: center;cursor: pointer;}
.productDetail .numBox .number input{width: 72px;height: 40px;border: 1px solid #CCCCCC;text-align: center;}


.productDetail .endBox .container{display: flex;justify-content: space-between;align-items: flex-end;margin-top: 26px;margin-bottom: 58px;}
.productDetail .endBox .left .one{font-size: 14px;color: #666;display: block;}
.productDetail .endBox .left .one:hover{color: #7FBFFF;}
.productDetail .endBox .btnBox{display: flex;}
.productDetail .endBox .btnBox .btn{width: 220px;height: 59px;background: #FF3300;color: #FFFFFF;font-size: 26px;margin-left: 6px;}
.productDetail .endBox .btnBox .check{background: #7FBFFF;}

.productDetail .swiperBox .textBox .btn{width: 220px;height: 59px;background: #FF3300;color: #FFFFFF;font-size: 26px;margin-left: 6px;}




.productDetail .upBox .top{width: 50px;height: 50px;font-size: 30px;border-radius: 50%;border: 1px solid #FFFEFE;background-color: rgba(0,0,0,0.3);display: flex;justify-content: center;margin: 0 auto;color: #fff;}



.select-list{
	padding-bottom: 40px;
	padding-left: 10px;
	padding-right: 10px;
}

.select-list::after{    content: ".";
    width: 0;
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    overflow: hidden;}

.product_page_details{
	position: relative;
}
.select-product-box{
	width: 100%;
	min-width: 1200px;
	height: 100%;
	position: fixed;
	left:0;
	top:0;
	z-index: 1000;
	background-color: rgba(0,0,0,0.5);
    display: none;
}
.select-product{
	width: 1200px;
	margin: 0 auto;
	position: fixed;
	left: 0;
	right: 0;
	background-color: #fff;
	top: 50%;
	transform: translateY(-50%);
	height: 640px;
	overflow-y: auto;
}
.search-box{
	width: 760px;
	margin: 0 auto;
	margin-top: 20px;
}
.one-select,.two-select{
	width: 100px;
	height: 30px;
	margin-right: 20px;
    border: 1px solid rgb(118, 118, 118);
}
.data-tips{
	text-align: center;
	padding: 30px 0;
}
.search-box>input{
	width: 400px;
	height: 30px;
	border: 1px solid #3366CC;
}
.search-box>span{
	display: inline-block;
	width: 100px;
	height: 30px;
	background-color: #3366CC;
	color: #ffffff;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}
.close-list{
	display: inline-block;
	width: 40px;
	height: 40px;
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	right: 6px;
	top: 6px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	cursor: pointer;
	color: #ffffff;
	font-size: 20px;
}
.product-list{
	width: 100%;
	min-width: 1200px;
	margin-top: 70px;
	margin-bottom: 30px;
}
.product-list-content-item {
	width: 200px;
	/* height: 200px; */
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	display: flex;
	align-items: center;
	flex-direction: column;
	float: left;
	margin-right: 40px;
	cursor: pointer;
	margin-top: 40px;
}
.product-list-content-item:hover{
	border: 1px solid #7FBFFF;
}
.product-list-content-item p{
	color: #3C3C3C;
	font-size: 14px;
	font-weight: bold;
/* 	margin-top: 16px;
	margin-bottom: 16px; */
}
.item-img-box{
	width: 100%;
	height: 140px;
	overflow: hidden;
}
.item-img-box img{
	width: 100%;
	height: 100%;
	float: left;
}
.item-txt{
	width: 160px;
	height: 52px;
	line-height: 52px;
	text-align: center;
}
.product-list-content-item:nth-child(5n){
	margin-right: 0!important;
}
.add_page{
	display: inline-block;
    text-align: right;
    font-size: 14px;
    width: 100%;
    background-color: #3366cc;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
	position: relative;
}
/* .add_page>span{
	display: inline-block;
} */
.add_page>span:nth-child(1){
	width: 78%;
	height: 100%;
	/* float: left; */
}
.add_page>span:nth-child(2){
/* 	width: 20%;
	height: 100%; */
}
.add_page.active{background: gray;}
.more-current{
	background-color: gray!important;
}
.page-details-pagination{
	width: 100%;
	margin: 0 auto; 
	text-align: center;
	margin-bottom: 20px;
}

.pagination a {
    text-decoration: none;
	border: 1px solid #AAE;
	color: #15B;
}

.pagination a, .pagination span {
    display: inline-block;
    padding: 0.1em 0.4em;
    margin-right: 5px;
	margin-bottom: 5px;
	text-decoration: none;
	border: 1px solid #AAE;
	color: #15B;
}

.pagination .current {
    background: #26B;
    color: #fff;
	border: 1px solid #AAE;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#999;
	background:#fff;
}

/***************************************************************** 选择产品列表 end ******************************************************************/

/* 选择很多产品图标 */
.del-page-product{
	width: 20px;
	height: 20px;
	/* display: inline-block; */
	display: none;
	background-image: url(../img/del.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	/* float: left; */
	/* margin-top: 10px; */
	position: absolute;
	top: 10px;
	right: 10px;
}
.active .del-page-product{display: inline-block;}


.productDetail .picBox{margin: 50px 0;}
.productDetail .picBox .container{display: flex;/*align-items: center;*/justify-content: space-between;}
.productDetail .picBox .left{width: 510px;height: 310px;border: 1px solid #7FBFFF;}
.productDetail .picBox .left .img{width: 100%;height: 100%;}
.productDetail .picBox .left .img img{object-fit: fill;}

.productDetail .picBox .right .title{color: #7FBFFF;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 26px;}

.productDetail .picBox .right .box{width:658px;height:256px;border:1px solid #EDEDED;overflow: hidden;overflow-y: auto;display: flex;flex-wrap: wrap;align-items: flex-start;align-content: flex-start;}

.productDetail .picBox .right .one{display: flex;justify-content: center;align-items: center;flex-direction: column;text-align: center;margin-left: 26px;margin-top: 26px;width: 100px;}
.productDetail .picBox .right .one .img{width: 100px;height: 60px;}
.productDetail .picBox .right .one .img img{object-fit: fill;}
.productDetail .picBox .right .one .text{width: 86px;height: 30px;font-size: 14px;width: 100px;line-height: 30px;}

.productDetail .picBox .btn{width: 220px;height: 59px;background: #FF3300;color: #FFFFFF;font-size: 26px;margin-top: 6px;}


.productDetail .numBlock{padding-left: 900px;margin-bottom: 30px;}
.productDetail .numBlock .one.number{display: flex;width: 200px;justify-content: center;}
.productDetail .numBlock .one.number .add{width: 40px;height: 40px;border: 1px solid #CCCCCC;font-size: 20px;line-height: 40px;text-align: center;cursor: pointer;}
.productDetail .numBlock .one.number .less{width: 40px;height: 40px;border: 1px solid #CCCCCC;font-size: 20px;line-height: 40px;text-align: center;cursor: pointer;}
.productDetail .numBlock .one.number input{width: 72px;height: 40px;border: 1px solid #CCCCCC;text-align: center;}



.productDetail .table{margin-bottom: 50px;}
.productDetail .table .thead{width: 100%;height: 40px;overflow: hidden;background-color: #7FBFFF;color: #333333;display: flex;}
.productDetail .table .thead .one{width: 300px;text-align: center;line-height: 40px;height: 100%;}
.productDetail .table .thead .one:nth-child(3){width: 300px;}
.productDetail .table .thead .one:nth-child(4){width: 200px;}
.productDetail .table .thead .one:nth-child(5){width: 100px;}


.productDetail .table .tbody .tr{width: 100%;padding: 10px 0;overflow: hidden;display: flex;}

.productDetail .table .tbody .tr .one{width: 300px;height: 100%;line-height: 40px;text-align: center;font-size: 14px;}
.productDetail .table .tbody .tr .img{width: 300px;}
.productDetail .table .tbody .tr .number{width: 200px!important;display: flex;align-items: center;justify-content: center;}
.productDetail .table .tbody .tr .delete{width: 100px!important;cursor: pointer;}

.productDetail .table .tbody .tr .delete:hover{color: #7FBFFF!important;}
.productDetail .table .tbody .tr:nth-child(even){background-color: #EBEBEB;}
.productDetail .table .tbody .tr:nth-child(odd){background-color: #F1F8FF;}

.productDetail .table .number{display: flex;}
.productDetail .table .number .add{width: 40px;height: 40px;border: 1px solid #CCCCCC;font-size: 20px;line-height: 40px;text-align: center;cursor: pointer;}
.productDetail .table .number .less{width: 40px;height: 40px;border: 1px solid #CCCCCC;font-size: 20px;line-height: 40px;text-align: center;cursor: pointer;}
.productDetail .table .number input{width: 72px;height: 40px;border: 1px solid #CCCCCC;text-align: center;}









.about .banner .swiper .swiper-pagination-bullet{width: 28px;height: 6px;border-radius: 0;margin: 0 5px;}

.about .menu{height: 215px;background: #EEF4FF;}
.about .menu .container{height: 100%;display: flex;align-items: center;justify-content: space-around;}
.about .menu .one{width: 100px;display: flex;flex-direction: column;align-items: center;}
.about .menu .one .icon{width: 100px;height: 100px;border-radius: 50%;}
.about .menu .one .text{font-size: 14px;margin-top: 16px;color: #333;text-align: center;white-space: nowrap;}
.about .menu .one.active .icon{background: #3366CC;}


.about .floor1 .container{padding: 61px 0 0px 12px;display: flex;justify-content: space-between;}
.about .floor1 .container .left .text{line-height: 22px;text-indent: 2em;font-size: 14px;margin-bottom: 50px;color: rgb(51, 51, 51);width: 557px;margin-bottom: 50px;}
.about .floor1 .container .left .img{width: 575px;height: 185px;}
.about .floor1 .container .right{width: 600px;height: 320px;}
.about .floor1 .container .right .img{width: 100%;height: 100%;}

.about .floor1 .container .top-left{margin-bottom: 0 !important;}



.about .floor2{min-height: 0;padding-top: 0px;}
.about .floor2 .img{width: 1150px;height: 240px;margin: 0 auto 18px;}
.about .floor2 .text{margin: 0px auto;width: 1122px;text-align: left;color: rgb(89, 89, 89);line-height: 28px;text-indent: 2em;font-size: 14px;}
.about .floor2 .btn{margin: 65px auto 0px;width: 200px;height: 50px;color: rgb(89, 89, 89);background-color: rgb(255, 255, 255);}

.about .floor2 .about-us-middle{height: auto !important;}


.about .floor3 .text{width: 1032px;margin: 0 auto 102px;padding-top: 75px;color: rgb(102, 102, 102);font-size: 14px;}


.about .qiyewenhua .content p:nth-child(2){padding-top: 62px;}
.qiyewenhua p img{max-width: 100% !important;height: auto}
.about .qiyewenhua .content p{text-indent: 2em;color: #333333;font-size: 14px;line-height: 30px;margin-bottom: 20px;}
.about .qiyewenhua .content img{float: right;width: 760px;height: 400px;margin-top: 38px;margin-left: 20px;}

.about .qiyewenhua .list{display: flex;}
.about .qiyewenhua .list .one{width: 380px;margin-right: 30px;}
.about .qiyewenhua .list .one:nth-child(3n){margin-right: 0;}
.about .qiyewenhua .list .one .img{width: 380px;height: 200px;}
.about .qiyewenhua .list .one .img img{object-fit: fill;}
.about .qiyewenhua .list .one .text{color: #333333;font-size: 14px;margin-top: 12px;text-align: center;}



.about .rongyuzizhi .list{display: flex;flex-wrap: wrap;padding-top: 36px;padding-left: 35px;}
.about .rongyuzizhi .list .one{width: 360px;margin-right: 36px;margin-bottom: 26px;}
.about .rongyuzizhi .list .one:nth-child(3n){margin-right: 0;}



.about .fazhanlicheng .title{width: 205px;height: 50px;color: #FFF;font-size: 24px;text-align: center;line-height: 50px;background-color: #2E5FC2;margin: 0 auto;margin-top: 82px;}
.about .fazhanlicheng .list{display: flex;flex-direction: column;align-items: center;margin-bottom: 50px;}
.about .fazhanlicheng .list .one{width: 922px;height: 177px;background-image: url(../img/history_right.jpg);background-size: 100% 100%;background-repeat: no-repeat;position: relative;margin: 0 auto;}
.about .fazhanlicheng .list .one:nth-child(2n+1){background-image: url(../img/history_left.jpg);}
.about .fazhanlicheng .list .one:nth-child(1){background-image: url(../img/history_top.jpg);height: 198px;}
.about .fazhanlicheng .list .one .text{width: 420px;height: 144px;position: absolute;top: 18px;right: 0;padding: 6px;}
.about .fazhanlicheng .list .one:nth-child(2n+1) .text{left: 0;right: auto;}
.about .fazhanlicheng .list .one:nth-child(1) .text{left: 0;right: auto;top: 58px;}


.about .jiaruwomen{padding-bottom: 56px;}
.about .jiaruwomen .list{margin-top: 40px;}
.about .jiaruwomen .list .title{display: flex;align-items: center;font-size: 20px;width: 495px;color: #666666;background-color: #F2F2F2;margin-bottom: 28px;}
.about .jiaruwomen .list .title .num{width: 50px;height: 50px;background-color: #5580D5;color: #D9D9D9;display: flex;align-items: center;justify-content: center;margin-right: 24px;}
.about .jiaruwomen .list .content{line-height: 30px;color: #666;}

.about .jiaruwomen .contentBox{margin-top: 40px;}
.about .jiaruwomen .contentBox .title{width: 150px;height: 50px;background-color: #5580D5;color: #FFFFFF;font-size: 20px;margin-bottom: 30px;display: flex;align-items: center;justify-content: center;}
.about .jiaruwomen .contentBox .content{line-height: 30px;color: #666;}


.about .xiaoduchang .img{width: 100%;}

.about .shiyanshi .img{width: 100%;}



.order .banner .swiper .swiper-pagination-bullet{width: 28px;height: 6px;border-radius: 0;margin: 0 5px;}

.order .menu{height: 215px;background: #EEF4FF;}
.order .menu .container{height: 100%;display: flex;align-items: center;justify-content: space-around;}
.order .menu .one{width: 100px;display: flex;flex-direction: column;align-items: center;}
.order .menu .one .icon{width: 100px;height: 100px;border-radius: 50%;}
.order .menu .one .text{margin-top: 10px;color: #333;text-align: center;white-space: nowrap;}
.order .menu .one.active .icon{background: #3366CC;}


.order .table{margin-top: 46px;margin-bottom: 30px;}
.order .table .thead{height: 40px;background: #F2F2F2;display: flex;}
.order .table>.thead .one{flex: 1;display: flex;align-items: center;height: 100%;justify-content: center;color: #333;}

.order .table .none{text-align: center;}


.order .table6{margin-bottom: 0px;}
.order .table6 .thead{width: 100%;height: 40px;overflow: hidden;background-color: #7FBFFF !important;color: #333333;display: flex;}
.order .table6 .thead .one{width: 450px;text-align: center;line-height: 40px;height: 100%;font-size: 16px !important;}
.order .table6 .thead .one:nth-child(3){width: 200px;}
.order .table6 .thead .one:nth-child(4){width: 100px;}
.order .table6 .tbody{display: block !important;}
.order .table6 .tbody .tr{width: 100%;padding: 10px 0;overflow: hidden;display: flex;}

.order .table6 .tbody .tr .one{width: 450px;height: 100%;line-height: 40px;text-align: center;font-size: 14px;}
.order .table6 .tbody .tr .number{width: 200px!important;display: flex;align-items: center;justify-content: center;}
.order .table6 .tbody .tr .delete{width: 100px!important;cursor: pointer;}

.order .table6 .tbody .tr .delete:hover{color: #7FBFFF!important;}
.order .table6 .tbody .tr:nth-child(even){background-color: #EBEBEB;}
.order .table6 .tbody .tr:nth-child(odd){background-color: #F1F8FF;}

.order .table6 .number{display: flex;}
.order .table6 .number .add{width: 40px;height: 40px;border: 1px solid #CCCCCC;font-size: 20px;line-height: 40px;text-align: center;cursor: pointer;}
.order .table6 .number .less{width: 40px;height: 40px;border: 1px solid #CCCCCC;font-size: 20px;line-height: 40px;text-align: center;cursor: pointer;}
.order .table6 .number input{width: 72px;height: 40px;border: 1px solid #CCCCCC;text-align: center;}




.order .table5{margin-bottom: 50px;}
.order .table5 .thead{width: 100%;height: 40px;overflow: hidden;background-color: #7FBFFF !important;color: #333333;display: flex;}
.order .table5 .thead .one{width: 300px;text-align: center;line-height: 40px;height: 100%;font-size: 16px !important;}
.order .table5 .thead .one:nth-child(3){width: 300px;}
.order .table5 .thead .one:nth-child(4){width: 200px;}
.order .table5 .thead .one:nth-child(5){width: 100px;}
.order .table5 .tbody{display: block !important;}
.order .table5 .tbody .tr{width: 100%;padding: 10px 0;overflow: hidden;display: flex;}

.order .table5 .tbody .tr .one{width: 300px;height: 100%;line-height: 40px;text-align: center;font-size: 14px;}
.order .table5 .tbody .tr .img{width: 300px;}
.order .table5 .tbody .tr .number{width: 200px!important;display: flex;align-items: center;justify-content: center;}
.order .table5 .tbody .tr .delete{width: 100px!important;cursor: pointer;}

.order .table5 .tbody .tr .delete:hover{color: #7FBFFF!important;}
.order .table5 .tbody .tr:nth-child(even){background-color: #EBEBEB;}
.order .table5 .tbody .tr:nth-child(odd){background-color: #F1F8FF;}

.order .table5 .number{display: flex;}
.order .table5 .number .add{width: 40px;height: 40px;border: 1px solid #CCCCCC;font-size: 20px;line-height: 40px;text-align: center;cursor: pointer;}
.order .table5 .number .less{width: 40px;height: 40px;border: 1px solid #CCCCCC;font-size: 20px;line-height: 40px;text-align: center;cursor: pointer;}
.order .table5 .number input{width: 72px;height: 40px;border: 1px solid #CCCCCC;text-align: center;}







.cart-box{
	width: 100%;
	min-width: 1200px;
	margin-bottom: 30px;
}
.cart-content-name{
	margin-top: 46px;
	background-color:#F2F2F2 ;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.cart-content-name>li{
	width: 300px;
	float: left;
	color: #333333;
}
.cart-goods{
	width: 100%;
	height: 186px;
	border-bottom: 1px solid #EAEAEA;
	padding: 22px 0;
}
.cart-goods>li{
	width: 298px;
	height: 100%;
	float: left;
	text-align: center;
	position: relative;
}
.cart-goods-box-img{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.cart-goods-box-img>.cart-goods-img{
	width: 210px;
	height: 140px;
	border: 1px solid #E2E2E2;
	overflow: hidden;
}
.cart-goods-box-img>.cart-goods-img img{
	width: 100%;
	height: 100%;
	float: left;
}
.cart-goods-box-img input[type="checkbox"]{
    -webkit-appearance: none;
    vertical-align:middle;
    margin-top:0;
    background:#fff;
    border:#999 solid 1px;
    border-radius: 3px;
    min-height: 24px;
    min-width: 24px;
}
.cart-goods-box-img input[type="checkbox"]:checked {
    background: #3190e8;
}
.cart-goods-box-img input[type="checkbox"]:checked::after{
    content: '';
    top: 6px;
    left: 6px;
    position: absolute;
    background: transparent;
    border: #fff solid 2px;
    border-top: none;
    border-right: none;
    height: 6px;
    width: 10px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); 
    transform: rotate(-45deg);
}
.cart-goods-box-name>a>p,.cart-goods-box-del>p{
	color: #666666;
	font-size: 14px;
	width: 70%;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.cart-goods-box-del>p{
	cursor: pointer;
}
.cart-goods-box-num span{
	width: 40px;
	height: 40px;
	border: 1px solid #CCCCCC;
	float: left;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}
.cart-goods-box-num input{
	width:52px;
	height:40px;
	border: 1px solid #CCCCCC;
	float: left;
	text-align: center;
}
.cart-goods-num{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.cart-page{
	width: 100%;
	min-width: 1200px;
	text-align: center;
	margin-bottom: 30px;
}
.cart-btn-box{
	width: 100%;
	min-width: 1200px;
	margin-bottom: 46px;
}
.cart-btn-box .container{display: flex;justify-content: flex-end;}
.cart-btn>div{
	width:136px;
	height:40px;
	background-color: #CC0000;
	color: #FFFFFF;
	line-height: 40px;
	text-align: center;
	cursor: pointer;
}
.cart-btn>span{
	color: #333333;
	font-size: 14px;
	display: inline-block;
	margin-top: 20px;
	width:136px;
	text-align: center;
}
.cart-current{
	background-color: #F5F5F5;
}
.cart-tips{
	
	text-align: center;
}


.newsList .banner .swiper .swiper-pagination-bullet{width: 28px;height: 6px;border-radius: 0;margin: 0 5px;}

.newsList .menu{height: 215px;background: #EEF4FF;}
.newsList .menu .container{height: 100%;display: flex;align-items: center;justify-content: space-between;}
.newsList .menu .one{width: 100px;display: flex;flex-direction: column;align-items: center;}
.newsList .menu .one .icon{width: 100px;height: 100px;border-radius: 50%;}
.newsList .menu .one .text{font-size: 14px;margin-top: 16px;color: #333;text-align: center;white-space: nowrap;}
.newsList .menu .one.active .icon{background: #3366CC;}

.newsList .list{padding-top: 40px;}
.newsList .list .container{display: flex;flex-wrap: wrap;}
.newsList .list .one{width: 380px;height: 520px;margin-right: 30px;margin-bottom: 40px;display: block;position: relative;box-shadow: 0px 2px 12px 1px rgb(0 0 0 / 20%);}
.newsList .list .one .img{width: 100%;height: 212px;}
.newsList .list .one .img img{object-fit: fill;}
.newsList .list .one .flex{align-items: center;margin-top: 35px;margin-bottom: 32px;margin-left: 14px;}
.newsList .list .one .cate{color: #3366CC;font-size: 14px;font-weight: bold;}
.newsList .list .one .time{color: #666;font-size: 12px;margin-left: 12px;}
.newsList .list .one .title{font-size: 18px;font-weight: bold;color: #333;margin-left: 16px;margin-bottom: 42px;}
.newsList .list .one .desc{font-size: 340px;margin-left: 19px;font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newsList .list .one .more{position: absolute;right: 0;bottom: 0;width: 40px;height: 40px;font-size: 20px;background: #3366CC;color: #fff;display: flex;align-items: center;justify-content: center;}
.newsList .list .one .more.font{display: none;}
.newsList .list .one:nth-child(3n){margin-right: 0;}

.newsList .list .one:hover{background: #3366CC;}
.newsList .list .one:hover .cate{color: #fff;}
.newsList .list .one:hover .time{color: #fff;}
.newsList .list .one:hover .title{color: #fff;}
.newsList .list .one:hover .desc{color: #fff;}
.newsList .list .one:hover .more{display: none;}
.newsList .list .one:hover .font{display: flex;font-size: 12px;margin-right: 10px;}




.newsDetail .banner .swiper .swiper-pagination-bullet{width: 28px;height: 6px;border-radius: 0;margin: 0 5px;}

.newsDetail .menu{height: 215px;background: #EEF4FF;}
.newsDetail .menu .container{height: 100%;display: flex;align-items: center;justify-content: space-between;}
.newsDetail .menu .one{width: 100px;display: flex;flex-direction: column;align-items: center;}
.newsDetail .menu .one .icon{width: 100px;height: 100px;border-radius: 50%;}
.newsDetail .menu .one .text{font-size: 14px;margin-top: 16px;color: #333;text-align: center;white-space: nowrap;}
.newsDetail .menu .one.active .icon{background: #3366CC;}

.newsDetail .contentBox .title{text-align: center;color: #333333;font-size: 18px;margin-top: 33px;margin-bottom: 35px;}
/* .newsDetail .contentBox .content{font-size: 14px;color: #666;} */
.newsDetail .contentBox .content img{max-width: 100%;height: auto;margin: 30px 0;}

.newsDetail .contentBox{margin-bottom: 44px;line-height: 20px;}
.newsDetail .contentBox .other a{color: #666666;font-size: 12px;display: block;}
.newsDetail .contentBox .other a:hover{color: #0E46A6;font-size: 12px;}



.job{margin-bottom: 62px;}
.job .banner .swiper .swiper-pagination-bullet{width: 28px;height: 6px;border-radius: 0;margin: 0 5px;}

.job .title{text-align: center;font-size: 22px;color: #333333;margin-top: 40px;margin-bottom: 25px;}
.job .desc{text-align: center;color: #666666;font-size: 14px;margin-bottom: 30px;}
.job .flex{justify-content: space-between;}
.job .content{width: 810px;height: 756px;background-color: #EEEEEE;padding-top: 65px;padding-left: 36px;}

.job .list{width: 370px;display: flex;flex-wrap: wrap;}
.job .list .one{width: 172px;height: 200px;background-color: #EEEEEE;float: left;margin-bottom: 10px;margin-right: 9px;text-align: center;cursor: pointer;}
.job .list .one.active{background: #0E46A6;}

.job .list .one .name{color: #000000;font-size: 18px;font-weight: bold;margin-top: 66px;}
.job .list .one .line{display: inline-block;margin: 0 auto;width: 18px;height: 2px;background-color: #216FC5;margin-top: 26px;margin-bottom: 18px;}
.job .list .one .num{color: #666666;font-size: 14px;}

.job .list .one.active .name{color: #fff;}
.job .list .one.active .num{color: #fff;}
.job .list .one.active .line{background: #fff;}



.contact .banner .swiper .swiper-pagination-bullet{width: 28px;height: 6px;border-radius: 0;margin: 0 5px;}

.contact .menu{height: 215px;background: #EEF4FF;}
.contact .menu .container{height: 100%;display: flex;align-items: center;justify-content: space-around;}
.contact .menu .one{width: 100px;display: flex;flex-direction: column;align-items: center;}
.contact .menu .one .icon{width: 100px;height: 100px;border-radius: 50%;}
.contact .menu .one .text{margin-top: 10px;color: #333;text-align: center;white-space: nowrap;}
.contact .menu .one .hov{display: none;}
.contact .menu .one.active .icon{background: #3366CC;}
.contact .menu .one.active .nor{display: none;}
.contact .menu .one.active .hov{display: block;}


.contact .block{display: none;}
.contact .block1{display: block;}
/* .contact .block2{display: block;} */

.contact .block1 .flex{display: flex;align-items: flex-start;padding: 40px 0 50px;}
.contact .block1 .map{width: 700px;margin-right: 66px;}
.contact .block1 .map .btn{width: 100%;height: 60px;display: flex;align-items: center;justify-content: center;font-size: 18px;background: #3366cc;border: 1px solid #eee;color: #fff;}
.contact .block1 .map .btn:hover{color: #C24E3F;}
.contact .block1 .textBox{margin-top: 34px;line-height: 34px;}
.contact .block1 .textBox .name{font-weight: bold;color: #3366CC;font-size: 20px;}
.contact .block1 .textBox .text{font-size: 14px;color: #666;}


.contact .block2{height: 715px;}
.contact .block2 .flex{display: flex;align-items: flex-start;padding: 52px 0 50px;}
.contact .block2 .img{width: 590px;height: 550px;margin-right: 46px;}
.contact .block2 .form{width: 562px;}
.contact .block2 .form .title{margin-top: 6px;margin-bottom: 22px;font-size: 22px;color: #666;font-weight: bold;}
.contact .block2 .form .line{display: flex;}
.contact .block2 .form .half{display: flex;flex: 1;}
.contact .block2 .form input, .contact .block2 .form textarea{display: block;border: 1px solid #E4E4E4;background-color: #FDFDFD;border-radius:8px;padding: 18px;}
.contact .block2 .form input{width:240px;height:51px;margin-bottom: 20px;}
.contact .block2 .form textarea{width:562px;height:211px;resize: none;}
.contact .block2 .form .code{width: 302px!important;margin-right: 20px;}
.contact .block2 .form .code_img{width: 182px;height: 50px;background:#FDFDFD;border:1px solid #E4E4E4;border-radius:8px;text-align: center;cursor: pointer;font-size: 36px;text-transform: lowercase;color: #000;}
.contact .block2 .form span{color: #999;font-size: 14px;display: inline;line-height: 50px;}
.contact .block2 .form span.red{color: #ff0000;}
.contact .block2 .form .btn{width:562px;height:51px;background:#3366CC;border-radius:8px;color: #FFFEFE;text-align: center;outline: none;border:0;margin-top: 29px;font-size: 20px;cursor: pointer;}




/*****************************************登录 start*********************************************/
.login .box{
	width: 100%;
	min-width: 1200px;
	height: 770px;
	background-image: url(../img/login_bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
}
.login .box .container{position: relative;}
.login-content{
	position: relative;
}
.login-content-msg input{
	width: 350px;
	height: 45px;
	border:1px solid #CCCCCC;
	padding: 18px;
}
.login-content-msg span{
	color: #999999;
}
.login-content-msg{
	width: 570px;
	height: 400px;
	background-color: #FFFFFF;
	position: absolute;
	top: 180px;
	right:60px;
}
.login-username{
	margin-top: 74px;
	margin-left: 74px;
}
.login-psw{
	margin-top: 23px;
	margin-left: 90px;
}
.forget_psw{
	width: 350px;
	font-size: 12px;
	margin-left: 130px;
	margin-top: 12px;
    display: flex;justify-content: space-between;
}
.login-tips{
	padding-top: 6px;
	font-size: 12px;
}
.forget_psw>a:nth-child(1){
	color: #CC3333;
}
.forget_psw>a:nth-child(2){
	color: #999999;
}
.login-btn{
	width:350px;
	height:46px;
	background-color: #3366CC;
	color: #FFFFFF;
	border: 0;
	outline: none;
	margin-left: 130px;
	display: block;
	margin-top: 26px;
	font-size: 18px;
	cursor: pointer;
}
/*****************************************登录 end*********************************************/




.hide{display: none !important;}
/*****************************************注册 start*********************************************/
.register .box{
	width: 100%;
	height: 770px;
	min-width: 1200px;
	background-image: url(../img/login_bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	position: relative;
}
.register .box .container{position: relative;}
.register-content{
	position: relative;
}
.register-content-msg{
	width: 660px;
	height: 653px;
	background-color: #FFFFFF;
	position: absolute;
	top: 59px;
	right:0;
}
.register-content-msg span{
	color: #999;
	font-size: 14px;
}
.register-content-msg p{
	margin-left: 77px;
}
.register-username{
	margin-top: 60px;
}
.register-content-msg input{
	width:350px;
	height:45px;
	background:rgba(226,109,66,0);
	border:1px solid #CCCCCC;
	margin-bottom: 23px;
}
.register-code input,.register-sms-code input{
	width: 170px;
	height: 45px;
}
.register-code,.register-username{
	margin-left: 91px!important;
}
.yz-code{
	display: inline-block;
	width: 40px;
	height: 20px;
	margin-left: 52px;
}
.yz-code img{
	width: 100%;
	height: 100%;
}
.sms-code{
	width:110px;
	height:45px;
	background:#E2E2E2;
	border:1px solid #CCCCCC;
	color: #666666;
	text-align: center;
	margin-left: 18px;
	outline: none;
	cursor: pointer;
}
.agree-service{
	margin-left: 140px;
}
.agree-service span{
	font-size: 12px;
	vertical-align: 3px;
}
.agree-service input{
	width: 14px;
	height: 14px;
	background-color: #FFF;
}
.register-btn{
	width:300px;
	height:46px;
	background-color: #3366CC;
	color: #FFFFFF;
	border: 0;
	outline: none;
	margin-left: 140px;
	display: block;
	margin-top: 26px;
	font-size: 18px;
	cursor: pointer;	
}
.tips,.psw_tips,.replace-psw-tips,.user-mobile-tips,.code-tips,.tips-data{
	display: inline-block;
	color: red;
    text-align: center;
    width: 350px;
    font-size: 12px;
    margin-left: 100px!important;
    margin: 0 auto;
}
/*****************************************注册 end*********************************************/
.register .code{
	display: inline-block;
    border:0;
    padding:2px 3px;    
    cursor:pointer;
    width:110px;
    height:45px;
    /* line-height:45px; */
    vertical-align:middle;
    background-color:#D8B7E3;
    text-transform: lowercase;
    /* font-size: 30px!important; */
}




.order .table2{
	width: 100%;
	min-width: 1200px;
	margin-top: 50px;
	margin-bottom: 50px;
}
.order .table2 .thead{
	height: 40px;
	background-color: #F2F2F2;
	display: flex;
	justify-content: center;
	align-items: center;
}
.order .table2 .thead .one{
	flex: 1;
	color: #666666;
	font-size: 12px;
	text-align: center;
}

.order .table2 .tbody{
	height: 176px;
	border-bottom: 1px solid #EAEAEA;
	display: flex;
	justify-content: center;
	align-items: center;
}
.order .table2 .tbody .one{
	flex: 1;
	color: #333333;
	font-size: 12px;
	text-align: center;
}
.order .table2 .tbody .one .link{	
	width: 90px;
	height: 30px;
	background-color: #EAEAEA;
	padding:6px 14px;
    color: #212121;
}




.order .detail .container{background: #F4F8FF;padding-top: 30px;padding-left: 10px;line-height: 24px;margin-top: 50px;height: 156px;}
.order .detail div{color: #333;font-size: 14px;}

.order .table3{margin-bottom: 64px;}
.order .table3 .title{margin: 32px;font-size: 26px;color: #333;text-align: center;}

.order .table3 .thead{height: 40px;display: flex;background: #F2F2F2;text-align: center;align-items: center;}
.order .table3 .thead .one{flex: 1;font-size: 14px;color: #333;}

.order .table3 .tbody{border-bottom: 1px solid #EAEAEA;display: flex;text-align: center;align-items: center;}
.order .table3 .tbody .one{flex: 1;font-size: 12px;display: flex;align-items: center;justify-content: center;}
.order .table3 .tbody .one .img{width: 210px;height: 140px;margin: 22px 0;border: 1px solid #e2e2e2;}
.order .table3 .tbody .one .img img{object-fit: fill;}
.order .table3 .tbody .one .name{font-size: 12px;color: #666;}
.order .table3 .tbody .one .num{font-size: 12px;color: #666;}


.userCenter{
	width: 100%;
	min-width: 1200px;
	height: 770px;
	padding-top: 36px;
	background-image: url('../img/login_bg.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.userCenter .container{
	height: 700px;
	background-color: #FFFFFF;
	padding-top: 26px;
	padding-left: 20px;
    display: flex;
}
.userCenter .menu{
	width: 180px;
	height: 620px;
	background-color: #F3F3F3;
    padding-top: 45px;
	text-align: center;
}
.userCenter .block{
	width: 950px;
	height: 620px;
	/*background-color: #F5F5F5;*/
	margin-left: 50px;
}
.userCenter .menu .one{
	text-align: center;
	margin-bottom: 20px;
    color: #666666;
	font-size: 12px;
	cursor: pointer;
    display: block;
}
.userCenter .menu .title{
	color: #3366CC;
	font-weight: bold;
	margin-bottom: 28px;
}
.userCenter .block1 .title{
	margin-top: 45px;
	font-size: 18px;
	color: #333333;
    margin-bottom: 36px;
}
.userCenter .block1 .line{
	color: #666666;
	font-size: 14px;
    display: flex;align-items: center;
    line-height: 40px;
}
.userCenter .block1 .name{
	width: 70px;
	text-align: left;
}
.userCenter .block1 .line input{
	border: 1px solid #666666;
	padding: 6px;
}
.userCenter .block1 .btn{
	width:120px;
	height:40px;
	background:rgba(51,102,204,1);
	border-radius:8px;
	border: 0;
	outline: none;
	color: #FFFFFF;
	cursor: pointer;
	margin-top: 40px;
}



.userCenter .block2 .title{
	margin-top: 45px;
	font-size: 18px;
	color: #333333;
    margin-bottom: 36px;
}
.userCenter .block2 .line{
    display: flex;align-items: center;
    padding: 8px 0;
}
.userCenter .block2 .name{
	width: 60px;
	text-align: left;
	font-size: 14px;
}
.userCenter .block2 .line input{
    width: 350px;
    height: 45px;
    border: 1px solid #CCCCCC;
    padding: 18px;
}
.userCenter .block2 .btn{
	width:120px;
	height:40px;
	background:rgba(51,102,204,1);
	border-radius:8px;
	border: 0;
	outline: none;
	color: #FFFFFF;
	cursor: pointer;
	margin-top: 40px;
    font-size: 14px;
}





.address-box{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 999;
}
.address-content{
	width: 700px;
	height: 360px;
	position: fixed;
	background-color: #FFFFFF;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	top: 200px;
}
.address-title{
	background-color: #F5F5F5;
	height: 40px;
	line-break: 40px;
}
.address-title>p{
	color: #333333;
	font-size: 16px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}
.address-title>span{
	display: inline-block;
	width: 18px;
	height: 18px;
	float: right;
	color: #666666;
	margin-top: 10px;
	margin-right: 20px;
	cursor: pointer;
	font-size: 18px;
}
.address-content input{
	width:300px;
	height:35px;
	border:1px solid #CCCCCC;
	margin-left: 20px;
}
.address-content div>span{
	color: #666666;
	font-size: 14px;
}
.address-content>form>div{
	margin-left: 48px;
}
.address-name{
	margin-top: 34px;
}
.address-company{
	margin-top: 20px;
}
.address-details{
	margin-top: 20px;
}
.address-phone{
	margin-top: 20px;
}
.address-name>span{
	margin-right: 14px;
}
.address-btn{
	width:140px;
	height:35px;
	background-color: #3366CC;
	color: #FFFFFF;
	text-align: center;
	line-height: 35px;
	margin-left: 133px;
	margin-top: 25px;
	cursor: pointer;
}







.shadow{position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.5);z-index: 1111;display: none;}

.outBox{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 6666;display: none;}
.outBox.imgBox .img img{max-width: 80vw;max-height: 80vh;}































































































































@media(max-width:750px){
    .pc{display: none;}
    .mb{display: block;}

    html{font-size: calc(100vw / 75);}

    .container{width: 100%;}


    .header{height: 10rem;padding: 0;margin: 0;display: flex;align-items: center;justify-content: space-between;padding-left: 1.5rem;}
    .header .logo{height: 100%;}
    .header .right{display: flex;align-items: center;height: 100%;}
    .header .language{width: 8.8rem;height: 4.4rem;border-radius: 4.4rem;background: #dcdcdc;margin-right: 3rem;display: flex;}
    .header .language div{flex: 1;display: flex;align-items: center;justify-content: center;font-size: 2.4rem;height: 100%;}
    .header .language div.point{background: #3366cc;color: #3366CC;border-radius: 50%;}
    .header .menu{width: 11rem;height: 100%;background: #3366CC;display: flex;align-items: center;justify-content: center;}
    .header .menu img{height: 3.6rem;}

    .menuBox{position: fixed;top: 0;bottom: 0;left: 0;right: 0;opacity: 0.9;background: #3366cc;z-index: 999;padding-top: 15rem;display: none;}
    .menuBox .close{width: 6rem;height: 6rem;position: absolute;top: 2rem;right: 3rem;display: flex;align-items: center;justify-content: center;}
    .menuBox .close span{font-size: 3.2rem;color: #fff;}

    .menuBox .box .one{height: 9.6rem;border-bottom: 1px solid rgba(255,255,255,0.3);padding: 0 3rem;display: flex;align-items: center;justify-content: space-between;font-size: 3.2rem;color: #fff;}
    .menuBox .box .one a{width: 100%;display: flex;align-items: center;justify-content: space-between;color: #fff;}


    .footer{height: 10rem;background: #fff;display: flex;position: fixed;bottom: 0;left: 0;right: 0;z-index: 1111;border-top: 1px solid #3366CC;}
    .footer .one{flex: 1;display: flex;flex-direction: column;align-items: center;height: 100%;}
    .footer .one a{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;}
    .footer .one .name{font-size: 2.4rem;color: #212121;margin-top: 3rem;}
    .footer .one .iconfont{width: 6.4rem;height: 6.4rem;text-align: center;}
    .footer .one .iconfont::before{line-height: 2;color: #212121;}
    .footer .one.active .name{color: #3C6CCD;}
    .footer .one.active .iconfont::before{color: #3C6CCD;}


    .index{padding-bottom: 10rem;}
    .index .banner .swiper .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;border-radius: 50%;margin: 0 1rem;}

    .index .product{min-height: 13rem;height: auto;}
    .index .product .box{display: flex;padding: 0 0.5rem;flex-wrap: wrap;}
	.index .product .one{width: calc(100% / 6);}
    .index .product .box .img{width: 8.8rem;height: 8.8rem;}
    .index .product .box .name{font-size: 2.2rem;color: #212121;text-align: center;}


    .index .advantage{margin: 0;height: auto;}
    .index .advantage .title{margin: 6.5rem auto 4rem;font-size: 3.6rem;font-weight: bold;color: #333;padding: 0;}
    .index .advantage .title::before{display: none;}

    .index .advantage .list{display: flex;justify-content: space-between;margin: 0;}
    .index .advantage .list .one{width: 24rem;}
    .index .advantage .list .one .img{width: 100%;height: 19rem;}
    .index .advantage .list .one .img img{object-fit: fill;}
    .index .advantage .list .one .name{padding: 0;font-size: 2.4rem;}


    .index .introduce{margin-top: 5rem;}

    .index .news{margin: 0;height: auto;}
    .index .news .title{margin: 6.5rem auto 2.6rem;font-size: 3.6rem;font-weight: bold;color: #333;padding: 0;}
    .index .news .title::before{display: none;}

    .index .news .list{margin: 0;padding: 0 2rem;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .index .news .list .one{width: 34rem;margin-bottom: 6rem;}
    .index .news .list .one:first-child{width: 100%;}
    .index .news .list .one .img{width: 100%;height: auto;}

    .index .news .list .one .name{font-size: 2.4rem;margin: 5.6rem 0 1.5rem;height: auto;width: 100%;}
    .index .news .list .one .time{font-size: 2.4rem;text-align: left;margin-bottom: 2.4rem;}
    .index .news .list .one .content{width: 100%;text-align: left;-webkit-line-clamp: 3;font-size: 2.4rem;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
    .index .news .list .one .more{display: none;}

    .index .news .btn{margin: 5rem auto 10rem;width: 14rem;height: 4rem;font-size: 2.4rem;color: #999;border: 1px solid #ccc;border-radius: 4rem;}



    .about{padding-bottom: 10rem;}
    .about .banner .swiper .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;border-radius: 50%;margin: 0 1rem;}

    .about .menu{min-height: 15rem;background: #EEF4FF;height: auto;padding-bottom: 3rem;}
	.about .menu .container{flex-wrap: wrap;align-content: flex-start;align-items: stretch;}
    .about .menu .one{flex: 1;padding: 3rem 0.5rem 0;width: calc(100% / 6);min-height: 15rem;justify-content: flex-start;}
    .about .menu .one .img{width: 8.8rem;height: 8.8rem;}
    .about .menu .one .text{font-size: 2.2rem;margin: 0;text-align: center;white-space: wrap;}


    .about .floor1 .container{flex-direction: column;padding: 3rem ;}
    .about .floor1 .container .left .text{width: 100%;text-indent: 0;font-size: 2.4rem;line-height: 2;color: #666;margin: 0 0 1.5rem 0;}
    .about .floor1 .container .left .img{display: none;}

    .about .floor1 .container .right{width: 100%;height: auto;}


	.about .floor1 .container *{min-width: 0 !important;width: auto !important;padding: 0 !important;height: auto !important;max-width: 100% !important;}
	.about .floor2 .container *{min-width: 0 !important;width: auto !important;padding: 0 !important;height: auto !important;max-width: 100% !important;font-size: 2.4rem;}
	.about .floor1 .container .top-left{margin: 0 !important;}
	.about .floor1 .container .top-left-txt{margin: 0 0 5rem !important;}
	.about .floor1 .container .top-right{margin: 5rem 0 0 !important;}





    .about .floor2{height: auto;padding: 7rem 0 0;margin-top: 4rem;min-height: 0;}
    .about .floor2 .container{padding: 0 3rem;}
    .about .floor2 .img{width: 100%;height: auto;margin-bottom: 4rem;}
    .about .floor2 .text{width: 100%;text-indent: 0;font-size: 2.4rem;line-height: 2;margin: 0;}
    .about .floor2 .btn{width: 20rem;height: 5rem;font-size: 2.4rem;margin: 3rem auto 4rem;}

    .about .floor3 .container{padding: 0 3rem;overflow: hidden;}
    .about .floor3 .text{width: 100%;padding: 0;margin: 0;font-size: 2.4rem;line-height: 2;text-indent: 0;}


	.about .floor3 .about-us-bottom{min-width: 0 !important;}
	.about .floor3 .about-us-bottom-content{padding-top: 0 !important;}

	.about .floor3 .about-us-bottom-content-txt{width: auto !important;margin: 0 !important;}



	.about .qiyewenhua .container *{min-width: 0 !important;width: auto !important;padding: 0 !important;height: auto !important;max-width: 100% !important;font-size: 2.4rem !important;}
	.about .qiyewenhua .container .w span{width: 50px !important;}


    .about .qiyewenhua .container{padding: 3rem;}
    .about .qiyewenhua .content img{margin: 0;width: 100%;height: auto;float: none;}
    .about .qiyewenhua .content p:nth-child(2){padding: 0;}
    .about .qiyewenhua .content p{width: 100%;text-indent: 0;font-size: 2.4rem;line-height: 2;margin: 6rem 0 0;}

    .about .qiyewenhua .list{flex-wrap: wrap;justify-content: space-between;}
    .about .qiyewenhua .list .one{width: 33.5rem;margin-bottom: 1.5rem;margin-right: 0;}
    .about .qiyewenhua .list .one .img{width: 100%;height: 20rem;}
    .about .qiyewenhua .list .one .name{font-size: 2.4rem;color: #333;margin-top: 1.5rem;}

    .about .rongyuzizhi .list{padding: 2rem 3rem;}
    .about .rongyuzizhi .list .one{width: 21rem;margin-right: 3rem;margin-bottom: 3rem;}


    .about .fazhanlicheng .title{margin: 2rem auto;width: 20.4rem;height: 5rem;font-size: 2.4rem;line-height: 5rem;}
    .about .fazhanlicheng .list{padding: 0 4rem;}
    .about .fazhanlicheng .list .one{width: 100%;}
    .about .fazhanlicheng .list .one .text{width: 45%;height: 10rem;font-size: 2.4rem;}
    .about .fazhanlicheng .list .one:nth-child(1){height: 15rem;}
    .about .fazhanlicheng .list .one:nth-child(1) .text{top: 4rem;}
    .about .fazhanlicheng .list .one:nth-child(2n+1) .text{top: 4rem;}

    .about .fazhanlicheng .list .one{height: 15rem;}
    .about .fazhanlicheng .list .one .text{top: 2rem;}


    .about .fazhanlicheng .list .one:nth-child(2n+1){background-image: url(../img/mobile_history_left.jpg);}
    .about .fazhanlicheng .list .one:nth-child(2n){background-image: url(../img/mobile_history_right.jpg);}
    .about .fazhanlicheng .list .one:nth-child(1){background-image: url(../img/mobile_history_left.jpg);}


    .about .jiaruwomen .container{padding: 0 3rem;}
    .about .jiaruwomen .list{margin-top: 2rem;}
    .about .jiaruwomen .list .title{width: 50rem;height: 5rem;font-size: 2.4rem;margin: 0;}
    .about .jiaruwomen .list .title .num{width: 5rem;height: 5rem;font-size: 2.4rem;margin-right: 2rem;}
    .about .jiaruwomen .list .content{font-size: 2.4rem;line-height: 2;}

    .about .jiaruwomen .contentBox .title{width: 15rem;height: 5rem;font-size: 2.4rem;margin: 0;}
    .about .jiaruwomen .contentBox .content{font-size: 2.4rem;line-height: 2;}



    .productList{padding-bottom: 10rem;}
    .productList .banner .swiper .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;border-radius: 50%;margin: 0 1rem;}

    .productList .menu{min-height: 15rem;background: #EEF4FF;height: auto;}
    .productList .menu .box{display: flex;flex-wrap: wrap;}
	.productList .menu .box .one{padding: 0 0.5rem;width: calc(100% / 6);}
    .productList .menu .box .img{width: 8.8rem;height: 8.8rem;}
    .productList .menu .box .name{font-size: 2.2rem;color: #212121;text-align: center;}

    .productList .cate{background: #EEF4FF;}
    .productList .cate .one{width: 21rem;height: 6.6rem;font-size: 2.4rem;}

    .productList .list{padding: 2rem 3rem;margin: 0;}
    .productList .list .container{justify-content: space-between;}
    .productList .list .one{width: 33rem;border: none;height: auto;margin: 0 0 3rem;}
    .productList .list .one .img{width: 100%;height: 20rem;}
    .productList .list .one .name{font-size: 2.4rem;margin-top: 1.5rem;height: auto;font-weight: normal;}


    .productDetail{padding-bottom: 10rem;}
    .productDetail .banner .swiper .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;border-radius: 50%;margin: 0 1rem;}

    .productDetail .swiperBox{margin: 0;}
    .productDetail .swiperBox .container{flex-direction: column-reverse;}

    .productDetail .swiperBox .textBox{width: 100%;margin: 0;}
    .productDetail .swiperBox .textBox .title{font-size: 2.8rem;height: auto;font-weight: normal;text-align: center;margin: 2rem 0;}
    .productDetail .swiperBox .textBox .text{font-size: 2.4rem;color: #666;text-align: center;margin: 0 0 2rem;text-align: center;padding: 0 3rem;height: auto;}

    .productDetail .swiperBox .swiper{width: 100%;margin: 0;padding: 3rem;}
    .productDetail .swiperBox .swiper .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;border-radius: 50%;margin: 0 1rem;}

    .productDetail .titleBox{height: 5rem;}
    .productDetail .titleBox .container{padding: 0 3rem;height: 100%;}
    .productDetail .titleBox .title{height: 100%;width: 13rem;border-left: 1px solid #ccc;border-right: 1px solid #ccc;display: flex;align-items: center;font-size: 2.4rem;justify-content: center;}

    .productDetail .contentBox{margin: 2rem 3rem;}

    .productDetail .numBox .number{padding: 0 3rem;}
    .productDetail .numBox .number .add{width: 6rem;height: 6rem;font-size: 2.4rem;line-height: 6rem;}
    .productDetail .numBox .number .less{width: 6rem;height: 6rem;font-size: 2.4rem;line-height: 6rem;}
    .productDetail .numBox .number input{width: 8rem;height: 6rem;font-size: 2.4rem;}

    .productDetail .endBox .container{padding: 0 3rem;margin: 3rem 0;}
    .productDetail .endBox .left .one{font-size: 2.4rem;}
    .productDetail .endBox .btnBox .btn.back{display: none;}
    .productDetail .endBox .btnBox .btn{width: 21rem;height: 6rem;font-size: 2.8rem;}

	.productDetail .swiperBox .textBox .btn{width: 21rem;height: 6rem;font-size: 2.8rem;margin: 0 auto;}

	.outBox.imgBox .img{width: 90vw;height: 90vh;}
	.outBox.imgBox .img img{max-width: 90vw;max-height: 90vh;}


	.productDetail .numBlock{padding: 0;margin-bottom: 3rem;padding-left: 50%;}
	.productDetail .numBlock .one.number{padding: 0rem;width: 50%;}
	.productDetail .numBlock .one.number .add{width: 6rem;height: 6rem;font-size: 2.4rem;line-height: 6rem;}
	.productDetail .numBlock .one.number .less{width: 6rem;height: 6rem;font-size: 2.4rem;line-height: 6rem;}
	.productDetail .numBlock .one.number input{width: 8rem;height: 6rem;font-size: 2.4rem;}


    .productDetail .upBox{display: none;}


    .productDetail .picBox{padding: 3rem;margin: 0;}
    .productDetail .picBox .container{flex-direction: column;}
    .productDetail .picBox .left{width: 100%;height: auto;}
    .productDetail .picBox .right{width: 100%;height: auto;}

    .productDetail .table .thead .one{width: auto;flex: 1;}


	.order .table5 {margin-bottom: 3rem;}
	.order .table5 .thead .one{width: auto;flex: 1;}
	.order .table5 .tbody .tr .one{flex: 1;}
	.order .table5 .tbody .tr .number{width: 18rem !important;display: flex;align-items: center;height: 8rem;}
	.order .table5 .number .less{width: 4rem;height: 4rem;font-size: 2.4rem;line-height: 4rem;}
	.order .table5 .number .add{width: 4rem;height: 4rem;font-size: 2.4rem;line-height: 4rem;}
	.order .table5 .number input{width: 10rem;height: 4rem;font-size: 2.4rem;}
	.order .table5 .tbody .tr .one{font-size: 2.4rem;}


    .select-product{width: 70rem;height: 80vh;}
    .search-box{margin-top: 10rem;width: 100%;}
    .close-list{width: 6rem;height: 6rem;top: 2rem;right: 2rem;line-height: 6rem;font-size: 3rem;}
    .search-box>input{width: auto; flex: 1;font-size: 2.4rem;}
    .one-select, .two-select{width: 15rem;margin: 2rem;font-size: 2.4rem;height: 6rem;}
    .search-box>span{width: 10rem;margin: 0;font-size: 2.4rem;height: 6rem;}
    .select-list{padding: 0;}
    .product-list-content-item{width: 20rem;height: auto;margin: 4rem 2.5rem 0 0 !important;}
    .item-img-box{height: 14rem;}
    .product-list-content-item p{width: 100%;height: auto;line-height: 1;font-size: 2.4rem;margin: 1.6rem 0;}
    .add_page{font-size: 2.4rem;height: 4.8rem;line-height: 4.8rem;}
    .del-page-product{top: 0.2rem;bottom: 0;margin: 0;right: 0;width: 4rem;height: 4rem;}
    .add_page.active span:first-child{margin-right: 4rem;}

    .productDetail .table .tbody .tr .one{flex: 1;}
    .productDetail .picBox .right .one{margin-top: 2rem;margin-left: 3rem;width: auto;}
    .productDetail .picBox .right .one .img{width: 8.8rem;height: 8.8rem;}
    .productDetail .picBox .right .one .text{width: 100%;height: auto;font-size: 2.4rem;}
    .productDetail .table .tbody .tr .number{width: 18rem !important;display: flex;align-items: center;height: 8rem;}
    .productDetail .table .number .less{width: 4rem;height: 4rem;font-size: 2.4rem;line-height: 4rem;}
    .productDetail .table .number .add{width: 4rem;height: 4rem;font-size: 2.4rem;line-height: 4rem;}
    .productDetail .table .number input{width: 10rem;height: 4rem;font-size: 2.4rem;}
    .productDetail .table .tbody .tr .one{font-size: 2.4rem;}
    .product-list-content-item:nth-child(5n){margin-right: 2.5rem !important;}

    .page-details-pagination{margin-top: 2rem;}
    .pagination a, .pagination span{margin: 0.5rem;padding: 0.2rem 0.4rem;font-size: 2.4rem;}



    .order{padding-bottom: 10rem;background: #F6F6F6;}
    .order .banner .swiper .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;border-radius: 50%;margin: 0 1rem;}

    .order .menu{min-height: 15rem;background: #EEF4FF;height: auto;}
	.order .menu .container{flex-wrap: wrap;padding-bottom: 3rem;align-items: stretch;}
    .order .menu .one{flex: 1;padding: 3rem 0.5rem 0;width: calc(100% / 3);min-height: 15rem;}
    .order .menu .one .img{width: 8.8rem;height: 8.8rem;}
    .order .menu .one .text{font-size: 2.2rem;margin: 0;text-align: center;white-space: wrap;}

    .order .table .thead{display: none;}
    .order .table{margin: 0;}

    .cart-goods{padding: 2rem 3rem;height: auto;display: flex;background: #fff;align-items: center;margin-top: 1rem;}
    .cart-goods>li{width: auto;float: none;}
    .cart-goods-box-img input[type="checkbox"]{border-radius: 50%;}
    .cart-goods-box-name>a>p, .cart-goods-box-del>p{position: relative;font-size: 2.4rem;transform: none;top: 0;left: 0;width: auto;height: auto;}
    .cart-goods-box-img>.cart-goods-img{width: 20rem;height: 15rem;}
    .cart-goods-num{position: relative;transform: none;left: 0;top: 0;}

    .cart-goods-box-name{flex: 1;}
    .cart-goods-box-del{margin-left: 1rem;}
    
    .cart-goods-box-num{margin-left: 1rem;}
    .cart-goods-box-num span.less{width: 4rem;height: 4rem;font-size: 2.4rem;line-height: 4rem;}
    .cart-goods-box-num span.add{width: 4rem;height: 4rem;font-size: 2.4rem;line-height: 4rem;}
    .cart-goods-box-num input{width: 10rem;height: 4rem;font-size: 2.4rem;}


    .cart-btn-box{min-width: 0;}

    .cart-btn{display: flex;flex-direction: column-reverse;padding: 0 3rem;}
    .cart-btn span{font-size: 2.4rem;width: auto;}
    .cart-btn>div{width: 21rem;height: 6rem;line-height: 6rem;font-size: 2.4rem;}

    .order{min-height: calc( 100vh - 20rem);}


    .newsList{padding-bottom: 10rem;}
    .newsList .banner .swiper .img{height: 30rem;}
    .newsList .banner .swiper .img img{object-fit: fill;}
    .newsList .banner .swiper .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;border-radius: 50%;margin: 0 1rem;}

    .newsList .menu{min-height: 15rem;background: #EEF4FF;height: auto;}
	.newsList .menu .container{flex-wrap: wrap;padding-bottom: 3rem;align-items: stretch;}
    .newsList .menu .one{flex: 1;width: calc(100% / 6);justify-content: flex-start;padding: 3rem 0.5rem 0;}
    .newsList .menu .one .img{width: 8.8rem;height: 8.8rem;}
    .newsList .menu .one .text{font-size: 2.4rem;margin: 0;text-align: center;white-space: wrap;}

    .newsList .list{padding: 0 0 10rem;}
    .newsList .list .one{width: 100%;padding: 3rem;background: #fff;box-shadow: 0px 2px 12px 1px rgb(0 0 0 / 10%);display: flex;margin: 1rem 0 0;height: auto;}
    .newsList .list .one .img{width: 30rem;height: 20rem;margin-right: 3rem;flex-shrink: 0;}
    .newsList .list .one .textBox{flex: 1;width: 0;}
    .newsList .list .one .flex{display: none;}
    .newsList .list .one .title{font-size: 2.4rem;margin: 1rem 0 2rem;}
    .newsList .list .one .time{font-size: 2.4rem;color: #666;margin: 0 0 2rem;}
    .newsList .list .one .desc{display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;font-size: 2.4rem;color: #666;margin: auto;white-space: normal;}

    .newsList .list .one .more{display: none;}


    .newsDetail{padding-bottom: 10rem;}
    .newsDetail .banner .swiper .img{height: 30rem;}
    .newsDetail .banner .swiper .img img{object-fit: fill;}
    .newsDetail .banner .swiper .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;border-radius: 50%;margin: 0 1rem;}

    .newsDetail .menu{height: 15rem;background: #EEF4FF;}
    .newsDetail .menu .one{flex: 1;}
    .newsDetail .menu .one .img{width: 8.8rem;height: 8.8rem;}
    .newsDetail .menu .one .text{font-size: 2.4rem;margin: 0;text-align: center;}

    .newsDetail .contentBox .title{font-size: 3.2rem;margin: 4rem 0 2rem;}
    .newsDetail .contentBox .content{padding: 0 3rem;font-size: 2.4rem;}
    .newsDetail .contentBox .content img{margin: 3rem 0 0 ;}

    .newsDetail .contentBox .other{padding: 0 3rem;margin-top: 4rem;}
    .newsDetail .contentBox a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 2.4rem;}



    .job{padding-bottom: 10rem;}
    .job .banner .swiper .img{height: 30rem;}
    .job .banner .swiper .img img{object-fit: fill;}
    .job .banner .swiper .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;border-radius: 50%;margin: 0 1rem;}

    .job .title{font-size: 3.2rem;margin: 4rem 0 2rem;}
    .job .desc{font-size: 2.4rem;padding: 0 3rem;}


    .job .flex{flex-direction: column-reverse;padding: 0 3rem;}
    .job .list{flex-wrap: nowrap;width: 100%;overflow: auto;margin-bottom: 3rem;}
    .job .list .one{width: 22rem;height: 18rem;margin-right: 1.5rem;display: flex;flex-direction: column;align-items: center;justify-content: center;flex-shrink: 0;}
    .job .list .one:last-child{margin-right: 0;}
    .job .list .one .name{margin: 0;font-size: 2.4rem;}
    .job .list .one .line{width: 2rem;height: 1px;margin: 1.5rem 0;}
    .job .list .one .num{font-size: 2.4rem;}

    .job .content{width: 100%;height: auto;padding: 3rem;font-size: 2.4rem;}




    .contact{padding-bottom: 10rem;}
    .contact .banner .swiper .img{height: 30rem;}
    .contact .banner .swiper .img img{object-fit: fill;}
    .contact .banner .swiper .swiper-pagination-bullet{width: 1.6rem;height: 1.6rem;border-radius: 50%;margin: 0 1rem;}

    .contact .menu{height: 15rem;background: #EEF4FF;}
    .contact .menu .one{flex: 1;}
    .contact .menu .one .img{width: 8.8rem;height: 8.8rem;}
    .contact .menu .one .text{font-size: 2.4rem;margin: 0;text-align: center;}

    .contact .block1 .flex{flex-direction: column;padding: 3rem;}
    .contact .block1 .map{width: 100%;margin: 0 0 3rem;}
    .contact .block1 .map .btn{width: 100%;height: 8rem;font-size: 2.4rem;background: #fff;color: #3366CC;border: none;}

    .contact .block1 .textBox{margin: 0;line-height: 2;}
    .contact .block1 .textBox .name{font-size: 3.2rem;}
    .contact .block1 .textBox .text{font-size: 2.4rem;}

    .contact .block2{height: auto;}
    .contact .block2 .flex{padding: 3rem;}
    .contact .block2 .img{display: none;}
    .contact .block2 .form{width: 100%;}
    .contact .block2 .form .line{flex-direction: column;}
    .contact .block2 .form .half{flex:  0 1 auto;width: 100%;flex-direction: column;}
    .contact .block2 .form span{font-size: 2.4rem;line-height: 1.5;}
    .contact .block2 .form input{width: 100%;height: 10rem;font-size: 2.4rem;margin-bottom: 4rem;}
    .contact .block2 .form .code{width: 0 !important;flex: 1;}
    .contact .block2 .form .code_img{width: 20rem;height: 10rem;font-size: 3.6rem;}

    .contact .block2 .form textarea{width: 100%;height: 20rem;padding: 3rem;}
    .contact .block2 .form .btn{width: 100%;height: 10rem;font-size: 2.8rem;margin-top: 3rem;}

    
    .pageTitle{height: 8rem;background: #fff;border-bottom: 1px solid #CCCCCC;position: relative;display: flex;align-items: center;justify-content: center;}
    .pageTitle .title{font-size: 4rem;font-weight: bold;color: #333;}
    .pageTitle .back{width: 3.8rem;left: 3rem;top: 0;bottom: 0;margin: auto;position: absolute;}


    .login .logo{margin: 20rem auto 10rem;width: 28rem;}
    .login .type{display: flex;align-items: center;justify-content: space-between;}
    .login .type .one{width: 50%;position: relative;font-size: 2.8rem;color: #666;text-align: center;}
    .login .type .one.active{color: #333;}
    .login .type .one.active::after{position: absolute;width: 0.9rem;height: 0.9rem;bottom: -2.5rem;left: 0;right: 0;margin: auto;content: "";background: #3366CC;border-radius: 50%;}

    .login .form{width: 58rem;margin: 7rem auto 0;}
    .login .form .line{width: 100%;height: 8rem;border-radius: 8rem;background: #EEF4FF;overflow: hidden;margin-bottom: 3rem;}
    .login .form .line .input{display: flex;align-items: center;padding: 0 4rem;height: 100%;}
    .login .form .line .input input{flex: 1;width: 100%;height: 100%;font-size: 2.4rem;color: #333;}
    .login .form .btn{margin-top: 7rem;width: 100%;height: 8rem;background: #3366CC;font-size: 2.8rem;color: #fff;border-radius: 8rem;}


    .register .logo{margin: 20rem auto 10rem;width: 28rem;}
    .register .type{display: flex;align-items: center;justify-content: space-between;}
    .register .type .one{width: 50%;position: relative;font-size: 2.8rem;color: #666;text-align: center;}
    .register .type .one.active{color: #333;}
    .register .type .one.active::after{position: absolute;width: 0.9rem;height: 0.9rem;bottom: -2.5rem;left: 0;right: 0;margin: auto;content: "";background: #3366CC;border-radius: 50%;}

    .register .form{width: 58rem;margin: 7rem auto 0;}
    .register .form .line{width: 100%;height: 8rem;border-radius: 8rem;background: #EEF4FF;overflow: hidden;margin-bottom: 3rem;}
    .register .form .line .input{display: flex;align-items: center;padding: 0 4rem;height: 100%;}
    .register .form .line .input input{flex: 1;width: 100%;height: 100%;font-size: 2.4rem;color: #333;}
    .register .form .btn{margin-top: 7rem;width: 100%;height: 8rem;background: #3366CC;font-size: 2.8rem;color: #fff;border-radius: 8rem;margin-bottom: 10rem;}
    .register .form .code{background: none;width: 10rem;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 2.4rem;color: #999;}



    .order .list{margin-top: 0;padding: 0;background: #F6F6F6;}
    .order .list .one{margin-bottom: 1rem;padding: 0 3rem;background: #fff;display: flex;align-items: center;}
    .order .list .one .img{width: 22rem;height: 15rem;flex-shrink: 0;margin-right: 3rem;}
    .order .list .one .textBox{flex: 1;width: 0;display: flex;height: 100%;padding: 2rem 0;align-items: flex-end;justify-content: space-between;}
    .order .list .one .textBox{font-size: 2.4rem;color: #666;}
    .order .list .one .textBox .sn{font-size: 2.4rem;color: #333;margin-bottom: 2rem;}
    
    .order .list .one .textBox .btn{width: 11rem;height: 4rem;font-size: 2.4rem;display: flex;align-items: center;justify-content: center;background: #EAEAEA;color: #333;}
    
    .order .end{font-size: 2.4rem;text-align: center;margin: 5rem 0 0;color: gray;}


    .order .detail .container{margin: 0;padding: 4rem 0 0 3rem;height: auto;}
    .order .detail div{color: #333;font-size: 2.4rem;line-height: 1.6;}

    .order .detailList .one{height: 23rem;background: #fff;margin-top: 1rem;padding: 3rem;display: flex;align-items: center;}
    .order .detailList .img{width: 22rem;height: 15rem;flex-shrink: 0;margin-right: 3rem;}
    .order .detailList .textBox{display: flex;justify-content: space-between;flex-direction: column;flex: 1;width: 0;height: 100%;}
    .order .detailList .name{font-size: 2.4rem;color: #333;}
    .order .detailList .num{font-size: 2.4rem;color: #333;text-align: right;}



    .userCenter{width: 100%;min-width: 0;padding: 0;background: #F7F7F7;height: calc(100vh - 10rem);}
    .userCenter .centerTitle{height: 20rem;background: url(../img/center_bg.jpg);display: flex;align-items: center;justify-content: center;margin-bottom: 2rem;flex-direction: column;background-size: 100% 100%;background-repeat: no-repeat;}
    .userCenter .centerTitle .name{font-size: 4rem;color: #fff;}
    .userCenter .centerTitle .user{font-size: 3rem;color: #fff;margin-top: 2rem;}
    

    .userCenter .menu{width: 100%;background: none;height: auto;padding: 0;}
    .userCenter .menu .one{width: 100%;height: 10rem;background: #fff;display: flex;align-items: center;justify-content: space-between;padding: 0 3rem;font-size: 3rem;margin-bottom: 1rem;color: #333;}
    .userCenter .logout{margin-top: 3rem;width: 100%;background: #fff;display: flex;align-items: center;justify-content: center;font-size: 3rem;color: #333;height: 10rem;}



    .userCenter .pageTitle{background: #3366CC;border-bottom: 1px solid #CCCCCC;position: relative;display: flex;align-items: center;justify-content: center;height: 10rem;}
    .userCenter .pageTitle .title{font-size: 3rem;color: #fff;font-weight: normal;}
    .userCenter .pageTitle .back{width: 8rem;height: 10rem;position: absolute;left: 0;top: 0;display: flex;align-items: center;justify-content: center;}
    .userCenter .pageTitle .back img{height: 3rem;}

    /* .userCenter .form{background: #fff;} */
    .userCenter .form .line{height: 11rem;display: flex;align-items: center;justify-content: space-between;padding: 0 3rem;border-bottom: 1px solid #E6E6E6;}
    .userCenter .form .line .left{font-size: 3rem;color: #666;}
    .userCenter .form .line .right{font-size: 3rem;color: #666;height: 100%;display: flex;align-items: center;}
    .userCenter .form .line .right input{height: 100%;margin-left: 2rem;text-align: right;font-size: 3rem;color: #666;}

    .userCenter .form .btn {margin: 5rem auto 0;width: 70rem;height: 9rem;background: #3366CC;border-radius: 9rem;color: #FFFFFF;font-size: 3rem;}

    .userCenter .form .input{margin: 2.4rem auto 0;width: 69rem;height: 9rem;background: #fff;border: 1px solid #E6E6E6;border-radius: 1rem;}
    .userCenter .form .input:first-child{margin-top: 3rem;}
    .userCenter .form .input input{width: 100%;height: 100%;padding: 0 3rem;font-size: 2.4rem;color: #333;}




	.address-box{z-index: 9999;}
	.address-content{width: 69rem;top: 50%;transform: translate(-50% ,-50%);}

	.address-title>p{font-size: 3.2rem;}
	.address-content div>span{font-size: 2.8rem;}

	.address-content>form>div{width: 60rem;margin: 2rem auto 0 !important;}

	.address-content input{width: 100%;margin: 1rem 0 !important;}
	.address-btn{width: 50rem;height: 8rem;font-size: 3.2rem;display: flex;align-items: center;justify-content: center;margin: 5rem auto 3rem !important;}




	/* .order .table6 .thead .one{flex: 1;} */
	.order .table6 .thead .one{flex: 1;flex-shrink: 0;}
	.order .table6 .thead .one:nth-child(4){width: 72px !important;flex-shrink: 0;flex: 0 1 auto !important;}



	.productDetail .picBox .right .box{width: 100%;}

	.productDetail .picBox .btn{width: 21rem;height: 6rem;font-size: 2.8rem;margin: 1.2rem auto 0;}































































































































































































































}