*{margin: 0;padding: 0;box-sizing: border-box;font-family: 'Source Han Sans CN';}
header,footer,nav,div,p,span,b,a,input,textarea,ul,li{margin: 0;padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;color: #000;}
table {border-collapse:collapse;}table,th, td{border: 1px solid #ddd;line-height: 30px;padding: 10px;}
input,select,textarea{outline: none;}
textarea{resize: none;outline: none;}
iframe{display: block;width: 800px;height: 600px;border: 0;margin: 0 auto;}
html,body{min-width: 1263px;}

.f_le{float: left;}
.f_ri{float: right;}
.clearfix:after{content: "";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;}
.p_re{position: relative;}
.p_ab{position: absolute;}
.flexbox{display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.flexbox1{display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;}
.flexbox2{display: -webkit-flex;display: flex;-webkit-justify-content: space-around;justify-content: space-around;}
.flexbox3{display: -webkit-flex;display: flex;-webkit-justify-content: flex-start;justify-content: flex-start;}
.flexbox_1{display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;-webkit-flex-wrap: wrap;}
.flexc{margin: auto auto;}
.flexwarp{flex-wrap: wrap;}
.column{column-width:300px;-moz-column-width:300px; /* Firefox */-webkit-column-width:300px; /* Safari and Chrome */column-count:; /* 鍒楁暟 */column-gap:; /* 鍒楅棿璺 */column-rule:; /* 鍒嗛殧绾 */}
.txthide{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.txthide2{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:2; text-overflow: ellipsis; overflow: hidden;}
.txthide3{display: -webkit-box!important; -webkit-box-orient:vertical; -webkit-line-clamp:3; text-overflow: ellipsis; overflow: hidden;}
.pic{width: 300px;overflow: hidden;position: relative;}
.pic figure{padding-top: 75%;overflow: hidden;position: relative;}
.pic figure img{display: block;width: 100%;height: auto;min-height: 100%;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);}

/* wrapper */
.wrapper{width: 1400px;margin: 0 auto;}
@media screen and (max-width: 1440px) {
	.wrapper{width: 1200px;}
}

/* header */
.header{width: 100%;border-top: 10px solid #ececec;background: #fff;position: relative;}
.header .logo{display: block;height: 70px;float: left;}
.header .logo img{display: block;height: 100%;}
.header .logo h1{width: 0;height: 0;overflow: hidden;display: none;}
.header .head-right{position: absolute;bottom: 0;right: 0;height: 70px;z-index: 9;background: url(../images/bj00.png) right center no-repeat #fff;}
.header .nav{float: left;}
.header .nav li{float: left;}
.header .nav li a.na{display: block;font-size: 16px;color: #5c5c5c;line-height: 70px;padding: 0 15px;position: relative;}
.header .nav li a.na:after{content:'';display: block;width: 0;height: 2px;background: #ffb700;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 0;transition: .5s;}
.header .nav li .na1{display: block;padding: 0 25px;line-height: 70px;}
.header .nav li .na1 img{display: inline-block;width: 20px;vertical-align: middle;}
.header .nav li:hover a.na:after,.header .nav li.active a.na:after{width: 100%;}
.header .drop-down{display: none;width: 100vw;background: rgba(0,0,0,.25);position: absolute;right: 0;top: 70px;padding: 20px 0;}
.header .drop-down a{display: block;font-size: 16px;color: #ffffff;line-height: 2.2;margin: 0 35px;}
.header .n-search{width: 17px;height: 70px;background: url(../images/ico03.png) center center no-repeat;float: right;position: relative;margin: 0 45px;}
.header .n-search form{display: block;overflow: hidden;width: 0;height: 30px;border-radius: 30px;background: #fff;margin: auto 0;position: absolute;right: -10px;top: 0;bottom: 0;transition: .5s;}
.header .n-search .inp{display: block;border: 0;width: calc(100% - 30px);height: 100%;float: left;padding: 0 0 0 15px;font-size: 14px;color: #5c5c5c;}
.header .n-search .btn{display: block;width: 30px;height: 30px;background: url(../images/ico03_1.png) center center no-repeat;border: 0;float: right;}
.header .n-search:hover form{width: 150px;box-shadow: 0 0 5px rgba(0,0,0,.15);}
.header .n-link{width: 262px;height: 70px;font-size: 16px;color: rgba(255,255,255,.7);text-align: center;line-height: 70px;float: right;margin-left: 30px;}
.header .n-link a{display: inline-block;vertical-align: middle;color: rgba(255,255,255,.7);}
.header .n-link span{display: inline-block;vertical-align: middle;margin: 0 10px;}
.header .n-link a.active{color: #fff;}
@media screen and (max-width: 1440px) {
	.header .head-right{background: url(../images/bj00.png) right center no-repeat #fff;background-size: 287px 100%;}
	.header .nav li a.na,.header .nav li .na1{padding: 0 10px;}
	.header .n-search{margin: 0 25px;}
	.header .n-link{width: 220px;margin-left: 20px;}
}
@media screen and (max-width: 1280px) {
	.header .drop-down{width: 1263px;}
}

/* footer */
.footer{width: 100%;background: url(../images/bj04.jpg) top right repeat-y;background-size: 100% auto;padding: 30px 0 18px;}
.footer .box{border-bottom: 1px solid #c0c0c0;padding-bottom: 10px;}
.footer .logo_1{display: block;height: 70px;float: left;}
.footer .logo_1 img{display: block;height: 100%;}
.footer .f-pattern{float: right;padding-top: 14px;}
.footer .f-pattern a{display: block;width: 43px;height: 43px;border-radius: 100%;float: left;margin-left: 30px;}
.footer .f-pattern a img{display: block;width: 100%;}
.footer .box1{border-bottom: 1px solid #c0c0c0;padding: 40px 0;}
.footer .f-nav{float: left;}
.footer .f-nav li{float: left;text-align: center;margin-right: 50px;}
.footer .f-nav li:last-child{margin-right: 0;}
.footer .f-nav .fna{display: block;font-size: 16px;color: #5c5c5c;line-height: 25px;}
.footer .f-nav .fnaa{display: block;font-size: 12px;color: #838383;line-height: 20px;}
.footer .f-nav .fnabox{width: 110px;}
.footer .f-nav .fnaa1{display: block;font-size: 12px;color: #838383;float: left;width: 55px;line-height: 20px;}
.footer .f-nav li a:hover{color: #007be5;}
.footer .qrcode{float: right;}
.footer .qrcode span{display: block;width: 104px;height: 104px;background: #fff;float: left;margin-left: 10px;}
.footer .qrcode span img{display: block;width: 100%;}
.footer .copyright{text-align: center;padding: 25px 0;font-size: 12px;color: #9e9e9e;line-height: 20px;}
.footer .copyright a{color: #9e9e9e;transition: .5s;}
.footer .copyright a:hover{color: #000;}

/* backdrop */
.backdrop{width: 100%;height: 100%;background: rgba(0,0,0,.32);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 999;display: none;}
.white-box{width: 660px;margin: auto auto;position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 1000;background: #fff;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,.15);border-radius: 5px;display: none;}
.white-box .btn-close{display: block;width: 25px;height: 25px;border-radius: 100%;background: url(../images/ico19.png) center center no-repeat;position: absolute;right: 15px;top: 15px;cursor: pointer;}
.white-box .w-head{width: 100%;height: 78px;background: #f2f2f2;}
.white-box .w-head .logo_2{display: block;height: 45px;margin: auto auto;}
.white-box .w-body{height: calc(100% - 78px);background: #fff;overflow-y: auto;padding: 30px 0;}
.white-box .w-name{text-align: center;font-size: 16px;color: #343434;line-height: 1.5;}
.white-box .w-form{width: 80%;display: block;margin: 0 auto;}
.white-box .w-item{width: 100%;border: 1px solid #d9d9d9;border-radius: 3px;overflow: hidden;padding: 0 5px;margin-top: 22px;}
.white-box .w-item .ico{display: block;width: 30px;height: 40px;float: left;}
.white-box .w-item .inp{display: block;width: calc(100% - 30px);height: 40px;border: 0;font-size: 14px;color: #808080;}
.white-box .w-item .inp::-webkit-input-placeholder{color: #808080;opacity: .45;}
.white-box .w-item .inp::-moz-placeholder{color: #808080;opacity: .45;}
.white-box .yzm{display: block;width: 120px;height: 42px;border: 1px solid #d9d9d9;border-radius: 3px;overflow: hidden;float: right;margin-top: 22px;cursor: pointer;}
.white-box .yzm img{display: block;width: 100%;height: 100%;}
.white-box .sel{display: block;display: block;width: calc(100% - 30px)!important;float: left;height: 40px;border: 0;font-size: 14px;color: #808080;-webkit-appearance:none;-moz-appearance:none;appearance:none;background: url(../images/ico10.png) right center no-repeat #fff;padding-right: 30px;}
.white-box .sel .pick-show{height: 40px;overflow: hidden;line-height: 40px;}
.white-box .inp1{display: block;height: 42px;border: 1px solid #d9d9d9;border-radius: 3px;padding: 0 10px;font-size: 14px;color: #808080;float: left;margin-left: 20px;width: 100px;margin-top: 22px;}
.white-box .inp1::-webkit-input-placeholder{color: #808080;opacity: .45;}
.white-box .inp1::-moz-placeholder{color: #808080;opacity: .45;}
.white-box .inp2{width: calc(100% - 320px);}
.white-box .btn-yzm{display: block;width: 120px;height: 42px;border: 1px solid #007be5;color: #007be5;text-align: center;line-height: 40px;border-radius: 3px;overflow: hidden;font-size: 14px;float: right;margin-top: 22px;}
.white-box .yx-txt{font-size: 18px;color: #343434;line-height: 1;margin-top: 35px;}
.white-box .yx-txt span{color: #ed0000;}
.white-box .txt{text-align: right;font-size: 14px;color: #adadad;line-height: 30px;cursor: default;}
.white-box .txt a{color: #007be5;}
.white-box .w-item1{width: calc(100% - 140px);float: left;}
.white-box .w-item2{width: 180px;float: left;}
.white-box .btn_1{display: block;width: 100%;height: 50px;border: 0;background: #007be5;text-align: center;line-height: 50px;color: #fff;font-size: 18px;font-weight: initial;border-radius: 3px;cursor: pointer;margin-top: 22px;}

/* login */
.login{height: 450px;}
/* register */
.register{height: 78.307vh;min-height: 450px;}
/* forget */
.forget{height: 450px;}
.forget1,.forget3{height: 380px;}

/* banner */
.banner{width: 100%;position: relative;overflow: hidden;z-index: 0;}
.banner .swiper-slide img{width: 100%;display: block;}
.banner .swiper-pagination{position: absolute;bottom: 25px;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;opacity: 1;background: #fff;}
.banner .swiper-pagination-bullet-active{width: 40px;height: 12px;opacity: 1;border-radius: 12px;background: #15499a;}
.banner .scroll{display: block;width: 53px;height: 53px;background: #fff;border-radius: 100%;margin: 0 auto;position: absolute; bottom: 5.208vw; left: 0;right: 0;z-index: 99; animation: mymove 3s ease infinite;}
@keyframes mymove {
    0% { opacity: 1; }
    50% { opacity: .2; }
    100% {  opacity: 1; }
}
@media screen and (max-width: 1440px) {
	.banner .scroll{bottom: 60px;}
}

/* home picShow */
.picShow{width: 100%;}
.picShow a{display: block;width: 100%;}
.picShow img{display: block;width: 100%;}

/* home titBox */
.n-titBox{text-align: center;line-height: 1.2;margin-bottom: 40px;}
.n-titBox .ftitle{display: block;font-size: 40px;color: #007be5;text-transform: uppercase;}
.n-titBox .title{font-size: 28px;color: #1b1b1b;}

/* home environment */
.n-environment{width: 100%;background: url(../images/bj01.jpg) bottom center no-repeat #fff;border-top: 12px solid #007be5;padding: 85px 0 110px;}
.n-environment .list{width: 22.357%;/*float: left;margin-right: 3.524%;*/margin: 0 auto;position: relative;text-align: center;color: #ffffff;cursor: default;transition: .5s;}
.n-environment .list:nth-child(4n){margin-right: 0;}
.n-environment .list .img{display: block;width: 100%;}
.n-environment .list .box{position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.n-environment .list .auto{margin: auto 0;width: 100%;}
.n-environment .list .ico{display: block;height: 60px;margin: 0 auto 10px;}
.n-environment .list .tit{font-size: 30px;line-height: 1.5;}
.n-environment .list .txt{font-size: 14px;line-height: 20px;}
.n-environment .list .gd{display: block;width: 115px;height: 35px;background: #ffffff;border-radius: 35px;line-height: 35px;font-size: 14px;color: #737373;margin: 75px auto 0;}
.n-environment .list:hover{box-shadow: 5px 5px 5px rgba(0,0,0,.15);transform: translateY(-5px);}

/* home shopping */
.n-shopping{width: 100%;background: url(../images/bj02.jpg) top center no-repeat;padding: 85px 0 0;}
.n-shopping .n-titBox .title,.n-shopping .n-titBox .ftitle{color: #fff;}
.n-shopping .ns-nav{margin-bottom: 32px;}
.n-shopping .ns-nav .ns-nav-box{display: none;}
.n-shopping .ns-nav-box a{display: block;width: 12%;float: left;margin: 0 2.667% 0 0;border: 1px solid #fff;padding: 18px 0;text-align: center;font-size: 22px;color: #fff;line-height: 1.5;overflow: hidden;transition: .5s;}
.n-shopping .ns-nav-box a:nth-child(7n){margin-right: 0;}
.n-shopping .ns-nav-box a .ico{display: block;width: 50px;height: 50px;overflow: hidden;position: relative;margin: 0 auto;}
.n-shopping .ns-nav-box a .ico img{display: block;width: 100%;position: absolute;top: -50px;left: 0;right: 0;transition: .5s;}
.n-shopping .ns-nav-box a:hover,.n-shopping .ns-nav-box a.active{color: #ffb400;box-shadow: 3px 3px 5px rgba(0,0,0,.15);border-color: #ffb400;}
.n-shopping .ns-nav-box a:hover .ico img,.n-shopping .ns-nav-box a.active .ico img{top: -100px;}

.n-shopping .ns-right{position: relative;width: 175px;height: 465px;float: right;}
.n-shopping .ns-nav-swiper{width: 100%;height: calc(100% - 140px);margin-top: 70px;overflow: hidden;position: relative;border-left: 1px solid rgba(255,255,255,.5);border-right: 1px solid rgba(255,255,255,.5);}
.n-shopping .ns-nav-swiper .swiper-slide{background: #0069d3;text-align: center;color: #fff;border-bottom: 1px solid rgba(255,255,255,.5);cursor: pointer;}
.n-shopping .ns-nav-swiper .swiper-slide .auto{margin: auto auto;display: block;color: #fff;}
.n-shopping .ns-nav-swiper .name{font-size: 24px;}
.n-shopping .ns-nav-swiper .txt{font-size: 14px;}
.n-shopping .ns-nav-swiper .swiper-slide.active{background: #ffb400;}
.n-shopping .ns-right .swiper-button-prev,.n-shopping .ns-right .swiper-button-next{width: 100%;height: 70px;position: absolute;left: 0;right: 0;margin: 0;display: block;opacity: 1;cursor: pointer;}
.n-shopping .ns-right .swiper-button-prev:after,.n-shopping .ns-right .swiper-button-next:after{display: none;}
.n-shopping .ns-right .swiper-button-prev{top: 0;background: url(../images/ico31.png) center center no-repeat;background-size: 100% 100%;}
.n-shopping .ns-right .swiper-button-next{bottom: 0;top: unset;background: url(../images/ico32.png) center center no-repeat;background-size: 100% 100%;}

.n-shopping .ns-left{width: calc(100% - 175px);float: left;/*height: 463px;*/}
.n-shopping .product-swiper{width: 100%;overflow: hidden;position: relative;/*height: 463px;*/display: none;}
.n-shopping .product-swiper .swiper-slide{width: 33.333%;border: 1px solid #c1c1c1;background: #fff;position: relative;}
.n-shopping .product-swiper a{width: 100%;color: #fff;overflow: hidden;}
.n-shopping .product-swiper .pic{width: 100%;z-index: 0;}
.n-shopping .product-swiper .pic figure{padding-top: 114.039%;}
.n-shopping .product-swiper .tit{background: #969696;font-size: 18px;line-height: 70px;text-align: center;padding: 0 15px;position: absolute;bottom: 0;left: 0;right: 0;z-index: 1;transition: .5s;}
.n-shopping .product-swiper .shade{position: absolute;top: 0;left: 0;right: 0;bottom: 120%;background: url(../images/ico26.png) center center no-repeat rgba(0,0,0,.5);z-index: 1;transition: 1.2s;}
.n-shopping .product-swiper .swiper-slide:hover .tit{bottom: -70px;}
.n-shopping .product-swiper .swiper-slide:hover .shade{bottom: 0;}
@media screen and (max-width: 1440px) {
	.n-shopping .ns-right{width: 150px;height: 399px;}
	.n-shopping .ns-nav-swiper{height: calc(100% - 130px);margin-top: 65px;}
	.n-shopping .ns-right .swiper-button-prev,.n-shopping .ns-right .swiper-button-next{height: 65px;}
	.n-shopping .ns-left{width: calc(100% - 150px);}
	.n-shopping .product-swiper .tit{line-height: 65px;}
}

/* home business */
.n-business{width: 100%;background: url(../images/bj03.jpg) bottom center no-repeat #f4f4f4;padding: 90px 0 140px;}
.n-business .n-titBox{margin-bottom: 25px;}
.n-business .slogan{text-align: center;margin-bottom: 50px;}
.n-business .slogan span{display: inline-block;border: 1px solid #b9b9b9;border-radius: 30px;font-size: 16px;color: #4a4a4a;line-height: 30px;padding: 0 35px;}
.n-business .list{width: 308px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.15);margin: 0 60px;transition: .5s;}
.n-business .list a{display: block;width: 100%;padding: 40px 0 30px;text-align: center;}
.n-business .list .ico{display: block;width: 158px;height: 158px;border-radius: 100%;margin: 0 auto 15px;background: #ddd;box-shadow: 3px 3px 5px rgba(0,0,0,.15);}
.n-business .list .tit{font-size: 24px;color: #1b1b1b;line-height: 35px;}
.n-business .list .gd{font-size: 18px;color: #5b5b5b;line-height: 25px;}
.n-business .list:hover{box-shadow: 5px 5px 5px rgba(0,0,0,.15);transform: translateY(-5px);}

/* home comments */
.n-comments{width: 100%;position: relative;padding: 90px 0 115px;}
.n-comments em{display: block;width: 50%;height: 25px;background: #007be5;position: absolute;top: 0;right: 0;}
.n-comments .list{width: 31.5%;float: left;margin-right: 2.75%;position: relative;border-radius: 6px;overflow: hidden;cursor: default;transition: .5s;}
.n-comments .list:nth-child(3n){margin-right: 0;}
.n-comments .list .img{display: block;width: 100%;border-radius: 6px;}
.n-comments .list .cont{position: absolute;top: 0;bottom: 0;left: 0;right: 0;padding: 40px 50px 0;color: #fff;}
.n-comments .list .tit{font-size: 30px;line-height: 1.5;}
.n-comments .list .ftit{font-size: 12px;text-transform: uppercase;line-height: 1.1;opacity: .3;}
.n-comments .list .gd{display: block;width: 115px;height: 35px;background: #fff;border-radius: 35px;line-height: 35px;color: #737373;font-size: 14px;text-align: center;margin-top: 15px;}
.n-comments .list:hover{box-shadow: 5px 5px 5px rgba(0,0,0,.15);transform: translateY(-5px);}
.n-comments .n-opinion{display: block;width: 100%;margin-top: 30px;}
.n-comments .n-opinion textarea{display: block;width: 100%;height: 125px;border: 0;border-radius: 5px;background: #f5f5f5;padding: 18px 32px;font-size: 16px;color: #707070;text-align: justify;line-height: 1.5;font-family: 'Source Han Sans CN';}
.n-comments .n-opinion .btn{display: block;width: 100%;height: 58px;background: #007be5;border-radius: 5px;color: #fff;border: 0;font-size: 20px;font-weight: initial;cursor: pointer;}
@media screen and (max-width: 1440px) {
	.n-comments .list .cont{padding: 25px 35px 0;}
}

/* crumbs */
.crumbs{width: 100%;background: #fafafa;height: 81px;overflow: hidden;line-height: 80px;border-bottom: 1px solid #eff0f1;margin-top: -81px;position: relative;z-index: 5;}
.crumbs .c-link{display: block;float: left;font-size: 22px;color: #333333;line-height: 80px;margin-right: 45px;transition: .5s;}
.crumbs .c-link:last-child{margin-right: 0;}
.crumbs .c-link:hover,.crumbs .c-link.active{color: #007be5;}
.m-crumb{float: right;max-width: 300px;font-size: 14px;color: #666666;}
.m-crumb a{color: #666666;transition: .3s;}
.m-crumb span{cursor: pointer;}
.m-crumb i{font-style: normal;}
.m-crumb a:hover,.m-crumb span{color: #007be5;}

/* out */
.out{width: 100%;padding: 90px 0 135px;}

.article{font-size: 16px;color: #737373;text-align: justify;line-height: 2;}
.article img{max-width: 100%;}
.article iframe,.article video{width: 800px;}

.n-friendship{width: 100%;border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5;padding: 20px 0;font-size: 14px;color: #808080;}
.n-friendship .name{float: left;}
.n-friendship .box{width: calc(100% - 100px);float: right;}
.n-friendship .box a{display: block;float: left;color: #808080;cursor: pointer;line-height: 20px;margin-left: 40px;transition: .5s;}
.n-friendship .box a:hover{color: #007be5;}

/* policy */
.policy .list{width: 47%;float: left;border-bottom: 1px solid #e0e0e0;padding-bottom: 30px;margin-bottom: 30px;}
.policy .list:nth-child(2n){float: right;}
.policy .list a{display: block;width: 100%;}
.policy .list .pic{width: 222px;float: left;background: #ddd;box-shadow: 0 0 5px rgba(0,0,0,.15);}
.policy .list .pic figure{padding-top: 75.225%;}
.policy .list .cont{width: calc(100% - 250px);float: right;}
.policy .list .tit{font-size: 20px;color: #343434;line-height: 30px;transition: .5s;}
.policy .list .desc{font-size: 16px;color: #808080;text-align: justify;line-height: 28px;margin: 15px 0;}
.policy .list .time{font-size: 14px;color: #b7b7b7;line-height: 20px;text-align: right;}
.policy .list:hover .tit{color: #007be5;}
@media screen and (max-width: 1440px) {
	.policy .list .pic{width: 200px;}
	.policy .list .cont{width: calc(100% - 225px);}
	.policy .list .tit{font-size: 18px;line-height: 25px;}
	.policy .list .desc{font-size: 14px;line-height: 24px;}
	.policy .list .time{font-size: 12px;}
}

/* dynamic */
.dynamic .list{background: #f5f5f5;margin-bottom: 30px;transition: .5s;}
.dynamic .list a{display: block;width: 100%;padding: 35px 55px;}
.dynamic .list .time{width: 105px;height: 105px;float: left;background: #007be5;text-align: center;color: #fff;padding-top: 19px;box-shadow: 5px 5px 10px rgba(0,0,0,.15);}
.dynamic .list .time b{display: block;font-size: 46px;line-height: 46px;}
.dynamic .list .time p{font-size: 16px;line-height: 20px;}
.dynamic .list .cont{width: calc(100% - 140px);float: right;line-height: 1.5;padding-top: 10px;}
.dynamic .list .tit{font-size: 22px;color: #343434;transition: .5s;}
.dynamic .list .desc{font-size: 16px;color: #808080;}
.dynamic .list em{display: block;width: 100%;height: 1px;background: #d7d7d7;margin: 15px 0;}
.dynamic .list:hover{box-shadow: 0 0 10px rgba(0,0,0,.15);}
.dynamic .list:hover .tit{color: #007be5;}

/* report */
.report{}
.report .box1{background: #f5f5f5;margin-bottom: 25px;padding: 35px 55px;font-size: 20px;color: #343434;line-height: 42px;}
.report .must{display: block;width: 20px;text-align: right;height: 42px;line-height: 50px;font-size: 20px;color: #ed0000;float: left;}
.report .box1 label{display: block;float: left;min-width: 110px;}
.report .box1 .inp{display: block;width: calc(100% - 130px);height: 42px;border: 1px solid #e5e5e5;padding: 0 10px;float: left;border-radius: 3px;font-size: 18px;color: #808080;}
/*.report .box1 select{display: block;height: 42px;border: 1px solid #e5e5e5;padding: 0 35px 0 10px;float: left;border-radius: 3px;font-size: 18px;color: #808080;background: url(../images/ico10.png) right center no-repeat #fff;-webkit-appearance: none;-moz-appearance: none;appearance: none;}*/
.report .box1 .r-text{display: block;width: calc(100% - 130px);height: 170px;border: 1px solid #e5e5e5;padding: 6px 10px;float: left;border-radius: 3px;font-size: 18px;color: #808080;line-height: 30px;}
.report .box1 .r-down{display: block;width: 150px;height: 42px;text-align: center;background: #007be5;color: #fff;font-size: 16px;float: left;}
.report .box1 .r-file{display: block;height: 42px;float: left;line-height: 42px;font-size: 16px;}
.report .box1 .hint{font-size: 16px;color: #ed0000;line-height: 42px;margin-left: 10px;}
.report .box1 .yzm-inp{width: 200px;}
.report .box1 .yzm-img{display: block;width: 72px;height: 30px;border: 2px solid #e5e5e5;float: left;margin: 6px 0 0 18px;}
.report .box1 .yzm-img img{display: block;width: 100%;}
.report .box1 .btn{display: block;width: 112px;height: 42px;background: #007be5;border-radius: 42px;border: 0;text-align: center;line-height: 42px;font-size: 18px;color: #fff;float: left;margin-right: 12px;cursor: pointer;transition: .5s;}
.report .box1 .btn:hover{opacity: .8;}

.report .box1 .radio_yhfl{display: block;float: left;position: relative;margin-left: 40px;}
.report .box1 .radio_yhfl .dx{display: block;width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;}
.report .box1 .radio_yhfl .dx-1{display: block;width: 21px;height: 21px;background: url(../images/ico24.png) center center no-repeat;float: left;margin: 10.5px 10px 0 0;}
.report .box1 .radio_yhfl input[type="radio"]:checked + .dx-1{background: url(../images/ico25.png) center center no-repeat;}
.report .r-wrap1{border-bottom: 1px solid #d7d7d7;padding-bottom: 10px;margin-bottom: 10px;}
.report .r-wrap1 .radio_yhfl{margin-left: 25px;}
.report .r-wrap1 .radio_yhfl:nth-child(2){margin-left: 0;}

.report .box1 .radio_fwfl{display: block;float: left;position: relative;margin-right: 50px;font-size: 18px;color: #808080;}
.report .box1 .radio_fwfl .dx{display: block;width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;}
.report .box1 .radio_fwfl .dx-1{display: block;width: 15px;height: 15px;background: url(../images/ico23.jpg) center center no-repeat;float: left;margin: 13.5px 10px 0 0;}
.report .box1 .radio_fwfl input[type="checkbox"]:checked + .dx-1{background: url(../images/ico22.jpg) center center no-repeat;}

.report .r-wrap3 .r-item{width: 25.426%;float: left;margin: 28px 2.713% 0 0;height: 42px}
.report .r-wrap3 .r-item:nth-child(3){margin-right: 0;width: 43.722%;}
.report .r-wrap3 .r-item:nth-child(3) select{width: calc( (100% - 134px) / 2);}
.report .r-wrap3 .r-item:nth-child(6){margin-right: 0;width: 43.722%;}
.report .r-wrap3 .r-item:nth-child(6) select{margin-right: 4px;}/*width: calc( (100% - 142px) / 4);*/
.report .r-wrap3 .r-item:nth-child(6) .inp{width: 120px;}
.report .r-wrap3 .r-item input{height: 42px}
.report .layui-form{float: left;width: calc(100% - 130px)!important;}
.report .layui-form .layui-unselect{width: calc( (100% - 132px) / 3)!important;float: left!important;margin-right: 4px!important;}
.report .layui-form .layui-unselect input{width: 100%!important;font-size: 20px!important;color: #797979!important;}

.report .file-img{display: block;width: 200px;margin: 15px 0 0 110px;}

.report .r-wrap4 .r-item{margin-bottom: 28px;}
.report .r-wrap4 .r-item:last-child{margin-bottom: 0;}

.report .r-look{font-size: 16px;color: #343434;line-height: 2;text-align: justify;margin-top: 35px;}
.report .ma-sel{display: block;width: 200px;height: 38px;border-radius: 3px;border: 1px solid #dddddd;float: left;font-size: 20px;color: #797979;padding: 0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background: url(../images/ico10.png) right center no-repeat #fff;}
@media screen and (max-width: 1440px) {
	.report .box1{padding: 20px 35px;}
	.report .r-wrap3 .r-item:nth-child(6){width: 84%;}
	.report .r-wrap3 .r-item:nth-child(6) .inp{width: calc( (100% - 12px) / 4);}
	.report .layui-form .layui-unselect{width: calc( (100% - 12px) / 4)!important;}
}

/* fuelgas */
.fuelgas .list{width: 31.5%;float: left;margin: 0 2.75% 30px 0;}
.fuelgas .list:nth-child(3n){margin-right: 0;}
.fuelgas .list a{display: block;width: 100%;}
.fuelgas .list .pic{width: 100%;background: #ddd;transition: .5s;}
.fuelgas .list .pic figure{padding-top: 47.619%;}
.fuelgas .list .tit{font-size: 20px;color: #343434;line-height: 30px;margin: 35px 0 20px;transition: .5s;}
.fuelgas .list .desc{font-size: 16px;color: #808080;text-align: justify;line-height: 28px;}
.fuelgas .list .time{border-top: 1px solid #e0e0e0;line-height: 75px;color: #808080;font-size: 16px;margin-top: 35px;}
.fuelgas .list .time .ico{float: right;display: block;width: 7px;height: 12px;margin-top: 31.5px;}
.fuelgas .list:hover .pic{box-shadow: 0 0 10px rgba(0,0,0,.15);}
.fuelgas .list:hover .tit{color: #007be5;}

/* web-nav */
.web-nav{margin-bottom: 35px;}
.web-nav a{display: block;float: left;background: #f5f5f5;border-radius: 5px;text-align: center;padding: 0 40px;font-size: 22px;color: #808080;line-height: 50px;margin: 0 25px 15px 0;transition: .5s;}
.web-nav a:hover,.web-nav a.active{background: #007be5;color: #ffffff;}

/* website */
.website .list{width: 48.786%;background: #f5f5f5;border-radius: 5px;margin: 0 2.428% 25px 0;padding: 40px 60px;line-height: 1.5;overflow: hidden;position: relative;}
.website .list:nth-child(2n){margin-right: 0;}
.website .list .tit{font-size: 20px;color: #007be5;margin-bottom: 20px;}
.website .list .text{border-bottom: 1px solid #d7d7d7;margin-bottom: 28px;padding-bottom: 20px;}
.website .list .txt{font-size: 16px;color: #808080;text-align: justify;margin-top: 5px;}
.website .list .txt label{display: block;float: left;width: 85px;}
.website .list .txt p{width: calc(100% - 85px);float: left;}
.website .list .num{display: block;font-size: 120px;color: #e6e6e6;font-family: 'Source Han Serif SC';line-height: 1;position: absolute;bottom: -40px;right: 35px;}
.website .list .btn{display: block;width: 100px;height: 30px;background: #007be5;border-radius: 30px;text-align: center;line-height: 30px;color: #fff;font-size: 14px;}

/*website-content*/
.website-content .tit{font-size: 20px;color: #007be5;margin-bottom: 20px;line-height: 1.5;}
.website-content .txt{font-size: 16px;color: #808080;text-align: justify;margin-top: 5px;line-height: 1.5;}
.website-content .txt label{display: block;float: left;width: 85px;}
.website-content .map{width: 100%;height: 500px;background: #ddd;margin-top: 20px;}

/* handbook */
.handbook .list{width: 32.286%;margin: 90px 1.571% 0 0;position: relative;background: #f5f5f5;border-radius: 5px;padding: 160px 40px 40px;}
.handbook .list:nth-child(3n){margin-right: 0;}
.handbook .list .l-head{width: 165px;height: 165px;border-radius: 100%;text-align: center;color: #fff;padding: 35px 0 0;background: #007be5;position: absolute;left: 0;right: 0;top: -58px;margin: 0 auto;}
.handbook .list:nth-child(even) .l-head{background: #ffb400;}
.handbook .list .num{display: block;font-family: 'Source Han Serif SC';font-size: 48px;line-height: 50px;}
.handbook .list .tit{font-size: 28px;line-height: 40px;}
.handbook .list article{font-size: 16px;color: #808080;text-align: justify;line-height: 1.8;}
.handbook .lct{background: #f5f5f5;border-radius: 5px;padding: 55px 15px;margin-top: 35px;}
.handbook .lct .bt{font-size: 28px;color: #333333;margin: auto auto;/* font-weight: initial; */}
.handbook .lct .img{display: block;width: 68.929%;margin: auto auto;}
.handbook .lct .img img{display: block;width: 100%;}

/* appointment */
.appointment{}
.appointment .r-item1{margin-bottom: 25px;}
.appointment .r-item1 select{width: calc(100% - 130px);}
/*-----*/
.appointment .at-form{display: block;position: relative;font-size: 20px;color: #343434;line-height: 42px;}
.appointment .at-form .at-body{display: block;width: 100%;}
.appointment .at-form .at-bj{background: #f5f5f5;margin-bottom: 25px;padding: 30px 55px;}
.appointment .at-form .at-fw1{position: absolute;top: 40px;left: 0;right: 0;padding: 0 55px;}
.appointment .at-form .at-zw{height: 70px;}
.appointment .at-form .at-line{display: block;width: 100%;height: 1px;background: #d7d7d7;margin: 10px auto;}
.appointment .at-form input,.appointment .at-form select,.appointment .at-form textarea,.appointment .at-form button{border-radius: 0;}

.appointment .at-form .at-label{display: block;}
.appointment .at-form .at-label1{float: left;width: 120px;}
.appointment .at-form .at-label2{float: left;width: 170px;padding-right: 5px;text-align-last: justify;}
.appointment .at-form .at-label3{float: left;margin-right: 10px}
/*.appointment .at-form .at-label4{float: left;width: 185px;padding-right: 5px;text-align-last: justify;}*/

.appointment .at-form .at-sel{display: block;height: 42px;border: 1px solid #dddddd;font-size: 16px;color: #797979;padding: 0 40px 0 10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(../images/ico10.png) right center no-repeat #fff;}
.appointment .at-form .at-sel1{float: left;width: calc(100% - 120px);}
.appointment .at-form .at-sel2{float: left;width: 200px;}

.appointment .at-form .at-inp{display: block;height: 42px;border: 1px solid #dddddd;font-size: 16px;color: #797979;padding: 0 10px;background: #fff;}
.appointment .at-form .at-inp1{float: left;width: calc(100% - 120px);}
.appointment .at-form .at-inp2{float: left;width: 200px;}
.appointment .at-form .at-inp-yzm{float: left;width: 200px;}

.appointment .at-form .at-textarea{display: block;border: 1px solid #dddddd;font-size: 16px;color: #797979;padding: 9px 10px;background: #fff;line-height: 1.5;}
.appointment .at-form .at-textarea1{float: left;width: calc(100% - 120px);height: 170px;}

.appointment .at-form .at-radio{display: block;float: left;position: relative;margin-right: 25px;cursor: pointer;}
.appointment .at-form .at-radio .dx{display: block;width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;cursor: pointer;}
.appointment .at-form .at-radio .dx-1{display: block;width: 21px;height: 21px;background: url(../images/ico24.png) center center no-repeat;float: left;margin: 10.5px 10px 0 0;}
.appointment .at-form .at-radio input[type="radio"]:checked + .dx-1{background: url(../images/ico25.png) center center no-repeat;}

.appointment .at-form .at-checkbox{display: block;float: left;position: relative;margin-right: 25px;cursor: pointer;}
.appointment .at-form .at-checkbox .dx{display: block;width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;cursor: pointer;}
.appointment .at-form .at-checkbox .dx-1{display: block;width: 15px;height: 15px;background: url(../images/ico_fx01.jpg) center center no-repeat;float: left;margin: 13.5px 10px 0 0;}
.appointment .at-form .at-checkbox input[type="checkbox"]:checked + .dx-1{background: url(../images/ico_fx02.jpg) center center no-repeat;}

.appointment .at-form .at-sc{display: block;width: 200px;height: 42px;font-size: 16px;color: #808080;border: 1px solid #dddddd;background: #fff;text-align: center;line-height: 40px;transition: .5s;}
.appointment .at-form .at-sc:hover{border-color: #007be5;background: #007be5;color: #fff;}
.appointment .at-form .yzm-img{display: block;width: 92px;height: 30px;/*width: 135px;height: 42px;*/float: left;border: 1px solid #ddd;margin: 6px 0 0 15px;overflow: hidden;}
.appointment .at-form .yzm-img img{display: block;width: 100%;height: 100%;}

.appointment .at-form .at-btn{display: block;width: 112px;height: 42px;background: #007be5;border-radius: 42px;border: 0;text-align: center;line-height: 42px;font-size: 18px;color: #fff;float: left;margin: 20px 12px 10px 0;cursor: pointer;transition: .5s;}
.appointment .at-form .at-btn:hover{background: #0270cf;}

.appointment .at-form .at-item{margin: 20px 0 10px;}
.appointment .at-form .at-item1{float: left;width: 25%;margin-right: 5%;}
.appointment .at-form .at-item1:nth-child(3n){margin-right: 0;}
.appointment .at-form .at-item2{float: left;width: 70%;margin-right: 5%;}
.appointment .at-form .at-item2:nth-child(3n){margin-right: 0;}
.appointment .at-form .at-item3{float: left;margin-right: 3%;}
.appointment .at-form .at-item3:nth-child(3n){margin-right: 0;}
.appointment .at-form .at-item4{float: left;width: calc(100% - 350px - 5%);margin-right: 5%;}

.appointment .at-form .at-radio-box{display: none;}
.appointment .at-form .at-right1{float: left;width: calc(100% - 170px);}
.appointment .at-form .at-right2{float: left;width: calc(100% - 185px);}
.appointment .at-form .at-right3{float: left;width: calc(100% - 285px);}
.appointment .at-form .at-right4{float: left;width: calc(100% - 450px);}
/* .appointment .at-form .at-radio-box2{display: none;} */
.appointment .at-form .at-radio-box2 table{border-color: #d7d7d7;background: #fff;font-size: 18px;}
.appointment .at-form .at-radio-box2 table th{background: #c8e6ff;color: #007be5;padding: 10px;font-weight: initial;}
.appointment .at-form .at-radio-box2 table td{padding: 10px;}
.appointment .at-form .at-radio-box2 .at-sr{display: block;width: 100%;font-size: 18px;color: #797979;border: 0;}
.appointment .at-form .at-radio-box2 .at-tj-btn{display: block;color: #ffb400;transition: .5s;}
.appointment .at-form .at-radio-box2 .at-tj-btn:hover{color: #e8a606;}
.appointment .at-form .at-radio-box2 .at-tj-del{display: block;color: #999999;transition: .5s;}
.appointment .at-form .at-radio-box2 .at-tj-del:hover{color: #797979;}

.appointment .at-form .m-pic{margin-top: 15px;}
.appointment .at-form .m-pic > ul > li{float: left;width: 200px;height: 150px;margin: 0 10px 10px 0;overflow: hidden;position: relative;/*width: 18.8%;margin: 0 1.5% 10px 0;*/}
.appointment .at-form .m-pic > ul > li img{display: block;width: 100%;/*height: 100%;*/}
.appointment .at-form .m-pic > ul > li .u-item{width: 15px;height: 15px;position: absolute;top: 5px;right: 10px;z-index: 3;text-align: center;line-height: 5px;/*border: 1px solid #ddd;*/cursor: pointer;}
.appointment .at-form .m-pic > ul > li .u-item i:after{content: 'x';font-size: 12px;color: #000;font-style: normal;}

.appointment .at-form .m-pics{margin-top: 15px;}
.appointment .at-form .m-pics > ul > li{float: left;width: 200px;height: 150px;margin: 0 10px 10px 0;overflow: hidden;position: relative;}
.appointment .at-form .m-pics > ul > li img{display: block;width: 100%;/*height: 100%;*/}
.appointment .at-form .m-pics > ul > li .u-item{width: 15px;height: 15px;position: absolute;top: 5px;right: 10px;z-index: 3;text-align: center;line-height: 5px;/*border: 1px solid #ddd;*/cursor: pointer;}
.appointment .at-form .m-pics > ul > li .u-item i:after{content: 'x';font-size: 12px;color: #000;font-style: normal;}

.appointment .at-form .at-ts{font-size: 16px;color: #ed0000;}
.appointment .at-form .at-look{font-size: 16px;color: #343434;line-height: 2;text-align: justify;margin-top: 35px;}

.appointment .at-form .form-select{width: calc(100% - 120px);float: left;}
.appointment .at-form .form-select .layui-form-select{width: calc((100% - 30px) / 4);float: left;margin-right: 10px;}
.appointment .at-form .form-select > input.at-inp{width: calc((100% - 30px) / 4);float: left;}
.appointment .at-form .form-select .layui-form-select .layui-unselect{font-size: 16px;height: 42px;}

@media screen and (max-width: 1440px) {
	.appointment .at-form .at-bj{padding: 30px 45px;}
	.appointment .at-form .at-item1{width: 27%;margin-right: 3%;}
	.appointment .at-form .at-item2,.appointment .at-form .at-item4{margin-right: 3%;}
	.appointment .at-form .at-item4{width: calc(100% - 330px - 3%);}

	.appointment .at-form .at-sel2,.appointment .at-form .at-inp2{width: 180px;}

	.appointment .at-form .at-radio-box2 table{font-size: 16px;}
}

/* pay */
.pay .list{border: 1px solid #dadada;width: 47.857%;margin: 0 4.286% 45px 0;padding: 45px 30px;background: #fff;min-height: 235px;transition: .5s;}
.pay .list:nth-child(2n){margin-right: 0;}
.pay .list .cont{width: 39.567%;margin: auto 0;font-size: 20px;color: #343434;line-height: 25px;text-align: justify;}
.pay .list h5{font-size: 20px;}
.pay .list a{color: #007be5;font-weight: bold;}
.pay .list .img{display: block;width: 56.807%;margin: auto 0;}
.pay .list:nth-child(1){padding: 20px 30px;}
.pay .list:nth-child(1) .cont{width: 62.567%;}
.pay .list:nth-child(1) .img{width: 32.254%;}
.pay .list:hover{box-shadow: 5px 5px 10px rgba(0,0,0,.15);transform: translateY(-5px);}

.wxts{font-size: 16px;color: #999;text-align: justify;line-height: 2;}
.wxts span{color: #f30;font-weight: bold;}

/* download */
.download .list{background: #f5f5f5;padding: 0 55px 0 58px;height: 70px;overflow: hidden;margin-bottom: 25px;line-height: 70px;font-size: 20px;color: #343434;cursor: default;transition: .5s;}
.download .list em{display: block;width: 18px;height: 18px;border: 1px solid #343434;border-radius: 100%;float: left;margin: 26px 20px 0 0;transition: .5s;}
.download .list .tit{width: 65%;float: left;}
.download .list .down{color: #808080;float: right;padding-left: 20px;background: url(../images/ico08.png) left center no-repeat;transition: .5s;}
.download .list:hover{background: #007be5;color: #fff;}
.download .list:hover em{border-color: #fff;}
.download .list:hover .down{color: #fff;background: url(../images/ico09.png) left center no-repeat;}

/* complaint */
.complaint form{display: block;background: url(../images/bj05.jpg) bottom center no-repeat #f5f5f5;background-size: 100% auto;padding: 45px 55px 50px;margin-bottom: 40px;}
.complaint form label{display: block;font-size: 20px;color: #343434;float: left;line-height: 42px;width: 110px;}
.complaint form input{display: block;border: 1px solid #dddddd;background: #fff;height: 42px;float: left;font-size: 16px;padding: 0 15px;color: #808080;}
/*.complaint form select{display: block;border: 1px solid #dddddd;background: url(../images/ico10.png) right center no-repeat #fff;height: 42px;float: left;font-size: 16px;padding: 0 40px 0 15px;color: #808080;-webkit-appearance:none;-moz-appearance:none;appearance:none; }*/
.complaint form textarea{display: block;border: 1px solid #dddddd;background: #fff;float: left;padding: 5px 15px;font-size: 16px;line-height: 30px;color: #808080;}
.complaint form .must{display: block;float: left;line-height: 42px;color: #ed0000;font-size: 26px;width: 35px;text-align: center;}
.complaint form .item1{width: 31.473%;float: left;margin-right: 2.7905%;margin-bottom: 30px;}
.complaint form .item1:nth-child(3),.complaint form .item1:nth-child(5){margin-right: 0;}
.complaint form .item1 input{width: calc(100% - 145px);}
/*.complaint form .item1 select{width: calc(100% - 145px);}*/
.complaint form .item2{width: 65.7365%;float: left;margin-right: 2.7905%;margin-bottom: 30px;}
.complaint form .layui-form{width: calc(100% - 145px);float: left;}
.complaint form .layui-form .layui-unselect{width: calc( (100% - 30px) / 4 );float: left;margin-right: 10px;}
.complaint form .layui-form .layui-unselect input{width: 100%;}
.complaint form .layui-form .u-inp{width: calc( (100% - 30px) / 4 );}
.complaint form .item3{margin-bottom: 30px;}
.complaint form .item3 textarea{width: calc(100% - 145px);height: 167px;}
.complaint form .item4{margin-bottom: 30px;}
.complaint form .item4 input{width: 200px;}
.complaint form .item4 .yzm-img{display: block;width: 72px;height: 30px;border: 2px solid #aeaeae;float: left;margin: 6px 0 0 20px;cursor: pointer;}
.complaint form .btn{display: block;width: 112px;height: 42px;background: #007be5;border-radius: 42px;border: 0;text-align: center;line-height: 42px;font-size: 18px;color: #fff;float: left;margin-right: 12px;cursor: pointer;transition: .5s;}
.complaint form .btn:hover{opacity: .8;}
.complaint .hint{font-size: 16px;color: #ed0000;text-align: justify;line-height: 2;}
.complaint form .ma-sel{display: block;width: calc(100% - 145px);height: 38px;border-radius: 3px;border: 1px solid #dddddd;float: left;font-size: 14px;color: #797979;padding: 0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background: url(../images/ico10.png) right center no-repeat #fff;}

/* contact */
.contact .box{background: url(../images/bj06.jpg) bottom center no-repeat #007be5;background-size: 100% auto;padding: 15px 0 0 15px;}
.contact .map{width: calc(100% - 442px);background: #ddd;overflow: hidden;}
.contact .map iframe{display: block;width: 100%;height: 100%;border: 0;}
.contact .cont{width: 442px;padding: 30px 15px 50px;text-align: center;color: #fff;line-height: 1.5;}
.contact .logo_1{display: block;height: 45px;margin: 0 auto 35px;}
.contact .txt{font-size: 18px;}
.contact .phone1{display: block;font-size: 83px;font-family: 'Source Han Serif SC';line-height: 1.2;}
.contact .txt1{font-size: 16px;}
.contact .code{display: block;width: 121px;height: 121px;background: #fff;margin: 20px auto 10px;}
.contact .txt2{font-size: 14px;}

/* product */
.product .pro-search{display: block;border: 1px solid #66b0ef;margin-bottom: 60px;}
.product .pro-search .ico{display: block;width: 48px;height: 45px;background: url(../images/ico11.png) right center no-repeat;float: left;}
.product .pro-search input{display: block;width: calc(100% - 163px);float: left;border: 0;font-size: 15px;color: #929292;height: 48px;padding: 0 10px;}
.product .pro-search .btn{display: block;width: 115px;height: 48px;border: 0;background: #007be5;color: #ffffff;text-align: center;line-height: 48px;font-size: 18px;font-weight: initial;float: right;}
.product .pro-search input::-webkit-input-placeholder{color: #929292;}
.product .pro-search input::-moz-placeholder{color: #929292;}
.product .pro-nav{margin-bottom: 50px;}
.product .pro-nav a{display: block;width: 12%;float: left;margin: 0 2.667% 10px 0;background: #f5f5f5;padding: 18px 0;text-align: center;font-size: 22px;color: #808080;line-height: 1.5;border-radius: 5px;overflow: hidden;transition: .5s;}
.product .pro-nav a:nth-child(7n){margin-right: 0;}
.product .pro-nav a .ico{display: block;width: 50px;height: 50px;overflow: hidden;position: relative;margin: 0 auto;}
.product .pro-nav a .ico img{display: block;width: 100%;position: absolute;top: 0;left: 0;right: 0;transition: .5s;}
.product .pro-nav a:hover,.product .pro-nav a.active{background: #007be5;color: #fff;box-shadow: 3px 3px 5px rgba(0,0,0,.15);}
.product .pro-nav a:hover .ico img,.product .pro-nav a.active .ico img{top: -50px;}
.product .product-swiper{width: 100%;overflow: hidden;position: relative;}
.product .product-swiper .swiper-slide{width: calc( (100% - 36px) / 3 );background: #fff;border: 1px solid #dbdbdb;}
.product .product-swiper .swiper-slide a{display: block;width: 100%;}
.product .product-swiper .pic{width: 100%;}
.product .product-swiper .pic figure{padding-top: 119.956%;}
.product .product-swiper .tit{display: block;position: absolute;bottom: 0;left: 0;right: 0;background: #969696;text-align: center;color: #fff;padding: 0 15px;font-size: 18px;line-height: 70px;transition: .5s;}
.product .product-swiper .swiper-slide:hover .tit{background: #007be5;}
.product .box1 .swiper-button-prev,.product .box1 .swiper-button-next{width: 55px;height: 55px;}
.product .box1 .swiper-button-prev:after,.product .box1 .swiper-button-next:after{display: none;}
.product .box1 .swiper-button-prev{background: url(../images/ico12.png) center center no-repeat;left: -88px;}
.product .box1 .swiper-button-next{background: url(../images/ico13.png) center center no-repeat;right: -88px;}

.product .hot-title{background: #f5f5f5;line-height: 64px;margin: 50px 0;font-size: 24px;color: #333333;}
.product .hot-title em{display: block;width: 5px;height: 40px;background: #ffb400;float: left;margin: 12px 28px 0 0;}
.hot-product{}
.hot-product .list{width: calc( (100% - 60px) / 4 );float: left;background: #fff;border: 1px solid #dbdbdb;margin: 0 20px 50px 0;position: relative;}
.hot-product .list:nth-child(4n){margin-right: 0;}
.hot-product .list a{display: block;width: 100%;}
.hot-product .list .pic{width: 100%;}
.hot-product .list .pic figure{padding-top: 119.956%;}
.hot-product .list .cont{position: absolute;bottom: 0;left: 0;right: 0;background: #969696;color: #fff;padding: 14px 20px;font-size: 18px;transition: .5s;}
.hot-product .list .tit{width: calc(100% - 85px);float: left;font-size: 16px;line-height: 22px;}
.hot-product .list .gd{display: block;width: 72px;height: 22px;background: #fff;font-size: 14px;color: #969696;border-radius: 22px;float: right;text-align: center;}
.hot-product .list:hover .cont{background: #007be5;}
@media screen and (max-width: 1600px) {
	.product .box1 .swiper-button-prev{left: -25px;}
	.product .box1 .swiper-button-next{right: -25px;}
}
@media screen and (max-width: 1440px) {
	.product .pro-nav a{font-size: 18px;}
}

/* product-content */
.product-content h3{font-size: 30px;color: #333333;}
.product-content h3 b{color: #c01e27;}
.product-content .txt{font-size: 20px;color: #343434;}
.product-content .img{display: block;margin: auto auto;width: 32.929%;}
.product-content .pc-right{width: 600px;margin: auto auto;}

.product-content .box1{border: 35px solid #d4d4d4;}
.product-content .box2{border-bottom: 35px solid #d4d4d4;}
.product-content .item{font-size: 18px;margin-bottom: 10px;}
.product-content .item label{color: #333333;display: block;float: left;width: 95px;}
.product-content .item p{float: left;color: #808080;width: calc(100% - 95px);}
.product-content .item .cp-num{width: 80px;height: 20px;border: 1px solid #c0c0c0;float: left;font-size: 14px;margin-top: 3.5px;}
.product-content .item .cp-num span{display: block;float: left;width: 18px;height: 18px;background: #ededed;text-align: center;line-height: 18px;color: #676767;cursor: pointer;}
.product-content .item .cp-num .num{display: block;width: calc(100% - 36px);float: left;height: 18px;border: 1px solid #c0c0c0;border-top: 0;border-bottom: 0;text-align: center;}
.product-content .price{color: #c01e27;line-height: 1.2;margin: 20px 0;}
.product-content .price label{display: inline-block;font-size: 18px;vertical-align: middle;}
.product-content .price small{display: inline-block;font-size: 60px;vertical-align: middle;}
.product-content .price b{display: inline-block;font-size: 78px;vertical-align: middle;}
.product-content .order-btn{display: block;width: 118px;height: 40px;background: #ffb400;border-radius: 5px;color: #fff;font-size: 18px;line-height: 40px;text-align: center;margin-top: 35px;transition: .5s;}
.product-content .order-btn:hover{background: #c01e27;}
.product-content .box3{padding: 90px 0 50px;position: relative;}
.product-content .box3 .b3-title{width: 273px;height: 53px;text-align: center;line-height: 53px;background: url(../images/bj08.png) center center no-repeat;color: #fff;font-size: 24px;font-weight: bold;position: absolute;top: 0;left: 13.929%;}
.product-content .box3 h3{font-size: 38px;margin-bottom: 30px;}
.product-content table,.product-content table th,.product-content table td{font-size: 18px;color: #333333;line-height: 1.4;padding: 10px 40px;border-color: #d8d8d8;}
.product-content .text{border: 1px solid #d8d8d8;width: 89%;margin: 50px auto 0;padding: 25px 55px;line-height: 1.8;}
.product-content .text .tit{font-size: 24px;color: #333333;}
.product-content .text article{font-size: 18px;color: #808080;text-align: justify;}
@media screen and (max-width: 1440px) {
	.product-content .box3 .b3-title{left: 7.929%;}
	.product-content .text{width: 93%;}
}

/* product-order */
.product-order .po-txt{font-size: 20px;color: #343434;line-height: 1.5;margin-bottom: 15px;}
.product-order .po-address{margin-bottom: 15px;}
.product-order .po-address .item{width: calc( (100% - 135px) / 4 );min-height: 150px;margin: 0 45px 20px 0;position: relative;border: 1px solid #a7a7a7;background: url(../images/ico14.png) right bottom no-repeat #fff;padding: 20px 15px 10px;cursor: default;}
.product-order .po-address .item:nth-child(4n){margin-right: 0;}
.product-order .po-address .item .t1{width: 72px;height: 22px;background: #cacaca;text-align: center;line-height: 22px;position: absolute;right: 0;top: 0;font-size: 14px;color: #fff;}
.product-order .po-address .item .add-btn{display: block;width: 100%;height: 100%;background: url(../images/ico16.png) center center no-repeat;}
.product-order .po-address .item-dz{border-color: #007be5;background: url(../images/ico15.png) right bottom no-repeat #fff;}
.product-order .po-address .item-dz .t1{background: #94c8f4;}
.product-order .po-address .t2{font-size: 18px;color: #343434;line-height: 1.2;border-bottom: 2px solid #f2f2f2;padding: 5px 0 10px;margin-bottom: 10px;}
.product-order .po-address .t3{font-size: 16px;color: #808080;line-height: 1.5;}
.product-order .po-address .amend-btn{font-size: 16px;color: #007be5;display: inline-block;line-height: 1;margin-top: 5px;}
.product-order .pc-gl-box{border-bottom: 2px solid #eeeeee;padding-bottom: 38px;margin-bottom: 42px;}
.product-order .pc-gl-box a{display: block;font-size: 16px;}
.product-order .pc-gl-box .new-dz-btn{float: left;border: 1px solid #a7a7a7;width: 128px;height: 42px;text-align: center;line-height: 40px;color: #808080;}
.product-order .pc-gl-box .new-dz-gl-btn{float: right;line-height: 42px;color: #007be5;}
.product-order table,.product-order tr,.product-order td{text-align: center;font-size: 18px;color: #808080;}
.product-order table .co1{min-height: 132px;}
.product-order table .co1 .img1{display: block;max-width: 115px;height: 132px;margin: auto auto;}
.product-order table .co1 .text{width: calc(100% - 150px);margin: auto 0;color: #343434;line-height: 1.2;text-align: left;}
.product-order table .co1 b{display: block;}
.product-order table .co1 span{display: block;}
.product-order table .price{color: #007be5;}
.product-order table .cp-num-box label{display: block;margin: auto 5px auto 0;}
.product-order table .cp-num{width: 95px;height: 26px;border: 1px solid #c0c0c0;margin: auto 0;font-size: 14px;}
.product-order table .cp-num span{display: block;float: left;width: 24px;height: 24px;background: #ededed;text-align: center;line-height: 24px;color: #676767;cursor: pointer;}
.product-order table .cp-num .num{display: block;width: calc(100% - 48px);float: left;height: 24px;border: 1px solid #c0c0c0;border-top: 0;border-bottom: 0;text-align: center;}
.product-order table .delete-btn{cursor: pointer;}
.product-order table .delete-btn img{display: block;width: 23px;margin: auto 5px auto 0;}
.product-order table .delete-btn span{display: block;margin: auto 0;}
.product-order .po-item{margin: 30px 0;}
.product-order .po-item label{display: block;font-size: 16px;color: 333333;float: left;width: 78px;line-height: 40px;}
.product-order .po-item textarea{display: block;width: calc(100% - 78px);float: right;border: 1px solid #c8c8c8;padding: 10px 15px;font-size: 14px;color: #333;line-height: 20px;text-align: justify;height: 95px;}
.product-order .po-btn{display: inline-block;width: 110px;height: 40px;border-radius: 40px;background: #007be5;text-align: center;line-height: 40px;color: #fff;font-weight: initial;font-size: 18px;border: 0;}
.product-order .po-btn-submit{margin-right: 10px;}

/* personal center */
.u-out{width: 100%;background: #f6f6f6;padding: 90px 0;}
.u-out .u-left{width: 226px;background: #fff;float: left;}
.u-out .u-right{width: calc(100% - 248px);}
.u-out .u-titBox{background: #fff;padding: 20px 35px;font-size: 18px;color: #333333;margin-bottom: 15px;}
.u-out .u-titBox p{line-height: 25px;}
.u-out .u-titBox em{display: block;width: 3px;height: 25px;border-radius: 4px;background: #007be5;float: left;margin-right: 18px;}
.u-out .u-wrap{background: #fff;padding: 45px 50px 50px;min-height: calc(100% - 80px);}
.u-out .u-slide-head{border-bottom: 2px solid #ededed;padding: 45px 0 35px;}
.u-out .u-slide-head .tx{display: block;width: 74px;height: 74px;border-radius: 100%;margin: 0 auto;}
.u-out .u-slide-head .btn-exit{display: block;width: 75px;height: 24px;border: 1px solid #007be5;border-radius: 24px;text-align: center;line-height: 22px;font-size: 14px;color: #007be5;margin: 28px auto 0;}
.u-out .u-slide-body{padding: 35px 0;}
.u-out .u-slide-body a{display: block;width: 100%;text-align: center;height: 30px;line-height: 30px;overflow: hidden;margin-bottom: 15px;font-size: 16px;color: #333333;transition: .5s;}
.u-out .u-slide-body .ico{display: inline-block;width: 20px;height: 20px;overflow: hidden;position: relative;vertical-align: middle;margin-right: 5px;}
.u-out .u-slide-body .ico img{display: block;width: 100%;position: absolute;top: 0;left: 0;right: 0;transition: .5s;}
.u-out .u-slide-body .txt{display: inline-block;vertical-align: middle;text-align: left;}
.u-out .u-slide-body a:hover,.u-out .u-slide-body a.active{color: #007be5;}
.u-out .u-slide-body a:hover .ico img,.u-out .u-slide-body a.active .ico img{top: -20px;}

/* userinfo */
.userinfo .u-item{margin-bottom: 15px;}
.userinfo .u-item label{display: block;width: 85px;font-size: 16px;color: #333333;float: left;line-height: 40px;}
.userinfo .u-item .u-txt{font-size: 14px;color: #797979;float: left;width: calc(100% - 85px);line-height: 40px;}
.userinfo .u-item .tx-img{display: block;width: 74px;height: 74px;border-radius: 100%;position: relative;overflow: hidden;}
.userinfo .u-item .tx-img img{display: block;width: 100%;height: 100%;}
.userinfo .u-item .file-wb{background: rgba(0,0,0,.46);position: absolute;bottom: 0;left: 0;right: 0;text-align: center;line-height: 22px;color: #fff;font-size: 14px;}
.userinfo .u-item .file-tx{display: block;width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;cursor: pointer;z-index: 1;opacity: 0;}
.userinfo .u-item .u-inp{display: block;width: 220px;height: 40px;border-radius: 3px;border: 1px solid #dddddd;float: left;font-size: 14px;color: #797979;padding: 0 10px;}
.userinfo .u-item .u-inp::-webkit-input-placeholder{color: #797979;opacity: .55;}
.userinfo .u-item .u-inp::-moz-placeholder{color: #797979;opacity: .55;}
.userinfo .u-item .u-hint{float: left;width: calc(100% - 85px);margin-left: 85px;font-size: 12px;color: #ed0000;line-height: 25px;}
.userinfo .u-item .u-sel{display: block;width: 220px;height: 40px;border-radius: 3px;border: 1px solid #dddddd;float: left;font-size: 14px;color: #797979;padding: 0 10px;margin-right: 5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background: url(../images/ico10.png) right center no-repeat #fff;}
.userinfo .btn-user{display: block;width: 110px;height: 40px;border-radius: 40px;text-align: center;line-height: 40px;background: #007be5;color: #fff;font-size: 18px;margin-top: 35px;font-weight: initial;border: 0;cursor: pointer;transition: .5s;}
.userinfo .btn-user:hover{background: #0275d8;}
.userinfo .u-item-tx{margin-bottom: 55px!important;}
.userinfo .u-item-tx label{margin-top: 17px;}
.userinfo .user-info-box2{display: none;}
.userinfo .user-info-box2 .btn-user{float: left;margin-right: 12px;}

/* orderform */
.orderform .table1{border-radius: 5px 5px 0 0;overflow: hidden;}
.orderform .table1,.orderform .table1 tr,.orderform .table1 td{background: #007be5;color: #fff;text-align: center;line-height: 1.5;font-size: 16px;padding: 10px 0;border-color: #007be5;}
.orderform .table2,.orderform .table2 tr,.orderform .table2 td{border-color: #dadada;text-align: center;line-height: 1.5;color: #808080;font-size:14px;padding: 10px;}
.orderform .table2 tr:nth-child(even){background: #f5f5f5;}
.orderform .table2 .co1{min-height: 115px;}
.orderform .table2 .co1 .img1{display: block;max-width: 98px;height: 115px;margin: auto auto;box-shadow: 0 0 5px rgba(0,0,0,.15);background: #fff;}
.orderform .table2 .co1 .text{display: block;width: calc(100% - 150px);margin: auto 0;color: #343434;line-height: 1.2;text-align: left;font-size: 16px;}
.orderform .table2 .co1 b{display: block;}
.orderform .table2 .co1 span{display: block;}
.orderform .table2 .btn-del{display: inline-block;color: #007be5;}
@media screen and (max-width: 1440px) {
	.orderform .table2 .co1{min-height: 100px;}
	.orderform .table2 .co1 .img1{max-width: 85px;height: 100px;margin: auto 0;}
	.orderform .table2 .co1 .text{width: calc(100% - 100px);}
	.orderform .table1,.orderform .table1 tr,.orderform .table1 td{font-size: 14px;}
	.orderform .table2,.orderform .table2 tr,.orderform .table2 td{font-size: 12px;}
}

/* orderform-content */
.orderform-content .table1,.orderform-content .table1 tr,.orderform-content .table1 td{background: #f5f5f5;color: #333333;text-align: center;line-height: 1.5;font-size: 16px;padding: 10px 0;border-color: #dadada;border-bottom: 0;}
.orderform-content .table2,.orderform-content .table1{background: #fff;}
.orderform-content .table2,.orderform-content .table2 tr,.orderform-content .table2 td{border-color: #dadada;text-align: center;line-height: 1.5;color: #808080;font-size:14px;}
.orderform-content .table2 .co1{min-height: 115px;}
.orderform-content .table2 .co1 .img1{display: block;max-width: 98px;height: 115px;margin: auto auto;box-shadow: 0 0 5px rgba(0,0,0,.15);background: #fff;}
.orderform-content .table2 .co1 .text{display: block;width: calc(100% - 150px);margin: auto 0;color: #343434;line-height: 1.2;text-align: left;font-size: 16px;}
.orderform-content .table2 .co1 b{display: block;}
.orderform-content .table2 .co1 span{display: block;}
.orderform-content .o-txt{font-size: 14px;color: #333333;line-height: 1.5;margin-top: 20px;}
.orderform-content .o-txt span{display: block;width: 90px;float: left;}
.orderform-content .o-txt p{display: block;width: calc(100% - 90px);float: left;}
.orderform-content .btn-return{display: block;width: 110px;height: 40px;border-radius: 40px;text-align: center;line-height: 40px;background: #007be5;color: #fff;font-size: 18px;font-weight: initial;border: 0;cursor: pointer;transition: .5s;}
.orderform-content .line{display: block;width: 100%;height: 1px;background: #dddddd;margin: 25px 0;}
.orderform-content .btn-return:hover{background: #0275d8;}
@media screen and (max-width: 1440px) {
	.orderform-content .table2 .co1{min-height: 110px;}
	.orderform-content .table2 .co1 .img1{max-width: 85px;height: 100px;margin: auto 0;}
	.orderform-content .table2 .co1 .text{width: calc(100% - 100px);}
}

/* maAppointment */
.maAppointment a{color: #808080;}

/* maAppointment-content */
.maAppointment-content table.goods_td,.maAppointment-content table.goods_td tr,.maAppointment-content table.goods_td td{line-height: 1.5;font-size: 14px;color: #808080;cursor: default;padding: 10px!important;}
.maAppointment-content table.goods_td tr:nth-child(even){background: #f5f5f5;}
.maAppointment-content table.goods_td th{font-size: 16px;color: #333333;line-height: 1.5;font-weight: initial;width: /*100px*/ 200px;padding: 10px;}
.maAppointment-content table.goods_td th span{display: block;/*text-align-last: justify;*/width: /*68px*/ 100%;margin: 0 auto;}
.maAppointment-content .btn-return{display: block;width: 110px;height: 40px;border-radius: 40px;text-align: center;line-height: 40px;background: #007be5;color: #fff;font-size: 18px;font-weight: initial;border: 0;cursor: pointer;margin-top: 28px;transition: .5s;}
.maAppointment-content .btn-return:hover{background: #0275d8;}
.maAppointment-content .g-img{width: 13%;height: 100px;margin: 5px 1.5% 5px 0;float: left;border: 1px solid #dcdcdc;background: #fff;overflow: hidden;}
.maAppointment-content .g-img:nth-child(7n){margin-right: 0;}
.maAppointment-content .g-img img{display: block;max-width: 100%;max-height: 100%;margin: auto auto;}
.maAppointment-content .sb-name{display: block;font-size: 20px;color:  #333333;text-align: center;line-height: 2;margin: 25px 0;font-weight: initial;}
.maAppointment-content .goods_td2{}
.maAppointment-content table.goods_td2 th{background: #c8e6ff;color: #007be5;font-size: 16px;padding: 10px;font-weight: initial;}
.maAppointment-content table.goods_td2 td{line-height: 1.5;font-size: 14px;color: #808080;cursor: default;padding: 10px;}
.maAppointment-content table.goods_td2 tr:nth-child(odd){background: #f5f5f5;}
@media screen and (max-width: 1440px) {
	.maAppointment-content .g-img{height: 80px;}
	.maAppointment-content table.goods_td2 th{font-size: 14px;}
}

/* myComplaint */
.myComplaint{}
.myComplaint form{display: block;width: 100%;}
.myComplaint form label{display: block;font-size: 16px;color: #343434;float: left;line-height: 38px;width: 84px;}
.myComplaint form input{display: block;border: 1px solid #dddddd;background: #fff;height: 38px;float: left;font-size: 14px;padding: 0 15px;color: #808080;border-radius: 3px;}
.myComplaint form textarea{display: block;border: 1px solid #dddddd;background: #fff;float: left;padding: 9px 15px;font-size: 14px;line-height: 20px;color: #808080;border-radius: 3px;}
.myComplaint form .must{display: block;float: left;line-height: 38px;color: #ed0000;font-size: 26px;width: 27px;text-align: center;}
.myComplaint form .item1{width: 31.473%;float: left;margin-right: 2.7905%;margin-bottom: 20px;}
.myComplaint form .item1:nth-child(3),.myComplaint form .item1:nth-child(5){margin-right: 0;}
.myComplaint form .item1 input{width: calc(100% - 111px);}
.myComplaint form .ma-sel{display: block;width: calc(100% - 111px);height: 38px;border-radius: 3px;border: 1px solid #dddddd;float: left;font-size: 14px;color: #797979;padding: 0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background: url(../images/ico10.png) right center no-repeat #fff;}
.myComplaint form .item2{width: 65.7365%;float: left;margin-right: 2.7905%;margin-bottom: 20px;}
.myComplaint form .layui-form{width: calc(100% - 111px);float: left;}
.myComplaint form .layui-form .layui-unselect{width: calc( (100% - 12px) / 4 );float: left;margin-right: 4px;}
.myComplaint form .layui-form .layui-unselect input{width: 100%;}
.myComplaint form .layui-form .u-inp{width: calc( (100% - 12px) / 4 );}

.myComplaint form .item2 select{margin-right: 10px;}
.myComplaint form .item3{margin-bottom: 20px;}
.myComplaint form .item3 textarea{width: calc(100% - 111px);height: 167px;}
.myComplaint form .item4{margin-bottom: 20px;}
.myComplaint form .item4 input{width: 200px;}
.myComplaint form .item4 .yzm-img{display: block;width: 72px;height: 30px;border: 2px solid #aeaeae;float: left;margin: 6px 0 0 20px;cursor: pointer;}
.myComplaint form .btn{display: block;width: 112px;height: 42px;background: #007be5;border-radius: 42px;border: 0;text-align: center;line-height: 42px;font-size: 18px;color: #fff;float: left;margin-right: 12px;cursor: pointer;margin-top: 10px;transition: .5s;}
.myComplaint form .btn:hover{background: #0275d8;}


/* myAddress */
.myAddress .ma-txt1{font-size: 18px;color: #007be5;line-height: 1.5;margin-bottom: 20px;}
.myAddress form{display: block;width: 635px;margin-bottom: 52px;}
.myAddress form label{display: block;font-size: 16px;color: #343434;float: left;line-height: 38px;width: 84px;}
.myAddress form input{display: block;border: 1px solid #dddddd;background: #fff;height: 38px;float: left;font-size: 14px;padding: 0 15px;color: #808080;border-radius: 3px;width: calc(100% - 111px);}
.myAddress form .ma-sel{display: block;width: calc(100% - 111px);height: 38px;border-radius: 3px;border: 1px solid #dddddd;float: left;font-size: 14px;color: #797979;padding: 0 10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background: url(../images/ico10.png) right center no-repeat #fff;}
.myAddress form .must{display: block;float: left;line-height: 38px;color: #ed0000;font-size: 26px;width: 27px;text-align: center;}
.myAddress form .item1{width: calc( (100% - 10px) / 2 );float: left;margin-right: 10px;margin-bottom: 20px;}
.myAddress form .item1:nth-child(2){margin-right: 0;}
.myAddress form .item2{margin-bottom: 20px;width: 100%;}
.myAddress form .btn-default{font-size: 14px;color: #808080;line-height: 20px;cursor: default;margin-bottom: 35px;}
.myAddress form .btn-default span{display: block;width: 12px;height: 12px;border: 1px solid #bcbcbc;float: left;margin: 4px 10px 0 0;cursor: pointer;}
.myAddress form .btn-default-act span{background: #007be5;}
.myAddress form .btn{display: block;width: 112px;height: 42px;background: #007be5;border-radius: 42px;border: 0;text-align: center;line-height: 42px;font-size: 18px;color: #fff;float: left;margin-right: 12px;cursor: pointer;transition: .5s;}
.myAddress form .btn:hover{background: #0275d8;}

.myAddress table{background: #fff;}
.myAddress table,.myAddress tr,.myAddress td,.myAddress th{border-color: #d6d6d6;font-size: 16px;color: #808080;padding: 10px 15px;line-height: 1.5;text-align: center;cursor: default;}
.myAddress th{font-size: 18px;padding: 10px 0;font-weight: initial;}
.myAddress tr:nth-child(odd){background: #f5f5f5;}
.myAddress table .ma-btn{display: block;width: 50%;float: left;text-align: center;color: #808080;line-height: 1;}
.myAddress table .ma-btn-amend{border-right: 1px solid #e7e7e7;}
.myAddress table .ma-btn-del{border-left: 1px solid #e7e7e7;}
.myAddress table .btn-def{display: none;background: #e0effc;color: #007be5;text-align: center;border-radius: 25px;line-height: 28px;padding: 0 10px;}
.myAddress table .btn-def-act{display: inline-block;}
.myAddress table .btn-set-def{display: inline-block;color: #808080;}
@media screen and (max-width: 1440px) {
	.myAddress table,.myAddress tr,.myAddress td,.myAddress th{padding: 10px 10px;font-size: 14px;}
}

/* myAddress */
.myAddress form{display: block;}
.myAddress form label{display: block;font-size: 16px;color: #343434;float: left;line-height: 38px;width: 84px;}
.myAddress form input{display: block;border: 1px solid #dddddd;background: #fff;height: 38px;float: left;font-size: 14px;padding: 0 15px;color: #808080;border-radius: 3px;width: calc(100% - 111px);}
.myAddress form input::-webkit-input-placeholder{color: #808080;opacity: .55;}
.myAddress form input::-moz-placeholder{color: #808080;opacity: .55;}
.myAddress form .item{margin-bottom: 20px;}
.myAddress form .btn{display: block;width: 112px;height: 42px;background: #007be5;border-radius: 42px;border: 0;text-align: center;line-height: 42px;font-size: 18px;color: #fff;float: left;margin-right: 12px;margin-top: 10px;cursor: pointer;transition: .5s;}
.myAddress form .btn:hover{background: #0275d8;}
.myAddress form .layui-form{width: calc(100% - 111px);float: left;}
.myAddress form .layui-unselect{width: calc( (100% - 20px) / 3 );float: left;margin-right: 10px;}
.myAddress form .layui-unselect:last-child{margin-right: 0;}
.myAddress form .layui-unselect input{width: 100%!important;}

/* content */
.content .c-title{font-size: 22px;font-weight: initial;color: #343434;line-height: 1.5;text-align: center;}
.content .c-time{font-size: 14px;color: #999;text-align: center;line-height: 1.5;margin: 10px auto 30px;}

/* 涓婁笅椤 */
.m-clips{margin: 60px 0 0;font-size: 16px;color: #343434;line-height: 2;border-top: 1px solid #dcdcdc;padding-top: 35px;}
.m-clips a{color: #343434;line-height: 2;}


/*home n-safety*/
.n-safety{width: 100%;padding: 90px 0 100px;}
.n-safety .ns-video{width: 50%;min-height: 570px;background: #ddd;}
.n-safety .ns-bk{width: 50%;}
.n-safety .ns-item{height: 33.333%;padding: 40px 50px;}
.n-safety .ns-item:nth-child(2){background: #f5f5f5;}
.n-safety .ns-item:nth-child(3){background: #007be5;}
.n-safety .bk-bt{color: #1c2d59;padding-top: 60px;}
.n-safety .bk-bt .bt{display: block;font-size: 30px;line-height: 1;}
.n-safety .bk-bt .ns-more{display: block;width: 115px;border: 1px solid #8388a0;border-radius: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #1c2d59;margin-top: 15px;transition: .5s;}
.n-safety .bk-bt:hover .ns-more{background: #1c2d59;color: #fff;}
.n-safety .list{}
.n-safety .list a{display: block;width: 100%;line-height: 2;}
.n-safety .ns-item:nth-child(2) a{color: #4a4a4a;}
.n-safety .ns-item:nth-child(2) a .desc{color: #8a8a8a;}
.n-safety .ns-item:nth-child(3) a{color: #fff;}
.n-safety .list .tit{font-size: 20px;}
.n-safety .list .desc{font-size: 16px;}

.n-safety .video-swiper{width: 100%;height: 100%;overflow: hidden;position: relative;z-index: 0;}
.n-safety .video-swiper .swiper-slide,.n-safety .video-swiper .swiper-wrapper{width: 100%;height: 100%;z-index: 0;}
.n-safety .video-swiper .swiper-slide a{display: block;width: 100%;height: 100%;position: relative;}
.n-safety .video-swiper .swiper-slide .pic{width: 100%;height: 100%;z-index: 0;}
.n-safety .video-swiper .swiper-slide .pic figure{padding: 0;width: 100%;height: 100%;}
.n-safety .video-swiper .swiper-slide .ico{display: block;width: 115px;height: 115px;border-radius: 100%;margin: auto auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}
.n-safety .video-swiper .swiper-button-prev,.n-safety .video-swiper .swiper-button-next{margin: 0;top: unset;left: unset;width: 80px;height: 74px;background: #fff;bottom: 0;z-index: 3;}
.n-safety .video-swiper .swiper-button-prev:after,.n-safety .video-swiper .swiper-button-next:after{font-size: 20px;}
.n-safety .video-swiper .swiper-button-prev{color: #b4b4b4;right: 80px;}
.n-safety .video-swiper .swiper-button-next{color: #535353;right: 0;}
.n-safety .video-swiper .shu{display: block;width: 1px;height: 20px;background: #b4b4b4;position: absolute;right: 80.5px;bottom: 27px;z-index: 4;}
@media screen and (max-width: 1440px) {
	.n-safety .ns-video{min-height: 480px;}
	.n-safety .ns-item{padding: 25px 40px;}
	.n-safety .bk-bt{padding-top: 50px;}
	.n-safety .video-swiper .swiper-slide .ico{width: 100px;height: 100px;}
}


/*baike*/
.baike .list{width: 100%;background: #f5f5f5;margin-bottom: 22px;transition: .5s;}
.baike .list a{display: block;width: 100%;padding: 35px 35px 35px 58px;color: #343434;transition: .5s;}
.baike .list .yuan{display: block;width: 19px;height: 19px;border: 1px solid #343434;border-radius: 100%;float: left;margin-top: 12px;transition: .5s;}
.baike .list .cont{width: calc(100% - 45px);float: right;line-height: 2;}
.baike .list .tit{font-size: 20px;}
.baike .list .desc{font-size: 16px;}
.baike .list:hover{background: #007be5;}
.baike .list:hover a{color: #fff;}
.baike .list:hover .yuan{border-color: #fff;}


/*linkList*/
.linkList .list{display: block;width: 32%;background: #f5f5f5;color: #343434;padding: 20px;text-align: center;line-height: 1.75;margin: 0 2% 25px 0;font-size: 20px;transition: .5s;}
.linkList .list:nth-child(3n){margin-right: 0;}
.linkList .list:hover{background: #007be5;color: #fff;}
@media screen and (max-width: 1440px) {
	.linkList .list{font-size: 18px;}
}