@charset "utf-8"; 
body{ color: #898d9f; padding-top: 190px; overflow-x: hidden; background-color: #f4f5fa;}
a {color: #898d9f; text-decoration: none;}
a:hover, a:focus, a:visited{ text-decoration: none;}
.btn-link{color: #898d9f;}
.btn-link:hover{color: #333;}

.text-danger{ color: #ed5466 !important;}
.text-danger:hover{ color: #843524 !important;}
.text-orange{ color: #ff7f00 !important;}
.text-orange:hover{ color: #f60 !important;}
.text-teal{ color: #2298a2 !important;}
.text-teal:hover{ color: #256e82 !important;}


/* error */
.content-box.error-group{ padding-top: 120px; background:#fff url(../image/error_bg.jpg) top center no-repeat; text-align: center;}
.error-group .error-code{ color: #ff7f00; font-size: 36px; line-height: 40px; font-weight: bold; font-family:Arial,Helvetica,sans-serif; text-shadow: 0 1px 0 #fff; text-indent: 10px;}
.error-group .error-text{color: #333; font-size: 24px; line-height: 30px; font-weight: bold; margin: 5px 0 50px; text-shadow: 0 1px 0 #fff; font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;}
.error-group .error-info{ font-weight:bold; line-height: 24px; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}

/* success */
.content-box.success-group{text-align: center; padding:0 0 30px;}
.content-box.success-group img{ max-width: 200px;}
.success-group .success-title{color: #2298a2; font-size: 22px; line-height: 30px; font-weight: bold; margin: 10px 0; text-shadow: 0 1px 0 #fff; font-family:Microsoft YaHei,Arial,Helvetica,sans-serif;}
.success-group .success-info{ font-size: 16px;  font-weight:bold; line-height: 30px; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}


/*header*/
.header { position:absolute; left: 0; top: 0; width: 100%; height: 190px; background-color: #fff; z-index: 3;}
.header .container{ position: relative; z-index: 5;}
.topmenu{ border-bottom: 1px solid #d9dbe5; height: 30px;}
.topmenu .welcome{ line-height: 30px; font-size: 12px;}

.topmenu .navbar-nav > li > a{ padding: 5px 15px; font-size: 12px; border-right: 1px solid transparent; border-left: 1px solid transparent;}
.topmenu .navbar-nav > li > a:hover, .topmenu .navbar-nav > li > a:focus{ background-color: transparent; text-decoration: underline; outline: none;}
.topmenu .navbar-nav > li::after{ content: "|"; position: absolute; right: 0; top: 0; line-height: 30px; color: #ccc; }
.topmenu .navbar-nav > li.login a{ padding-right: 0;}
.topmenu .navbar-nav > li:last-child::after, .topmenu .navbar-nav > li.login::after{ display: none;}
.topmenu .navbar-nav > li.dropdown:hover > a{background-color: #fff; border-color: #d9d9d9;z-index: 1001;}
.topmenu .navbar-nav > li.dropdown:hover > a .caret{transform: rotate(180deg);}
.topmenu .navbar-nav > li.dropdown:hover .dropdown-menu{ display: block;}

.topmenu li.user-type{ display: none;}

.mobile-link{ display: none;}

.topmenu .navbar-nav .open > a, .topmenu .navbar-nav .open > a:focus, .topmenu .navbar-nav .open > a:hover{ background-color: #fff; z-index: 1001; border-color: #d9d9d9; }
.topmenu .navbar-nav .dropdown .caret{ position: relative; transition: all 0.3s ease 0s;}
.topmenu .navbar-nav .dropdown.open .caret{ -webkit-transform: rotate(90deg); transform: rotate(180deg);}

.topmenu .navbar-nav .dropdown-menu{ border-top: 0;  min-width: 100%; padding: 5px;}
.topmenu .navbar-nav .dropdown-menu > li{ border-bottom: 1px solid #e0e0e0;}
.topmenu .navbar-nav .dropdown-menu > li:last-child{ border: 0;}
.topmenu .navbar-nav .dropdown-menu > li > a{ font-size: 12px; text-align: center; padding: 3px 10px; line-height: 20px; color: #666;}
.topmenu .navbar-nav .dropdown-menu > li > a:hover{color: #333; text-decoration: underline;}

.logo-group{ float: left;  width: 260px; margin-right: 40px; height: 120px; display: table;}
.logo-group a{ display: table-cell; text-align: center; vertical-align: middle;}
.logo-group a img{ max-width: 100%; max-height: 100%; vertical-align: middle;}

.search-group{ width: 600px; float: left; padding: 25px 0;}
.search-wrap{height: 70px; }
.search-wrap .search-box{ position: relative;}
.search-wrap .search-box .search-input{ height: 40px; border-width:2px; border-style: solid; padding: 3px 100px 3px 10px; line-height: 20px; font-size: 16px; background-color: #fff; width: 100%;}
.search-wrap .search-box .search-input:focus{ border-color: #ff3300; outline: none; box-shadow: none;}
.search-wrap .search-box .img-file{ display: none;}
.search-wrap .search-box .imageico{ cursor: pointer; line-height: 40px; position: absolute; right: 120px; top: 0; width: 40px; line-height: 40px; font-size: 20px; color: #999; text-align: center;}
.search-wrap .search-box .imageico:hover{ color: #ff7f00;}
.search-wrap .search-box .btn-search{ width: 100px; height: 40px; text-align: center; color: #fff; line-height: 40px; font-size: 16px; border: 0; position: absolute; right: 0; top: 0;}
.hot-keyword{ margin: 5px 0 0; line-height: 20px;}
.hot-keyword span{ padding: 0 3px;}
.hot-keyword span a{ text-decoration:underline;}

.search-wrap .nav-tabs{ border: 0;}
.search-wrap .nav-tabs>li{ margin: 0;}
.search-wrap .nav-tabs>li + li{ margin-left: 2px;}
.search-wrap .nav-tabs>li>a, .nav-tabs > li.active > a{border: 0; border-radius: 0; padding: 5px 15px;}
.search-wrap .nav-tabs>li>a:hover{ background-color:#eee; border: 0;}
.search-wrap .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color: #fff; border: 0;}

.cart-group{ width: 200px; float: right; padding: 25px 0;}
.cart-group .cart-box{ display: block; padding:10px 60px 10px 20px; position: relative; font-size: 14px; line-height: 25px;}
.cart-group .cart-box .icon{ position: absolute; right: 20px; line-height: 55px; top: 10px; font-size: 40px;}
.cart-group .cart-box .price{ font-size: 16px; display: block; font-weight: bold;}

.header.fixed-top{ position: fixed; width: 100%; height: 80px; left: 0; top: 0; padding: 5px 0; background-color:rgba(255,255,255,0.9); z-index: 10;}
.header.fixed-top .fixed-hidden{ display: none;}
.header.fixed-top .logo-group{ height: 70px;}
.header.fixed-top .search-group, .header.fixed-top .cart-group{ padding: 0;}

.header .menu{ height: 40px;}
.header .site-menu li a, .header .site-menu li a:focus, .header .site-menu li a:visited { font-size: 16px; line-height: 30px; padding: 5px 25px; transition: all 0.5s ease 0s; letter-spacing: 3px; }
.header .site-menu li.active a{ font-weight: bold;}
.header .site-menu li a:hover{background-color:#eee;}
.header .site-menu > li + li{ margin-left: 1px;}
.menu-badge{ position: relative; top: -10px; margin-left: 5px; font-size: 10px; border-radius: 3px; margin-right: -20px; z-index: 1;}
.menu-badge::before{ content: ""; width: 0; height: 0;  border-bottom: 6px solid #eee; border-left: 8px solid transparent; position: absolute; left: -5px; bottom: 0;}

.all-product{ width: 260px; float: left; margin-right: 40px;}
.all-product .category-link{ display: block; background-color:#f8f8f8; text-align: center; line-height: 40px; font-size: 16px; font-weight: bold;}
.all-product .category-link:hover{ text-decoration: none; }
.all-product .category-link .arrow{ margin-left: 5px;}
.all-product .category-link .arrow::before{content: "\e259"; font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1; font-size: 12px;}
.all-product .product-category{ visibility: hidden; border-top:1px solid #eff1f9; background-color: #fff; opacity: 0;  width: 100vw; left: 50%; margin-left: -50vw; margin-top: -1px; position: absolute; z-index: 6; -webkit-transition-property: opacity,transform,visibility; transition-property: opacity,transform,visibility;-webkit-transition-duration: .3s,.3s,.2s;transition-duration: .3s,.3s,.2s;-webkit-transition-delay: .2s;transition-delay: .2s;-webkit-transition-timing-function: cubic-bezier(.68,-.55,.265,1.55); transition-timing-function: cubic-bezier(.68,-.55,.265,1.55);}
.all-product.opened .product-category, .all-product.active .product-category{ visibility: visible; opacity: 1;}
.all-product.opened .category-link{background-color:#eee;}
.all-product.opened .category-link .arrow::before{ content: "\e260";}

.cateory-list{ position: relative;}
.all-product .product-category .nav{ width: 260px; background-color: #eee; position: absolute; left: 0; top: 0; height: 100%;}
.all-product .product-category .nav > li + li{ border-top: 1px  solid #fff;}
.all-product .product-category .nav > li > a{ line-height: 20px; font-size: 15px; font-weight: bold; padding-right: 20px;}
.all-product .product-category .nav > li::after{ position: absolute; right: 10px; top: 50%; margin-top: -5px; content: "\e258"; font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1; font-size: 12px;}
.all-product .product-category .nav > li > a:hover, .all-product .product-category .nav > li.active a{ background-color: #fff;}

.sub-cateory-container{ padding-left: 260px;}
.sub-cateory-container .tab-pane{ padding: 20px; overflow-x: hidden ; overflow-y: auto; height: 500px;}

.sub-cateory-container ul{ margin: 0; padding: 0; list-style: none;}
.sub-cateory-container ul + ul { margin-top: 20px;}
.sub-cateory-container li{ display: inline-block; font-size: 12px;}
.sub-cateory-container li a{ line-height: 20px; padding: 0 5px;}
.sub-cateory-container li.title{ display: block; font-size: 14px; font-weight: bold; margin-bottom: 5px;}
.sub-cateory-container li.title .arrow::before{ content: "\e258"; font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1; font-size: 12px;}

/* sidemenu */
.aside-menu{ position: fixed; top: 0; right: 0; width: 40px;height: 100%; background-color: #fff; z-index: 99;}
.aside-menu > ul{ position: relative; top: 50%; transform:translateY(-50%); padding: 0; list-style: none;}
.aside-menu > ul > li{ display: block; position: relative;}
.aside-menu > ul > li + li{ border-top: 1px solid #e3e3e3;}
.aside-menu > ul > li > a{ display: block; text-align: center; line-height: 16px; padding: 15px 0; background-color: #fff; position: relative; z-index: 1;}
.aside-menu li a .icon{ display: block; width: 26px; height: 26px; margin: 0 auto 5px; background-image: url(../image/sidebar-icons.png); background-repeat: no-repeat;}
.aside-menu li ul{ visibility: hidden; opacity: 0; top: 0; list-style: none; width: 180px; padding: 0; right: -200px; background-color: #fff; border-radius: 5px 0 0 5px; box-shadow: 0 0 5px rgba(0,0,0,0.15);  position: absolute; transition:all 0.3s;  border-right: 1px solid #e3e3e3;}
.aside-menu li:hover ul{ visibility: visible; opacity: 1;  right: 40px;}
.aside-menu li li{ line-height: 20px; padding: 10px;}
.aside-menu li + li{ border-top:1px solid #e3e3e3;}

.aside-menu li.contact .icon{ background-position: -52px 0;}
.aside-menu li.contact ul{ width: 280px; text-align: center;}
.aside-menu li.contact .phone{ display: block; line-height: 60px; margin-bottom: 5px; font-weight: bold; font-size: 30px; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif;}
.aside-menu li.qq .icon{ background-position: 0 0;}
.aside-menu li.qq li img{ width: 24px;}
.aside-menu li.mail .icon{ background-position:-26px 0;}
.aside-menu li.mail li strong{ display: block;}
.aside-menu li.qr .icon{ background-position: -78px 0;}
.aside-menu li.qr li img{ width: 100%;}
.aside-menu li.gotop .icon{ background-position: -104px 0;}


.aside-menu li.sale .icon{ background-position: -130px 0; height: 48px;}
.aside-menu li.sale ul{ width: 250px; overflow: hidden;}
.aside-menu li.sale li{ padding: 0;}
.aside-menu li.sale li img{ width: 100%;}

/* footer */
.footer{ padding-top: 20px; padding-bottom: 30px; background-color: #fff;}
.footer-nav{ padding: 30px 200px 0 0;  list-style: none; position: relative; min-height: 160px;}
.footer-nav .qr-group{ position: absolute; right: 0; top: 0; width: 140px; text-align: center;}
.footer-nav .qr-group img{ width: 100%;}
.footer-nav .qr-group .text-theme{ display: block; font-weight: bold; font-weight: bold; font-size: 15px;}

/*.footer-nav .links{ margin: 0 -10px;}*/
.footer-nav .links::after{ content: ""; clear: both; display: table; height: 0; width: 100%;}
.footer-nav .links ul{ float: left; width: 20%; padding: 0 10px; box-sizing:border-box; margin: 0; list-style: none;}
.footer-nav li.title { position: relative; margin-bottom: 10px;}
.footer-nav li.title::before{ content: ""; position: absolute; height: 1px; width: 100%; left: 0; bottom: 0; background-color: #d9dbe5;}
.footer-nav li.title h4{ border-width:0 0 1px; line-height: 40px; border-style: solid; display: inline-block; font-size: 16px; font-weight: bold; letter-spacing: 1px; margin: 0; position: relative; z-index: 1; padding: 0 5px;}
.footer-nav li{ line-height: 30px;}
.footer-nav li a{ line-height: 30px; display: block; padding: 0 5px;}


.link-item .item{ line-height: 30px; padding: 0 30px 0 20px; font-size: 16px; display: inline-block; position: relative;}
.link-item .item::after{ content: "|"; position: absolute; right: 0; top: 0; color: #d9dbe5;}
.link-item .item:first-child{ padding-left: 0;}
.link-item .item:last-child::after{ display: none;}

.copyright{ line-height: 20px;  padding-top: 20px; border-top: 1px solid #d9dbe5; margin-top: 20px;}
.copyright a{ text-decoration: underline;}

.varchar{ text-align: right;}
.varchar img{ vertical-align: middle; padding-right: 5px;}


/*================== index content================== */
.banner-content{background-color: #fff; padding-bottom: 60px;}
/*banner*/
.main-banner{ position:relative;  background: #eee url(../images/preload.gif) center center no-repeat; overflow: hidden;}
.main-banner .owl-item{float: left; }
.main-banner .item .photo, .main-banner .item .photo img{ width: 100%;}
.main-banner .item .container{position: relative; height: 100%;}
.main-banner .item .content{position: absolute; left: 0; top:0;  width: 100%; height: 100%;}
.main-banner .item .info{ color: #fff; font-size: 20px; line-height: 30px; padding: 20px; background-color: rgba(0,0,0,0.35); position: relative; top: 50%; transform:translateY(-50%); width: 60%;}
.main-banner .owl-controls{ display: block;}
.owl-pagination { opacity: 1; display: inline-block;}
.owl-page span {display: block;width: 40px; height: 12px; margin: 0px 5px; filter: alpha(opacity=50); opacity: 0.5; background: #fff; border: 1px solid #fff;}

/*new technology*/
.technology{ position: relative; height: 140px; margin-top: 40px; background-color: #fff; margin-bottom: 40px;}
.technology-title{ position: absolute; width: 140px; height: 120px; left: 10px; top: 10px; background: url(../image/technology-bg.jpg) center center no-repeat; background-size: cover;}
.technology-title .text{ display: block; z-index: 1; position: relative; color: #fff; font-weight: bold; font-size: 30px; font-family:Microsoft JhengHei,Arial,Helvetica,sans-serif; text-align: center; line-height: 40px; padding: 20px 0;}
.technology-title .mask{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.75;}
.technology-slideshow{ padding: 10px 5px;  position: relative;}
.slider-prev, .slider-next{color:#fff; width: 35px; text-align:center; font-size:24px; height:50px; position: absolute; display:block; line-height:50px; top: 50%; transform:translateY(-50%); opacity: 0.35; transition: opacity 0.4s; background-color: rgba(0,0,0,0.85); z-index: 2;}
.slider-prev:hover,.slider-next:hover {color:#fff; text-decoration: none; opacity: 0.85;}
.technology .slider-prev {left:0;}
.technology .slider-next {right:0;}
.technology-slideshow ul{ list-style:none; margin:0; padding:0;}
.technology-slideshow li{ height:120px; text-align:center; width:33.3%; float: left; }
.technology-slideshow li a{ display:block; margin: 0 5px; height:120px; background-color: #f8f8f8; background-position:center; background-repeat:no-repeat; background-size: cover;}

/*brand*/
.main-group{ clear: both;}
.main-group::after{display:table; content: ""; clear: both; height: 0;}
.main-group-title{ position: relative; padding: 20px 15px; line-height: 30px; border-bottom: 1px solid #f4f4f4;}
.main-group-title .title{ font-weight: bold; font-size:18px; margin: 0;  line-height: 30px;}
.main-group-title .readmore{ position: absolute; top: 20px; right: 15px;}

.main-brand{ width: 820px; float: left; }
.brand-slider{ position: relative; overflow: hidden;}
.brand-slideshow ul{ list-style: none; padding: 0; margin: 0;}
.brand-slideshow li{ float: left; height: 200px; overflow: hidden; width: 820px;}
.brand-slideshow li::after{ content: ""; display: table; clear: both; width: 100%;}
.brand-slideshow li .item{ display:table; width: 205px; float: left; position: relative; box-sizing: border-box; background: #fff; position: relative; height: 100px; border-right: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;}
.brand-slideshow li .item:nth-child(5n){ border-right: 0;}
.brand-slideshow li .item:nth-child(n + 6){ border-bottom: 0;}
.brand-slideshow li .item img{ vertical-align: middle; max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; left: 50%; top: 50%; transform:translate(-50%, -50%);}
.brand-slideshow li .item .bg-theme{ opacity: 0; text-align: center; position: absolute; width: 100%; height: 100%; display: table-cell; vertical-align: middle;  color: #fff; transition:opacity 0.3s; padding: 20px 10px; line-height: 30px; box-sizing: border-box; font-size: 16px; font-weight: bold;}
.brand-slideshow li .item:hover .bg-theme{ opacity: 0.85;}

.brand-slider .slider-prev{left: 0}
.brand-slider .slider-next{ right: 0;}

/*news*/
.main-news{ width: 280px; float: right;}
.news-group{ height: 200px; overflow: hidden;}
.news-group ul{ padding: 10px; list-style: none;}
.news-group li + li{ margin-top: 5px;}
.news-group li a{ padding-left: 20px; line-height: 18px; position: relative; display: block;}
.news-group li a::before{content: "\e250"; font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1; font-size: 12px; position: absolute; left: 5px; top: 0; line-height: 20px; transform: scale(0.5);}
.news-group li a .menu-badge{ top: -3px;}

/*about us*/
.main-aboutus{background-position: center top; background-repeat: no-repeat; color: #fff; padding: 80px 0; position: relative; text-align: center;-webkit-filter:grayscale(30%);
	filter: grayscale(30%); min-height: 360px; background-attachment: fixed;}
.main-aboutus .container{ position: relative; z-index: 1;}
.main-aboutus::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.3) url(../image/videooverlay.png) repeat;}
.main-aboutus h3{ font-size: 40px; line-height: 80px; font-weight: bold;}
.main-aboutus p{ line-height: 50px; font-size: 24px; font-weight: bold;}
.btn-light{ border-radius:0 ; border: 2px solid #fff; background-color: transparent; color: #fff !important;}
.main-aboutus .btn-light{ padding: 15px 70px; line-height: 30px; font-weight: bold; font-size: 20px; margin-top: 30px; }
.btn-light:hover{ color: #fff;}
.dynamic-bg{ position: relative; background:none; overflow:hidden;}
.dynamic-bg .front{position: relative; z-index:2;}
.dynamic-bg::before, .dynamic-bg::after{bottom: 100%; width: 100%; content: ""; height:100%; left: 0; position: absolute;  z-index:1;}
.dynamic-bg::before{ opacity: 0.65; transition:all 0.3s ease 0s;}
.dynamic-bg::after{ opacity: 0.95; transition:all 0.4s ease 0.2s;}
.dynamic-bg:hover::before, .dynamic-bg:hover::after{ bottom:0;}


.main-product{ padding: 60px 0;}
.main-product .main-title{ text-align: center}
.main-product .main-title h3{font-weight: bold; line-height: 50px; font-size: 30px; margin: 0; display: inline-block; padding: 0 20px; position: relative;}
.main-product .main-title h3::before, .main-product .main-title h3::after{ content: ""; height: 1px; width: 100px; background-color: #898d9f; position: absolute; top: 50%; transform: translateY(-50%);}
.main-product .main-title h3::before{ left: -100px;}
.main-product .main-title h3::after{ right: -100px;}

.main-product-group{ padding: 10px;margin-top: 30px; background-color: #fff;}
.main-product-group .main-group-title{ color: #fff; margin-bottom: 10px; padding: 10px 15px; border: 0; background-color: #898d9f;}
.main-product-group .main-group-title .readmore{ color: #fff; top: 10px;}
.main-product-group .main-group-title .readmore:hover{ text-decoration: underline;}

.main-product-list::after{content: ""; display: table; clear: both; width: 100%; }
.main-product-list{ display: -webkit-flex; display: flex; flex-flow: row wrap; align-items:stretch;  flex-direction: column; height: 320px;}
.main-product-list .group-photo{ display: -webkit-box; display: box; width: 20%; height: 100%; background-color: #eee; position: relative; overflow: hidden;}
.main-product-list .group-photo .photo{  background-position: center center; background-repeat: no-repeat; position: absolute; width: 100%; height: 100%; left: 0; right: 0;transition: 0.5s ease 0s; }
.main-product-list .group-photo:hover .photo{ -webkit-transform: scale(1.2) rotate(5deg); transform: scale(1.2) rotate(5deg);}
.main-product-list .group-photo .image-mask{ position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; padding: 10px; z-index: 1;}
.main-product-list .group-photo .image-mask::before{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0.5;}
.main-product-list .group-photo:hover .image-mask::before{ opacity: 0.8;}
.main-product-list .group-photo .image-mask .title{ margin: 0; position: relative; z-index: 1;  color: #fff; line-height: 30px; font-size: 20px; text-shadow: 0 0 5px rgba(0,0,0,0.35); font-weight: bold;}

.main-product-list .product-item{  display: -webkit-box; height: 100%; width: 30%; }
.main-product-list .product-item ul{padding: 0; margin: 0; list-style: none; width: 100%; display: -webkit-flex; display: flex; flex-wrap: wrap;}
.main-product-list .product-item li{display: -webkit-box; display: box;  box-sizing: border-box; width: 50%; height: 160px; overflow: hidden; border-color: #d9dbe5; border-style: dashed;}
.main-product-list .product-item ul li:nth-child(1){ border-width:0 1px 1px 0;}
.main-product-list .product-item ul li:nth-child(2){ border-width:0 0 1px 0;}
.main-product-list .product-item ul li:nth-child(3){ border-width:0 1px 0 0;}
.main-product-list .product-item ul li:nth-child(4){ border-width:0;}

.main-product-list .product-item li .item{ display: block; padding: 5px 10px;}
.main-product-list .product-item li .photo{ width: 90px; height: 90px; margin: 0 auto 5px;  text-align: center; }
.main-product-list .product-item li .photo span{ display: inline-block; height: 100%; vertical-align: middle;}
.main-product-list .product-item li .photo img{ max-width: 100%; max-height: 100%;  vertical-align: middle;}
.main-product-list .product-item li .name{ line-height: 18px; height: 36px; display: block; overflow: hidden;} 
.main-product-list .product-item li .price{ font-weight: bold;}

.main-product .main-product-group:nth-child(7n+2) .main-group-title{ background-color: #3067ba;}
.main-product .main-product-group:nth-child(7n+2) .image-mask::before{ background-color: #3067ba; }
.main-product .main-product-group:nth-child(7n+3) .main-group-title{ background-color: #d333b0;}
.main-product .main-product-group:nth-child(7n+3) .image-mask::before{ background-color: #d333b0;}
.main-product .main-product-group:nth-child(7n+4) .main-group-title{ background-color: #e3150a;}
.main-product .main-product-group:nth-child(7n+4) .image-mask::before{ background-color: #e3150a; }
.main-product .main-product-group:nth-child(7n+5) .main-group-title{ background-color: #48babe;}
.main-product .main-product-group:nth-child(7n+5) .image-mask::before{ background-color: #48babe; }
.main-product .main-product-group:nth-child(7n+6) .main-group-title{ background-color: #f65222;}
.main-product .main-product-group:nth-child(7n+6) .image-mask::before{ background-color: #f65222; }
.main-product .main-product-group:nth-child(7n+7) .main-group-title{ background-color: #c6a435;}
.main-product .main-product-group:nth-child(7n+7) .image-mask::before{ background-color: #c6a435;}
.main-product .main-product-group:nth-child(7n+8) .main-group-title{ background-color: #200cab;}
.main-product .main-product-group:nth-child(7n+8) .image-mask::before{ background-color: #200cab;}


/*aptitude*/
.main-aptitude{background-position: center top; background-repeat: no-repeat; background-size: cover; color: #fff; padding: 120px 0; position: relative; text-align: center;}
.main-aptitude .container{ position: relative; z-index: 1;}
.main-aptitude::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.65) url(../image/videooverlay.png) repeat;}
.main-aptitude .icon{ border: 2px solid #fff; text-align: center; width: 120px; height: 120px; margin: 0 auto; border-radius: 50%; box-sizing: border-box;}
.main-aptitude .icon span{ display: inline-block; vertical-align: middle; height: 100%;}
.main-aptitude .title{ text-align: center; color: #fff; font-size: 24px; line-height: 40px; font-weight: bold;}

/* ================== inner page ======================== */
.pagecontent{ padding: 0 0 40px;}
.content-box{ padding: 20px 20px 30px; background-color: #fff; min-height: 200px;}
.content-box + .content-box{ margin-top: 30px;}
.panel-loading{height: 40px; margin: 20px 0; position: relative; text-align: center; display: none;}
.panel-loading .loading-text{ display: inline-block; padding: 0 15px 0 70px; background: #fff url("../image/img_load2.gif") 15px center no-repeat; color: #999; font-weight: bold; font-size: 16px; font-family: Microsoft JhengHei, Arial, Helvetica, sans-serif; line-height: 40px; position: relative;z-index: 1;}
.panel-loading::before{ content: ""; width: 100%; background-color: #e0e0e0; left: 0; height: 1px; position: absolute; top: 50%; margin-top: -2px;}
.panel-loading::after{ content: ""; width: 100%; background-color: #e0e0e0;left: 0; height: 1px; position: absolute; bottom: 50%; margin-bottom: -2px;}

.navigation{ margin-bottom: 30px;}
.breadcrumb{ padding: 15px 0; line-height: 20px; margin: 0 0 20px; border-radius: 0; color: #fff; background-color: transparent; margin: 0;}
.breadcrumb li a{color: #fff; }
.breadcrumb li.active{color: #fff;}

.htmledit{ line-height: 150%;}
.htmledit img{ max-width: 100%;}

.leftmenu{ width: 260px; float: left; background-color: #fff;}
.leftmenu h3.title{ font-weight: bold; font-size: 20px; line-height: 30px; padding:15px 20px; margin: 0;}
.leftmenu ul{ padding: 0; margin: 0; list-style: none;}
.leftmenu li{ border-top: 1px solid #d9dbe5; position: relative;}
.leftmenu li a{ padding: 10px 20px; line-height: 24px; display: block; font-size: 15px; position: relative; z-index: 1;}
.leftmenu li::before{ width: 0; height: 100%; background-color: #f8f8f8; height: 100%; content: ""; position: absolute; left: 0; top: 0; transition: all 0.3s ease 0s;}
.leftmenu li:hover::before{ width: 100%;}
.leftmenu li.active > a{ font-weight: bold;}

.leftmenu + .content-box{ float: right; width: 850px;}

/* about */
.page-title{ margin-bottom: 30px; margin-top: 10px; position: relative;}
.page-title::before{ content: ""; height: 1px; background-color: #d9dbe5; width: 100%; left: 0; bottom: 0; position: absolute;}
.page-title .title{ font-size: 22px;  line-height: 30px; display: inline-block; padding-bottom: 5px; border-width:0 0 1px; border-style:solid; margin: 0; font-weight: bold; position: relative;}
.page-title .option{ position: absolute; right: 0; top: 0; padding: 0;}

/* brand */
.brand-group{ text-align: center; margin-bottom: 20px; padding: 20px 0;}
.brand-group .title{ position: relative; font-weight: bold; display: inline-block; line-height: 40px; font-size: 28px; margin: 0; padding: 0 20px;}
.brand-group .title::before, .brand-group .title::after{content: ""; height: 2px; background-color: #d9dbe5; width: 100px; position: absolute;  top: 50%; transform: translateY(-50%);}
.brand-group .title::before{left: -100px;}
.brand-group .title::after{right: -100px;}
.brand-group ul{ padding: 0; margin: 20px 0 0; list-style: none;  display: -webkit-flex; display: flex; flex-wrap: wrap;}
.brand-group li{display: -webkit-box; display: box; width: 16.6%; box-sizing:border-box; padding: 10px 15px 35px; transition: all 0.3s ease 0s; border: 1px solid #d9dbe5; margin: -1px 0 0 -1px; background-color: #fff;}
.brand-group li:hover{ z-index: 1; transform: scale(1.1); left: -5%; top: -5px; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.15); box-shadow: 0 0 15px rgba(0,0,0,0.15);}

.brand-group li a{ display:block; width: 100%; height:60px; text-align: center; position: relative; }
.brand-group li a img{ max-width: 100%; max-height: 60px;}
.brand-group li a .brand-name{ position: absolute; display: block; left: 0; width: 100%; line-height: 20px; bottom: -20px; text-align: center;}


/* register */
.ps-letter{ margin-top: 5px; clear: both; height: 14px;}
.ps-letter .letter-group{border-right: 1px #fff solid; font-size: 12px; color: #fff; display: inline-block; float: left; height: 14px; line-height: 14px !important; text-align: center;width: 33.3%; background: #ccc;}
.ps-letter .letter-group.low{ background-color: #ff7f00;}
.ps-letter .letter-group.medium{ background-color: #337ab7;}
.ps-letter .letter-group.strong{ background-color: #85b716;}

.agreement-link{ display: inline-block; padding-left: 5px; padding-top: 7px; text-decoration: underline;}

/* crumbs */
.crumbs {text-align: center; margin-bottom:10px;}
.crumbs ul {list-style:none;display:inline-table; padding:0;}
.crumbs ul li {display: inline;}
.crumbs ul li a{display: block;float: left;height:34px; line-height:24px; background:#e0e0e0; text-align: center; padding:5px 90px 5px 90px;position: relative;margin: 0 5px 0 0;text-decoration: none; color:#6a6a6a; font-size:1.1em; font-weight:bold;}
.crumbs ul li a:after {content:"";  border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:17px solid #e0e0e0;position: absolute; right:-16px; top: 0;z-index: 1;}
.crumbs ul li a:before {content: "";  border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:17px solid #fff;position: absolute; left: 0; top: 0;}
.crumbs ul li:first-child a {border-top-left-radius:4px; border-bottom-left-radius: 4px;}
.crumbs ul li:first-child a:before {display: none; }
.crumbs ul li:last-child a {border-top-right-radius:4px; border-bottom-right-radius:4px;}
.crumbs ul li:last-child a:after {display: none; }
.crumbs ul li a:hover {background:#d9d9d9; }
.crumbs ul li a:hover:after {border-left-color:#d9d9d9;}
.crumbs ul li.active a{ background:#ff7f00; color:#fff;}
.crumbs ul li.active a:after{border-left-color:#ff7f00; }
.crumbs.nolink ul li a{ cursor:default;}


.crumbs.table-block ul{ display: table; width: 100%;}
.crumbs.table-block ul li{ display: table-cell;}
.crumbs.table-block ul li a{ float:inherit;}

/* data */
.data-group ul{display: -webkit-flex; display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: -15px;}
.data-group li{display: -webkit-box; display: box; width: 16.6%; box-sizing:border-box; padding: 15px;}
.data-group li .data-item{display: block; width: 100%; background-color: #fff; padding: 9px; border:1px solid transparent; -webkit-box-shadow: 0 2px 6px 0 rgba(69,73,91,.18); box-shadow: 0 2px 6px 0 rgba(69,73,91,.18); text-align: center;}
.data-group li .data-item .photo{ display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; margin-bottom: 10px;}
.data-group li .data-item .photo img{max-width: 100%; max-height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.data-group li .data-item .data-name{ display: block; overflow:hidden;  }
.data-group li .data-item .btnp-download{ margin-top: 10px;}
.data-group li .data-item:hover{ border-color:#ccc ;}

.data-group.data-type li{width: 25%; }
.data-group.data-type li .photo{padding-bottom: 140%; background-color: #f8f8f8;}
.data-group.data-type li .data-name{font-size: 16px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; }


.data-group.cateory-type li .data-item{ height: 254px;}
.data-group.cateory-type li{width: 16.6%; }
.data-group.cateory-type li .data-item .data-name{ line-height: 18px; height: 72px; text-align: center;}

.page-pagination{ margin-top: 40px; text-align: center;}
.page-pagination .pagination { margin: 0;}
.page-pagination .pagination li a{ border-radius: 0;}

/* filter */
.filter-group .filter-item {position: relative; padding-left: 80px;}
.filter-group .filter-item + .filter-item{ margin-top: 20px;}
.filter-group .filter-item .title{ display: inline-block; line-height: 38px; font-weight: bold; color: #999; margin-right: 10px; position: absolute; left: 0; top: 0;}
.filter-group .filter-item .btn.focus{ outline: 0;}
.filter-group .filter-item .btn{padding: 8px 15px; margin-top: -1px;}
.filter-group .filter-item .btn:first-child{margin-left: -1px;}
.filter-group .filter-item .btn.active{background:#fff; -webkit-transition: none; transition: none; z-index: 3; position: relative; overflow: hidden; }
.filter-group .filter-item .btn.active::before{ content: ""; height: 30px; width: 30px; position: absolute; right: -16px; bottom: -16px; transform: rotate(45deg); background-color: #e3150a; z-index: 1;}
.filter-group .filter-item .btn.active::after{ content: "\e013"; font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1; font-size: 12px; z-index: 1; color: #fff; position: absolute; right: -1px; bottom: -1px;}
.filter-group .filter-item .input-group{ display: inline-table; vertical-align: middle;}
.filter-group .filter-item .input-group .form-control{ width: 260px;}
.filter-group .filter-item .input-group .form-control, .filter-group .filter-item .input-group .input-group-btn .btn{ border-radius: 0;}
.filter-group .float-info{ margin-right: 15px; float: right; font-size: 12px; line-height: 20px; margin-top: 5px; padding:0 5px; color: #999; background-color: #f0f0f0; display: inline-block; border-radius: 2px;}


/* cateory */
.cateory-info{ margin-bottom: 20px;}
.cateory-info .title{ line-height: 30px; font-weight: bold; font-size: 18px; color: #333; margin: 0 0 10px;}
.cateory-info .info{ line-height: 24px;}
.cateory-info .photo{ display: block; text-align: center; padding:5px;}
.cateory-info .photo img{ max-width: 100%;}
.cateory-info .photo:hover{-webkit-box-shadow: 0 2px 6px 0 rgba(69,73,91,.18); box-shadow: 0 2px 6px 0 rgba(69,73,91,.18);}

.product-table{ margin-top: 10px;}
.table .photo{ width: 42px; height: 42px; display: block; margin: 0 auto; border: 1px solid #ccc; text-align: center; vertical-align: middle;}
.table .photo:hover{ border-color:#ff7f00;}
.table .photo span{ height: 100%; vertical-align: middle; display: inline-block;}
.table .photo img{ max-width: 100%; max-height: 100%; vertical-align: middle;}
.table .tow-line{ line-height: 20px; max-height: 40px; overflow: hidden; display: block;}


/* product detail */
.zoomDiv {z-index:999;position: absolute;top:0; left:0;width:400px;height:400px;background:#fff;border:1px solid #e0e0e0;display:none;text-align: center;overflow:hidden; margin:-5px 0 0 3px;}
.zoomMask { position:absolute;background:rgba(254,222,79,0.5);cursor:move;z-index:1;}

.product-header{ position: relative; min-height: 430px; padding-left: 340px;}
.product-header::before, .product-header::after{ content: ""; display: table; height: 0; width: 100%;}
.product-header .large-photo{ width: 320px; height:320px; display: table; position: absolute; left: 0; top: 0; border:1px solid #e0e0e0;}
.product-header .large-photo .preview{ width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; overflow: hidden;}
.product-header .large-photo img{ max-height: 320px; max-width: 100%;}

.item-box{margin-bottom: 15px; padding-bottom: 5px; border-bottom:1px solid #e0e0e0; padding-right:250px; position: relative;}
.item-name{ font:20px Arial,"microsoft yahei"; color: #333; line-height: 40px;  margin: 0;}
.item-category{ line-height: 20px; color: #7a7a7a; font-size: 12px; margin-top: 5px; font-family: "arial, helvetica, sans-serif";}
.item-group{ position: absolute; right: 0; top: 0;}

.product-info .property-panel{clear: both; position: relative; min-height:420px;}
.product-info .property .item{ clear: both; line-height: 32px; margin-bottom: 3px;}
.product-info .property .item .title{padding: 0 8px; background-color: #f8f8f8; margin-right: 5px; display: inline-block; font-size: 12px;font-family: simsun;}
.product-info .property .item .text{  display: inline-block;}
.product-info .property .item .text + .title{ margin-left: 20px;}
.product-info .property .item{ width: auto;}
.product-info .property .bsr{ color: #999; line-height: 20px; font-size: 12px; padding: 6px 0; margin-bottom: 0;}

.button-panel{ margin-top: 20px; border-top:1px solid #e0e0e0; padding-top: 10px; position: relative; }

.catalog{padding:7px 20px; position:absolute; width: 100%; bottom: -100px; left: 0; background-color:#f9f9f9; }
.catalog .prev, .catalog .next{position:absolute;color:#999;top:0; height:100%; width:18px; font-size:12px; text-align:center; line-height:86px; display:block; z-index:2;}
.catalog .prev:hover, .catalog .next:hover{ color:#fff; background-color: #ccc;}
.catalog .prev{ left:0;}
.catalog .next { right:0;}

.thumbs_list{z-index:2; overflow:hidden; width: 280px;}
.thumbs_list ul{clear:both; height:70px; }
.thumbs_list li{width:60px; height:60px; display: table; float:left; margin:5px; position:relative; background-color: #fff;}
.thumbs_list li.over{ border-color:#333;}
.thumbs_list li a{display:table-cell; position:relative; z-index:1; overflow:hidden; text-align: center; text-align:center;}
.thumbs_list li a img{ max-width: 100%; max-height: 100%; vertical-align: middle;}

/* ==================modal======================== */

/* login */
.modal-login .modal-dialog{ width: 840px;}
.modal-login .modal-content{ background:#fff url("../image/login-bg.jpg") center no-repeat; background-size: cover;}
.modal-login .modal-body .logo{ text-align: center; margin-bottom: 30px;}
.modal-login .modal-body .logo img{ max-width: 100%;}
.modal-login .modal-body{ margin-right: 520px; background-color: rgba(255,255,255,0.9); padding-top: 50px; padding-bottom: 50px;}
.modal-login .close{ position: absolute; right: 15px; top: 15px; font-size: 30px; line-height: 40px; opacity:0.5; width: 40px; border-radius: 50%; background-color: #fff;}
.modal-login .control-label{ margin-bottom: 5px; color: #7a7a7a;}
.modal-login .modal-title{ font-size: 20px; text-align: center;}
.third-party{ margin-top: 10px;}
.third-party a{ display: inline-block; margin-right: 6px; margin-bottom: 5px;}
.third-party a:last-child{ margin-right: 0;}
.checkcode{ cursor: pointer; float: left; padding-top: 2px;}
.codecheck-result{ position: absolute; right: -5px; top: 10px; font-size: 16px;}
.codechecking{-webkit-animation: loadrotate 3s linear infinite;-moz-animation: loadrotate 3s linear infinite;  animation: loadrotate 3s linear infinite;}
@-webkit-keyframes loadrotate{from{-webkit-transform: rotate(0deg)}to{-webkit-transform: rotate(360deg)}}
@-moz-keyframes loadrotate{from{-moz-transform: rotate(0deg)}to{-moz-transform: rotate(360deg)}}
@keyframes loadrotate{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}
.checkbox label.control-label, .radio label.control-label{color: #7a7a7a; font-weight: bold; padding-left:0; margin-right: 10px;}

/* register */
.autopop { position: absolute; background: #fff;border: 1px #ccc solid; color: #666; animation-duration: -webki-box-shadow: 0 0 0 rgba(0,0,0,0.15); box-shadow: 0 0 0 rgba(0,0,0,0.15); z-index: 10000; padding: 0; display: none;}
.autopop li { font-size: 14px;height: 28px; line-height: 28px; padding: 0 6px; cursor: pointer overflow: hidden; list-style: none; cursor: pointer;}
.autopop li.email_pop {background: #f0f0f0; color: #2298a2; }

.filter-group{ padding:0 15px;  background-color: #f9f9f9; overflow: hidden; transition: all 0.3s; height: 0;}
.filter-group.opened{padding:15px; margin-top:20px; height: auto;}

/* payment */
.block-columns{margin: 0 -10px; display: -webkit-flex; display: flex;}
.block-column{padding:0 10px;  display: -webkit-box; display: box;width:30%;}
.block-column-container{background-size: cover; position: relative; height: 100%; width: 100%; background-position: center; background-color: #000;}
.column-wrapper{margin: 15px;line-height: 2;position: relative;z-index: 1; background-color: rgba(255,255,255,0.9);text-align: center; padding: 15px;}
.block-column.bank-type{width:40%;}
.column-wrapper .title{ line-height: 30px; font-size: 20px; font-weight: bold; margin-top: 0;  color: #333}
.column-wrapper p{text-align: left; }
.block-column-container::after{content: "";position: absolute;width: 100%;left: 0;top: 0;height: 100%;background-color: inherit; opacity: .3;}

/* collapse */
.collapse-item .panel-collapse{ display: none;}
.collapse-item .panel-toolbar .arrow::before{content: "\e114";}
.collapse-item.opened .panel-toolbar .arrow::before{content: "\e113";}
.collapse-item.opened .panel-collapse{ display: block;}


/*shop new*/
.integral-shop{ position: relative; height: 240px; background-color: #fff; margin-bottom: 40px; padding-left: 244px;}
.integral-shop-title{ position: absolute; width: 224px; height: 220px; left: 10px; top: 10px; overflow: hidden;}
.integral-shop-title .text{ text-align:center; color:#fff; position: relative; z-index: 1; line-height: 30px padding:15px 0; margin: 80px 0; font-family:Microsoft YaHei,Arial,Helvetica,sans-serif; font-size: 24px;  text-shadow: 0 0 5px rgba(0,0,0,0.75);}
.integral-shop-title .mask{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-position: center center; background-repeat: no-repeat; background-size:cover; transition: 0.5s ease 0s;}
.integral-shop-title:hover .mask {
    -webkit-transform: scale(1.2) rotate(5deg);
    transform: scale(1.2) rotate(5deg);
}
.integral-shop .slider-prev {left:234px;}
.integral-shop .slider-next {right:0;}
.integral-shop-slideshow{ padding: 0; position: relative; width: 896px;}
.integral-shop-slideshow ul{ list-style:none; margin:0; padding:0;}
.integral-shop-slideshow li{ height:240px; text-align:center; width:224px; float: left; position: relative;}
.integral-shop-slideshow li .item{ display:block; padding-top:10px;}
.integral-shop-slideshow li .item .photo{ width: 145px; height: 145px; margin: 0 auto 10px;  text-align: center;}
.integral-shop-slideshow li .item .photo span{ display: inline-block; height: 100%; vertical-align: middle;}
.integral-shop-slideshow li .item .photo img{ max-width: 100%; max-height: 100%;  vertical-align: middle;}
.integral-shop-slideshow li .item .title{ line-height: 20px; padding: 0 10px; text-align: center; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.btn-exchange{ margin-top: 10px; padding: 5px 20px; border-radius: 15px;}
.btn-exchange img{ height: 14px; padding-right: 5px;}

.integral-shop-slideshow li:after{ content: ""; height: 100%; width: 1px; background-color: #eee; position: absolute; right: 0; top: 0;}

.points-shop .main-product-group .main-product-list{ height: 240px;}
.points-shop .main-product-group .main-group-title{ color: #333; background-color: transparent; padding: 0;}
.points-shop .main-product-group .main-group-title .readmore{color: #333;}
.points-shop .main-product-group .title{ font-size: 20px; line-height: 40px;}
.points-shop .main-product-group .title strong{ font-size: 1.8em; font-family: Microsoft YaHei;}
.points-shop .main-product-list .group-photo .photo{ background-size: cover; }
.points-shop .main-product-list .group-photo .image-mask {background: rgba(0,0,0,.25);}
.points-shop .main-product-list .group-photo .title{ text-align: center; font-size: 24px; text-shadow: 0 0 5px rgba(0,0,0,0.75);}
.points-shop .main-product-list .product-item{ width: 80%;}
.points-shop .main-product-list .product-item li{ width: 25%; height: 100%;}
.points-shop .main-product-list .product-item ul li:nth-child(1), .points-shop .main-product-list .product-item ul li:nth-child(2), .points-shop .main-product-list .product-item ul li:nth-child(3){ broder-width: 0 1px 0 0;}
.points-shop .main-product-list .product-item ul li:nth-child(4){ border: 0;}
.points-shop .main-product-list .product-item li .photo{ width: 120px; height: 120px; margin-bottom: 15px;}
.points-shop .main-product-list .product-item li .item { box-sizing: border-box; width: 100%; padding-top: 20px; text-align: center;}

.points-shop .main-product-group:nth-child(7n+2) .main-group-title{ color: #3067ba;}
.points-shop .main-product-group:nth-child(7n+3) .main-group-title{ color: #d333b0;}
.points-shop .main-product-group:nth-child(7n+4) .main-group-title{ color: #e3150a;}
.points-shop .main-product-group:nth-child(7n+5) .main-group-title{ color: #48babe;}
.points-shop .main-product-group:nth-child(7n+6) .main-group-title{ color: #f65222;}
.points-shop .main-product-group:nth-child(7n+7) .main-group-title{ color: #c6a435;}
.points-shop .main-product-group:nth-child(7n+8) .main-group-title{ color: #200cab;}

/* item list */
.item-list{ margin-top: 20px;}
.data-group.data-type.item-list li .photo{ padding-bottom: 100%; background-color: transparent}
.data-group.data-type.item-list li .data-item{ position: relative;}
.data-group.data-type.item-list li .data-name{white-space: inherit; font-size: 13px; text-align: left; line-height: 20px; height: 40px;}
.data-group.data-type.item-list li .points{ line-height: 40px; font-size: 20px; font-weight: bold; text-align: left; margin-top: 10px;}
.data-group.data-type.item-list li .btn-exchange{ position: absolute; right: 10px; bottom:10px; padding: 5px 15px; font-size: 16px; border-radius: 18px;}



@media (min-width: 980px) and (max-width: 1259px) { 
	.container { width: 980px;}
	.search-group{ width: 420px}
	.header .site-menu li a, .header .site-menu li a:focus, .header .site-menu li a:visited{ padding: 5px 20px; letter-spacing:0;}
	.main-brand{ width: 720px;}
	.brand-slideshow li{width: 720px;}
	.brand-slideshow li .item{ width: 180px;}
	.main-news{ width: 200px;}
	
	.leftmenu + .content-box{ width: 670px;}
}

@media (min-width: 768px) and (max-width: 979px) {

@media (max-width: 767px) {
	
}
@media (max-width: 480px) {

}