/**- reset -**/
*,html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-family: "微软雅黑"; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
body {
	overflow-x:hidden
}
:focus {
	outline: 1;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
*,input,textarea,a,button{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
a {
	text-decoration: none;

}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select, button, textarea {
	border: 0;
	background: transparent;
	vertical-align: middle; outline: 0;
}
.clear{ clear: both; *zoom: 1; }



/**- public -**/
img{ width: 100%; display: block; }
.ovh{ overflow: hidden; display: block; }
.din{ display: inline-block; _display: inline; *zoom: 1; vertical-align: top; }
.dta{ width: 100%; display: table; }
.dtc{ display: table-cell; vertical-align: top; }
.fl{ float: left; display: block; }
.fr{ display: flex;    float: right; }
.por{ position: relative; }
.top_header{display:flex;max-width: 1500px !important;}
.top_shor{max-width: 1500px !important;}
.nav-main-right{flex:1;justify-content:space-between;display: flex;margin-left: 18px;}
.poa{ position: absolute; }
.pof{ position: fixed; }
.pcshow{ display: block; }
.moshow,.nnone{ display: none; }
.main{ width: 90%; max-width: 1440px; margin: 0 auto; }
.main.poa{ left: 50%; margin-left: -720px; }
.mb10{ margin-bottom: 10px; }


/************************- index.html -*********************/
/**- header -**/
header{ height: 125px; overflow: visible; position: relative; z-index: 99999; background: #fff;  }
.shortcut{ height: 60px; overflow: visible;  position: relative; z-index: 99;border-bottom: 1px solid black;background-color: #000000;}
.sho-enter{    margin-right: 40%; }
.sho-enter > a,.sho-social > a{ font-size: 12px; color: #fff; line-height: 40px; margin-left: 35px; }
.sho-social > a{ padding-right: 16px; background: url(../images/soc-img.png) right center no-repeat; }
.sho-social ul{ opacity: 0; display: none\9; visibility: hidden; top: 40px; left: 35px; padding: 9%; box-shadow: 0 0 5px rgba(0,0,0,0.25); background: rgba(255,255,255,0.95); }
.sho-social:hover ul{ opacity: 1; display: block\9; visibility: visible; }
.sho-social li{ overflow: hidden; border-bottom: 1px dashed #d2d2d2; }
.sho-social li:last-child{ border: 0; }
.sho-social li a{ min-width: 80px; font-size: 12px; color: #333; line-height: 30px; }
.sho-social div{ border: 2px solid #000; }
.shortcut .fr{ margin-right: -10px; }
.shortcut .fr,.shortcut .fr a{ color: #000; line-height: 40px;    color: #fff; }
.shortcut .fr p{ font-size: 12px; margin-right: 52px;    color: #fff; }
.shortcut .fr a,.muser-con a{ font-size: 14px; padding-right:10px; }
.shortcut .fr img{ width: 15px; padding-top: 11px; margin-right: 10px; }
.login-user{ padding-right: 28px !important; background: url(../images/soc-img.png) right center no-repeat; }
.user-con{ display: none; width: 120px; top: 40px; right: 0; background-color: #fff; padding: 13px 13px 13px 15px; box-shadow: 0px 0px 5px rgba(0,0,0,0.25); }
.user-con .per-head{ width: 42px; height: 42px; position: relative; top: 0; margin-top: 0; left: 0; }
.shortcut .fr .user-con a,.muser-con a{ padding-right: 0; }
.shortcut .fr .user-con img,.muser-con img{ width: 100%; height: 100%; margin: 0; padding: 0; }
.login-esc{ color: #969696 !important; line-height: 42px !important; padding: 0 15px !important;cursor:pointer}
.login-esc:hover{ color: #000 !important; }
.user-none{ display: none !important; }
.hot_h2{margin-bottom:5%;margin-top:5%;}
.logo{ padding: 20px 0;width: 86px;  }
.logo img{width:100%;}

/* .nav{     margin-right: -48px; }
@media screen and (max-width:1600px) {
	.nav{     margin-right:   80px; }
}
@media screen and (max-width:1584px) {
	.nav{     margin-right:   78px; }
}	
@media screen and (max-width:1556px) {
	.nav{     margin-right:   54px; }
}
@media screen and (max-width:1536px) {
	.nav{     margin-right:   12px; }
}
@media screen and (max-width:1500px) {
	.nav{     margin-right:   0px; }
}

@media screen and (max-width:1436px) {
	.nav{     margin-right:   -66px; }
	.nav > li > a{ font-size: 14px; }
	
}


@media screen and (max-width:1390px) {
	.nav{     margin-right:   -25px; }
	.nav > li > a{ font-size: 10px; }
} */
@media screen and (max-width:1640px) {
	.nav{     margin-right:   -24px; }
}
.nav > li{ float: left; position: relative;padding: 11px 0; }
.nav > li > a{ overflow: hidden; display: block; font-size: 16px; color: #1a1a1a; line-height: 40px; margin: 0 20px; }
@media screen and (max-width:1466px) {
	.nav > li > a {
	   font-size:14px;
	}
}
@media screen and (max-width:1420px) {
	.nav > li > a {
	   font-size:12px;
	}
	.shortcut .fr p {
    font-size: 10px;
	}
}

.nav > li > a img{ width: auto; max-width: 22px; display: inline-block; vertical-align: middle; margin-left: 10px; }
.nav-other .nav-fir,.nav-other .nav-sec,.nav-other .nav-thi{ display: none; width: 250px; position: absolute; top: 62px; left: 0; /*border-top: 1px solid #3d3d3d;*/ background: rgba(255,255,255,0.9); }
.nav-other .nav-fir > li{ overflow: visible; }
.nav-other .nav-fir > li > a,.nav-other .nav-sec > li > a,.nav-other .nav-thi > li > a{ overflow: hidden; display: block; font-size: 14px; color: #333; line-height: 20px; cursor: pointer; }
.nav-other .nav-fir > li > a{ font-weight: bold; padding: 6.5% 18% 6.5% 14%; }
.nav-other .nav-sec a,.nav-other .nav-thi a{ padding: 6.5% 8% 6.5% 21%; }
.nav-other .nav-sec{ left: 100%; top: 0; background: rgba(255,255,255,0.95); }
.nav-other .nav-thi{ left: 100%; top: 0; background: rgba(255,255,255,1); }
.nav-other .nav-factive .nav-sec,.nav-other .nav-sactive .nav-thi{ display: block; }
.nav-other .nav-factive > a,.nav-other .nav-sactive > a,.nav-other .nav-tactive > a{ color: #78bc27 !important; background-color: #fff !important; }
.nav-other a.nav-fbg{ background: url(../images/nav-fbg1.png) no-repeat; background-position: 85% 50% !important; }
.nav-other .nav-factive > a.nav-fbg{ background: url(../images/nav-fbg2.png) no-repeat;  }
.nav-other .nav-sec a{ background: url(../images/nav-sbg1.jpg) no-repeat; background-position: 14% 17px !important; }
.nav-other .nav-sec .nav-sactive > a,.nav-other .nav-sec .nav-tactive > a{ background: url(../images/nav-sbg2.jpg) no-repeat; }

.nav-all{ position: static !important; }
.nav-all > div{ width: 100%; position: absolute; top: 90px; left: 0; display: none; background: rgba(255,255,255,0.95); }
.nav-all .nav-fir{ width: 100%; position: relative; top: 0; display: block; margin-top: 1.5%; background: none; }
.nav-all .nav-fir > li{ overflow: hidden; margin-left: -4%; margin-bottom: 1.2%; }
.nav-all .nav-fir > li > div{ width: 46%; float: left; margin-left: 4%; }
.nav-all .nav-fir h2{ font-weight: normal; font-size: 22px; color: #333; line-height: 40px; margin-bottom: 2%; }
.nav-all .nav-fir h2 img{ width: 28px; margin: 8px 8px 8px 0; }
.nav-all .nav-sec > li{ width: 100%; margin-bottom: 3%; display: table; }
.nav-all .nav-sec h3,.nav-all .nav-thi{ display: table-cell; vertical-align: top; }
.nav-all .nav-sec h3{ width: 19.4%; padding-right: 2.5%; font-size: 14px; color: #333; line-height: 18px; text-align: right; }
.nav-all .nav-sec h3 a{ font-size: 14px; color: #333; line-height: 18px; }
.nav-all .nav-thi > li{ padding: 0 14px; margin-bottom: 2%; border-left: 1px solid #d4d4d4; }
.nav-all .nav-thi a{ overflow: hidden; display: block; font-size: 14px; color: #333; line-height: 16px; }

.nav-btn{ width: 50px; height: 62px; display: none; cursor: pointer; margin-right: -10px; background: url(../images/nav-menu.png) center center no-repeat; }
.nav-login,.nav-user{ width: 40px; height: 62px; display: none; position: absolute; top: 0; right: 5%; margin-right: 80px; background: url(../images/nav-login.png) center center no-repeat; background-size: 22px 22px; }
.nav-cart{ width: 40px; height: 62px; display: none; position: absolute; top: 0; right: 5%; margin-right: 40px; background: url(../images/to-cart2.png) center center no-repeat; }
.nav-user.per-head{ width: 40px; height: 62px; margin-top: 0; margin-right: 84px; background-size: 28px 28px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; }
.nav-user.per-head img{ width: 28px; height: 28px; margin: 16px 6px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }

.search{ height: 60px; padding: 10px 0 0 0;  }
.sea-text{ width: 120px; height: 26px; font-size: 14px; color: #969696; line-height: 26px; padding: 0 12px; border: groove;margin-top: 7px;margin-left: 40px; }
.sea-submit{ width: 26px; height: 26px; margin-top:5px;cursor: pointer; background: url(../images/search.png) center center no-repeat; }
.sea-info{ width: 170px; overflow: hidden; display: block; }
.sea-keyword{ height: 20px; overflow: hidden; margin: 7px 0 1px; }
.sea-keyword a{ padding: 0 8px; margin-bottom: 6px; cursor: pointer; display: inline-block; _display: inline; *zoom: 1; font-size: 12px; color: #5c5c5c; line-height: 14px; border-left: 1px solid #5c5c5c; }
.sea-keyword a:first-child{ padding-left: 0; border-left: 0; }
.sho-enter > a:hover,.sho-social li a:hover,.sea-keyword a:hover,.nav a:hover,.nav > li:hover > a{ color: #78bc27 !important; }

.banner{ width: 100%; }
.banner .swiper-wrapper,.banner .swiper-slide{ height: auto !important; }
.banner .swiper-slide a{ position: relative; }
.banner img{ width: 100.9%; }
.banner-arrow{ width: 64px; height: 64px; cursor: pointer; top: 50%; left: 50%; margin-top: -29px; z-index: 99; }
.banner-prev{ margin-left: -750px;  }
.banner-next{ margin-left: 750px;  }
/* .banner:hover .banner-prev{ margin-left: -730px; opacity: 1; }
.banner:hover .banner-next{ margin-left: 730px; opacity: 1; } */
.banner-arrow b,.banner-arrow i{ height: 100%; position: absolute; top: 0; overflow: hidden; display: block; }
.banner-prev b {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    /* background-color: #fff; */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 10;
    background-image: url(../images/banner-prev2.png);
    background-repeat: no-repeat;
    background-position: 50% 50%; /* 更精确的中心 */
    background-size: 40%; /* 缩小一点，避免边缘裁剪 */
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: .6;
}
.banner-prev:hover b {
   /*  background-color: #80c343; */ /* 更改背景颜色 */
    background-image: url(../images/banner-prev1.png); /* 新的背景图片 */
    background-position: center center !important; /* 确保图标居中 */
    opacity: 1;
}
.banner-prev i{ width: 0; left: 0; background: url(../images/banner-prev2.png) no-repeat; }
.banner-next b {
    width: 64px; /* 设置宽度 */
    height: 64px; /* 设置高度以保持正方形 */
    border-radius: 50%; /* 圆形背景 */
    /* background-color: #fff; */ /* 半透明灰色背景 */
    position: absolute;
    opacity: .6;
    top: 50%;
    left: 0; /* 从左侧开始 */
    transform: translateY(-50%); /* 垂直居中 */
    z-index: 10; /* 提高层级 */
    background-image: url(../images/banner-next2.png); /* 图标背景图 */
    background-repeat: no-repeat;
    background-position: center center; /* 确保图标在圆心 */
    background-size: 40%; /* 调整大小以适应圆形背景 */
}
.banner-next:hover b {
    /* background-color: #80c343; */ /* 更改背景颜色 */
    background-image: url(../images/banner-next1.png); /* 新的背景图片 */
    background-position: center center !important; /* 确保图标居中 */
    opacity: 1;
}
.banner-next i{ width: 0; right: 0; background: url(../images/banner-next2.png) no-repeat; }
.banner-prev b,.banner-next i{ background-position: 50% 50% !important; } 
.banner-prev i,.banner-next b{ background-position: 50% 50% !important; }
/* .banner-arrow:hover b{ width: 0; }
.banner-arrow:hover i{ width: 100%; } */ 
.banner .main{ position: absolute; bottom: 70px; text-align: right; height: 0; overflow: visible; }
.banner .pagination{ margin-top: 7px; }
.banner .pagination span{ width: 18px; height: 4px; cursor: pointer; overflow: hidden; display: block; float: left; margin: 4px 6px 0 6px; background: #fff; }
.banner .pagination span.swiper-active-switch{ width: 32px; height: 8px; margin-top: 0; background: #78bc27; }
.banner-bottom{ width: 88px; height: 42px; bottom: 0; left: 50%; margin-left: -44px; background: url(../images/ban-bottom1.png) center bottom no-repeat; background-size: 100% auto !important; }
/*.banner-bottom:hover{ background: url(../images/ban-bottom2.png) center bottom no-repeat; }*/
.banner-btn{ width: 40px; height: 22px; display: none; position: relative; cursor: pointer; }
.banner-btn i{ width: 100%; height: 100%; top: 0; left: 0; }
.ban-stop{ background: url(../images/banner-stop.png) center center no-repeat; }
.ban-start{ display: none; background: url(../images/banner-start.png) center center no-repeat; }


.banner .video-js .vjs-big-play-button{ display: none; }
/*.banner .vjs-control-bar,
.banner .vjs-has-started .vjs-control-bar,
.banner .vjs-no-flex.vjs-has-started .vjs-control-bar{ display: none; }*/

.banner .video-js .vjs-tech{ height: auto; }
.banner .vjs-poster{ background-position: center top !important; vertical-align: top; }
.banner .video-js{ background: #fff; }

.product{ margin-top: 5.55%; }
.product li{ overflow: hidden; display: block; position: relative; padding-bottom: 2.75%; background: url(../images/pro-fig3.png) center 99.2% no-repeat; background-size: 1.85% auto; }
.pro-con > div{ width: 49.3%; position: relative; }
.pro-one,.product li.pro-even .pro-two{ float: left; }
.pro-two,.product li.pro-even .pro-one{ float: right; }
.pro-two a:first-child{ margin-bottom: 2.9%; }
.pro-pic{ width: 100%; height: 100%; top: 0; left: 0; background-position: center center !important; background-size: cover !important; }
.pro-con i,.pro-con b{ width: 4.59%; height: 3.56%; overflow: hidden; display: block; position: absolute; top: 0; left: 47.7%; background: url(../images/pro-fig2.png) center top no-repeat; background-size: 100% 100% !important; }
.pro-con b{ bottom: 0; top: auto; background: url(../images/pro-fig1.png) center bottom no-repeat; }
.product li:first-child i{ display: none; }
.product li:last-child{ background: none; }
.pro-con a:hover .pro-pic{ transform: scale(1.03); }
.pro-img{ color: #fff; }

.pro-text{ width: 56%; top: 8.4%; left: 5.5%; }
.pro-text h4{ font-weight: normal; font-size: 24px; line-height: 30px; }
.pro-text h3{ font-size: 54px; line-height: 62px; margin-top: 1.2%; }
.pro-text h3 span{ color: #78bc27; }
.pro-text p{ font-size: 16px; line-height: 26px; margin-top: 1.8%; }
.pro-text h5{ float: left; clear: both; margin-top: 4.2%; padding-right: 32px; font-weight: normal; font-size: 18px; line-height: 30px; background: url(../images/con-more3.png) right center no-repeat; }
.pro-cen2{ color: #333; }
.pro-cen2 .pro-text{ top: 14.2%; }
.pro-cen2 h4{ color: #78bc27; }
.pro-cen2 h3{ font-size: 42px; line-height: 54px; margin-top: 2.4%; }
.pro-cen2 p{ color: #4c4c4c; }
.pro-cen2 h5{ background: url(../images/con-more1.png) right center no-repeat; }
.pro-cen3 .pro-text{ width: 46%; top: 11.5%; }
.pro-cen3 h3{ font-size: 42px; margin-top: 5.7%; }
.pro-cen3 p{ margin-top: 11.2%; }
.pro-cen4 .pro-text{ width: 88%; bottom: 10.5%; top: auto; }
.pro-cen4 h4{ font-size: 28px; color: #78bc27; }
.pro-cen4 h3{ font-weight: normal; font-size: 32px; line-height: 40px; color: #333; margin-top: 2.5%; }
.pro-cen5 .pro-text{ width: 69%; bottom: 7.3%; top: auto; }
.pro-cen6 h4{ font-weight: bold; font-size: 32px; line-height: 34px; }
.pro-cen6 h3{ margin-top: 2.5%; }
.pro-cen6 p{ margin-top: 12%; line-height: 36px; }

.connect{ padding-top: 4.3%; }
.connect > .main{ height: 28px; top: 1.2%; background: url(../images/pro-fig3.png) center top no-repeat; background-size: 1.85% auto; }
.connect > div .main{ top: 0; }
.connect b{ width: 4.59%; height: 30px; overflow: hidden; display: block; position: absolute; left: 47.7%; background: url(../images/pro-fig2.png) center top no-repeat; background-size: 100% auto !important; }
.con-more{ width: 114px; height: 40px; position: absolute; top: 65%; left: 50%; margin-left: -57px; font-size: 22px; line-height: 40px; }
.con-more p{ height: 100%; position: absolute; top: 0; overflow: hidden; }
.con-more i{ width: 114px; top: 0; font-style: normal; overflow: hidden; display: block; }
.conm1{ width: 114px; right: 0; }
.conm1 i{ right: 0; }
.conm2{ width: 0; left: 0; }
.conm2 i{ left: 0; }
.con-more:hover .conm1{ opacity: 0; }
.con-more:hover .conm2{ width: 100%; }
.conm1 i{ color: #333; background: url(../images/con-more1.png) right center no-repeat; }
.conm2 i{ color: #78bc27; background: url(../images/con-more2.png) right center no-repeat; }

/**- toolbar -**/
.toolbar{ right: 20px; top: 50%; margin-top: -60px; z-index: 99990; }
.to-enter{ width: 56px; height: 56px; margin-bottom: 3px; font-size: 12px; color: #fff; line-height: 16px; text-align: center; vertical-align: middle; background: #78bc27; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.to-enter img{ width: auto; margin: 8px auto 2px; }
.to-top{ display: none; }
.to-top .to-enter img{ margin-top: 15px; }
.to-top .to-enter{ background: #fff; }
.toolbar > div > div{ display: none; top: 0; right: 56px; background: url(../images/to-bg.png) 56px 24px no-repeat; }
.toolbar ul{ margin-right: 12px; background: #78bc27; }
.toolbar li{ border-bottom: 1px dashed #649c21; }
.toolbar ul li:last-child{ border: 0; }
.to-cart ul{ width: 56px; }
.to-cart div a img{ width: 48px; margin: 13px auto; }
.to-tel > div{ background-position: 171px 24px !important; }
.to-tel ul{ width: 180px; }
.to-tel li{ padding: 2% 6%; }
.to-tel h5{ font-weight: normal; font-size: 12px; color: #d0e6bd; line-height: 20px; }
.to-tel h4{ font-size: 14px; color: #fff; line-height: 22px; }
.to-tel li p{ font-size: 12px; color: #dceccf; line-height: 20px; }



/**- footer -**/
footer{ background: #f0f0f0; padding-top: 2%; }
footer > .main{ padding-bottom: 1.5%; }
.fo-nav{ width: 100%;}
.fo-nav li{ float: left; width: 24%; margin-left: 1.3%; }
.fo-nav li:first-child{ margin-left: 0; }
.fo-nav h3{ font-size: 16px; color: #000000; line-height: 24px; padding-bottom: 6%; }
.fo-nav a{ overflow: hidden; display: block; font-size: 14px; color: #000; line-height: 32px;width:40% }
.fo-nav a:hover{ color: green; }
.fo-sub{ font-size: 16px; color: #000; line-height: 22px; margin-bottom: 3%; }

.fo-con{ width: 28.2%; }
.fo-register{ padding-left: 8px; margin-left: -8px; }
.fo-register input{ margin: 2% 0; -webkit-appearance:none; }
.fo-input{width: 55.3%;padding: 0 3%;height: 40px;font-size: 14px;color: #999;line-height: 38px;border: 1px solid #666666;border-right: 0; border-radius: 0; }
.fo-input:focus{ border-color:#bbdd93;outline:0; box-shadow:0 0 8px rgba(120,188,39,.6); }
.fo-submit{ width: 19.7%; margin: 2% 0; cursor: pointer; text-align: center; font-size: 16px; color: #fff; line-height: 40px; background: #78bc27; 
	border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -o-border-top-right-radius: 4px;
	border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px;
}
.fo-con > p{ padding-bottom:3%; font-size: 14px; color: #000; line-height: 30px; }
.fo-con > p a{ color: #7a7a7a; text-decoration: underline; }
.fo-con > p a:hover{ color: #fff; }
.fo-code a{ width: 26.6%; min-width: 87px; float: left; margin-right: 4.5%; font-size: 14px; color: #000; line-height: 24px; text-align: center; }
.fo-code a img{ float: left; border: 4px solid #fff; }

.copyright{ border-top: 1px solid #3e3e3e; height: 95px; overflow: visible; }
.copy-con{ padding-top: 10px; font-size: 14px; color: #808080; line-height: 22px; }
.copy-con img{ width: auto; float: left; margin-right: 8px; }
.copy-con i{ font-style: normal; }
.copy-con a{ font-size: 14px; color: #808080; line-height: 22px; }
.copy-con a:hover{ color: #fff; }
.copy-con p .fl{ margin-right: 20px; } 

.copyright .fr{ margin-top: 15px; }
.fl-share{ margin-right: 25px; }
.fl-share p{ font-size: 14px; color: #b2b2b2; line-height: 64px; }
.bdsharebuttonbox a{ width: 24px !important; padding: 0 !important; margin:19px 20px 0 0 !important; }
.bds_weixin{ background: url(../images/sh-wechat.png) center center no-repeat !important; }
.bds_tsina{ background: url(../images/sh-sina.png) center center no-repeat !important; }
.bds_sqq{ background: url(../images/sh-qq.png) center center no-repeat !important; }

.fo-lang{ margin-top: 20px; }
.fo-flag{ width: 32px; height: 20px; margin-right: 10px; }
.lang-con h4{ min-width: 80px; padding-left: 5px; padding-right: 25px; cursor: pointer; font-weight: normal; font-size: 14px; color: #999; line-height: 20px; background: url(../images/lang-bg.png) 95% center no-repeat; background-color: #000; }
.lang-con > div{ width: 164px; height: 300px; visibility: hidden; position: absolute; right: 0; bottom: 20px; }
.swiper-container-lang{ width: 164px; height: 300px; background: #000; }
.swiper-container-lang .swiper-wrapper{ width: 156px !important; overflow: hidden; float: left; padding-right: 8px !important; }
.swiper-container-lang .swiper-slide{ overflow: hidden; display: block; float: none; }
.lang-con a{ overflow: hidden; display: block; padding-left: 12px; font-size: 12px; color: #fff; line-height: 30px; }
.lang-con a:hover{ background: #333; }
.lang-con .swiper-scrollbar{ position:absolute; right:1px; top:0; height:100%; width:8px; background: #333; }
.lang-con .swiper-scrollbar .swiper-scrollbar-drag{ width: 4px; margin: 0 auto; background:#666; transition-duration: 0ms !important; }

footer span,footer span a{ overflow: hidden; display: block; }
footer span{ padding: 4px 0; }
footer span a{ font-size: 14px; color: #808080; line-height: 22px; text-align: center; }
footer span a:hover{ color: #fff; }
footer i span,footer i span a{ padding: 0; }

/**- 找回密码 -**/
.pop-back .pop-con{ width: 832px; margin-left: -416px; }
.pop-progress ul{ position: relative; z-index: 12; }
.pop-progress li{ width: 25%; }
.pop-progress i{ width: 32px; height: 32px; font-style: normal; font-size: 32px; background: #969696; font-size: 18px; color: #fff; line-height: 32px; text-align: center; margin: 0 auto; }
.pop-progress p{ padding-top: 7%; font-size: 18px; color: #969696; line-height: 30px; text-align: center; }
.pop-probar{ width: 550px; height: 6px; top: 13px; left: 50%; margin-left: -275px; z-index: 10; background: #e6e6e6; border: 1px solid #d2d2d2; }
.pop-progress .pop-probar i{ width: 0; height: 2px; float: left; margin-top: 1px; background: #78bc27; }
.pop-back .pop-main{ padding: 8% 5% 6%; }
.pop-prog1 .pop-probar i{ width: 27%; }
.pop-prog2 .pop-probar i{ width: 61%; }
.pop-prog3 .pop-probar i{ width: 95%; }
.pop-prog4 .pop-probar i{ width: 100%; }
.pop-prog1 li:nth-child(1) i,.pop-prog2 li:nth-child(2) i,.pop-prog3 li:nth-child(3) i,.pop-prog4 li:nth-child(4) i{ background: #78bc27; }
.pop-prog1 li:nth-child(1) p,.pop-prog2 li:nth-child(2) p,.pop-prog3 li:nth-child(3) p,.pop-prog4 li:nth-child(4) p{ color: #333; }
.pop-pcon{ width: 338px; margin: 7.4% auto 0; }

.pop-success img{ width: auto; margin: 0 auto; }
.pop-success p{ font-size: 16px; color: #333; line-height: 30px; text-align: center; padding-top: 3%; }
.pop-success a{ width: 86px; margin: 4% auto 0; font-size: 14px; color: #969696; line-height: 30px; text-align: center; }

.pop-back .pop-input input{ width: 100%; }
.pop-back .pop-con{ display: none; margin-top: -255px; }
.pop-back .pop-con.pop-user{ display: block; }
.pop-back .pop-close{ margin-left: 416px; margin-top: -270px; }






/************************- household.html -*********************/
/*.feature{ padding: 3.5% 0 3.3%; }*/
.feature li{ width: 25%; padding-top: 3.5%; }
.feature i{ width: 71.7%; overflow: hidden; display: block; margin: 0 auto; }
.feature p,.purpose p{ margin-top: 4%; font-size: 24px; color: #333; line-height: 32px; text-align: center; }
.feature a img{ margin: 0 auto; }
.feature a:hover img{ transform: scale(1.14) }
.feature a:hover p,.purpose a:hover p{ color: #78bc27; }

/*.purpose{ padding-bottom: 3%; }*/
.swiper-container-purpose{ width: 90%; }
.swiper-container-purpose .swiper-slide{ margin: 1.5% 0 1.5%; }
.swiper-container-purpose .swiper-slide a{ width: 96%; display: block; margin: 0 auto; }
.swiper-container-purpose .swiper-slide img{ transform: scale(0.96); margin: 10px 0; }
.swiper-container-purpose .swiper-slide img:hover{ transform: scale(1); box-shadow: 2px 0 10px rgba(0,0,0,0.3); }

.pur-arrow,.lap-arrow{ width: 30px; height: 60px; top: 45%; margin-top: -30px; cursor: pointer; }
.pur-prev,.lap-prev{ left: 0; background: url(../images/pur-prev.png) left center no-repeat; }
.pur-prev:hover,.lap-prev:hover{ background: url(../images/pur-prev2.png) left center no-repeat; }
.pur-next,.lap-next{ right: 0; background: url(../images/pur-next.png) right center no-repeat; }
.pur-next:hover,.lap-next:hover{ background: url(../images/pur-next2.png) right center no-repeat; }

.laptop > div{ background: #fff; padding-bottom: 3%; text-align: center; }
.laptop .main{ padding-top: 2.5%; }
.bgf5{ background: #f5f5f5 !important; clear: both; }
.laptop h3{ font-size: 30px; color: #1e1e1e; line-height: 60px;text-align: left;margin-bottom: 10px;padding-left: 10px; }
.laptop p{ margin-top: 0.7%; margin-bottom: 4%; font-size: 18px; color: #333333; line-height: 30px; }
.laptop .swiper-container{ text-align: center; }
.laptop .swiper-container .swiper-wrapper{ display: inline-block; _display: inline; *zoom: 1; }
.laptop .swiper-slide{ background-color: #f0f0f0;width: 24%;padding: 0px 0 10px 2px;margin-top: 10px;} 
.laptop .swiper-slide a{ width: 94%; padding: 2% 8.7% 7.2%; overflow: hidden; display: block; margin: 0 auto; border: 1px solid #d2d2d2; background: #fff;margin-top: 20px; }
.laptop i{ overflow: hidden; display: block; padding-bottom: 11%; border-bottom: 1px dashed #d2d2d2; }
.laptop img{ transform: scale(0.93); }
.laptop a:hover img{ transform: scale(0.98); }
.laptop .swiper-slide i{ padding: 40% 0; position: relative; }
.laptop .swiper-slide img{ width: auto; height: 75%; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0) !important; }
.laptop .swiper-slide a:hover img{ transform: scale(1); height: 80%; }
.laptop h4{ margin-top: 7%; height: 34px; font-size: 24px; color: #1e1e1e; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.laptop a p{ margin-top: 2.5%; height: 48px; overflow: hidden; font-size: 16px; color: #969696; line-height: 24px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.laptop .lap-prev{ top: 50%; left: 1.5%; }
.laptop .lap-next{ top: 50%; right: 1.5%; }
.laptop.sea-product i{ position: relative; padding: 18% 0 50%; }
.laptop.sea-product img{ width: auto; height: 65%; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0) !important; }
.laptop a:hover img{ height: 70%; }

.house-inter{ padding-bottom: 3%; }
.house-inter .main{ text-align: right; font-size: 0; line-height: 0; }
.house-inter p{ padding-top: 17px; font-size: 14px; color: #333; line-height: 24px; padding-right: 18px; }
.house-inter .main div{ width: 117px; }
.house-inter .din{ vertical-align: middle; }
.house-info{ background: #3d3d3d; padding: 0.5% 0; }
.house-info p{ font-size: 12px; color: #b2b2b2; line-height: 18px; }


/************************- household-view.html -*********************/
.pro-info{ width: 100%; background: #232323; }
.pro-fixed{position: fixed !important; top:0; left:0; width: 100%; z-index: 99999; }
.pro-name{ float: left; font-size: 24px; color: #fff; line-height: 64px; }
.pro-menu{ float: right; }
.pro-menu a{ overflow: hidden; display: block; float: left; font-size: 16px; color: #a7a7a7; line-height: 64px; padding: 0 28px; }
.pro-menu a:hover,.pro-menu a.pro-active{ color: #fff; }
.pro-menu > a{ padding: 0 18px; height: 36px; line-height: 36px; margin: 14px 0; color: #fff; background: #78bc27; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; }

.pro-ftop{ width: 100%; }
.pro-ftop img{ width: 100.9%; }


/************************- gamimg.html -*********************/
.gnav{ background: #000; border-color: #282828; }
.gnav .nav > li > a{ color: #fff; }
.gnav .logo{ margin-top: 1px; }
.gnav .nav-other .nav-fir{ background: #282828; }
.gnav .nav-other .nav-fir > li a{ color: #bdbdbd; }
.gnav .nav-other .nav-factive > a,.gnav .nav-other .nav-sactive > a,.gnav .nav-other .nav-tactive > a{ color: #fff !important; background-color: #000 !important; }
.gnav .nav-other .nav-sec{ background: #191919; }
.gnav .nav-other .nav-thi{ background: #000; }
.gnav .nav-other .nav-sec .nav-thi a{ background: none; padding: 17% 2.5%; }
.gnav .nav-other .nav-thi{ width: 250px; }
.gnav .search{ border-color: #282828; }
.gnav .sea-text{ background: #232323; }
.banner-img,.ban-img{ width: 100%; }
.gaming{ background: url(../images/gam-bg.jpg) left top repeat; }
.gam-menu{ width: 60%; margin: 0 auto; clear: both; text-align: center; }
.gam-menu li{ overflow: hidden; display: inline-block; _display: inline; *zoom: 1; padding: 0 5%; opacity: 0.5; cursor: pointer; background: url(../images/gam-bg.png) center 58% no-repeat; }
.gam-menu li.gam-active{ opacity: 1; }
.gam-menu li a{ margin: 130% 0; }
.gam-menu li img{ width: 98%; margin: 0 auto; }
.gam-menu li p{ padding-top: 44%; font-size: 22px; color: #fff; line-height: 32px; text-align: center; }
.gam-con h4,.gam-conmo h4{ font-family: Arial; font-weight: 300; font-size: 42px; color: #fff; line-height: 52px; text-align: center; }
.gam-con p,.gam-conmo p{ margin-top: 1%; font-weight: bold; font-size: 18px; color: #fff; line-height: 30px; text-align: center; }
.gam-con img,.gam-conmo img{ margin-top: 5%; }
.gnav .user-con{ background: #000; box-shadow: 0 3px 10px rgba(255,255,255,0.2); }
.gnav .login-esc:hover{ color: #fff !important; }

.pro-video > div{ width: 50%; }

.gam-con,.gam-conmo{ padding-bottom: 4%; }
.gam-con > div,.gam-conmo > div{ width: 90%; margin: 0 auto; display: none; }
.gam-con .swiper-slide a,.gam-conmo .swiper-slide a{ width: 50%; float: left; overflow: hidden; display: block; }
.gam-con .swiper-slide,.gam-conmo .swiper-slide,.gam-con .swiper-slide i,.gam-conmo .swiper-slide i{ height: auto !important; overflow: hidden; display: block; }
.gam-con img,.gam-conmo img{ transform: scale(0.8); }
.gam-btn{ margin-top: 8%; text-align: center; vertical-align: top; }
.gam-btn p{ cursor: default; padding: 0 1%; margin-top: 0 !important; vertical-align: top; font-size: 18px; color: #969696; line-height: 40px; }
.gam-btn i{ vertical-align: middle; padding: 0 8px; font-weight: 400; font-style: normal; font-size: 24px; color: #fff; line-height: 40px; }
.gam-btn b{ vertical-align: middle; padding: 0 8px; font-weight: normal; font-size: 18px; color: #969696; line-height: 40px; }
.gam-btn span{ vertical-align: middle; font-size: 18px; color: #969696; line-height: 40px; }
.gam-arrow{ width: 30px; height: 40px; cursor: pointer; background: url(../images/gam-prev.png) center center no-repeat; }
.gam-next{ background: url(../images/gam-next.png) center center no-repeat; }
.gam-con .swiper-slide i,.gam-conmo i{ position: relative; padding: 30% 0; overflow: hidden; display: block; }
.gam-con img,.gam-conmo img{ width: auto; height: 90%; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0) !important; }

.gam-bar .to-enter{ background: #fff; }
.gam-bar .to-enter,.gam-bar .to-tel p,.gam-bar .to-tel h5,.gam-bar .to-tel h4{color: #666; }
.gam-bar.toolbar ul{ background: #fff; }
.gam-bar.toolbar li{ border-color: #666; }
.gam-bar.toolbar > div > div{ background: url(../images/to-bg2.png) right 28px no-repeat; }


/************************- commercial.html -*********************/
.com-menu{ background: #1f1f1f; }
.com-menu ul{ width: 100%; margin: 0 auto; }
.com-menu li{  float: left;     padding: 0 20px;    border: 1px solid #fff;    width: 20%;}
.com-menu a{ cursor: pointer; font-size: 18px; color: #fff; line-height: 64px; text-align: center; }
.com-menu li.com-cactive a{ background: #78bc27; }
.com-con{ padding-top: 3%; }
.com-con > div{ display: none; }
.com-img{ width: 50.7%; background: #dbdbdb; }
.com-cen{ width: 47%; right: 0; top: 50%; margin-top: -132px; }

.com-pro{ margin-bottom: 4.5%; }
.com-tit{ font-size: 36px; color: #1f1f1f; line-height: 42px; }
.com-tit:hover{ color: #78bc27; }
.com-cen p{ margin-top: 6%; height: 108px; font-size: 24px; color: #333333; line-height: 36px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.com-more{ margin-top: 12%; padding-right: 28px; float: left; clear: both; font-size: 18px; color: #333; line-height: 30px; background: url(../images/con-more1.png) right center no-repeat; background-size: 15px auto; }
.com-more:hover{ color: #78bc27; background: url(../images/con-more2.png) right center no-repeat; background-size: 15px auto; }
.com-cen .com-more{ margin-top: 5px !important; float: right; clear: none; }
.com-list{ margin-left: -1.8%; }
.com-list li{ width: 31.5%; margin-left: 1.8%; margin-bottom: 3.5%; }
.com-list a{ background: #dbdbdb; position: relative; padding: 30% 0; }
.com-list a img{ width: auto; height: 95%; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0) !important; }
.com-list a:hover img{ height: 100%; }
.com-list a.com-ltit{ background: none !important; padding: 6% 0 3%; height: 64px; font-size: 26px; color: #333; line-height: 32px; text-align: center; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.com-list p{ height: 56px; font-size: 18px; color: #969696; line-height: 28px; text-align: center; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.com-video{ margin: 5.3% auto; }
.video-js{ width: 100% !important; height: 100% !important; position: absolute !important; top: 0 !important; left: 0 !important; z-index: 99 !important; }
.video-js-a {
    width: 37.2% !important;
    height: 59% !important;
    position: absolute !important;
    top: 20% !important;
    left: 57% !important;
    z-index: 99 !important;
}

.video-js-b {
    width: 51% !important;
    height: 30% !important;
    position: absolute !important;
    top: 53% !important;
    left: 25% !important;
    z-index: 99 !important;
}
.video-bg{ z-index: 90; }
.ovh .video-js .vjs-big-play-button{ border: 0 !important; width: 130px; height: 130px; top: 50%; left: 50%; margin-top: -75px; margin-left: -75px; border: 0; background: url(../images/video-icon.png) center center no-repeat; background-size: 100% 100% !important; }
.pro-video .video-js .vjs-big-play-button{ width: 84px; height: 84px; margin-top: -42px; margin-left: -42px; }

.com-info{ margin-top: 12%; }
.com-price{ font-style: normal; font-family: Arial; font-size: 36px; color: #78bc27; line-height: 40px; text-align: left; }
.com-price span{ font-size: 22px; padding-right: 5px; }
.com-list .com-price{ height: 40px; margin: 4% auto 0; text-align: center; }
.pro-menu > a.pro-price{ font-size: 22px; margin-right: 10px; }
.pro-menu > a.pro-price span{ font-size: 16px; padding-right: 3px; }


/************************- solution.html -*********************/
.sol-con{ width: 527px; padding: 1.6% 1.8% 4.2%; top: 50%; left: 50%; margin-left: -720px; border-top: 8px solid #78bc27; margin-top: -165px; background: rgba(255,255,255,0.8); }
.sol-con h2 a{ font-size: 50px; color: #333; line-height: 70px; height: 70px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sol-con h2 a:hover{ color: #78bc27; }
.sol-con p{ margin-top: 4%; font-size: 18px; color: #333; line-height: 30px; height: 120px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.sol-more{ bottom: 0; right: 0; font-size: 18px; color: #969696; line-height: 46px; background: #fff; padding: 0 46px 0 18px; }
.sol-more i{ width: 36px; height: 100%; top: 0; right: 0; background: url(../images/sol-more.png) center center no-repeat; background-size: 15px auto; background-color: #78bc27; }
.sol-con:hover .sol-more{ background: #78bc27; color: #fff; }
.sol-even .sol-con{ left: auto; margin-left: auto; right: 50%; margin-right: -720px; }


/************************- solution-aes.html -*********************/
.ban-aes .pro-info{ position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.86); }
.ban-aes .pro-name,.ban-aes .pro-menu a:hover,.ban-aes .pro-menu a.pro-active{ color: #333; }
.ban-aes .pro-menu a{ color: #858585; }
.sol-aes li{ padding-bottom:3%; }
.sol-aes a{ overflow: hidden; display: block; padding-top: 3%; }
.sv-tit{ font-size: 42px; color: #333; line-height: 50px; text-align: center; }
.sv-pro{ margin-top: 2%; font-size: 16px; color: #333; line-height: 24px; text-align: center; }
.sol-aes li > div div{ margin-top: 2.5%; }


/************************- personal.html -*********************/
.personal{ padding: 3% 0; min-height: 750px; }
.per-menu{ width: 22.5%; padding: 0 1.3%; background: #fff; }
.per-menu > li{ padding: 3.5% 0; border-bottom: 1px dashed #d2d2d2; }
.per-menu > li:last-child{ border: 0; }
.per-menu > li > a{ font-size: 16px; color: #333; line-height: 36px; overflow: hidden; display: block; position: relative; }
.per-menu > li > a > i{ width: 32px; height: 32px; position: absolute; top: 2px; left: 8px; background-size: 100% auto !important; }
.per-menu .ser-h1,.per-menu .ser-h2{ width: 100%; height: 100%; top: 0; left: 0; }
.per-menu .ser-h2,.per-menu > li > a:hover .ser-h1,.per-menu .per-active > a .ser-h1{ opacity: 0; display: none\9; }
.per-menu > li > a:hover .ser-h2,.per-menu .per-active > a .ser-h2{ opacity: 1; display: block\9; }
.per-menu > li > a:hover,.per-menu .per-active > a{ color: #fff; background: #78bc27; box-shadow: 0 0 10px rgba(0,0,0,0.25); }
.per-menu p{ padding-left: 56px; }

.per-con{ width: 74.3%; background: #fff; }
.per-pad{ padding: 0 2.8%; }
.per-user{ min-height: 120px; margin: 3% 0; }
.per-head{ width: 118px; height: 118px; top: 50%; margin-top: -59px; left: 2.8%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.per-head i{ width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; top: 0; left: 0; background-size: cover !important; }
.per-info{ padding-left: 160px; padding-right: 140px; padding-top: 26px; }
.per-info li{ width: 100%; display: table; padding-bottom: 0.8%; }
.per-info p{ font-size: 14px; color: #333; line-height: 30px; display: table-cell; width: 50%; }
.per-info p b{ font-size: 20px; }
.per-edit{ top: 26px; right: 2.8%; padding-right: 33px; font-size: 16px; color: #666; line-height: 40px; background: url(../images/per-edit.png) right center no-repeat; }

.per-bg{ width: 100%; height: 16px; }
.per-bg i{ width: 14px; height: 16px; position: absolute; top: 0; z-index: 12; }
.per-bg i.per-left{ left: 0; background: url(../images/per-bg1.jpg) left center no-repeat; }
.per-bg i.per-right{ right: 0; background: url(../images/per-bg2.jpg) right center no-repeat; }
.per-bg b{ width: 100%; height: 1px; position: absolute; top: 50%; left: 0; z-index: 10; margin-top: -1px; border-bottom: 1px dashed #d4d4d4; }

.per-tit{ padding: 1.5% 0 2.2%; }
.per-tit h2{ font-size: 16px; color: #333; line-height: 30px; }
.per-tit a{ font-size: 14px; color: #666; line-height: 30px; }
.per-list{ margin-left: -2.33%; }
.per-list li{ width: 31%; float: left; margin-left: 2.33%; margin-bottom: 3%; border: 1px solid #d2d2d2; }
.per-list i{ position: relative; overflow: hidden; display: block; padding: 38% 6%; }
.per-list i img{ width: auto; height: 67%; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0) !important; }
.per-list li:hover img{ height: 71%; }
.per-list h4{ height: 70px; padding: 8px 3% 0; font-size: 16px; color: #333; line-height: 62px; text-align: center; background: url(../images/per-lx.jpg) center top no-repeat; background-size: 100% auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.per-lists h4{ height: 93px; line-height: 26px; padding-top: 27px; padding-bottom: 14px; }

.per-notice{ padding: 20px 2.8% 30px; font-size: 16px; color: #333; line-height: 30px; }
.per-notice p{ padding-right: 85px; }
.per-nbtn{ width: 66px; height: 30px; top: 20px; right: 2.8%; background: url(../images/per-bbg2.png) center top no-repeat; background-size: 100% auto; }

.per-pview{ padding-top: 2.5%; }
.per-ptit .per-tit{ padding-top: 2.2%; }
.per-ptit .per-tit h2{ font-size: 20px; }

/**- login -**/
.popup{ display: none; z-index: 999999; }
.popup,.pop-layer{ width: 100%; height: 100%; top: 0; left: 0; }
.pop-layer{ background: rgba(0,0,0,0.6); z-index: 1; }
.pop-con{ width: 468px; position: fixed; top: 70%; left: 50%; margin-left: -234px; margin-top: -300px; z-index: 2;border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -o-border-top-left-radius: 10px;
border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -o-border-top-right-radius: 10px;
 }
.pop-tit{ font-weight: normal; font-size: 22px; color: #fff; line-height: 60px; background: #78bc27; text-align: center; }
.pop-tit a{ font-size: 22px; color: #fff; }
.pop-main{ padding: 8% 14% 6%; background: #fff; }
.pop-input li{ background: #f0f0f0; margin-bottom: 6%; padding: 0 3%; }
.pop-input i{ width: 24px; padding: 11px 0; }
.pop-input input,.info-add,.info-area textarea{ width: 278px; height: 46px; float: right; font-size: 14px; color: #757575; line-height: 46px; }
.pop-input input::-webkit-input-placeholder{ color: #b7b7b7; } 
.pop-input input:-moz-placeholder{ color: #b7b7b7; }
.pop-input input::-moz-placeholder{ color: #b7b7b7; }
.pop-input input:-ms-input-placeholder{ color: #b7b7b7; }
.pop-input input.pop-code{ width: 205px; float: left; }
.info-add{ padding-right: 26px; background: url(../images/per-sel.png) right center no-repeat; border: 0; appearance:none; -moz-appearance:none; -webkit-appearance:none;   }
.info-add::-ms-expand { display: none; } 
.pop-input li a,.pop-input li button{ overflow: hidden; display: block; float: right; cursor: pointer; width: 100px; height: 36px; margin-top: 5px; font-size: 16px; color: #78bc27; line-height: 36px; text-align: center; background: #dcdcdc; }
.pop-btn{ margin-top:5%; clear: both; }
.pop-btn a{ cursor: pointer; font-size: 18px; color: #fffefe; line-height: 54px; text-align: center; background: #78bc27; }
.pop-btn a.pop-reg{ font-size: 18px; color: #78bc27; line-height: 50px; background: none;    width: 49%;float: left; }

.pop-conl > ul{ background: #78bc27; padding: 11px 0; }
.pop-conl .pop-tit{ width: 50%; float: left; line-height: 38px; cursor: pointer; }
.pop-conl .pop-tit:first-child{ border-right: 1px solid #8cdc2c; }
.pop-conl .pop-tit:last-child{ border-left: 1px solid #55930c; }

/* .pop-pas{ margin-top: -28px; font-size: 14px; color: #333; line-height: 30px; text-align: right; float: right; clear: both; } */
.pop-btn a.pop-pas{ font-size: 18px; color: #78bc27; line-height: 50px; background: none;    width: 49%;float: left; }
.pop-pas:hover{ color: #78bc27; }

.pop-close{ width: 50px; height: 50px; top:50%; left: 50%; z-index: 3; margin-top: -208px; margin-left: 234px; background: url(../images/pop-close.png) center center no-repeat; }

.pop-login .pop-con{ margin-top: -230px; }
.pop-login .pop-conl .pop-btn{ margin-top: 10%; }
.pop-pro{ font-size: 16px; color: #333; line-height: 24px; padding-bottom: 5%; text-align: left; }
.pop-yzm{ width: 100% !important; float: left; }

.pop-register .pop-close,.pop-address .pop-close{ margin-top: -315px; }
.pop-conp{ display: none; }

.pwf img{ width: auto; margin: 0 auto 2%; }


/************************- service.html -*********************/
.sercity-search{ width: 933px; background: #fff; margin: 2.1% auto 0; }
.buy-con .sercity-search{ background: #f5f5f5; width: 100%; margin-bottom: 3%; }
.sercity-input{ width: 100%; height: 46px; font-size: 16px; color: #666; line-height: 46px; padding: 0 60px 0 20px; }
.sercity-submit{ width: 46px; height: 46px; cursor: pointer; right: 11px; top: 0; background: url(../images/ser-sea.png) center center no-repeat; }

.ban-ser{ background-size: cover !important; }
.ser-con{ width: 100%; padding: 2.5% 0 1%; background: rgba(0,0,0,0.5); }
.ser-crumbs{ border-bottom: 1px solid #d2d2d2; }
.ser-crumbs a,.ser-crumbs span{ font-size: 16px; color: #d2d2d2; line-height: 36px; }
.ser-crumbs a{ margin-right: 5px; }
.ser-crumbs a:hover{ color: #78bc27 !important; }
.ser-con .sv-tit{ color: #fff; margin-top: 5.2%; }
.sv-en{ font-weight: normal; padding-top: 0.3%; font-size: 16px; color: #d2d2d2; line-height: 34px; text-align: center; }
.ser-search{ width: 933px; background: #fff; margin: 2.1% auto 0; }
.ser-input{ width: 100%; height: 46px; font-size: 16px; color: #666; line-height: 46px; padding: 0 60px 0 20px; }
.ser-submit{ width: 46px; height: 46px; cursor: pointer; right: 11px; top: 0; background: url(../images/ser-sea.png) center center no-repeat; }
input.ser-input::-webkit-input-placeholder{ color: #969696; }
input.ser-input:-moz-placeholder{ color: #969696; }
input.ser-input::-moz-placeholder{ color: #969696; }
input.ser-input:-ms-input-placeholder{ color: #969696; }
.ser-notice{ text-align: center; margin-top: 1.8%; }
.ser-notice a{ clear: both; margin-top: 0.8%; font-size: 16px; color: #78bc27; line-height: 24px; text-decoration: underline; }
.ser-xz{ margin-top: 1.8%; font-weight: normal; font-size: 18px; color: #fff; line-height: 40px; text-align: center; background: url(../images/ser-sbg.png) center center no-repeat; }

.ser-select{ height: 46px; text-align: center; margin: 2% 0 6%; }
.ser-select li{ width: 290px; height: 46px; overflow: visible; margin: 0 15px; }
.ser-select h4{ padding: 0 50px 0 20px; cursor: pointer; font-weight: normal; font-size: 16px; color: #969696; line-height: 46px; text-align: left; background: url(../images/nav-btn.png) 96% center no-repeat; background-color: #fff; }
.ser-scon{ width: 100%; top: 46px; visibility: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.2); }
.swiper-container-select{ width: 100%; height: 300px; background: #fff; border: 1px solid #d2d2d2; }
.swiper-container-select .swiper-wrapper{ width: 250px; overflow: hidden; float: left; }
.swiper-container-select .swiper-slide{ overflow: hidden; display: block; float: none; padding: 10px 0 0 20px; }
.ser-scon a,.ser-scon p{ cursor: pointer; font-size: 16px; color: #969696; line-height: 36px; text-align: left; overflow: hidden; display: block; }
.ser-scon a:hover{ color: #333; }
.ser-scon p{  cursor:default; }
.ser-scon .swiper-scrollbar{ position:absolute; right:0; top:0; height:100%; width:8px; background: #f0f0f0; }
.ser-scon .swiper-scrollbar .swiper-scrollbar-drag{ width: 10px; margin: 0 auto; background:#d2d2d2; transition-duration: 0ms !important; border: 1px solid #fff }


.ser-help{ padding: 3% 0; }
.ser-help .sv-en{ color: #323232; }
.ser-tel{ padding-top: 0.4%; font-size: 18px; color: #969696; line-height: 24px; text-align: center; }
.ser-hlist{ margin: 4% 0 0 -1.6%; }
.ser-hlist li{ width: 23.4%; margin: 0 0 2% 1.6%; border: 1px solid #d2d2d2; }
.ser-hlist a{ padding: 2% 10% 4%; }
.ser-hlist i{ width: 72px; height: 72px; margin: 10% auto 0; }
.ser-h1,.ser-h2{ width: 100%; height: 100%; top: 0; left: 0; }
.ser-h2{ opacity: 0; display: none\9; }
.ser-hlist h3{ margin-top: 9%; font-weight: normal; font-size: 24px; color: #333; line-height: 30px; text-align: center; }
.ser-hlist p{ margin-top: 4%; overflow: hidden; font-size: 16px; color: #969696; line-height: 26px; height: 78px; text-align: center; }
.ser-hlist a:hover{ background: #78bc27; }
.ser-hlist a:hover .ser-h1{ opacity: 0; display: none\9; }
.ser-hlist a:hover .ser-h2{ opacity: 1; display: block\9; }
.ser-hlist a:hover h3,.ser-hlist a:hover p{ color: #fff; }


/************************- service-help.html -*********************/
.help-con{ margin-top: 2.7%; margin-bottom: 3.1%; }
.help-con .ser-crumbs{ margin-bottom: 4%; }
.help-con .ser-crumbs a,.help-con .ser-crumbs span{ color: #969696; }
.help-con .per-menu{ width: 26.8%; background: #fbfbfb; border: 1px solid #d2d2d2; }
.help-con .per-menu a{ cursor: pointer; }
.help-con .per-menu > li{ padding: 4.2% 0; }
.help-con .per-menu > li > a > i{ width: 30px; height: 30px; top: 13px; background-size: 100% auto; }
.help-con .per-menu > li > a{ font-size: 24px; line-height: 56px; }
.help-pro{ padding-left: 56px; }
.help-pro a{ font-size: 18px; color: #969696; line-height: 22px; margin-top: 4%; }
.help-pro a:last-child{ margin-bottom: 4%; }
.help-pro a:hover,.help-pro a.help-active{ color: #78bc27; }
.help-main{ width: 65.2%; }
.help-main .sv-tit,.help-main .sv-en{ text-align: left; }
.help-cen{ margin-top: 5%; }


/************************- service-support.html -*********************/
.sup-crumbs .ser-crumbs{ margin-bottom: 3%; }
.support{ margin-bottom: 1.5%; min-height: 200px; }
.sup-img{ width: 52.8%; }
.sup-img img{ width:auto; max-width:100%; margin: 0 auto; }
.sup-con{ width: 34.4%; right: 0; top: 50%; margin-top: -97px; }
.sup-con p{ font-size: 16px; color: #969696; line-height: 24px; }
.sup-con h3{ margin-top: 2%; font-weight: normal; font-size: 24px; color: #333333; line-height: 32px; }
.sup-con h4{ margin-top: 3.5%; font-weight: normal; font-size: 18px; color: #333; line-height: 26px; }
.sup-con .com-more{ margin-top: 11%; color: #78bc27; background: url(../images/con-more2.png) right center no-repeat; background-size: 15px auto; }

.sup-main{ padding-top: 3.2%; padding-bottom: 3%; }
.sup-nav{ text-align: center; }
.sup-nav li{ border-left: 1px solid #969696; margin-bottom: 0; }
.sup-nav li:first-child{ border: 0; }
.sup-nav a{ padding: 0 20px; font-size: 24px; color: #333; line-height: 26px; }
.sup-nav a:hover,.sup-nav .sup-active a{ color: #78bc27; }

.sup-xt{ width: 504px; height: 40px; margin: 4.4% auto 0; border: 1px solid #d2d2d2; }
.sup-xt i{ width: 112px; font-style: normal; font-size: 18px; color: #333; line-height: 38px; text-align: center; border-right: 1px solid #d2d2d2; }
.sup-xt .ser-select{ width: 390px; margin: 0; height: 38px; }
.sup-xt .ser-select li{ width: 100%; height: 38px; margin: 0; }
.sup-xt .ser-select h4{ background-color: #f5f5f5; line-height: 38px; }
.sup-xt .ser-scon{ top: 38px; }
.sup-xt .swiper-container-select .swiper-wrapper{ width:340px; }

.sup-xt.ser-lang{ width:390px;  }
.sup-xt.ser-lang .ser-select{ width:276px; }
.sup-xt.ser-lang .swiper-container-select .swiper-wrapper{ width:240px; }

.sup-menu{ text-align: center; margin: 1% 0; }
.sup-menu li{ margin: 1% 2.8%; cursor: pointer; padding: 0 20px; font-size: 18px; color: #333; line-height: 40px; }
.sup-menu li:hover,.sup-menu li.sup-mactive{ color: #fff; background: #88d42c; box-shadow: 0 1px 10px rgba(0,0,0,0.2); }

.sup-pro > div{ display: none; }
.sup-js{ font-size: 16px; color: #969696; line-height: 26px; text-align: center; }
.sup-qlist{ margin: 4% 0 0 -2%; }
.sup-qlist li{ width: 48%; float: left; overflow: hidden; padding: 2.2% 0; margin: 0 0 2% 2%; background: #fff; text-align: center; }
.sup-qlist h3{ padding: 0 1%; font-weight: normal; font-size: 22px; color: #78bc27; line-height: 26px; word-break:break-all; height:52px;  overflow:hidden;  }
.sup-qlist h4{ padding: 0.5% 1% 1% ; font-weight: normal; font-size: 18px; color: #333; line-height: 26px; height:52px; overflow:hidden; }
.sup-qlist div{ padding-left: 8%; }
.sup-qlist p{ width: 40%; float: left; margin-right: 10%; position: relative; font-size: 18px; color: #666; line-height: 42px; text-align: left; }
.sup-qlist .com-more{ margin: 2.5% auto 0; float: none; }


/************************- service-product.html -*********************/
.sup-pcon{ padding-top: 2.4%; }
.sup-pcon > div{ padding-top: 1.8%; border-bottom: 1px dashed #d2d2d2; }
.sup-pcon h3{ padding-left: 22px; font-size: 18px; color: #343434; line-height: 20px; background: url(../images/sup-pbg.jpg) left center no-repeat; }
.sup-plist{ padding: 1.2% 0 1.5% 22px; }
.sup-plist li{ width: 100%; display: table; padding-bottom: 0.8%; }
.sup-plist p{ width: 60%; display: table-cell; font-size: 18px; color: #969696; line-height: 26px; }
.sup-plist .sup-data{ width: 40%; padding-left: 3%; color: #333; }


/************************- search.html -*********************/
.sea-screen{ padding: 0.8% 1.5%; }
.sea-screen > div{ width: 100%; display: table; margin: 0.5% 0; }
.sea-screen h3,.sea-type,.sea-sea{ display: table-cell; vertical-align: top; }
.sea-screen h3{ width: 100px; font-weight: normal; font-size: 18px; color: #969696; line-height: 34px; }
.sea-tc a{ padding: 0 44px 0 7px; font-size: 18px; color: #969696; line-height: 34px; vertical-align: top; }
.sea-type a.sea-tactive{ color: #88d42c; }
.sea-sea{ width: 225px; padding-top: 4px; }
.sea-sea input.fl{ width: 72px; height: 26px; padding: 0 2.5%; font-size: 16px; color: #666; line-height: 26px; border: 1px solid #d2d2d2; text-align: center; }
.sea-sea p{ padding: 0 2%; font-size: 18px; color: #969696; line-height: 24px; }
.sea-sea input.fr{ width: 52px; height: 26px; cursor: pointer; font-size: 16px; color: #fff; line-height: 26px; text-align: center; background: #78bc27; }

.sea-lx{ display: block; margin: 0 0 2% -20px; }
.sea-lx a{ padding: 0 20px; font-size: 18px; color: #333; line-height: 20px; border-left: 1px solid #d2d2d2; }

.sea-product{ margin-left: -1.4%; margin-bottom: 4%; }
.sea-product h4{ font-weight: normal; }
.sea-product .swiper-slide{ width: 23.6%; margin-left: 1.4%; margin-bottom: 1.6%; }
.sea-product .swiper-slide a{ width: 100%; padding: 0 0 6% 0; }
.sea-product i{ background: #f5f5f5; padding: 18% 0; border-bottom: 0; }
.sea-product h4,.sea-product p,.sea-product b{ padding: 0 8.7%; }
.sea-product b{ font-size: 24px; color: #333; line-height: 30px; }
.sea-product b span{ font-size: 16px; font-weight: normal; }


/************************- news.html -*********************/
.news-crumbs .ser-select{ height: 36px; margin-top: 0; margin-bottom: 2%; }
.news-crumbs .ser-select li{ width: 386px; height: 36px; margin: 0 20px 0 0; display: block; float: left; border: 1px solid #d2d2d2; }
.news-crumbs .ser-select h4{ height: 34px; line-height: 34px; }
.news-crumbs .ser-scon{ top: 34px; }
.news-search{ width: 84px; height: 36px; cursor: pointer; font-weight: bold; background: #78bc27; color: #fff; }
.news-con{ clear: both; }
.news-con li{ padding: 33px 0 31px; min-height: 158px; position: relative; border-bottom: 1px dashed #d2d2d2; }
.news-img{ width: 283px; top: 33px; }
.news-img img{ border: 1px solid #d2d2d2; }
.news-main{ padding-left: 305px; }
.news-main i{ padding-left: 9px; font-style: normal; font-size: 24px; color: #333; line-height: 24px; border-left: 4px solid #78bc27; }
.news-tit{ margin-top: 30px; font-size: 18px; color: #333; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-tit:hover{ color: #78bc27; }
.news-main p{ margin-top: 22px; height: 60px; font-size: 16px; color: #969696; line-height: 30px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-main .com-more{ display: none; }

.news-con li.news-first{ min-height: 307px; }
.news-first .news-img{ width: 548px; }
.news-first .news-main{ padding-left: 590px; }
.news-first .news-main i,.news-first .news-main a,.news-first .news-main p{ color: #78bc27; }
.news-first .com-more{ display: block; margin-top: 120px; background: url(../images/con-more2.png) right center no-repeat; }

.page{ text-align: center; margin-top: 4%; }
.page li{ width: 40px; height: 40px; margin: 0 5px; background: #fff; }
.page a{ overflow: hidden; display: block; width: 100%; height: 40px; font-size: 16px; color: #969696; line-height: 40px; text-align: center; border: 1px solid #d2d2d2; }
.page a:hover,.page .page-active a{ background: #78bc27; color: #fff; border: 1px solid #78bc27; }
.page .page-more:hover a{ cursor: default; background: #fff; border-color: #d2d2d2; color: #969696; }


/************************- news-view.html -*********************/
.news-pro h3{ font-weight: normal; font-size: 24px; color: #333; line-height: 34px; text-align: center; }
.news-pro h6{ margin: 1% 0 1.7%; font-weight: normal; font-size: 16px; color: #969696; line-height: 24px; text-align: center; }
.news-pro p{ font-size: 18px; color: #333; line-height: 36px; }
.news-pro img{ width: auto !important; height: auto !important; max-width: 100% !important; margin: 2% auto; border: 1px solid #d2d2d2; }

.page-arrow{ padding-top: 1.5%; }
.page-arrow a{ font-size: 18px; color: #333; line-height: 40px; }
.page-arrow a:hover{ color: #78bc27; }


/************************- contact.html -*********************/
.ban-contact .ser-con{ padding-bottom: 4%; }
.con-main{ margin: 4% auto; display: table; }
.con-pro{ width: 33.5%; display: table-cell; }
.con-info{ background: #88d42c; padding: 4% 5.5%; }
.con-info p{ padding: 2% 0; font-size: 18px; color: #fff; line-height: 24px; }
.con-info p span{ font-weight: bold; font-size: 24px; }
.con-info p i{ font-weight: bold; font-size: 18px; font-style: normal; }

.con-add{ border: 1px solid #d2d2d2; padding: 5.3%; margin-top: 13%; margin-bottom: 1px; }
.con-add .sv-tit,.con-add .sv-en{ text-align: left; }
.con-add .sv-en{ color: #969696; margin-bottom: 2%; }
.con-add p{ font-size: 18px; color: #333; line-height: 36px; }

.con-map{ display: table-cell; padding-left: 4%; }
#map{ top: 0; }
#map img{ width: auto; }
#map_sen{ top: 0; }
#map_sen img{ width: auto; }
.anchorTL,.anchorBL{ display: none; }
.BMapLabel{ border-color: #d2d2d2 !important; }


/************************- law.html -*********************/
.law-tit{ padding-bottom: 3%; }
.law-pro,.law-pro a{ font-size: 18px; color: #333; line-height: 28px; }
.law-pro{ padding-top: 3%; }
.law-pro a{ text-decoration: underline; }
.law-main li{ border: 1px solid #d2d2d2; margin-bottom: 2%; }
.law-main h4{ cursor: pointer; position: relative; padding: 1.8% 160px 1.8% 50px; font-weight: normal; font-size: 24px; color: #333; line-height: 30px; background: url(../images/law-bg.jpg) left top repeat; }
.law-main i{ width: 14px; height: 14px; overflow: hidden; display: block; position: absolute; top: 50%; margin-top: -7px; left: 30px; background: url(../images/law-icon.png) center center no-repeat; }
.law-more{ right: 48px; top: 0; cursor: pointer; padding: 1.8% 21px 1.8% 10px; font-size: 16px; color: #969696; line-height: 30px; background: url(../images/nav-btn.png) right center no-repeat; }
.law-main h4:hover .law-more,.law-pro a:hover{ color: #78bc27; }
.law-con{ display: none; padding: 1.8% 50px 1.8% 50px; font-size: 16px; color: #333; line-height: 28px; }
.law-con img{ width: auto; max-width: 100%; margin: 2% 0 1%; }
.law-date{ padding: 1% 0 3%; font-size: 18px; color: #333; line-height: 30px; text-align: right; }


/************************- message.html -*********************/
.ban-mes p{ padding: 0.2% 0 4.5%; font-size: 18px; color: #fff; line-height: 28px; text-align: center; }
.mes-con{ margin: 3% auto; padding: 3.5% 1% 2%; background: #fafafa; border: 1px solid #d2d2d2; }
.mes-con > li{ margin-bottom: 1.6%; width: 100%; display: table; }
.mes-con h3{ width: 140px; padding-right: 20px; display: table-cell; vertical-align: top; font-weight: normal; font-size: 18px; color: #333; line-height: 46px; text-align: right; }
.mes-con > li > div{ display: table-cell; vertical-align: top; }
.mes-con > li > div p{ width: 54px; font-size: 18px; color: #333; line-height: 46px; text-align: center; }
.mes-input{ width: 518px; height: 46px; padding: 0 20px; font-size: 16px; color: #666; line-height: 46px; border: 1px solid #cbcbcb; background: #fff; }
input.mes-input::-webkit-input-placeholder{ color: #969696; }
input.mes-input:-moz-placeholder{ color: #969696; }
input.mes-input::-moz-placeholder{ color: #969696; }
input.mes-input:-ms-input-placeholder{ color: #969696; }
.mes-icon{ width: 10px; height: 46px; overflow: hidden; display: block; float: left; margin-left: 9px; background: url(../images/mes-icon.png) center center no-repeat; }
.ser-select.mes-province{ width: 518px; margin: 0; }
.ser-select.mes-province li{ width: 100%; margin: 0 auto; }
.ser-select.mes-province h4{ height: 46px; border: 1px solid #d2d2d2; z-index: 10; }
.ser-select.mes-province .ser-scon{ top: 45px; z-index: 12; }
.ser-select.mes-date{ width: 232px; float: left; }
.mes-question{ width: 70%; height: 184px; font-size: 16px; color: #333; line-height: 30px; padding: 1% 1.5%; background: #fff; border: 1px solid #cbcbcb; }
.mes-area .mes-icon{ margin-top: 67px; }
.mes-code{ padding-left: 3.8%; padding-right: 105px; }
.mes-yzm,.pop-input li a.mes-yzm{ width: 82px; height: 30px; cursor: pointer; font-size: 22px; color: #78bc27; line-height: 30px; text-align: center; letter-spacing: 1px; position: absolute; top: 7px; right: 9px; background: url(../images/mes-yzm.jpg) center center repeat; }
.pop-input li a.mes-yzm{ position: relative; float: right; width: 100px; height: 36px; line-height: 36px; top: 0; right: 0; }
.mes-submit{ margin-top: 3%; cursor: pointer; font-size: 18px; color: #fff; background: #78bc27; padding: 0.8% 3%; }

.mes-con .c-datepicker-container{ float: left; width: 232px; }
.mes-con .c-datepicker-container>input.form-control{ width: 100%; }
.mes-con .form-control{ height: 46px; line-height: 46px; padding: 0 12px; border-radius: 0; box-shadow: none; font-size: 16px; color: #333; line-height: 46px; border: 1px solid #cbcbcb; }
.mes-hide{ display: none; }
.mes-con .c-datepicker-container .glyphicon-calendar{ top: 50%; right: 12px; margin-top: -10px; background: url(../images/nav-btn.png) center center no-repeat; }

.ban-buy .ser-con{ padding-bottom: 4%; }
.buy-menu{ margin-left: -2%; margin-top: 3%; }
.buy-menu li{ width: 23%; padding: 2% 0 1%; cursor: pointer; border: 1px solid #d2d2d2; margin-left: 2%; font-size: 18px; color: #333; line-height: 60px; text-align: center; }
.buy-menu img{ margin: 0 auto; }
.buy-menu i{ width: 54px; height: 54px; margin: 0 auto; overflow: hidden; display: block; position: relative; }
.buy-menu i img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.bimg-on{ opacity: 0; display: none\9; }
.buy-menu li.bimg-active .bimg-on{ opacity: 1; display: block \9; }
.buy-menu li.bimg-active{ color: #78bc27; }
.buy-con > div{ display: none; }
.buy-con .ser-search{ background: #f5f5f5; width: 100%; margin-bottom: 3%; }
#l-map{height:500px;width:45%; float: left; }
#r-result{width:48%; float: right; }
.buy-con{ margin: 4% 0 6%; }
.buy-con h3{ padding-bottom: 3%; font-size: 32px; color: #333; line-height: 44px; text-align: center; }
.buy-con table{ border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; }
.buy-con td{ font-size: 16px; color: #333; line-height: 30px; padding: 1% 1%; border-left: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; }
.pic-img{  width: auto; float: left; overflow: hidden; display: block; margin-right: 20px; }
.buy-con a{ font-size: 16px; color: #333; }
.buy-con a:hover{ color: #78bc27;  }
#container{ width: 60%; height: 500px; float: left; }
#panel{ width: 40%; float: right; }

.icon-prev,.icon-next{ cursor: pointer; width: 24px; height: 30px; padding: 0 !important; }
.icon-prev{ background: url(../images/mprev.png) center center no-repeat !important; }
.icon-next{ background: url(../images/mnext.png) center center no-repeat !important; }


/************************- per-register.html -*********************/
.reg-main,.reg-main .per-con,.reg-con,.reg-main .pop-input,.reg-main .pop-input > li,.reg-main .pop-input > li > div{ overflow: visible; }
.reg-main{ min-height: 600px; }
.reg-con{ width: 470px; margin: 0 auto; }
.reg-main .pop-input{ margin-top: 6%; }
.reg-main .pop-input > li{ border: 1px solid #cbcbcb; margin-bottom: 4.4%; height: 54px; }
.reg-main .pop-input li{ background: #fff; }
.reg-main .pop-input i.fl{ width: 84px; font-style: normal; font-size: 16px; color: #333; padding: 0; }
.reg-main .pop-input > li:first-child i.fl{ width: 165px; }
.reg-main .pop-input > li:first-child input{ width: 265px; }
.reg-main .pop-input > li > input,.reg-main .pop-input > li > div{ width: 350px; height: 52px; color: #333; }
.reg-main .pop-input > li > input{ font-size: 16px; }
.reg-main .pop-btn{ margin: 3% 0 14% 0; }
.reg-main .ser-select.mes-province{ width: 370px; }
.reg-main .ser-select li{ padding: 0; }
.reg-main .ser-select,.reg-main .pop-input > li > input,.reg-main .pop-input i.fl,
.reg-main .ser-select.mes-province h4,.reg-main .c-datepicker-container>input.form-control{ height: 52px; line-height: 52px; }
.reg-main .ser-select.mes-province h4{ border: 0; }
.reg-main .ser-select.mes-province .ser-scon{ width: 470px; left: auto; right: -1px; top: 52px; }
.reg-main .swiper-container-select .swiper-wrapper{ width: 430px; }
.reg-main .pop-input li .ser-scon a{ width: 100%; float: none; background: #fff; text-align: left; }
.reg-main .pop-input li a.btn-container{ width: auto; background: transparent; float: none; margin: 0 auto; height: 24px; padding: 0; font-size: 14px; line-height: 30px; text-align: center; }
.reg-main .pop-input i.glyphicon-menu-down{ display: none; }
.reg-main .ser-select h4{ padding-left: 0; color: #333; }
.reg-main .c-datepicker-container>input.form-control{ width: 100%; border: 0; box-shadow: none; font-size: 16px; }
.reg-main .c-datepicker-container:hover>input.form-control{ box-shadow: none; }


/************************- per-info.html -*********************/
.per-head{ background: url(../images/head-bg.png) center center no-repeat; background-size: 100% 100%; }
.per-photo{ width: 180px; right: 3%; top: 50%; margin-top: -31px; }
.per-photo a{ width: 100%; font-size: 16px; color: #666; line-height: 22px; padding-left: 26px; background: url(../images/photo-img.png) 1px center no-repeat; }
.per-photo input{ width: 120px; padding-top: 14px; font-size: 14px; float: right; clear: both; } 
.info-con .per-info{ padding-right: 320px; padding-top: 0; }
.info-con .per-info li,.info-con .per-info p{ display: block; padding: 0; }
.info-con .per-info p{ line-height: 118px; }
.info-main li{ border-top: 2px solid #dfdfdf; }
.info-main li{ display: table; width: 100%; padding: 3% 0; }
.info-main li > div{ display: table-cell; vertical-align: middle; }
.info-img{ width: 82px; }
.info-img img{ width: auto; }
.info-pro h3,.info-pro p{ font-weight: normal; font-size: 16px; color: #333; line-height: 26px; }
.info-pro p{ color: #666; }
.info-modify{ width: 80px; }
.info-modify a{ width: 68px; float: right; padding-right: 31px; text-align: right; font-size: 14px; color: #666; line-height: 24px; background: url(../images/per-edit.png) right center no-repeat; }
.info-modify a:hover{ color: #78bc27; background: url(../images/per-edit2.png) right center no-repeat; }
.info-pas{ margin-top: 12px; margin-left: 28px; }
.info-pas i{ width: 61px; height: 3px; float: left; margin-right: 1px; background: #dfdfdf; }
.info-pas1 i:nth-child(1),
.info-pas2 i:nth-child(1),.info-pas2 i:nth-child(2),
.info-pas3 i:nth-child(1),.info-pas3 i:nth-child(2),.info-pas3 i:nth-child(3),
.info-pas4 i:nth-child(1),.info-pas4 i:nth-child(2),.info-pas4 i:nth-child(3),.info-pas4 i:nth-child(4){ background: #78bc27; }

.info-pop .pop-con{ border-top-left-radius: 0; border-top-right-radius: 0; border-top: 4px solid #78bc27; }
.info-pop .pop-tit{ padding: 0 14%; background: #fff; color: #333; text-align: left; }
.info-pop .pop-main{ padding-top: 0; }

.info-area{ background: #fff !important; border: 1px solid #cbcbcb; padding: 10px 3% !important; }
.info-area textarea{ height: 92px; line-height: 24px; }
.info-area i{ padding-top: 0; }

.info-text{ background: #fff !important; }
.info-text i{ padding: 0 !important; }
.info-text .info-pas{ margin: 0 0 5px 0; }
.info-text p{ font-size: 14px; color: #b7b7b7; line-height: 20px; }
.pop-mpw .pop-con{ margin-top: -172px; }
.pop-mpw .pop-close{ margin-top: -187px; }



/************************- software.html -*********************/
.software{ padding: 4% 0 5%; }
.soft-con{ padding-top: 3%; }
.soft-con{ margin-left: -1.83%; }
.soft-con li{ width: 31.5%; margin-left: 1.83%; text-align: center; }
.soft-tit{ padding: 3% 0; font-size: 28px; color: #78bc27; line-height: 40px; text-align: center; font-style: italic; }
.soft-con p{ font-size: 16px; color: #333; line-height: 26px; text-align: left; height: 78px; overflow: hidden; }
.soft-more{ margin: 4% auto 0; padding: 0 20px; font-size: 16px; color: #333; line-height: 40px; border: 2px solid #666; border-radius: 4px; text-align: center; }
.soft-more:hover{ color: #fff; border-color: #78bc27; background: #78bc27; }


/************************- soft-windows.html -*********************/
.soft-main li{ margin-bottom: 7%; }
.soft-main h3{ font-style: italic; font-size: 28px; color: #78bc27; line-height: 34px; padding-bottom: 4%; }
.win-con{ width: 55%; float: left; }
.win-img{ width: 40%; float: right; }
.win-con h4,.win-con p,.win-con a,.soft-main i,.soft-main i a,.soft-main > p{ font-size: 16px; color: #333; line-height: 26px; padding-bottom: 3%; }
.win-con h4{ font-style: italic; color: #78bc27; }
.win-con a{ color: #78bc27; padding-bottom: 1%; overflow: hidden; display: block; float: left; clear: both; }
.soft-even .win-con{ float: right; }
.soft-even .win-img{ float: left; }
.soft-main > p{ padding-bottom: 0 !important; }

.help-cen.soft-main{ margin-top: 3%; }
.soft-main h3.soft-bt{ padding-bottom: 2%; }
.soft-main .soft-more{ margin-bottom: 4%; margin-right: 12px; }
.soft-main > div{ overflow: hidden; display: block; margin: 2% 0 7%; }
.soft-main > div img{ max-width: 47%; float: left; margin-right: 3%; }
.soft-main i{ overflow: hidden; display: block; font-size: 14px; font-style: normal; }
.soft-main i a{ font-size: 14px; text-decoration: underline; }
.soft-main i a:hover{ color: #000; }

.soft-main > div.soft-third{ margin-right: 10%; }
.soft-third{ float: left; text-align: center; }
.soft-third h3,.soft-third img{ float: initial; clear: both; }
.soft-third img{ width: auto !important; max-width: 100% !important; margin: 0 !important; float: initial !important; }
.soft-third a{ margin-right: 0; }

.norton li{ padding-bottom: 7%; border-bottom: 1px solid #cccccc; }
.norton li:last-child{ padding-bottom: 3%; }
.norton li:last-child .win-con{ width: 100%; }
.norton .win-img{ width: 25%; }
.norton .win-con{ width: 70%; }

.mark iframe{ width: 100%; height: auto; margin: 0; padding: 0; }
.mark header,.mark footer{ display: none; }


/************************- makeyourmark.html -*********************/
.mark-con{ width: 100%; height: 100%; z-index: 102; color: #fff; }
.mark-all{ text-align: center; }
.mark-pro{ top: 50%; left: 0; margin-top: -100px; z-index: 12; }
.mark-pro div{ width: 400px; float: left; text-align: left !important; }
.mark-con h3{ font-size: 32px; line-height: 54px; letter-spacing: 2px; }
.mark-con h4,.mark-con p{ margin-top: 15px; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 1px; }
.mark-con h4{ font-size: 16px; }

.mark-all .mark-con h3,.mark-all .mark-con h4,.mark-all .mark-con p{ width: 100%; }
.mark-all .mark-con h4,.mark-all .mark-con p{ font-size: 16px; }
.mark-all .mark-pro{ margin-top: -90px; }
.mark-all .mark-pro div{ width: 100%; text-align: center !important; }

.mark-even .mark-pro div{ float: right; }

.ovh.mark .video-js .vjs-big-play-button,.mark .vjs-text-track-display{ display: none !important; }
.mark-video{ width: 48px; height: 48px; cursor: pointer; margin-top: 20px; background: url(../images/mark-btn.png) left top no-repeat; background-size: 100% 100%; }
.mark-all .mark-video{ margin: 20px auto 0; }
.mark-img{ width: 100%; height: 100%; top: 0; left: 0; z-index: 10; }
.mark-img1,.mark-bg1{ display: block; }
.mark-img2,.mark-img3,.mark-bg2,.mark-bg3{ display: none; }
.mark-music .mark-con h3,.mark-music .mark-con h4,.mark-music .mark-con p{ float: right; }

.mark > .main{ text-align: center; padding: 2.5% 0; }
.mark .feature{ width: 100%; display: inline-block; _display: inline; *zoom:1; }
.mark .feature li{ padding: 0; }

.inter{ right: 85px; bottom: 40px; font-size: 14px; color: #fff; line-height: 22px; z-index: 104; text-align: right; }
.inter img{ width: 80px; }
.inter div p{ padding-right: 15px; padding-top: 8px; }
.inter > p{ padding-top: 5px; }


/************************- password.html -*********************/
.pw-header{ height: auto; }
.pw-header .logo{ width: 132px; margin: 1.8% auto; }
.pw-header .logo img{ width: auto; margin: 0 auto; }
.pw-tit{ padding: 7.4% 0 3.4%; font-weight: normal; font-size: 28px; color: #333; line-height: 34px; text-align: center; }
.pop-pw{ width: 338px; padding: 0; margin: 0 auto 14%; }
.pop-pw .info-pas1 i:nth-child(1),.pop-pw .info-pas2 i:nth-child(1),.pop-pw .info-pas2 i:nth-child(2),.pop-pw .info-pas3 i:nth-child(1),
.pop-pw .info-pas3 i:nth-child(2),.pop-pw .info-pas3 i:nth-child(3),.pop-pw .info-pas4 i:nth-child(1),.pop-pw .info-pas4 i:nth-child(2),
.pop-pw .info-pas4 i:nth-child(3),.pop-pw .info-pas4 i:nth-child(4){ background: #f39800; }

.pw-footer{ background: #3c3c3c; text-align: center; padding: 4.2% 0; }
.pw-footer p{ font-family: Arial; font-size: 22px; color: #fff; line-height: 30px;  }
.pw-footer div{ padding-top: 0.4%; }
.pw-footer a{ overflow: hidden; display: block; float: left; font-size: 18px; color: #fff; line-height: 20px; padding: 0 12px; margin: 5px 0; border-left: 1px solid #fff; }
.pw-footer a:first-child{ border-left: 0; }

.pop-nickname .pop-con{ margin-top: -150px; }
.pop-nickname .pop-close{ margin-top: -165px; }
.pop-phone .pop-con{ margin-top: -214px; }
.pop-phone .pop-close{ margin-top: -229px; }
.pop-mailbox .pop-con{ margin-top: -148px; }
.pop-mailbox .pop-close{ margin-top: -163px; }


/**- mall -**/
/************************- mall.html -*********************/
.mall .swiper-wrapper{ z-index: 10; }
.mall-bg{ width: 100%; height: auto; position: absolute; left: 0; bottom: 0; z-index: 11; }
.mall .banner-arrow{ top: 38%; }
.mall .banner-prev b{ background: url(../images/mbanner-prev.png) no-repeat; }
.mall .banner-next b{ background: url(../images/mbanner-next.png) no-repeat; }
.mall .main{ bottom: 32%; text-align: center; z-index: 12; }
.mall .pagination{ float: none; display: inline-block; _display: inline; *zoom: 1; overflow: visible; }
.mall .pagination span{ background: rgba(51,51,51,0.5); }
.mall .pagination span.swiper-active-switch{ background: #333; }

.mall-search{ margin-top: -4.6%; position: relative; z-index: 10; }
.mall-search .fr{ width: 42.5%; }
.ms-input{ border: 1px solid #78bc27; }
.ms-text{ width: 100%; padding: 0 115px 0 30px; font-size: 16px; color: #666; line-height: 58px; height: 58px; }
.ms-text::-webkit-input-placeholder{ color: #969696; }
.ms-text:-moz-placeholder{ color: #969696; }
.ms-text::-moz-placeholder{ color: #969696; }
.ms-text:-ms-placeholder{ color: #969696; }
.ms-submit{ width: 87px; height: 58px; cursor: pointer; top: 0; right: 0; background: url(../images/ms-search.png) center center no-repeat; background-color: #78bc27; }
.ms-word{ font-size: 0; padding-left: 21px; }
.ms-word a{ padding: 0 9px 0 10px; font-size: 14px; color: #969696; line-height: 36px; position: relative; }
.ms-word a:after{ width: 1px; height: 14px; background: #969696; position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; }
.ms-word a:first-child:after{ display: none; }
.ms-word a:hover{ color: #78bc27; }

.mall-main{ overflow: visible; padding: 4.5% 0 1.5%; }
.mm-con{ margin-left: -2%; }
.mm-con li{ width: 48%; padding: 3% 2.2% 3%; margin-left: 2%; margin-bottom: 2%; background: #fff; border: 1px solid #e6e6e6; position: relative; }
.mm-con li:after{ font-family: Arial; font-weight: bold; font-size: 180px; color: #f6faf3; line-height: 190px; position: absolute; right: -0.1%; bottom: -11.5%; z-index: 1; content: 'NEW'; }
.mm-con li:hover{ box-shadow: 0 4px 8px rgba(0,0,0,0.1); }
.mall-info{ width: 47.5%; position: relative; z-index: 10; }
.mall-img{ width: 52.5%; position: absolute; top: 50%; right: 3%; z-index: 10; transform: translateY(-50%); }
.mall-more{ width: 146px; margin: 3.5% auto 2.3%; padding-left: 25px; font-size: 18px; color: #78bc27; line-height: 46px; text-align: left; border: 1px solid #78bc27; background: url(../images/con-more2.png) 90% center no-repeat; }
.mall-more:hover{ color: #fff; background: url(../images/con-more3.png) 90% center no-repeat; background-color: #78bc27; }

.mall-title{ text-align: left; padding: 0 2.4% 0.7%; font-size: 0; }
.mall-title .din{ vertical-align: bottom; }
.mall-title > div{ margin-right: 26px; padding-bottom: 6px; }
.mall-title p{ padding-right: 5px; font-size: 116px; color: #ac7334; line-height: 118px; }
.mall-title h3{ font-weight: normal; font-size: 48px; color: #a15e00; line-height: 54px; text-align: left; }
.mall-title span{ font-size: 28px; color: #ac7334; line-height: 30px; }
.mall-title:after{ width: 420px; height: 2px; position: absolute; bottom: 0; left: 0; background: #a15e00; content: ''; }
.mall-title img{ width: 142px; margin-right: 2%; }

.mall-con{ position: relative; z-index: 10; background: url(../images/mall-aux1.png) right 5% no-repeat; }
.mall-pro{ margin: 1% 2%;transform: scale(0.84); background: url(../images/mall-pro.jpg) center center no-repeat; background-size: cover !important; }
.mall-det{ color: #333; }
.mall-det h5{ height: 36px; overflow: hidden; font-weight: normal; font-size: 22px; line-height: 36px; clear: both;text-overflow: ellipsis;white-space: nowrap; }
.mall-det h5 p{ font-size: 16px; color: #fff; line-height: 36px; background: #78bc27; padding: 0 15px; margin-right: 10px; }
.mall-det h3{ width: 100%; padding: 3% 0 7.2%; float: left; font-weight: normal; font-size: 32px; line-height: 38px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mall-det > p{ width: 100%; margin-bottom: 15%; height: 48px; overflow: hidden; clear: both; font-size: 14px; line-height: 24px; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; }
.mall-det h4{ padding-top: 0.3%; padding-bottom: 7%; font-family: Arial; font-size: 36px; color: #78bc27; line-height: 40px; }
.mall-det h4 span{ font-size: 26px; font-weight: normal; }
.mall-det i{ width: 124px; height: 36px; overflow: hidden; display: block; font-style: normal; font-size: 18px; color: #78bc27; line-height: 34px; text-align: center; background: #fff; border: 1px solid #78bc27; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.mall-hot .mall-det i{ background: none; }
.mall-det i:hover,.mall-hot .mall-det i:hover{ background: #78bc27 !important; color: #fff; }
.mall-collect{ left: 140px; bottom: 0%; padding-left: 27px; cursor: pointer; font-size: 14px; color: #999 !important; line-height: 36px; background: url(../images/collect.png) left center no-repeat; }
.mall-collect.collect-on{ color: #78bc27 !important; background: url(../images/collect-on.png) left center no-repeat; }
.mall-swiper{ margin-top: 1% !important; }
.mall-swiper .mall-pro:hover{ box-shadow: 0 0 8px rgba(0,0,0,0.25); }
.mall-swiper .swiper-slide{ position: relative; }
.mall-swiper .swiper-wrapper,.mall-swiper .swiper-slide{ height: auto !important; }
.pagination-mall{ position: absolute; bottom: 4%; right: 36%; }
.pagination-mall span{ width: 28px; height: 28px; cursor: pointer; overflow: hidden; display: inline-block; _display: inline; *zoom: 1; background: url(../images/ms-btn.png) center center no-repeat; }
.pagination-mall span.swiper-active-switch{ background: url(../images/ms-on.png) center center no-repeat;; }

.ms-pic{ width: 66%; position: relative; z-index: 8; }
.mall-hot{ width: 34%; height: 100%; top: 0; right: 0; z-index: 10; padding: 0 5%; background: #333; position: absolute; text-align: center; }
.mall-hot .mall-info{ width: 100%; padding-top: 27%; }
.mall-hot .mall-det{ color: #e1e1e1; text-align: left; }
.mall-hot .mall-more{ margin-left: 0; border: 0; margin-left: -25px; margin-top: 13%; }

.mall-cen2 .mall-title p,.mall-cen2 .mall-title span{ color: #555; }
.mall-cen2 .mall-title h3{ color: #333; }
.mall-cen2 .mall-title:after{ background: #333; }
.mall-con.mall-cen2 .mall-det{ color: #e1e1e1; }
.mall-con.mall-cen2{ background: url(../images/mall-aux2.png) right 5% no-repeat; }
.mall-comm{ margin-top: 0; margin-bottom: 5.5%; background: url(../images/mall-aux2.png) right 15% no-repeat; }
.mall-comm .mall-pro{ background: url(../images/mall-pro2.jpg) center center no-repeat; }
.mall-comm .mall-pro a{ color: #fff; }

.mall-con .mm-con{ margin-left: auto; margin-right: auto; margin-top: 3%; box-shadow: none; border:1px solid #d2d2d2; background: url(../images/ms-bg1.jpg) center center no-repeat; background-size: cover !important; }
.mall-con .mm-con li{ width: 100%; float: none; padding-left: 10%; padding-right: 10%; margin-left: 0; margin-bottom: 0; background: none; }
.mall-cen2 .mm-con{ background: url(../images/ms-bg2.jpg) center center no-repeat; }
.mall-con .mall-info{ width: 42%; margin: 7% 0; }
.mall-con .mall-det i{ background: none; }
.mall-con .mm-con li:after{ display: none; }
.mall-con .mall-det h3{ padding-top: 1%; padding-bottom: 3.5%; }
.mall-con .mall-det h4{ padding-bottom: 4%; }
.mall-con .mall-img{ width: 48%; right: 7%; }

.mp-list{ margin-left: -2.33%; margin-top: 3%; }
.mp-list li{ width: 31%; position: relative; padding: 0 2% 2%; float: left; margin-left: 2.33%; margin-bottom: 2.3%; background: #fff; border: 1px solid #d2d2d2; }
.mp-list .mall-img{ width: 100%; padding: 30% 18%; right: 0; position: relative; transform: translateY(0); }
.mp-list .mall-img img{ width: auto; height: 65%; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0) !important; }
.mp-list li:hover .mall-img img{ height: 70%; }
.mp-list .mall-info{ width: 100%; margin: 0; padding-top: 6%; border-top: 1px dashed #d2d2d2; }
.mp-list .mall-det h5{ color: #535353; }
.mp-list .mall-det > p{ color: #969696; margin-bottom: 4.5%; }
.mp-list .mall-det h4{ padding-bottom: 1.5%; font-size: 30px; font-weight: normal; color: #333; }
.mp-list .mall-det h4 span{ font-size: 18px; }

.mall-cen1 a .mall-info h3{ background-image: -webkit-linear-gradient(left, #c70029 0%, #0061c5 75%, #cc1478 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}
.mall-cen2 a .mall-info h3{ background-image: -webkit-linear-gradient(left, #ddbc9a 0%, #93c952 75%, #f4ba7e 100%); -webkit-text-fill-color: transparent; -webkit-background-clip: text;}

.to-mall{ margin-top: -207px; }





/************************- product-view.html -*********************/
.pro-main{ padding: 2.5% 0; }
.pro-picture{ width: 45.83%; }
.pro-pimg{ margin-bottom: 4%; border: 1px solid #e8e8e8; }
.pro-pimg > div{ display: none; }
.pro-swiper{ margin-left: -3% !important; z-index: 10; }
.pro-swiper .swiper-slide a{ overflow: hidden; display: block; cursor: pointer; width: 85%; margin-left: 15%; padding: 1px; background: #fafafa !important; }
.pro-swiper .swiper-slide.pi-active a{ padding: 0; border: 1px solid #d2d2d2; }
.ps-arrow{ width: 40px; height: 100%; opacity: 0; display: none\9; cursor: pointer; z-index: 12; margin: 0; position: absolute; top: 0; background: rgba(0,0,0,0.6); }
.ps-arrow i{ width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; top: 0; left: 0; background-size: 15px auto !important; }
.ps-prev{ left: 0; }
.ps-next{ right: 0; }
.ps-prev i{ background: url(../images/pur-prev2.png) center center no-repeat; }
.ps-next i{ background: url(../images/pur-next2.png) center center no-repeat; }
.pro-show:hover .ps-arrow{ opacity: 1; display: block\9; }
.pro-cen{ width: 51%; }
.pro-cen h3{ font-weight: normal; font-size: 28px; color: #333; line-height: 38px; }
.pro-cen p{ font-size: 18px; color: #969696; line-height: 24px; padding-top: 2%; }
.pro-tit{ margin-top: 2.8%; margin-bottom: 2%; font-weight: normal; font-size: 24px; color: #333; line-height: 34px; }
.pro-list{ margin-left: -1.2%; }
.pro-list li{ width: 48.8%; display: table; margin-left: 1.2%; margin-bottom: 1.3%; float: left; cursor: pointer; }
.pro-list li > div{ display: table-cell; vertical-align: middle; border: 1px solid #d2d2d2; }
.pro-list li > div:last-child{ border-left: 0; }
.pro-limg{ width: 40%; }
.pro-linfo{ padding: 3% 2% 3% 7%; }
.pro-linfo p{ font-size: 18px; color: #333; line-height: 40px; }
.pro-linfo p:first-child{ padding-top: 0; }
.pro-list li.pro-lactive > div{ border-color: #78bc27; }
.pro-lactive .pro-linfo p,.pro-lactive .pro-linfo span,.evaluate a:hover,.evaluate span,
.eva-acer .eva-name{ color: #78bc27; }
.pro-col .pro-limg{ width: 34%; }
.pro-select{ padding: 3.8% 4%; margin-top: 7%; background: #fafafa; font-size: 18px; color: #969696; line-height: 40px; }
.pro-add{ padding: 0 3%; }
.pro-select h6{ font-weight: normal; padding-top: 2.8%; font-size: 18px; color: #78bc27; line-height: 40px; }
.pro-select span{ font-size: 28px; }
.pro-buy{ margin-top: 4.2%; }
.pro-buy a{cursor:pointer; padding: 0 2.5%; margin-right: 2.8%; font-size: 16px; color: #78bc27; line-height: 38px; border: 2px solid #78bc27; }
.pro-buy a.pro-buyon{ background: #78bc27; color: #fff; }

.pro-packing{ padding: 0.8% 0 4%; }
.pro-packing .pro-tit{ margin-bottom: 1.2%; }
.pro-packing ul{ background: #fff; }
.pro-packing li{ width: 33.3333%; padding: 3%; font-size: 18px; color: #333; line-height: 40px; text-align: center; }
.pro-gua li{ width: 25%; padding-bottom: 0; }
.pro-gua img{ width: auto; margin: 0 auto 4%; }

.evaluate{ background: #fff; margin: 2.7% auto 1.6%; }
.evaluate a{ padding: 30px; cursor: pointer; font-size: 16px; color: #969696; line-height: 34px; }
.evaluate a.eva-refresh{ padding-left: 30px; background: url(../images/refresh.png) left center no-repeat; }
.evaluate a.eva-choice{ padding-left: 30px; background: url(../images/choice.png) left center no-repeat; }
.evaluate p{ padding: 30px; font-size: 16px; color: #333; line-height: 34px; }
.evaluate span{ padding-left: 6px; font-family: Arial; font-size: 36px; }

.eva-main{ padding-bottom: 4%; }
.eva-list li{ width: 100%; padding: 4% 30px; display: table; background: #fff; margin-bottom: 1%; }
.eva-img{ width: 46px; }
.eva-img img{ margin-top: 5px; }
.eva-name{ width: 120px; padding: 0 10px 0 20px; font-size: 18px; color: #333; line-height: 26px; }
.eva-profile > p{ font-size: 16px; color: #333; line-height: 26px; }
.eva-profile div{ padding-top: 1.5%; }
.eva-profile span{ font-size: 14px; color: #969696; line-height: 24px; padding-right: 40px; }
.eva-thumb{ font-size: 14px; color: #333; line-height: 24px; padding-left: 31px; background: url(../images/thumb.png) left center no-repeat; }

.eva-reply{ border: 1px solid #d2d2d2; margin: 2.2% 0 3%; }
.eva-text{ width: 100%; padding: 0 140px 0 2%; font-size: 16px; color: #333; line-height: 58px; height: 58px; }
.eva-submit{ width: 118px; top: 0; right: 0; cursor: pointer; font-size: 16px; color: #333; line-height: 58px; text-align: center; border-left: 1px solid #d2d2d2; }

.eva-acer .eva-img{ width: 36px; }
.eva-acer .eva-name{ font-size: 16px; }
.eva-more{ font-size: 16px; color: #78bc27; line-height: 60px; text-align: center; background: #fff; }


/************************- success.html -*********************/
.success{ background: #fff; padding: 3% 2.4%; margin: 3% auto; }
.suc-img{ width: 90px; padding-right: 22px; }
.suc-info > div{ vertical-align: middle; }
.suc-info{ text-align: left; }
.suc-info h4{ font-weight: normal; font-size: 26px; color: #333; line-height: 28px; }
.suc-info p{ padding-top: 5%; font-size: 16px; color: #969696; line-height: 18px; }
.suc-info span,.suc-con .pro-buy p span{ color: #78bc27; }
.suc-con .pro-buy{ text-align: right; vertical-align: top; }
.suc-con .pro-buy a{ float: none; display: inline-block; _display: inline; *zoom: 1; padding: 0 7%; margin-right: 0; margin-left: 2.8%; margin-top: 4px; }
.suc-con .pro-buy p{ font-size: 16px; color: #333; line-height: 30px; }

.suc-product{ background: #fff; margin-bottom: 4%; }
.suc-product .per-ptit .per-tit h2{ line-height: 22px; padding-left: 0.8%; border-left: 4px solid #78bc27; }
.suc-product ul{ margin-left: -2%; }
.suc-product li{ width: 18%; margin-left: 2%; }
.suc-product h4{ height: 110px; padding-top: 28px; width: 100%; display: inline-block; _display: inline; *zoom: 1; vertical-align: middle; font-weight: normal; line-height: 30px; }
.suc-product h4 span{ font-weight: bold; font-size: 24px; }


/************************- cart.html -*********************/
.p30{ padding: 0 30px; }
.pb5{ padding-bottom: 5%; }
.cart{ background: #fff; margin: 3% auto; }
.cart-title{ padding-top: 1.5%; padding-bottom: 1.5%; border-bottom: 1px solid #c7c7c7; }
.cart-title h5{ font-weight: normal; font-size: 18px; color: #333; line-height: 40px; }
.cart-title span{ padding-left: 12px; color: #78bc27; }
.cart-title a{ font-size: 18px; color: #78bc27; line-height: 40px; }
.cart-list{ font-size: 16px; color: #333; line-height: 30px; }
.cart-list li{ padding: 3.5% 0; border-bottom: 1px dashed #c7c7c7; text-align: center; }
.cart-list li.cart-menu{ padding: 1.5% 0; }
.cart-list li:last-child{ border-bottom: 0; }
.cart-list .dtc,.cart-list .din{ vertical-align: middle; }
.cart-sel{ width: 90px; }
.cart-pri{ width: 150px; }
.cart-num{ width: 180px; }
.cart-cal{ width: 130px; color: #78bc27; }
.cart-ope{ width: 90px; cursor: pointer; }
.cart-pro img{ width: 150px; }
.cart-choice,.cart-all{ height: 30px; line-height: 30px; cursor: pointer; padding-left: 40px; background: url(../images/cart-bg.jpg) left center no-repeat; }
.cart-active{ background: url(../images/cart-on.jpg) left center no-repeat !important; }
.cart-num div{ font-size: 0; border: 1px solid #969696; }
.cart-num a,.cart-num input{ width: 36px; font-size: 16px; color: #333; line-height: 26px; text-align: center; }
.cart-num a{ cursor: pointer; }
.cart-list li.cart-menu .cart-cal{ color: #333; }
.cart-ope img{ width: 20px; }
.cart-set{ padding-left: 30px; margin-top: 0.5%; margin-bottom: 4%; background: #fff; }
.cart-set > .fl{ padding: 24px 0; }
.cart-set > .fl p{ padding-left: 58px; font-size: 16px; color: #969696; line-height: 30px; }
.cart-set > .fr p{ font-size: 16px; color: #78bc27; line-height: 78px; }
.cart-set > .fr span{ overflow: hidden; display: block; float: right; font-size: 26px; padding-right: 28px; }
.cart-set > .fr a{ padding: 0 36px; font-size: 16px; color: #fff; line-height: 78px; background: #78bc27;cursor: pointer; }


/************************- settlement.html -*********************/
.settlement{ margin-top: 2.5% !important; }
.cart.mb10{ margin-top: 0; margin-bottom: 10px !important; }
.set-con{ margin-left: -2.2%; padding-top: 3%; padding-bottom: 1%; }
.set-con li{ width: 22.8%; height: 166px; position: relative; padding: 2%; margin-left: 2.2%; margin-bottom: 2%; border: 1px solid #d2d2d2; }
.set-name{ height: 24px; font-size: 18px; color: #333; line-height: 24px; }
.set-tel{ padding-top: 7px; height: 31px; font-size: 16px; color: #969696; line-height: 24px; }
.set-add{ padding-top: 4px; height: 52px; }
.set-con img{ width: auto; margin: 0 auto 4.8%; }
.set-app a{ width: 100%; color: #333; position: absolute; left: 0; top: 50%; transform: translateY(-50%); text-align: center; font-size: 16px; color: #333; line-height: 32px; }

.pay-con > div{ border-bottom: 1px dashed #d2d2d2; }
.pay-con > div:last-child{ border: 0; }
.pay-con h5{ padding: 1.5% 0 1%; font-weight: normal; font-size: 18px; color: #333; line-height: 30px; }
.pay-list{ margin-left: -2%; }
.pay-list li{ width: 18%; float: left; margin-bottom: 2%; margin-left: 2%; border: 1px solid #d2d2d2; }
.pay-mode{ font-size: 0; }
.pay-mode li{ padding: 1.1% 0; text-align: center; }
.pay-mode img{ width: 46px; }
.pay-list p{ padding-left: 7%; font-size: 18px; color: #333; line-height: 46px; }

.remarks{ margin: 2% 0; }
.remarks input{ width: 71%; padding: 0 1.5%; font-size: 14px; color: #333; line-height: 46px; border: 1px solid #d2d2d2; }
.remarks input:-webkit-input-placeholder{ color: #969696; }
.remarks input::-moz-placeholder{ color: #969696; }
.remarks input:-moz-placeholder{ color: #969696; }
.remarks input::-ms-input-placeholder{ color: #969696; }
.remarks p{ padding-left: 0.8%; font-size: 14px; color: #969696; line-height: 48px; }

.cart-inv{ overflow: visible; }
.invoice{ padding: 2% 30px; }
.invoice p,.invoice input{ font-size: 16px; color: #333; line-height: 40px; padding-right: 2%; }
.invoice a{ font-size: 16px; color: #78bc27; line-height: 40px; cursor: pointer; }
.inv-fp{ padding-left: 20px; overflow: visible; }
.inv-fp input{ display: none; }
.inv-fp > a{ width: auto !important; padding-right: 23px; cursor: pointer; overflow: hidden; display: block; float: left; clear: both; color: #333; background: url(../images/nav-btn.png) right center no-repeat; }
.inv-fcon{ display: none; width: 340px; top: 40px; left: 5px; background: #fff; padding: 15px 15px 5px; border: 1px solid #f1f1f1; }
.inv-fcon a{ overflow: hidden; display: block; font-size: 14px; color: #333; line-height: 22px; padding-bottom: 10px; }
.inv-fcon a:hover{ color: #78bc27; }

.cart-info{ padding-top: 1%; padding-bottom: 1%; }
.cart-info ul{ padding: 1% 0; border-bottom: 1px dashed #d2d2d2; }
.cart-info ul:last-child{ border: 0; }
.cart-info li{ text-align: right; }
.cart-info1{ font-size: 16px; color: #333; line-height: 40px; }
.cart-info2{ width: 190px; font-size: 16px; color: #78bc27; line-height: 40px; }
.cart-discount a{ padding-left: 30px; cursor: pointer; color: #969696; background: url(../images/cart-bg.jpg) left center no-repeat; background-size: 16px 16px !important; }
.cart-discount span{ color: #78bc27; padding-left: 15px; } 
.cart-discount i{ padding-left: 6px; padding-right: 16px; font-style: normal; font-size: 14px; color: #969696; }
.cart-discount b{ padding: 0 18px; font-weight: normal; color: #969696; line-height: 26px; border: 1px solid #969696; }
.cart-discount .cart-info2{ color: #969696; }
.cart-discount .cart-active{ color: #333; }
.cart-discount .cart-don a{ color: #333; background: url(../images/cart-on.jpg) left center no-repeat; }
.cart-discount .cart-don .cart-info2,.inv-fill > div span{ color: #78bc27; }
.cart-order{ cursor: pointer; margin: 1.2% 0 5%; padding: 0 45px; font-size: 18px; color: #fff; line-height: 48px; background: #78bc27; }

.inv-main{ width: 780px; top: 50%; left: 50%; background: #fff; margin-left: -390px; margin-top: -360px; }
.inv-mcon{ padding: 0 100px; }
.inv-menu{ padding-top: 6%; }
.inv-menu li{ cursor: pointer; margin-right: 3%; font-size: 16px; color: #000; line-height: 34px; border: 1px solid #d2d2d2; padding: 0 4%; }
.inv-menu li.inv-active,.inv-fmenu li.inv-fmon{ color: #78bc27; border-color: #78bc27; }
.inv-con{ padding-top: 3%; }
.inv-con > div{ display: none; }
.inv-info{ margin-bottom: 3%; font-size: 14px; color: #969696; line-height: 20px; background: #f5f5f5; padding: 4% 4.5%; }
.inv-fill{ position: relative; margin-bottom: 3%; }
.inv-fill > div,.inv-input{ font-size: 14px; color: #969696; line-height: 34px; }
.inv-fill p{ width: 114px; font-size: 16px; color: #969696; line-height: 36px; text-align: right; position: absolute; top: 0; left: 0; }
.inv-fill > div{ padding-left: 126px; padding-right: 30px; line-height: 36px; }
.inv-fmenu{ margin-left: -5%; }
.inv-fmenu li{ width: 45%; cursor: pointer; margin-left: 5%; font-size: 16px; color: #969696; line-height: 34px; text-align: center; border: 1px solid #d2d2d2; }
.inv-input{ width: 100%; padding: 0 4%; border: 1px solid #d2d2d2; }
.inv-fill .cart-order{ float: left; }
.inv-company{ display: none; }
.inv-icon{ width: 10px; top: 50%; margin-top: -5px; right: 12px; }
.inv-layer .pop-close{ margin-left: 390px; margin-top: -375px; }

.cart-js .cart-pro{ text-align: left; }
.cart-js .cart-pro img{ margin-left: 0; display: inline-block; _display: inline; *zoom: 1; }
.cart-js .cart-pri{ width: 18%; }
.cart-js .cart-num{ width: 18%; }
.cart-js .cart-num div{ border: 0; }


/************************- coupon.html -*********************/
.cou-main{ padding: 3.5% 30px; }
.cou-main ul{ margin-left: -2.83%; }
.cou-main li{ width: 30.5%; margin-left: 2.83%; }
.cou-main li > a{ color: #fff; background: url(../images/coupon.jpg) center center no-repeat; background-size: cover !important; }
.line_height a,.line_height .cou-main p{ color: #fff; }
.cou-price{ padding: 11% 5% 6.5%; }
.cou-price h4{ font-weight: normal; font-family: Arial; font-size: 62px; line-height: 70px; }
.cou-price h4 span{ font-size: 36px; }
.cou-price p{ font-size: 18px; line-height: 70px; text-align: right; }
.cou-info{ padding: 5% 5% 11%; }
.cou-info p{ font-size: 16px; line-height: 28px; }
.cou-line{ height: 24px; position: relative; background: url(../images/cou-line.png) left 12px repeat-x; }
.cou-line:after,.cou-line:before{ width: 13px; height: 100%;position: absolute; top: 0; content: ''; }
.cou-line:after{ left: 0; background: url(../images/con-horn1.png) left top no-repeat; }
.cou-line:before{ right: 0; background: url(../images/con-horn2.png) right top no-repeat; }
.cou-bg{ width: 100%; height: 16px; left: 0; bottom: 0; background: url(../images/cou-bg1.png) left top repeat-x; }
.cou-btn{ font-size: 0; text-align: center; }
.cou-btn a{ cursor: pointer; padding: 3% 3%; font-size: 16px; color: #969696; line-height: 40px; }
.cou-btn a.cou-bon,.payment span{ color: #78bc27; }
.cou-main li.cou-overdue > a{ background: none; }
.cou-main li.cou-overdue .cou-price{ background: #969696; }
.cou-main li.cou-overdue .cou-con{ padding-top: 24px; background: #f5f5f5; }
.cou-main li.cou-overdue .cou-line{ display: none; }
.cou-main li.cou-overdue .cou-info p{ color: #333; }
.cou-main li.cou-overdue .cou-info span{ color: #969696; }
.cou-main li.cou-overdue .cou-bg{ bottom: auto; top: 0; background: url(../images/cou-bg2.png) left top repeat-x; }


/************************- payment.html -*********************/
.payment{ padding-left: 90px; padding-top: 2%; font-size: 16px; color: #333; line-height: 36px; }
.payment h5{ width: 120px; padding-right: 10px; font-weight: normal;  }
.payment h5,.payment p{ vertical-align: middle; }
.pay-code{ padding-bottom: 5%; }
.pay-code h5{ font-weight: normal; font-size: 18px; color: #333; line-height: 36px; text-align: center; }
.pay-code img{ width: auto; margin: 0 auto; border: 6px solid #fff; }
.pay-code p{ font-size: 14px; color: #333; line-height: 26px; text-align: center; }
.pay-suc .pro-buy a{ float: right; clear: both; font-size: 16px; border: 0; padding: 0; }
.pay-suc .pro-buy a.pro-buyon{ font-size: 18px; border: 2px solid #78bc27; padding: 0 7%; }
.pay-suc .payment{ padding-top: 0; }


/************************- receive-coupons.html -*********************/
.re-coupon{ padding-top: 3%; }
.re-coupon .sv-pro{ margin-top: 1.2%; }
.receive ul{ margin-left: -1.5%; }
.receive li{ width: 23.5%; margin-left: 1.5%; }
.receive .cou-btn a{ margin: 8% 0 15%; background: #78bc27; color: #fff; padding: 1.2% 8%; }

.cart-oinfo{ width: 440px; top: 50%; left: 50%; margin-top: -90px; margin-left: -220px; background: #fff; font-size: 20px; color: #333; line-height: 180px; text-align: center; }
.cart-ocon .pop-close{ margin-top: -100px; margin-left: 220px; }


/************************- nextacer.html -*********************/
.nextacer{ background: url(../images/last-bg.jpg) center center no-repeat; background-size: cover !important; }
.nextacer h3 img{ width: auto; margin: 4.7% auto; }
.next-video{ border-width: 2px; border-style: solid; border-image: linear-gradient(to bottom, #0dc7fa, #02d286) 2 2; }
.next-con{ padding: 4% 0 5%; font-size: 38px; color: #fff; line-height: 46px; text-align: center; }
.ovh.nextacer .video-js,.ovh.nextacer .video-js .vjs-tech{ position: relative !important; }
.ovh.nextacer .video-js .vjs-big-play-button{ width: 80px; height: 80px; margin-left: -40px; margin-top: -40px; }
.ovh.nextacer .video-js .vjs-poster{ display: block; }



/**- animation -**/
a,.sho-social ul,.pagination span,.banner-arrow b,.banner-arrow i,.con-more p,.feature p,.purpose img,
.purpose p,.laptop img,.per-menu i,.per-list img,.ser-h1,.ser-h2,.ser-hlist h3,.ser-hlist p,.sup-menu li,
.mall-pro i,.mall-pro,.mm-con li,.mall-det i,.mp-list .mall-img img,.com-list a img{ transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; }
.pro-pic,.feature img{ transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; }
.solution img{ transition: all 1s linear 0s; -webkit-transition: all 1s linear 0s; -moz-transition: all 1s linear 0s; -o-transition: all 1s linear 0s; }
.lang-con a,.ser-scon a,.pro-swiper .swiper-slide a{ transition: all 0s linear 0s; -webkit-transition: all 0s linear 0s; -moz-transition: all 0s linear 0s; -o-transition: all 0s linear 0s; }


/**- media -**/
@media screen and (max-width:1720px) {
	.banner-prev{ left: 8%; margin-left: -30px; }
	.banner-next{ left: auto; right: 8%; margin-left: auto; margin-right: -30px; }
	/* .banner:hover .banner-prev{ margin-left: -15px; }
	.banner:hover .banner-next{ margin-right: -15px; } */
}


@media screen and (max-width:1640px) {
	/**- header -**/
	.nav > li > a{ margin: 0 12px; }
	.main.poa{ left: 5%; margin-left: 0; }

	.banner-prev{ left: 10%; }
	.banner-next{right: 10%;}
	.banner-bottom{ width: 6.1%; left: 46.95%; margin-left: 0; }

	.pro-text h4{ font-size: 22px; line-height: 28px; }
	.pro-text h3{ font-size: 40px; line-height: 54px; }
	.pro-text p{ line-height: 24px; }


	/************************- household.html -*********************/
	.feature p, .purpose p{ font-size: 20px; line-height: 28px; }
	.pur-arrow, .lap-arrow{ background-size: 24px auto !important; }
	.laptop h3{ font-size: 30px; line-height: 54px; }
	.laptop p{ font-size: 16px; line-height: 26px; }
	.laptop h4{ font-size: 22px; line-height: 30px; height: 30px; }
	.laptop a p{ font-size: 14px; line-height: 22px; height: 44px; }


	/************************- commercial.html -*********************/
	.com-menu a{ font-size: 16px; line-height: 62px; }
	.com-tit{ font-size: 34px; line-height: 40px; }
	.com-cen{ margin-top: -115px; }
	.com-cen p{ font-size: 22px; line-height: 34px; height: 102px; }
	.com-more,.com-info{ margin-top: 8%; }
	.com-ltit{ font-size: 22px; line-height: 28px; height: 56px; }
	.com-list p{ font-size: 16px; line-height: 26px; height: 52px; }

	/************************- solution.html -*********************/
	.sol-con{ width: 458px; margin-left: 0; left: 5%; margin-top: -137px; }
	.sol-even .sol-con{ margin-right: 0; right: 5%; }
	.sol-con h2 a{ font-size: 44px; line-height: 60px; height: 60px; }
	.sol-con p{ font-size: 16px; line-height: 26px; height: 104px; }
	.sol-more{ font-size: 16px; line-height: 40px; }

	.sv-tit{ font-size: 36px; line-height: 42px; }


	.ser-con{ padding: 1.8% 0 0.8%; }
	.ser-con .sv-tit{ margin-top: 4.2%; }
	.sv-en{ font-size: 14px; line-height: 32px; }
	.ser-select{ margin-bottom: 4.5%; }


	.sea-screen h3,.sea-tc a{ font-size: 16px; line-height: 30px; }
	.sea-tc a{ padding: 0 34px 0 7px; }

	.help-con .per-menu > li > a{ font-size: 20px; line-height: 50px; }
	.help-con .per-menu > li > a > i{ width: 26px; height: 26px; }
	.help-pro a{ font-size: 16px; }


	/************************- mall.html -*********************/
	.ms-text{ line-height: 46px; height: 46px; }
	.ms-submit{ height: 46px; }
	.mall-det h5{ height: 28px; font-size: 18px; line-height: 28px; }
	.mall-det h5 p{ padding: 0 12px; line-height: 28px; }
	.mall-det h3 { font-size: 28px; line-height: 34px; }
	.mall-det h4{ font-size: 34px; line-height: 38px; }
	.mall-det h4 span{ font-size: 22px; }
	.mall-det i{ width: 114px; font-size: 16px; }
	.mall-collect{ left: 130px; }

	.mall-con{ background-size: 220px auto !important; }
	.mall-title p{ font-size: 96px; line-height: 98px; }
	.mall-title h3{ font-size: 40px; line-height: 62px; }
	.mall-title span{ font-size: 22px; line-height: 24px; }
	.mall-title img{ width: 124px; }
	.mall-title:after{ width: 340px; }
	

	/************************- product-view.html -*********************/
	.pro-cen h3{ font-size: 24px; line-height: 34px; }
	.pro-cen p{ font-size: 16px; line-height: 22px; }
	.pro-tit{ font-size: 20px; line-height: 30px; }
	.pro-select h6{ font-size: 16px; line-height: 34px; }
	.pro-select span{ font-size: 24px; }
	.pro-packing li{ font-size: 16px; line-height: 34px; }
	.evaluate span{ font-size: 34px; }
	.eva-text,.eva-submit{ line-height: 50px; height: 50px; }


}

@media screen and (max-width:1400px) {

	/************************- index.html -*********************/
	/* .nav{ margin-right: 10px; } */
	.nav > li > a{ font-size: 12px; }
	.sea-text{ width: 120px; height: 30px; line-height: 30px; }
	.sea-submit{ width: 38px; height: 30px; background-size: 22px auto; }
	.sea-keyword{ margin: 9px 0 1px; }

	.pro-text h4{ font-size: 20px; line-height: 26px; }
	.pro-text h3{ font-size: 34px; }
	.pro-text p{ font-size: 14px; }
	.pro-text h5{ font-size: 16px; background-size: 16px auto; }
	.pro-cen3 h3{ margin-top: 4.7%; }

	.con-more{ font-size: 20px; }
	.con-more i{ width: 112px; background-size: 16px auto; }
	.com-price{ font-size: 32px; }
	.com-price span{ font-size: 20px; }


	/************************- household.html -*********************/
	.feature p, .purpose p{ font-size: 18px; line-height: 24px; }


	/************************- gaming.html -*********************/
	.gam-menu{ width: 100%; }
	.gam-menu li{ padding: 0 4%; }
	.gam-con h4{ font-size: 28px; line-height: 38px; }
	.gam-con p{ font-size: 16px; line-height: 26px; }


	/************************- commercial.html -*********************/
	.com-menu ul{ width: 100%; line-height: 60px; }


	/************************- solution.html -*********************/
	.sol-con{ margin-top: -123px; }
	.sol-con h2 a{ font-size: 34px; line-height: 46px; height: 46px; }

	
	.sv-tit{ font-size: 28px; line-height: 34px; }


	/************************- personal.html -*********************/
	.per-menu a{ font-size: 14px; line-height: 32px; }
	.per-menu > li > a > i{ width: 26px; height: 26px; margin: 3px 0; }
	.per-menu p,.help-pro{ padding-left: 46px; }
	.help-con .per-menu > li > a > i{ margin: 0; top: 11px; }
	.per-user{ min-height: 106px; }
	.per-head{ width: 106px; height: 106px; margin-top: -53px; }
	.per-info{ padding-top: 21px; padding-left: 148px; }
	.per-edit{ padding-right: 28px; font-size: 14px; background-size: 20px auto; }
	.per-list h4{ font-size: 14px; }
	.per-notice{ font-size: 14px; padding: 15px 2.8% 20px; }
	.per-nbtn{ width: 52px; }

	.info-con .per-info p{ line-height: 106px; }
	.per-photo{ padding: 0 30px 0 57px; background-position: 30px center !important; }

	
	/************************- service-help.html -*********************/
	.ser-hlist i{ width: 52px; height: 52px; }
	.ser-hlist a{ padding: 2% 6% 4%; }
	.ser-hlist h3{ margin-top: 7%; font-size: 20px; line-height: 26px; }
	.ser-hlist p{ height: 66px; font-size: 14px; line-height: 22px; }


	/************************- service-product.html -*********************/
	.sup-nav a{ font-size: 22px; line-height: 24px; }

	/************************- service-support.html -*********************/
	.sup-menu li{ margin: 1% 2%; line-height: 36px; padding: 0 16px; }
	.sup-qlist h3{ font-size: 18px; line-height: 24px; height:48px;  }
	.sup-qlist h4{ font-size: 16px; }
	.sup-qlist p{ font-size: 16px; line-height: 38px; }
	.sup-qlist .com-more{ font-size: 16px; background-size: 13px auto; }


	/************************- contact.html -*********************/
	.con-pro{ width: 36%; }
	.con-info p,.con-info p i{ font-size: 16px; line-height: 22px; }
	.con-info p span{ font-size: 22px; }
	.con-add p{ font-size: 16px; line-height: 34px; }


	/************************- law.html -*********************/
	.law-pro, .law-pro a{ font-size: 16px; }
	.law-main h4{ font-size: 20px; line-height: 28px; }
	.law-main i{ width: 12px; height: 12px; margin-top: -6px; background-size: 100% auto; }
	.law-main h4,.law-more{ padding-top:1.4%; padding-bottom: 1.4%; }
	.law-more{ font-size: 14px; line-height: 28px; background-size: 16px auto; }


	/************************- message.html -*********************/
	.ban-mes p{ font-size: 16px; }
	.mes-con h3,.mes-input{ font-size: 16px; line-height: 40px; }
	.mes-input{ font-size: 14px; height: 40px; }
	.mes-icon{ height: 40px; }
	.mes-submit{ font-size: 16px; }

	
	/************************- news.html -*********************/
	.news-first .news-img{ width: 430px; }
	.news-first .news-main{ padding-left: 500px; }
	.news-main i{ font-size: 20px; line-height: 20px; }
	.news-first .com-more{ margin-top: 80px; background-size: 15px auto; }
	.news-img{ width: 230px; }
	.news-main{ padding-left: 260px; }
	.news-tit{ margin-top: 16px; }
	.news-main p{ height: 52px; line-height: 26px; margin-top: 20px; }

	.news-pro p{ font-size: 16px; line-height: 34px; }
	.page-arrow a{ font-size: 16px; line-height: 38px; }


	/************************- buy.html -*********************/
	.buy-menu i{ width: 40px; height: 40px; }
	.buy-menu li{ font-size: 16px; line-height: 28px; }
	.buy-con h3{ font-size: 22px; line-height: 28px; }


	.sea-tc a{ padding: 0 20px 0 5px; }
	.sea-screen h3{ width: 86px; }

	.help-con .per-menu > li > a{ font-size: 18px; line-height: 46px; }


	/************************- software.html -*********************/
	.soft-tit{ font-size: 26px; }
	.soft-con p{ font-size: 14px; }
	.soft-more{ font-size: 14px; line-height: 34px; }


	/************************- soft-windows.html -*********************/
	.soft-main h3{ font-size: 20px; line-height: 38px; }


	.mark-con h3{ font-size: 28px; line-height: 42px; }
	.mark-con h4, .mark-con p{ margin-top: 10px; }


	/************************- mall.html -*********************/
	.mall-det h3{ font-size: 22px; line-height: 26px; }
	.mall-det h5{ font-size: 16px; line-height: 22px; height: 22px; }
	.mall-det h5 p{ font-size: 14px; line-height: 22px; }
	.mall-det h4{ font-size: 32px; line-height: 36px; }
	.mall-det h4 span{ font-size: 20px; }
	.mall-det i{ width: 102px; font-size: 14px; line-height: 32px; height: 34px; }

	.mall-collect{ left: 120px; }
	.mall-title p{ font-size: 66px; line-height: 68px; }
	.mall-title h3{ font-size: 30px; line-height: 42px; }
	.mall-title span{ font-size: 18px; line-height: 20px; }
	.mall-title img{ width: 92px; }
	.mm-con li:after{font-size: 150px; line-height: 164px; }
	.mall-con .mall-info{ margin: 0 0 3%; }
	.mall-con .mm-con .mall-img{ width: 40%; right: 10%; }


	/************************- product-view.html -*********************/
	.pro-cen h3{ font-size: 22px; line-height: 32px; }
	.pro-tit{ font-size: 18px; line-height: 28px; }
	.pro-gua img{ width: 60px; }
	.pro-limg,.pro-col .pro-limg{ width: 70px; }
	.pro-linfo{ padding-left: 4%; }
	.pro-cen p{ line-height: 20px; }
	.pro-select{ margin-top: 4%; }
	.pro-select > div{ font-size: 0; line-height: 0; }
	.pro-select p{ padding-top: 1%; }
	.pro-swiper .swiper-slide a{ margin-bottom: 1px; }

	.cou-price { padding: 9% 5% 4.5%; }
	.cou-price p{ font-size: 16px; }
	.cou-price h4{ font-size: 56px; }
	.cou-price h4 span{ font-size: 28px; }
	.cou-info p{ font-size: 14px; line-height: 22px; }
}


@media screen and (max-width:1200px) {
	.hot_h2 {margin-bottom: 10%;margin-top: 10%;}
	/**- header -**/
	.nav-other .nav-fir, .nav-other .nav-sec, .nav-other .nav-thi{ width: 180px; }
	.nav li:nth-child(4) .nav-fir{ left: -65px; }
	.nav-other a.nav-fbg{ background-position: 90% 50% !important; }
	.nav-other .nav-fir > li > a{ padding: 5% 16% 5% 11%; }
	.nav-other .nav-sec a{ background-position: 14% 12px !important; }
	.nav-other .nav-sec a, .nav-other .nav-thi a{ padding-top: 5%; padding-bottom: 5%; }
	.search{ border: 0; padding-top: 30px; padding-left: 0; }
	.sea-info{ width: 200px; display: none; padding: 15px 15px 5px; position: absolute; top: 54px; right: 0; background: rgba(255,255,255,0.85); box-shadow: 0 0 10px rgba(0,0,0,0.1); }
	
	.banner-arrow{ width: 28px; }
	.banner-arrow b,.banner-arrow i{ background-size: 28px auto !important;}
	.banner-prev{ left: 12%; }
	.banner-next{ right: 12%; }
	.banner .pagination{ margin-right: 4%; }
	.banner .pagination span{ height: 3px; }
	.banner .pagination span.swiper-active-switch{ width: 30px; height: 6px; margin-top: 1px; }

	.pro-cen3 .pro-text{ width: 56%; }
	.pro-text h4{ font-size: 18px; line-height: 24px; }
	.pro-text h3{ font-size: 26px; line-height: 40px; }
	.pro-cen3 h3{ margin-top: 4%; }

	.con-more{ font-size: 18px; }
	.con-more i{ width: 112px; background-size: 14px auto; }

	/**- footer -**/
	.fo-nav{ width: 71%; }
	.fo-code a:last-child{ margin-right: 0; }
	input.fo-input{ height: 36px; line-height: 34px; }
	.fo-submit{ font-size: 14px; line-height: 36px; }
	.copyright{ height: 145px; }
	.copy-con{ width: 100%; float: none; text-align: center; margin-top: 5px; }
	.copy-con div,.copyright .main .fr > .fl,.copy-con i,.copy-con a{ float: none; display: inline-block; _display: inline; *zoom: 1; vertical-align: middle; }
	.copyright .main > .fr{ width: 100%; float: none; text-align: center; }
	.copyright .fr{ margin-top: 8px; }
	.fo-lang{ margin-top: 0; }
	.fl-share p{ line-height: 32px; }
	.fl-share{ margin-right: 15px; }
	.bdsharebuttonbox a{ margin: 5px 22px 0 0 !important; }
	.lang-con a{ text-align: left !important; }

	
	/************************- household.html -*********************/
	.pur-arrow, .lap-arrow{ background-size: 20px auto !important; }
	.laptop h3{ font-size: 26px; line-height: 44px; }
	.laptop h4{ font-size: 20px; line-height: 28px; height: 28px; }
	.laptop p{ margin-bottom: 3%; }

	.pro-name{ line-height: 56px; }
	.pro-menu a{ line-height: 56px; }
	.pro-menu > a{ padding: 0 17px; margin: 12px 0; height: 32px; line-height: 32px; }
	.pro-menu > a.pro-price{ font-size: 20px; }
	.pro-menu > a.pro-price span{ font-size: 14px; }

	/************************- commercial.html -*********************/
	.com-menu{ border-width: 3px; }
	.com-menu a{ font-size: 18px; line-height: 56px; }
	.com-tit{ font-size: 28px; line-height: 34px; }
	.com-cen{ margin-top: -87px; }
	.com-cen p{ margin-top: 3.5%; font-size: 18px; line-height: 30px; height: 90px; }
	.com-more,.com-info{ margin-top: 5%; }
	.com-ltit{ font-size: 20px; line-height: 26px; height: 52px; }
	.com-list p{ font-size: 14px; line-height: 22px; height: 44px; }
	.com-video .video-js .vjs-big-play-button{ width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; }
	

	/************************- solution.html -*********************/
	.sol-con{ width: 400px; margin-top: -111px; border-width: 3px; }
	.sol-con h2 a{ font-size: 30px; line-height: 42px; height: 42px; }
	.sol-con p{ font-size: 14px; line-height: 24px; height: 96px; }
	.sol-more{ font-size: 14px; line-height: 36px; }
	.sol-more i{ width: 30px; background-size: 12px auto; }

	.sv-tit{ font-size: 24px; line-height: 30px; }
	.sv-pro{ font-size: 14px; line-height: 22px; }


	/************************- personal.html -*********************/
	.per-user{ min-height: 96px; }
	.per-head{ width: 96px; height: 96px; margin-top: -48px; }
	.per-info{ padding-left: 135px; padding-top: 17px; }

	.info-con .per-info p{ line-height: 96px; }
	.per-photo{ line-height: 32px; font-size: 14px; padding: 0 20px 0 42px; background-position: 20px center !important; background-size: 18px auto !important; }


	/************************- service.html -*********************/
	.ser-input,.ser-select h4{ font-size: 14px; height: 40px; line-height: 40px; }
	.ser-search{ width: 100%; }
	.ser-select{ margin-left: -3.33%; }
	.ser-select li{ width: 30%; display: block; float: left; margin: 0 0 0 3.33%; }
	.ser-submit{ right: 7px; height: 40px; background-size: 22px auto; }
	.ser-scon{ top: 40px; }
	.swiper-container-select{ height: 270px; }
	.swiper-container-select .swiper-wrapper{ width: 85%; }
	.ser-scon a{ font-size: 14px; line-height: 32px; }


	/************************- service-help.html -*********************/
	.ser-hlist{ margin-left: -2.33%; }
	.ser-hlist li{ width: 31%; margin-left: 2.33%; }
	.ser-hlist i{ width: 46px; height: 46px; }


	/************************- service-product.html -*********************/
	.sup-nav a{ font-size: 20px; line-height: 22px; }
	.sup-con{ margin-top: -83px; }
	.sup-con h3{ font-size: 22px; }
	.sup-con h4{ font-size: 16px; }
	.sup-con .com-more{ padding-right: 24px; font-size: 16px; line-height: 24px; background-size: 12px auto; }

	.ser-input, .ser-select h4{ line-height: 38px; height: 38px; }


	/************************- contact.html -*********************/
	.con-pro{ width: 36%; }
	.con-info p,.con-info p i{ font-size: 14px; line-height: 20px; }
	.con-info p span{ font-size: 20px; }
	.con-add p{ font-size: 14px; line-height: 30px; }

	.law-main h4{ font-size: 18px; line-height: 26px; }
	.law-more{ line-height: 26px; }
	.law-date{ font-size: 16px; }


	/************************- message.html -*********************/
	.mes-input,.ser-select.mes-province{ width: 420px; }
	.mes-con .c-datepicker-container{ width: 183px; }
	.mes-yzm{ top: 6px; height: 28px; font-size: 20px; line-height: 28px; }

	.news-crumbs .ser-select{ margin-left: 0; }
	.news-crumbs .ser-select li{ width: 335px; margin-left: 0; }

	.sea-screen h3,.sea-tc a{ font-size: 14px; }
	.sea-tc a{ padding: 0 15px 0 5px; }
	.sea-sea input.fl{ width: 60px; }
	.sea-sea input.fr{ font-size: 14px; }
	.sea-sea{ width: 196px; }
	.sea-lx a{ font-size: 16px; }
	.laptop h4{ font-size: 18px; }
	.sea-product b{ font-size: 20px; }

	.help-con .per-menu > li > a{ font-size: 16px; }


	/************************- per-register.html -*********************/
	/*.reg-con{ width: 400px; }*/
	.reg-main .pop-input i.fl{ width: 72px; font-size: 14px; }
	.reg-main .pop-input > li > input{ width: 300px;}

	.reg-main .ser-select, .reg-main .pop-input > li > input, .reg-main .pop-input i.fl, 
	.reg-main .ser-select.mes-province h4, .reg-main .c-datepicker-container>input.form-control,
	.reg-main .ser-select li{ height: 42px; line-height: 42px; }
	.reg-main .pop-input > li{ height: 44px; }
	.reg-main .pop-input > li > input, .reg-main .pop-input > li > div{ height: 42px; }
	.reg-main .ser-select.mes-province .ser-scon{ top: 42px; }
	.reg-main .ser-select.mes-province{ width: 382px; }
	.pop-btn a{ line-height: 42px; font-size: 16px; }
	
	.reg-main .pop-input > li:first-child i.fl{ width: 142px; }
	.reg-main .pop-input > li:first-child input{ width: 295px; }

	.soft-tit{ font-size: 24px; line-height: 36px; }
	.soft-more{ font-size: 12px; line-height: 30px; border-width: 1px; }


	/************************- soft-windows.html -*********************/
	.win-con,.win-img,.norton .win-con{ width: 100%; float: none !important; }
	.norton .win-img{ width: 50%; margin: 0 auto; }
	.win-img{ padding-top: 2%; }
	.win-con h3{ padding-bottom: 2%; }

	.soft-main > div img{ width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 2.5%; }


	.per-info p b{ font-size: 18px; }
	.info-img{ width: 68px; }
	.info-img img{ width: 46px; }
	.info-pro h3, .info-pro p{ font-size: 14px; line-height: 22px; }
	.info-pas{ margin-top: 10px; margin-left: 20px; }
	.info-pas i{ height: 2px; }


	.mark-con h3{ font-size: 24px; line-height: 36px; }
	.mark-video{ width: 38px; height: 38px; }
	.mark-pro{ margin-top: -88px; }


	.pw-tit{ font-size: 24px; line-height: 30px; }
	.pw-footer p{ font-size: 18px; line-height: 26px; }
	.pw-footer a{ font-size: 14px; line-height: 16px; }


	.pop-back .pop-con{ width: 600px; margin-left: -300px; margin-top: -213px; }
	.pop-probar{ width: 430px; margin-left: -215px; }
	.pop-back .pop-close{ margin-left: 300px; margin-top: -227px; }
	.pop-progress i{ width: 30px; height: 30px; font-size: 16px; line-height: 30px; }
	.pop-progress p{ font-size: 16px; line-height: 28px; }


	/************************- mall.html -*********************/
	.mall-con{ background-size: 160px auto; }
	.mall-title p{ font-size: 54px; line-height: 56px; }
	.mall-title h3{ font-size: 24px; line-height: 36px; }
	.mall-title span{ font-size: 14px; line-height: 14px; }
	.mall-title img{ width: 80px; }
	.mall-pro h5{ font-size: 14px; }
	.mall-pro h3{ font-size: 22px; line-height: 28px; }
	.mall-pro h4{ font-size: 26px; }
	.mall-pro h4 span{ font-size: 16px; }

	.cart-list li{ padding: 2.5% 0; }
	.cart-pro img{ display: block; margin: 0 auto; }
	.pay-mode{ margin-left: -2%; }
	.pay-mode li{ width: 23%; margin-left: 2%; }
	.pay-mode img{ width: 34px; }
	.pay-list p{ font-size: 16px; line-height: 34px; }
	.set-con{ margin-left: -2%; }
	.set-con li{ width: 31.33%; margin-left: 2%; }

	.cart-pri,.cart-cal{ width: 100px; }
	.cart-num{ width: 130px; }
	.cart-sel,.cart-ope{ width: 70px; }
	.cart-pro p{ font-size: 14px; line-height: 22px; }
	.cart-choice, .cart-all{ padding-left: 30px; }
	.inv-main{ width: 600px; margin-top: -345px; margin-left: -300px; }
	.inv-mcon{ padding: 0 6%; }
	.inv-layer .pop-close{ margin-left: 300px; margin-top: -360px; }
}

@media screen and (max-width:1100px) {

	/************************- commercial.html -*********************/
	.com-menu li{ width: 42.33%; }

	.con-info p span{ font-size: 18px; }

	.com-price{ font-size: 28px; }
	.com-price span{ font-size: 18px; }

	/************************- product-view.html -*********************/
	/*.pro-cen h3 { font-size: 20px; line-height: 30px; }*/
	/*.pro-list{ margin-left: 0; }
	.pro-list li{ width: 100%; margin-left: 0; }*/
	.pro-limg{ width: 60px; }
	.pro-linfo{ padding-left: 3%; }
	.pro-cen p{ font-size: 14px; line-height: 18px; }
	.pro-buy a{ line-height: 34px; }
	.pro-select h6{ line-height: 24px; }
	.evaluate a{ font-size: 14px; padding: 15px 12px 15px; background-size: 18px auto !important; }
	.evaluate .fl{ padding-left: 18px; }
	.evaluate p{ padding: 12px 30px 12px 12px; }
	.evaluate a.eva-refresh,.evaluate a.eva-choice{ padding-left: 22px; }
	.eva-profile > p{ font-size: 14px; line-height: 22px; }
	.eva-name{ font-size: 16px; line-height: 22px; }
	.eva-text, .eva-submit{ font-size: 14px; line-height: 38px; }
	.eva-submit{ width: 88px; }
	.eva-text{ padding-right: 108px; }


	.receive ul{ margin-left: -1.5%; }
	.receive li{ width: 31.83%; margin-left: 1.5%; }
	.cou-btn a{ line-height: 34px; }
	


}
@media screen and (max-width:768px) {

	/************************- commercial.html -*********************/
	.com-menu li{ width: 49.33%; }
}	
@media screen and (max-width:1300px) {

	/************************- index.html -*********************/
	.nav > li > a{ font-size: 12px; }
	.sho-enter {
    margin-right: 10%;}
    
}
@media screen and (max-width:1290px) {

	/************************- index.html -*********************/
	.nav > li > a{ font-size: 10px; }
	.sho-enter {
    margin-right: 20%;}
    .nav-main-right{margin-left: 30px;}
      .nav {
        margin-right: -8pxpx; 
    }
}
@media screen and (max-width:1024px) {
	.mark-img2,.mark-bg2{ display: block; }
	.mark-img1,.mark-bg1{ display: none; }
}
@media screen and (max-width:800px) {

	/************************- index.html -*********************/
    .nav-main-right{margin-left: 0;}
}
@media screen and (max-width:1220px) {

	/**- header -**/
	header{ height: 75px; }
	.nav-btn,.nav-login,.nav-user,.nav-cart{ display: block; position: absolute; top: 0; right: 5%; }
	.nav-cart{ display: none; }
	.nav-login{ margin-right: 40px; }
	.nav-user.per-head{ left: auto; }
	.per-head i{ width: 100%; /* height: 30px; margin: 16px 5px; */ border-radius: 50%; }
	.muser-con{ width: 130px; top: 62px; right: 5%; }
	.muser-con .per-head i{ width: 100%; height: 100%; margin: 0; }
	.shortcut{ display: none; }
	.logo{ width: 98px; margin: 4px 0; }
	.gnav .logo{ margin: 0 !important; padding: 7px 0 5px !important; }
	.gnav .nav-main{ background: #191919; }
	.nav-main{ width: 100%; display: none; position: absolute; top: 62px; left: 0; background: #fff; }
	.nav,.search{ width: 100%; float: none; margin: 0; }
	.nav > li{ width: 100%; float: none; border-bottom: 1px solid #cecece; }
	.nav-all > div,.nav-all .nav-fir,.nav-all .nav-sec,.nav-all .nav-thi,.nav-other .nav-fir, .nav-other .nav-sec, .nav-other .nav-thi{ width: 100%; position: relative; top: 0; left: 0; }
	.nav > li{ padding: 0; }
	.nav > li > a{ margin: 0; padding: 1% 3%; }
	.nav-fir > li > a{ padding: 1.5% 0 !important; font-weight: normal !important; border-bottom: 1px solid #cecece; background: none !important; }
	.nav-sec > li > a{ padding: 1.5% 0 !important; background: none !important; }
	.nav-fir,.nav-sec,.nav-thi{ padding-left: 3%; }
	.nav li:nth-child(4) .nav-fir{ left: 0; }
	.nav-fir > li:last-child a,.nav-all .nav-fir > li:last-child > div:last-child h2{ border: 0; }
	.nav-other .nav-thi > li{ display: inline-block; _display: block; *zoom: 1; padding: 0 14px; margin-bottom: 2%; border-left: 1px solid #d4d4d4;}
	.nav-other .nav-thi > li > a{ background: none; padding: 0; }
	.nav-all .nav-fir > li > div{ width: 100%; float: none; }
	.nav-all > div > .main{ width: 100%; padding: 0; }
	.nav-all .nav-fir{ margin-top: 0; }
	.nav-all .nav-fir h2{ cursor: pointer; margin-bottom: 0; padding: 0.5% 0; font-weight: bold !important; font-size: 14px; color: #333; border-bottom: 1px solid #cecece; }
	.nav-all .nav-fir h2 img{ width: 22px; margin-top: 11px; }
	.nav-all .nav-sec{ padding-left: 30px; }
	.nav-all .nav-sec h3,.nav-all .nav-thi{ width: 100%; padding: 0; display: block; float: none; text-align: left; }
	.nav-all .nav-sec h3{ cursor: pointer; padding: 1.5% 0; font-size: 14px; color: #333; line-height: 20px; }
	.nav-all .nav-fir > li,.nav-all .nav-sec > li{ margin-bottom: 0; }
	.nav-all .nav-sec,.nav-all .nav-thi{ display: none; }
	
	.search{ padding: 20px 3%; height: 80px; }
	.sea-keyword{ display: none; }
	.sea-info{ width: 100%; padding-right: 50px; padding: 0; position: relative; top: 0; left: 0; display: block; background: none; box-shadow: none; }
	.sea-text{ width: 100%; padding: 0 43px 0 12px;margin-left:0; }
	.sea-submit{ position: absolute; top: 0; right: 0; }

	.pro-text{ width: 90% !important; }
	.pro-text h4{ font-size: 14px; }
	.pro-text h3{ font-size: 22px; line-height: 32px; }
	.pro-text p{ line-height: 20px; }
	.pro-text h5{ padding-right: 24px; font-size: 14px; background-size: 14px auto; }
	.pro-cen3 .pro-text{ top: 6.5%; }
	.pro-cen3 p{ margin-top: 5%; }
	.pro-cen3 h3{ margin-top: 2%; }
	.pro-cen3 h5,.pro-cen5 h5{ margin-top: 2.2%; }

	/************************- commercial.html -*********************/
	.com-menu a{ line-height: 50px; }
	.com-tit{ font-size: 26px; }
	.com-cen{ margin-top: -78px; }
	.com-cen p{ margin-top: 2.5%; height: 72px; font-size: 16px; line-height: 24px; }
	.com-more{ margin-top: 3%; padding-right: 23px; font-size: 16px; background-size: 12px auto !important; }
	.com-info{ margin-top: 3%; }
	.com-price{ font-size: 24px; }
	.com-price span{ font-size: 16px; padding-right: 3px; }
	.com-video .video-js .vjs-big-play-button{ width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; }
	
	/************************- gaming.html -*********************/
	.gam-menu li{ padding: 0 2.5%; }
	.gam-menu li p{ font-size: 18px; line-height: 26px; }
	.gam-menu li img{ width: 80%; }
	.gam-con h4{ font-size: 26px; line-height: 36px; }
	.gam-arrow{ width: 24px; background-size: 100% auto; }
	.gam-btn i{ font-size: 22px; }


	/************************- personal.html -*********************/
	.per-menu{ width: 24.5%; }
	.per-menu > li > a{ font-size: 14px; }
	.per-menu > li > a > i{ width: 22px; height: 22px; margin: 5px 0; left: 3px; }
	.per-menu p,.help-pro{ padding-left: 30px; }
	.per-con{ width: 72.3%; }
	.per-info li{ display: block; float: none; }
	.per-info p{ display: block; width: 100%; line-height: 24px; }


	/************************- service.html -*********************/
	.ser-hlist i{ width: 36px; height: 36px; }
	.ser-hlist h3{ font-size: 18px; line-height: 24px; }
	
	.con-info p span,.con-info p i{ display: block; }
	
	.law-main h4{ font-size: 16px; }

	.mes-question{ width: 90%; }
	
	.news-first .news-img{ width: 370px; }
	.news-first .news-main{ padding-left: 410px; }
	.news-first .com-more{ margin-top: 60px; }
	.news-img{ width: 210px; }
	.news-main{ padding-left: 240px; }
	.news-main i{ font-size: 18px; }
	.news-tit{ font-size: 16px; line-height: 24px; }
	.news-main p{ margin-top: 12px; height: 48px; font-size: 14px; line-height: 24px; }
	.page li{ margin: 0 3px; }
	.page a{ width: 36px; height: 36px; text-align: center; font-size: 14px; line-height: 36px; }


	.sea-product{ margin-left: -3%; }
	.sea-product .swiper-slide{ width: 30.33%; margin-left: 3%; }


	.reg-con{ width: 420px; }
	.reg-main .pop-input > li > input, .reg-main .pop-input > li > div{ width: 320px; }
	.reg-main .pop-input > li:first-child input{ width: 245px; }
	.reg-main .ser-select.mes-province{ width: 333px; }
	.reg-main .ser-select.mes-province .ser-scon{ width: 420px; }

	.copyright{ height: 180px; }
	.copy-license{ display: block !important; clear: both; text-align: center; padding: 5px 0; }


	.info-pas i{ width: 40px; }


	/************************- mall.html -*********************/
	.mall-det h3{ font-size: 18px; line-height: 24px; }
	.mall-det h5 p{padding: 0 9px; font-size: 14px; line-height: 20px; }
	.mall-det h4{ font-size: 28px; line-height: 32px; }
	.mall-det h4 span{font-size: 16px; }
	.mall-det i { width: 84px; line-height: 26px; height: 28px; }
	.mall-collect { left: 98px; }
	.mall-info,.mall-con .mall-info{ width: 51%;}
	.mall-img { width: 50%; }
	.mall-hot{ padding: 0 3%; }
	.mall-det > p { margin-bottom: 7%; }
	.mall-det h4 { padding-bottom: 3%; }
	.mall-hot .mall-info { padding-top: 12%; }
	.mall-collect{ line-height: 28px; }
	.mall-con { background-size: 140px auto !important; }

	.eva-list li{ padding-left: 20px; padding-right: 20px; }
	.pro-packing li{ font-size: 14px; line-height: 32px; }
	.evaluate a{ padding-left: 6px; padding-right: 6px; }
	.evaluate .fl{ padding-left: 14px; }
	.evaluate p{ font-size: 14px; padding-right: 20px; }
	.evaluate span{ font-size: 30px; }




}
@media screen and (max-width:1000px) {

	/**- header -**/
	header{ height: 64px; }
}	
@media screen and (max-width:750px) { 
	a,.mall-det i,.pagination-mall span{ transition: all 0s linear 0s; -webkit-transition: all 0s linear 0s; -moz-transition: all 0s linear 0s; -o-transition: all 0s linear 0s; }
	.main{ width: 9.4rem; }
	.main.poa{ left: 0.3rem; }
	.pcshow{ display: none; }
	.moshow{ display: block; }
    .pop-conl .pop-tit {
     width: 100% !important;
}

	/************************- index.html -*********************/
	/**- header -**/
	header{ height: 1.35rem; }
	.muser-con{ top: 1.35rem; }
	.nav-btn,.nav-login,.nav-cart{ width: 1rem; height: 1.35rem; }
	.logo,.pw-header .logo{ width: 2.15rem; margin: 0; padding: 0.39rem 0; background-size: 2rem auto; }
	.pw-header .logo{ margin: 0 auto; }
	.pw-header .logo img{ width: 100%; }
	.gnav .logo{ padding: 0.15rem 0 0 !important; }
	.nav-btn{ margin-right: -0.35rem; background-size: 0.7rem auto; }
	/*.nav-cart{ margin-right: 0.65rem; background-size: 0.85rem auto; }
	.nav-login{ margin-right: 1.65rem; background-size: 0.52rem auto; }*/
	.nav-login{ margin-right: 0.65rem; background-size: 0.52rem auto; }
	.nav-main{ top: 1.35rem; }
	.toolbar{ display: block; right: 0.3rem; }
	.to-enter{ width: 1rem; height: 1rem; }
	.to-enter p{ display: none; }
	.to-enter img{ width: 0.92rem; margin: 0.2rem auto; }
	.to-top{ box-shadow: 0 0 2px rgba(0,0,0,0.1); }
	.to-top .to-enter img{ margin-top: 0.2rem; }
	.toolbar > div > div{ right: 1rem; background-position: 1.28rem 0.4rem !important; }
	.to-cart ul{ width: 1.3rem; }
	.to-cart div a img{ width: 0.9rem; margin: 0.2rem auto; }
	.toolbar > div.to-tel > div{ background-position: 165px 0.4rem !important; }
	.to-tel ul{ width: 175px; }
	.to-tel li{ padding: 2% 5%; }

	.nav > li > a{ font-size: 0.42rem; padding: 0.2rem 0.3rem; }
	.nav-all .nav-thi > li{ margin-bottom: 0; }
	.nav-other .nav-fir > li > a, .nav-other .nav-sec > li > a, .nav-other .nav-thi > li > a{ font-size: 0.36rem; }
	.nav-all .nav-thi > li,.nav-other .nav-thi > li{ padding-right: 0.3rem; display: block; padding-top: 0.2rem; padding-bottom: 0.2rem; }
	.nav-fir > li > a{ padding: 0.2rem 0 !important; }
	.nav-other .nav-thi{ padding-left: 0; }
	.nav-other .nav-thi > li{ margin-bottom: 0; }
	.nav-other .nav-thi > li > a{ line-height: 16px; }

	.banner .main{ bottom: 0.8rem; }
	.banner-bottom{ width: 12%; left: 44%; }
	.banner-arrow{ width: 22px; }
	.banner-arrow b, .banner-arrow i{ background-size: 100% auto !important; }
	.banner .pagination span{ width: 10px; height: 2px; margin-left: 4px; margin-right: 4px; }
	.banner .pagination span.swiper-active-switch{ width: 16px; height: 3px; margin-top: 3px; }
	.banner-btn{ width: 32px; }
	.banner-btn i{ background-size: 0.2rem auto; }


	/**- main -**/
	.to-mall{ margin-top: -3.15rem; }
	.to-enter{margin-bottom: 0.05rem;}
	.home-main{ width: 100%; }
	.pro-con > div{ width: 100%; }
	.pro-img{ margin-bottom: 0.3rem; }
	.pro-text{ width: 8.4rem !important; top: 0.84rem; left: 0.5rem; }
	.pro-text h4{ font-size: 0.45rem; line-height: 0.6rem; }
	.pro-text h3{ font-size: 0.75rem; line-height: 0.9rem; margin-top: 0.12rem; }
	.pro-text p{ font-size: 0.4rem; line-height: 0.6rem; margin-top: 0.12rem; }
	.pro-text h5{ font-size: 0.43rem; line-height: 0.6rem; margin-top: 0.3rem; background-size: 0.38rem auto; }
	.pro-cen2 h3,.pro-cen3 h3{ font-size: 0.65rem; }
	.pro-cen2 .pro-text{ top: 0.5rem; }
	.pro-cen3 h3{ margin-top: 0.3rem; }
	.pro-cen3 p{ margin-top: 0.24rem; }
	.pro-con b,.pro-con i{ display: none; }
	.product li{ padding-bottom: 0; background: none; }
	.pro-cen4 .pro-text{ bottom: 0.3rem; }
	.pro-cen4 h3{ font-size: 0.6rem; }
	.pro-cen2 p,.pro-cen3 p,.pro-cen4 p,.pro-cen5 p{ display: none; }
	.pro-cen6 p{ line-height: 0.8rem; margin-top: 0.24rem; }


	/**- connect -**/
	.connect{ padding-top: 0; }
	.connect > .main{ display: none; }
	.connect img{ width: 15.4rem; margin-left: -2.8rem; }
	.con-more,.conm1,.con-more i{ width: 2rem; }
	.con-more{ margin-left: -1rem; }
	.con-more{ font-size: 0.35rem; }
	.con-more i{ background-size: 0.3rem auto; }
	

	/**- footer -**/
	footer .main{ width: 100%; }
	footer .copyright .main{ padding: 0 0.3rem; }
	.fo-nav,.fo-nav li{ width: 100%; float: none; }
	.fo-nav li{ margin-left: 0; }
	.fo-nav h3{ padding: 0 0.3rem; font-weight: normal; font-size: 0.4rem; color: #acacac; line-height: 1.33rem; padding-bottom: 0; border-bottom: 1px solid #3b393a; background: url(../images/nav-btn.png) 9.2rem center no-repeat; }
	.fo-nav div{ display: none; }
	.fo-nav a{ padding: 0 0.3rem; }
	.fo-con{ width: 9.4rem; margin: 0 auto; float: none; }
	.fo-sub{ font-size: 0.4rem; color: #acacac; line-height: 1.2rem; margin-bottom: 0; }
	.fo-register{ margin-top: -0.15rem; }
	input.fo-input{ width: 80.3%; }
	input.fo-input,.fo-submit{ height: 1rem; line-height: 1rem; }
	input.fo-input,.fo-submit,.fo-con > p,.fo-code a,.copy-con div{ font-size: 0.36rem; }
	.fo-code{ text-align: center; }
	.fo-code a{ width: 2.5rem; float: none; display: inline-block; _display: inline; *zoom: 1; }
	.copyright{ height: 4.4rem; }
	.copy-con{ height: auto; padding-bottom: 0; margin-top: 0.1rem; }
	.copy-con img{ height: 0.56rem; margin: 0 0.3rem 0 0; }
	.copy-con div{ margin-left: 0; line-height: 0.56rem; }
	.copy-con span{ display: none; }
	.copy-con i{ display: block; }
	.copy-con,.copy-con a{ font-size: 0.38rem; line-height: 0.6rem; }
	.copyright .fr{ margin-top: 0; }
	.fl-share{ margin-right: 0; }
	.bdsharebuttonbox a{ margin-right: 0.3rem !important; }
	.copyright .main .fr > .fl{ display: block; float: left; }
	.fo-lang{ float: right !important; margin-top: 8px; }


	/************************- household.html -*********************/
	.feature p, .purpose p{ font-size: 0.39rem; line-height: 0.5rem; }
	.main.purpose,.laptop .main{ width: 90% !important; }
	.swiper-container-purpose .swiper-wrapper{ transform: translate3d(0px, 0px, 0px); }
	.swiper-container-purpose .swiper-slide,.laptop .swiper-container .swiper-wrapper,.laptop .swiper-slide{height: auto !important;}
	.swiper-container-purpose .swiper-slide img:hover{ transform:scale(0.96); }
	.pur-arrow, .lap-arrow{ background-size: 0.38rem auto !important; }
	.laptop .swiper-slide{ width: 50%; padding-bottom: 2px;}
	.laptop > div{ padding-bottom: 0.4rem; }
	.laptop .main{ padding-top: 0.5rem; }
	.laptop h3{ font-size: 0.52rem; line-height: 0.9rem; }
	.laptop p{ font-size: 0.36rem; line-height: 0.6rem; }
	.laptop h4{ font-size: 0.45rem; line-height: 0.7rem; height: 0.7rem; }
	.laptop a p{ font-size: 0.36rem; line-height: 0.6rem; height: 1.2rem; }

	.pro-info{ padding-top: 0.4rem; }
	.pro-name{ width: 100%; float: none; font-size: 0.42rem; line-height: 0.5rem; }
	.pro-menu{ float: none; margin-left: -0.5rem; }
	.pro-menu a{ font-size: 0.36rem; line-height: 0.8rem; padding: 0 0 0 0.5rem; }
	.pro-menu > a{ padding: 0 0.25rem; height: 0.54rem; font-size: 0.33rem; line-height: 0.54rem; margin: 0.13rem 0 0.13rem 0.5rem; border-radius: 0.08rem; -webkit-border-radius: 0.08rem; -moz-border-radius: 0.08rem; -o-border-radius: 0.08rem; }
	.pro-menu > a.pro-price{ font-size: 0.38rem; }
	.pro-menu > a.pro-price span{ font-size: 0.3rem; }
	
	.house-inter .main{ text-align: center; }
	.house-inter p{ padding-top: 0.3rem; font-size: 0.32rem; line-height: 0.7rem; padding-right: 0.2rem; }
	.house-inter .main div{ width: 1.8rem; }
	.house-info{ padding: 0.3rem 0; }
	.house-info p{ font-size: 0.373rem; line-height: 0.6rem; }


	/************************- gaming.html -*********************/
	.gnav .logo{ margin-top: 0; padding: 0.12rem 0; }
	.gnav .nav-main{ background: #191919; }
	.ban-gam img{ width: 100%; margin-left: 0; }
	.gam-menu{ width: 100%; margin: 0.9rem auto 0.55rem; }
	.gam-menu li{ width: 1.55rem; padding: 0; background-size: 1.9rem auto; background-position: center 0.94rem; }
	.gam-menu li a{ margin: 0 auto; }
	.gam-menu li img{ width: 1rem; }
	.gam-menu li p{ padding-top: 0.7rem; font-size: 0.48rem; line-height: 0.6rem; }
	.gam-conmo > div{ width: 9.4rem; }
	.gam-conmo > div > div{ overflow: hidden; padding-bottom: 0.5rem; }
	.gam-conmo > div > div a{ width: 50%; overflow: hidden; display: block; float: left; }
	.gam-conmo .swiper-slide{ width: auto !important; }
	.gam-conmo .swiper-slide a{ width: 4.7rem !important; }
	.gam-conmo h4{ font-size: 0.48rem; line-height: 0.7rem; }
	.gam-conmo p{ font-size: 0.34rem; line-height: 0.5rem; }
	.gam-conmo img{ transform: scale(0.9); margin-top: 0.05rem; }
	.gam-arrow{ background-size: 70% auto; }
	.gam-btn i{ font-size: 0.5rem; }
	.pro-video > div{ width: 100%; float: none; }
	.pro-video .video-js .vjs-big-play-button{ width: 1rem; height: 1rem; margin-top: -0.5rem; margin-left: -0.5rem; }


	/************************- commercial.html -*********************/
	.com-menu a{ font-size: 0.28rem; line-height: 0.95rem; }
	.com-img{ width: 100%; float: none; }
	.com-cen{ width: 100%; position: relative !important; margin-top: 0.3rem; }
	.com-tit{ font-size: 0.6rem; line-height: 0.8rem; }
	.com-cen p{ font-size: 0.4rem; line-height: 0.6rem; margin-top: 0.1rem; }
	.com-more{ font-size: 0.4rem; line-height: 0.6rem; margin-top: 0.2rem; background-size: 0.33rem auto !important; }
	.com-price{ font-size: 0.6rem; line-height: 0.7rem; }
	.com-price span{ font-size: 0.4rem; padding-right: 0.1rem; }
	.com-list .com-price{ margin-top: 0.15rem; height: auto; }
	.com-list{ margin-left: 0; margin-top: 1rem; }
	.com-list li{ width: 100%; margin-left: 0; margin-bottom: 1rem; }
	.com-ltit{ font-size: 0.55rem; line-height: 0.6rem; padding: 0.3rem 0 0.2rem; }
	.com-list p{ font-size: 0.36rem; line-height: 0.55rem; height: 1.1rem; }
	.com-video .video-js .vjs-big-play-button{ width: 1.3rem; height: 1.3rem; margin-top: -0.65rem; margin-left: -0.65rem; }
	

	/************************- solution.html -*********************/
	.solution img{ width: 15rem; margin-left: -2.5rem; transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; }
	.solution li{ margin-bottom: 0.35rem; }
	.sol-con{ width: 9rem; left: 50%; margin-left: -4.5rem; margin-top: -2.15rem; padding: 0.4rem 0.4rem 1.1rem; background: rgba(255,255,255,0.9); }
	.sol-con h2 a{ font-size: 0.5rem; line-height: 0.7rem; height: 0.7rem; }
	.sol-con p{ margin-top: 0.2rem; font-size: 0.36rem; line-height: 0.6rem; height: 1.8rem; -webkit-line-clamp: 3; }
	.sol-more{ font-size: 0.36rem; line-height: 0.85rem; padding: 0 1rem 0 0.3rem; }
	.sol-more i{ width: 0.7rem; background-size: 10px auto; }
	.sol-even .sol-con{ right: 50%; margin-right: -4.5rem; }

	.sv-tit{ font-size: 0.52rem; line-height: 0.7rem; }


	/************************- personal.html -*********************/
	.per-menu{ float: none; padding: 0; }
	.per-menu{ width: 9.8rem; background: #f2f2f2; margin-left: -0.3rem; }
	.per-menu > li{ padding: 0; width: 4.6rem; float: left; margin-left: 0.3rem; margin-bottom: 0.18rem; background: #fff; }
	.per-menu > li,.per-menu > li:last-child{ border-bottom: 1px solid #d2d2d2; }
	.per-menu a{ font-size: 0.36rem; }
	.per-menu > li > a i{ left: 0.25rem; top: 50%; width: 0.5rem; height: 0.5rem; margin-top: -0.25rem; }
	.per-menu p{ padding-left: 0.9rem; }
	.per-con{ margin-top: 2%; width: 100%; }
	.per-head{ width: 1.6rem; height: 1.6rem; position: relative; float: left; left: 0; margin-top: 0; }
	.per-info{ width: 100%; padding: 0.2rem 0; }
	.per-edit{ width: 3rem; position: absolute; top: 0.3rem; left: 2.2rem; }
	.per-pad{ padding: 0 0.3rem; }
	.per-info{ padding-bottom: 0; }
	.per-info p{ font-size: 0.4rem; line-height: 0.6rem; }
	.per-info p b{ font-size: 0.5rem; line-height: 0.9rem; }
	.per-user{ margin: 0.3rem 0; }
	.per-tit h2{ font-size: 0.45rem; line-height: 1rem; }
	.per-tit a{ font-size: 0.36rem; line-height: 1rem; }
	.per-list{ margin-left: 0; }
	.per-list li{ width: 100%; float: none; margin-left: 0; margin-bottom: 0.4rem; }
	.per-list i{ margin: 0.6rem 0; }
	.per-list h4{ height: 1.6rem; font-size: 0.36rem; line-height: 1.6rem; }
	.per-pad{ font-size: 0.36rem; line-height: 0.36rem; }
	.per-notice{ padding: 0.3rem; }
	.per-notice p{ padding-right:0; }
	.per-nbtn{ width: 1.2rem; height: 0.6rem; position: relative; float: right; top: 0; right: 0; margin-top: 0.2rem; }
	.per-ptit .per-tit h2{ font-size: 0.48rem; line-height: 0.8rem; padding-top: 0.1rem; }
	.per-pview{ padding-top: 0.3rem; }
	

	/************************- service.html -*********************/
	.ser-crumbs a, .ser-crumbs span{ font-size: 0.38rem; line-height: 0.9rem; }
	.sv-en{ padding-top: 0.1rem; font-size: 0.3rem; line-height: 0.5rem; }
	.ser-search{ margin-top: 0.5rem; }
	.ser-submit{ right: 0; }
	.ser-input{ padding: 0 1rem 0 0.3rem; }
	.ser-input, .ser-select h4{ height: 1rem; font-size: 0.38rem; line-height: 1rem; }
	.ser-submit{ width: 1rem; height: 1rem; background-size: 0.5rem auto; }
	.ser-notice a{ font-size: 0.38rem; line-height: 0.6rem; }
	.ser-select{ margin-left: 0; height: 3.75rem; }
	.ser-select li{ width: 100%; margin-left: 0; height: 1rem; margin-bottom: 0.25rem; }
	.ser-select h4{ padding-right:34px; }
	.ser-tel{ font-size: 0.4rem; line-height: 0.6rem; padding-top: 0.2rem; }
	.ser-scon{ top: 1rem; }
	.swiper-container-select .swiper-wrapper{ padding-top: 0; }
	.sup-xt .swiper-container-select .swiper-wrapper{ padding-left:0; }
	.sup-xt .swiper-container-select .swiper-slide{ padding-left:15px; }
	.ser-hlist{ margin-left: -0.25rem; }
	.ser-hlist li{ width: 4.55rem; margin-left: 0.25rem; margin-bottom: 0.25rem; }
	.ser-hlist a{ padding: 0.2rem; }
	.ser-hlist i{ width: 0.84rem; height: 0.84rem; margin-top: 0.2rem; }
	.ser-hlist h3{ font-size: 0.4rem; line-height: 0.6rem; }
	.ser-hlist p{ height: 1.8rem; font-size: 0.36rem; line-height: 0.6rem; }
	
	.sup-xt.ser-lang{ width:6rem; }
	.sup-xt.ser-lang i{ width:2rem; }
	.sup-xt.ser-lang .ser-select{ width:3.9rem; }


	/************************- service-product.html -*********************/
	.sup-img{ width: 4.8rem; }
	.sup-img img{ width:100%; }
	.sup-con{ width: 4rem; margin-top: -1.62rem; }
	.sup-con p{ font-size: 0.38rem; line-height: 0.56rem; }
	.sup-con h3{ font-size: 0.42rem; line-height: 0.6rem; }
	.sup-con h4{ margin-top: 0; font-size: 0.38rem; line-height: 0.62rem; }
	.sup-con .com-more{ margin-top: 0.2rem; font-size: 0.38rem; line-height: 0.6rem; padding-right: 0.6rem; background-size: 0.38rem auto; }
	.support{ margin-bottom: 0; }
	.sup-nav li{ padding-left: 0.2rem; vertical-align: middle; }
	.sup-nav a{ padding: 0 0.1rem; font-size: 0.38rem; line-height: 0.4rem; }
	.sup-pcon h3{ font-size: 0.42rem; }
	.sup-plist p{ font-size: 0.38rem; }


	/************************- contact.html -*********************/
	.con-main{ display: block; }
	.con-pro,.con-map{ width: 100%; display: block; float: none; }
	.con-info p{ padding: 0; }
	.con-info p, .con-info p i{ font-size: 0.38rem; line-height: 0.8rem; }
	.con-info p span,.con-info p i{ display: inline-block; _display: inline; *zoom: 1; }
	.con-info p span{ font-size: 0.42rem; }
	.con-add{ margin-top: 0.4rem; }
	.con-map{ padding-left: 0; margin-top: 0.4rem; }
	.con-main #map{ position: relative !important; height: 6rem !important; }
	.con-main #map_sen{ position: relative !important; height: 6rem !important; }


	/************************- law.html -*********************/
	.law-pro, .law-pro a{ font-size: 0.38rem; line-height: 0.7rem; }
	.law-main h4{ padding: 0.25rem 2.7rem 0.25rem 0.9rem; font-size: 0.4rem; line-height: 0.6rem; }
	.law-main i{ width: 0.3rem; height: 0.3rem; left: 0.4rem; }
	.law-more{ right: 0.3rem; font-size: 0.36rem; line-height: 0.8rem; }
	.law-con{ padding: 1.8% 3.5%; font-size: 0.38rem; line-height: 0.7rem; }
	.law-date{ font-size: 0.38rem; }


	/************************- message.html -*********************/
	.ban-mes p{ font-size: 0.38rem; line-height: 0.6rem; }
	.mes-con{ padding: 0 0.3rem 2.3rem 0.3rem; }
	.mes-con > li{ display: block; }
	.mes-con h3,.mes-con > li > div{ width: 100%; display: block; text-align: left; }
	.mes-input, .ser-select.mes-province{ width: 8.2rem; }
	.mes-con h3{ font-size: 0.38rem; }
	.mes-icon{ width: 0.28rem; margin-left: 0.2rem; background-size: 100% auto; }
	.mes-input{ padding: 0 10px; }
	.ser-select h4{ padding-left: 10px; }
	.mes-input,.ser-select.mes-province h4,.mes-con .form-control,.mes-con .ser-select,
	.mes-con .ser-input, .ser-select h4{ font-size: 0.36rem; height: 1rem; line-height: 1rem; }
	.ser-select.mes-province .ser-scon{ top: 0.8rem; margin-top: -1px; }
	.mes-con .c-datepicker-container{ width: 3.5rem; }
	.swiper-container-select .swiper-wrapper{ width: 90% !important; padding-left: 10px; }
	.mes-con > li > div p{ width: 1.2rem; font-size: 0.36rem; line-height: 0.9rem; }
	.mes-question{ width: 8.2rem; height: 2.4rem; padding: 0.3rem; font-size: 0.38rem; line-height: 0.6rem; }
	.mes-area .mes-icon{ height: 0.9rem; margin-top: 0.73rem; }
	.mes-submit{ width: 100%; font-size: 0.45rem; line-height: 0.7rem; }


	.news-con li{ padding: 2% 0; min-height: 0; }
	.news-first .news-img,.news-first .news-main{ width: 100%; float: none; position: relative; top: 0; padding: 0; }
	.news-main i{ font-size: 0.4rem; line-height: 0.5rem; }
	.news-tit{ font-size: 0.4rem; line-height: 0.7rem; }
	.news-main p{ font-size: 0.4rem; line-height: 0.6rem; height: 1.2rem; }
	.news-first .com-more{ margin-top: 0; }
	.news-img{ width: 3.5rem; top: 1rem; }
	.news-main{ padding-left: 4rem; padding-bottom: 0.5rem; }
	.news-tit{ margin-top: 0; display: -webkit-box; white-space: normal; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.news-main p{ display: none; margin-top: 0.1rem; }
	.page li{ margin: 0 0.1rem; width: 0.8rem; height: 0.8rem; }
	.page a{ width: 0.8rem; height: 0.8rem; line-height: 0.8rem; text-align: center; }


	.news-pro h3{ font-size: 0.5rem; line-height: 0.7rem; }
	.news-pro h6{ font-size: 0.36rem; line-height: 0.5rem; }
	.news-pro p{ font-size: 0.4rem; line-height: 0.8rem; }
	.page-arrow a{ font-size: 0.4rem; line-height: 0.7rem; margin-bottom: 0.3rem; }


	.buy-menu i{ width: 0.6rem; height: 0.6rem; margin-bottom: 0.2rem; }
	.buy-menu li{ height: 2.4rem; font-size: 0.36rem; line-height: 0.5rem; padding: 0.3rem 0.2rem; }
	.buy-con .ser-search{ margin-top: 0; }
	#l-map,#r-result{ width: 100%; float: none; }
	#l-map{ height: 8rem; }
	.buy-con h3{ font-size: 0.45rem; line-height: 0.6rem; }
	.buy-con td{ font-size: 0.36rem; line-height: 0.6rem; word-wrap:break-word }
	.buy-con td.buy-fir{ width: 12% !important; }
	.buy-con td.buy-sec{ width: 12% !important; }
	.buy-con td.buy-fou{ width: 30% !important; }

	.buy-con td a{  display: block; word-wrap: break-word; width: 140px; margin: 0 auto; float: none; }
	.buy-con td div{ margin-left: -3.33%; }
	.pic-img1{ width: 30%; margin-right: 3.33%; }
	.pic-img2{ width: 30%; margin-right: 3.33%; }
	.pic-img3{ width: 30%; margin-right: 3.33%; }
	#container{ width: 100%; height: 300px; float: none; }
	#panel{ width: 100%; float: none; }
	 
	.laptop.sea-product{ margin-left: -2%; }
	.laptop .swiper-slide{width: 48%;/* margin-left: 2%; */}
	.laptop.sea-product .swiper-slide{width: 48%; margin-left: 2%; }
	.sea-product b{ font-size: 0.45rem; }
	.sea-product b span{ font-size: 0.4rem; }
	.sea-screen h3,.sea-type,.sea-sea{ display: block; }
	.sea-tc a{ display: block; float: left; }
	.sea-screen > div{ margin: 0.2rem; }
	.sea-lx a{ font-size: 0.4rem; line-height: 0.42rem; }

	.sup-xt{ width: 9.4rem; }
	.sup-xt i{ width: 2.5rem; font-size: 0.4rem; }
	.sup-xt .ser-select{ width: 6.8rem; }
	.sup-menu{ padding-top: 0.5rem; }
	.sup-menu li{ font-size: 0.36rem; margin: 0 0.2rem; padding: 0 0.2rem; }
	.sup-js{ font-size: 0.38rem; line-height: 0.6rem; }
	.sup-qlist{ margin-left: 0; }
	.sup-qlist li{ width: 100%; margin-left: 0; margin-bottom: 0.3rem; padding-top: 0.4rem; }
	.sup-qlist h3{ font-size: 0.55rem; }
	.sup-qlist h4{ font-size: 0.42rem; }
	.sup-qlist p{ font-size: 0.38rem; line-height: 0.8rem }
	.sup-qlist .com-more{ font-size: 0.38rem; background-size: 0.3rem auto !important; }


	/************************- service-help.html -*********************/
	.help-con .per-menu{ width: 100%; margin-left: 0; border: 0; }
	.help-con .per-menu > li{ width: 100%; padding: 0; float: none; margin-left: 0; }
	.help-con .per-menu > li,.help-con .per-menu > li:last-child{ border: 0; }
	.help-con .per-menu > li > a > i{ left: 0.25rem; width: 0.5rem; height: 0.5rem; top: 0.35rem; }
	.help-con .per-menu > li > a{ font-size: 0.4rem; line-height: 1.2rem; }
	.moshow .per-con{ display: none; font-size: 0.4rem; color: #666; line-height: 0.8rem; }
	.help-pro{ padding: 0.1rem 0 0.4rem 0.9rem; }
	.help-pro a{ margin-top: 0; }
	.help-pro .per-con{ margin: 0 0 0.2rem 0; }
	.per-active > .per-con{ display: block; }

	.reg-main .reg-con{ width: 8.8rem; }
	.reg-main .pop-input li{ padding: 0 0.3rem; }
	.reg-main .pop-input i.fl{ width: 2rem; font-size: 0.38rem; }
	.reg-main .pop-input > li:first-child i.fl{ width: 4rem; }
	.reg-main .pop-input > li > input, .reg-main .pop-input > li > div{ width: 6.1rem; }
	.reg-main .pop-input > li:first-child input{ width: 4.1rem; }
	.reg-main .c-datepicker-container>input.form-control{ font-size: 0.38rem; }
	.reg-main .ser-select.mes-province{ width: 6.4rem; }
	.reg-main .ser-select.mes-province .ser-scon{ width: 8.8rem; }
	.reg-main .pop-input > li > div{ float: right; }

	.soft-con{ margin-left: 0; }
	.soft-con li{ margin-left: 0; width: 100%; float: none; padding-bottom: 1rem; }
	.soft-tit{ font-size: 0.56rem; line-height: 0.8rem; }
	.soft-con p{ height: auto; font-size: 0.38rem; line-height: 0.74rem; }
	.soft-more{ font-size: 0.34rem; line-height: 0.76rem; }

	.soft-main{ padding-bottom: 0.6rem; }
	.soft-main h2{ font-size: 0.48rem; line-height: 0.9rem; }
	.soft-main h3{ padding-bottom: 0.1rem; font-size: 0.41rem; line-height: 0.8rem; }
	.win-con h4,.win-con p,.win-con a,.soft-main i,.soft-main i a,.soft-main > p{ font-size: 0.4rem; line-height: 0.7rem; padding-bottom: 0.05rem; }
	.per-menu .win-con p{ padding-left: 0; }
	.win-con h4{ padding-bottom: 0.1rem; }
	.per-menu .soft-main p{ padding-left: 0; font-size: 0.4rem; line-height: 0.7rem; }

	.help-pro.soft-moshow{ padding-left: 0; }
	.help-con .per-menu .soft-moshow > li > a{ padding-left: 0.9rem; }
	.per-user{ min-height: 1.6rem; }


	.per-photo{ top: 0.3rem; right: 0.3rem; padding: 0 0 0 0.82rem; width: 2.7rem; font-size: 0.32rem; line-height: 0.66rem; background-size: 0.42rem auto !important; background-position: 0.3rem center !important; }
	.info-con .per-info{ width: auto; padding-right: 3rem; padding-left: 0.2rem; }
	.info-con .per-info p{ font-size: 0.52rem; line-height: 0.9rem; }
	.info-con .per-info{ display: table; }
	.info-con .per-info li{ display: table-cell; height: 1.6rem; vertical-align: middle; }
	.info-main li{ border-width: 1px; }
	/*.info-pro h3,.info-pas{ float: none; margin-left: 0; }*/
	.info-pas{ margin: 0.25rem 0 0 0.2rem; }
	.info-pas i{ width: 0.6rem; }
	.info-pro h3, .info-pro p{ font-size: 0.34rem; line-height: 0.6rem; }
	.info-img{ width: 1.4rem; }
	.info-img img{ width: 1rem; }
	.info-modify{ width: 1.6rem; }
	.info-modify a{ padding-right: 0.6rem; font-size: 0.32rem; background-size: 0.5rem auto !important; }

	.pop-con,.pop-back .pop-con{ width: 9.4rem; left: 50%; margin-left: -4.7rem; }
	.pop-main{ padding: 0.3rem 0.4rem 0.5rem; }
	.info-pop .pop-main,.info-pop .pop-tit{ padding: 0 0.3rem; }
	.pop-tit,.pop-tit a{ font-size: 0.42rem; line-height: 1.2rem; }
	.pop-conl > ul{ padding: 0; }
	.pop-input li{ padding: 0 0.2rem; margin-bottom: 0.3rem; }
	.pop-input i{ width: 0.54rem; padding: 0.2rem 0; }
	.pop-input input, .info-add, .info-area textarea{ width: 7.65rem; height: 1rem; font-size: 0.36rem; line-height: 1rem; }
	.pop-pas{ margin-top: -0.15rem; }
	.pop-btn a.pop-reg{ font-size: 0.4rem;  }
	.pop-close{ width: 1rem; height: 1rem; left: auto; right: 0.3rem; margin-left: 0; }
	.pop-login .pop-con{ margin-top: -6rem; }
	.pop-login .pop-close{ margin-top: -6rem; }

	
	.info-pop .pop-con{ border-width: 2px; background: #fff; }
	.pop-address .pop-con{ margin-top: -5.7rem; }
	
	.info-area{ padding: 8px 0.2rem !important; }
	.info-pop .pop-main{ padding-bottom: 0.5rem; }
	.info-pop .pop-btn{ margin-top: 0.2rem; }
	.info-area textarea{ height: 2.5rem; line-height: 0.6rem; }
	.info-area i{ padding-top: 0; }
	
	.pop-address .pop-close{ margin-top: -6.8rem; }
	.pop-code .pop-close{ margin-top: -6.45rem; }
	.pop-input .info-text i{ width: 1.2rem; }
	.info-text p{ font-size: 0.36rem; line-height: 0.6rem; }
	.pop-btn a{ font-size: 0.4rem; line-height: 1rem; }


	/************************- makeyourmark.html -*********************/
	.mark-img3,.mark-bg3{ display: block; }
	.mark-img2,.mark-bg2{ display: none; }
	.mark-pro{ margin-top: -2rem; }
	.mark-pro div{ width: 100%; }
	.mark-con h3{ font-size: 0.46rem; line-height: 0.6rem; }
	.mark-con h4, .mark-con p{ margin-top: 0.2rem; font-size: 0.36rem; line-height: 0.56rem; }
	.mark-con h4{ font-size: 0.4rem; }
	.mark-video{ width: 1rem; height: 1rem; margin-top: 0.3rem; }
	.inter{ right: 0.3rem; bottom: 0.2rem; font-size: 0.32rem; line-height: 0.48rem; }
	.inter div p{ padding-right: 0.25rem; padding-top: 0; }
	.inter img{ width: 1.26rem; margin-top: 0.08rem; }
	.mark > .main{ padding: 0.4rem 0 0; }
	.mark .feature li{ margin-bottom: 0.3rem; }


	.pop-pw{ padding: 0; }
	.pw-tit{ font-size: 0.48rem; }
	.pw-footer div{ vertical-align: middle; }

	.pop-back .pop-con{ margin-top: -4.4rem; }
	.pop-back .pop-close{ margin-top: -5.4rem; }
	.pop-back .pop-main{ padding: 0.5rem 0.3rem 0.7rem; }
	.pop-progress p{ font-size: 0.36rem; }
	.pop-progress i{ width: 0.7rem; height: 0.7rem; font-size: 0.36rem; line-height: 0.7rem; }
	.pop-probar{ width: 7rem; margin-left: -3.5rem; height: 5px; top: 0.28rem; }
	.pop-probar i{ height: 1px; }
	.pop-pcon{ width: 94%; }
	.pop-input li a,.pop-input li button,.pop-input li a.mes-yzm{ height: 0.84rem; line-height: 0.84rem; margin-top: 0.08rem; }
	.pop-input li button{ width: 2.6rem; font-size: 0.38rem; }
	.pop-input li a.mes-yzm{ width: 2.6rem; }
	/*.pop-back .pop-input input.pop-code{ width: 5.05rem; }*/
	.pop-input input.pop-code{ width: 5.05rem; }
	.pop-success img,.pwf img{ width: 1.4rem; }
	.pwf img{ margin-bottom: 4%; }
	.pop-success p{ font-size: 0.36rem; }
	.pop-pas{ font-size: 0.34rem; line-height: 0.6rem; margin-bottom: 0.2rem; }
	.pop-success a{ margin-top: 2%; }

	.pop-register .pop-con{ margin-top: -5.6rem; }
	.pop-register .pop-close{ margin-top: -6.6rem; }

	.info-add{ background-size: 0.5rem auto; }
	.pop-nickname .pop-con{ margin-top: -2.9rem; }
	.pop-nickname .pop-close{ margin-top: -4rem; }
	.pop-mpw .pop-con{ margin-top: -3.3rem; }
	.pop-mpw .pop-close{ margin-top: -4.4rem;}
	.pop-mailbox .pop-con{ margin-top: -2.7rem; }
	.pop-mailbox .pop-close{ margin-top: -3.8rem; }
	.pop-phone .pop-con{ margin-top: -4.1rem; }
	.pop-phone .pop-close{ margin-top: -5.2rem; }

	.nav-user.per-head{ width: 1rem; height: 1.35rem; top: 0; margin-right: 1.65rem; float: none; position: absolute; background-size: 0.6rem 0.6rem; background-position: center center; border-radius: 0; }
	.nav-user.per-head i{ width: 0.6rem; height: 0.6rem; margin: 0.375rem 0.2rem; border-radius: 50%; }

	
	/************************- mall.html -*********************/
	.mall-search{ margin-top: 0.2rem; padding-right: 1.2rem; }
	.mall-search .fr{ width: 100%; }
	.ms-text{ line-height: 1rem; padding-left: 0.4rem; padding-right: 2.2rem; height: 1rem; }
	.ms-submit{ width: 1.8rem; height: 1rem; background-size: 0.58rem auto; }
	.ms-word{ padding-left: 0; }

	.mm-con{ margin-left: 0; }
	.mm-con li{ width: 100%; margin-left: 0; padding: 4%; }
	.mall-det h5{ font-size: 0.427rem; line-height: 0.587rem; max-height: 0.587rem; height: auto; }
	.mall-det h3{ font-size: 0.373rem; line-height: 0.64rem; padding-bottom: 0.2rem; }
	.mall-det > p{ /*height: 1.174rem;*/ height: auto; max-height: 1.174rem; margin-bottom: 0.1rem; font-size: 0.3rem; line-height: 0.56rem;color: #969696; }
	.mall-det h4{ font-size: 0.747rem; line-height: 0.8rem; padding-bottom: 0.1rem; }
	.mall-det h4 span{ font-size: 0.427rem; }
	.mall-det i{ width: 2.4rem; font-size: 0.373rem; line-height: 0.693rem; height: auto; }
	.mall-collect{ left: 2.6rem; font-size: 0.373rem; line-height: 0.78rem; background-size: 0.533rem auto; }
	
	.ms-pic{ width: 100%; }
	.mall-hot{ width: 100%; position: relative; }
	
	.mall-mcon{ width: 100%; padding: 0 3%; }
	.mall-hot{ padding: 6% 6%; }
	.mall-hot .mall-info{ padding-top: 0; }
	.pagination-mall{ bottom: 0.1rem; right: 0.3rem; }
	.pagination-mall span{ width: 0.587rem; height: 0.587rem; background-size: 0.373rem 0.373rem !important; }
	
	.mall-title{ margin-top: 0.5rem; }
	.mall-title:after{ width: 3.2rem; }
	.mall-title img{ display: none; }
	.mall-title p{ font-size: 1.44rem; line-height: 1.493rem; }
	.mall-title h3{ font-size: 0.64rem; }
	.mall-title span{ font-size: 0.32rem; }

	.mall-con .mm-con li{ padding: 0 4%; }

	.mp-list{ margin-left: 0; }
	.mp-list li{ width: 100%; margin-left: 0; margin-bottom: 3%; }
	.mp-list .mall-info{ width: 100%; }
	/*.mp-list .mall-img{ padding-bottom: 1%; }*/
	.mp-list .mall-img img{ height: 80% !important; }
	.mall-con .mm-con .mall-img{ width: 48%; right: 3%; }

	.mall-more{ width: 3.5rem; font-size: 0.427rem; line-height: 0.907rem; background-size: 0.35rem auto !important; }
	.mm-con li:after{ font-size: 1.8rem; line-height: 2.2rem; }


	/************************- product-view.html -*********************/
	.pro-main{ width: 100%; padding: 0.4rem 3%; }
	.pro-picture,.pro-cen{ width: 100%; float: none; }
	.pro-show{ width: 100%; }
	.pro-swiper{ margin-left: 0; }
	.ps-arrow{ display: none !important; opacity: 0; }
	.pro-cen{ padding-top: 0.2rem; }
	.pro-cen h3{ font-size: 0.48rem; line-height: 0.64rem; }
	.pro-cen p{ font-size: 0.373rem; line-height: 0.48rem; }
	.pro-tit{ font-size: 0.427rem; line-height: 0.693rem; }
	.pro-list,.set-con{ margin-left: 0; }
	.pro-list li,.set-con li{ width: 100%; margin-left: 0; }
	.pro-limg,.pro-col .pro-limg{ width: 1.5rem; }
	.pro-linfo{ padding: 0.2rem 0.2rem 0.2rem 0.3rem; }
	.pro-cen p{ padding-top: 0.1rem; }
	.pro-select > div p{ display: block; }
	.pro-add{ padding: 0; }
	.pro-select h6{ font-size: 0.427rem; line-height: 0.64rem; }
	.pro-select span{ font-size: 0.64rem; }
	.pro-buy{ margin-top: 0.373rem; }
	.pro-buy a,.pay-suc .pro-buy a,.pay-suc .pro-buy a.pro-buyon{ font-size: 0.373rem; line-height: 0.73rem; }
	.pro-packing ul{ margin-left: 0; }
	.pro-packing li{ width: 100%; margin-left: 0; font-size: 0.427rem; line-height: 0.853rem; }

	.pro-gua ul{ margin-left: -2%; }
	.pro-gua li{ width: 48%; margin-left: 2%; }
	.pro-gua img{ width: 1.4rem; }
	.evaluate{ margin-bottom: 0.3rem; }
	.evaluate a{ padding: 0.2rem 0.3rem 0.2rem 0; font-size: 0.427rem; line-height: 0.853rem; }
	.evaluate p{ padding: 0.2rem 0.35rem 0.2rem 0; font-size: 0.427rem; line-height: 0.8rem; }
	.evaluate span{ font-size: 0.747rem; }
	.eva-list li{ padding: 0.3rem 0.35rem; margin-bottom: 0.3rem; }
	.eva-img{ width: 1.1rem; float: left; }
	.eva-acer .eva-img{ width: 0.85rem; }
	.eva-img img{ margin-top: 0.15rem; }
	.eva-name{ width: 7.5rem; padding-left: 0.3rem; padding-right: 0; }
	.eva-profile{ width: 100%; display: block; padding-top: 0.15rem; }
	.eva-profile span{ display: block; }
	.receive li{ margin-left: 0; }
	.eva-profile div p,.cart-set > .fl,.cart-set > .fr,.receive li{ width: 100%; float: none; }
	.cart-set{ padding-bottom: 0.3rem; }
	.cart-set > .fr p{ float: left; }
	.cart-set > .fr a{ float: right; }
	.cart-del{ color: #78bc27 !important; }
	.cart-set > .fl{ padding: 0.35rem 0 0.1rem; }


	/************************- settlement.html -*********************/
	.p30{ padding-left: 0.3rem; padding-right: 0.3rem; }
	.set-con li{ padding: 0.3rem; height: auto; }
	.set-con li p{ height: auto; }
	.set-name{ font-size: 0.427rem; line-height: 0.64rem; }
	.set-tel{ font-size: 0.373rem; }
	.set-add{ line-height: 0.48rem; }
	.set-con img{ width: 0.4rem; margin-right: 0.15rem; display: inline-block; vertical-align: top; margin-bottom: 0; }
	.set-app a{ font-size: 0.373rem; line-height: 0.4rem; position: relative; top: 0; transform: translateY(0); }
	.pay-mode,.pay-bank{ margin-left: -2%; }
	.pay-mode li,.pay-bank li{ width: 48%; margin-left: 2%; padding: 0.2rem 0; }
	.pay-mode img{ width: 0.7rem; }
	.pay-list p{ font-size: 0.373rem; line-height: 0.7rem; }
	.pay-bank li{ padding: 0; }
	
	.cart-title h5,.cart-title a{ font-size: 0.427rem; line-height: 1rem; }
	.remarks{ margin: 0.3rem 0; }
	.remarks input,.remarks p{ width: 100%; float: none; }
	.remarks input{ font-size: 0.373rem; line-height: 0.9rem; }
	.remarks p{ font-size: 0.373rem; line-height: 0.747rem; }
	.invoice{ font-size: 0; line-height: 0; height: 1.9rem; }
	.invoice p,.invoice a{ font-size: 0.373rem; line-height: 0.8rem; padding-right: 0.4rem; }
	.inv-fp{ height: 0.8rem; float: left; padding-left: 0; }
	.invoice .inv-fp > a{ padding-right: 0.55rem; background-size: 0.4rem auto; }
	.inv-fcon{ width: 8.8rem; top: 0.8rem; left: 0; padding-top: 5px; }
	.inv-fcon a{ padding-bottom: 0; }


	.cart-info1,.cart-info2{ font-size: 0.373rem; line-height: 0.8rem; }
	.cart-info1{ text-align: left; }
	.cart-info2{ width: 2.5rem; }
	.cart-info1 a{ float: left; }
	.cart-discount a{ background-position: left 0.18rem !important; }
	.cart-discount i{ font-size: 0.373rem; }
	.cart-order{ padding: 0 0.9rem; font-size: 0.48rem; line-height: 1.1rem; }
	
	/************************- cart.html -*********************/
	.cart-list li{ padding-bottom: 0.3rem; display: table; }
	.cart-list li > div{ display: table-cell; vertical-align: middle; }
	.cart-choice, .cart-all{ font-size: 0.427rem; background-size: 0.4rem auto !important; }
	.cart-sel{ width: 0.6rem; padding-right: 0.2rem; }
	.cart-img{ width: 2.3rem; padding-right: 0.3rem; }
	.cart-choice{ width: 0.4rem; padding-left: 0; }
	.cart-pro > p{ padding-bottom: 0.4rem; font-size: 0.373rem; line-height: 0.533rem; text-align: left; }
	.cart-pri{ font-size: 0.427rem; line-height: 0.64rem; padding: 1px 0; text-align: left; }
	.cart-num{ width: auto; font-size: 0; line-height: 0; border: 1px solid #d8d8d8; }
	.cart-num a, .cart-num input{ width: 0.8rem; font-size: 0.373rem; line-height: 0.64rem; }
	.cart-num input{ width: 0.88rem; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
	.cart-set{ padding-left: 0.3rem; padding-right: 0.3rem; }
	.cart-set > .fl p{ padding-left: 0.5rem; }
	.cart-set > .fr p,.cart-set > .fr a{ font-size: 0.427rem; line-height: 1rem; }
	.cart-set > .fr span{ font-size: 0.693rem; line-height: 1rem; }

	.suc-img{ width: 1.2rem; padding-right: 0.2rem; }
	.suc-info,.suc-con .pro-buy{ width: 100%; display: block; }
	.suc-info h4{ font-size: 0.427rem; line-height: 0.533rem; }
	.suc-info p{ padding-top: 0.15rem; font-size: 0.32rem; line-height: 0.427rem; }
	.suc-con .pro-buy p{ font-size: 0.427rem; line-height: 0.8rem; text-align: center; }
	.payment{ padding-left: 0; font-size: 0.373rem; line-height: 0.587rem; }
	.payment li{ padding-bottom: 0.1rem; }
	.payment h5{ width: 2.6rem; vertical-align: top; }
	.pay-con{ padding-bottom: 0.3rem; }
	.pay-con h5{ font-size: 0.427rem; line-height: 0.693rem; }
	
	.suc-con .pro-buy{ text-align: center; margin-top: 0.1rem; }

	.suc-product .per-ptit{ padding: 0.3rem; }
	.suc-product .per-ptit .per-tit h2{ line-height: 0.48rem; padding-left: 0.3rem; }
	.suc-product ul{ margin-left: 0; }
	.suc-product .per-list h4{ height: auto; padding-bottom: 0.3rem; line-height: 0.6rem; }

	.pay-suc .pro-buy a,.pay-suc .pro-buy a.pro-buyon{ float: none; }

	.cou-main{ padding: 3.5% 0; }
	.cou-price{ padding: 0.3rem 0.3rem 0rem; }
	.cou-price h4{ font-size: 1.6rem; line-height: 1.7rem; }
	.cou-price h4 span{ font-size: 0.747rem; }
	.cou-price p{ font-size: 0.427rem; }
	.cou-line{ height: 0.533rem; }
	.cou-info{ padding: 0.25rem 0.5rem 0.75rem; }
	.receive .cou-btn a{ margin: 0.3rem auto 0.6rem; padding: 0.1rem 0.5rem; font-size: 0.427rem; line-height: 0.8rem; }

	.cart-oinfo,.inv-main{ width: 9.4rem; margin-left: -4.7rem; }
	.inv-main{ margin-top: -7rem; }
	.inv-layer .pop-close{ margin-left: 0; margin-top: -8rem; }
	.inv-fill p,.inv-fmenu li,.inv-menu li,.inv-fill > div, .inv-input{ font-size: 0.373rem; line-height: 0.853rem; }
	.inv-info{ font-size: 0.373rem; line-height: 0.533rem; }
	.inv-fill p{ width: 2.5rem; }
	.inv-fill > div{ padding-left: 2.7rem; }
	.cart-order{ font-size: 0.427rem; line-height: 0.907rem; }
	
	.cart-oinfo,.cart-oinfos{ font-size: 0.373rem !important; line-height: 0.747rem !important;  }
	.cart-oinfo{ margin-top:-1.2rem;  line-height: 1.8rem !important;  }
	.cart-ocon .pop-close{ margin-top:-2.2rem; }

	.nextacer h3 img{ width: 3.4rem; }
	.ovh.nextacer .video-js .vjs-big-play-button{ width: 1.2rem; height: 1.2rem; margin-left: -0.6rem; margin-top: -0.6rem; }
	.next-con{ font-size: 0.5rem; line-height: 0.7rem; }


}

.ac-main{
	width: 90%; max-width: 1200px; margin: 0 auto;
}
.ac-bottom{ position: absolute; bottom: 0; left: 0; }
.ac-menu{ margin-left: -2px; padding-bottom: 1%; }
.ac-menu li{ width: 25%; float: left; border-left: 1px solid #602527; border-right: 1px solid #300608; }
.ac-menu li:last-child{border-right: 0;}
.ac-menu img{ max-width: 298px; margin: 0 auto; }
.ac-con > li{ position: relative; margin-top: 2.3%; }
.ac-info{ width: 290px; height: auto; padding-left: 20px; right: 20px; bottom: 5%; }
.ac-info li{ padding-top: 19%; }
.ac-info i{ display: block; font-style: normal; font-size: 20px; color: #8e8e8e; line-height: 30px; padding-bottom: 14px; }
.ac-info h4{ font-size: 26px; color: #9d7c4f; line-height: 40px; margin-top: -22px; margin-bottom: 4px; }
.ac-info h6{ padding: 0 13px; font-size: 18px; color: #fff; line-height: 30px; background: #9c7d51; display: inline-block; _display: inline; _z-index: 1; margin-bottom: 6px; }
.ac-info b{ width: 20px; height: 20px; float: left; margin-top: 7px; margin-right: 6px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.ac-info del{ overflow: hidden; display: block; font-size: 26px; color: #8e8e8e; line-height: 30px; }
.ac-info p{ overflow: hidden; font-size: 34px; color: #9a7e4e; line-height: 46px;padding-bottom: 6px;  }
.ac-info a{ width: 240px; height: 44px; font-size: 18px; color: #fff; line-height: 44px; text-align: center; background: #9c7d51; }
.ac-in1{ background: rgba(255,255,255,0.4); }
.ac-in2{ right: 10%; bottom: 10%; }
.ac-in3{ width: 100%; right: 0; bottom: 3.5%; text-align: center; }
.ac-in3 li{ display: inline-block; _display: inline; _z-index:1; }
.ac-in3 a{ margin: 0 auto; }
.ac-in5 li{ width: 45%; }

.ac-note{ padding: 6% 6% 9% 7%; font-size: 18px; color: #e9e9e9; line-height: 28px; }
.ac-newyear{
	width: 80%; max-width: 1200px; margin: 0 auto;
}
@media screen and (max-width:1400px) {
	.ac-info i{ font-size: 16px; line-height: 26px; padding-bottom: 7px; }
	.ac-info b{ width: 14px; height: 14px; margin-top: 8px; }
	.ac-info del{ font-size: 22px; line-height: 26px; }
	.ac-info p{ font-size: 26px; line-height: 36px; }
	.ac-info a{ width: 214px; height: 38px; font-size: 16px; line-height: 38px; }
	.ac-info h4{  font-size: 22px; line-height: 36px; margin-top: -14px; }
	.ac-info h6{ font-size: 16px; line-height: 28px; }
	.ac-in1{ bottom: 10%; }
	.ac-in2{ bottom: 15%; }
	.ac-in3{ bottom: 4%; }
	.ac-note{ padding-left: 6%; padding-right: 5%; font-size: 16px; line-height: 26px; }
	.com-menu a{font-size:14px;}

}
@media screen and (max-width:1360px) {
.shortcut .fr p {
    margin-right: 20px;	
}
}
@media screen and (max-width:1240px) {
	.com-menu a{font-size:10px;}
}
@media screen and (max-width:1200px) {
	.ac-in2{ right: 20px; }
}
@media screen and (max-width:1000px) {
	.ac-in1,.ac-in2{ width: 250px; }
	.ac-info li{ padding-top: 2%; }
	.ac-info i{ font-size: 14px; line-height: 24px; }
	.ac-info b{ margin-top: 5px; }
	.ac-info del{    font-size: 18px;
    line-height: 20px;}
    .ac-info p{ font-size: 20px; }
}
@media screen and (max-width:750px) {
	.ac-main{ width: 94%; }
	.ac-info{ width: 94%; right: 4%; padding-left: 0; }
	.ac-info li{ padding-left: 2%; margin-left: 1%; padding-bottom: 2%;}
	.ac-info > ul > li:last-child{ padding-bottom: 200px; }
	.ac-info i{ font-size: 14px; line-height: 14px; padding-bottom: 3px; }
	.ac-info i span{ font-size: 12px; display: block;}
	.ac-info b{ width: 8px; height: 8px; margin-top: 3px; }
	.ac-info del{ font-size: 14px; line-height: 18px; }
	.ac-info p{ font-size: 16px; line-height: 18px; padding-left: 10px; }
	.ac-info a{ clear: both; font-size: 12px; height: 26px; line-height: 26px; }
	.ac-in1{ bottom: 10%; }
	.ac-in2{ bottom: 8%; /*background: rgba(204,204,204,0.4);*/ }
	.ac-in1 i,.ac-in2 i{ width: 33.33%; float: left; }
	.ac-in2 i{ display: block; float: none; clear: both; }
	.ac-in1 p{ float: left; }
	.ac-in2 li,.ac-in3 li{ padding-left: 0; }
	.ac-in1 del,.ac-in2 del{ float: left; clear: both; }
	.ac-in3{ background: rgba(0,0,0,0.4);}
	.ac-in5{ background: none; }
	.ac-in5 li{ padding-left: 0; }
	.ac-in5 a { width: 100%; }
	.ac-in5 i{ padding-bottom: 2px; }
	.ac-in5 h4{ font-size: 12px; line-height: 14px; margin-top: 0; margin-bottom: 4px; }
	.ac-in5 h6{ font-size: 12px; line-height: 16px; padding: 0 4px; }
	
	.ac-note{ padding-left: 3%; padding-right: 0; font-size: 14px; line-height: 24px; }

}

.passnum-show{display:none}
.wxlogin p{
	letter-spacing: 3px;
	color: #78bc27;
	text-decoration: underline;
}
.wxlogin img{
	width:7%;
	float: left;   
	margin-right: 1%;
}
.pop-btn p{
	margin-top: 10%;
	line-height: 0px;
    font-size: 12px;
    color: #78bc27;
    padding-left: 2.5%;
}
.pop-btn p a{
	font-size: 12px;
    color: #78bc27;
    background: #ffffff;
   
}
.pop-btn p a span{
	font-size: 12px;
    color: #0066FF;
    text-decoration: underline;
}
.checkp{
	margin-bottom: 10%;
    font-size: 0.9rem;
    color: #78bc27;
}
.checkp span{
	margin-bottom: 10%;
    font-size: 0.9rem;
    color: #78bc27;
    font-weight:bold;
}
.regispan{
	float: left;line-height: 50px;color: #78bc27;
}
.changelogin{
	color: #78bc27;
    float: right;
    margin-bottom: 2%;
    font-size:14px;
}
.changelogin a{
	color: #0066FF;
    text-decoration: underline;
    cursor:pointer;
}
.popp{
	color: #78bc27;
}

@media screen and (max-width:750px)
{
	.service-pop{
	font-size:0.42rem;
	}
}

@media screen and (max-width:750px) {
.wxlogin p{
  font-size:0.4rem
}
.wxlogin img{
	width:7%;
	float: left;   
	margin-right: 1%;
}
.pop-login .pop-conl .pop-btn {
     margin-top: 5%;
}
.pop-btn a.pop-pas {
    font-size: 0.4rem;
    color: #78bc27;
    line-height: 62px;
    background: none;
    width: 47%;
    float: left;
}
.regispan{
	 float: left;
    line-height: 23px;
    color: #78bc27;
    font-size: 0.5rem;
    margin-top: 3%;
}
.popp {
    color: #78bc27;
    font-size: 0.36rem;
}
.changelogin {
    color: #78bc27;
    float: right;
    margin-bottom: 2%;
    font-size:0.36rem;
}
.checkp {
    margin-bottom: 10%;
    font-size: 0.36rem;
    color: #78bc27;
}
.checkp span{
	margin-bottom: 10%;
    font-size: 0.36rem;
    color: #78bc27;
    font-weight:bold;
}
}

@media screen and (max-width:750px)
{
	.service-pop{
	font-size:0.42rem;
	}
}
* { margin: 0; padding: 0; box-sizing: border-box; }
.container { padding: 20px; border: 2px solid #a7d5a7; border-radius: 8px; }
h2 { text-align: center; font-size: 40px; /* margin: 5% 0 5%; */ color: #000; }
.hot-series-section { text-align: center; padding: 0 3%; margin-bottom: 20px; margin-top: 5%; }
.hot-series-section h2 { font-size: 40px; margin: 20px 0; color: #333; }
.hot-card-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 10px 0; margin-top: 5%; }
.hot-card { flex: 1 1 150px; min-width: 120px; max-width: 300px; box-sizing: border-box; overflow: hidden; }
.hot-card img { width: 100%; height: auto; object-fit: cover; border-radius: 6px; display: block; }
.hot-card p { margin-top: 10px; font-size: 20px; color: #000; word-break: break-word;font-weight: 700;margin-bottom: 6px; }
.hot-card-link { text-decoration: none; color: inherit; display: block; }
.hot-series .card-container { display: flex; gap: 16px; overflow: hidden; margin: 5% 3% 2% 3%; }
.hot-series { flex: 1 1 0%; min-width: 0; text-align: center; white-space: nowrap; overflow: hidden; }
.card { flex: 1 1 0%; min-width: 0; overflow: hidden; }
.hot-series .card img { width: 100%; object-fit: cover; border-radius: 4px; }
.hot-series .card p { margin-top: 10px; font-size: 16px; color: #000; }
.card-container { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin: 2% 3% 2% 3%; }
.card { flex: 1 1 calc(20% - 20px); min-width: 120px; }
.card img { width: 100%; object-fit: cover; border-radius: 4px; }
.card p { margin-top: 10px; font-size: 20px; color: #000; }
.card span { margin-top: 10px; font-size: 16px; color: #000; }
.card a { display: block; margin-top: 20px; font-size: 16px; color: #40810c; }
.sho-enter a ,.shortcut .fr,.shortcut .fr a { line-height: 60px !important; }
@media (max-width: 768px) { h2 { font-size: 0.75rem; } }
@media (max-width: 768px) { .hot-series-section h2 { font-size: 0.75rem; }
.hot-card p { margin-bottom: -10px; }
.hot-card span{font-size:0.45rem}
 }
@media (max-width: 768px) { .card { flex: 1 1 100%; min-width: 100%; } }
@media (max-width: 768px) { .hot-series-section .hot-card-container { display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; justify-content: flex-start; gap: 16px; padding-bottom: 12px; position: relative; } }
@media (max-width: 768px) { .hot-series .card { flex: 0 0 auto; width: 100px; min-width: auto; } }
.brand-dropdown { position: relative; display: inline-block; vertical-align: middle; float: left; }
.brand-toggle { display: flex; align-items: center; width: 92px; height: 60px; border: none; cursor: pointer; }
.brand-dropdown p { font-size: 12px; color:#ffffff; margin-left:5%; }
.icon { width: 20px; height: auto; }
.text { font-size: 14px; color: #333; }
.brand-list { display: none; position: absolute; top: 100%; left: 0; background: white; border: 1px solid #ddd; border-top: none; padding: 10px; min-width: 280px; box-shadow: 0 4px 8px rgba(0,0,0,0.1); z-index: 1000; overflow: hidden; }
.brand-checkbox:checked ~ .brand-list { display: block; }
.brand-list.show { display: ruby; }
.brand-item { display: block; margin-bottom: 10px; text-align: center; width: 30%; }
.brand-item img { width: 80px; height: 60px; object-fit: contain; }
.banner img { width: 100%; height: auto; }
.breadcrumb { clear: both; position: relative; height: 60px; line-height: 60px; font-size: 0.9rem; color: #666; padding-left: 5%; background-color: #f5f5f5; }
.breadcrumb a { color: #000; text-decoration: none; }
.breadcrumb span { margin: 0 5px; color: #999; }
.breadcrumb-icon { position: absolute; top: 50%; height: 40px; width: auto; right: 5%; transform: translateY(-50%); }
.container-cate { max-width: 1400px; margin: 40px auto; padding: 0 20px; }
.product-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; list-style: none; padding: 0; margin: 0; }
.product-item { width: calc((100% - 72px) / 4); max-width: 280px; min-width: 200px; background: white; border-radius: 10px; padding: 20px; text-align: center; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); transition: all 0.4s ease; position: relative; cursor: pointer; }
.product-item:hover { transform: scale(1.1) translateY(-10px); z-index: 10; border: 2px solid #4CAF50; box-shadow: 0 10px 20px rgba(0,0,0,0.15); }
.product-click-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: transparent; text-decoration: none; }
.product-item img { width: 100%; height: auto; max-height: 180px; object-fit: contain; margin-bottom: 16px; }
.product-title { font-size: 1.3rem; font-weight: bold; margin-bottom: 10px; }
.product-desc { font-size: 0.95rem; color: #555; text-align: left; padding: 0 10px; text-align: center; }
.product-button { display: block; visibility: hidden; margin-top: 16px; padding: 12px 24px; background-color: #4CAF50; color: white; font-weight: bold; text-decoration: none; border-radius: 4px; width: 100%; text-align: center; transition: all 0.3s ease; }
.product-item:hover .product-button { visibility: visible; }
@media (max-width: 1024px) { .product-item { flex: 0 0 calc(50% - 12px); } }
@media (max-width: 768px) { .product-item { flex: 0 0 100%; min-width: 100%; } }
@media (max-width: 768px) { .product-button { display: block; visibility: visible; font-size:0.5rem; } }
@media (max-width: 768px) { .breadcrumb { line-height: 30px; font-size: 0.9rem; display: flex; align-items: center; } }
@media (max-width: 768px) { .breadcrumb-text { line-height: 20px; max-width: 4.5rem; } }
@media (max-width: 768px) { .breadcrumb a { font-size:0.35rem; } }
@media (max-width: 768px) { .breadcrumb span { font-size:0.35rem; } }
@media (max-width: 768px) { .breadcrumb-icon { height: 20px; } }
@media (max-width: 768px) { .product-title { font-size: 0.875rem; } }
@media (max-width: 768px) { .product-desc { font-size: 0.5rem; } }
.breadcrumb-icon-view { position: absolute; height: 50px; width: auto; right: 5%; transform: translateY(-14%); }
.shop { padding: 0 18px; height: 36px;font-size:16px; line-height: 36px; margin: 14px 0; color: #fff; background: #78bc27; border-radius: 6px; -webkit-border-radius: 6px; float:right; }
@media (max-width: 768px) { .breadcrumb-icon-view { position: absolute; height: 20px; width: auto; right: 9%; top: 10%; } }
@media (max-width: 768px) { .pro-menu { margin-top: -3%; } }
@media (max-width: 768px) { .pro-name { margin-left: 5%; }.social-platforms h3{font-size:0.5rem;    margin-bottom: -20px;} }
/* @media (max-width: 768px) { .shop { padding: 0 0.25rem; height: 0.74rem; font-size: 0.33rem; line-height: 0.74rem; margin: 0.13rem 0 0.13rem 0.5rem; -webkit-border-radius: 0.08rem; margin-left: 73%; } }
 */.social-platforms { max-width: 600px; margin: auto; margin-top: 5%; margin-bottom: 5%; }
.social-platforms h3{text-align: center;padding-bottom: 1%;font-size: 20px;border-bottom: unset;background:unset;    padding: 0;}
.platform-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; margin: 20px 0; }
.platform-item { width: 36px; height: 36px; cursor: pointer; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: transform 0.2s ease; width: 6% !important; }
.platform-item:hover { transform: scale(1.15); }
.platform-item img { width: 100%; height: 100%; object-fit: contain; }
.account-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #f0f0f0; padding: 15px; border-radius: 8px; box-shadow: 0 6px 20px rgba(0,0,0,0.3); z-index: 1000; min-width: 220px; max-width: 90vw; }
.account-popup.show { display: block; }
.account-list { list-style: none; padding: 0; margin-top: 8px; }
.popupTitle { color:#000; }
.account-item { padding: 10px; margin: 6px 0; background: #fff; border-radius: 6px; cursor: pointer; transition: background 0.2s; float:none !important; width:100% !important; color:#000; }
.account-item:hover { background: rgba(255,255,255,0.4); }
.qr-modal { position: fixed; top: 44%; left: 50%; transform: translate(-50%, -50%); background: #f0f0f0; padding: 15px; border-radius: 8px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3); z-index: 1000; min-width: 220px; max-width: 90vw; }
.qr-modal { display: none; }
.qr-modal.show { display: flex; }
.qr-box { background: #f0f0f0; padding: 20px; text-align: center; max-width: 280px; }
.qr-box img { width: 120px; height: 120px; margin: 10px 0; }
.qr-box button { margin-top: 10px; padding: 6px 12px; border: none; border-radius: 4px; background: #78bc27; color: white; cursor: pointer; }
@media (max-width: 780px) { .social-platforms { display:block !important; } }
@media (max-width: 780px) { .qr-box { display:block !important; max-width: 200px; } }
@media (max-width: 780px) { .qr-box p { font-size:0.5rem; } }
@media (max-width: 780px) { .qr-box h3 { font-size: 0.5rem; line-height:0.8rem; } }
@media (max-width: 780px) { .qr-box button { font-size:0.5rem; } }
@media (max-width: 780px) { .platform-list { gap: 12px; } }
@media (max-width: 780px) { .platform-item { width: 32px; height: 32px; } }
@media (max-width: 780px) { .account-item { font-size: 0.5rem; } }
@media screen and (max-width:1460px) { .fo-nav a { width: 60%; } }
@media screen and (max-width:1200px) { .fo-nav a { width: 80%; } }
@media screen and (max-width:1035px) { .fo-nav a { width: 100%; } }
.mosho-enter { display: none; }
@media screen and (max-width: 1220px) { .mosho-enter { display: block; width: 100%; background-color: #000;position:ab }.ser-crumbs {
    margin-top: 60px;
} }
@media screen and (max-width: 1220px) { .brand-dropdown { margin-left: 10px; } }
@media screen and (max-width: 1220px) { .brand-toggle { width: 80px; z-index: 9999; position: relative; } }
@media screen and (max-width: 1220px) { .mosho-enter > a { margin-left: 20px; } }