锘緻charset "utf-8";
/* CSS Document */

body { background:#fff; font-size:14px; font-family: '寰蒋闆呴粦'; color:#333; overflow-x:hidden; -webkit-tap-highlight-color:transparent; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], textarea, button, select{ font-size:14px; font-family: '寰蒋闆呴粦'; -webkit-appearance:none; border-radius:0; }
h1, h2, h3, h4, h5, h6{ font-weight:normal;}
ul, li, ol, dl, dt {list-style:none;}
img { border:0; vertical-align:top; max-width:100% !important;}
a { text-decoration:none; color:#333; cursor:pointer; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;}
a:hover { text-decoration:none; color:#183e53; }
table{ border-collapse:collapse; border:0;}
*{ margin:0; padding:0; border:0; font-size:100%; outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.clearfix:after { clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0; }
.clearfix { zoom: 1 }
.fl { float:left; }
.fr { float:right; }
.w{ width:1300px; margin:0 auto; }
.align-vertical { display:table-cell; vertical-align:middle;}
.hide{ display:none !important;}
.c-red{ color:#ff0c21 !important;}


@font-face {
	font-family: '寰蒋闆呴粦';
	
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: '寰蒋闆呴粦';
	
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: '寰蒋闆呴粦';
	
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: '寰蒋闆呴粦';
	
	font-weight: normal;
	font-style: normal;
}



/**index**/
.rwHead-top{ background:url(../images/rwHead-bg.jpg) no-repeat top center; width:100%; position:relative; padding:14px 0; border-bottom:1px #183e53 solid;}
.rwHead-top .tools{ height:76px; display:flex; align-items:center; }
.rwHead-top .tools li{ background:url(../images/rwHead-tel.png) no-repeat left center; font-size:16px; padding-left:30px; margin-left:58px;}
.rwHead-top .tools li .f{ font-family:'SourceHanSans-Light'; font-size:14px;}
.rwHead-top .tools li .n{ font-family:'SourceHanSans-Bold';}
.rwHead-top .tools li:nth-child(2){ background:url(../images/rwHead-trial.png) no-repeat left center;}
.rwHead-top .tools li:nth-child(3){ background:url(../images/rwHead-login.png) no-repeat left center;}

.rwHead-site{ background:#fff; width:100%; position:relative; z-index:99; border-bottom:1px #e5e5e5 solid;}
.rwHead-site .site-nav li{ float:left; padding:0 105px 0 34px;}
.rwHead-site .site-nav li a.far{ min-width:48px; text-align:center; display:block; position:relative; line-height:78px; font-size:18px;}
.rwHead-site .site-nav li a.far:before{ content:''; background:#183e53; width:0; height:3px; position:absolute; left:50%; bottom:-1px; transform:translateX(-50%); transition:all 0.4s;}
.rwHead-site .site-nav li.active a.far:before, .rwHead-site .site-nav li:hover a.far:before{ width:48px;}
.rwHead-site .site-nav li .subNav{ background:#fff; width:100%; position:absolute; left:0; top:100%; padding-bottom:50px; border-top:1px #e5e5e5 solid;  opacity: 0;
    pointer-events: none;
    transform:translate3d(0, 10px, 0);
    -webkit-transform:translate3d(0, 10px, 0);
    -moz-transform:translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    backface-visibility: hidden;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}
.rwHead-site .site-nav li .subNav a{ min-width:25%; float:left; margin-top:39px; color:#183e53;}
.rwHead-site .site-nav li .subNav a:hover{transform:translateX(10px);}
.rwHead-site .site-nav li .subNav a:nth-child(4n+4){ min-width:inherit;}
.rwHead-site .site-nav li .subPro{ background:#fff; width:100%; position:absolute; left:0; top:100%; padding:20px 0 30px 0; border-top:1px #e5e5e5 solid; opacity: 0;
    pointer-events: none;
    transform: translate3d(0, 10px, 0);
    -webkit-transform: translate3d(0, 10px, 0);
    -moz-transform:translate3d(0, 10px, 0);
    -o-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    backface-visibility: hidden;
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;}
.rwHead-site .site-nav li .subPro .w{ display:flex; flex-wrap:wrap;}
.rwHead-site .site-nav li .subPro dl{width: 300px;/* border: 1px solid red; */margin-top:20px;}
.rwHead-site .site-nav li .subPro dl:nth-child(3n+3){ min-width:inherit;}
.rwHead-site .site-nav li .subPro dl dt{ color:#183e53; font-weight:bold; padding-bottom:12px;}
.rwHead-site .site-nav li .subPro dl dd a{ font-family:'SourceHanSans-Light'; display:block; color:#6b6b6b; line-height:24px;}
.rwHead-site .site-nav li .subPro dl dd a:hover{ color:#60add6;}
.rwHead-site .site-nav li:hover .subPro{    opacity: 1;
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    backface-visibility: hidden;
    pointer-events: auto;}
.rwHead-site .site-nav li:hover .subNav {  opacity: 1;
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    -o-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    backface-visibility: hidden;
    pointer-events: auto;}


.rwHead-site .site-srhBtn{ background:url(../images/srhBtn.png) no-repeat center; width:40px; height:78px; margin-right:85px; cursor:pointer;}
.rwHead-site .site-srhBox{ background:rgba(255,255,255,.6); width:100%; text-align:center; padding:40px 0; position:absolute; left:0; top:100%; font-size:0; z-index:-1; transform:translateY(-100%); transition:ease .65s; visibility:hidden;}
.rwHead-site .site-srhBox.on{ transform:translateY(0); visibility:visible;}
.rwHead-site .site-srhBox .close{ background:url(../images/srh-close.png) no-repeat; width:30px; height:30px; position:absolute; right:0; top:1px;}
.rwHead-site .site-srhBox .inpt{ background:#fff; width:500px; height:40px; line-height:40px; padding-left:20px; font-size:12px; color:#999; display:inline-block; vertical-align:top; border-radius:5px 0 0 5px;}
.rwHead-site .site-srhBox .btn{ background:#183e53; width:71px; height:40px; line-height:40px; color:#fff; font-size:14px; cursor:pointer;}


.rwBanner{ position:relative; overflow:hidden;}
.rwBanner li img{ width:100%;}
.rwBanner .swiper-pagination{ font-size:0; bottom:15px !important;width: 100%;}
.rwBanner .swiper-pagination-bullet{ background:#fff; width:12px; height:12px; margin:0 5px !important; transition:all 0.4s; opacity:1; }
.rwBanner .swiper-pagination-bullet-active{ background:#183e53; }


.rwSeries{ padding:60px 0;}
.rwSeries-list{ margin-left:-30px; position:relative;}
.rwSeries-list li{ width:calc(25% - 30px); float:left; margin-left:30px; display:inline-block; text-align:center; transition:all 0.4s ease;}
.rwSeries-list li .pic{ overflow:hidden; max-height:280px;}
.rwSeries-list li .pic img{ width:100%; display:block; transition:all 0.4s;}
.rwSeries-list li .txt{ padding:20px 45px; transition:all 0.4s;}
.rwSeries-list li .txt .t{ font-size:18px; font-family:'SourceHanSans-Bold'; transition:all 0.4s;}
.rwSeries-list li .txt .c{ font-family:'SourceHanSans-Light'; margin-top:13px; color:#6b6b6b; line-height:24px; max-height:48px; overflow:hidden; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:all 0.4s;}
.rwSeries-list li:hover .txt{ background:#183e53; box-shadow:6px 0 27px rgba(0,0,0,.26);}
.rwSeries-list li:hover .txt .t{ color:#fff;}
.rwSeries-list li:hover .txt .c{ color:#fff;}
.rwSeries-list li:hover .pic img{ transform:scale(1.1); }


.rwProduct{ background-image:url(../images/rwProduct-bg.jpg); background-position:center; background-size:cover; padding:45px 0 30px 0;}
.rwProduct-head{ font-family:'SourceHanSans-Bold'; text-align:center;}
.rwProduct-head .en{ color:rgba(0,0,0,.2); font-size:32px; line-height:1; text-transform:uppercase;}
.rwProduct-head .en em{ background:rgba(0,0,0,.2); width:93px; height:1px; display:inline-block; vertical-align:middle; margin:0 10px;}
.rwProduct-head .cn{ font-size:32px; line-height:1; margin-top:13px;}
.rwProduct-list{ margin-left:-130px; position:relative;}
.rwProduct-list li{ width:calc(25% - 130px); float:left; text-align:center; display:inline-block; margin:50px 0 0 130px; transition:all 0.4s;}
.rwProduct-list li .thumb{height: 220px;display:flex;justify-content:center;align-items:center;}
.rwProduct-list li .thumb img{ max-height:100%;}
.rwProduct-list li .name{ font-family:'SourceHanSans-Bold'; font-size:20px;}
.rwProduct-list li .desc{ font-family:'SourceHanSans-Light'; margin-top:13px; color:#6b6b6b; line-height:24px; height:48px; overflow:hidden; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.rwProduct-list li:hover{ transform:translateY(-10px);}


.rwNews{ padding:90px 0 100px 0;}
.rwNews .rwProduct-head{ padding-bottom:30px;}
.rwNews-row{ width:46.6%;}
.rwNews-rowFirst{ position:relative;}
.rwNews-rowFirst .pic{ width:280px; height:143px; overflow:hidden;}
.rwNews-rowFirst .pic img{ width:100%; display:block; transition:all 0.4s;}
.rwNews-rowFirst .word{ width:calc(100% - 280px); padding-left:30px;}
.rwNews-rowFirst .word .t{ font-size:20px; line-height:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rwNews-rowFirst .word .c{ margin-top:15px; color:rgba(38,38,38,.7); line-height:24px; height:48px; overflow:hidden; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:all 0.4s;}
.rwNews-rowFirst .word .d{ background:url(../images/time.png) no-repeat left center; padding-left:18px; display:inline-block; margin-top:39px; color:rgba(38,38,38,.7);}
.rwNews-rowFirst .word .m{ background:url(../images/more.png) no-repeat; width:16px; height:16px; position:absolute; right:0; bottom:0; transition:all 0.4s;}
.rwNews-rowFirst:hover .pic img{ transform:scale(1.1); }
.rwNews-rowFirst:hover .word .m{ background:url(../images/more-hover.png) no-repeat; transform:rotate(360deg);}

.rwNews-rowList{ margin-top:45px; padding-top:10px; border-top:1px #ccc solid;}
.rwNews-rowList li{ margin-top:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rwNews-rowList li a{ color:rgba(38,38,38,.7); }
.rwNews-rowList li span{ float:right; color:#878787;}
.rwNews-rowList li:hover a{ color:#183e53;}



.rwFooter{ background-image:url(../images/rwFooter-bg.jpg); background-position:center; background-size:cover; color:#fff;}
.rwFooter-top{ display:flex; border-bottom:1px solid rgba(255,255,255,.5);}
.rwFooter-topLeft{ width:68%; border-right:1px solid rgba(255,255,255,.5);}
.rwFooter-topLeft .f-logo{ padding:29px 0 39px 0; border-bottom:1px solid rgba(255,255,255,.5);}
.rwFooter-topLeft .f-menu{ padding-top:50px;}
.rwFooter-topLeft .f-menu dl{ width:25%; float:left;}
.rwFooter-topLeft .f-menu dl dt{ font-size:18px; padding-bottom:20px;}
.rwFooter-topLeft .f-menu dl dd a{ font-family:'SourceHanSans-Light'; display:block; line-height:28px; color:#fff;}
.rwFooter-topLeft .f-menu dl dd a:hover{ opacity:.8; color:#60add6}
.rwFooter-topRight{ width:32%; padding:70px 0 40px 75px;}
.rwFooter-topRight dl{margin-top: 7px; line-height:22px;}
.rwFooter-topRight dl dt{ float:left;}
.rwFooter-topRight dl dd{ overflow:hidden;}
.rwFooter-topRight .f-code{ font-family:'SourceHanSans-Light'; margin-top:40px; text-align:center;}
.rwFooter-topRight .f-code img{ width:120px; margin-bottom:10px;}
.rwFooter-copy{ font-family:'SourceHanSans-Light'; text-align:center; padding:30px 0;}


/**鍙充晶棰勭害鏍?*/
.public-celan { position:fixed; right:0;bottom:10%; z-index:101; transform:translateY(-50%); }
.public-celan li { position:relative; margin-top:4px; }
.public-celan li > a { background:#d0d6d9; position:relative; z-index:1; width:52px; height:50px; text-align:center; display:flex; justify-content:center; align-items:center; cursor:pointer; }
.public-celan li > a:hover{ background:#183e53;}
.public-celan li > a.return-top{ background:#183e53;}
.public-celan li .txt{ font-size:14px; line-height:16px; color:#fff; }
.public-celan li .tel { background:#183e53; white-space:nowrap; position:absolute; right:-500px; top:0; z-index:0; line-height:50px; color:#fff; padding:0 20px; font-size:24px; border-radius:5px 0 0 5px; transition:all .5s ease; }
.public-celan li .code{ background:#183e53; padding:15px 0; color:#fff; width:140px; position:absolute; right:-500px; top:0px; border-radius:5px 0 0 5px; transition:all .5s ease;  }
.public-celan li .code img{ margin-bottom:10px;}
.public-celan li:hover .tel { right:calc(100% - 5px); }
.public-celan li:hover .code { right:calc(100% - 5px); }


/**鏈嶅姟鏀寔**/
.pbanner{ background-position:center; background-size:cover; height:350px; position:relative;}
.pbanner .text{ width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; text-align:center;}
.pbanner .text .t{ font-family:'SourceHanSans-Bold'; font-size:35px; line-height:1; letter-spacing:10px;}
.pbanner .text .c{ font-size:26px; margin-top:25px; line-height:1;}

.pmain{ padding:50px 0;}
.pmain-add{ background:#f2f2f2; line-height:50px; padding-left:20px; font-size:16px; color:#6b6b6b; font-family:'SourceHanSans-Light'; margin-bottom:40px; position:relative;}
.pmain-add a{ color:#6b6b6b;}
.pmain-add .cur{ color:#183e53;}
.pmain-add .cart-menu{ position:absolute; right:0; top:0;}
.pmain-add .cart-menu a{ min-width:120px; float:left; text-align:center;}
.pmain-add .cart-menu a.active{ background:#183e53; color:#fff;}


.pmain-left{ width:26%;margin-bottom: 50px;}
.pmain-left .title{ font-family:'SourceHanSans-Bold'; font-size:22px; line-height:1; padding-bottom:20px; margin-bottom:16px; border-bottom:2px #183e53 solid;}
.pmain-left .menu a{ display:block; font-size:16px; padding:18px 0 5px 20px; position:relative; border-bottom:1px #e5e5e5 solid;}
.pmain-left .menu a.active, .pmain-left .menu a:hover{ background:#f5f8fa; color:#183e53;}
.pmain-left .menu a.active:before, .pmain-left .menu a:hover:before{ content:''; background:#183e53; width:3px; height:100%; position:absolute; left:0; top:0;}
.pmain-right{ width:70%;}


.pmain-ppage{ padding-top:40px; font-size:0; text-align:center;}
.pmain-ppage a{ background:#fff; line-height:28px; margin:0 6px; padding:0 10px; vertical-align:top; display:inline-block; font-size:14px; border:1px solid #c8c8c8; border-radius:3px;}
.pmain-ppage .nowpage{ background:#183e53; line-height:28px; margin:0 6px; padding:0 10px; vertical-align:top; display:inline-block; font-size:14px; color:#fff; border:1px solid #60add6; border-radius:3px;}
.pmain-ppage a:hover{ background:#183e53; border-color:#60add6; color:#fff;}


.pservice-plan{ padding:20px 30px 40px 30px; border:1px #f0f0f0 solid;}
.pservice-plan li{ font-family:'SourceHanSans-Light'; font-size:16px; padding:0 17px; line-height:54px; margin-top:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px #d9d9d9 solid; transition:all 0.4s;}
.pservice-plan li span{ float:right;}
.pservice-plan li:hover{ background:#f5f8fa;}
.pservice-plan li:hover span{ color:#183e53;}
.pservice-plan-details{ padding:30px; border:1px #d1d1d1 solid;}
.pservice-plan-details .det-down{  text-align:right;}
.pservice-plan-details .det-down a{ font-size:16px; color:#183e53; text-decoration:underline; display:inline-block; margin-left:10px;}
.pservice-plan-details .det-title{ font-size:22px; font-family:'SourceHanSans-Bold'; text-align:center;}
.pservice-plan-details .det-text{ font-family:'SourceHanSans-Light'; color:#6b6b6b; line-height:22px; margin-top:30px;}


.pservice-sales dl{ padding:25px; margin-top:43px; border:1px #d1d1d1 solid;}
.pservice-sales dl:first-child{ margin-top:0;}
.pservice-sales dl dt{ font-size:18px; padding-bottom:6px; border-bottom:1px #183e53 dashed;}
.pservice-sales dl dd{ font-family:'SourceHanSans-Light'; margin-top:10px; line-height:22px; color:#6b6b6b;}

.pservice-down{ padding:20px 30px 40px 30px; border:1px #f0f0f0 solid;}
.pservice-down li a{ display:block; font-family:'SourceHanSans-Light'; position:relative; font-size:16px; padding:0 50px 0 18px; line-height:54px; margin-top:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px #d9d9d9 solid; transition:all 0.4s;}
.pservice-down li .icon{ line-height:1; position:absolute; right:18px; top:50%; transform:translateY(-50%);}
.pservice-down li a:hover{ box-shadow:0 0 10px rgba(0,0,0,.1);}

.pservice-faq{ margin-top:48px; padding:30px; border:1px #d1d1d1 solid;}
.pservice-faq:first-child{ margin-top:0;}
.pservice-faq .faq-title{ padding-bottom:8px; }
.pservice-faq .faq-text dl{ padding:10px 0;}
.pservice-faq .faq-text dl dt{ color:#183e53;}
.pservice-faq .faq-text dl dd{ font-family:'SourceHanSans-Light'; line-height:22px; color:#6b6b6b; margin-top:10px;}
.pservice-faq .faq-text dl dd .a{ font-family:'SourceHanSans-Regular'; display:block;}


/**鏂伴椈璧勮**/
.pnews-first{ padding-top:10px;}
.pnews-first .figure{ width:36%;}
.pnews-first .unstyled{ width:60%;}
.pnews-first .unstyled li{ overflow:hidden; padding:17px 0 16px 0; border-bottom:1px #e7e7e7 dashed;}
.pnews-first .unstyled li:first-child{ padding-top:0;}
.pnews-first .unstyled li:last-child{ border-bottom:0;}
.pnews-first .unstyled li .date{ background:#f0f0f0; width:84px; height:84px; padding-top:20px; text-align:center; color:#6b6b6b; transition:all 0.4s;}
.pnews-first .unstyled li .date .d{ font-size:24px; line-height:1; margin-bottom:4px;}
.pnews-first .unstyled li .con{ width:calc(100% - 84px); padding-left:13px;}
.pnews-first .unstyled li .con .t{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pnews-first .unstyled li .con .c{ font-family:'SourceHanSans-Light';  margin-top:7px; color:#888; line-height:26px; max-height:52px; overflow:hidden; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:all 0.4s;}
.pnews-first .unstyled li:hover .date{ background:#183e53; color:#fff;}

.pnews-list li{ padding:30px 0; border-bottom:1px #e7e7e7 dashed; transition:all 0.4s;}
.pnews-list li .t{ font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  transition:all 0.4s;}
.pnews-list li .t span{ font-family:'SourceHanSans-Light'; color:#888; float:right; transition:all 0.4s;}
.pnews-list li .c{ font-family:'SourceHanSans-Light'; margin-top:6px; color:#888; line-height:26px; max-height:52px; overflow:hidden; word-break:break-all; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; transition:all 0.4s;}
.pnews-list li:hover{ background:#183e53; padding:30px;}
.pnews-list li:hover .t{ color:#fff;}
.pnews-list li:hover .t span{ color:#fff;}
.pnews-list li:hover .c{ color:#fff;}

.pnews-details-head{ text-align:center;}
.pnews-details-head .t{ font-family:'SourceHanSans-Bold'; padding-bottom:10px; font-size:32px;}
.pnews-details-head .c span{ font-family:'SourceHanSans-Light'; color:#808080; margin:0 20px; line-height:20px; display:inline-block; vertical-align:top; font-size:16px;}
.pnews-details-head .c span img{ margin-right:10px;}
.pnews-details-text{ font-family:'SourceHanSans-Light'; line-height:26px; margin-top:50px;}


/**璧拌繘钃変负**/
.pabout-culture{ background:url(../images/pabout-culture.jpg) no-repeat bottom; background-size:100% auto;}
.pabout-culture-text{ text-align:center;}
.pabout-culture-text .title{ font-family:'SourceHanSans-Bold'; font-size:36px; line-height:1;}
.pabout-culture-text .sbtitle{ font-family:'SourceHanSans-Light'; font-size:22px; color:#6b6b6b; line-height:1; margin-top:20px; letter-spacing:5px;}
.pabout-culture-text .text{ font-family:'SourceHanSans-Light'; max-width:80%; margin:auto; margin-top:30px; font-size:16px; line-height:26px; color:#888;}
.pabout-culture-list{ display:flex; margin-top:45px; text-align:center; justify-content:center;}
.pabout-culture-list li{ background:#fff; width:328px; padding:20px; margin:0 40px; border-radius:10px; box-shadow:13px 4px 38px rgba(0,0,0,.07); transition:all 0.4s;}
.pabout-culture-list li .thumb{ border-radius:10px; overflow:hidden;}
.pabout-culture-list li .thumb img{ width:100%; display:block; transition:all 0.4s;}
.pabout-culture-list li .title{ font-size:22px; line-height:1; margin-top:35px;}
.pabout-culture-list li .word{ font-family:'SourceHanSans-Light'; margin-top:15px; font-size:16px; line-height:26px; color:#888;}
.pabout-culture-list li:hover{ transform:translateY(-10px);}
.pabout-culture-list li:hover .thumb img{ transform:scale(1.1); }

.pabout-main{ background-image:url(../images/pabout-bg.jpg); background-position:center; background-size:cover; width:100%;}
.pabout-Introd{ margin-top:40px; display:flex; justify-content:center; align-items:center; flex-direction:row-reverse;}
.pabout-Introd .thumb{ width:37.6%; overflow:hidden;}
.pabout-Introd .thumb img{ width:100%; display:block; transition:all 0.4s;}
.pabout-Introd .word{ width:62.4%; padding-right:5.2%;}
.pabout-Introd .word .t{ font-family:'SourceHanSans-Bold'; font-size:22px; line-height:1;}
.pabout-Introd .word .t .line{ background:#183e53; width:37px; height:8px; display:inline-block; margin-left:13px;}
.pabout-Introd .word .c{ font-family:'SourceHanSans-Light'; margin-top:35px; font-size:16px; line-height:28px; color:#888;}
.pabout-Introd:hover .thumb img{ transform:scale(1.1);}


.pabout-platform{ margin-top:65px; display:flex; justify-content:center; align-items:center; }
.pabout-platform .thumb{ width:37.6%; overflow:hidden;}
.pabout-platform .thumb img{ width:100%; display:block; transition:all 0.4s;}
.pabout-platform .word{ width:62.4%; padding-left:5.2%;}
.pabout-platform .word .t{ font-family:'SourceHanSans-Bold'; font-size:22px; line-height:1;}
.pabout-platform .word .t .line{ background:#183e53; width:37px; height:8px; display:inline-block; margin-left:13px;}
.pabout-platform .word .c{ font-family:'SourceHanSans-Light'; margin-top:35px; font-size:16px; line-height:28px; color:#888;}
.pabout-platform:hover .thumb img{ transform:scale(1.1);}


.pabout-concept{ margin-top:110px;}
.pabout-concept-list{ display:flex; margin-top:90px; text-align:center; justify-content:center;}
.pabout-concept-list li{ background:#fff; width:335px; padding:70px 38px 45px 38px; margin:0 35px; position:relative; border-radius:10px; box-shadow:13px 4px 38px rgba(0,0,0,.07); transition:all 0.4s; cursor:pointer;}
.pabout-concept-list li .icon{ width:94px; position:absolute; left:50%; top:-50px; transform:translateX(-50%);}
.pabout-concept-list li .title{ font-size:22px; line-height:1; }
.pabout-concept-list li .text{ font-family:'SourceHanSans-Light'; margin-top:30px; font-size:16px; line-height:24px; color:#888;}
.pabout-concept-list li:hover{ transform:translateY(-10px);}


.pcontact-inner{ margin-top:60px;}
.pcontact-inner-right{ width:43.69%;}
.pcontact-inner-left{ width:48%;}
.pcontact-inner-left .in-title{ background:#183e53;  font-family:'SourceHanSans-Bold'; text-align:center; letter-spacing:10px; display:inline-block; min-width:166px; line-height:40px; font-size:22px; color:#fff;}
.pcontact-inner-left .in-list li{ margin-top:30px;}
.pcontact-inner-left .in-list li .tt{ font-family:'SourceHanSans-Bold'; line-height:1; font-size:22px;}
.pcontact-inner-left .in-list li .tc{ font-family:'SourceHanSans-Light'; margin-top:12px; line-height:24px; color:#676767;}
.pcontact-inner-left .in-list li .tc dl dt{ float:left;}
.pcontact-inner-left .in-list li .tc dl dd{ overflow:hidden;}

.pcontact-office li{ background:#f4f4f4; width:48.8%; float:left; margin-top:34px; padding:25px 40px; overflow:hidden; box-shadow:15px 0 24px rgba(0,0,0,.06); transition:all 0.4s; cursor:pointer;}
.pcontact-office li .city{ background:#183e53; width:122px; line-height:115px; text-align:center; color:#fff; font-family:'SourceHanSans-Bold'; font-size:24px; transition:all 0.4s;}
.pcontact-office li .text{ width:calc(100% - 122px); padding-left:40px; }
.pcontact-office li .text .t{ font-family:'SourceHanSans-Bold'; font-size:18px; line-height:43px; border-bottom:1px #000 dashed; transition:all 0.4s;}
.pcontact-office li .text .c{ font-family:'SourceHanSans-Light'; margin-top:15px; line-height:28px; transition:all 0.4s;}
.pcontact-office li:nth-child(2n+2){ float:right;}
.pcontact-office li:hover{ background:#183e53;}
.pcontact-office li:hover .city{ background:#fff; color:#183e53;}
.pcontact-office li:hover .text .t{ color:#fff; border-color:#fff;}
.pcontact-office li:hover .text .c{ color:#fff;}


/**浜烘墠鎷涜仒**/
.pjoin-list{ padding-top:25px;}
.pjoin-list li{ background:#eee; line-height:83px; overflow:hidden; margin-top:22px; padding:0 24px; transition:all 0.4s;}
.pjoin-list li .name{ width:260px; font-size:22px; color:#183e53; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pjoin-list li .text{ max-width:calc(100% - 380px); font-family:'SourceHanSans-Light'; color:#6b6b6b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pjoin-list li .view{ background:url(../images/view.png) no-repeat left center; padding-left:27px; font-family:'SourceHanSans-Light'; color:#3a3a3a; font-style:normal;}
.pjoin-list li:hover{ box-shadow:0 0 10px rgba(0,0,0,.1);}

.pjoin-details{ margin-top:45px; padding-bottom:75px;}
.pjoin-details-left{ width:74.38%; border:1px #d9d9d9 solid;}
.pjoin-details-head{ font-family:'SourceHanSans-Light'; padding:20px 40px 15px 40px;}
.pjoin-details-head .name{ font-family:'SourceHanSans-Bold'; margin-left:10px; font-size:22px;}
.pjoin-details-head .price{ font-family:'SourceHanSans-Bold'; margin-left:10px; font-size:22px; color:#183e53;}
.pjoin-details-show{ background:#f3f3f3; padding:20px 40px; font-family:'SourceHanSans-Light'; }
.pjoin-details-show li{ width:33.33%; float:left; padding:8px 0;}
.pjoin-details-show li label{ color:#6b6b6b;}

.pjoin-details-word{ padding:30px 40px 20px 40px; border-top:1px #d9d9d9 solid;}
.pjoin-details-word .title{ color:#183e53; font-size:22px; line-height:1;}
.pjoin-details-word .text{ font-family:'SourceHanSans-Light'; margin-top:15px; line-height:26px;}
.pjoin-details-word .welfare{ padding-bottom:50px;}
.pjoin-details-word .welfare span{ background:#e5f6ff; font-family:'SourceHanSans-Light'; margin:15px 20px 0 0; padding:0 13px; color:#60add6; float:left; line-height:29px;}
.pjoin-details-word .apply{ background:#183e53; font-family:'SourceHanSans-Light'; width:133px; line-height:42px; display:inline-block; text-align:center; font-size:16px; color:#fff; margin-top:30px; border-radius:5px;}
.pjoin-details-word .applys{padding: 2px 12px 2px 12px;background:#183e53; font-family:'SourceHanSans-Light';/* width:133px; */ line-height:42px; display:inline-block; text-align:center;font-size:16px; color:#fff; margin-top:30px; border-radius:5px;}
.pjoin-details-word .upload{ margin-top:20px;}
.pjoin-details-word .upload .file{ margin-top:10px;}
.pjoin-details-word .upload .ts{ font-family:'SourceHanSans-Light'; color:#676767; margin-top:12px;}

.pjoin-details-right{ width:22.5%; padding:25px 20px 7px 20px; border:1px #d9d9d9 solid;}
.pjoin-details-right .ri-head{ font-size:16px;}
.pjoin-details-right .ri-head .mo{ font-family:'SourceHanSans-Light'; font-size:14px; color:#6b6b6b; float:right;}
.pjoin-details-right .ri-list{ margin-top:20px;}
.pjoin-details-right .ri-list li{ font-family:'SourceHanSans-Light'; padding:16px 0; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px #efefef dashed;}
.pjoin-details-right .ri-list li:last-child{ border-bottom:0;}
.pjoin-details-right .ri-list li label{ background:#e53a33; width:20px; color:#fff; text-align:center; display:inline-block; vertical-align:top; margin-right:7px;}

.pjoin-details-filed{ padding:20px 0;}
.pjoin-details-filed li{ overflow:hidden; margin-top:20px;}
.pjoin-details-filed li .aside{ width:49%;}
.pjoin-details-filed li .area{ background:#f5f5f5; font-family:'SourceHanSans-Light'; color:rgba(38,38,38,.5); width:100%; height:160px; line-height:24px; vertical-align:top; padding:10px 15px; resize:none;}
.pjoin-details-filed li .inpt{ background:#f5f5f5; font-family:'SourceHanSans-Light'; color:rgba(38,38,38,.5); width:100%; height:50px; line-height:50px; vertical-align:top; padding:0 15px;}
.pjoin-details-filed li .btn{ background:#183e53; font-family:'SourceHanSans-Light'; color:#fff; width:100%; height:50px; line-height:50px; font-size:16px; display:inline-block; text-align:center; vertical-align:top; border-radius:5px; cursor:pointer;}


/**浜у搧涓績**/
.pproduct-aside li .head { font-size:16px; line-height:47px; position:relative; cursor:pointer; padding-left:20px; border-bottom:1px #e5e5e5 solid; border-left:3px #f8f8f8 solid; }
.pproduct-aside li .head:before{content:''; height:8px; width:8px; display:block; border:2px solid #3a3a3a; border-right-width:0; border-bottom-width:0; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg); position:absolute; top:19px; right:15px;}
.pproduct-aside li.active .head { background:#f5f8fa; color:#183e53; border-left-color:#183e53; }
.pproduct-aside li.active .head:before{ transform:rotate(-135deg); top:15px;}
.pproduct-aside li.active .children { display:block; }
.pproduct-aside li .children { display:none; }
.pproduct-aside li .children a { background:#f8f8f8; font-family:'SourceHanSans-Light'; padding:13px 0 13px 40px; position:relative; display:block; border-bottom:1px #e5e5e5 solid; }
.pproduct-aside li .children a.chooseActive, .pproduct-aside li .children a:hover{ background:#eee; }


.pproduct-species li{ margin-top:60px;}
.pproduct-species li:first-child{ margin-top:40px;}
.pproduct-species li a{ position:relative; display:flex; align-items:center;}
.pproduct-species li .thumb{ width:360px; overflow:hidden;}
.pproduct-species li .thumb img{ width:100%; display:block; transition:all 0.4s;}
.pproduct-species li .icon{ background:#183e53; width:128px; height:128px; position:absolute; left:290px; top:50%; transform:translateY(-50%); z-index:2; display:flex; align-items:center; justify-content:center; border-radius:50%; border:13px rgba(255,255,255,.76) solid;}
.pproduct-species li .icon img{ max-height:100%;}
.pproduct-species li .word{ flex:1; padding-left:80px;}
.pproduct-species li .word .t{ font-size:20px; padding-bottom:10px; letter-spacing:2px; border-bottom:1px #183e53 dashed;}
.pproduct-species li .word .c{ line-height:24px; color:#6b6b6b; margin-top:10px; max-height:120px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical;}
.pproduct-species li:hover .thumb img{ transform:scale(1.1);}

.pproduct-second-about .t{ font-size:22px; font-weight:bold;}
.pproduct-second-about .c{ line-height:22px; margin-top:25px;}
.pproduct-second-series{ margin-top:50px;}
.pproduct-second-series .title{ font-size:16px; font-weight:bold; padding-bottom:10px; border-bottom:1px #183e53 solid;}
.pproduct-second-series .list li{ margin-top:18px;}


.goods-detail-top .gdt-photo{ width:338px;}
.goods-detail-top .big-img{ border:2px #183e53 solid;}
.goods-detail-top .big-img li{ width:100%; height:396px; position:relative; display:none;}
.goods-detail-top .big-img li:first-child{ display:block;}
.goods-detail-top .big-img li img { position:absolute; left:50%; top:50%; max-height:100%; transform:translate(-50%,-50%);}
.goods-detail-top .small-img{ margin-top:15px; position:relative;  padding:0 25px;}
.goods-detail-top .small-imgSider{ overflow:hidden;}
.goods-detail-top .small-img li { background-color:#fff; width:100%; height:46px; overflow:hidden; display:flex; justify-content:center; align-items:center; border:2px solid #fff; }
.goods-detail-top .small-img li img { max-height:100%; }
.goods-detail-top .small-img li.active{ border:2px solid #183e53;}
.goods-detail-top .small-img .swiper-button-next, .goods-detail-top .small-img .swiper-button-prev{ background:url(../images/goods-arrow.png) no-repeat; width:18px; height:30px; margin-top:-15px;}
.goods-detail-top .small-img .swiper-button-prev{ left:0;}
.goods-detail-top .small-img .swiper-button-next{ right:0; transform:rotate(180deg);}

.goods-detail-top .gdt-info{ width:calc(100% - 338px); padding-left:25px;}
.goods-detail-top .gdi-name{ font-size:20px; font-weight:bold; padding-bottom:20px; border-bottom:1px #183e53 solid;}
.goods-detail-top .gdi-price{ padding-top:20px;}
.goods-detail-top .gdi-price dl{ margin-top:8px; font-size:16px; font-weight:inherit; line-height:28px;}
.goods-detail-top .gdi-price dl dt{ float:left;}
.goods-detail-top .gdi-price dl dd{ overflow:hidden; padding-left:7px;}
.goods-detail-top .gdi-price dl dd .price{ color:#ff0c21; display:inline-block; vertical-align:top;}
.goods-detail-top .gdi-price dl dd .price strong{ font-size:22px; display:inline-block; vertical-align:top; line-height:1; font-weight:normal;}
.goods-detail-top .gdi-price dl dd .model{ float:left; margin:0 5px 5px 0; padding:0 10px; border:1px #d9d9d9 solid; cursor:pointer;}
.goods-detail-top .gdi-price dl dd .model.on{ background:#183e53; color:#fff; border-color:#183e53;}
.goods-detail-top .gdi-price dl dd .jian{ background:url(../images/jian.png) no-repeat center; width:30px; height:28px; float:left; border:1px #d9d9d9 solid; border-radius:3px 0 0 3px;}
.goods-detail-top .gdi-price dl dd .jia{ background:url(../images/jia.png) no-repeat center; width:30px; height:28px; float:left; border:1px #d9d9d9 solid; border-radius:0 3px 3px 0;}
.goods-detail-top .gdi-price dl dd .inpt{ width:36px; height:28px; float:left; font-size:14px; text-align:center; border-top:1px #d9d9d9 solid; border-bottom:1px #d9d9d9 solid;}
.goods-detail-top .gdi-cart{ margin-top:24px;}
.goods-detail-top .gdi-cart .btn{ background:#888; padding:0 20px; height:38px; line-height:36px; text-align:center; color:#fff; float:left; margin-right:20px; display:inline-block; border:1px #eaeaea solid; }
.goods-detail-top .gdi-cart .btn:hover{ background:#183e53; border-color:#183e53;}
.goods-detail-top .gdi-down{ margin-top:25px; padding-top:25px; border-top:1px #e8e8e8 solid;}
.goods-detail-top .gdi-down li{ position:relative; font-size:16px; color:#183e53; padding-right:70px;}
.goods-detail-top .gdi-down li img{ margin-right:8px;}
.goods-detail-top .gdi-down li .click{ font-family:'SourceHanSans-Light'; position:absolute; right:0; top:0; color:#183e53;}

.goods-detail-main{ margin-top:60px;}
.goods-detail-main .gpw-title{ border-bottom:1px #d9d9d9 solid;}
.goods-detail-main .gpw-title a{ font-family:'SourceHanSans-Light'; font-size:16px; line-height:41px; padding:0 25px; float:left;}
.goods-detail-main .gpw-title a.on{ background:#183e53; color:#fff;}
.goods-detail-main .gpw-cont{ margin-top:25px;}
.goods-detail-main .gpw-cont .ct{ font-size:20px; font-weight:bold;}
.goods-detail-main .gpw-cont .cc{ font-family:'SourceHanSans-Light'; font-size:16px; color:#6b6b6b; line-height:32px; margin-top:15px;}
.goods-detail-main .gpw-body{ margin-top:30px;}
.goods-detail-main .gpw-body .bt{ display:flex; align-items:center; font-size:20px;}
.goods-detail-main .gpw-body .bt img{ margin-right:5px;}
.goods-detail-main .gpw-body .bt .line{ background:#918d8c; height:2px; display:inline-block; flex:1; margin-left:5px;}
.goods-detail-main .gpw-body .bc{ font-family:'SourceHanSans-Light'; font-size:16px; color:#6b6b6b; line-height:32px; margin-top:15px;}
.goods-detail-main .gpw-body .xgcp{ margin-left:-20px; position:relative;}
.goods-detail-main .gpw-body .xgcp li{ width:calc(33.33% - 20px); margin:30px 0 0 20px; float:left; padding:10px; display:inline-block; border:1px #d9d9d9 solid;}
.goods-detail-main .gpw-body .xgcp li .thumb{ height:210px; display:flex; justify-content:center; align-items:center;}
.goods-detail-main .gpw-body .xgcp li .thumb img{ max-height:100%;}
.goods-detail-main .gpw-body .xgcp li .name{ font-family:'SourceHanSans-Light'; font-size:14px; text-align:center; color:#6b6b6b; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }



/**鐧诲綍**/
.login-marsk{ background:rgba(0,0,0,.38); width:100%; height:100%; position:fixed; right:0; top:0; z-index:998; display:none;}
.login-popup{ background:#fff; font-family:'SourceHanSans-Light'; width:600px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:999; display:none;}
.login-popup-title{ background:#183e53; line-height:40px; font-size:16px; color:#fff; padding-left:25px;}
.login-popup-filed{ padding:30px 130px 25px 130px; border:1px #f0f0f0 solid;} 
.login-popup-filed li{ margin-top:15px; display:flex;}
.login-popup-filed li .icon{ width:40px; height:40px; display:flex; justify-content:center; align-items:center; border:1px #d9d9d9 solid; border-radius:5px 0 0 5px;}
.login-popup-filed li .inpt{ width:calc(100% - 40px); height:40px; color:#bebebe; padding-left:14px; border:1px #d9d9d9 solid; border-left:0; border-radius:0 5px 5px 0;}
.login-popup-filed li .dlbtn{ background:#1890ff; width:100%; height:42px; line-height:42px; color:#fff; cursor:pointer; display:block; border-radius:5px;}
.login-popup-filed li .no-account{ width:100%; text-align:right;}
.login-popup-filed li .no-account a{ color:#1890ff;}

.regist-popup{ background:#fff; font-family:'SourceHanSans-Light'; width:600px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:999; display:none;}
.regist-popup-cont{ padding:25px 0 68px 0; border:1px #f0f0f0 solid;}
.regist-popup-filed li{ margin-top:25px; overflow:hidden;}
.regist-popup-filed li label{ width:170px; float:left; text-align:right; line-height:34px;}
.regist-popup-filed li .inpt{ width:348px; height:34px; line-height:32px; padding-left:15px; float:left; color:#9d9d9d; border:1px #ccc solid; border-radius:5px;}
.regist-popup-btm{ text-align:center; margin-top:30px;}
.regist-popup-btm .agree input{ margin-right:5px; position:relative; top:1px;}
.regist-popup-btm .agree a{ color:#1890ff;}
.regist-popup-btm .sbtn{ background:#1890ff; width:300px; height:34px; line-height:34px; color:#fff; display:inline-block; margin-top:45px; border-radius:5px; cursor:pointer;}
.regist-popup-btm .yes-account{ margin-top:10px;}
.regist-popup-btm .yes-account a{ color:#1890ff;}


/**璁㈣喘涓績**/
.myplace-login{ padding-bottom:25px;}
.myplace-title{ background:#183e53; font-size:16px; line-height:40px; color:#fff; padding-left:30px;}
.myplace-cont{ padding:30px; border:1px #f0f0f0 solid;}

.myplace-cart thead th{ background:#fafafa; text-align:center; font-weight:normal; line-height:53px; font-family:'SourceHanSans-Light'; border-bottom:1px #e8e8e8 solid;}
.myplace-cart thead th:first-child{ text-align:left; padding-left:20px;}
.myplace-cart thead th .check{ width:16px; height:16px; margin-right:5px; position:relative; top:2px;}
.myplace-cart tbody td{ padding:19px 0; text-align:center; font-family:'SourceHanSans-Light'; border-bottom:1px #e8e8e8 solid;}
.myplace-cart tbody td:first-child{ padding-left:20px; text-align:left;}
.myplace-cart tbody td .check{ width:16px; height:16px; margin-right:5px; position:relative; top:2px;}
.myplace-cart tbody td .m-pic{ background:#fff; width:70px; height:70px; float:left; margin-right:10px; display:flex; justify-content:center; align-items:center; border:1px #d9d9d9 solid;}
.myplace-cart tbody td .m-pic img{ max-height:100%;}
.myplace-cart tbody td .m-name{ max-width:calc(100% - 80px); float:left; text-align:left;}
.myplace-cart tbody td .m-name .t{ font-size:12px; padding-bottom:6px;}
.myplace-cart tbody td .m-name .h{ margin-top:6px;}
.myplace-cart tbody td .number{ display:inline-block;}
.myplace-cart tbody td .number .jian{ background:#f5f5f5 url(../images/jian.png) no-repeat center; width:33px; height:32px; float:left; border:1px #d9d9d9 solid; border-radius:3px 0 0 3px;}
.myplace-cart tbody td .number .inpt{ width:38px; height:32px; line-height:30px; text-align:center; float:left; color:#666;  border:1px #d9d9d9 solid; border-right:0; border-left:0;}
.myplace-cart tbody td .number .jia{ background:#f5f5f5 url(../images/jia.png) no-repeat center; width:33px; height:32px; float:left; border:1px #d9d9d9 solid; border-radius:0 3px 3px 0;}
.myplace-cart tbody td .price{ color:#ff0c21;}
.myplace-cart tbody tr:hover{ background:#fafafa;}

.myplace-sett{ background:#fafafa; font-family:'SourceHanSans-Light'; line-height:34px; padding:20px 40px; border-bottom:1px #e8e8e8 solid;}
.myplace-sett .b-check{ width:16px; height:16px; margin-right:5px; position:relative; top:2px;}
.myplace-sett .del{ margin-left:24px;}
.myplace-sett .price{ padding-right:15px; margin-left:25px;}
.myplace-sett .price .c-red{ font-size:22px; line-height:1; display:inline-block;}
.myplace-sett .payment{ padding:0 10px; color:#c2c2c2; border:1px #e4e4e4 solid; border-radius:3px;}


.myplace-order-head{ padding-bottom:11px; border-bottom:1px #e8e8e8 solid;}
.myplace-order-head .tab a{ line-height:32px; float:left; padding:0 15px; position:relative;}
.myplace-order-head .tab a.active{ color:#17aeff;}
.myplace-order-head .tab a.active:before{ content:''; background:#17aeff; width:100%; height:2px; position:absolute; left:0; bottom:-11px;}
.myplace-order-head .search .sinpt{ width:210px; height:32px; line-height:30px; float:left; padding-left:12px; color:#999; border:1px #ccc solid; border-radius:3px 0 0 3px;}
.myplace-order-head .search .sbtn{ background:#1890ff url(../images/or-srh.png) no-repeat center; width:41px; height:32px; float:left; border-radius:0 3px 3px 0; cursor:pointer;}

.myplace-order-table{ margin-top:20px;}
.myplace-order-table thead th{ background:#fafafa; text-align:center; font-weight:normal; line-height:50px;}
.myplace-order-table thead th:first-child{ text-align:left; padding-left:20px;}
.myplace-order-table tbody td{ padding:19px 0; text-align:center; font-family:'SourceHanSans-Light'; border-bottom:1px #e8e8e8 solid;}
.myplace-order-table tbody td:first-child{ padding-left:20px; text-align:left;}
.myplace-order-table tbody td .m-pic{ background:#fff; width:70px; height:70px; float:left; margin-right:10px; display:flex; justify-content:center; align-items:center; border:1px #d9d9d9 solid;}
.myplace-order-table tbody td .m-pic img{ max-height:100%;}
.myplace-order-table tbody td .m-name{ max-width:calc(100% - 80px); float:left; text-align:left;}
.myplace-order-table tbody td .m-name .t{ font-size:12px; padding-bottom:6px;}
.myplace-order-table tbody td .m-name .h{ margin-top:6px;}
.myplace-order-table tbody td .view{ color:#17aeff; margin-left:10px;}
.myplace-order-table tbody td .no-order{ text-align:center; font-size:22px; color:#183e53; padding:80px 0; font-weight:bold;}
.myplace-order-table tbody td .no-order img{ margin-right:13px;}


.myplace-order-details thead th{ background:#fafafa; text-align:center; font-weight:normal; line-height:50px; border-bottom:1px #d9d9d9 solid;}
.myplace-order-details tbody td{ padding:15px 0; text-align:center; font-family:'SourceHanSans-Light'; border-bottom:1px #d9d9d9 solid; border-left:1px #d9d9d9 solid;}
.myplace-order-details tbody td:last-child{ border-right:1px #d9d9d9 solid;}


/**璇曠敤瑁呬骇鍝?*/
.ptrial-product-title{ background:#f2f2f2; text-align:center; font-size:32px; line-height:80px; font-family:'SourceHanSans-Bold';}
.ptrial-product-table{ max-height:550px; overflow-y:auto;}
.ptrial-product-table thead th{ text-align:center; font-weight:normal; line-height:50px; border-right:1px #f2f2f2 solid; border-bottom:1px #f2f2f2 solid;}
.ptrial-product-table thead th:first-child{ border-left:1px #f2f2f2 solid;}
.ptrial-product-table tbody td{ padding:15px 0; text-align:center; line-height:32px; font-family:'SourceHanSans-Light'; border-right:1px #f2f2f2 solid; border-bottom:1px #f2f2f2 solid;}
.ptrial-product-table tbody td:first-child{  border-left:1px #f2f2f2 solid;}
.ptrial-product-table tbody td .name{ max-width:100%; font-weight:bold; color:#183e53;}
.ptrial-product-table tbody td .gwc{ background:#183e53; display:inline-block; color:#fff; padding:0 12px; border-radius:3px;}


.ptrial-explain{ margin-top:80px;}
.ptrial-explain-inner{ background-image:url(../images/explain-bg.jpg); background-position:center; background-size:cover; padding:35px 50px; border:1px #e7e7e7 solid;}
.ptrial-explain-inner .thumb{ width:31%; padding-top:30px;}
.ptrial-explain-inner .word{ width:61%; }
.ptrial-explain-inner .word dl{ margin-top:18px;}
.ptrial-explain-inner .word dl dt{ font-size:16px;}
.ptrial-explain-inner .word dl dd{ color:#676767; margin-top:5px; padding-left:18px;}


/**璁㈠崟缁撶畻椤?*/
.myorder-sett{ background:#f5f5f5; padding:40px 20px; font-family:'SourceHanSans-Light'; border:1px #f0f0f0 solid;}
.myorder-sett-process{ text-align:center;}
.myorder-sett-process li{ display:inline-block; vertical-align:top; margin:0 8px; line-height:23px; color:#ccc;}
.myorder-sett-process li label{ width:23px; line-height:21px; display:inline-block; vertical-align:top; margin-right:5px; font-size:12px; text-align:center; border:1px #ccc solid; border-radius:50%;}
.myorder-sett-process li .line{ background:#ccc; width:195px; height:1px; display:inline-block; vertical-align:middle; margin-left:6px;}
.myorder-sett-process li.current{ color:#3a3a3a;}
.myorder-sett-process li.current label{ background:#1890ff; color:#fff; border-color:#1890ff;}
.myorder-sett-process li.current .line{ background:#1890ff;}

.myorder-sett-head{ background:#fff; font-size:16px; margin-top:34px; line-height:57px; padding-left:20px;}
.myorder-sett-address{ padding:25px 20px; border-bottom:1px #d9d9d9 solid;}
.myorder-sett-address .address-head .cn{ font-size:16px;}
.myorder-sett-address .news-address{ color:#1890ff;}
.myorder-sett-address .address-no{ color:#949494; margin-top:20px; padding-left:20px;}
.myorder-sett-address .address-list li{ background:#fff; width:271px; padding:20px 15px 40px 15px; float:left; margin:20px 0 0 20px; color:#737373; line-height:24px; position:relative; border:1px solid #d9d9d9; }
.myorder-sett-address .address-list li .tel { margin-left:20px; }
.myorder-sett-address .address-list li .tag{ color:#666; padding:0 6px; font-style:normal; display:inline-block; line-height:20px; position:absolute; right:15px; top:20px; border:1px #e0e0e0 solid; border-radius:2px; display:none;}
.myorder-sett-address .address-list li .detail{ margin-top:10px;}
.myorder-sett-address .address-list li .options{ width:100%; position:absolute; left:0; bottom:0;}
.myorder-sett-address .address-list li .options a{ background:#aaa; width:130px; line-height:30px; text-align:center; color:#fff; float:left; }
.myorder-sett-address .address-list li .options a.op-delete{ background:#f3f3f3; color:#000; float:right;}
.myorder-sett-address .address-list li.active{ border-color:#1890ff;}
.myorder-sett-address .address-list li.active:before{ content:''; background:url(../images/address-moren.png) no-repeat; width:29px; height:29px; position:absolute; right:0; bottom:0; z-index:1;}
.myorder-sett-address .address-list li.active .tag{ display:block;}


.myorder-sett-product{ margin-top:45px; padding:0 20px;}
.myorder-sett-product .pro-head .cn{ font-size:16px;}
.myorder-sett-product .pro-head .return{ color:#949494;}
.myorder-sett-product .pro-table{ margin-top:10px;}
.myorder-sett-product .pro-table thead th{ background:#fff; line-height:40px; font-weight:normal; text-align:center;}
.myorder-sett-product .pro-table thead th:first-child{ text-align:left; padding-left:12px;}
.myorder-sett-product .pro-table tbody td{ text-align:center; padding:30px 0; border-bottom:1px #d9d9d9 solid;}
.myorder-sett-product .pro-table tbody td:first-child{ text-align:left; padding-left:12px;}
.myorder-sett-product .pro-table tbody td .price{ font-size:22px; color:#ff0c21; font-weight:bold;}


.myorder-sett-infor{ margin-top:20px; padding:0 20px;}
.myorder-sett-infor .in-title{ font-size:16px;}
.myorder-sett-infor .in-area{ background:#fff; width:100%; height:150px; color:#bebebe; margin-top:15px; padding:10px; border-radius:5px; border:1px #ccc solid; resize:none;}
.myorder-sett-infor .in-enable{ text-align:right; padding:15px 0; line-height:36px;}
.myorder-sett-infor .in-enable .c-red{ font-size:22px; padding:0 10px;}
.myorder-sett-infor .in-button{ background:#fff; text-align:right; padding:20px 25px 15px 0; border-top:1px #d9d9d9 solid;}
.myorder-sett-infor .in-button .tjbtn{ background:#e43a32; width:70px; height:30px; line-height:30px; text-align:center; font-size:12px; color:#fff; margin-top:20px; border-radius:3px; cursor:pointer;}


.address-popup{ background:#fff; width:600px; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9999; border-radius:5px; display:none;}
.address-popup .pop-head{ position:relative; font-size:16px; line-height:60px; padding-left:24px; border-bottom:1px #d9d9d9 solid;}
.address-popup .pop-head .close{ background:url(../images/close.png) no-repeat; width:10px; height:10px; position:absolute; top:24px; right:25px; z-index:2;}
.address-popup .pop-filed li{ overflow:hidden; margin-top:24px;}
.address-popup .pop-filed li label{ width:167px; float:left; text-align:right; line-height:34px; padding-right:15px;}
.address-popup .pop-filed li .inpt{ width:296px; height:34px; line-height:32px; float:left; padding-left:10px; color:#a0a0a0; border:1px #d9d9d9 solid; border-radius:5px;}
.address-popup .pop-button{ text-align:right; margin-top:23px; padding:16px 30px; border-top:1px #d9d9d9 solid;}
.address-popup .pop-button .bcbtn{ background:#1890ff; height:34px; line-height:34px; color:#fff; padding:0 12px; display:inline-block; border-radius:3px; cursor:pointer;}


.Mobile-menu{ background:#183e53; width:300px; height:100%; position:fixed; z-index:998; top:0; left:-100%; overflow-y:auto; padding:30px 0 0 0; transition:left ease 0.35s;}
.Mobile-menu.onShow{ left:0; }
.Mobile-menu .shenq{ font-size:17px; text-align:center; color:#fff; display:block; line-height:22px; margin-bottom:15px;}
.Mobile-menu .shenq img{ margin-right:5px;}
.Mobile-menu li{ position:relative;}
.Mobile-menu li a{ display:block; padding:13px 20px; font-weight:600; color:#fff; text-transform:capitalize; border-bottom:solid 1px rgba(255,255,255,.2);}
.Mobile-menu li i.arrow{ background:url(../images/menu-arrow.png) no-repeat center; width:40px; height:49px; position:absolute; top:0; right:0; transition:all 0.4s ease; }
.Mobile-menu li a.on + .arrow{ transform:rotate(90deg);}
.Mobile-menu li ul{ background:#112c3a; padding-left:20px; display:none;}
.Mobile-menu li ul li a{ padding:0; line-height:38px; font-size:14px; color:#fff; font-weight:normal; border-bottom:0;}
.Mobile-menu .m-login{ width:100%; position:absolute; left:0; bottom:15px; padding:0 15px;}
.Mobile-menu .m-login a{ font-size:16px; color:#fff;}

.Mobile-button{ width:40px; height:40px; position:absolute; top:5px; right:5px; display:flex; align-items:center; justify-content:center; flex-direction:column; display:none;}
.Mobile-button .solid{ background:#183e53; width:28px; height:3px; transition:all 0.6s ease;}
.Mobile-button .solid2{ margin:7px 0; }
.Mobile-button.active .solid1{ transform:rotate(-45deg) translateY(14px); margin-right:19px !important;}
.Mobile-button.active .solid2{ transform:translateX(40px);}
.Mobile-button.active .solid3{ transform:rotate(45deg) translateY(-14px); margin-right:19px !important;}


.codeImg{ margin-top:5px; margin-left:5px;}
.name a:hover {color:#60add6}
