/* 首页 */
.indextop{padding-bottom:18px;border-bottom:3px solid #f2f2f2}
.indextop .indextopnavlist{color:#666;font-size:16px;margin-right:39px;position:relative;cursor:pointer}
.indextop .indextopnavlist:after{content:"";width:100%;height:3px;opacity:0;background-color:#00447d;position:absolute;bottom:-21px;left:0;transition:.4s;-webkit-transition:.4s}
.indextop .indextopnavlist.cur:after{opacity:1}
.indextop .indextopnavlist.cur{color:#00447d}
.indextop .more{color:#4a7ca7;line-height:21px;height:21px;display:block;padding-right:15px;background-image:url(../images/ir1.png);background-repeat:no-repeat;background-position:right center}
.indexitems.cur{display:block}
.banner .swiper-slide img{width:100%}

.indexrecom{padding:38px 0 40px}
.indexrecom .wrap{position:relative}
.indexproitems{display:none}
.indexrecom .indexrecomslide{margin-top:30px}
.indexrecom .swiper-slide{height:auto}
.indexrecom .swiper-slide .box,
.indexproitem .box{height:100%;display:block;background-color:#fafafa;border-top-left-radius:5px;border-top-right-radius:5px}
.indexrecom .swiper-slide .imgbox,
.indexproitem .imgbox{position:relative;overflow:hidden}
.indexrecom .swiper-slide .imgbox .img,
.indexproitem .img{overflow:hidden}
.indexrecom .swiper-slide .imgbox img,
.indexproitem .img img{border-top-left-radius:5px;border-top-right-radius:5px;height:168px;width:100%;object-fit: cover;}
.indexrecom .swiper-slide .imgbox .morebox,
.indexproitem .morebox{width:100%;height:100%;border-top-left-radius:5px;border-top-right-radius:5px;background-color:rgba(0, 68, 125, 0.8);position:absolute;top:100%;left:0;opacity:0}
.indexrecom .swiper-slide .imgbox .morebox .text,
.indexproitem .text{
    width:265px;height:145px;border:1px solid rgba(255,255,255,0.4);padding-left:96px;line-height:143px;color:#fff;font-weight:bold;
    background-image:url(../images/ir2.png);background-repeat:no-repeat;background-position:right 95px center;
    position:absolute;top:10px;left:10px;border-top-left-radius:5px;border-top-right-radius:5px}
.indexrecom .swiper-slide .textbox,
.indexproitem .textbox{padding:26px 30px}
.indexrecom .swiper-slide .textbox .title,
.indexproitem .textbox .title{font-size:16px;text-align:center;height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexrecom .swiper-slide .textbox .line,
.indexproitem .textbox .line{width:100%;height:1px;background-color:#e7e7e7;margin:18px 0}
.indexrecom .swiper-slide .textbox .desc{text-align:center}
.indexrecom .swiper-slide .textbox .text,
.indexproitem .textbox .text{color:#666;text-align:center;height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexrecom .swiper-slide .textbox .price,
.indexproitem .textbox .price{color:#00447d;font-weight:bold;text-align:center;margin-top:14px}
.indexrecom .swiper-slide .textbox .price span,
.textbox .price span{color:#00447d}
.indexrecom .swiper-button-next,
.indexrecom .swiper-button-prev{width:auto;height:auto;background-image:none;color:#4a7ca7;font-size:28px;font-family:宋体;opacity:1;margin-top:-16px;font-weight:bold;outline:none}
.indexrecom .swiper-button-next{right:-35px}
.indexrecom .swiper-button-prev{left:-35px}
.indexrecom .swiper-slide:hover .imgbox .morebox,
.indexproitem:not(.cur):hover .imgbox .morebox{top:0;opacity:1}
.indexrecom .swiper-slide:hover .box,
.indexproitem:not(.cur):hover .box{background-color:#fff;box-shadow: 0px 0px 21px rgba(215,215,215,0.28)}
.indexproitem:not(.cur):hover .textbox{box-shadow:0px 0px 21px rgba(215,215,215,0.28)}
.indexrecom .swiper-slide:hover .textbox .title{color:#00447d;font-weight:bold}

.indexpro{padding:35px 0 40px;background-color:#fafafa}
.indexpro .indexprobox{margin-top:30px}
.indexproitem{width:285px;margin-right:20px;margin-bottom:20px;background-color:#fff}
.indexproitem .box{background-color:#fff}
.indexproitem:nth-of-type(3),
.indexproitem:nth-of-type(7){margin-right:0}
.indexproitem.one{width:590px;border-radius:5px;position:relative;overflow: hidden;}
.indexproitem.one .img img{border-radius:5px;height: auto;}
.indexproitem.one .textbox{width:100%;height:100%;padding:27px 30px 30px 29px;position:absolute;top:0;left:0}
.indexproitem.one .textbox .title{font-size:30px;font-weight:bold;color:#fff;height:40px;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexproitem.one .textbox .line{width:270px;height:1px;background-color:#fff;margin:7px 0}
.indexproitem.one .textbox .desc{font-size:18px;color:#fff;height:48px;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.indexproitem.one .textbox .bot{margin-top:134px}
.indexproitem.one .textbox .more{width:88px;height:30px;border:1px solid #fff;border-radius:30px;text-align:center;line-height:30px;color:#fff}
.indexproitem .textbox{padding:24px 30px 25px 30px}
.indexproitem.one:hover .textbox .more{border:1px solid #00447d;background-color:#00447d}

.indexprog{padding:36px 0 30px}
.indexprogitem{width:185px;height:165px;border-radius:10px;margin:10px 18px 10px 0;overflow:hidden;position:relative}
.indexprogitem:nth-of-type(6n){margin:10px 0}
.indexprogitem .img{border-radius:10px}
.indexprogitem .img img{width:100%;border-radius:10px}
.indexprogitem a>.title{width:100%;height:100%;color:#fff;font-size:24px;line-height:165px;font-weight:bold;text-align:center;position:absolute;top:0;left:0}
.indexprogitem .bg{width:100%;height:100%;background-color:rgba(0, 68, 125, 0.3);border-radius:10px;position:absolute;top:0;left:0}
.indexprogitem .textbox{width:165px;height:145px;border:1px solid rgba(255,255,255,0.4);border-radius:10px;position:absolute;top:10px;left:10px;padding:19px;opacity:0}
.indexprogitem .textbox .title{text-align:center;font-size:16px;color:#fff;font-weight:bold}
.indexprogitem .textbox .text{text-align:center;color:#fff;line-height:1.714;height:69px;margin-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.indexprogitems{margin-top:20px}
.indexprogitem:hover .bg{background-color:rgba(0, 68, 125, 0.8)}
.indexprogitem:hover a>.title{opacity:0}
.indexprogitem:hover .textbox{opacity:1}

.indexnews{padding:38px 0 40px;background-color:#fafafa}
.indexnewsbox{margin-top:30px;margin-bottom:40px}
.indexnewsitems{display:none}
.indexnewsitem{width:285px;margin-right:20px;background-color:#fff;border-radius:8px}
.indexnewsitem:nth-last-of-type(1){margin-right:0}
.indexnewsitem .img{overflow:hidden;border-top-left-radius:8px;border-top-right-radius:8px}
.indexnewsitem .img img{width:100%;transition:.4s;-webkit-transition:.4s;border-top-left-radius:8px;border-top-right-radius:8px;height:188px;object-fit: cover;}
.indexnewsitem .textbox{padding:24px 32px 28px 30px;transition:.4s;-webkit-transition:.4s}
.indexnewsitem .textbox .title{font-size:16px;line-height:1.6;height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:.4s;-webkit-transition:.4s}
.indexnewsitem .textbox .date{font-family:Arial;color:#00447d;font-size:16px;font-weight:bold;margin-top:22px}
.indexnewsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.indexnewsitem:hover .textbox .title{color:#00447d;font-weight:bold}
.indexnewsitem:hover .textbox{box-shadow:0px 0px 21px rgba(215,215,215,0.28)}
.indexloginlist{width:590px;height:100px;background-color:#ecf5fd;border-radius:5px;padding:30px 20px}
.indexloginlist:nth-of-type(2){margin-left:20px}
.indexloginlist:nth-of-type(2) .text{line-height:40px}
.indexloginlist .text{color:#00447d;font-weight:bold;margin-right:20px}
.indexloginlist .input{width:197px;height:40px;background-color:#fff;border-radius:40px;margin-right:20px}
.indexloginlist .input input{width:100%;height:100%;background-color:transparent;font-size:16px;color:#333;padding:5px 20px}
.indexloginlist .input input::-webkit-input-placeholder{color:#999;font-size:14px}
.indexloginlist .btn{width:40px;height:40px;border-radius:40px;color:#fff;background-color:#5a8cb7;text-align:center;line-height:40px;cursor:pointer}
.indexloginlist .btn:hover{background-color:#00447d}

/* 登录&注册 */
.loginbox{padding:60px 0;background-image:url(../images/loginbg.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.loginbox.regist{background-image:url(../images/regbg.jpg)}
.loginbox .login{width:400px;height:580px;background-color:#fff;border-top-left-radius:5px;border-bottom-left-radius:5px;margin-right:19px;padding:38px 40px 0 40px}
.loginbox .loginnav{text-align:center;position:relative}
.loginbox .loginnav:after{content:"";width:1px;height:14px;background-color:#999;position:absolute;top:50%;margin-top:-7px;left:50%;margin-left:-0.5px}
.loginbox .loginnav .loginnavitem{display:inline-block;margin:0 18px;color:#666;font-size:18px;cursor:pointer}
.loginbox .loginnav .loginnavitem.cur{color:#00447d}
.loginbox .loginitems{margin-top:36px}
.loginbox .loginitem{display:none}
.loginbox .loginitem.cur{display:block}
.loginbox .loginitem .input,
.loginbox .loginitem .codebox{width:100%;height:46px;border:1px solid;border-color:#ccc;border-radius:5px;padding:10px 19px;margin-bottom:20px}
.loginbox .loginitem .input.cur,
.loginbox .loginitem .codebox.cur{border-color:#4a7ca7}
.loginbox .loginitem .input input,
.loginbox .loginitem .codebox  .inputitem input{width:100%;height:26px;line-height:26px}
.loginbox .loginbtn,
.regbtn{width:100%;height:50px;cursor:pointer;background-color:#4a7ca7;color:#fff;text-align:center;line-height:50px;border-radius:5px;font-size:16px;font-weight:bold}
.loginbox .loginbot{margin-top:17px}
.loginbox .loginbot .item a{color:#666}
.loginbox .loginbot .item:hover a{color:#4a7ca7}
.loginbox .loginitem .codebox .codebtn{width:80px;height:24px;background-color:#c0c0c0;cursor:pointer;border-radius:24px;color:#fff;text-align:center;font-size:12px;line-height:24px;transition:.4s;-webkit-transition:.4s}
.loginbox .loginitem .codebox .codebtn.cur{cursor:not-allowed;pointer-events:none}
.loginbox .loginitem .codebox  .inputitem{width:calc(100% - 80px)}
.registtitle{color:#00447d;font-size:18px;font-weight:bold;margin-bottom:18px}
.regprotocol{margin-bottom:20px}
.regprotocol .regrotsel{width:14px;height:14px;border:1px solid #ccc;margin-right:10px;cursor:pointer}
.regprotocol .regrotsel.cur{border:none;background-image:url(../images/regprotsel.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.regprotocol .text{color:#666;line-height:14px}
.regprotocol .text a{line-height:14px;color:#00447d}
.regist .loginbot{margin-top:8px}
.protocoltcbox{width:1200px;height:650px;background-color:#fff;padding:35px 60px}
.protocoltcbox .title{font-size:20px;color:#333;text-align:center}
.protocoltcbox .box{height:450px;margin-top:20px;background-color:#fafafa;overflow-y:auto;padding:20px}
.protocoltcbox .close{width:138px;height:54px;background-color:#00447d;font-size:18px;margin:36px auto 0;text-align:center;color:#fff;line-height:54px;cursor:pointer}
.regsuccess{background-color:#fafafa;padding:151px 0 250px}
.regsuccess-top{text-align:center}
.regsuccess-top .icon{display:inline-block;vertical-align:top}
.regsuccess-top .text{display:inline-block;font-size:24px;margin-left:6px;vertical-align:top;line-height:40px}
.regsuccess-top .text span{font-size:24px}
.regsuccess-bot{width:312px;margin:28px auto 0}
.regsuccess-bot .text{color:#666;margin-bottom:14px}
.regsuccess-bot .regsuccessitem{padding-left:17px;position:relative;margin-bottom:12px;color:#666}
.regsuccess-bot .regsuccessitem a{color:#666}
.regsuccess-bot .regsuccessitem:after{content:"";width:6px;height:6px;border-radius:6px;background-color:#666;position:absolute;top:50%;margin-top:-3px;left:0;transition:.4s;-webkit-transition:.4s}
.regsuccess-bot .regsuccessitem:hover:after{background-color:#00447d}
.regsuccess-bot .regsuccessitem:hover a{color:#00447d}
.forgetpassbox{padding:60px 0;background-color:#fafafa}
.forgetpass{width:800px;height:586px;background-color:#fff;margin:0 auto;padding:36px 40px 40px 40px}
.forgetpass .forgetform{width:422px;margin:40px auto 0}
.forgetpass .forgetpass-title{font-size:24px;line-height:34px;padding-bottom:16px;border-bottom:2px solid #e6e6e6}
.forgetpass .formitem{margin-bottom:20px}
.forgetpass .formitem .text{width:84px;text-align:center;margin-right:10px;line-height:46px}
.forgetpass .formitem.htext .text{line-height:14px}
.forgetpass .formitem .input,
.forgetpass .formitem .codebox{width:320px;height:46px;border:1px solid #e0e0e0;border-radius:5px}
.forgetpass .formitem .codebox{padding:10px 19px}
.forgetpass .formitem .codebox .codeinput{width:calc(100% - 80px);height:24px}
.forgetpass .formitem .codebox .codeinput input{width:100%;height:100%}
.forgetpass .formitem .codebox .codebtn{width:80px;height:24px;background-color:#c0c0c0;cursor:pointer;border-radius:24px;color:#fff;text-align:center;font-size:12px;line-height:24px}
.forgetpass .formitem .input input{width:100%;height:100%;padding:0 20px;border-radius:5px}
.forgetpass .formitem .input input::-webkit-input-placeholder,
.forgetpass .formitem .codebox .codeinput input::-webkit-input-placeholder{color:#999}
.forgetpass .formitem.last{margin-bottom:0}
.forgetpass .thewaylist{display:none}
.forgetpass .thewaylist.cur{display:block}
.forgetpass .sellist{margin-right:40px;cursor:pointer}
.forgetpass .sellist .yuan{width:13px;height:13px;border:1px solid #064880;border-radius:13px;position:relative}
.forgetpass .sellist.cur .yuan:after{content:"";width:5px;height:5px;background-color:#064880;border-radius:5px;position:absolute;top:50%;margin-top:-2.5px;left:50%;margin-left:-2.5px}
.forgetpass .sellist .name{line-height:14px;color:#666;margin-left:10px}
.forgetpass .btn{width:114px;height:38px;background-color:#5a8cb7;border-radius:38px;margin:40px auto 0;color:#fff;text-align:center;line-height:38px;cursor:pointer}
.forgetsuccessbtn{width:114px;height:38px;background-color:#5a8cb7;border-radius:38px;display:block;margin:40px 0 0 80px;color:#fff;text-align:center;line-height:38px;}

/* 我们的服务 */
.service{background-color:#fafafa}
.servicebox{padding:40px 0 60px}
.servicebox .w242{width:242px}
.sercontent{width:958px;background-color:#fff}
.serpadd1{padding:22px 60px 60px 60px}
.serpadd2{padding:22px 60px 100px 60px}
.sercontent .sertitle{font-size:24px;color:#5a8cb7;line-height:38px;padding-bottom:12px;border-bottom:1px solid #dedede}
.sercontent .serability{margin-top:34px}
.sercontent .serability .textbox{width:calc(100% - 440px);margin-right:40px}
.sercontent .serability .textbox.serw100{width:100%;margin-right:0}
.sercontent .serability .textbox .name{color:#00447d;font-size:16px;font-weight:bold}
.sercontent .serability .textbox .desc{margin-top:26px;color:rgb(102, 102, 102);line-height:2.143;}
.sercontent .serability .textbox .btn{width:114px;height:38px;border:1px solid #5a8cb7;border-radius:38px;margin-top:33px;display:block;text-align:center;line-height:38px;color:#5a8cb7}
.sercontent .serability .textbox .btn:hover{background-color:#5a8cb7;color:#fff}
.sercontent .serability .img{border-radius:5px;overflow:hidden;margin-top:8px}
.sercontent .serability .img img{border-radius:5px}
.sercontent .serability .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.sercontent .sername{color:#00447d;font-size:16px;font-weight:bold;margin-top:36px;line-height:26px;padding-bottom:16px;border-bottom:1px solid #dedede}
.sercontent .seritems{margin-top:20px}
.sercontent .seritem{width:31.65%;display:block;margin-right:2.525%;margin-bottom:20px;background-color:#fafafa;border-top-left-radius:5px;border-top-right-radius:5px}
.sercontent .seritem:nth-of-type(3n){margin-right:0}
.sercontent .seritem .img{overflow:hidden}
.sercontent .seritem .img img{border-top-left-radius:5px;border-top-right-radius:5px;transition:.4s;-webkit-transition:.4s}
.sercontent .seritem .textbox{padding:18px 15px}
.sercontent .seritem .textbox .title{font-size:16px;height:22px;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:.4s;-webkit-transition:.4s}
.sercontent .seritem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.sercontent .seritem:hover .textbox .title{color:#00447d;font-weight:bold}
.sermessage{margin-top:38px}
.sermessageitem{width:265px;margin-right:20px}
.sermessageitem:nth-of-type(3){margin-right:0}
.sermessageitem .name span,
.sermesscontent .name span,
.sermessitems .sermessitem .name span{color:#00447d;font-weight:bold}
.sermessageitem .serMitembox{margin-top:18px;position:relative}
.sermessageitem .serMitembox_namebox{width:265px;height:46px;border:1px solid #ccc;border-radius:5px;padding:10px 19px;cursor:pointer}
.sermessageitem .serMitembox_namebox.cur .down{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.sermessageitem .serMitembox_namebox .serMitembox_name{width:calc(100% - 8px);line-height:26px;color:#666}
.sermessageitem .serMitembox_namebox .down{margin-top:11px}
.serMitemboxitems{width:100%;position:absolute;top:43px;background-color:#fff;z-index:19;border:1px solid #ccc;border-top:none;max-height:200px;overflow-y: auto;display:none}
.serMitemboxitems .serMitemboxitem{line-height:36px;padding:0 19px;cursor:pointer}
.serMitemboxitems .serMitemboxitem:hover{color:#00447d}
.sermesscontent{margin-top:36px}
.sermesscontent .text{margin-top:18px}
.sermesscontent .text textarea{width:100%;height:150px;border-radius:5px;border:1px solid #ccc;padding:14px 19px;color:#333}
.sermesscontent .text textarea::-webkit-input-placeholder,
.sermessitems .sermessitem input::-webkit-input-placeholder{color:#999}
.sermessitems{margin-top:36px}
.sermessitems .w409{width:409px}
.sermessitems .w265{width:265px}
.sermessitems .sermessitem{margin-right:20px;margin-bottom:36px}
.sermessitems .sermessitem.two{margin-right:0}
.sermessitems .sermessitem .input{margin-top:18px}
.sermessitems .sermessitem input{width:100%;height:46px;border-radius:5px;border:1px solid #ccc;padding:10px 19px}
.sermessage .btn{width:114px;height:38px;background-color:#5a8cb7;border-radius:38px;margin:4px auto 0;color:#fff;text-align:center;line-height:38px;cursor:pointer}

/* 购物车 */
.cart{padding:60px 0}
.cartpadd{padding:0 20px}
.cartbox{border-radius:5px}
.carttop{height:50px;border:1px solid #efefef;background-color:#ecf5fd;border-top-left-radius:5px;border-top-right-radius:5px;padding:0 19px}
.carttop .allselbox{margin-right:272px}
.carttop .allsel,
.cartseritemnamebox .sel,
.cartproitem .sel,
.cartbotopera .sel{width:18px;height:18px;margin-top:16px;background-color:#fff;border:1px solid #ccc;margin-right:10px;cursor:pointer}
.carttop .allsel.cur,
.cartseritemnamebox .sel.cur,
.cartproitem .sel.cur,
.cartbotopera .sel.cur{background-image:url(../images/cartsel.jpg);background-size:100% 100%;background-repeat:no-repeat;background-position:center center}
.carttop .allselbox .text,
.carttop .list{color:#00447d;line-height:50px;font-size:16px}
.carttop .carttoppro{margin-right:258px}
.carttop .carttopunit{margin-right:64px}
.carttop .carttopnum{margin-right:86px}
.carttop .carttopprice{margin-right:92px}
.cartitems{padding:40px 40px;background-color:#fff}
.cartseritemnamebox .name{font-size:16px;color:#00447d;font-weight:bold;line-height:18px}
.cartproitems{margin-top:20px;border:1px solid #efefef}
.cartproitem{height:109px;border-bottom:1px solid #efefef;padding:19px 39px 19px 19px}
.cartproitem.cur{background-color:#ecf5fd}
.cartproitem:nth-last-of-type(1){border-bottom:none}
.cartproitem .img{width:70px;height:70px;margin-left:10px;border:1px solid #ccc}
.cartproitem .textbox{width:392px;margin-left:19px;margin-right:20px}
.cartproitem .textbox .name{height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.cartproitem .textbox .text{color:#999;font-size:12px;margin-top:14px;line-height:1.5}
.cartproitem .unitprice{width:180px;text-align:center;line-height:71px;color:#00447d}
.cartproitem .unitprice span{color:#00447d}
.cartproitem .numbox{width:77px;height:32px;border:1px solid #ccc;margin-top:14.5px}
.cartproitem .numbox .min{width:21px;line-height:32px;color:#999;text-align:center;cursor:pointer}
.cartproitem .numbox .plus{width:21px;line-height:32px;color:#333;text-align:center;cursor:pointer}
.cartproitem .numbox .num{width:33px;line-height:32px;color:#333;text-align:center}
.cartproitem .itemprice{width:110px;line-height:71px;color:#999;text-align:right;margin-right:30px}
.cartproitem .itemprice span{color:#999;text-align:center}
.cartseritemnamebox .sel{margin-top:0}
.cartproitem .sel{margin-top:26px}
.cartproitem .opera{width:78px;position:relative}
.cartproitem .opera:before{content:"";width:1px;height:14px;background-color:#ccc;position:absolute;top:50%;margin-top:-7px;left:50%;margin-left:-0.5px}
.cartproitem .opera .coll,
.cartproitem .opera .del{color:#999;line-height:71px;cursor:pointer;transition:.4s;-webkit-transition:.4s}
.cartproitem .opera .coll{margin-right:21px}
.cartproitem .opera .coll:hover,
.cartproitem .opera .del:hover{color:#00447d;font-weight:bold}
.cartseritem{margin-bottom:40px}
.cartseritem:nth-last-of-type(1){margin-bottom:0}
.cartbot{width:100%;height:60px;padding-left:40px;background-color:#fff;margin-top:20px}
.cartbotopera{margin-right:290px}
.cartbotopera .sel{margin-top:21px}
.cartbotopera .text{font-size:16px;line-height:60px}
.cartbotopera .selbox{margin-right:40px}
.cartbotopera .alldel{color:#999;font-size:16px;line-height:60px}
.cartbotnum{line-height:60px;margin-right:40px}
.cartbotnum span{color:#00447d;font-weight:bold}
.cartbotoriginprice{line-height:60px;margin-right:40px}
.cartbotoriginprice p,
.cartbotallprice p{display:inline-block;vertical-align:top;color:#00447d;font-weight:bold}
.cartbotoriginprice p span,
.cartbotallprice p span{color:#00447d;font-weight:bold}
.cartbotoffer,
.cartbotallprice{line-height:60px;margin-right:40px}
.cartbotoffer span{color:#00447d;font-weight:bold}
.cartbot .settorder{width:160px;height:60px;background-color:#4a7ca7;color:#fff;font-size:18px;font-weight:bold;text-align:center;line-height:60px;cursor:pointer}
.nocart .regsuccess-top{margin-top:89px}
.pagerecmmproitems{margin-top:30px}
.pagerecmmproitem{display:block;width:23.5%;margin-right:2%;background-color:#fff}
.pagerecmmproitem:nth-last-of-type(1){margin-right:0}
.pagerecmmproitem .img{overflow:hidden;border-top-left-radius:5px;border-top-right-radius:5px}
.pagerecmmproitem .textbox{padding:18px 10px;border-top-left-radius:5px;border-top-right-radius:5px}
.pagerecmmproitem .textbox .title{font-size:16px;text-align:center;height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.pagerecmmproitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.pagerecmmproitem:hover .title{color:#00447d;font-weight:bold}

/* 我们的服务详情 */
.serdetail_top{background-color:#fff;padding:54px 0 60px}
.serdetail_top .img{border-radius:5px;overflow:hidden;margin-top:6px}
.serdetail_top .img img{border-radius:5px;}
.serdetail_top .textbox{width:calc(100% - 599px);margin-left:59px;}
.serdetail_top .textbox .title{color:#00447d;font-size:24px}
.serdetail_top .textbox .text{color:rgb(102, 102, 102);line-height:2.143;margin-top:30px;text-align:justify;}
.serdetail_top .textbox .bot{margin-top:70px}
.serdetail_top .textbox .bot .btn{width:114px;height:38px;border-radius:38px;border:1px solid #5a8cb7;line-height:38px;color:#5a8cb7;text-align:center;display:block;margin-right:20px}
.serdetail_top .textbox .bot .btn.btn2{background-color:#5a8cb7;color:#fff}
.serdetail_top .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.serdetail_bot{padding:58px 0 61px}
.serdetail_bottitle{font-size:24px;padding-bottom:20px;border-bottom:2px solid #e6e6e6}
.serdetail_con{padding:30px 0}
.conordertitle{font-size:24px}
.conorderbox{padding:40px 40px;background-color:#fff}
.conorderlisttop{line-height:56px;border-bottom:2px solid #e6e6e6;margin-top:20px}
.conorderlisttop .conordername{font-size:16px;margin-right:716px}
.conorderlisttop .conorderorg{font-size:16px;margin-right:84px}
.conorderlisttop .conordernum{font-size:16px;margin-right:88px}
.conorderlisttop .conorderprice{font-size:16px}
.conorderseritems{margin-top:18px}
.conorderseritem .conorderseritem_name{color:#00447d;font-size:16px;font-weight:bold}
.conorderseritem .conOseritemlistbox{margin-top:16px;border:1px solid #efefef;background-color:#ecf5fd}
.conOseritemlistbox .conOseritemlist{border-bottom:1px solid #efefef;padding:19px}
.conOseritemlistbox .conOseritemlist:nth-last-of-type(1){border-bottom:none}
.conOseritemlistbox .conOseritemlist .img{width:70px;height:70px;border:1px solid #ccc;margin-right:19px}
.conOseritemlistbox .conOseritemlist .textbox{width:394px;margin-right:268px}
.conOseritemlistbox .conOseritemlist .textbox .title{margin-top:3px}
.conOseritemlistbox .conOseritemlist .textbox .text{font-size:12px;color:rgb(153, 153, 153);line-height:1.5;margin-top:12px}
.conOseritemlistbox .conOseritemlist .price{line-height:70px;color:#00447d;margin-right:84px}
.conOseritemlistbox .conOseritemlist .price span{color:#00447d}
.conOseritemlistbox .conOseritemlist .num{line-height:70px;font-family:Arial;margin-right:78px}
.conOseritemlistbox .conOseritemlist .itempirce{line-height:70px;color:#999}
.conOseritemlistbox .conOseritemlist .itempirce span{color:#999}
.conorderaddreitem{padding:20px 0;border-bottom:1px solid #eee;line-height:1;color:#666}
.conorderaddreitem .sel{width:14px;height:14px;border-radius:14px;border:1px solid #3e3e3e;margin-right:14px;position:relative;cursor:pointer}
.conorderaddreitem .sel.cur{border:1px solid #00447d}
.conorderaddreitem .sel.cur:after{content:"";width:6px;height:6px;border-radius:6px;background-color:#00447d;position:absolute;top:50%;left:50%;margin-top:-3px;margin-left:-3px}
.conorderaddreitem .oraddrelist{margin-right:33px}
.conorderaddreitem .orstyaddre{color:#999;cursor:pointer}
.conorderaddreitem .orstyaddre:hover,
.conorderaddreitem .orstyaddre.cur{color:#00447d}
.conorderaddreitem .defaultaddre{margin-right:20px}
.conOmesstoplist{width:360px;height:46px;margin-right:20px}
.conordermessage-top,
.conordermessage-bot{margin-top:20px}
.conOmesstoplist input,
.conordermessage-bot .conOmesstbotlist.one input,
.conordermessage-bot .conOcompaddre input{width:100%;height:46px;line-height:46px;border-radius:5px;border:1px solid #e0e0e0;padding:8px 20px}
.conOmesstoplist input::-webkit-input-placeholder{color:#999}
.conOmesstoplist:nth-last-of-type(1){margin-right:0}
.conOmesstbotlist.one{width:100%;height:64px}
.conordermessage-bot .sermessageitem,
.conordermessage-bot .sermessageitem .serMitembox_namebox{width:200px}
.conordermessage-bot .sermessageitem .serMitembox{margin-top:0}
.conordermessage-bot .sermessageitem:nth-of-type(3){margin-right:20px}
.conordermessage-bot .conOcompaddre{width:460px;height:46px;}
.conObot .cartbotnum{margin-right:462px}
.conOprotocol{margin-top:20px}
.conOprotocol .regrotsel{width:14px;height:14px;border:1px solid #ccc;margin-right:10px;cursor:pointer}
.conOprotocol .text{color:#666;line-height:14px}
.conOprotocol .text a{line-height:14px;color:#00447d}
.conOprotocol .regrotsel.cur{border:none;background-image:url(../images/regprotsel.png);background-size:100% 100%;background-repeat:no-repeat;background-position:center center}


.cd-popup {position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(94,110,141,0.9);opacity:0;visibility:hidden;-webkit-transition:opacity 0.3s 0s,visibility 0s 0.3s;-moz-transition:opacity 0.3s 0s,visibility 0s 0.3s;transition:opacity 0.3s 0s,visibility 0s 0.3s;z-index:999;}
.cd-popup.is-visible {opacity:1;visibility:visible;-webkit-transition:opacity 0.3s 0s,visibility 0s 0s;-moz-transition:opacity 0.3s 0s,visibility 0s 0s;transition:opacity 0.3s 0s,visibility 0s 0s;}
.cd-popup-container {position:relative;width:90%;max-width:500px;margin:15em auto;padding:40px 20px 25px;background:#FFF;border-radius:.25em .25em .4em .4em;text-align:center;box-shadow:0 0 20px rgba(0,0,0,0.2);-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);/* Force Hardware Acceleration in WebKit */  -webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;}
.cd-popup-container h3 {padding-bottom:.5em;font-size:20px;font-weight:bold;}
.cd-popup-container p {padding-bottom:1.5em;font-size:14px;color:#666;}
.cd-popup-container .cd-buttons:after {content:"";display:table;clear:both;}
.cd-popup-container .cd-buttons li {float:left;width:50%;}
.cd-popup-container .cd-buttons a {display:block;height:60px;line-height:60px;text-transform:uppercase;color:#FFF;-webkit-transition:background-color 0.2s;-moz-transition:background-color 0.2s;transition:background-color 0.2s;}
.cd-popup-container .cd-buttons li:first-child a {background:#fc7169;border-radius:0 0 0 .25em;}
.no-touch .cd-popup-container .cd-buttons li:first-child a:hover {background-color:#fc8982;}
.cd-popup-container .cd-buttons li:last-child a {background:#b6bece;border-radius:0 0 .25em 0;}
.no-touch .cd-popup-container .cd-buttons li:last-child a:hover {background-color:#c5ccd8;}
.cd-popup-container .cd-popup-close {position:absolute;top:8px;right:8px;width:30px;height:30px;}
.cd-popup-container .cd-popup-close::before,.cd-popup-container .cd-popup-close::after {content:'';position:absolute;top:12px;width:14px;height:3px;background-color:#8f9cb5;}
.cd-popup-container .cd-popup-close::before {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px;}
.cd-popup-container .cd-popup-close::after {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:8px;}
.is-visible .cd-popup-container {-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}


/* 支付 */
.pay{padding:60px 0}
.paytop{background-color:#fff;padding:36px 40px}
.paytoptitle{font-size:24px;padding-bottom:38px;border-bottom:1px solid #e6e6e6}
.paythewayitem{padding:26px 0;border-bottom:1px solid #e6e6e6}
.paythewayitem .sel{width:14px;height:14px;border-radius:14px;margin-top:5px;border:1px solid #cdcdcd;margin-right:20px;position:relative;cursor:pointer}
.paythewayitem .sel.cur{border:1px solid #00447d}
.paythewayitem .sel.cur:after{content:"";width:6px;height:6px;border-radius:6px;background-color:#00447d;position:absolute;top:50%;left:50%;margin-top:-3px;margin-left:-3px}
.paythewayitem .icon{width:28px;height:28px;margin-right:10px}
.paythewayitem:nth-of-type(2) .icon{padding-top:4px}
.paythewayitem:nth-of-type(3) .icon{padding-top:2px}
.morepaytheway{margin-top:36px;color:#00447d;cursor:pointer}
.offlinebox{padding:28px 72px 0 72px;display:none}
.offlinelist{margin-bottom:24px}
.offlinelist .name{margin-right:38px;color:#666}
.offlinelist .text,
.offlinelist .text span{color:#666}
.offlinelist .certificate{width:120px;height:36px;border-radius:5px;background-color:#4a7ca7;color:#fff;text-align:center;line-height:36px}
.offlinelist:nth-last-of-type(1) .name{line-height:36px}
.offlinelist .desc{color:#666;margin-left:19px;line-height:36px}
.paysuccessbot{width:572px;margin:24px auto 0;padding-left:42px}
.paysuccessbot .text{color:#666;margin-bottom:10px}
.paysuccessbot .text span{color:#00447d;font-weight:bold}
.paysuccessbot .btn{width:114px;height:38px;color:#fff;margin-top:28px;background-color:#5a8cb7;text-align:center;line-height:38px;border-radius:38px}
.paysuccessbot .prompt{color:#00447d;font-size:12px;margin-top:14px}

/* 会员中心 */
.membertop{width:100%;height:290px;background-image:url(../images/memberban.jpg)}
.membertop .memtx{width:290px;height:290px;background-color:rgba(255,255,255,0.2);padding-top:78px}
.membertop .memtx .img{width:100px;height:100px;border-radius:100px;margin:0 auto;background-repeat:no-repeat;background-position:center center}
.membertop .memtx .name{font-size:18px;color:#fff;text-align:center;margin-top:16px}
.membertop .memnav{padding-top:95px}
.membertop .memnav a{width:100px;height:100px;margin-right:20px;display:block;padding-top:15px;background-color:rgba(255,255,255,0.2);border:1px solid rgb(255, 255, 255, 0.4)}
.membertop .memnav a .icon{width:34px;height:34px;margin:0 auto}
.membertop .memnav a .text{font-size:16px;color:#fff;text-align:center;margin-top:5px}
.memberordertop{border-bottom:1px solid #dedede}
.sercontent .memberordertop .sertitle{border-bottom:none}
.memberordertop .memOtoprlist{line-height:38px;color:#666;display:block;margin-right:39px;position:relative}
.memberordertop .memOtoprlist:nth-last-of-type(1){margin-right:0}
.memberordertop .memOtoprlist.cur:after{content:"";width:100%;height:2px;background-color:#00447d;position:absolute;bottom:0;left:0}
.memberOtopm{width:100%;height:50px;background-color:#ecf5fd;border:1px solid #efefef;padding-left:38px;line-height:50px;font-weight:bold;margin-top:32px}
.memberOtopm .o1{width:390px;color:#00447d;text-align:center;margin-right:45px}
.memberOtopm .o2{color:#00447d;margin-right:59px}
.memberOtopm .o3{color:#00447d;margin-right:41px}
.memberOtopm .o4{color:#00447d;margin-right:68px}
.memberOtopm .o5{color:#00447d}
.memorderitems{margin-top:20px;padding-bottom:20px}
.memorderitem{border:1px solid #efefef;padding:36px 39px 30px;margin-bottom:20px}
.memorderitem:nth-last-of-type(1){margin-bottom:0}
.memorderitemtop{padding-bottom:20px;border-bottom:1px dashed #dedede}
.memorderitemtop .date{color:#666;margin-right:20px}
.memorderitemtop .memOnum{color:#666;margin-right:20px}
.memorderitemtop .memOnum span{color:#666}
.memorderitembot{margin-top:10px}
.memorderitembot-prolist{padding:10px 0}
.memorderitembot-prolist .img{width:70px;height:70px;border:1px solid #ccc;margin-right:19px}
.memorderitembot-prolist .img img{width:100%;height:100%}
.memorderitembot-prolist .textbox{width:310px;margin-right:10px}
.memorderitembot-prolist .textbox .title{margin-top:3px}
.memorderitembot-prolist .textbox .text{margin-top:14px;font-size:12px;color:#999}
.memorderitembot-prolist .price{width:80px;text-align:center;line-height:70px;color:#999;margin-right:28px}
.memorderitembot-prolist .num{width:40px;text-align:center;line-height:70px;color:#666;margin-right:42px}
.memorderitembot-prolist .status{text-align:center;line-height:70px;color:#666;margin-right:28px}
.memorderitembot-prolist .olist{display:block;width:88px;text-align:center;color:#666;margin-top:6px;padding-left:15px}
.memorderitembot-prolist .olist.op1{margin-top:0;color:#00447d}
.memorderitembot-prolist .olist:hover{color:#00447d}
.memorderitembot-prolist .btn{width:88px;display:block;height:28px;line-height:28px;background-color:#5a8cb7;border-radius:28px;color:#fff;text-align:center}
.memorderitembot-prolist .wtorder .olist{padding-left:5px}
.memorderitembot-prolist .conrec{color:#4a7ca7}
.memorderitem.commorder{border:none;margin-top:37px;padding:0}
.memorderitem.commorder .memorderitemtop{padding-bottom:0;border-bottom:none}
.memorderitem.commorder .memorderitembot{border:1px solid #efefef;background-color:#ecf5fd}
.memorderitem.commorder .memorderitembot-prolist{padding:19px 0 20px 19px}
.memorderitem.commorder .memorderitembot .textbox{width:408px;margin-right:83px}
.memorderitem.commorder .memorderitembot .price{color:#666;margin-right:75px}
.commentbox{margin-top:36px}
.commscorelist{margin-right:40px;margin-bottom:40px}
.commscorelist:nth-last-of-type(1),
.commscorelist:nth-last-of-type(2){margin-bottom:0}
.commscorelist .text{color:#666;margin-right:10px;line-height:16px}
.commscorelist .score{ background:url(../images/score.png);width:70px;height:16px;position:relative;margin-right:10px}
.commscorelist .score a{ height:16px;display:block;text-indent:-999em; position:absolute;left:0;}
.commscorelist .score a:hover{ background:url(../images/score_cur.png);left:0;}
.commscorelist .score a.clibg{ background:url(../images/score_cur.png);left:0;}
.commscorelist .scorenum{color:#999;font-size:12px;line-height:16px}
.commscorelist .scorenum.cur,
.commscorelist .scorenum span.cur{color:#00447d}
.commscorelist .scorenum span{color:#999}
.commentcon{margin-top:30px}
.commentcon .commentcon-title{color:#666}
.commentcon .commentcon-text{margin-top:18px}
.commentcon .commentcon-text textarea{width:100%;height:200px;border:1px solid #e0e0e0;border-radius:5px;padding:15px}
.commentcon .commentcon-text textarea::-webkit-input-placeholder{color:#999}
.commentcon .bot{margin-top:40px}
.commentcon .btn{width:114px;height:38px;background-color:#5a8cb7;text-align:center;line-height:38px;border-radius:38px;color:#fff;cursor:pointer}
.memaddressbox{border:1px solid #efefef;margin-top:40px}
.memaddressbox.last{margin-top:23px}
.memaddressbox .memaddresstitle{font-size:16px;font-weight:bold;height:50px;color:#fff;padding-left:19px;background-color:#5a8cb7;line-height:50px}
.memaddressitems{padding:20px 39px 18px 40px}
.memaddressitem{padding:20px 0;border-bottom:1px dashed #dedede}
.memaddressitem:nth-last-of-type(1){border-bottom:none}
.memaddressitem .sel{width:14px;height:14px;border-radius:14px;border:1px solid #3e3e3e;margin-right:14px;position:relative;cursor:pointer}
.memaddressitem .sel.cur{border:1px solid #00447d}
.memaddressitem .sel.cur:after{content:"";width:6px;height:6px;border-radius:6px;background-color:#00447d;position:absolute;top:50%;left:50%;margin-top:-3px;margin-left:-3px}
.memaddressitem .addr{line-height:16px;color:#666;max-width:406px;margin-right:30px}
.memaddressitem .peop,
.memaddressitem .opea{line-height:16px;color:#666}
.memaddressitem .opea{cursor:pointer}
.memaddressitem.cur .opea{color:#00447d}
.memaddbtnbox{margin-top:20px}
.memaddbtnbox .memaddbtn{width:114px;height:38px;border-radius:38px;color:#fff;text-align:center;line-height:38px}
.memaddbtnbox .memaddbtn.btn1{background-color:#5a8cb7;margin-right:20px}
.memaddbtnbox .memaddbtn.btn2{background-color:#999}
.memaddr-add{padding:40px 20px 39px 20px}
.memaddr-item{margin-bottom:24px}
.memaddr-item:nth-last-of-type(1){margin-bottom:0}
.memaddr-item:nth-of-type(2) .text{line-height:32px}
.memaddr-item .text{width:74px;text-align:right;color:#666666;line-height:46px;margin-right:16px}
.memaddr-item .sermessageitem{width:200px}
.memaddr-item .sermessageitem .serMitembox{margin-top:0}
.memaddr-item .sermessageitem .serMitembox_namebox{width:200px}
.memaddr-item .sermessageitem:nth-of-type(3){margin-right:20px}
.memaddr-item textarea{width:636px;height:100px;border-radius:5px;border:1px solid #ddd;padding:16px 19px}
.memaddr-item input{width:280px;height:46px;border-radius:5px;border:1px solid #e0e0e0;padding:10px 19px}
.memaddr-add .btn{width:114px;height:38px;border-radius:38px;color:#fff;text-align:center;line-height:38px;background-color:#5a8cb7;margin-left:92px}
.orderDtopbox{padding-top:36px}
.orderDtopbox .title1{color:#00447d;font-weight:bold;font-size:16px}
.orderDtopbox .orderstatus{margin-top:35px;padding-left:35px}
.orderDtopbox .orderSlist .left{margin-top:16px}
.orderDtopbox .orderSlist .left .icon{width:42px;margin:0 auto}
.orderDtopbox .orderSlist .left .textbox{margin-top:10px}
.orderDtopbox .orderSlist .left .textbox .text1{color:#666;text-align:center}
.orderDtopbox .orderSlist .left .textbox .text2,
.orderDtopbox .orderSlist .left .textbox .text3{color:#666;margin-top:3px;text-align:center}
.orderDtopbox .orderSlist .right .text{color:#5a8cb7;height:31px;text-align:center;padding-right:16px}
.Odetail .memorderitembot{margin-top:18px}
.orderDetail{margin-top:36px}
.orderDetail .title1{padding-bottom:16px;border-bottom:1px solid #dedede}
.orderDetailbox{position:relative}
.oDetailleft-top{margin-top:36px}
.orderDetailbox:before{content:"";width:1px;height:275px;background-color:#dedede;position:absolute;top:38px;left:50%;margin-left:-0.5px}
.oDetailleft-top .oDetailleft-toplist{margin-top:16px}
.oDetailleft-top .oDetailleft-toplist .name,
.oDetailleft-top .oDetailleft-toplist .text{color:#666;font-size:12px}
.oDetailleft-top .oDetailleft-toplist .text{max-width:calc(100% - 60px)}
.orderDetailbox-left{padding-right:68px}
.orderDetailbox-right{padding-left:40px}
.oDetailleft-top .oDetailleft-toplist .text span{font-weight:bold;color:#00447d}
.commissionorder{margin-top:20px}
.commissionorder .orderbtnbox{margin-top:40px;text-align:center}
.commissionorder .orderbtnbox .btn{width:114px;height:38px;border-radius:38px;text-align:center;line-height:38px;display:inline-block}
.commissionorder .orderbtnbox .btn1{background-color:#5a8cb7;color:#fff}
.commissionorder .orderbtnbox .btn2{border:1px solid #5a8cb7;color:#5a8cb7;margin-left:16px}
.commissionorder .prompt{margin-top:36px;color:#666}
.memcollitems{margin-top:20px;padding-bottom:20px}
.memcollitem{padding:20px 0;border-bottom:1px dashed #e0e0e0}
.memcollitem .img{width:140px;height:140px;margin-right:40px}
.memcollitem .textbox{max-width:394px;margin-right:48px}
.memcollitem .textbox .title{font-size:18px;margin-top:16px}
.memcollitem .textbox .text{margin-top:32px;color:#999}
.memcollitem .buy{color:#4a7ca7;line-height:140px;margin-right:24px;cursor:pointer}
.memcollitem .detail{color:#666;line-height:140px;margin-right:24px}
.memcollitem .cancel{color:#666;line-height:140px;cursor:pointer}

/* 售后服务 */
.afterser{margin-top:40px}
.afterserIlist{margin-bottom:20px}
.afterserIlist .text,
.afterser-right .text{color:#666;margin-right:15px;line-height:46px}
.afterserIlist .text span,
.afterser-right .text span{color:#00447d;font-weight:bold}
.afterserIlist input{width:250px;height:46px;padding:6px 15px;border:1px solid #e0e0e0;border-radius:5px}
.afterser-right textarea{width:387px;height:244px;border:1px solid #e0e0e0;border-radius:5px;padding:8px 10px}
.afterser-right .bot{margin-top:20px}
.afterser-right .bot .btn{width:114px;height:38px;border-radius:38px;text-align:center;line-height:38px;color:#fff;cursor:pointer}
.afterser-right .bot .btn1{background-color:#999}
.afterser-right .bot .btn2{background-color:#5a8cb7;margin-right:20px}
.afterser-right.opinion .text{width:77px;text-align:right}
.afterser-right.opinion .afterserIlist input{width:387px}
.afterser-right.opinion textarea{height:178px}
.meminfor{margin-top:36px}
.meminfor .title{color:#666;font-size:16px}
.meminfor .meminforbox{margin-top:16px}
.meminfor .meminforbox .input input{width:266px;height:46px;padding:8px 20px;border:1px solid #e0e0e0;border-radius:5px;margin-right:20px}
.meminfor .meminforbox .input:nth-last-of-type(1) input{margin-right:0}
.meminfor .title.title2{margin-top:38px}
.meminfor .meminforbox .biginput input{width:100%;height:46px;padding:8px 20px;border:1px solid #e0e0e0;border-radius:5px}
.meminforbox .sermessageitem{width:120px}
.meminforbox .sermessageitem .serMitembox_namebox{width:120px}
.meminforbox .sermessageitem .serMitembox_namebox .serMitembox_name{color:#999}
.meminforbox .meminforaddr input{width:418px;height:46px;border:1px solid #e0e0e0;padding:8px 20px;border-radius:5px;margin-top:18px;margin-left:20px}
.meminfor .bot{margin-top:40px}
.meminfor .bot .btn{width:114px;height:38px;border-radius:38px;text-align:center;line-height:38px;color:#fff;cursor:pointer;background-color:#5a8cb7}
.meminvoice .memaddressitem .addr{margin-right:16px}
.meminvoicelist .text{color:#666;line-height:46px;margin-right:15px}
.meminvoicelist .meminvoselnamebox{width:200px;height:46px;border:1px solid #ddd;border-radius:5px;padding:10px 19px 10px 20px}
.meminvoicelist .meminvosel{position:relative}
.meminvoicelist .meminvoselnamebox .meminvoselname{width:calc(100% - 8px);line-height:26px;color:#666}
.meminvoicelist .meminvoselnamebox .icon{margin-top:11px}
.meminvoicelist .meminvoselitems{width:100%;position:absolute;top:42px;left:0;padding:6px 0;z-index:19;background-color:#fff;border:1px solid #e0e0e0;border-top:none;border-radius:5px;display:none}
.meminvoicelist .meminvoselitem{padding-left:20px;line-height:34px}
.meminvoicelist .meminvoselitem:hover{color:#00447d}
.meminvoice-add{padding:39px 90px 40px 20px}
.meminvoicelist .desc{margin-left:20px}
.meminvoicelist .desc p{color:#999;line-height:1.6;margin-top:3px;font-size:12px}
.meminvoicelist .biginput input{width:636px;height:46px;border:1px solid #ddd;border-radius:5px;padding:8px 19px}
.meminvoicelist .biginput input::-webkit-input-placeholder{color:#999}
.meminvoicelist{margin-bottom:20px}
.meminvoicelist .input input{width:280px;height:46px;border:1px solid #ddd;border-radius:5px;padding:8px 19px}
.meminvoicelist .input input::-webkit-input-placeholder{color:#999}
.meminvoicelist.last .text{line-height:1.2}
.meminvoicelist.last .descpro{max-width:calc(100% - 85px);line-height:1.2;color:#666}
.meminvoicelist.last .descpro p{color:#666;margin-top:12px}
.meminvoicelist.last .descpro p:nth-of-type(1){margin-top:0}
.memaddressbox #submitinvo{width:114px;height:38px;border-radius:38px;color:#fff;line-height:38px;text-align:center;margin-left:85px;background-color:#5a8cb7;margin-top:36px;cursor:pointer}

/* 联系我们 */
.contactbox{margin-top:38px}
.contactbox .title{font-size:16px}
.contacticonitems{margin-top:36px;padding:40px 56px 35px 40px;background-color:#f1f1f1}
.contacticonitem{width:33.3333%;margin-bottom:34px}
.contacticonitem .textbox{max-width:calc(100% - 44px);margin-left:9px;}
.contacticonitem .title{color:#00447d;font-weight:bold;line-height:1.2}
.contacticonitem .text{color:#666;line-height:1;margin-top:5px}
.contacticonitem:nth-last-of-type(1){width:auto;margin-bottom:0}
.contacticonitem:nth-last-of-type(2){margin-bottom:0}
.contactmess{margin-top:34px}
.contactmess .contactmesstitle{padding-bottom:16px;border-bottom:1px solid #dedede;font-size:16px}
.contactmess .map{height:400px;overflow:hidden;margin-top:40px}

.serdetailbot-l{width:262px;margin-right:20px}
.serdetailright{width:calc(100% - 282px);background-color:#fff;padding:37px 40px 40px 40px}
.serdetailbot-searchbox{margin-bottom:20px}
.serdetailbot-searchbox,
.prohistory{background-color:#fff}
.serdetailbot-searchbox .title,
.prohistory .title{font-size:16px;color:#fff;padding-left:20px;height:50px;background-color:#5a8cb7;line-height:50px}
.serdetailbot-searchform{padding:20px}
.serdetailbot-searchform .box{width:100%;height:36px;border:1px solid #ccc;border-radius:5px;padding:4px 19px}
.serdetailbot-searchform .box .input{width:calc(100% - 24px);margin-right:10px}
.serdetailbot-searchform .box .input input{width:100%;height:26px}
.serdetailbot-searchform .box .btn{cursor:pointer;margin-top:6px}
.prohisitems{padding:20px}
.prohisitem{display:block;margin-bottom:19px}
.prohisitem .img{border-top-left-radius:5px;border-top-right-radius:5px;overflow:hidden}
.prohisitem .img img{transition:.4s;-webkit-transition:.4s}
.prohisitem .textbox{background-color:#fafafa;padding:15px}
.prohisitem .textbox .name{line-height:30px;text-align:center;font-size:16px;height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:.4s;-webkit-transition:.4s}
.prohisitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05)}
.prohisitem:hover .textbox .name{color:#00447d}
.serdetail_desccon{padding-top:38px}
.prodetailrec{padding-bottom:65px}
.serdetailimgslide{width:450px;position:relative;margin-top:4px}
.serdetailimgslide .gallery-top .swiper-slide,
.serdetailimgslide .gallery-top .swiper-slide img{border-radius:5px}
.serdetailimgslide .bot{margin-top:20px;padding:0 35px}
.serdetailimgslide .gallery-thumbs img{width:100%;border-radius:5px}
.serdetailimgslide .swiper-button-next,
.serdetailimgslide .swiper-button-prev{width:15px;height:68px;outline:none;border:1px solid #c4c1c1;border-radius:7px;margin-top:0;top:auto;bottom:0;background-image:none}
.serdetailimgslide .swiper-button-next{right:0}
.serdetailimgslide .swiper-button-prev{left:0}
.serdetailimgslide .swiper-button-next:after,
.serdetailimgslide .swiper-button-prev:after{content:"";border-top:6px solid transparent;border-bottom:6px solid transparent;position:absolute;top:50%;margin-top:-6px;left:50%;margin-left:-1px}
.serdetailimgslide .swiper-button-next:after{border-left:5px solid #c4c1c1}
.serdetailimgslide .swiper-button-prev:after{border-right:5px solid #c4c1c1;margin-left:-2px}
.serdetailimgslide .swiper-button-next:hover,
.serdetailimgslide .swiper-button-prev:hover{border:1px solid #5a8cb7;background-color:#5a8cb7}
.serdetailimgslide .swiper-button-next:hover:after{border-left:5px solid #fff}
.serdetailimgslide .swiper-button-prev:hover:after{border-right:5px solid #fff}
.serdetailimgslide .gallery-thumbs .swiper-slide{opacity:.3}
.serdetailimgslide .gallery-thumbs .swiper-slide-thumb-active{opacity:1}
.serdetailbuy{margin-left:58px;width:calc(100% - 508px)}
.serdetailbuy .title{font-size:24px}
.serdetailbuy .desc{color:#666;line-height:2.143;margin-top:8px}
.serdetailbuy .pricebox{margin-top:30px;border-bottom:1px solid #e5e5e5;padding-bottom:16px}
.serdetailbuy .pricebox .text{color:#666}
.serdetailbuy .pricebox .origpric{color:#00447d;text-decoration:line-through;margin-bottom:0}
.serdetailbuy .pricebox .price{color:#00447d;font-size:30px;font-weight:bold;line-height:1}
.serdetailruleitems{margin-top:38px}
.serdetailruleitem .text{color:#666;line-height:30px}
.serdetailruleitem .serdetailrulelist{border-radius:5px;height:30px;line-height:30px;padding:0 10px;border:1px solid #ccc;margin-right:10px;margin-bottom:10px;cursor:pointer}
.serdetailrulebox{width:calc(100% - 70px)}
.serdetailruleitem .serdetailrulelist.cur{border:1px solid #00447d;color:#00447d}
.serdetailruleitem .desct{width:calc(100% - 70px);margin-bottom:10px}
.serdetailruleitem .desct .con{font-size:12px;color:#666;line-height:20px;padding:5px 0;overflow:hidden;max-height:30px;}
.serdetailruleitem .desct.two{font-size:14px;margin-bottom:10px}
.serdetailruleitem .numbox{width:77px;height:32px;border:1px solid #ccc;border-radius:5px;margin-bottom:10px}
.serdetailruleitem .numbox .min{width:23px;line-height:32px;color:#999;cursor:pointer;text-align:center}
.serdetailruleitem .numbox .max{width:23px;line-height:32px;color:#333;cursor:pointer;text-align:center}
.serdetailruleitem .numbox .num{width:29px;line-height:32px;font-family:Arial;text-align:center}
.serdetailbuy .botbtnbox{margin-top:15px}
.serdetailbuy .botbtnbox .btn{width:114px;height:38px;line-height:38px;text-align:center;border-radius:38px;cursor:pointer}
.serdetailbuy .botbtnbox .btn.btn1{background-color:#5a8cb7;color:#fff;margin-right:20px}
.serdetailbuy .botbtnbox .btn.btn2{color:#5a8cb7;border:1px solid #5a8cb7}
.serdetailbuy #description .con.moretext{max-height:30px !important}
.serdetailbuy #more{cursor:pointer;display:none}
.serdetailbuy #more.cur{display:block}
.serdetailbuy #more.active{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
.serdetailbuy #more img{width:21px;height:21px;margin:0 auto}

.selectbox{width:100%;height:46px;margin-top:18px;border-radius:5px;outline:none;padding:0px 27px 0 19px;border:1px solid #ccc;appearance:none;-moz-appearance:none;-webkit-appearance:none;
    background-image:url(../images/seldown.png);background-repeat:no-repeat;background-position:right 19px center
}
.selectbox option{line-height:24px}
.conordermessage-bot .selectbox,
.memaddr-add .selectbox{margin-top:0}


/* 后期添加 */

/* 委托单1 */
.operacommObox{margin-top:40px;text-align:center}
.operacommObox .btn{width:114px;height:38px;display:inline-block;margin:0 6px;border-radius:38px;text-align:center;line-height:38px;color:#fff;cursor:pointer;}
.operacommObox .btn.one{background-color:#5a8cb7}
.operacommObox .btn.two{border:1px solid #5a8cb7;color:#5a8cb7}
.operacommObox .btn.two:hover{background-color:#5a8cb7;color:#fff;transition:.4s;-webkit-transition:.4s}
.operacommObox .operacommObox-bot{margin-top:35px;color:#666}

/* 委托单2 */
.commfillin{width:958px}
.commfillintopbox .title{color:#00447d;font-weight:bold;font-size:16px;text-align:left}
.commfillin .one.sercontent{margin-top:20px}
.commfillintopbox .items{margin-top:34px}
.commfillintopbox .items .item{margin-bottom:26px}
.commfillintopbox .items .item .name,
.commfillintopbox .items .item .text{color:#666}
.commfillintopbox .items .item.small{margin-right:39px}
.commfillintopbox .items .item.big{width:100%}
.commfillintopbox .items .item:nth-last-of-type(1){margin-bottom:0}
.commfillinpadd{padding:22px 60px 40px 60px}
.commfilltitle{font-size:16px;font-weight:bold;color:#00447d;text-align:left;padding-bottom:16px;border-bottom: 1px solid #dedede}
.commfillin .w552{width:552px}
.commfillin .w266{width:266px}
.commfillin .w100{width:100%}
.commfillin .commfillinpadd.one .form{padding-top:36px}
.commfillin .commfillinpadd.one .formitem{margin-right:20px;margin-bottom:36px}
.commfillin .commfillinpadd.one .formitem.cfmgb0{margin-bottom:0}
.commfillin .commfillinpadd.one .formitem.cfmgr0{margin-right:0}
.commfillin .commfillinpadd.one .formitem .name{margin-bottom:20px}
.commfillin .commfillinpadd.one .formitem .input{width:100%}
.commfillin .commfillinpadd.one .formitem .input input{width:100%;height:46px;padding:5px 15px;border-radius:4px;border:1px solid #e0e0e0}
.commfillin .commfillinpadd.one .selitem .name{margin-right:12px}
.commfillin .commfillinpadd.one .selitem .commfillselitem{margin-right:39px}
.commfillin .commfillinpadd.one .selitem .commfillselitem .commfillsel{width:18px;height:18px;border:1px solid #ccc;margin-right:10px;cursor:pointer}
.commfillin .commfillinpadd.one .selitem .commfillselitem .commfillsel.cur{background-image:url(../images/commfillsel.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.commfillin .commfillinpadd.one .selitem .commfillselitem .text{color:#666;line-height:18px}
.commfillin .commfillinpadd.one .selitem .commfillselitem .prop{color:#00447d}
.commfillin .commfillinpadd.bot .commfillselitem .commfillsel{width:18px;height:18px;border:1px solid #ccc;margin-right:10px;cursor:pointer}
.commfillin .commfillinpadd.bot .commfillselitem .commfillsel.cur{background-image:url(../images/commfillsel.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.commfillin .commfillinpadd.bot .commfillselitem .text{color:#666;line-height:18px}
.commfillin .commfillinpadd.bot .commfillremarks{margin-top:34px}
.commfillin .commfillinpadd.bot .commfillremarks .text{color:#666;line-height:2.143;margin-top:10px}
.commfillin .commfillinpadd.bot .botitem{width:266px;margin-right:40px;margin-top:32px}
.commfillin .commfillinpadd.bot .botitem:nth-of-type(2n){margin-right:0}
.commfillin .commfillinpadd.bot .botitem .line{width:178px;border-bottom:1px solid #333;margin-top:15px}
.commfillin .commfillinpadd.bot .botitem.small .line{width:150px}
.commfillin .commfillinpadd.one .selitem .name{margin-bottom:0}




.serdetail_bot .sertitle{margin-top:30px;}



/*pageinfo*/
.pageinfo {text-align:center;border-radius:3px;margin-bottom: 40px;}
.pageinfo a{background-color:#fff;border-color:#f4f4f4;border-style:solid;border-width:1px;color:#666;margin:2px;padding:8px 20px;text-decoration:none;border-radius:4px;height:36px;line-height:36px;transition:all 0.2s ease 0s;}
.pageinfo a:hover {background-color:#00447d;border-color:#00447d;border-style:solid;border-width:1px;color:#fff;}
.pageinfo a:active {border-color:#00447d;border-style:solid;border-width:1px;color:#000;}
.pageinfo .thisclass,.pageinfo .page-num-current {background-color:#00447d;border-color:#00447d;border-style:solid;border-width:1px;color:#fff;font-weight:bold;margin:2px;padding:8px 20px;border-radius:4px;}
.pageinfo b {background-color:#00447d;border-color:#00447d;border-style:solid;border-width:1px;color:#fff;font-weight:bold;margin:2px;padding:8px 20px;border-radius:4px;}
.pageinfo span.disabled {border-color:#f4f4f4;border-style:solid;border-width:1px;color:#666;margin-right:2px;padding:8px 20px;border-radius:4px;background-color:#fff;}
.page-status{display: none;}