/** æ¸…é™¤å†…å¤–è¾¹è· **/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote, /* structural elements ç»“æž„å…ƒç´ */
dl,
dt,
dd,
ul,
ol,
li, /* list elements åˆ—è¡¨å…ƒç´ */
pre, /* text formatting elements æ–‡æœ¬æ ¼å¼å…ƒç´ */
form,
fieldset,
legend,
button,
input,
textarea, /* form elements 表å•å…ƒç´ */
th,
td, /* table elements è¡¨æ ¼å…ƒç´ */
img/* img elements å›¾ç‰‡å…ƒç´ */ { border:medium none; margin: 0; padding: 0; }
/** 设置默认å—体 **/
body,
button,
input,
select,
textarea { font:12px/1.5 "SimSun", Tahoma, Arial, sans-serif}
input,
select,
form img,
button { vertical-align:middle; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; }
em { font-style:normal; }
/** é‡ç½®åˆ—è¡¨å…ƒç´ **/
ul,
ol { list-style: none; }
/** é‡ç½®è¶…é“¾æŽ¥å…ƒç´ **/
a { text-decoration: none; color:#5c5c5c; }
a:hover { text-decoration: underline;}
/** é‡ç½®å›¾ç‰‡å…ƒç´ **/
img { border:none; }
/** é‡ç½®è¡¨æ ¼å…ƒç´ **/
table { border-collapse: collapse; border-spacing: 0; }
/** 清楚浮动 **/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
textarea, input{resize:none}
a, textarea, input, button{outline:none}
.clear { clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
.coz{ clear:both; overflow:hidden; zoom:1}
/*** font ***/
.word_break { white-space:normal; word-wrap:break-word; word-break:break-all; }
.f14 { font-size:14px; }
.fb { font-weight:bold; }
.db{ display:block}
.dn {display:none}
.di{ display:inline}
.tc{ text-align:center;}
.vam{vertical-align:middle;}
.lh18 { line-height:18px; }
.lh20 { line-height:20px; }
.lh22 { line-height:22px; }
.lh24 { line-height:24px; }
.lh26 { line-height:26px; }
.lh28 { line-height:28px; }
.lh30 { line-height:30px; }
.font_wryh{font-family:'Microsoft YaHei',' SimHei','SimSun';}
/** position **/
.re { position:relative; z-index:1 }
.fr { float:right; }
.fl { float:left; }
.frdi { float:right; display:inline }
.fldi { float:left;display:inline }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pb5 { padding-bottom:5px}
.pb10 { padding-bottom:10px}
.pb15 { padding-bottom:15px}
.pb20 { padding-bottom:20px}
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mb5 { margin-bottom:5px}
.mb10 { margin-bottom:10px}
.mb15 { margin-bottom:15px}
.mb20 { margin-bottom:20px}
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
/* ====================== é‡ç½®ç»“æŸ ===================== */
html {
-webkit-text-size-adjust: none;
font-size: 100px;
}
body{
color: #000;
background: #fff;
font-size: 12px;
font-size: 0.12rem;
}
body.article-bg{
background: #f7f8f9;
}
/* index */
.index-page{
min-width: 1280px;
overflow: hidden;
position: relative;
}
.index-page .content{
z-index: 1;
}
.index-page .footer{
padding: 1.2% 0;
}
.index-page .banner-warp{
animation-name: fadeIn;
-webkit-animation-name: fadeIn;
animation-duration: 2s;
-webkit-animation-duration: 2s;
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
}
.index-page .banner-warp .scrollBox {
width: 100%;
height: auto;
position: relative;
}
.index-page .banner-warp .scrollBox li {
float: left;
display: inline;
height: auto;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
z-index: 1;
position: relative;
}
.index-page .banner-warp .slides li .bg-item img{
width: 100%;
display: block;
}
.index-page .banner-warp .page-wrap {
position: absolute;
bottom: 20px;
bottom: 0.2rem;
z-index: 2;
width: 100%;
text-align: center;
}
.index-page .banner-warp .page-wrap a {
display: inline-block;
*display: inline;
*zoom: 1;
width: 10px;
width: 0.1rem;
height: 10px;
height: 0.1rem;
margin: 0 8px;
margin: 0 0.08rem;
overflow: hidden;
border: 1px solid #ffffff;
border-radius: 6px;
border-radius: 0.06rem;
cursor: pointer;
text-indent: -9999em;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
transition: all 600ms ease;
}
.index-page .banner-warp .page-wrap a.selected {
background: #fff;
}
.index-page .banner-warp .con-item{
width: 1000px;
width: 10rem;
height: 100%;
position: absolute;
top: 0;
left: 50%;
margin-left: -500px;
margin-left: -5rem;
}
.index-page .banner-warp .con-item .mod-download-item{
position: absolute;
top: 72.43%;
right: 8%;
}
/* ==banner jane== */
.index-page .banner-warp .item-jane{
background-image: url(../images/index-banner/jane-1920x980.jpg);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='viewcode/images/index-banner/jane-1920x980.jpg', sizingMethod='scale');
}
.index-page .banner-warp .item-jane .btn-warp a:hover{
color: #fbbfd1;
}
/* ==banner janeplus== */
.index-page .banner-warp .item-janeplus{
background-image: url(../images/index-banner/janeplus-1920x980.jpg);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='viewcode/images/index-banner/janeplus-1920x980.jpg', sizingMethod='scale');
}
.index-page .banner-warp .item-janeplus .btn-warp a:hover{
color: #b1ddbd;
}
/* ==banner beauty== */
.index-page .banner-warp .item-beauty{
background-image: url(../images/index-banner/beauty-1920x980.jpg);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='viewcode/images/index-banner/beauty-1920x980.jpg', sizingMethod='scale');
}
.index-page .banner-warp .item-beauty .btn-warp{
width: 55%;
padding: 0px 0 0 5.8%;
}
.index-page .banner-warp .item-beauty .btn-warp a{
color: #ff83b5;
margin: 2% 0 4%;
width: 100%;
border-color:#ff83b5;
border-radius: 10px;
border-radius: 0.1rem;
padding: 3% 0;
}
.index-page .banner-warp .item-beauty .btn-warp a:hover{
color: #fff;
background: #ff83b5;
}
.index-page .banner-warp .item-beauty .con-item .mod-download-item{
position:absolute;
top: 66%;
right: 9.3%;
width: 31.5%;
}
.index-page .item-beauty .mod-download-item .btn-warp .icon{
float: left;
margin-left: 15%;
}
.index-page .item-beauty .mod-download-item .btn-warp span{
float: left;
padding: 1% 0 0 6%;
}
.index-page .item-beauty .mod-download-item .code-item{
width: 38%;
}
.index-page .banner-warp .item-beauty .zb-btn{
color: #ff83b5;
display: block;
width: 100%;
text-align: center;
padding: 2% 0;
font-size: 22px;
font-size: 0.22rem;
border: 2px solid #ff83b5;
border-radius: 10px;
border-radius: 0.1rem;
margin-top: 10px;
margin-top: 0.1rem;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
transition: all 600ms ease;
}
.index-page .banner-warp .item-beauty .zb-btn:hover{
opacity: .8;
text-decoration: none;
background: #ff83b5;
color: #fff;
}
/* ==banner yinxiang== */
.index-page .banner-warp .item-yinxiang{
background-image: url(../images/index-banner/yinxiang-1920x700.jpg);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='viewcode/images/index-banner/yinxiang-1920x980.jpg', sizingMethod='scale');
}
.index-page .banner-warp .item-yinxiang .btn-warp{
width: 55%;
padding: 0px 0 0 5.8%;
}
.index-page .banner-warp .item-yinxiang .btn-warp a{
color: #171717;
margin: 0 0 9% 0;
width: 100%;
border: 1px solid #000;
border-radius: 0;
padding: 2% 0;
}
.index-page .banner-warp .item-yinxiang .btn-warp a:hover{
color: #fff;
background: #000;
}
.index-page .banner-warp .item-yinxiang .con-item .mod-download-item{
position:absolute;
top: 64.7%;
right: 17%;
width: 27.6%;
}
.index-page .item-yinxiang .mod-download-item .btn-warp .icon{
float: left;
margin-left: 9%;
}
.index-page .item-yinxiang .mod-download-item .btn-warp span{
float: left;
padding: 1% 0 0 8%;
}
.index-page .item-yinxiang .mod-download-item .code-item{
width: 38%;
}
/* ==banner circle== */
.index-page .banner-warp .item-circle{
background-image: url(../images/index-banner/circle-1920x980.jpg);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='viewcode/images/index-banner/circle-1920x980.jpg', sizingMethod='scale');
}
.index-page .banner-warp .item-circle .btn-warp{
width: 51%;
padding: 0px 0 0 9.8%;
}
.index-page .banner-warp .item-circle .btn-warp a{
color: #fff;
margin: 0 0 10% 0;
width: 100%;
border-color:#fff;
border-radius: 100px;
padding: 2% 0;
}
.index-page .banner-warp .item-circle .btn-warp a:hover{
color: #fac9cd;
background: #fff;
}
.index-page .banner-warp .item-circle .btn-warp a.btn-l:hover{
color: #92abe3;
}
.index-page .banner-warp .item-circle .con-item .mod-download-item{
position:absolute;
top: 67.7%;
right: 13.5%;
width: 29%;
}
.index-page .item-circle .mod-download-item .btn-warp .icon{
float: left;
margin-left: 9%;
}
.index-page .item-circle .mod-download-item .btn-warp span{
float: left;
padding: 1% 0 0 8%;
}
.index-page .item-circle .mod-download-item .code-item{
width: 38%;
}
/* ==banner facechat== */
.index-page .banner-warp .item-facechat{
background-image: url(../images/index-banner/facechat-1920x980.jpg);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='viewcode/images/facechat-1920x980.jpg', sizingMethod='scale');
}
.index-page .banner-warp .item-facechat .btn-warp{
width: 50%;
padding: 0px 0 0 10.8%;
}
.index-page .banner-warp .item-facechat .btn-warp a{
color: #fff;
margin: 6% 0 0 0;
width: 100%;
border-color:#000;
border-radius: 10px;
padding: 1% 0;
background: #000;
}
.index-page .banner-warp .item-facechat .btn-warp a:hover{
color: #fff;
border-color:#333;
background: #333;
}
.index-page .banner-warp .item-facechat .con-item .mod-download-item{
position:absolute;
top: 67.7%;
right: 16%;
width: 29%;
}
.index-page .item-facechat .mod-download-item .btn-warp .icon{
float: left;
margin-left: 9%;
}
.index-page .item-facechat .mod-download-item .btn-warp span{
float: left;
padding: 1% 0 0 8%;
}
.index-page .item-facechat .mod-download-item .code-item{
width: 38%;
}
/* ==banner hcq== */
.index-page .banner-warp .item-hcq{
background-image: url(../images/index-banner/hcq-1920x980.jpg);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='viewcode/images/index-banner/hcq-1920x980.jpg', sizingMethod='scale');
}
.index-page .banner-warp .item-hcq .btn-warp a:hover{
color: #c7add4;
}
.index-page .banner-warp .item-hcq .con-item .mod-download-item{
position:absolute;
top: 71%;
right: 10%;
width: 44.5%
}
.index-page .item-hcq .mod-download-item .code-item{
width: 21.8%;
}
.index-page .item-hcq .mod-download-item .btn-warp{
width: 78.2%
}
.index-page .item-hcq .mod-download-item .btn-warp a{
width: 41%;
margin-left: 7%;
}
/* ==banner baby== */
.index-page .banner-warp .item-baby{
background-image: url(../images/index-banner/baby-1920x980.jpg);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/index-banner/baby-1920x980.jpg', sizingMethod='scale');
}
.index-page .banner-warp .item-baby .btn-warp a:hover{
color: #fff;
}
.index-page .banner-warp .item-baby .con-item .mod-download-item{
position:absolute;
top: 69%;
right: 3.9%;
width: 46.7%
}
.index-page .item-baby .mod-download-item .code-item{
width: 21.2%;
}
.index-page .item-baby .mod-download-item .btn-warp{
width: 78%
}
.index-page .item-baby .mod-download-item .btn-warp a{
border: 0;
background: #fff;
border-radius: 32px;
color: #2fb0bb;
width: 45%;
margin-left: 4.9%;
}
.index-page .item-baby .mod-download-item .btn-warp a:hover{
opacity: 0.8;
color: #2fb0bb;
}
/* == banner camhomme == */
.index-page .banner-warp .item-camhomme{
background-image: url(../images/index-banner/camhomme-1920x700.jpg);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='viewcode/images/index-banner/camhomme-1920x700.jpg', sizingMethod='scale');
}
.index-page .banner-warp .item-camhomme .btn-warp{
width: 52%;
padding: 0px 0 0 8.8%;
}
.index-page .banner-warp .item-camhomme .btn-warp a{
color: #fff;
margin: 0 0 10% 0;
width: 100%;
border-color:#fff;
border-radius: 0;
padding: 1% 0;
background: #1c1c1c;
border-width: 1px;
}
.index-page .banner-warp .item-camhomme .btn-warp a:hover{
color: #fff;
border-color:#0066ff;
background: #0066ff;
}
.index-page .banner-warp .item-camhomme .con-item .mod-download-item{
position:absolute;
top: 69.5%;
right: 16%;
width: 29%;
}
.index-page .item-camhomme .mod-download-item .btn-warp .icon{
float: left;
margin-left: 9%;
}
.index-page .item-camhomme .mod-download-item .btn-warp span{
float: left;
padding: 1% 0 0 8%;
}
.index-page .item-camhomme .mod-download-item .code-item{
width: 35%;
}
/* == banner babycoming == */
.index-page .banner-warp .item-babycoming{
background-image: url(../images/index-banner/babycoming-1920x980.jpg);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='viewcode/images/index-banner/babycoming-1920x980.jpg', sizingMethod='scale');
}
.index-page .banner-warp .item-babycoming .btn-warp{
width: 52%;
padding: 0px 0 0 8.8%;
}
.index-page .banner-warp .item-babycoming .btn-warp a{
color: #fff;
margin: 0 0 10% 0;
width: 100%;
border-color:#5ebbe6;
border-radius: 50px;
padding: 1% 0;
background: #5ebbe6;
border-width: 1px;
}
.index-page .banner-warp .item-babycoming .btn-warp a:hover{
color: #fff;
border-color:#5ebbe6;
background: #5ebbe6;
opacity:.8;
}
.index-page .banner-warp .item-babycoming .con-item .mod-download-item{
position:absolute;
top: 69.5%;
right: 10%;
width: 29%;
}
.index-page .item-babycoming .mod-download-item .btn-warp .icon{
float: left;
margin-left: 9%;
}
.index-page .item-babycoming .mod-download-item .btn-warp span{
float: left;
padding: 1% 0 0 8%;
}
.index-page .item-babycoming .mod-download-item .code-item{
width: 35%;
}
/* == banner 21 == */
.index-page .banner-warp .item-21{
background-image: url(../images/index-banner/21-1920x720.jpg);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='viewcode/images/index-banner/21-1920x720.jpg', sizingMethod='scale');
}
.index-page .banner-warp .item-21 .btn-warp{
width: 46%;
padding: 0px 0 0 8.8%;
}
.index-page .banner-warp .item-21 .btn-warp a{
color: #f9e9ff;
margin: 0 0 3.5% 0;
width: 100%;
border-color:#f9e9ff;
border-radius: 50px;
padding: 7.3% 0;
border-width: 2px;
font-size: .2rem;
border: none;
background: #8e6cf7;
}
.index-page .item-21 .mod-download-item .btn-warp .icon {
font-size: .2rem;
float: left;
margin-left: 13%;
}
.index-page .banner-warp .item-21 .btn-warp a span {
float: left;
margin-left: 8%;
}
.index-page .banner-warp .item-21 .btn-warp a:hover{
background: #9c7cff;
opacity:1;
}
.index-page .banner-warp .item-21 .con-item .mod-download-item{
position:absolute;
top: 73.5%;
right: 9.5%;
width: 32%;
}
/* .index-page .item-21 .mod-download-item .btn-warp .icon{
float: left;
margin-left: 15%;
}
.index-page .item-21 .mod-download-item .btn-warp span{
float: left;
padding: 1% 0 0 8%;
} */
.index-page .item-21 .mod-download-item .code-item{
width: 33%;
}
/*banner-21camera*/
.index-page .banner-warp .item-21camera{
background-image: url(../images/index-banner/2.0/21-1920x700.jpg);
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='viewcode/images/index-banner/2.0/21-1920x700.jpg', sizingMethod='scale');
}
.index-page .item-21camera .con-item {
width: 1000px;
position: absolute;
top: 0;
left: 50%;
margin-left: -500px;
}
.item-21camera .con-item-wrap {
padding-top: 120px;
display: flex;
}
.item-21camera .mrxx-sl {
width: 252px;
height: 508px;
margin-left: 150px;
margin-right: 1.25rem;
border-radius: 40px;
background: url(../images/phone_252x508.png) no-repeat;
background-size: 100%;
}
.item-21camera .mrxx-slsl .sl-slg {
width: 391px;
height: 265px;
margin-bottom: 0.61rem;
margin-top: 30px;
background: url(../images/21camera-slg.png) no-repeat;
background-size: 100%;
}
.index-page .banner-warp .item-21camera .con-item .mod-download-item-21camera {
display: flex;
align-items: center;
width: 300px;
margin: 0 auto;
}
.mod-download-item-21camera .code-item {
width: 107px;
height: 107px;
margin-right: 20px;
}
.mod-download-item-21camera .code-item img {
display: block;
width: 100%;
}
.mod-download-item-21camera .btn-item {
display: flex;
align-items: center;
justify-content: center;
width: 149px;
height: 47px;
border-radius: 24px;
margin-bottom: 5px;
text-align: center;
color: #fff;
font-size: 20px;
background-color: #a0a2fe;
transition: all 0.5s linear;
}
.mod-download-item-21camera .btn-item:hover {
background-color: #b7b9fb;
}
.mod-download-item-21camera .btn-item{
text-decoration: none;
}
.mod-download-item-21camera .btn-item .iconfont {
margin-right: 5px;
}
.swiper-container .swiper-slide img {
display: block;
width: 229px;
padding: 10px 0 0 13px;
}
/* app item */
.index-page .app-warp{
width: 100%;
background: #fff;
z-index: 2;
animation-name: fadeInUp;
-webkit-animation-name: fadeInUp;
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
}
.index-page .app-warp ul{
padding-left:13%;
}
.index-page .app-warp li{
float: left;
width: 16.2%;
margin-left: 4%;
}
.index-page .app-warp li a{
display: block;
width: 100%;
padding: 9% 0;
text-align: center;
background-size: 1px 100%;
background-color: #fff;
}
.index-page .app-warp li:last-child a{
background-image: none;
}
.index-page .app-warp li a:hover{
background-color: #fbfbfb;
text-decoration: none;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
-webkit-transition: all 600ms ease;
transition: all 600ms ease;
}
.index-page .app-warp .app-icon{
display: inline-block;
*display: inline;
*zoom: 1;
width: 31.25%;
}
.index-page .app-warp .app-icon img{
width: 100%;
display: block;
}
.index-page .app-warp .text-item{
width: 100%;
display: block;
text-align: center;
padding: 5% 0 0 0;
font-size: 14px;
font-size: 0.14rem;
line-height: 1.45;
}
.index-page .app-warp .text-item dt.title{
color: #2f2f2f;
font-size: 20px;
font-size: 0.2rem;
}
.index-page .app-warp .text-item dd{
display: none
}
/* article */
.article-page{
min-width: 1280px;
}
.article-page .footer{
position: fixed;
bottom: 0;
left: 0;
width: 100%;
}
.article-page .content{
z-index: 1;
padding: 9% 0 7.5%;
width: 100%;
}
.article-page .content .page-btn-warp{
width: 100%;
}
.article-page .content .page-btn-warp .btn{
display: block;
width: 50px;
height: 50px;
width: 0.5rem;
height: 0.5rem;
background-repeat: no-repeat;
background-size: contain;
position: fixed;
top: 50%;
margin-top: -25px;
margin-top: -0.25rem;
}
.article-page .content .page-btn-warp .btn:hover{
opacity: 0.7;
filter:alpha(opacity=70);
}
.article-page .content .page-btn-warp .p-l-btn{
background-image: url(../images/articlebtn-left-50x50.png);
left: 2%;
}
.article-page .content .page-btn-warp .p-r-btn{
background-image: url(../images/articlebtn-right-50x50.png);
right: 2%;
}
.article-page .con-warp{
width: 1280px;
width: 12.8rem;
min-width: 1024px;
min-height: 340px;
margin: 0 auto;
}
.article-page .title-item{
float: left;
width: 24.609375%;
padding-left: 10.46875%;
color: #000;
}
.article-page .title-item h2.title{
font-size: 22px;
font-size: 0.22rem;
letter-spacing: 9px;
letter-spacing: 0.09rem;
font-weight: normal;
width: 95%;
padding: 0 0 2% 5%;
}
.article-page .title-item h3.title-en{
border-top: 4px solid #000;
border-bottom: 4px solid #000;
border-top: 0.04rem solid #000;
border-bottom: 0.04rem solid #000;
display: inline-block;
font-size: 54px;
font-size: 0.54rem;
line-height: 1.06;
font-weight: normal;
font-family: 'Times New Roman', 'Arial';
letter-spacing: 4px;
letter-spacing: 0.04rem;
padding: 8px 0;
padding: 0.08rem 0;
}
.article-page .text-warp{
float: left;
width: 54.6875%;
padding: 176px 0 0 80px;
padding: 1.76rem 0 0 0.8rem;
color: #404040;
font-size: 16px;
font-size: 0.16rem;
}
.article-page .line-icon{
height: 3px;
height: 0.03rem;
width: 10%;
display: block;
}
/* aboutus */
.article-page .aboutus-page .line-icon{
background: #000;
}
.article-page .text-warp .text-item{
padding: 10px 0;
letter-spacing: 1px;
}
.article-page .aboutus-page .text-warp .text-item{
letter-spacing: 1px;
}
.article-page .text-warp .text-item p{
padding-top: 4.8%;
line-height: 1.65;
}
/* contactus */
.article-page .contact-page .line-icon{
background: #404040;
}
.article-page .contact-page .text-warp{
color: #2e2e2e;
}
.article-page .contact-page .text-warp .item{
padding-bottom: 5%;
}
.article-page .contact-page .text-warp .item:last-child{
padding-bottom: 0px;
}
.article-page .text-warp .listItem{
padding: 5.5% 0 0.8%;
font-size: 22px;
font-weight: normal;
}
.article-page .contact-page .text-warp .text-item p{
padding-top: 0px;
line-height: 2;
}
.article-page .text-warp .text-item .add-item{
line-height: 1;
padding-top: 3%;
}
.article-page .text-warp .text-item .add-item dt{
float: left;
width: 15%;
border-right: 1px solid #2e2e2e;
}
.article-page .text-warp .text-item .add-item dd{
float: left;
width: 80%;
padding-left: 2.3%;
}
/* joinus */
.article-page .join-page .title-item .title-en{
padding: 3.5% 1% 3.5% 2%;
}
.article-page .join-page .mod-con-item{
float: left;
width: 54.6875%;
padding: 2.5% 0 0 6.25%;
color: #666;
font-size: 16px;
font-size: 0.16rem;
}
.article-page .join-page .mod-con-item a{
color: #666;
}
.article-page .join-page .mod-con-item a:hover{
color: #a79251;
text-decoration: none;
}
.article-page .join-page .mod-con-item .choose-item{
padding: 19px 0 0;
padding: 0.19rem 0 0;
width: 90%;
}
.article-page .join-page .choose-item .select-nav{
height: 123px;
height: 1.23rem;
}
.article-page .join-page .choose-item .select-nav .item{
padding: 0.5% 0;
line-height: 2;
}
.article-page .join-page .choose-item .select-nav .item dt.title{
float: left;
width: 14.85%;
color: #2e2e2e;
}
.article-page .join-page .choose-item .select-nav dd.oneLine{
float: left;
width: 85.15%
}
.article-page .join-page .choose-item .select-nav dd.oneLine li{
float: left;
padding: 0 2.6%;
}
.article-page .join-page .choose-item .select-nav dd.oneLine li.active{
background-image: url(../images/point-icon-5x5.png);
background-repeat: no-repeat;
background-position: left center;
}
.article-page .join-page .choose-item .select-nav dd.oneLine li.active a{
color: #a79251;
}
.article-page .join-page .line-icon{
background: #000;
width: 11.11%
}
.article-page .join-page .choose-item .listItem{
padding: 5% 0 2%;
}
.article-page .join-page .choose-item .listItem .item{
float: left;
color: #2e2e2e
}
.article-page .join-page .mod-con-item .job-item{
width: 40%;
text-align: left;
}
.article-page .join-page .mod-con-item .department-item{
width: 30%;
text-align: center;
}
.article-page .join-page .mod-con-item .salary-item{
width: 30%;
text-align: right;
}
.article-page .join-page .mod-con-item .results-item .list{
width: 92%;
font-size: 14px;
font-size: 0.14rem;
}
.article-page .join-page .mod-con-item .results-item .list li{
border-bottom: 1px dashed #e0e0e0
}
.article-page .join-page .mod-con-item .results-item .list .item{
float: left;
padding: 2.5% 0;
}
.article-page .join-page .mod-con-item .results-item{
width: 100%;
height: 360px;
height: 3.6rem;
overflow-y: scroll;
}
/* joinus detail */
.article-page .join-page .detail-con-warp{
float: left;
width: 54.6875%;
font-size: 16px;
font-size: 0.16rem;
padding: 0 0 2% 6.25%;
}
.article-page .join-page .detail-con-warp .listItem{
padding: 4% 0 3.5%;
color: #2e2e2e;
}
.article-page .join-page .detail-con-warp .listItem h4.title{
font-size: 22px;
font-size: 0.22rem;
font-weight: normal;
padding-bottom: 2.2%;
}
.article-page .join-page .detail-con-warp .listItem h4.title .sub-clasee{
font-size: 16px;
font-size: 0.16rem;
font-style: normal;
color: #a79251;
}
.article-page .join-page .detail-con-warp .listItem li{
float: left;
width: 50%;
padding-bottom: 1%;
}
.article-page .join-page .detail-con-warp .detial-item{
width: 100%;
height: 360px;
height: 3.65rem;
overflow-y: scroll;
font-size: 14px;
font-size: 0.14rem;
line-height: 2;
}
.article-page .join-page .detail-con-warp .detial-item .job-claim-item{
width: 90%;
}
.article-page .join-page .detail-con-warp .detial-item .job-claim-item td{
padding-bottom: 3%;
}
.article-page .join-page .detail-con-warp .detial-item .job-claim-item .title{
width: 15%;
color: #2e2e2e;
font-size: 16px;
font-size: 0.16rem;
}
.article-page .join-page .detail-con-warp .job-claim-item .claim-item{
width: 85%;
color: #666;
}
.article-page .join-page .email-item{
padding-top: 2%;
font-size: 18px;
font-size: 0.18rem;
}
.article-page .join-page .email-item .icon{
padding:0 1.5% 0 3%;
vertical-align: middle;
}
.article-page .join-page .email-item .mail,
.article-page .join-page .email-item .mail a{
color: #a79251;
}
.article-page .join-page .email-item .mail em{
font-style: normal;
}
/* scrollbar */
.article-page .join-page .scroll-item::-webkit-scrollbar{
width: 12px;
height: 12px;
width: 0.12rem;
height: 0.12rem;
background-color: #f7f8f9;
}
.article-page .join-page .scroll-item::-webkit-scrollbar-track {
background: #f7f8f9;
}
.article-page .join-page .scroll-item::-webkit-scrollbar-thumb{
background-color: #e7e7e7;
}
/* 分辨率 */
@media only screen and (max-width: 1366px) and (max-height: 580px){
.index-page .banner-warp .caroufredsel_wrapper,
#bannerItem ,
.index-page .banner-warp .scrollBox li{
min-height: 430px;
}
}
@media only screen and (max-width: 1280px){
.index-page{
width: 1280px;
overflow-x: scroll;
}
.mod-download-item{
width: 484px;
}
.mod-download-item .btn-warp a{
font-size: 22px;
}
.mod-download-item .btn-warp .icon{
font-size: 25px;
}
.index-page .banner-warp .item-beauty .zb-btn{
font-size: 22px;
}
.index-page .banner-warp .caroufredsel_wrapper,
#bannerItem ,
.index-page .banner-warp .scrollBox li {
min-height: 760px;
}
.index-page .banner-warp .con-item{
width: 82%;
margin-left: -41%;
}
.index-page .banner-warp .item-yinxiang .btn-warp a{
padding: 2% 0;
}
.index-page .banner-warp .item-circle .btn-warp a{
margin: 0 0 11% 0;
}
.index-page .banner-warp .item-21 .btn-warp a {
padding: 1% 0;
height: 50px;
line-height: 50px;
font-size: 20px;
}
.index-page .banner-warp .item-21 .btn-warp a .icon {
font-size: 20px;
}
.index-page .item-21 .mod-download-item .btn-warp .icon {
margin-left: 17%;
}
}
@media only screen and (max-width: 1024px){
.mod-download-item{
width: 484px;
}
.mod-download-item .btn-warp a{
font-size: 22px;
}
.index-page .banner-warp .item-beauty .zb-btn{
font-size: 22px;
}
.mod-download-item .btn-warp .icon{
font-size: 25px;
}
.index-page .banner-warp .caroufredsel_wrapper,
#bannerItem ,
.index-page .banner-warp .scrollBox li {
min-height: 760px;
}
.index-page .banner-warp .con-item{
width: 82%;
margin-left: -41%;
}
.index-page .banner-warp .item-yinxiang .btn-warp a{
padding: 2% 0;
}
.index-page .banner-warp .item-circle .btn-warp a{
margin: 0 0 11% 0;
}
}
@media only screen and (max-height: 900px){
.index-page .banner-warp .caroufredsel_wrapper,
#bannerItem ,
.index-page .banner-warp .scrollBox li {
min-height: 700px;
}
}
/* ie6-8 */
@media \0screen\,screen\9
{
.index-page {
min-width: 1900px;
}
.index-page .content .banner-warp .scrollBox li .com-item {
height: 700px;
}
}
.mod-model{
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 5.2rem;
height: 2.7rem;
margin: -1.35rem 0 0 -2.6rem;
background: #fff;
-webkit-border-radius: 0.1rem;
-moz-border-radius: 0.1rem;
border-radius: 0.1rem;
z-index: 999; }
.mod-model .model-header{
height: 0.68rem;
}
.mod-model .close_icon{
margin: 0.3rem 0.42rem 0 0;
float: right;
cursor: pointer;
}
.mod-model .model-body{
text-align: center;
}
.model-body .model-title{
color: #2b2f33;
font-size: 0.27rem;
line-height: 1;
margin-bottom: 0.58rem;
}
.model-body .model-btn-group .download-btn{
color: #fff;
font-size: 0.19rem;
display: inline-block;
width: 2.06rem;
height: 0.6rem;
line-height: 0.6rem;
border-radius: 0.1rem;
position: relative;
overflow: hidden;
}
.model-body .model-btn-group .download-btn .icon_new{
position: absolute;
top: 0;
left: 0;
width: 0.39rem;
height: 0.39rem;
background: url("../images/app-mod-item/icon_new_39x39.png") center no-repeat;
background-size: 100% auto;
}
.model-body .model-btn-group .download-btn:hover{
text-decoration: none;
}
.model-body .model-btn-group .download-btn.pink{
background: #ff83b5;
margin-right: 0.22rem;
}
.model-body .model-btn-group .download-btn.blue{
background: #93a9f0;
}
.close_icon{
display: block;
width: 0.17rem;
height: 0.17rem;
background: url(../images/app-mod-item/close_icon_17x17.png) center no-repeat;
-webkit-background-size: 100% auto;
background-size: 100% auto;
}
.mask{
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 998;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
}