/* CSS Document   */
.fadeIn {
	animation: fadeIn 1s ease-out forwards;
}
.fadeOut {
	animation: fadeOut 1s ease-out forwards;
}
/* 淡入 */
@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@-moz-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
/* 淡出 */
@-webkit-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
@-o-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
@-moz-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}
@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1465724175'); /* IE9*/
  src: url('../fonts/iconfont.eot?t=1465724175#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.ttf?t=1465724175') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg?t=1465724175#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont { font-family:"iconfont" !important; font-size:14px; font-style:normal;}
.icon-chakanjifen:before { content: "\e602"; }
.icon-chakanlibao:before { content: "\e603"; }
.icon-chakanyouhuiquan:before { content: "\e604"; }
.icon-gerenzhongxin:before { content: "\e605"; }
.icon-jiarugouwuche:before { content: "\e601"; }
.icon-lijigoumai:before { content: "\e606"; }
.icon-xianshigou:before { content: "\e600"; }

* { margin: 0; padding: 0; }
body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, li, dl, h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, form, legend, fieldset, input, button, select, textarea, em, i { margin: 0; padding: 0; outline: 0 none; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; }
table { border-collapse: collapse; word-break: break-all }
input { font: 12px/1.5 tahoma,Arial, 'microsoft yahei', 'SimSun'; }
ol, ul, li { list-style: none; }
img { border: 0 none; display: block; font-size: 0; vertical-align: top }
body { color: #0e0e0e; background: #fff; font: 12px/1.5 Arial, 'microsoft yahei', 'SimSun'; _background-image: url(about:blank); /* for IE6 */ _background-attachment: fixed; }
.cl,.clearfix { zoom: 1; }
.cl:after,.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; overflow: hidden }
.clr { display: block; overflow: hidden; clear: both; height: 0; line-height: 0; font-size: 0; }
.dis { display: block; }
.undis { display: none; }
.banner, .content, .header, .top{ width: 1190px; margin: 0 auto; }
.w990 { width: 990px; margin: 0 auto; }
.nav-bar { width: 100%; margin: 0 auto; }
.content { position: relative;}
span { display: inline-block }
.fl { float: left; }
.fr { float: right }
.fn { float: none }
.unfb { font-weight: normal }
.dis_inline { display: inline; }
.no_border { border: none; }
.red{color: #e3393c;}
.center { text-align: center }
a { text-decoration: none; color: #666; outline: none;}
a:hover { color: #e3393c; text-decoration: none; }
.m, .mt, .mc, .mb, .sm, .smt, .smc, .smb { zoom: 1; }
q::before, q::after { content: ''; }
.p-simsun { font-family: simsun; }
.banner, .content, .header, .top, .warp{width:1190px;margin:0 auto;}



/*top nav
------------------*/
.top { width: 100%; line-height: 31px; background: #f5f4f4; color:#7f7f7a;  position: relative;z-index: 12;border-bottom:1px solid #e6e6e6; }
.top span { display: inline }
.top .warp{width:1190px;margin:0 auto}
.top a{color:#7f7f7a}
.top .top-link{ float:left;}
.top .top-link em{color:#3e3a39;padding-left:5px;}
.top .top-link a{ margin-left:10px; color:#e3393c;}
.top .login-regin{width:220px;float:left;margin-left:44px}
.top .login-regin li{float:left;  height:31px; line-height:31px;}
.top .login-regin li a{ float: left; margin-right: 5px; max-width: 160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.top .login-regin li.L-line::after{content:"|";padding:0 11px;color:#e6e6e6;}
.top .hover dt { background: #fff; border: 1px solid #DDD; border-bottom: 0; height: 28px; }
.top .hover .blank { position: absolute; z-index: 1; top: 23px; left: 4px; width: 95%; height: 8px; overflow: hidden; background: #fff; }
.top .dropdown-menu { display: none }
.top .hover .dropdown-menu, .top .hover .outline { position: absolute; border: 1px solid #ddd; background: #fff; -moz-box-shadow: 0 0 10px rgba(0,0,0,.12); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.12); box-shadow: 0 0 10px rgba(0,0,0,.12); }
.top .hover .dropdown-menu { top: 30px; display: block }
.top .hover .outline { z-index: -1; left: 3px; top: 3px; width: 95%; height: 28px; }
.top li s { top: 9px; left: 0; width: 0; height: 12px; border-left: 1px solid #ddd; overflow: hidden; position: absolute; }
.top li b {transition: transform .2s ease-in 0s; -webkit-transition: -webkit-transform .2s ease-in 0s; display:inline-block;width:0;height:0;border-style:solid;border-color:#cecece transparent transparent;border-width:4px 4px 0;margin-left:3px;position:relative;top:-3px; }
.top li.hover b { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.top .quick_list { float: right; height: 30px; }
.top .quick_list li { height: 31px;line-height:31px; padding: 0 11px 0 11px; float: left; position: relative; }
.top .quick_list li a em{ color:#e3393c;}
.top .quick_list .dropdown-menu{ left: 3px;}
.top .quick_list .dropdown-menu li{ line-height: 25px; height: 25px;  display: block;white-space: nowrap; }
.top .quick_list li.service,.top .quick_list li.moblie-qrcode,.top .quick_list li.app-qrcode,.top .quick_list li.sitemap{ z-index: 12; padding-right:16px; }
.top .in-order{ width:48px; z-index: 12;}
.top .in-order .dropdown-menu { width: 100px; }
.top .mycenter .dropdown-menu { width: 90px; }
/*.top .sitemap .dropdown-menu {width: 96px; }*/
.top .quick_list .sitemap ul li { width: 100%; height: auto; padding: 0; }
.top .sitemap ul li p { padding: 4px 0 4px 9px; line-height: 20px; font-weight: 700; }
.top .sitemap ul li div { margin: 0 9px; line-height: 22px; overflow: hidden; padding-bottom: 3px; border-bottom: 1px solid #f2f2f2; }
.top .sitemap ul li div span { margin:0 10px; float: left }
.top .moblie-qrcode .dropdown-menu,.top .app-qrcode .dropdown-menu{ width:90px; padding:10px;}

.top .quick_list li.service:before{content:"";background-image:url(../Images/Himall_web.png);background-repeat:no-repeat;background-position:-1403px 0;width:1px;height:12px;display:inline-block;position:absolute;left:0px;top:9px;}
.top span#shopping-amount{color:#494e52;padding:0 4px;}
.top em.shopping-cart{display:inline-block;width:14px;height:12px;background-image:url(../Images/Himall_web.png);background-repeat:no-repeat;background-position:-1377px -26px;margin-right:8px;position:relative;top:1px;}
/*header
---------------------*/
.header{ width:100%; background-color:#fff;  z-index: 11;  position: relative;}
.search-bar { height: auto; padding:30px 0;  width: 1190px; margin: 0 auto;position:relative;z-index: 9;text-align:center;}
.j_logo { width:320px;height:120px;float:left;}
.j_logo img{  width:100%;}
.template-cover{text-align:left;padding-top:10px;padding-left:17px;}
.template-cover a:hover{color:#931b24;}
.search-bar .logo {   
    
    
}
.search-bar .logo img {
   margin:0 auto;
    width: 180px;
}
.top-head-ad{float:right;margin-top:15px;}
.search-bar .top-head-ad{width:200px;height:90px;position:absolute;right:0;top:20px}
.search { float: right; position: relative;right:250px;width:410px;margin-top:20px;}
.search-form { margin-bottom: 4px; position:relative;border: 2px solid #dd0207 ;}
.search-form input { float: left }
.search-form .text { width: 270px; height:34px; padding-left:12px;position:relative;left:56px; background-color: #fff; line-height:34px; color: rgb(51, 51, 51); font-size: 12px;border-right: 0;border:0 none;}
.search-form .button { background:#dd0207 ; width:67px; font-size: 15px;  color: #fff; cursor: pointer; line-height: 34px;letter-spacing:2px;border-left:1px solid #f45670;float:right;border:0 none;}
.hot-search { height:20px; color: #999; overflow: hidden; margin-top:5px;}
.hot-search strong { float: left; font-weight: 400; }
.hot-search a {margin-right:10px; font-size:12px; cursor:pointer;}
.hot-search a:first-child{ border:0;}
.hot-search a.active{color:#e3393c}
.search-form ul{ position:absolute;left:0;background-color:#fff;  width: 55px;line-height: 32px; font-size: 12px; box-shadow:0 2px 4px #ddd; border:1px solid #ddd; z-index:2; display:none;}
.search-form ul li{ cursor:pointer; text-indent:12px;}
.search-form ul li:hover{ color: #e3393c;}
.search-form label{ position:absolute;left:0; width:55px; text-indent:0; font-size:12px; line-height:34px; cursor:pointer; color:#484e52;}
.search-form label:after{ content:''; position:absolute; top:15px; right:0; border-top:5px solid #cecece; border-left:4px dashed transparent; border-right:4px dashed transparent; font-size:0; width:0; height:0;}
.search-form .dropdown-menu{ width: 462px;}

.hot-search .ffred{color:#ff0000!important;cursor: pointer;}



.my-shop { float: right; position: relative; z-index: 9; width: 126px; height: 36px; margin-right:60px; }
.my-shop .dropdown-btn { position: absolute; z-index: 3; width: 84px; height: 34px; padding: 0 20px 0 28px; border: 1px solid #dedede; background: url(../Images/20130330A_2.png) no-repeat -110px -53px #F7F7F7; cursor: pointer; text-align: center; }
.my-shop .dropdown-btn a { line-height: 34px; }
.my-shop.hover .dropdown-btn { height: 32px; border: 1px solid #E3E3E3; border-bottom: 0; background-position: -115px -114px; background-color: #fff; -moz-box-shadow: 0 0 10px #DDD; -webkit-box-shadow: 0 0 10px #DDD; box-shadow: 0 0 10px #DDD; }
.my-shop .dropdown-btn b { top: 12px; right: 4px; width: 0; height: 0; border-style: dashed dashed dashed solid; border-width: 5px; border-color: transparent transparent transparent #CCC; overflow: hidden; position: absolute; }

.shop-head-box{ position:absolute;top:100px;right:0;}
.shop-head-box .shop-service{ display:inline-block; width:180px;vertical-align: top;}
.shop-head-box .shop-service h3{ font-size:15px; color:#393d3e;}
.shop-head-box .shop-service p{ margin-top:3px; font-size:0;}
.shop-head-box .shop-service p img{ margin-right:7px; vertical-align:bottom !important;}
.shop-head-box .shop-score{ display:inline-block;}
.shop-head-box .shop-score li{ display:inline-block; width: 50px; text-align:center;}
.shop-head-box .shop-score li h3{ font-size:14px; color:#494e52;}
.shop-head-box .shop-score li p{ color:#e92836; font-size:13px; margin-top:8px;}
.shop-head-box .shop-score li i{ display:inline-block; width:8px; height:10px; margin-right:5px; background:url(../Images/cicon.png) no-repeat;}
.shop-head-box .shop-score li .up i{ background-position:-62px -19px}
.shop-head-box .shop-score li .down i{ background-position:-62px -36px}
.shop-head-box .shop-moblie{ display:inline-block; width:40px; position:relative; z-index:6; margin-left:15px;}
.shop-head-box .shop-moblie span{ text-align:center; color:#393d3e;}
.shop-head-box .shop-moblie i{ display:block; width:100%; height:23px; background: url(../Images/cicon.png) no-repeat 0 -28px; margin-bottom:5px;}
.shop-head-box .shop-moblie div{ display:none; position:absolute; left:-50px; top:45px; border:1px solid #e4e4e4; background-color:#fff;}
.shop-head-box .shop-moblie:hover div{ display:block;}
.shop-head-box .shop-moblie img{ width:140px; height:140px;}

.shop-head-search .search-form .text { width:340px; }
.shop-head-search .search-form .button{font-size: 14px;  line-height: 36px;}
.shop-head-search .search-form label{ line-height:36px;}
.shop-head-search .search-form label:after{ top:14px;}
.shop-head-search{right:0;width: 500px;}


.site-app{ display:inline-block; position:relative; z-index:889; margin: 3px 0 0 16px; float:right; cursor:pointer;right:300px;}
.site-app i{ display:block; width:42px; height:36px; background: url(../Images/cicon.png) no-repeat 0 -54px;}
.site-app div{ display:none; position:absolute; left:-50px; top:50px; background-color:#fff; box-shadow:0 3px 6px rgba(0,0,0,0.4)}
.site-app:hover div{ display:block; text-align:center;}
.site-app img{ width:90px; height:90px;}
.top .app-qrcode .dropdown-menu h3{color:#494e52;line-height:18px;padding-top:10px;}
.top .app-qrcode .dropdown-menu p{ color:#e50112;line-height:18px;}

/*nav bar
---------------------*/

.categorys { position: absolute; top: 0; left: 0; width: 200px; height:36px; background-color:#dd0207;}
.cate-all {  font-size: 16px; cursor: pointer;}
.cate-all a { color: #fff; margin-left: 14px;padding-left:31px; line-height: 35px;background-image:url(../Images/HIMALL_admin11_04_03.png);background-repeat:no-repeat;background-position:left center; }
.cate-all a:hover{ color:#fff;}
.categorys .mc { position: absolute; top:36px;left: 0; width: 200px; height:481px;overflow: visible;border: 0;background-color:#3d4851;padding-top:4px;padding-bottom:6px;}
.categorys .item { width: 200px; height: 32px; }
.categorys span { display: block; width: 200px; position: absolute; z-index: 1;}
.categorys h3 { width: 155px;padding-left:14px; height: 32px; line-height: 32px; font-size: 13px; overflow: hidden; color: #fff; position: relative; }
.categorys h3 a { color: #fff;}
.categorys h3 i{width:24px;height:24px;display:inline-block;margin-right:12px;position:relative;top:3px;float:left;display:none;}
.categorys h3 i:first-child{display:block;}
.categorys h3 i img{width:24px;height:24px}
.categorys s { display: block; position: absolute; top: 8px; left: 189px; width: 9px; height: 16px; background-position:-107px -42px; background-image: url(../Images/20130330A_2.png); background-repeat: no-repeat; }
.categorys h3 a:hover, .categorys h3 a:active { color: #fff; text-decoration: none; }
.categorys .item .category-details { display: none; position: absolute; left: 200px;width:780px; top: 0;border-top: 0; background: #fff; overflow: hidden; }
.categorys .subitem { float: left; width: 600px; min-height: 490px; display:table; }
.categorys .item .category-details .cate-right{width:180px;float:left;background-color:#f7f7f7;height:490px;overflow:hidden;}
.categorys .cate-right h5{line-height:38px;text-align:center;font-size:12px;color:#3e3a39}
.categorys .cate-right img{margin-left:45px;margin-bottom:8px;width:100px;height:50px;}

.categorys .subitem dl { overflow: hidden; zoom: 1; width:540px; margin-left:30px;padding:15px 0;display: inline-block;vertical-align: top; *display:inline; *zoom:1;border-bottom:1px dashed #dbdbdb}
.categorys .subitem .first dd { border-top: 0; }

.categorys .subitem dt a { color: #3e3a39; }
.categorys .subitem dt { line-height:25px;float:left;width:90px;color:#3e3a39;padding-top:3px; }
.categorys .item dd { overflow: hidden; zoom: 1;width:390px;float:left;color:#757a7f;font-size:13px; }
.categorys .item dd a { color: #757a7f;display: block; }
.categorys .item dd a:hover{ color:#e3393c; text-decoration:none;}
.categorys .subitem em { float: left; margin-right: 15px; line-height: 28px; white-space:nowrap}
.categorys .subitem p{ font-size:18px; color:#000; border-left:5px solid #e3393c; line-height:20px; margin:20px 0 20px 30px;display:none;}
.categorys .subitem p a{ color:#000; padding-left:10px;}
.categorys .subitem p a:hover{ color:#e3393c}


.categorys .item .categorys-brands h5 { padding: 3px 6px 0 9px; font-weight: 700; font-size: 16px; color: #101010; }
.categorys .categorys-brands ul { padding-top: 6px; line-height: 20px; padding-left: 7px; overflow: hidden; }
.categorys .categorys-brands ul li { line-height: 35px; background: #ebebeb; height: 35px; text-align: center; width: 110px; margin-top: 3px; margin-right: 3px; float: left; }
.categorys-promotions img { margin-bottom: 4px }
.categorys-promotions { display: none; }
.categorys .hover span { z-index: 13; }
.categorys .hover h3 { background-color: rgba(255, 255, 255, 0.2); overflow: hidden;width:185px;margin-left:2px;padding-left:12px; }
.categorys .hover h3 a { color: #fff; }
.categorys .hover .category-details { display: block; z-index: 12; }

.nav-bar { background: #fff; border-bottom:1px solid #d2041f;  position: relative; z-index: 10; }
.nav-bar .nav-content { position: relative; z-index: 6; padding-left: 200px; width: 990px; margin: 0 auto; }
.nav { filter: none;  height:35px; overflow: hidden; }
.nav li { float: left; position: relative;margin-right:78px;}
.nav li.cur a, .nav li:hover a{ color: #f00f34;}
.nav li._banner.cur{ border-bottom:3px solid #e3393c;}
/*.nav li.cur a{border-bottom: 3px solid #e3393c;}*/
.nav li a { display: block;color:#373a40; font-size:15px; text-decoration: none; line-height:35px; transition:all .3s; }
._banner#homePage{margin-left:56px;}
.right-side{ position:fixed; right:0; top:0; height:100%; z-index: 1001;}
.right-side-menu{ height:100%; width:40px; background-color:#2a2a2e; position:relative;  float: left;display:none; }
.right-side-menu ul{ position:absolute; }
.right-side-menu ul.menu-top{ top:15%;}
.right-side-menu ul.menu-bot{ bottom:0;}
.right-side-menu ul.menu-bot li{ margin:0;}
.right-side-menu li{ width:40px; height:40px; margin:10px 0; cursor:pointer; position:relative;}

.right-side-menu ul li#right_customer s{position:relative;top:-10px;}
.right-side-menu ul s{ width:20px; border-bottom:1px solid #505053; display:block; margin-left:10px;}
.right-side-menu li span{ display:none; position: absolute; right: 60px; opacity:0; top: 0; width: 90px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #494949; -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); position:absolute; }
.right-side-menu li span:before{ position:absolute; content:''; border-bottom:10px dashed transparent; border-top:10px dashed transparent;border-left:10px solid #494949; right:-5px; top:10px;}
.right-side-menu li i{ display:block; width:40px; height:40px;}
.right-side-menu li i s{ background:url(../Images/Himall_web.png) no-repeat;border:none;margin:auto;position:relative;}
.right-side-menu li i.user s{display:block;width:19px;height:19px;background-position:-1403px -26px;top:10px;}
.right-side-menu li i.cart s{ display:block;width:16px;height:14px;background-position:-1429px -0px;top:22px;}
.right-side-menu li i.asset s{display:block;width:16px;height:18px;background-position:-1429px -26px;top:10px}
.right-side-menu li i.at-shop s{display:block;width:17px;height:16px;background-position:-1455px 0;}
.right-side-menu li i.at-goods s{ display:block;width:17px;height:16px;background-position:-1455px 0;top:12px}
.right-side-menu li i.history s{display:block;width:19px;height:19px;background-position:-1455px -26px;top:10px}
.right-side-menu li i.go-top{ background-position:0 -280px;background-image:url(../Images/right.png)}
.right-side-menu li:hover,.right-side-menu li.active{ background-color:#e3393c;}
.right-side-menu li.side-cart{ height: 120px;  text-align: center; margin:0; padding:10px 0;}
.right-side-menu li.side-cart p{ color:#fff; padding:0 14px; margin:2px 0;}
.right-side-menu li.side-cart em{ display:inline-block;  padding: 0 3px; min-width: 14px; height: 20px; line-height: 20px; border-radius: 10px; background-color:#e3393c; color:#fff;}
.right-side-menu li .side-point{ display:none; position:absolute; right:40px; top: 0; width: 120px; line-height:30px; padding:10px 0; text-align: center; color: #fff; background-color: #494949; box-shadow: 0 0 5px rgba(0,0,0,.2); position:absolute; }
.right-side-menu li .side-point a{ background-color:#e3393c; border-radius:4px; padding:0 10px; margin:2px 0; color:#fff; display:inline-block; line-height:20px;}
.right-side-menu li .side-point:before{ position:absolute; content:''; border-bottom:10px dashed transparent; border-top:10px dashed transparent;border-left:10px solid #494949; right:-5px; top:10px;}

.right-side-menu ul li#right_service s{position:relative;top:-10px;}
li#right_service{width:40px;height:38px;padding:5px 0;position:relative;}
li#right_service .customer{display:block;height:38px;width:40px}
li#right_service .customer b{display:block;height:20px;width:40px;background-image:url(../Images/online_btn_03.png);background-position:center;background-repeat:no-repeat;background-size:18px;}
li#right_service .customer em{font-size:12px;color:#d7d7d7;width:40px;text-align:center;display:block;}
li#right_service .customer{background:none;}
li#right_service span img{width:80px;height:80px;}
li#right_service span img:first-child{padding-bottom:10px;}
.right-side-menu ul li#right_service span{width:80px;height:auto;right:100px;padding:10px;}

/*侧边栏客服*/
li#right_customer{width:40px;height:38px;padding:5px 0;position:relative;}
li#right_customer .customer{display:block;height:38px;width:40px}
li#right_customer .customer b{display:block;height:20px;width:40px;background-image:url(../Images/online_btn_03.png);background-position:center;background-repeat:no-repeat;background-size:18px;}
li#right_customer .customer em{font-size:12px;color:#d7d7d7;width:40px;text-align:center;display:block;}
li#right_customer .customer{background:none;}
.right-side-menu li#right_customer span{height:48px;min-width:102px;line-height: 30px;}
.right-side-menu li#right_customer span img{    display: inline-block; width: 20px; vertical-align: top; margin-top: 7px;}
.right-side-menu li#right_customer span a{float: left;}
.right-side-menu li#right_customer .online-service{width: 32px;display: inline-block;}
#right_customer .online-service .qq-img{width: 18px;height:18px; margin: 7px auto 5px;background-image:url(../Images/qq_icon.png);background-size:18px 18px;}
#right_customer .online-service em{font-size: 12px;display: block;color: #fff;height:12px;    text-align: center; width: 32px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;line-height:12px;text-align:center;}
#right_customer span:before{top:15px;}

.side-content{ background:#393939; height:100%; display:none; width:220px; float: left;}
.side-content .side-bd{ position:relative;}
.side-bd .cart-top{ height:28px; line-height:28px; background-color:#e6e6e6;}
.side-bd .cart-top label{ margin-left:13px;}
.side-bd .cart-top label input{ vertical-align: middle; margin-right:3px;}
.side-bd .cart-top a{ float:right; margin-right:18px;}
.side-bd .cart-list li{ padding-left: 8px; margin-top:16px; background-color: #fff;}
.side-bd .cart-list li:first-child{ margin:0;}
.cart-list .cart-list-shop{ height: 29px; line-height: 18px; overflow: hidden; background-color: #fff;}
.cart-list .cart-list-shop input[type="checkbox"]{margin:7px 5px; float:left;}
.cart-list .cart-list-shop p{ border-bottom: 1px solid #e6e6e6; padding: 5px 0; ;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color:#333; width:119px;  float: left;}
.cart-list .cart-list-shop span{ color: #999; text-align:right; padding:5px 0; width:60px; float:right;border-bottom: 1px solid #e6e6e6; margin-right:10px;}
.cart-list .cart-list-goods{  position: relative; width: 100%; overflow: hidden; zoom: 1;}
.cart-list-goods input[type="checkbox"]{margin: 20px 5px 5px;float:left;}
.cart-list-goods img{ width: 50px;height: 50px;margin: 5px; float:left; }
.cart-list-goods .s-num{ float:left; width:59px; text-align:center;   margin-top: 21px; line-height:14px}
.cart-list-goods .s-num span{padding: 0 6px; line-height: 18px; background-color: #E05558; color: #fff; border-radius: 3px;}
.cart-list-goods .s-g-price{ float:left; width:60px; float:left; text-align:right; line-height:18px; padding-top:19px;}
/*.cart-list-goods i{ position:absolute; right:10px; top:3px; font-family:Tahoma; width:14px; height:14px; line-height:10px; text-align:center; text-align:center; background-color:#666; color:#fff; display:none; border-radius:100%;}
.cart-list-goods:hover i{ display:block;}*/
.side-cart-c{ position:relative; height:100%; background-color:#e6e6e6;}
.side-cart-c .side-bt{ bottom:20px; left:0; padding:0 15px; width:190px; position:absolute; background-color:#e6e6e6;}
.side-cart-c .side-bt input[type="button"]{ width:100%; height:40px; line-height:40px; text-align:center; color:#fff; background-color:#e3393c; border:0 none; cursor:pointer;}
.side-cart-c .side-bt input[type="button"]:hover{ background-color:#E22226;}

.side-cart-c .cart-total{ color:#333;  line-height: 30px;}
.side-cart-c .cart-total .total-money{ float:right; color:#e3393c;}
.side-content .side-hd{ position:relative; font-size: 14px; height: 35px; line-height: 35px; width: 100%; text-align: center; background-color:#393939;}
.side-content .side-hd a{ color:#fff;}
.side-content .side-hd .side-close{ display: block; position:absolute; left: 10px; top: 0; width: 35px; height: 35px; line-height:35px; color:#fff; font-family:'simsun'; cursor:pointer; font-weight:bold; }

.side-goods-list{ background-color:#393939; padding:10px 15px;}
.side-goods-list li{ width:100%; float:left; padding:10px 0; border-top:1px solid #666;}
.side-goods-list li:first-child{ border:none;}
.side-goods-list li img{ width:50px; height:50px; float:left; margin-right:10px;}
.side-goods-list li p{  height: 36px; overflow: hidden;}
.side-goods-list li p a{ color:#fff;}
.side-goods-list li p a:hover{ text-decoration:underline;}

.side-asset-total{ margin:5px 15px; background-color:#efefef; border-radius:3px;}
.side-asset-total div{ width:50%; float:left; padding:8px 0 10px; text-align:center; position:relative;}
.side-asset-total div:first-child:after{ content:'';  border-right: 1px solid #dfdfdf; position:absolute; height:40px; top:10px; right:0;}
.side-asset-total span{ width:100%; display:block; font-size:18px; line-height:24px;}

.side-asset-list{ padding:5px 14px; }
.side-asset-list p{ color:#fff; padding-top:10px;}
.side-asset-list ul{margin-top:10px;}
.side-asset-list li{ background-color:#fd7778; padding:10px; position:relative; }
.side-asset-list li:before{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAAECAQAAABhe7jaAAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAAAEgAAABIAEbJaz4AAAAJdnBBZwAAAMgAAAAEAIwF5NQAAABISURBVDjL7cYxFYAgFADAgxI+olDBFizWsoURSOLj2cEBRyP8hZsu1dvhwu70rke+b6Q6PQqGwnrkeyJj+q3HXjY00Iz14OMDOiIdQWtnq7QAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTQtMDQtMDFUMTY6MDQ6NTYrMDg6MDC7Xd3cAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE0LTA0LTAxVDE2OjA0OjU2KzA4OjAwygBlYAAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAASUVORK5CYII=) repeat-x; position:absolute; top:-2px; left:0; content:''; height:4px; width:100%;}
.side-asset-list li a{ color:#fff;}
.side-asset-list li h3{ font-size:12px; line-height:30px;height: 30px; color:#a44; position:relative; text-align:right;}
.side-asset-list li h3 span{ font-size:20px; width:60px; color:#fff;  position:absolute; bottom: -10px; left:0;text-align: left;}
.side-asset-list li h5{ font-size:12px; line-height:20px;height:20px; overflow: hidden;}
.side-asset-list li p{ padding:0 0 0 60px;color:#a44; text-align:right;}
.side-asset-list li.coupon-lg{ background-color:#ffc24d;}
.side-asset-list li.coupon-sm{ background-color:#3abec0;}
.side-asset-list li.coupon-lg h3,.side-asset-list li.coupon-lg p{ color:#b70;}
.side-asset-list li.coupon-sm h3,.side-asset-list li.coupon-sm p{ color:#13797b;}
.side-asset-list li.getCurCoupon{ cursor:pointer; position:relative;}
.side-asset-list li.getCurCoupon:after{ content:'立即领取'; width:24px; background:rgba(0,0,0,0.4); color:#fff; position:absolute; top:0; line-height:20px; right:0; padding:24px 10px; transition:all .3s; bottom: 0;}
.side-asset-list li.getCurCoupon:hover:after{padding:24px 15px;}


.side-asset-c,.side-atgoods-c,.side-history-c{ display:none; height:100%;}
.side-asset-c .side-bd,.side-atgoods-c .side-bd,.side-history-c .side-bd{ height:95%;}



/*footer-------*/
.footer{ width:100%;}
.site-footerimg{width:100%;height:auto;}
.site-footerimg img{width:1200px;height:auto !important;margin:0 auto;display:block;}
.footer .warpa{width:100%;background-color:#efefef;margin-top:30px;}
.footer-service .fc-logo{width:200px;height:100%;float:left}
.footer-service .fc-logo.j_logo img{ max-width: 150px;}

.footer-service .links{width:85%;float:left;}
.footer-service {width:1190px;margin:0 auto;padding:40px 0;}
.footer-service dl { float: left; width: 14.2%;padding-right:30px;box-sizing:border-box; }
.footer-service dt { font-size: 15px ; zoom: 1; font-weight:bold;color:#323232;line-height:15px;padding-bottom:10px; }
.footer-service dt a{display: block;width: 100%;box-sizing: border-box;border: 1px dashed #00537f;padding: 2px;border-radius: 5px;color: #fff;font-size: 14px;text-align: center;}
.footer-service dt a span{display: block;width: 100%;line-height: 30px;background: #00537f;border-radius: 5px;}
.footer-service dt a:hover{border-color:#fac550;color:#fff;}
.footer-service dt a:hover span{background:#fac550;color:#fff;}
.footer-service dd { height:auto;overflow:hidden;font-size:14px;text-align:center;line-height:26px;}
.footer-service dd a{color:#333;}
.footer-service dd a:hover{color:#e50011;text-decoration:underline;}
.footer-service dl p{font-size:14px;color:#BDBDBD;line-height:14px;padding-bottom:10px;}
.footer-service .qrcode{ width:165px; float:right; text-align:center;}
.footer-service .fc-left{float:left;width:825px;overflow:hidden;    padding: 20px 0 0 10px; margin: -20px 0 0 -10px; }
.footer-service .qrcode img{width:110px;height:110px; display:inline;}
.footer-service .qrcode h3{ font-size:15px;margin-top:15px;color:#666;font-weight:bold}
.footer-service .qrcode p{ color:#666;font-size:14px;}
.copyright { text-align: center; padding:15px 0;  color:#fff; background:#fff; line-height:24px; background:#38383c;}
.copyright a{color:#fff;}
.copyright img { display: inline-block }

/*ajax-loading------*/
.ajax-loading { width: 100%; height: 100%; position: fixed; z-index: 999999; background-color: rgba(0, 0, 0, 0.2); transition: all ease-in-out .5s; top: 0; left: 0; display: none; }
.ajax-loading p { width: 100px; height: 100px; background: url('/Images/progress.gif') no-repeat center; border-radius: 5px;background-color:#000; background-color: rgba(0, 0, 0, 0.8); }


/*图片预览*/
.cover { width: 100%; height: 100%; position: fixed; top: 0; background-color: rgba(0,0,0,.2); z-index: 888; display: none; }
    .after-service-img img {
        width: 50px;
        height: 50px;
        margin-right: 5px;
        z-index:99999;
        position:relative;
        cursor:zoom-in;
        float:left;
    }
.preview-img{position:fixed;left:30%;top:20%; width:600px;height:400px;display:none;z-index:99999}
.preview-img img{height:100%;cursor:zoom-out;}

#pwdShow{
	     height: 30px;
    border: 1px solid gray;
    line-height: 29px;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}
#pwdShow span{
	      width: 8px;
    height: 8px;
    display: inline-block;
    background: #000;
    border-radius: 50%;
    vertical-align: middle;
}
.item .itxt{
	float: none; width: 100%;height: 30px;line-height: 30px;border: 1px solid #ddd;
}  

.j_nobuy{width: 63.75%;cursor: no-drop;background-color: #999;padding: 0;font-size: .15rem;color: #fff;border: 0 none;outline: none;}


.nav{height:auto;overflow: initial;float:right;width:60%;padding-top:65px;padding-right:20px;}
.nav li{width:14.2%;float:left;position:relative;margin:0;font-family: 'OPPOSans-M';}
.nav li:after{content:"/";position:absolute;top:10px;right:0;color:#eee;font-size:16px;}
.nav li:last-child:after{content:"";}
.nav li a{display:block;width:100%;box-sizing:border-box;color:#999;font-size:16px;text-align:center;}
.nav li:hover .Dropdown-toggle{}
.nav .Dropdown-menu{
position: absolute;
    top: 80%;
    left: 50%;
    z-index: 15;
    opacity: 0;
    visibility: hidden;
    display: initial;
    width: 100px;
    color: #000;
    border: 0;
    border-radius: 0;
    -webkit-transition: all 0.5s ease;
    border: 0;
  background: #eca518;
  padding: 10px 0;
  margin: 0 0 0 -50px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 13px 35px 0 rgba(43, 50, 54, 0.2);
          box-shadow: 0px 13px 35px 0 rgba(43, 50, 54, 0.2);
    }
.nav .Dropdown-menu a{color:#fff !important;font-size:15px;}
.nav .Dropdown-menu.show{opacity: 1;
    top: 100%;
    visibility: visible;}

.header{width:96%;padding:0 2%;min-width:1200px;height:140px;background:#fff;}
.header .logo{width:440px;float:left;padding-top:30px;}
.header .logo img{float:left;width:150px;}
.header .logo .date{width:235px;float:right;padding-left:20px;height:auto;border-left:1px solid #ebebeb;margin-top:30px;}
.header .logo .date h2{font-size:20px;color:#6c757d;font-family: Rubik;line-height:20px;padding-bottom:5px;letter-spacing:1px;}
.header .logo .date h3{font-size:14px;color:#6c757d;font-family: 'OPPOSans-M';}



.flexslider {
	margin: 0px auto;
	position: relative;
	width: 100%;
	height: 600px;
	overflow: hidden;
	zoom: 1;
     
}
#banner{
    width:100%;
    position:relative;
}
#banner .text{position:absolute;top:0;left:50%;width:1400px;z-index:98;margin:200px 0 0 -700px;}

.flexslider .slides li {
	width: 100%;
	height: 100%;
}
.flex-direction-nav{width:100px;height:auto;position:absolute;top:200px;right:10%;z-index: 999;}
.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	display: block;	
	cursor: pointer;	
	-webkit-transition: all .3s ease;	
    font-family:'aliconfont';
    font-size:20px !important;text-align:center;
    color:#fff;border:2px solid #fff;border-radius:50%;margin-bottom:20px;
}
.flex-direction-nav li{width:100%;}
.flex-direction-nav .current{color:#fff;line-height:70px;font-size:20px;font-weight:normal;font-family: Rubik;margin-top:120px;}
.flex-direction-nav .current b{font-size:40px;}
.flex-direction-nav .flex-next {
	color:#fff;
}

.flex-direction-nav .flex-prev {
	color:#ecb016;
}



.flex-control-nav {
	position: absolute;
bottom:50px;
z-index: 10;
padding: 0px 0px;
line-height: 25px;
height: auto;
border-radius: 15px;
margin-left: -80px;
left:50%;
z-index:4;
width:150px;
}

.flex-control-nav li {
	margin: 0;
	display: inline-block;
	zoom: 1;
    width:15px;height:15px;border-radius:50%;box-sizing:border-box;float:left;background:#fff;margin:0 3px;
}

.flex-control-paging li a {
	display: block;
	width: 10px;
    height: 10px;
    margin-top: 4px;    
    font-size: 14px;
    margin-left: 4px;    
    text-align: center;  
    cursor: pointer;
border-radius: 50%;
background:#fff;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active {
	border:3px solid #fff;background:none;
}

/*.flexslider .slides a img {
	width: 2000px;
	height: 600px;
	display: block;
}*/
.flexslider .slides a{
    display:block;width:100%;height:600px;
}
.wrap{max-width:1400px;min-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;}

.icon *{transition-duration: 0.2s;}
.icon{width:100%;height:240px;background:#f9f9f9;margin-bottom:110px;}
.icon ul{display:block;max-width:1400px;min-width:1200px;margin:0 auto;}
.icon li{width:20%;float:left;text-align:center;padding-top:50px;position:relative;}
.icon li a{color:#383838;position:relative;z-index:9;}
.icon li span{font-family:aliconfont;font-size:70px;line-height:100px;}
.icon li p{font-size:22px;font-family: 'OPPOSans-M';}
.icon li.active i,.icon li:hover i{background:url(/Areas/Web/Images/icon-bg.png) no-repeat center top;width:226px;height:318px;position:absolute;left:50%;margin-left:-113px;top:-100px;z-index:5;animation: fadeIn 1s ease-out forwards;}
.icon li.active a,.icon li:hover a{color:#fff;}
.icon li.active span,.icon li:hover span{font-size:75px;}
.icon li:first-child img{position:absolute;top:0;left:40px;border-radius:50%;z-index:9;width:200px;height:auto;}

.about{max-width:1400px;min-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;padding-bottom:150px;}
.about .img{width:37%;float:left;}
.about .img video{width:100%;}
.about .info{width:58%;float:right;}
.about .info h2{font-size:26px;color:#010101;padding-bottom:15px;font-weight:bold;}
.about .info p{font-size:16px;color:#888;line-height:28px;padding-bottom:10px;font-family: 'OPPOSans-R';}
.about .info p b{font-size:28px;color:#0b0b0b;font-family: 'OPPOSans-M';}
.about .info ul{margin-top:60px;}
.about .info li{width:32.6%;float:left;margin-right:1%;background:#f5f5f5;box-sizing:border-box;padding:20px 0 0 20px;}
.about .info li:last-child{margin:0;}
.about .info li img{float:left;padding-right:15px;}
.about .info li p{font-size:15px;color:#666;line-height:24px;}

@media screen and (max-width:1400px){
    .about{padding:0 20px 120px 20px;}
    .wrap{padding:0 20px;}
}

.content1{width:1200px;margin:0 auto;height:auto;padding-bottom:30px;}
.content1 .gongyi{width:48%;float:left;}
.content1 .cangpin{width:48%;float:right;}
.content1 .title{position:relative;}
.content1 .title .more{position:absolute;top:18px;right:30px;color:#fff;font-size:14px;}
.articlelist * {    
    transition: .5s;
}
 .articlelist{padding-top:15px;}
 .articlelist li {
     width: 100%;
     height: auto;        
     transition: .5s;
     float: left;
     background: #fff;
     margin:0 0 10px 0;box-sizing:border-box;
 }
 .articlelist li:hover{background:#efefef;}
 .articlelist .img {
     width: 15%;
     float: left;
     height: auto;
     padding: 2px 0;
     height:86.3px;
     background:#eee;
     border-radius: 5px;
     overflow:hidden;vertical-align:middle;
 }

     .articlelist .img img {
         width: 100%;
         height:100%;
     }

 .articlelist .news-text {
     float: right;
     width: 81%;        
 }

        .articlelist .news-text a h4 {
            font-size: 16px;
            font-weight: normal;
            margin-top: 10px;
            margin-bottom: 8px;
            color: #58585e;
            line-height: 22px;
        }

        .articlelist .news-text a p {
            font-size: 14px;
            line-height: 18px;           
            width: 100%;
            overflow: hidden;
            color: #d4c5b1;
            font-family: "MONTSERRAT-REGULAR";
        }

.articlelist .news-text a p {
font-family: "MONTSERRAT-REGULAR";
 }

.articlelist .news-text a p span.shop {
    border:1px solid #d4c5b1;border-radius:5px;padding:0 5px;margin-right:15px;
}



.articlelist .news-text a p span {
    float: left;line-height:20px;
}
.articlelist .more{display:block;width:100%;line-height:40px;background:#eee;text-align:center;font-size:14px;color:#333;margin-top:10px;border-radius:5px;}
.articlelist .more:hover{background:#ffc756;}

.activity *{transition-duration: 0.3s;}
.activity{background:url(/Areas/Web/Images/active-bg.jpg) no-repeat center top #f8f8f8;padding:92px 0}
.activity .wrap{color:#fff;}
.activity h2{font-size:45px;font-family: 'OPPOSans-M';line-height:60px;font-weight:bold;}
.activity h3{font-size:27px;font-family: 'OPPOSans-M';text-transform:uppercase;font-weight:bold;}
.activity h4{font-size:24px;padding-top:45px;font-family: 'OPPOSans-M';}
.activity ul{}
.activity li{width:400px;float:left;height:527px;position:relative;margin:0 40px 0 0;border-radius:5px;overflow:hidden;background:#fff;}

.activity li .img{width:100%;height:227px;overflow:hidden;background:#000;}
.activity li img{width:100%;}
.activity li .info{padding:30px 40px;height:300px;width:100%;box-sizing:border-box;border-radius:30px;border-bottom-left-radius:0;border-bottom-right-radius:0;background:#fff;position:absolute;bottom:0;left:0;}
.activity li h1{color:#555;font-size:24px;padding:10px 0 0 0;color:#061e66;font-weight:bold;line-height:30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.activity li h5{font-size:18px;color:#eca518;font-family: 'OPPOSans-M';padding:3px 0 20px 0;}
.activity li p{transition-duration: 0.3s;font-size:14px;color:#888;margin-bottom:40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.activity li span{display:block;width:104px;line-height:26px;background:#e7f4fd;font-size:12px;color:#061e66;text-align:center;}
.Scroll{width:100%;height:auto;position:relative;margin-top:62px;}
.activity .list{width:100%;position:relative;}
.activity .list .shadow{width:262px;height:527px;background:url(/Areas/Web/Images/shadow.png) repeat-y right;position:absolute;right:0;top:0;z-index:9;}
.ScrollBox{width:3520px;position:relative;}

.activity li:hover{box-shadow:0 0px 20px rgba(0, 0, 0, 0.1);}
.activity li:hover .img img{opacity:0.7;}
.activity li:hover .info{height:400px;}

.microfiche-controls {display: block;text-align: center;font-size: 10px;padding: 5px 0px;position:absolute;bottom: -30px;z-index:10;width:100%;left:0;}
.microfiche-bullet {display: inline-block;cursor: pointer;width: 15px; height: 15px;border-radius: 50%;overflow: hidden;text-indent: -1000px;margin: 0 5px;border:1px solid #999;box-sizing:border-box;background:none;display:none;}
.microfiche-bullet.selected {border:none;background:#999;}
.microfiche-button {margin: 0 15px;width:70px;height:70px;line-height:70px;color:#575757;border:none;font-size:20px;font-family:'aliconfont';cursor:pointer;background:#fff;position:absolute;top:-335px;border-radius:50%;text-align:center;box-shadow:0 0px 15px rgba(0, 0, 0, 0.2);}
.microfiche-prev-button{left:-120px;}
.microfiche-next-button{right:20px;background:#336cff;color:#fff;}
.microfiche-button:hover{background:#333;}

@media screen and (max-width:1440px){
    .microfiche-prev-button{left:30px;}
}
.news *{transition-duration: 0.3s;}
.news{padding:100px 0;width:100%;background:#f9f9f9;}
.news .title{width:100%;padding-bottom:50px;}
.news .title .left{width:50%;float:left;}
.news .title .right{width:50%;float:right;}
.news .title h2{font-size:45px;font-family: 'OPPOSans-M';line-height:60px;color:#343434;font-weight:bold;}
.news .title h3{font-size:27px;font-family: 'OPPOSans-M';text-transform:uppercase;font-weight:bold;color:#d2d2d2;}
.news .title .more{display:block;width:193px;height:63px;text-align:center;line-height:63px;color:#fff;background:linear-gradient(to right,#2d7cff,#114ffc);font-size:20px;font-weight:bold;border-radius:10px;float:right;}
.news .title .more i{font-family:aliconfont;font-weight:normal;}
.news .title .more:hover i{padding-left:40px;}

.topnew{position: relative;overflow: auto;text-align: center;width:700px;height:428px;float:left;margin-right:50px;}
.topnew .dots{position:absolute;left:0;right:0;bottom:70px;z-index:3;}
.topnew .dots li{display:inline-block;width:10px;height:10px;margin:0 4px;text-indent:-999em;border:2px solid #fff;border-radius:6px;cursor:pointer;opacity:.4;-webkit-transition:background .5s,opacity .5s;-moz-transition:background .5s,opacity .5s;transition:background .5s,opacity .5s}
.topnew .dots li.active{background:#fff;opacity:1}
.topnew .arrow{position:absolute;width:20px;height:37px;top: 50%; margin-top: -18px; overflow: hidden;z-index: 2; -webkit-transition: all 0.5s; -moz-transition: all 0.5s;  -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;background:none;}
.topnew #al{left:15px}
.topnew #ar{right:15px}
.topnew ul{z-index: 1;width: 600%;overflow: hidden;}
.topnew ul .slider-item {width:700px; float: left;height:428px; position: relative; overflow: hidden;}
.topnew ul .slider-item .slider-title {position: absolute;left: 0;bottom: 0px;width: 700px;max-height: 56px;padding: 15px;text-align:left;line-height: 28px;color: #fff;font-size: 18px;font-weight: bold;background: -webkit-linear-gradient(top, transparent, rgba(0,0,0,0.9));background: url(../images/slider-info-bg.png) \9;}
.topnew .progress{position:absolute;left:0;bottom:0;width:15%;min-height:3px;overflow:hidden;z-index:2;background:#f60;padding:0;}

.news .list{}
.news .list li{width:100%;padding-bottom:29px;}
.news .list li img{width:188px;height:122px;float:left;padding-right:28px;}
.news .list li h1{font-size:20px;color:#555;font-family: 'OPPOSans-M';overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.news .list li p{font-size:14px;color:#999;font-family: 'OPPOSans-R';display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin:10px 0 15px 0;}
.news .list li h6{font-size:16px;color:#d4c5b1;font-family:Rubik;}
.news .list li:hover h1{color:#061e66;font-weight:bold;}

@-webkit-keyframes spin {
	from { transform: rotateY(0) }
	to { transform: rotateY(360deg) }
}
@-moz-keyframes spin {
	from { transform: rotateY(0) }
	to { transform: rotateY(360deg) }
}
@keyframes spin {
	from { transform: rotateY(0) }
	to { transform: rotateY(360deg) }
}

.cooperate{width:100%;height:600px;background:url(/Areas/Web/Images/cooperate-bg.jpg) no-repeat center top;box-sizing:border-box;padding:80px 0;}
.cooperate .title{width:50%;float:left;}
.cooperate .title h2{font-size:45px;font-family: 'OPPOSans-M';line-height:60px;color:#fff;font-weight:bold;}
.cooperate .title h3{font-size:27px;font-family: 'OPPOSans-M';text-transform:uppercase;font-weight:bold;color:#fff;}
.cooperate .titbar h4{font-size:30px;color:#fff;text-align:right;font-family: 'OPPOSans-M';display:block;float:right;width:30%;}
.cooperate ul{padding-top:60px;}
.cooperate li{width:16.6%;float:left;box-sizing:border-box;padding:0 8px 15px 8px;}
.cooperate li img{width:100%;}
.cooperate li:hover img{animation: spin 2s infinite;}

.video{width:44%;float:left;}
.video video{width:100%;}
.video .title,.history .title{width:100%;padding:70px 0 50px 0;}
.video .title h2,.history .title h2{font-size:40px;color:#343434;font-family: 'OPPOSans-M';line-height:90px;}
.video .title hr,.history .title hr{width:76px;height:7px;background:#ebad0c;border:none;}

.history{width:50%;float:right;}
.history li{width:50%;float:left;padding:0 20px 20px 0;box-sizing:border-box;}
.history li img{width:100%;}

#footer{background:#f3f3f3;font-family:Rubik;}
#footer-top{}
#code {
    padding: 0 0px 0 45px;
    width: 700px;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    box-sizing: border-box;
    font-family: 'OPPOSans-M';
}
#code .weixin{width:110px;float:left;text-align:center;padding-right:20px;}
#code .weixin img{width:100%;}
#code p {
	
}
#code h1 {
	font-weight:bold;font-size:16px;color:#333;padding:15px 0;
}
#footer-nav {
	width: 300px;	
    border-right:1px solid #e3e3e3;
}
    #footer-nav dl {
        font-family: 'OPPOSans-M';
    }
#footer-nav dl dt{font-size: 16px;color:#333;font-weight:bold;width:100%;padding-bottom:8px;}
#footer-nav dl dd{font-size:14px;line-height:32px;}
#footer-nav dl dd a{color:#666;}
#footer-nav dl:nth-child(1){width:180px;float: left;}
#footer-nav dl:nth-child(1) dd{width:50%;float:left;}
#footer-nav dl:nth-child(2){width:100px;float:left;}
#footer-nav dl:nth-child(2) dd{width:100%;}
#footer-nav li ul {
	padding-top: 14px;
}
#address {
	width: 270px;
    padding-top:25px;
}
#address li{width:100%;height:45px;border-radius:25px;margin-bottom:10px;font-size:15px;color:#666;line-height:45px;font-weight:bold;background:#fff;text-indent:20px;font-weight:normal;vertical-align:middle;}
#address li b{font-size:18px;}
#address li i{font-family:aliconfont;font-size:30px;color:#1250fc;}

#address p:nth-of-type(2){
	background-position-y: -70px;
	margin-top: 18px;
}

#footer-bottom {
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    background: #424242;
    font-size: 14px;
    color: #bbb;
    font-family: 'OPPOSans-R';
}
#footer-bottom a{
	color: #bbb;
}
#footer-bottom a:hover {
	color: orange;
}
#footer-bottom a:nth-of-type(1){
	margin: 0 28px;
}
#footer-bottom a:nth-of-type(2){
	margin-right: 8px;
}
#footer-bottom a:nth-of-type(3){
	margin-left: 4px;
}
#footer-top {
	height: 150px;
	padding: 40px 0 40px 0;	
	font-size: 14px;
	line-height: 22px;    
}


.sidebanner{height:400px;}
.sidebanner .text{width:80%;margin:0 auto;padding-top:140px;}

.container{width:100%;background:url(/Areas/Web/Images/content-bg.png) no-repeat bottom left fixed #fff;padding-bottom:100px;}
.container .content{width:1280px;margin:0 auto;}

.pathbar *{transition-duration: 0.3s;}
.pathbar{height: 80px;background:rgba(0,0,0,0.3);font-family: "Microsoft YaHei","微软雅黑",微软雅黑,arial,sans-serif,宋体;}
.pathbar .content{height: 80px;position: relative;width:1280px;}
.pathbar .path{float:left;height:100%;width:30%;}
.pathbar .path i{display:block;width:21px;height:100%;float:left;margin:0 10px;text-align:center;line-height:80px;font-size:16px;color:#fff;font-family: 'aliconfont';}
.pathbar .path a{font-family: 'OPPOSans-M';display: block;vertical-align: middle;color: #fff;line-height: 80px;height: 100%;margin:0;font-size:14px;float:left;}
.pathbar .subnav{float:right;height:100%;}
.pathbar .subnav li{transition-duration: 0.3s;float: left;height: 100%;line-height: 80px;color: #333;font-size:17px;font-family: 'OPPOSans-M';width:100px;text-align:center;position:relative;margin-left:10px;}
.pathbar .subnav li a{color: #fff;position:relative;z-index:10;}
.pathbar .subnav li i{display:block;width:0px;height:4px;position:absolute;bottom:0;left:10px;background:#eca518;z-index:9;opacity:0;width:0px;border-radius:5px;}
.pathbar .subnav li.on i,.pathbar .subnav li:hover i{opacity:1;width:80px;}

#about{padding:80px 0;}
#about .left{width:32%;float:left;margin-top:100px;background:#f9f9f9;box-sizing:border-box;padding:30px;}
#about .left img{width:100%;}
#about .left p{font-size:15px;font-family: 'OPPOSans-M';line-height:30px;color:#888;}
#about .left p b{color:#eca518;font-size:30px;font-family: 'OPPOSans-M';}

#about .info{width:65%;float:right;}
#about .info h1{font-size:30px;font-family: 'OPPOSans-M';color:#333;text-align:center;padding-bottom:30px;font-weight:bold;}
#about .info img{margin-bottom:10px !important;}

#organization{padding:80px 0;}
#organization h1{font-size:28px;color:#333;padding-bottom:28px;}
#organization p{font-size:14px;color:#888;line-height:24px;padding-bottom:15px;text-align:justify;}
#organization ul{padding:20px;}
#organization ul li{width:20%;float:left;box-sizing:border-box;}
#organization ul li h2{font-size:22px;color:#333;padding-bottom:25px;}

#Schedule{padding:80px 0;text-align:center;}
#Schedule img{width:50%;}

#map{padding:80px 0;text-align:center;}
#map img{width:80%;}

#history *{transition-duration: 0.3s;}
#history{padding:80px 0;}
#history li{width:100%;margin-bottom:30px;float:left;background:#fbfaf5;border-radius:10px;overflow:hidden;padding:30px;box-sizing:border-box;position:relative;}
#history li img{width:40%;float:left;padding-right:20px;float:left;}
#history li h1{color:#333;font-family: 'OPPOSans-M';font-size:24px;line-height:34px;padding:10px 0;}
#history li p{font-size:16px;color:#a3a3a3;font-family: 'OPPOSans-R';display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin:10px 0 15px 0;}
#history li div{width:120px;font-family: 'OPPOSans-M';line-height:30px;font-size: 16px;color: #eca518;position:absolute;left:42%;bottom:30px;text-align:left;}
#history li div i{font-family:aliconfont;}
#history li hr{position:absolute;bottom:0;right:0;height:4px;width:0;transition: all 600ms ease;background:linear-gradient(to right,#fbfaf5,#edad27);border:none;}
#history li:hover hr{width:100%;}
#history li:hover div i{padding-left:10px;}

#company{padding:80px 0;}
#company table{width:60%;margin:0 auto;margin-bottom:30px;}
#company table td{font-size:16px;color:#000;text-align:center;line-height:36px;font-family: 'OPPOSans-R';}
#company table tr:nth-child(even) td{background:#d7e3bc;}
#company table thead td{background:#9bbb59;color:#fff;font-weight:bold;font-size:18px;}

#guide{padding:80px 0;position:relative;}
#guide .left{width:77%;float:left;}
#guide .left img{max-width:100%;}
#guide .right{width:240px;float:right;/*background: linear-gradient(to right,#fbc76a,#ffac00);*/padding:30px 0 80px 0;border-radius:5px;position:absolute;top:80px;left:1040px;background: url(/Areas/Web/Images/cooperate-bg.jpg) no-repeat left bottom;background-size:auto 100%;z-index:99;}
#guide .right li{width:100%;text-align:center;line-height:35px;font-family: 'OPPOSans-M';box-sizing:border-box;font-size:16px;}
#guide .right li:hover{font-weight:bold;}
#guide .right li a{color:#fff;}
#guide .right.on{position:fixed;top:20px;}

#audience,#contact,#article,#aDeatil{padding:80px 0;}
#contact li{width:60%;border-bottom: 2px dashed #ddd;padding:30px 0;color: #807871;line-height: 26px;font-size:16px;}
#contact li h1{color:#f90;font-size:20px;font-family: 'OPPOSans-M';line-height:60px;}
#contact li h2{font-weight:bold;}
#contact li p{font-size:16px;}

#article{}
#article *{transition-duration: 0.3s;}
#article li{width:100%;padding:20px 0;float:left;position:relative;}
#article li .img{width:33%;height:227px;overflow:hidden;float:left;}
#article li img{width:100%;}
#article li .info{padding:0;box-sizing:border-box;border-radius:30px;border-bottom-left-radius:0;border-bottom-right-radius:0;background:#fff;width:62%;float:right;}
#article li h1{color:#555;font-size:24px;padding:10px 0 0 0;color:#061e66;font-weight:bold;line-height:30px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
#article li h5{font-size:18px;color:#eca518;font-family: 'OPPOSans-M';padding:3px 0 20px 0;}
#article li p{font-size:14px;color:#888;margin-bottom:40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
#article li span{display:block;width:104px;line-height:26px;background:#e7f4fd;font-size:12px;color:#061e66;text-align:center;}
#article li hr{position:absolute;bottom:20px;right:0;height:4px;width:0;transition: all 600ms ease;background:linear-gradient(to right,#fbfaf5,#edad27);border:none;}
#article li:hover hr{width:100%;}

.pagein{padding-top:30px;}

#aDeatil h1{font-size:26px;color:#333;font-family: 'OPPOSans-M';}
#aDeatil h2{font-family: 'OPPOSans-M';color:#eca518;font-size:14px;border-bottom:2px dashed #DDD;line-height:40px;margin-bottom:30px;}

.search-left .m2 .mt{ padding: 0 10px; line-height: 34px !important; border: 1px solid #f0f0f0 !important; border-bottom:none;background: #fff; border-bottom: none;}
.search-left .mt h2{ padding: 0; font-size: 14px; color: #515151;font-weight:bold !important;}
.search-left #sp-search .mc{ padding: 10px; font-size: 13px; color: #747474;}
.search-left #sp-search .sp-form-item1{ margin-top: 4px;}
.search-left #sp-search p{ margin-bottom: 8px; padding: 0;}
.search-left #sp-search p label{ width: 40px;}
.search-left #sp-search p.sp-form-item1 input{ width: 225px; height: 24px;}
.search-left #sp-search p.sp-form-item2 input{ height: 24px;}
.search-left .sp-form-item1 input,.product-left .sp-form-item2 input{ border-color: #E0E0E0; padding: 0 2px;}
.search-left .sp-form-item3{text-align:center;}
.search-left .sp-form-item3 input{ width: 80px; height: 24px; border: 1px solid #FB1438; background: #FB1438; border-radius: 2px; font-size: 13px; color: #fff; line-height: 24px; padding: 0;margin:0 auto;}
.search-left .m2 .mc{ border: 1px solid #f0f0f0 !important;}
.search-left .m{ margin-bottom: 20px;}
.search-left{width:250px;}

@font-face {
  font-family: 'iconfont';  /* Project id 3140152 */
  src: url('//at.alicdn.com/t/font_3140152_axj58piqkpu.woff2?t=1642728307499') format('woff2'),
       url('//at.alicdn.com/t/font_3140152_axj58piqkpu.woff?t=1642728307499') format('woff'),
       url('//at.alicdn.com/t/font_3140152_axj58piqkpu.ttf?t=1642728307499') format('truetype');
}

@font-face {
  font-family: 'aliconfont';  /* Project id 3616118 */
  src: url('//at.alicdn.com/t/c/font_3616118_w1jb71sd0sq.woff2?t=1662088995471') format('woff2'),
       url('//at.alicdn.com/t/c/font_3616118_w1jb71sd0sq.woff?t=1662088995471') format('woff'),
       url('//at.alicdn.com/t/c/font_3616118_w1jb71sd0sq.ttf?t=1662088995471') format('truetype');
}

    /* notifyModal */
.notifyModal {position:fixed;z-index:999999;background:rgba(255,255,255,0.5);opacity:0;cursor:pointer;transition:all 200ms ease}
.notifyModal.overlay {top:0;bottom:0;left:0;right:0}
.notifyModal.overlay.center {top:0;bottom:0}
.notifyModal.open {opacity:1}
.notifyModal.open .notifyModal_content {-webkit-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}
.notifyModal .notifyModal_content {position:absolute;background:#F9EDBE;width:250px;padding:40px 20px 20px 20px;margin:auto;border:1px solid #CAB388;text-align:center;box-shadow:0 2px 6px rgba(0, 0, 0, 0.3);transition:all 200ms ease;-webkit-transform:scale(0.95,0.95);-ms-transform:scale(0.95,0.95);transform:scale(0.95,0.95);font-family:sans-serif;font-size:14px;font-weight:initial;font-style:initial;color:initial;text-decoration:initial;text-transform:initial}
.notifyModal.leftTop {top:0;left:0}
.notifyModal.centerTop {top:0;left:0;right:0}
.notifyModal.rightTop {top:0;right:0}
.notifyModal.center {top:35%;bottom:auto;left:0;right:0}
.notifyModal.leftBottom {bottom:0;left:0}
.notifyModal.centerBottom {bottom:0;left:0;right:0}
.notifyModal.rightBottom {bottom:0;right:0}
.notifyModal.center .notifyModal_content {left:0;right:0;top:35%}
.notifyModal.leftTop .notifyModal_content {left:20px;top:20px}
.notifyModal.centerTop .notifyModal_content {left:0;right:0;top:20px}
.notifyModal.rightTop .notifyModal_content {right:20px;top:20px}
.notifyModal.leftBottom .notifyModal_content {left:20px;bottom:20px}
.notifyModal.centerBottom .notifyModal_content {left:0;right:0;bottom:20px}
.notifyModal.rightBottom .notifyModal_content {right:20px;bottom:20px}
.notifyModal .notifyModal_content .close {line-height:12px;font-size:25px;font-weight:bold;font-family:serif;position:absolute;right:8px;top:15px;color:#000;opacity:0.2;padding:0;cursor:pointer;background:transparent;border:0;outline:0}
.notifyModal .notifyModal_content .close:hover {opacity:1}
.notifyModal img{width:90%;}
.notifyModal p{font-size:14px;padding-top:15px;}
#notifyModal{font-family: 'aliconfont';float:right;border:none;background:none;}
#notifyModal i{font-size:14px;}
#onlineMessage{font-family: 'aliconfont';float:right;padding-right:15px;}

.tips{font-size:20px;font-family: 'OPPOSans-M';text-align:center;}