@charset "utf-8";
body, html, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, th, td, form, object, iframe, blockquote, pre, a, abbr, address, code, img, fieldset, form, label, figure {
    margin: 0;
    padding: 0;
}

body, html, input, button, textarea {
    color: #333;
    font-family: 'arial';
    font-size: 14px;
    line-height: 24px;
}

article, aside, figcaption, figure, footer, header, main, nav, section {
    display: block;
}

body {
    background: #f6f6f6;
}

h1 {
    font-size: 20px;
}

h2 {
    font-size: 18px;
}

h3, h4, h5 {
    font-size: 16px;
}

img {
    border: none;
    vertical-align: middle;
}

li {
    list-style: none;
}

i, em {
    font-style: normal;
}

a {
    color: #444444;
    text-decoration: none;
}

a:focus {
    outline: none;
}

a:hover {
    color: #223c58;
    text-decoration: none;
}

input[type="text"]:focus {
    outline: none;
}

input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
}

input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0;
}

hr {
    height: 1px;
    border: none;
    border-top: 1px dashed #c1c1c1;
    margin: 15px 0 15px 0;
}

a:active, select, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    outline: 0 !important;
}

* {
    outline: 0;
}

.owl-carousel {
    position: relative;
    width: 100%;
}

.owl-carousel .owl-item {
    float: left;
    min-height: 1px;
    position: relative;
    overflow: hidden;
}

.owl-carousel .owl-stage-outer {
    overflow: hidden;
    position: relative;
}

.owl-carousel .owl-controls {
    height: 0;
    overflow: visible;
}

.owl-stage {
    position: relative;
}

.owl-loaded .slide-item {
    display: block;
}

.owl-dots .owl-dot, .owl-prev, .owl-next {
    cursor: pointer;
}

/* clear floating */
.clearfix:after, .layout:after, .topbar:after, .product-intro:after, .product-shop dl:after, .color-list:after, #respond:after, .goods-related .related-list ul:after, .head-wrapper:after, .blog-widget .foot-blog-item:after, .products-scroll-list li:after, .blog-list .blog-item:after, .index-discover ul li:after, .exhibition-tit-bar:after, .detail-tabs:after, .index-video-news .layout:after, .index-news .index-news-cont .index-new-list:after, .index-newsletter-testimonial .layout:after, .index-about:after, .news-slides .news-item:after, .page-bar:after, .second-product-item .item-wrap:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

.clearfix, .layout, .topbar, .product-intro, .product-shop dl, .color-list, #respond, .goods-related .related-list ul, .head-wrapper, .blog-widget .foot-blog-item, .products-scroll-list li, .blog-list .blog-item, .index-discover ul li, .exhibition-tit-bar, .detail-tabs, .index-video-news .layout, .index-news .index-news-cont .index-new-list, .index-newsletter-testimonial .layout, .index-about, .news-slides .news-item, .page-bar, .second-product-item .item-wrap {
    *zoom: 1;
}

.clear {
    clear: both;
}

/* layout */
.z9999 {
    z-index: 9999 !important;
}

.layout, .path-bar .path-nav {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}

body {
    width: 100%;
    min-width: 1100px;
    position: absolute;
    left: 0;
    top: 0
}

.container {
    position: relative;
    display: block;
    width: 100%;
    min-width: 1100px;
    overflow: hidden;
}

/* color */
.shopcart-title .goods-num, .head-login-info h4, .cate-menu li a.hover, .product-item .pd-price b, .blog-widget .foot-blog-item .blog-cont p a.more, .cate-menu li a:hover, .head-cartlist dl a:hover, .narrow-by li li a:hover, .narrow-by li li a.selected, .service-items .service-item li a:hover, .blog-list .blog-item .readmore, .blog-list .blog-item .readmore a, .sort-by ul li.selected a, .sort-by ul li.selected a:hover, .goods-may-like .goods-item .goods-price b, .product-summary .price-bar .special-price, .product-summary .discount, .total-price .price, .pd-name a:hover {
    color: #223c58;
}

/* image */
.head-shopcart .ico-cart, .slide-banners .owl-prev, .slide-banners .owl-next, .product-slides .owl-prev, .product-slides .owl-next, .blog-widget .owl-prev, .blog-widget .owl-next, .narrow-by li li a, .narrow-by li a.with-ul-tit b, .sort-by ul li .arrow-down, .sort-by ul li .arrow-up, .path-bar .path-nav li .ico-home b, .product-intro .add-to-cart, .product-intro .add-to-wishlist, .goods-may-like .owl-prev, .goods-may-like .owl-next, .change-currency .arrow, .goods-related .icon-add, .product-summary .ico-tick {
    background-image: url(../images/sprites.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

.hide-cate .cate-nav-btn:after, .product-summary .btn-add-to-cart:after, .color-list li.checked .color-small-img:after, .select-box .select-value:after, .size-list li.checked span.size-value:after {
    background-image: url(../images/sprites.png);
    background-repeat: no-repeat;
    background-color: transparent;
}

/* button */
.comment-form .form-item input[type="submit"], .goods-related .buy-together {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    padding: 0 18px;
    background: #bd362f;
    background: -webkit-linear-gradient(center top, #ee5f5b, #bd362f);
    background: -moz-linear-gradient(center top, #ee5f5b, #bd362f);
    background: -ms-linear-gradient(top, #ee5f5b, #bd362f);
    background: -o-linear-gradient(center top, #ee5f5b, #bd362f);
    background: linear-gradient(top, #ee5f5b, #bd362f);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.comment-form .form-item input[type="submit"]:hover, .goods-related .buy-together:hover, .ass:hover, .index-news .index-news-cont .index-new-list .index-new-pic:hover {
    opacity: 0.8;
    -moz-opacity: 80;
    filter: alpha(opacity=80);
}

/* transition */
.slide-banners .owl-nav, .foot-social li a, .gotop, .blog-list .blog-item img, .goods-may-like .goods-item img, .topbar .currency-cur b, .head-social li img, .slide-banners-wrap .slide-prev, .slide-banners-wrap .slide-next, .nav ul, .nav-bar .nav li, .nav-bar .nav li a, .foot-contact .inq-buttom a, .main-banner .slide-prev, .main-banner .slide-next, #nodes a, .index-products .product-slides .owl-nav, .index-products .goods-items .owl-nav, .about-banner-wrap .about-cont .about-more, .nav li:after, .products-tabs h2:after, .foot-social li, .product-slides .owl-prev, .product-slides .owl-next, .language .language-info .language-cont, .mobile-serve .mobile-head-hide, .subscribe-form .subscribe-btn, .index-product-wrap .product-more a, .foot-items .foot-item-tags li, .second-product-item, .second-product-item .pd-info .pd-contact, .product-social a, .product-social a:before {
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.foot-social li, .product-item, .product-item:after, .product-item .pd-info .pd-name, .slide-banners-wrap .banner-prev, .slide-banners-wrap .banner-next, .market-item .mk-info {
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.product-wrap .product-item, .product-wrap .product-item:hover {
    -moz-transition: none;
    -webkit-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.product-item .pd-shadow-wrap .pd-ico {
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.head-social li:hover img, .recording-item .recording-wrap .recording-info .recording-view:hover, .index-news ul li.news-item:hover, .product-item:hover {
    -moz-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);

}

.pc-nav ul, .language .language-info .language-cont {
    -moz-transform: translateY(60px);
    -webkit-transform: translateY(60px);
    -ms-transform: translateY(60px);
    -o-transform: translateY(60px);
    transform: translateY(60px);
}

.mobile-serve .mobile-head-hide {
    -moz-transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    transform: translateY(-60px);
}

.nav ul.bl-ul, .language .language-info .language-cont.language-cont-hover, .mobile-serve .mobile-head-show {
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.foot-social li:hover {
    -moz-transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.recording-item:hover .recording-wrap .recording-img img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

@font-face {
    font-family: 'MyriadProLight';
    src: url('fonts/MyriadPro-Light.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProBlack';
    src: url('fonts/SourceSansPro-Black.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProBlackIt';
    src: url('fonts/SourceSansPro-BlackIt.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProBold';
    src: url('fonts/SourceSansPro-Bold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProBoldIt';
    src: url('fonts/SourceSansPro-BoldIt.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProExtraLight';
    src: url('fonts/SourceSansPro-ExtraLight.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProExtraLightIt';
    src: url('fonts/SourceSansPro-ExtraLightIt.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProIt';
    src: url('fonts/SourceSansPro-It.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProLight';
    src: url('fonts/SourceSansPro-Light.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProLightIt';
    src: url('fonts/SourceSansPro-LightIt.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProRegular';
    src: url('fonts/SourceSansPro-Regular.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProSemibold';
    src: url('fonts/SourceSansPro-Semibold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansProSemiboldIt';
    src: url('fonts/SourceSansPro-SemiboldIt.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SchadowBTRoman';
    src: url('fonts/SchadowBT-Roman.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoeui';
    src: url('fonts/seguibl.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?-l21epb');
    src: url('fonts/icomoon.eot?#iefix-l21epb') format('embedded-opentype'),
    url('fonts/icomoon.woff?-l21epb') format('woff'),
    url('fonts/icomoon.ttf?-l21epb') format('truetype'),
    url('fonts/icomoon.svg?-l21epb#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"], a.with-child:after, .widget-cates li a.with-ul-tit:before, .widget-cates li.with-ul-hide a.with-ul-tit:before, .tit-ico:before, .btn-inquiry:before, .nav > li.ico-home:before, .product-item .pd-shadow-wrap .pd-ico:before, .mobile-foot-contact .head-phone span:before, .mobile-foot-contact .head-email span:before, .side-tit-ico:before {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.head-wrapper {
    width: 100%;
    background: #ffffff;
}

.topbar {
    position: relative;
    height: 36px;
    background: #223c58;
    text-align: right;
    z-index: 1;
}

.head-contact, .head-contact .head-phone, .head-contact .head-email, .language, .head-search-wrap {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    text-align: left
}

.head-contact, .head-contact a {
    color: rgba(255, 255, 255, 0.7);
}

.head-contact .head-phone, .head-contact .head-email {
    line-height: 36px;
    margin: 0 30px 0 0;
}

.head-contact .head-phone b, .head-contact .head-email span b a {
    font-family: "arial";
    color: #ffffff;
}

.head-contact .head-phone {
    padding: 0 0 0 22px;
}

.head-contact .head-email {
    padding: 0 0 0 24px;
}

.head-contact .head-phone:before, .head-contact .head-email:before {
    content: "";
    position: absolute;
    left: 0;
    background-image: url(../images/page-ico.png);
    background-repeat: no-repeat;
}

.head-contact .head-phone:before {
    top: 14px;
    width: 12px;
    height: 13px;
    background-position: 0 0;
}

.head-contact .head-email:before {
    top: 15px;
    width: 14px;
    height: 10px;
    background-position: -51px 0
}

.header {
    position: relative;
    z-index: 0;
}

.logo {
    position: relative;
    height: 85px;
    line-height: 85px;
    float: left;
}

.logo img {
    position: relative;
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    max-height: 85px;
}

.head-search-wrap {
    float: right;
}

.head-search-wrap .search-title {
    position: relative;
    display: block;
    overflow: hidden;
    width: 31px;
    height: 31px;
    border: 1px solid rgba(164, 164, 164, 0.4);
    background: url(../images/search-btn.png) no-repeat center center;
    cursor: pointer;
    border-radius: 50%;
    margin: 26px 0 0;
}

.head-search-wrap .search-close {
    background: url(../images/search-close_pop.png) no-repeat center center;
}

.head-search-wrap .head-search-bg {
    position: absolute;
    top: 29px;
    right: 26px;
    width: 300px;
    height: 40px;
    background: none;
    display: none;
}

.head-search {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 38px;
    background: none;
    border: 1px solid #223c58;
    background: #FFF;
}

.head-search .search-ipt {
    position: absolute;
    top: 0;
    left: 0;
    width: 245px;
    padding: 0 10px;
    height: 38px;
    line-height: 38px;
    background: none;
    border: none;
    color: #223c58;
}

.head-search .search-btn {
    position: absolute;
    border: none;
    top: 0;
    right: 0;
    width: 35px;
    height: 38px;
    background: none;
    color: #223c58;
}

.change-language-info .change-language-title,
.change-language-info .change-language-title a,
.change-language-info .change-language-title span,
.change-language-info .language-icon {
    color: #fff;
}

.change-language-info:hover .change-language-title,
.change-language-info:hover .change-language-title a,
.change-language-info:hover .change-language-title span {
    color: #000 !important;
}

.nav-bar {
    height: 60px;
}

.nav-bar .nav li:first-child{
    margin-left: 0;
}

.nav-bar .nav li .nav-ico{
    display: none !important;
}

.nav-bar .nav li:nth-child(3) .nav-ico,.nav-bar .nav li:nth-child(5) .nav-ico{
    display: block !important;
}

.nav li, .nav li a {
    position: relative;
    display: block;
    font-size: 16px;
    font-family: 'SourceSansProRegular';
}

.nav > li {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    margin-left: 64px;
}

.nav > li > a {
    height: 60px;
    line-height: 60px;
    color: #223c58;
    font-size: 16px;
    padding: 0 30px;

}

.nav li li {
    display: block;
    *display: block;
    line-height: 42px;
    border-bottom: 1px solid #e8e8e8;
}

.nav li li a {
    padding: 0 35px;
}

.nav li li a:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 4px solid;
    position: absolute;
    top: 16px;
    left: 21px;
    border-color: transparent transparent transparent #223c58;
    background: none;
    margin: 0;
    padding: 0;
}

.nav li li:hover > a:before {
    border-color: transparent transparent transparent #fff;
}

.nav li li:hover > a {
    color: #FFF
}

.nav ul {
    width: 250px;
    position: absolute;
    top: 60px;
    left: 0;
    background: #FFF;
    text-align: left;
    border: 2px solid rgba(0, 0, 0, 0, 0);
    visibility: hidden;
    opacity: 0;
}

.nav ul ul {
    top: 0;
    left: 222px;
}

.nav ul.bl-ul {
    display: block;
    height: auto;
    opacity: 1;
    visibility: visible
}

.nav-bar .nav li .nav-ico {
    display: block;
    width: 11px;
    height: 60px;
    position: absolute;
    display: block;
    overflow: hidden;
    top: 0;
    right: 15px;
    background: url(../images/icons01.png) no-repeat center center
}

.nav-bar .nav li:hover > a, .nav-bar .nav li.nav-current > a {
    color: #fff;
    background: #223c58;
}

.nav-bar .nav li:hover .nav-ico, .nav-bar .nav li.nav-current .nav-ico {
    background: url(../images/icons01-hover.png) no-repeat center center
}

.nav-bar .nav li li .nav-li-ico {
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    top: 17px;
    right: 5px;
    background: url(../images/page-ico.png) no-repeat -226px 0;
}

.nav-bar .nav li li:hover > .nav-li-ico {
    background-position: -196px 0
}

.nav-bar .nav li.sub-img ul {
    width: 760px;
    overflow: hidden;
    text-align: left;
    left: auto;
    right: -300px;
}

.nav-bar .nav li.sub-img li .nav-li-ico {
    display: none;
}

.nav li.sub-img ul li {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 20%;
    line-height: normal;
    margin: 30px 0 0;
    padding: 0 0 30px;
    border-bottom: 1px dashed #b3b3b3;
    text-align: center;
}

.nav li.sub-img ul li:before {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 80%;
    background: none;
    border-right: 1px dashed #b3b3b3
}

.nav li.sub-img ul li:after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: none;
    border-bottom: 1px dashed #b3b3b3
}

.nav li.sub-img ul li a {
    padding: 0;
}

.nav li.sub-img ul li a:before, .nav li.sub-img ul li:hover > a:before {
    display: none
}

.nav li li:hover > a {
    color: inherit
}

.nav-bar .nav li.sub-img ul li:hover > a {
    color: inherit;
    background: none
}

.nav-bar .nav li.sub-img ul li img {
    border: 1px solid #dcdcdc;
    width: 65px;
}

.nav-bar .nav li.sub-img ul li em {
    display: block;
    padding: 10px 0;
    font-size: 14px;
}

.nav-bar .nav li.sub-img ul li:hover img {
    border-color: #223c58
}

.nav-bar .nav li.sub-img ul li:hover em {
    color: #223c58;

}

/* slide banner */
/*
.slide-banners-wrap{margin:0 auto;position:relative;}
.slide-banners{ position:relative;overflow:hidden;}
.slide-banners .slide-item{position:relative;overflow:hidden;display:none;width:100%;  background-repeat:no-repeat; background-position:center center;}
.slide-banners-wrap .slide-banners .slide-item img{ position:relative; width:100%;}
.slide-banners .slide-item a{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	}
.slide-banners .slide-item b{display:block;width:2em;height:2em;border-radius:50%;line-height:2em;text-align:center;color:#fff;background:#ff9600;position:absolute;right:2px;top:2px;font-weight:normal;font-family:Arial;}

 Direction Nav
.slide-banners .flex-direction-nav {*height: 0;}
.slide-banners .flex-direction-nav a  { display:block;width:35px;height:35px;position:absolute;z-index:9999;top:50%;margin-top:-17px;text-indent:-9999em;overflow:hidden;cursor:pointer; background-repeat:no-repeat; background-position: center center; opacity:0.5;;opacity:0; background-color:#000;}
.slide-banners .flex-direction-nav .flex-prev { background-image:url(../images/prev.png);left:0; }
.slide-banners .flex-direction-nav .flex-next { background-image:url(../images/next.png);right:0;}
.slide-banners:hover .flex-direction-nav a{opacity:0.48;}
.slide-banners:hover .flex-direction-nav .flex-prev { left:90px; }
.slide-banners:hover .flex-direction-nav .flex-next { right:90px;}
.slide-banners .flex-direction-nav .flex-prev:hover ,.slide-banners .flex-direction-nav .flex-next:hover{opacity:1}
.main-banner  .flex-direction-nav{ display:none;}
 Control Nav
.flex-control-nav {width: 100%; position: absolute; bottom:10px; text-align: center; z-index:99;}
.flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline; vertical-align:top;}
.flex-control-paging li a {width:10px; height: 10px; display: block; background:#ffffff; cursor: pointer; text-indent: -9999px; border-radius:50%;}
.flex-control-paging li a.flex-active { background:#222222;}
.main-banner .flex-control-nav{ display:none; visibility:hidden}
*/
.slide-banners-wrap {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: -1;
}

.slide-banners-wrap .slide-banners {
    position: relative;
    width: 100%;
    height: 595px;
}

.slide-banners-wrap .slide-banners li, .slide-banners-wrap .slide-banners li img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.slide-banners-wrap .slide-banners li div {
    position: absolute;
    display: inline-block;
    vertical-align: top;
    *display: inline-block;
    *zoom: 1;
}

.slide-banners-wrap .slide-banners .itemImg {
    position: relative;
    left: 0;
    top: 0;
}

.slide-banners-wrap .slide-banners .itemCont01 {
    left: 400px;
    top: 190px;
    font-family: 'SourceSansProRegular'
}

.slide-banners-wrap .slide-banners .itemCont01, .slide-banners-wrap .slide-banners .itemCont01 a {
    color: #223c58;
}

.slide-banners-wrap .slide-banners .itemCont01 h2, .slide-banners-wrap .slide-banners .itemCont01 p {
    position: relative;
    padding: 0 10px;
    background: #FFF;
}

.slide-banners-wrap .slide-banners .itemCont01 h2 {
    line-height: 50px;
    margin: 0 0 20px;
    font-size: 28px;
}

.slide-banners-wrap .slide-banners .itemCont01 p {
    line-height: 30px;
    margin: 0 0 10px;
    font-size: 20px;
}

.slide-banners-wrap .banner-menuSet {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    font-size: 0;
    border-radius: 20px;
}

.slide-banners-wrap .banner-menuSet li {
    width: 8px;
    height: 8px;
    background: none;
    border: 1px solid #FFF;
    cursor: pointer;
    margin: 0 3px;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    *zoom: 1;
    overflow: hidden;
    border-radius: 50%;
}

.slide-banners-wrap .banner-menuSet li.select {
    background: #fff;
}

.slide-banners-wrap .banner-prev, .slide-banners-wrap .banner-next {
    position: absolute;
    cursor: pointer;
    display: none;
    width: 35px;
    height: 35px;
    top: 50%;
    margin: -17px 0 0;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    display: block;
    visibility: hidden;
    opacity: 0;
}

.slide-banners-wrap .banner-prev {
    left: 0px;
    background-image: url(../images/prev.png);
}

.slide-banners-wrap .banner-next {
    right: 0px;
    background-image: url(../images/next.png);
}

.slide-banners-wrap .banner-prev.show {
    left: 90px;
    visibility: visible;
    opacity: 0.8;
}

.slide-banners-wrap .banner-next.show {
    right: 90px;
    visibility: visible;
    opacity: 0.8
}

.warn_text {
    width: 100%;
    height: 65px;
    line-height: 65px;
    overflow: hidden;
    font-size: 22px;
    font-family: 'SourceSansProSemibold';
    color: #feffff;
    background: #223c58
}

.warn_text .scroll_div {
    width: 1060px;
    white-space: nowrap;
    overflow: hidden;
    float: right
}

.warn_text .scroll_begin, .warn_text .scroll_end {
    display: inline;
}

.warn_text .scroll_begin a, .warn_text .scroll_end a{
    color: #fff;
}

.warn_text .ico {
    position: absolute;
    width: 22px;
    height: 16px;
    left: 0;
    top: 25px;
    background: url(../images/1427815983.gif) no-repeat;
}

.page-layout {
    position: relative;
    padding: 50px; 0 0 0;
}

.index-tit-bar {
    position: relative;
    overflow: hidden;
    width: 100%;
    font-family: 'segoeui';
    margin: 60px 0;
    overflow: visible
}

.index-tit-bar .title {
    position: absolute;
    left: 34px;
    top: 33px;
    font-size: 34px;
}

.index-tit-bar .title, .index-tit-bar .title a {
    color: #000;
}

.index-tit-bar .num {
    position: relative;
    font-size: 130px;
    color: rgba(0, 0, 0, .15);
    line-height: 82px;
}

.index-tit-bar .more {
    position: absolute;
    left: 131px;
    bottom: 3px;
    font-family: 'SourceSansProBlack';
    font-size: 16px;
    color: rgba(1, 1, 1, .8);
    text-decoration: underline;
}

.index-tit-bar .text {
    position: absolute;
    right: 0;
    top: 20px;
    width: 650px;
    font-size: 16px;
    font-family: 'arial'
}

.index-about-wrap .index-tit-bar .title, .index-about-wrap .index-tit-bar .title a {
    color: #fff;
}

.index-about-wrap .index-tit-bar .num {
    color: rgba(255, 255, 255, .15);
}

.index-about-wrap .index-tit-bar .text {
    color: rgba(255, 255, 255, .75);
}

.index-product-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.product-wrap {
    position: relative;
    width: 105%;
}

.index-product-wrap .product-more {
    position: relative;
    text-align: center;
    margin: 60px 0;
}

.index-product-wrap .product-more a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    height: 39px;
    line-height: 39px;
    padding: 0 45px;
    border: 1px solid #fff;
    background: #223c58;
    color: #FFF;
    font-family: 'SourceSansProSemibold';
    font-size: 16px;
    border-radius: 5px;
    box-shadow: inset 0 0 12px rgba(255, 255, 255, 0.6)
}

.index-product-wrap .product-more a:hover {
    color: #223c58;
    background: none;
    /*border-color:#223c58;*/
    box-shadow: inset 0 0 12px rgba(17, 114, 211, 0.6)
}

.product-item {
    position: relative;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    *zoom: 1;
    width: 200px;
    margin: 0 6px 27px 0;
    text-align: center;
}

.product-item:hover {
    box-shadow: 0 3px 20px rgba(0, 0, 0, .5)
}

.product-item .item-wrap {
    position: relative;
    padding: 3px;
    overflow: hidden;

}

.product-item .pd-img {
    position: relative;
    overflow: hidden;
    height: 150px;
}

.product-item .pd-img img {
    position: relative;
    width: 100%;
    height: 100%;
}

.product-item .pd-info {
    position: relative;
    padding: 15px 7px;
}

.product-item .pd-info .pd-name {
    font-size: 13px;
}

.pc-product-wrap .product-item {
    overflow: hidden;
    width: 150px;
    margin: 0 65px 0 0;
    border: 1px solid #dedede;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);

    /*-moz-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	-ms-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	-o-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	transition: 1s clip-path;*/
}

.pc-product-wrap .product-item:hover {
    box-shadow: none;
}

.pc-product-wrap .product-item.product-item1 {
    margin: 0 65px 0 32px;
}

.pc-product-wrap .product-item.se-product-item {
    margin: -37px 65px 0 0
}

.pc-product-wrap .product-item.se-product-item.product-item6 {
    margin: -37px 65px 0 142px;
}

.pc-product-wrap .product-item.th-product-item {
    margin: -37px 65px 0 0
}

.pc-product-wrap .product-item.th-product-item.product-item10 {
    margin: -37px 65px 0 252px;
}

.pc-product-wrap .product-item .item-wrap {
    padding: 0;
}

/*	.pc-product-wrap .product-item .pd-img img{
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg));
	transform: rotate(-45deg);
	}	*/
/*
	.pc-product-wrap .product-item .pd-img img{

	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg));
	transform: rotate(-45deg);

	}
*/
.pc-product-wrap .product-item .pd-img {

    -moz-transform: rotate(-45deg) scale(1.42);
    -webkit-transform: rotate(-45deg) scale(1.42);
    -ms-transform: rotate(-45deg) scale(1.42);
    -o-transform: rotate(-45deg) scale(1.42);
    transform: rotate(-45deg) scale(1.42);

}

.pc-product-wrap .product-item:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    background: rgba(17, 114, 211, 0.9);
    opacity: 0;
    visibility: hidden;

}

.pc-product-wrap .product-item:hover:after {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    visibility: visible;
    overflow: hidden;
}

.pc-product-wrap .product-item .pd-info {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    padding: 0;
}

.pc-product-wrap .product-item .pd-info .pd-name {
    position: relative;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
    font-weight: normal;
    font-family: 'SourceSansProSemibold';
    margin: 45px 0 0;
    opacity: 0;
    visibility: hidden;
}

.pc-product-wrap .product-item:hover .pd-info .pd-name {
    opacity: 1;
    visibility: visible;
}

.pc-product-wrap .product-item .pd-info, .pc-product-wrap .product-item .pd-info a {
    color: #fff;
}

.second-product-item {
    position: relative;
    display: block;
}

.second-product-item:hover {
    background: #FFF;
}

.second-product-item .item-wrap {
    position: relative;
    padding: 20px 20px 20px 0;
    border-top: 1px solid #dcdcdc;
}

.second-product-item .pd-img {
    position: relative;
    width: 160px;
    float: left;
}

.second-product-item .pd-img img {
    position: relative;
    width: 100%;
}

.second-product-item .pd-info {
    position: relative;
    width: 623px;
    float: right

}

.second-product-item .pd-info .pd-name {
    position: relative;
    width: 450px;
    font-family: 'SourceSansProSemibold';
    font-weight: normal;
    font-size: 16px;
}

.second-product-item .pd-info .pd-name, .second-product-item .pd-info .pd-name a {
    color: #222222
}

.second-product-item .pd-info .pd-detail {
    position: relative;
    padding: 5px 0;
}

.second-product-item .pd-info .pd-more {
    position: relative;
    color: #223c58;
    text-decoration: underline;
}

.second-product-item .pd-info .pd-contact {
    position: absolute;
    right: 0;
    top: 0;
    font-family: 'SourceSansProRegular';
    font-size: 12px;
    padding: 0 11px 0 35px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #ff7519;
    background-color: #ff7519;
    background-image: url(../images/email.png);
    background-position: 11px 7px;
    background-repeat: no-repeat;
    color: #FFF;
}

.second-product-item .pd-info .pd-contact:hover {
    color: #ff7519;
    background-color: transparent;
    background-image: url(../images/email-hover.png);

}

.index-about-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.index-about {
    position: relative;
    width: 100%;
    padding: 0 0 70px;
}

.index-about, .index-about a {
    color: rgba(255, 255, 255, .75);
    font-size: 16px;
}

.index-about .about-img {
    position: relative;
    width: 480px;
    float: right;
    border: 5px solid #8b8b8c;
}

.index-about .about-img img {
    position: relative;
    width: 100%;
    -moz-transform: translate(-15px, -13px);
    -webkit-transform: translate(-15px, -13px);
    -ms-transform: translate(-15px, -13px);
    -o-transform: translate(-15px, -13px);
    transform: translate(-15px, -13px);
}

.index-about .about-cont {
    position: relative;
    width: 550px;
    float: left;
}

.index-about .about-cont .about-detail {
    line-height: 30px;
}

.index-about .about-cont .about-more {
    font-family: 'SourceSansProSemibold';
    color: #FFF;
    text-decoration: underline;
    padding: 0 5px;
}

.about-social {
    position: relative;
    margin: 20px 0 0;
    text-align: right
}

.about-social .about-contact, .about-social ul, .about-social ul li {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}

.about-social .about-contact {
    text-align: left;
    float: left;
    margin: 5px 0 0

}

.about-social .about-contact .about-phone, .about-social .about-contact .about-email {
    margin: 10px 0 0;

}

.about-social ul {

}

.about-social ul li {
    text-align: center;
    padding: 0 0 0 20px;

}

.about-social ul li img {
}

.about-social ul li span {
    display: block;
    font-size: 14px;
    padding: 7px 0 0
}

.index-market-wrap {
    position: relative;
    width: 100%;
}

.index-market {
    position: relative;
    width: 100%;
}

.market-slides {
    position: relative;
    width: 1112px;
}

.market-slides .owl-nav {
    display: inline;
    position: absolute;
    top: 50%;
    margin: -26px 0 0;
    left: 0;
    z-index: 0;
    width: 100%;
}

.market-slides .owl-prev, .market-slides .owl-next {
    position: relative;
    width: 18px;
    height: 53px;
    overflow: hidden;
    z-index: 999;
    float: left;
    display: block;
    background-repeat: no-repeat;
    text-indent: 99999px;
    background-position: center center;
    position: absolute;
    opacity: 0.3;
}

.market-slides .owl-prev {
    background-image: url(../images/pd-prev.png);
    left: -80px;

}

.market-slides .owl-next {
    background-image: url(../images/pd-next.png);
    right: -68px;
}

.market-slides .owl-prev:hover, .market-slides .owl-next:hover {
    opacity: 1;
}

.market-slides .owl-prev.disabled:hover, .market-slides .owl-next.disabled:hover, .market-slides .owl-prev.disabled, .market-slides .owl-next.disabled {
    background-color: transparent;
    cursor: default;
    filter: alpha(opacity=0);
    opacity: 0;
}

.market-item {
    position: relative;
    display: block;
    width: 266px;
    text-align: center;
    border-radius: 8px;
    overflow: hidden;
}

.market-item .item-wrap {
    position: relative;
}

.market-item .mk-img, .market-item .mk-img img {
    position: relative;
    width: 100%;
    height: 217px;
}

.market-item .mk-info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: rgba(2, 13, 24, .75)
}

.market-item .mk-info .mk-name {
    font-weight: normal;
    font-size: 14px;
}

.market-item .mk-info .mk-name, .market-item .mk-info .mk-name a {
    color: rgba(255, 255, 255, .75)
}

.market-item:hover .mk-info {
    position: absolute;
    left: 3%;
    bottom: 5%;
    width: 94%;
    height: 90%;
    line-height: 40px;
    background: rgba(17, 114, 211, .91);
    border-radius: 4px;
}

.market-item:hover .mk-info .mk-name {
    font-size: 18px;
    font-family: 'SourceSansProSemibold';
    line-height: 24px;
    margin: 30px 0 0
}

.market-item:hover .mk-info .mk-name, .market-item:hover .mk-info .mk-name a {
    color: rgba(255, 255, 255, 1)
}

.index-service-wrap {
    position: relative;
    width: 100%;
    height: 522px;
    background: url(../images/bg02.jpg) no-repeat center top;
    margin: 70px 0 0
}

.index-service-wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -34px;
    width: 100%;
    height: 34px;
    background: url(../images/bg02-bottom.png) no-repeat center center;
    z-index: 1;
}

.service-tit-bar {
    position: relative;
    font-family: 'segoeui';
    margin: 60px 0 30px;
}

.service-tit-bar .num {
    position: relative;
    font-size: 130px;
    color: rgba(255, 255, 255, .15);
    line-height: 82px;

}

.service-tit-bar .title {
    position: absolute;
    left: 38px;
    top: 28px;
    font-size: 34px;
}

.service-tit-bar .title, .service-tit-bar .title a {
    color: #FFF;
}

.index-contact .service-tit-bar .title {
    left: auto;
    right: 38px;
}

.index-news {
    position: relative;
    width: 465px;
    float: left;
}

.news-slides {
    position: relative;
    width: 100%;
}

.owl-dots {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -20px;
    text-align: left;
}

.owl-dots .owl-dot {
    display: inline-block;
    width: 3px;
    height: 3px;
    background: none;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 50%;
    margin: 0 3px;
    background: #87ade5;
}

.owl-dots .active {
    background: #fff;
}

.news-item {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #fff;

}

.news-item .item-wrap {
    position: relative;
    overflow: hidden;
    padding: 15px 0;
}

.news-item .news-img {
    position: relative;
    width: 120px;
    border: 1px solid #d0d6dc;
    border-radius: 6px;
    overflow: hidden;
    float: left;
    margin: 5px 0 0
}

.news-item .news-img img {
    position: relative;
    width: 100%;
}

.news-item .news-info {
    position: relative;
    width: 320px;
    float: right;
}

.news-item .news-info .news-title {
    position: relative;
    font-size: 16px;
    font-weight: normal;
    font-family: 'SourceSansProSemibold';
    color: #FFF;
}

.news-item .news-info .news-detail {
    color: rgba(255, 255, 255, .7);
    font-family: 'SourceSansProExtraLight'
}

.news-item .news-info .news-more {
    color: rgba(255, 255, 255, .7);
    text-decoration: underline
}

.index-news .news-content {
    display: none;
}

.index-contact {
    position: relative;
    width: 460px;
    float: right;
    text-align: right
}

.index-inquiry-form {
    position: relative;
    margin: 40px 0 0
}

.index-inquiry-form .form-item {
    position: relative;
    display: block;
    padding: 5px 0;
    text-align: left
}

.index-inquiry-form .form-item:nth-child(1) {
    float: left;
}

.index-inquiry-form .form-item:nth-child(2) {
    float: right;
}

.index-inquiry-form .form-item .form-input {
    position: relative;
    border: 1px solid #6f8396;
    width: 204px;
    height: 32px;
    line-height: 32px;
    padding: 0 10px;
    border-radius: 6px;
    color: #223c58
}

.index-inquiry-form .form-item .form-input-name {
}

.index-inquiry-form .form-item .form-input-email {
}

.index-inquiry-form .form-item .form-input-massage {
    position: relative;
    width: 440px;
    height: 138px;
    line-height: 32px;
    padding: 0 10px;
    border-radius: 6px;
    border: 1px solid #6f8396;
}

.index-inquiry-form .form-btn-wrap {
}

.index-inquiry-form .form-btn-wrap .form-btn-submit {
    position: relative;
    height: 32px;
    line-height: 32px;
    padding: 0 42px;
    border: 1px solid #6f8396;
    background: #FFF;
    color: #223c58;
    font-size: 18px;
    font-family: 'SourceSansProSemibold';
    border-radius: 6px;
}

.index-inquiry-form ::-webkit-input-placeholder {
    color: #223c58
}

.index-inquiry-form :-moz-placeholder {
    color: #223c58
}

.index-inquiry-form ::-moz-placeholder {
    color: #223c58
}

.index-inquiry-form :-ms-input-placeholder {
    color: #223c58
}

.foot-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    background: url(../images/bg03.png) no-repeat top center;
    z-index: 0;
    border-top: 1px solid #e5e5e5;
    margin-top: 10px;
}

.foot-wrapper .foot-items {
    padding: 30px 0 50px;
}

.foot-items .foot-item {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
}

.foot-items .foot-item .foot-tit {
    position: relative;
    font-size: 20px;
    padding: 0 0 13px;
    margin: 0 0 15px;
    font-family: 'SourceSansProSemibold';
    font-weight: normal;
    border-bottom: 1px solid #c7c7c7;
    color: #222222
}

.foot-items .foot-item-product li {
    position: relative;
    line-height: 25px;
    padding: 0 0 0 10px;
}

.foot-items .foot-item-product li:before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;

}

.foot-items .foot-item-contact {
    width: 255px;
}

.foot-items .foot-item-product {
    width: 225px;
}

.foot-items .foot-item-tags {
    width: 190px;
}

.foot-items .foot-item-news {
    width: 215px;
}

.foot-items .foot-item-hide {
    margin: 0 71px 0 0
}

.foot-items .foot-item-contact .contact-title {
    padding: 0 0 0 31px;
    font-size: 14px;
    font-weight: normal;
}

.foot-items .foot-item-contact li {
    position: relative;
    padding: 0 0 0 31px;
}

.foot-items .foot-item-contact li:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 18px;
    height: 20px;
    display: block;
    overflow: hidden;
    background-image: url(../images/icons03.png);
    background-repeat: no-repeat;
}

.foot-items .foot-item-contact li.foot-addr:before {
    background-position: 0 3px;
}

.foot-items .foot-item-contact li.foot-phone:before {
    background-position: 0 -54px;
}

.foot-items .foot-item-contact li.foot-email:before {
    background-position: 0 -76px;
}

.foot-items .foot-item-tags li {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    border: 1px solid #dcdcdc;
    background: #FFF;
    margin: 0 1px 4px 0;
}

.foot-items .foot-item-tags li:hover {
    background: #223c58;
    border-color: #223c58
}

.foot-items .foot-item-tags li:hover a {
    color: #FFF;
}

.foot-item-news li {
    position: relative;
    padding: 0 0 5px 10px;
}

.foot-item-news li:before {
    content: '-';
    position: absolute;
    left: 0;
    top: 0;

}

.foot-item-news li .time {
    font-size: 12px;
    font-style: italic
}

.foot-item-news li .text {
}

.foot-item-news ul {
    display: none;
}

.blog-slides .owl-dots {
    left: 6px;
}

.blog-slides .owl-dots .owl-dot {
    width: 10px;
    height: 2px;
    border-radius: 0;
    background: #c9c9c9;
}

.blog-slides .owl-dots .active {
    background: #223c58;
}

.footer {
    position: relative;
    background: url(../images/bg04.png) no-repeat center center
}

.footer, .footer a {
    color: #fff;
}

.footer .foot-nav {
    display: block;
    float: right;
}

.footer .foot-nav li {
    display: inline-block;
    vertical-align: top;
    line-height: 61px;
}

.foot-nav li a {
    padding: 0 10px;
}

.foot-nav li:after {
    content: "-";
}

.foot-nav li:last-child:after {
    content: "";
    display: none;
}

.footer .copyright {
    line-height: 61px;
}

.gotop {
    display: block;
    width: 43px;
    height: 43px;
    line-height: 40px;
    text-align: center;
    background-image: url(../images/top.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: fixed;
    right: 20px;
    bottom: 40px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    opacity: 0.8;
    -moz-opacity: 80;
    filter: alpha(opacity=80);
}

.gotop:hover {
    -moz-transform: translateY(-6px);
    -webkit-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
    opacity: 1;
    -moz-opacity: 100;
    filter: alpha(opacity=100);
}

.path-bar {
    position: relative;
    width: 100%;
    line-height: 50px;
    padding: 25px 0;
    margin: 0 0 20px;
    margin-top: 121px;
}

.path-bar li:after {
    content: ">";
    position: absolute;
    display: block;
    overflow: hidden;
    right: 0;
    top: 0
}

.path-bar .path-nav {

}

.path-bar li {
    display: inline-block;
    vertical-align: top;
    position: relative;
    font-family: 'SourceSansProSemibold';
    font-size: 20px;
    color: #FFF;
}

.path-bar li a {
    display: block;
    padding: 0 15px 0 5px;
    color: #FFF;
}

.path-bar li:hover a, .path-bar li.current a {

}

.path-bar li:last-child:after {
    content: '';
}

.aside {
    float: left;
    width: 240px;
}

.side-tit-bar {
    position: relative;
    background: #FFF;
}

.side-tit-bar .side-tit {
    position: relative;
    font-size: 18px;
    line-height: 43px;
    font-weight: normal;
    font-family: 'SourceSansProSemibold';
    color: #223c58;
    padding: 0 0 0 23px;
}

.side-widget {
    position: relative;
    margin: 20px 0 0;
    border: 1px solid #e5e5e5;
    background: #FFF

}

.side-widget .side-cate {
    background: #223c58
}

.side-cate ul li {
    position: relative;
    line-height: 42px;

}

.side-cate ul li li {
    padding: 0
}

.side-cate ul li a {
    position: relative;
    display: block;
    padding: 0 0 0 22px;
    color: #fff;
}

.side-cate ul li a:hover {
    color: #ff7519;
}

.side-cate ul li a:after {
    content: '';
    position: absolute;
    left: 4%;
    top: 0;
    width: 92%;
    height: 1px;
    background: url(../images/icons11.png) repeat-x left top;
}

.side-cate ul li li a:before {
    content: "";
    position: absolute;
    left: 22px;
    top: 20px;
    width: 4px;
    height: 4px;
    background: url(../images/icons07li.png) center center;
}

.side-cate ul li ul {
    display: none
}

.side-cate ul li li a {
    padding: 0 0 0 36px;
    color: #666666
}

.side-cate ul li a:hover {

}

.side-cate ul li .icon-cate {
    position: absolute;
    top: 0;
    right: 5px;
    width: 20px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    cursor: pointer;
}

.side-cate ul li .icon-cate-down {
    background: url(../images/icons07.png) no-repeat center center;
}

.side-cate ul li .icon-cate-up {
    background: url(../images/icons07.png) no-repeat center center;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.side-cate ul li.li-up {

}

.side-cate ul li.li-up li {
    background: #ffffff
}

.products-scroll-list-wrap {
    position: relative;
    margin: 0 10px;
    border-top: 1px dashed #d4d4d4;
}

.products-scroll-list {
    position: relative;
    padding: 15px 0 0;
}

.products-scroll-list li {
    padding: 0 8px 35px;
    display: block;
    overflow: hidden;
}

.products-scroll-list li img {
    width: 58px;
    border: 1px solid #EAEAEA;
    float: left;
    margin: 0 20px 0 0;
    border-radius: 2px;
}

.products-scroll-list li .pd-info {
    line-height: 20px;
    overflow: hidden;
}

.products-scroll-btn-prev, .products-scroll-btn-next {
    position: relative;
    width: 100%;
    height: 19px;
    display: block;
    z-index: 999
}

.products-scroll-btn-prev {
    background: url(../images/icons-prev.png) no-repeat center center;
    margin: 10px 0 0;
}

.products-scroll-btn-next {
    background: url(../images/icons-next.png) no-repeat center center;
    margin: -20px 0 20px;
}

.side-bn {
    max-width: 100%;
    margin: 0 0 25px 0;
}

.side-bn img {
    max-width: 100%
}

.side-contact {
    border-bottom: 1px solid #E8E8E8;
}

.side-contact .side-pic {
    position: relative;
    width: 100%;
    margin: 0 0 5px 0;
}

.side-contact .side-pic img {
    position: relative;
    width: 100%;
}

.side-contact ul {
    padding: 0 8px
}

.side-contact ul li {
    padding: 6px 0 6px 17px;
    background: url(../images/icons12.png) no-repeat left 12px;
    border-bottom: 1px solid #E8E8E8;
    line-height: 20px;
}

.side-contact ul li:last-child {
    border-bottom: none;
}

.side-contact ul li span {
    font-weight: bold;
}

.aside-ad img {
    position: relative;
    width: 100%;
}

.aside-ad .owl-dots {
    bottom: -2px;
    text-align: right;
}

.aside-ad .owl-dots .owl-dot {
    width: 23px;
    height: 16px;
    line-height: 16px;
    background: #FFF;
    cursor: pointer;
    text-indent: 0 !important;
    border-radius: 0;
    margin: 0 1px;
    text-align: center;
    color: #000;
}

.aside-ad .owl-dots .active {
    background: #ff7519;
    color: #FFF
}

.main {
    position: relative;
    width: 825px;
    display: block;
    float: right;
}

.product-tit-bar {
    position: relative;
    float: left;
}

.product-tit-bar .title {
    position: relative;
    font-size: 18px;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    font-family: 'SourceSansProSemibold';
    font-weight: normal
}

.main-tit-bar {
    position: relative;
    border-bottom: 1px solid #dfdfdf;
}

.main-tit-bar .title {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    font-family: 'SourceSansProSemibold';
    font-size: 28px;
    padding: 0 0 10px;
    line-height: 46px;
}

.main-tit-bar .share-this {
    display: inline;
    float: right;
    margin: 0 10px 0 0;
}

.goods-summary {
    line-height: 20px;
    padding: 10px 0 15px;
    color: #222222;
    border-bottom: 1px solid #dfdfdf;
}

.product-choose {
}

.product-choose .choose-method {
    position: relative;
    border-bottom: 1px solid #dfdfdf;
    padding: 13px 0 10px;
}

.product-choose .choose-method .title {
    position: relative;
    font-family: 'SourceSansProSemibold';
    font-size: 16px;
    font-weight: normal;
}

.product-choose .choose-method .form-item-radio {
    position: relative;
}

.product-choose .choose-method .form-item-radio .radio-item {
    position: relative;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    *zoom: 1;
    cursor: pointer;
    width: 20%;
    height: 35px;
}

.product-choose .choose-method .form-item-radio .radio-item input[type='radio'] {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 8px;
}

.product-choose .choose-method .form-item-radio .radio-item label {
    cursor: pointer;
    line-height: 35px;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 0 0 23px;
    background: url(../images/icons16.png) no-repeat 2px center;
}

.product-choose .choose-method .form-item-radio .radio-item label:after {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 15px;
    height: 30px;
    background: url(../images/icons16-hover.png) no-repeat 2px center;
    display: none;
}

.product-choose .choose-method .form-item-radio .radio-item input[type='radio']:checked + label:after {
    display: block;
}

.product-list, .certificate-list, .video-list, .download-list, .faq-list {
    position: relative;

}

.product-list ul, .certificate-list ul, .video-list ul {
    position: relative;
    width: 100%;
}

.download-list ul {
}

.download-list ul li {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 30px;
    padding: 30px 0 10px;
    border-bottom: 1px solid #E9E9E9;
}

.download-list ul li .download-cont {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    float: left;
}

.download-list ul li .download-cont .download-pic {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    width: 25px;
    height: 25px;
    overflow: hidden;
}

.download-list ul li .download-cont .download-pic img {
    max-width: 25px;
    max-height: 25px;
}

.download-list ul li .download-cont .download-detail {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    margin: 0 15px;
    font-size: 18px;
    font-family: 'SourceSansProSemibold';
}

.download-list ul li .download-button {
    position: relative;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    float: right;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    border-left-color: #C1C1C1;
    border-right-color: #C1C1C1;
    border-top-color: #C9C9C9;
    border-bottom-color: #A5A5A5;
    border-radius: 5px;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#F1F1F1', endColorStr='#DADADA', gradientType='0');
    background: -moz-linear-gradient(top, #F1F1F1, #DADADA);
    background: -o-linear-gradient(top, #F1F1F1, #DADADA);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F1F1F1), to(#DADADA));
}

.download-list ul li .download-button a {
    position: relative;
    display: block;
    padding: 0 12px 0 40px;
    color: #0A0A0A;
    background-image: url(../images/icons08.png);
    background-repeat: no-repeat;
    background-position: 15px 8px;
}

.faq-list ul {
}

.faq-list ul li {
    position: relative;
    display: block;
    overflow: hidden;
    line-height: 24px;

    border-bottom: 1px solid #E9E9E9;
    color: #3D3D3D;
}

.faq-list ul li .faq-title {
    position: relative;
    padding: 20px 0 16px 42px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
}

.faq-list ul li .faq-title b {
    position: absolute;
    left: 1px;
    top: 20px;
    width: 24px;
    height: 24px;
    display: block;
    overflow: hidden;
}

.faq-list ul li .faq-title b.faq-down {
    background: url(../images/icons10.png) no-repeat center center;
}

.faq-list ul li .faq-title b.faq-up {
    background: url(../images/icons09.png) no-repeat center center;
}

.faq-list ul li .faq-title h2 {
    font-weight: normal;
    font-size: 18px;
    font-family: 'SourceSansProSemibold';
}

.faq-list ul li .faq-cont {
    position: relative;
    padding: 0 0 30px 42px;
    font-size: 14px;
}

.page-bar {
    position: relative;
    display: block;
    margin: 12px 0 12px;
}

.page-search {
    position: relative;
    display: inline-block;
    float: left;
    width: 278px;
    height: 25px;
    border: 1px solid #dcdcdc;
    background: #FFF;
}

.page-search .search-ipt {
    position: absolute;
    left: 0;
    top: 0;
    width: 186px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    border: none;
    background: none;
    color: #999;
}

.page-search .search-btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 72px;
    height: 25px;
    line-height: 25px;
    border: none;
    background: #ff7519;
    color: #FFF;
    font-style: italic;
}

.page-bar .pages {
    display: inline-block;;
    float: right;
}

.pages a, .pages span {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    border: 1px solid #CFCFCF;
    height: 23px;
    line-height: 23x;
    padding: 0 8px;
    margin: 0 4px;
    vertical-align: middle;
    font-family: "SourceSansProRegular";
}

.pages span, .pages span a {

    text-transform: uppercase;
}

.pages span {
    margin: 0 10px;
}

.page-count {

}

.pages .page-prev {
    margin: 0 10px 0 10px;
}

.pages .page-next {
    margin: 0 0 0 15px;
}

.pages a.current, .pages a:hover {
    color: #223c58;
}

.pages a:hover {
    text-decoration: none;
}

.alloys-list {
    position: relative;
    margin: 30px 0 0;
}

.alloys-list tbody {
    position: relative;
    display: block;
    width: 100%;
    border-collapse: collapse;
    border: none;
    text-align: center;
    color: #222222
}

.alloys-list .table-title {
    position: relative;
    color: #FFF;
    background: #223c58;
    font-family: 'SourceSansProSemibold';
    font-size: 20px;
    line-height: 40px;
    text-align: center;
}

.alloys-list .table-more {
    position: absolute;
    right: 10px;
    top: 0;
    color: #FFF;
    line-height: 40px;
}

.alloys-list table tr {
    position: relative
}

.alloys-list table th, .alloys-list table td {
    border: 1px solid #dcdcdc;
    height: 40px;
    overflow: hidden;
}

.alloys-list table tr:first-child th {
    position: relative;
    background: #e4ecf4;
    font-size: 16px;
    font-family: 'SourceSansProSemibold';
}

.alloys-list table th:first-child, .alloys-list table td:first-child {
    width: 10%
}

.alloys-list table th:nth-child(2), .alloys-list table td:nth-child(2) {
    width: 10%
}

.alloys-list table th:nth-child(3), .alloys-list table td:nth-child(3) {
    width: 14%
}

.alloys-list table th:nth-child(4), .alloys-list table td:nth-child(4) {
    width: 33%
}

.alloys-list table th:last-child, .alloys-list table td:last-child {
    width: 33%
}

/* product photos */
.product-intro {
    position: relative;
    display: block;
}

.product-view {
    width: 350px;
    float: left;
    position: relative;
    padding: 0 0 10px;
    text-align: center;
}

.product-view img {
    width: 100%;
}

.product-view .text-tips {
    clear: both;
    color: #666;
    padding: 15px 0;
    line-height: 1.5em;
}

.product-view .product-img {
    display: table-cell;
    width: 340px;
    height: 340px;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    vertical-align: middle;
    background: #fff;
    padding: 5px
}

.product-view .product-img img {
    max-width: 340px;
    max-height: 340px;
    position: relative;
}

.product-view .share-this {
    display: inline-block;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
}

.small-img-scroll {
    position: relative;
    overflow: hidden;
    margin: 20px auto 0;
}

.small-img-scroll li {
    margin: 0 2px;
    display: inline;
}

.small-img-scroll li.disabled {
    display: block;
}

.small-img-wrap {
    padding: 0 15px;
    position: relative;
}

.small-img-wrap .small-img-slide {
    padding: 0 30px;
    width: auto;
}

.small-img-wrap .small-img-item, .small-img-wrap .small-img-item img {
    width: 60px;
    height: 60px;
}

.small-img-wrap .small-img-item {
    display: block;
    text-align: center;
    margin: 0 4px;
    cursor: pointer;
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    overflow: hidden;
}

.small-img-wrap .small-img-item img {
    display: block;
    vertical-align: middle;
}

.small-img-wrap .current .small-img-item {
    border-color: #223c58;
}

.small-img-wrap .small-btn-prev, .small-img-wrap .small-btn-next {
    display: block;
    width: 14px;
    position: absolute;
    top: 0;
    bottom: 0;
    text-indent: -9999em;
    overflow: hidden;
    background-image: url(../images/img_scroll_btns.png);
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
}

.small-img-wrap .small-btn-prev:hover, .small-img-wrap .small-btn-next:hover {
}

.small-img-wrap .small-btn-prev {
    background-position: 0 center;
    left: 0;
}

.small-img-wrap .small-btn-next {
    background-position: right center;
    right: 0;
}

.small-img-wrap .small-btn-prev.disabled:hover, .small-img-wrap .small-btn-next.disabled:hover, .small-img-wrap a.disabled {
    background-color: transparent;
    cursor: default;
    filter: alpha(opacity=20);
    opacity: 0.2;
}

/* photo gallery - 2015-05-25 */
.container {
    position: relative;
}

.photos-gallery {
    width: 900px;
    border: 1px solid rgba(0, 0, 0, .5);
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
    z-index: 999999;
    display: none;
}

.photos-gallery .close-gallery {
    display: block;
    width: 25px;
    height: 25px;
    background: url(../images/close_pop.png) center center no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: pointer;
}

.photos-gallery .close-gallery:hover {
    opacity: 1;
}

.photos-gallery .gallery-main {
    overflow: hidden;
    position: relative;
    background: #eee;
}

.photos-gallery .gallery-photo {
    float: left;
    width: 590px;
    padding: 15px 50px 1000px;
    margin-bottom: -970px;
    position: relative;
    background: #fff;
}

.photos-gallery .gallery-photo img {
    width: 100%;
    height: auto;
}

.gallery-small-imgs {
    width: 200px;
    float: right;
    padding: 15px 5px 15px 5px;
}

.gallery-small-imgs li {
    width: 32%;
    text-align: center;
    padding: 5px 0;
    display: inline-block;
    vertical-align: top;
}

.gallery-small-imgs li a {
    display: inline-block;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
}

.gallery-small-imgs li a:hover, .gallery-small-imgs li.current a {
    border-color: #ed532f;
}

.gallery-small-imgs li a:hover {
    padding: 1px;
    border-width: 1px;
    background: #fff;
}

.gallery-small-imgs li.current a:hover {
    padding: 0;
    border-width: 2px;
}

.gallery-small-imgs li.disabled {
    display: block;
}

.gallery-small-imgs li img {
    width: 100%;
}

.gallery-body-mask {
    display: none;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=40);
    opacity: 0.4;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99999;
}

.photos-gallery .gallery-photo-title {
    padding: 8px 20px;
    border-bottom: 1px solid #eee;
    color: #333;
}

.photos-gallery .photo-box {
    position: relative;
    background: url(../images/loading.gif) center center no-repeat;
}

.photos-gallery .photo-prev, .photos-gallery .photo-next {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    display: block;
    width: 22px;
    height: 40px;
    background-image: url(../images/gallery_btns.png);
    background-repeat: no-repeat;
    background-color: transparent;
    text-indent: -9999em;
    overflow: hidden;
    border-radius: 3px;
    cursor: pointer;
}

.photos-gallery .photo-prev:hover, .photos-gallery .photo-next:hover {
    background-color: #999;
}

.photos-gallery .photo-prev {
    background-position: 4px 5px;
    left: -40px;
}

.photos-gallery .photo-next {
    background-position: -14px 5px;
    right: -40px;
}

.photos-gallery .photo-prev:hover {
    background-position: 4px -30px;
}

.photos-gallery .photo-next:hover {
    background-position: -14px -30px;
}

/* product summary */
.product-summary {
    width: 460px;
    float: right;
}

.product-title {
    font-size: 24px;
    border-bottom: 1px solid #c9c9c9;
    padding: 0 0 15px 0;
    margin: 0 0 19px 0;
    color: #222222;
    font-weight: normal;
    font-family: 'SourceSansProSemibold'
}

.product-summary .product-meta {
    position: relative;
    font-size: 16px;
}

.product-summary .product-meta h3 {
    font-family: 'SourceSansProSemibold'
}

.product-summary .inquiry-tit {
    color: #0082CA;
    font-size: 18px;
    font-weight: normal;
    padding: 0 0 15px
}

.product-social {
    position: relative;
    margin: 20px 0 0
}

.product-social a {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    height: 33px;
    line-height: 33px;
    padding: 0 25px 0 55px;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    background: #FFF;
    color: #223c58;
    margin: 0 10px 0 0
}

.product-social a:before {
    content: "";
    position: absolute;
    background-image: url(../images/page-ico.png);
    background-repeat: no-repeat;
}

.product-social a.inquiry:before {
    top: 8px;
    left: 23px;
    width: 21px;
    height: 18px;
    background-position: 0 -83px;
}

.product-social a.email:before {
    top: 10px;
    left: 27px;
    width: 17px;
    height: 11px;
    background-position: -94px -83px;
}

.product-social a.skype:before {
    top: 7px;
    left: 23px;
    width: 18px;
    height: 18px;
    background-position: -175px -83px;
}

.product-social a:hover {
    color: #FFF;
    background: #223c58;
}

.product-social a.inquiry:hover:before {
    background-position: 0 -57px;
}

.product-social a.email:hover:before {
    background-position: -94px -57px;
}

.product-social a.skype:hover:before {
    background-position: -175px -57px;
}

.product-summary .share-this {
    padding: 40px 0 0;
    float: right;
}

.product-detail {
    position: relative;
    overflow: visible;
    margin: 50px 0 0;
}

.detail-tabs {
    position: relative;
    border-bottom: 1px solid #d2d2d2
}

.detail-tabs h2 {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    position: relative;
    font-size: 16px;
    line-height: 30px;
    width: 49.5%;
    cursor: pointer;
    color: #666666;
    border: 1px solid #dcdcdc;
    background: #eeeeee;
    border-bottom: 2px solid #FFF;
    font-weight: normal;
    text-align: center
}

.detail-tabs h2.current {
    color: #fff;
    border-color: #223c58;
    border-bottom: 2px solid #FFF;
    background: #223c58;
}

.product-detail .detail-panel {

}

.product-detail .disabled {
    display: none;
}

.goods-tbar {
    position: relative;
    background: #223c58;
}

.goods-tbar .title {
    position: relative;
    display: inline-block;
    *display: inline;
    vertical-align: top;
    *zoom: 1;
    font-size: 18px;
    line-height: 44px;
    font-weight: normal;
    font-family: 'SourceSansProSemibold';
    color: #fff;
    padding: 0 11px;

}

.goods-tbar .more {
    float: right;
    display: block;
    line-height: 40px;
    color: #FFF;
    font-size: 16px;
    margin: 0 10px 0 0;
}

.goods-may-like {
    position: relative;
    margin: 40px 0 0;
}

.goods-items-wrap {
    position: relative;
    width: 100%;
    padding-left: 7px;
}

.goods-may-like .goods-items-wrap .product-item {
    width: 180px;
}

.goods-items {
    position: relative;
    width: 100%;
    margin: 15px 0 0;
}

.goods-items .product-item {
    margin: 0 15px 27px 0;
}

.goods-items .owl-nav {
    display: inline;
    position: absolute;
    top: -45px;
    right: 20px;
}

.goods-items .owl-prev, .goods-items .owl-next {
    display: block;
    width: 19px;
    height: 19px;
    text-indent: -9999em;
    overflow: hidden;
    z-index: 999;
    background-position: center center;
    background-repeat: no-repeat;
    float: left;

}

.goods-items .owl-prev {
    background-image: url(../images/prev01.png);
    margin: 0 5px 0 0
}

.goods-items .owl-next {
    background-image: url(../images/next01.png);
}

.blog-list {
    background: #fff;
    padding: 0 0 80px;
    margin: 0 auto 15px;
}

.blog-list .blog-item {
    padding: 20px 20px;
    position: relative;
    margin: 0 auto 3px;
}

.blog-list .blog-item .blog-img {
    float: left;
    width: 200px;
    height: auto;
    margin: 0 20px 8px 0;
}

.blog-list .blog-item .blog-tit {
    font-size: 16px;
}

.blog-list .blog-item .blog-meta {
    display: block;
    color: #aaa;
}

.blog-list .blog-item .blog-meta span {
    display: inline;
    padding: 0 15px 0 0;
}

.blog-list .blog-item .blog-summary {
    padding: 8px 0;
    color: #999;
}

.blog-list .blog-item .readmore {
    display: block;
    text-align: right;
    font-size: 14px;
}

.blog-list .blog-item .readmore:hover a {
    color: #1F5792;
}

.blog-list .blog-item .readmore i {
    font-size: 14px;
}

.blog-list .blog-item:hover {
    background: #fafafa;
}

.blog-list .blog-item:hover img {
    opacity: 0.8;
}

.blog-list .blog-item:before {
    content: "";
    height: 1px;
    font-size: 1px;
    overflow: hidden;
    border-top: 1px double #223c58;
    border-bottom: 1px double #223c58;;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
}

.blog-article {

}

/*====CONTENT SLIDER NAVIGATION
=======================================================*/

/* for:
   public site module
================================================== */
/* lightbox */
.jquery-lightbox-button-close, .jquery-lightbox-button-left, .jquery-lightbox-button-right, .slide-banners .flex-prev, .slide-banners .flex-next, .about-banner-wrap .owl-prev, .about-banner-wrap .owl-next, .history-foot .site-name {
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.jquery-lightbox-overlay {
    background: #000;
}

.jquery-lightbox-navigator {
    display: none;
    height: 0 !important;
}

.jquery-lightbox {
    padding: 0;
    background: #fff url(../images/loading.gif) center center no-repeat;
    border: 6px solid #333;
    border-radius: 10px;
}

.jquery-lightbox-background img {
    display: block;
    max-width: 100%;
}

.jquery-lightbox-button-close, .jquery-lightbox-button-left, .jquery-lightbox-button-right {
    background-image: url(../images/lightbox_sprites.png);
    background-repeat: no-repeat;
    background-color: transparent;
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.jquery-lightbox:hover .jquery-lightbox-button-close, .jquery-lightbox:hover .jquery-lightbox-button-left, .jquery-lightbox:hover .jquery-lightbox-button-right {
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 9000;
}

.jquery-lightbox-button-close {
    display: block;
    width: 28px;
    height: 28px;
    background-position: -56px 0;
    position: absolute;
    right: 6px;
    top: 6px;
    text-indent: -9999em;
    overflow: hidden;
}

.jquery-lightbox-buttons {
    width: 56px;
    position: absolute;
    left: 0;
    top: 45%;
    width: 100%;
}

.jquery-lightbox-button-left, .jquery-lightbox-button-right {
    display: block;
    width: 28px;
    height: 36px;
    text-indent: -9999em;
    overflow: hidden;
    position: relative;
    position: absolute;
}

.jquery-lightbox-button-left {
    background-position: 0 0;
    left: 6px;
}

.jquery-lightbox-button-right {
    background-position: -28px 0;
    right: 6px;
}

.jquery-lightbox-button-max {
    display: none !important;
}

.jquery-lightbox-mode-html .jquery-lightbox-background {
    display: none;
}

.jquery-lightbox-mode-image .jquery-lightbox-html {
    display: none;
}

.lightbox-html .jquery-lightbox-overlay {
    background: #fff;
}

.lightbox-html .jquery-lightbox {
    border: 1px solid #999;
    border-radius: 8px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    text-align: center;
}

.lightbox-html embed {
    border-radius: 0 0 8px 8px;
}

.lightbox-html .jquery-lightbox {
    padding: 35px 15px 15px;
}

.lightbox-html .jquery-lightbox-button-close {
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(../images/lightbox_close.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    right: 5px;
    top: 5px;
    text-indent: -9999em;
    overflow: hidden;
}

/* inquiry form */
.inquiry-form-wrap {
    position: relative;
    width: 100%;
    background: url(../images/inq01.png) repeat left top;
}

.inquiry-form {
    position: relative;
    padding: 25px 7% 35px;
    border: 1px solid #F4F4F4;
}

.inquiry-form:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    display: block;
    overflow: hidden;
    background: url(../images/inq02.png) repeat-x left top;
}

.inquiry-form .inquiry-form-ico {
    position: absolute;
    right: 20px;
    top: 27px;
    width: 75px;
    display: block;
    overflow: hidden;
}

.inquiry-form .inquiry-form-ico img {
    position: relative;
    width: 100%;
}

.inquiry-form .inquiry-form-title {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.inquiry-form .form-item {
    position: relative;
    display: block;
}

.inquiry-form .form-input, .inquiry-form input[type="text"] {
    position: relative;
    border: 1px solid #E3E3E3;
    width: 50%;
    height: 31px;
    line-height: 31px;
    margin: 10px 0 0;
    color: #000;
    padding: 0 0 0 20px;
}

.inquiry-form .form-text, .inquiry-form textarea {
    position: relative;
    border: 1px solid #E3E3E3;
    width: 90%;
    height: 112px;
    line-height: 31px;
    margin: 10px 0 0;
    color: #000;
    padding: 0 0 0 20px;
}

.inquiry-form .form-input-name, .inquiry-form input[type="text"].form-input-name {
    padding: 0 0 0 28px;
    background: url(../images/inq04.png) no-repeat 8px 9px;
}

.inquiry-form .form-input-email, .inquiry-form input[type="text"].form-input-email {
    padding: 0 0 0 28px;
    background: url(../images/inq05.png) no-repeat 8px 11px;
}

.inquiry-form .form-input-email, .inquiry-form input[type="text"].form-input-phone {
    padding: 0 0 0 28px;
    background: url(../images/inq06.png) no-repeat 8px 11px;
}

.inquiry-form .form-btn-wrap {
    position: absolute;
    bottom: 57px;
    left: 7%;
    width: 83%;
    height: 0;
    display: block;
}

.inquiry-form .form-btn-wrap .form-btn-submit {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    height: 30px;
    line-height: 30px;
    padding: 0 16px;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    border-left-color: #ECC75C;
    border-right-color: #ECC75C;
    border-top-color: #F4D67E;
    border-bottom-color: #E1AF32;
    border-radius: 5px;
    color: #4C4C4E;
    text-shadow: 0 0 1PX rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFF5D1', endColorStr='#FCE26B', gradientType='0');
    background: -moz-linear-gradient(top, #FFF5D1, #FCE26B);
    background: -o-linear-gradient(top, #FFF5D1, #FCE26B);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF5D1), to(#FCE26B));
}

.Validform_checktip {
    display: block;
    width: 93%;
    margin: 0 auto;
    _display: none;
}

.Validform_wrong {
    font-size: 12px;
    font-weight: bold;
    color: #da3439;
    _display: block;
}

/* entry table
----------------------------- */
.entry {
    padding: 15px 0;
}

.entry li {
    list-style: inherit;
}

.entry {
    color: #000000;
}

.entry a {
    color: #000000;
}

.entry a:hover {
    color: #0d72f8;
}

.entry p {
    margin: 0;
    padding: 0;
    font-size: 13px;
    line-height: 1.8;
    color: #000000;
}

.entry table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    margin-bottom: 20px;
}

.entry th, .entry td {
    height: 30px;
    border: 1px solid #ccc;
    text-align: left;
    line-height: 1.5;
    font-size: 12px;
    color: #000000;
    background: #fbfbfb;
    padding: 0 15px;
}

.entry th a span:hover, .entry td a span:hover {
    color: #ff7519;
}

.entry th {
    font-size: 12px;
    background: #eee;
}

.entry td p, .entry th p, .pd-panel .entry td p, .pd-panel .entry th p {
    margin: 0;
    padding: 5px;
    color: #000000;
    font-size: 12px;
    line-height: 1.3;
}

.entry td.amts {
    color: #000000;
}

.entry th#cartDelete {
    text-align: center;
}

.entry .button {
    margin: 15px 10px 0 0;
    background: #dfdfdf;
    padding: 8px 15px;
    border: 0;
    cursor: pointer;
    line-height: 1.2;
    color: #777;
    font-weight: bold;
    text-transform: Capitalize;
}

.entry .button:hover {
    background: #cb2027;
    color: #fff;
}

.entry .deletecartitem {
    width: 50px;
    text-align: center;
}

.entry .deletecartitem label {
    display: none;
}

.entry .stotal td.amts {
    font-size: 18px;
    font-weight: bold;
}

.entry img.alignleft {
    float: left;
    margin: 20px 15px 0 0;
}

.entry img.alignright {
    float: right;
    margin: 20px 0 0 15px;
}

.entry img.alignleftnopad {
    float: left;
    margin-left: 0;
}

.entry img.alignrightnopad {
    float: right;
    margin-right: 0;
}

.entry img.aligncenter {
    text-align: center;
    display: block;
    margin: 20px auto 0 auto;
}

.entry img {
    max-width: 100%;
    height: auto !important;
}

.cartitem a {
    color: #000000;
    font-weight: bold;
}

.inquiry-form ul li {
    background: none;
}

.entry .inquiry-form-wrap {
    margin: 20px 0 0;
}

/* contact form
----------------------------- */
.contact-form {
    padding: 15px 20px 50px;
}

.contact-form .form-item {
    width: auto;
    padding: 6px 0 6px 90px;
    _width: 600px;
}

.contact-form .form-label {
    width: 85px;
}

.contact-form .form-btn-wrap {
    position: relative;
    display: block;
    padding: 15px 0 0 90px;
    bottom: auto;
    right: auto;
}

.contact-form .form-btn-wrap .form-btn-submit {
    padding: 5px 40px;
    text-align: center;
    font-size: 14px;
    background: -moz-linear-gradient(top, #fff, #ddd);
    background: -webkit-linear-gradient(top, #fff, #ddd);
    background: -ms-linear-gradient(top, #fff, #ddd);
    background: -o-linear-gradient(top, #fff, #ddd);
    background: linear-gradient(top, #fff, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);
    border-radius: 3px;
}

.contact-form .form-btn-wrap .form-btn-submit:hover {
    border: 1px solid #aaa;
    color: #333;
    box-shadow: 0 0 3px #ddd inset;
}

/* others
----------------------------- */
.top-category {
    padding-bottom: 10px;
}

.top-category .titl {
    padding: 5px;
    line-height: 12px;
    border: 1px solid #cccccc;
}

.pagenavi {
    padding: 10px 5px 30px 20px;
}

.pagenavi span, .pagenavi a {
    padding: 5px;
    border: 1px solid #ccc;
    margin-right: 5px;
}

/* rating
----------------------------- */
.post-ratings {
    width: 100%;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1; /* background-color: #ffffff;*/
}

.post-ratings-loading {
    display: none;
    height: 16px;
    text-align: left;
}

.post-ratings-image {
    border: 0px;
}

.post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG {
    border: 0px;
    padding: 0px;
    margin: 0px;
}

.post-ratings-text {
}

.post-ratings-comment-author {
    font-weight: normal;
    font-style: italic;
}

/* size */
.model {
    width: 100%;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px;
}

.info-title {
    max-height: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: block;
}

.info-con {
    display: block;
    margin-left: 20px;
}

.info-con-title {
    font-size: 15px;
    color: #FF3300;
}

.info-con span {
    display: block;
}

.info-left {
    float: left;
    width: 120px;
    max-height: 370px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: block;
    margin-top: 123px;
}

.info-middle {
    float: left;
    display: block;
    overflow: hidden;
    padding: 0 10px;
}

.info-right {
    float: left;
    width: 120px;
}

.info-right div:first-child {
    height: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: block;
    margin-top: 11px;
}

.info-right div:nth-child(2) {
    height: 166px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: block;
    margin-top: 13px;
}

.info-right div:nth-child(3) {
    height: 148px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    display: block;
    margin-top: 9px;
}

.size-table td {
    text-align: center;
}

/* for: page================================================== */
.main .item-head {
    padding: 10px 0;
    border-top: 1px dashed #c0c0c0;
    clear: both;
    font-size: 14px;
    font-weight: bold;
}

.main .color-show li {
    width: 70px;
    height: 90px;
    float: left;
    text-align: center;
}

.main .color-show li img {
    width: 51px;
    height: 51px;
}

.main .color-show li span {
    display: block;
    padding: 5px 0 0;
}

.main .color-show li.show-big {
    width: 220px;
    min-height: 300px;
    _height: 300px;
    _overflow: visible;
    float: left;
}

.main .color-show li.show-big img {
    width: 160px;
    height: auto;
    margin: 15px auto 0;
}

.selected {
    cursor: pointer;
}

.ico ul li {
    padding: 5px 0;
}

.ico ul li a {
    color: #FFC000;
    font-weight: bold;
}

.sub-tbar {
    line-height: 30px;
    background: url(../images/tit_bg_line.png) repeat-x scroll 0 15px;
    text-align: center;
    margin-bottom: 15px;
}

.sub-tbar h3 {
    display: inline-block;
    padding: 0 10px;
    background: #fff;
    font-size: 18px;
    font-weight: normal;
}

.sub-tbar h3 {
    *display: inline;
}

.handmade li {
    float: left;
    width: 257px;
    height: 280px;
    padding: 0 10px;
}

.handmade li .img, .handmade li .img img {
    display: block;
    width: 250px;
    height: 138px;
}

.handmade li .tit {
    display: block;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    padding: 5px 0 0;
    font-size: 12px;
}

.handmade li .tit, .handmade li .tit a {
    color: #333;
}

.handmade li .summary {
    height: 80px;
    line-height: 20px;
    overflow: hidden;
}

.shippingdate {
    padding: 2px 0 0;
    border-top: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    margin: 10px 0 0;
}

.detail {
    float: right;
    width: 350px;
    padding: 2px 0 0 20px;
    border-top: 1px dashed #ddd;
    border-left: 1px dashed #ddd;
    border-bottom: 1px dashed #ddd;
    margin: 10px 0 0;
}

.detail a {
}

.detail ul {
    overflow: hidden;
}

.detail ul li {
    float: left;
    width: 160px;
}

/* for: page faq...================================================== */
.size {
    margin-top: 0px;
    padding-left: 60px;
}

.size table {
    border: 1px solid #efefef;
    margin-top: 20px;
}

.size ul li {
    float: left;
    padding: 0 18px;
}

.size table td {
    text-align: center;
}

.size table tr {
    text-align: center;
}

.size table th {
    text-align: center;
    color: #FFC000;
    font-weight: bold;
}

.size-pro table {
    border: 1px solid #efefef;
    margin-top: 20px;
    text-align: center;
}

.size-pro ul li {
    float: left;
    padding: 0 18px;
}

.size-pro table td {
    text-align: center;
}

.size-pro table tr {
    text-align: center;
    color: #FFC000;
    font-weight: bold;
}

.size-pro table th {
    text-align: center;
    color: #FFC000;
    font-weight: bold;
}

.attachment-100x100 {
    max-width: 120px;
}

/* dropdown
----------------------------- */
.topbar .change-currency {
    display: inline;
    float: right;
    margin: 0 0 0 10px;
}

.topbar .change-currency a:hover {
    text-decoration: none;
}

.topbar .change-currency a.USD, .change-currency a.EUR, .topbar .change-currency a.CAD, .topbar .change-currency a.GBP, .topbar .change-currency a.AUD, .topbar .change-currency a.HK, .topbar .change-currency a.JPY, .topbar .change-currency a.RUB, .topbar .change-currency a.CHF, .topbar .change-currency a.MXN, .topbar .change-currency a.NOK, .topbar .change-currency a.CZK, .topbar .change-currency a.BRL, .topbar .change-currency a.ARS {

    padding: 0 0 0 26px;

    background-image: url(../images/currency-icons.png);

    background-repeat: no-repeat;

}

.topbar .change-currency a.USD {

    background-position: 2px 4px;

}

.topbar .change-currency a.EUR {

    background-position: 2px -22px;

}

.topbar .change-currency a.CAD {

    background-position: 2px -50px;

}

.topbar .change-currency a.GBP {

    background-position: 2px -75px;

}

.topbar .change-currency a.AUD {

    background-position: 2px -100px;

}

.topbar .change-currency a.HK {

    background-position: 2px -125px;

}

.topbar .change-currency a.JPY {

    background-position: 2px -150px;

}

.topbar .change-currency a.RUB {

    background-position: 2px -177px;

}

.topbar .change-currency a.CHF {

    background-position: 2px -202px;

}

.topbar .change-currency a.MXN {

    background-position: 2px -227px;

}

.topbar .change-currency a.NOK {

    background-position: 2px -252px;

}

.topbar .change-currency a.CZK {

    background-position: 2px -278px;

}

.topbar .change-currency a.BRL {

    background-position: 2px -303px;

}

.topbar .change-currency a.ARS {

    background-position: 2px -329px;

}

.dropdown {
    display: inline-block;
    float: left;
    margin-right: 5px;
    position: relative;
    padding-top: 1px;
}

.dropdown .submenu {
    width: 90px;
    display: none;
    position: absolute;
    left: 0;
    top: 44px;
    background: #fff;
    border-radius: 0 3px 3px 3px;
    border: 1px solid #bbb;
    text-align: left;
    padding: 5px;
    z-index: 99999;

    background: #fff;
}

.dropdown .submenu a {
    display: block;
    border-top: 1px solid #eee;
}

.over .submenu {
    display: block
}

.currency_cur {
    width: 90px;
    padding: 0 5px;
    border: 1px solid #bbb;
}

.currency_text {
    float: left;
}

.totalall {
    font-size: 18px;
    font-weight: bold;
}

.masking-out {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    display: block;
    overflow: hidden;
    z-index: 99999
}

.masking-out-cont {
    position: relative;
    width: 1080px;
    margin: 100px auto;
    text-align: center;
}

.masking-out-cont, .masking-out-cont a {
    color: #FFF;
}

.asking-out-title {
    font-size: 48px;
}

.masking-out-detail {
    padding: 35px 0;
    text-align: left;
}

.masking-out-close, .web-close {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    height: 35px;
    line-height: 35px;
    padding: 0 25px;
    margin: 0 20px;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
}

.masking-out-close {
    background: #000
}

.web-close {
    background: #ccc;
    color: #000;
}

.menu-item a img {
    display: block;
}

/* inquiry form */
.inquiry-form-wrap {
    position: relative;
    width: 100%;
}

.inquiry-form {
    position: relative;
    padding: 25px 7% 35px;
    border: 1px solid #F4F4F4;
}

.inquiry-form:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 5px;
    display: block;
    overflow: hidden;
    background: url(../images/inq02.png) repeat-x left top;
}

.inquiry-form .inquiry-form-ico {
    position: absolute;
    right: 20px;
    top: 27px;
    width: 75px;
    display: block;
    overflow: hidden;
}

.inquiry-form .inquiry-form-ico img {
    position: relative;
    width: 100%;
}

.inquiry-form .inquiry-form-title {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}

.inquiry-form .form-item {
    position: relative;
    display: block;
}

.inquiry-form .form-input, .inquiry-form input[type="text"] {
    position: relative;
    border: 1px solid #E3E3E3;
    width: 50%;
    height: 31px;
    line-height: 31px;
    margin: 18px 0 0;
    color: #C1C1C1;
    padding: 0 0 0 20px;
}

.inquiry-form .form-text, .inquiry-form textarea {
    position: relative;
    border: 1px solid #E3E3E3;
    width: 90%;
    height: 112px;
    line-height: 31px;
    margin: 18px 0 0;
    color: #C1C1C1;
    padding: 0 0 0 20px;
}

.inquiry-form .form-input:focus, .inquiry-form input[type="text"]:focus, .inquiry-form .form-text:focus, .inquiry-form textarea:focus {
    border-color: #ccc;
}

.inquiry-form .form-input-name, .inquiry-form input[type="text"].form-input-name {
    padding: 0 0 0 28px;
    background: url(../images/inq04.png) no-repeat 8px 9px;
}

.inquiry-form .form-input-email, .inquiry-form input[type="text"].form-input-email {
    padding: 0 0 0 28px;
    background: url(../images/inq05.png) no-repeat 8px 11px;
}

.inquiry-form .form-input-phone, .inquiry-form input[type="text"].form-input-phone {
    padding: 0 0 0 28px;
    background: url(../images/inq06.png) no-repeat 8px 7px;
}

.inquiry-form .form-btn-wrap {
    position: absolute;
    bottom: 57px;
    left: 7%;
    width: 83%;
    height: 0;
    display: block;
}

.inquiry-form .form-btn-wrap .form-btn-submit {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    height: 30px;
    line-height: 30px;
    padding: 0 16px;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
    border-left-color: #ECC75C;
    border-right-color: #ECC75C;
    border-top-color: #F4D67E;
    border-bottom-color: #E1AF32;
    border-radius: 5px;
    color: #4C4C4E;
    text-shadow: 0 0 1PX rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFF5D1', endColorStr='#FCE26B', gradientType='0');
    background: -moz-linear-gradient(top, #FFF5D1, #FCE26B);
    background: -o-linear-gradient(top, #FFF5D1, #FCE26B);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF5D1), to(#FCE26B));
}

.inquiry-form .Validform_checktip {
    display: block;
    width: 93%;
    margin: 0 auto;
    _display: none;
}

.inquiry-form .Validform_wrong {
    font-size: 12px;
    font-weight: bold;
    color: #da3439;
    _display: block;
}

@media screen and (max-width: 641px) {
    .inquiry-form .inquiry-form-ico {
        width: 50px;
    }

    .inquiry-form .form-input, .inquiry-form input[type="text"] {
        width: 70%;
    }

    .inquiry-form .form-text, .inquiry-form textarea {
        width: 100%;
    }

    .inquiry-form .form-btn-wrap {
        display: block;
        position: static;
        padding: 1em 0;
    }

    .inquiry-form .form-btn-wrap .form-btn-submit {
        position: static;
        padding: 0 2em;
    }
}

/* contact form
   -----------------------------------*/
.contact-form {
    padding: 15px 20px 50px;
}

.contact-form .form-item {
    width: auto;
    padding: 6px 0 6px 90px;
    _width: 600px;
}

.contact-form .form-label {
    width: 85px;
}

.contact-form .form-btn-wrap {
    position: relative;
    display: block;
    padding: 15px 0 0 90px;
    bottom: auto;
    right: auto;
}

.contact-form .form-btn-wrap .form-btn-submit {
    padding: 5px 40px;
    text-align: center;
    font-size: 14px;
    background: -moz-linear-gradient(top, #fff, #ddd);
    background: -webkit-linear-gradient(top, #fff, #ddd);
    background: -ms-linear-gradient(top, #fff, #ddd);
    background: -o-linear-gradient(top, #fff, #ddd);
    background: linear-gradient(top, #fff, #ddd);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0);
    border-radius: 3px;
}

.contact-form .form-btn-wrap .form-btn-submit:hover {
    border: 1px solid #aaa;
    color: #333;
    box-shadow: 0 0 3px #ddd inset;
}

.Pagination {
    height: 55px;
    _height: 45px;
    line-height: 20px;
    margin-right: 15px;
    _margin-right: 5px;
    color: #565656;
    margin-top: 10px;
    _margin-top: 20px;
    clear: both;
}

.Pagination span {
    margin-right: 5px;
    display: block;
    float: left;
    margin-left: 5px;
}

.Pagination span b {
    padding: 0 2px;
}

.Pagination div {
    float: left
}

.Pagination a {
    font-size: 12px;
    text-decoration: none;
    display: block;
    color: #111;
    border: 1px solid #cfcfcf;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    margin: 0 2px;
}

.Pagination .Ellipsis {
    line-height: 32px;
    overflow: hidden;
    display: none;
}

cite.FormNum {
    display: block;
    float: left;
    line-height: 20px;
    height: 20px;
    font-style: normal;
    padding-left: 10px;
}

#PageNum {
    color: #777;
    width: 30px;
    height: 20px;
    line-height: 20px;
    border: 1px solid #cacaca;
    margin: 0 5px;
    text-align: center;
}

.Pagination a:hover, .Pagination a.PageCur {
    color: #223c58;
}

.side-cate .nav-current > a {
    color: #ff7519;
    font-weight: bold;
}

.titanium-products li {
    float: left;
    width: 220px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
}

.foot{
    text-align: center;
    background: #101f2e;
    line-height: 70px;
    color: #fff;
}

.zbanner{
    height: 300px;
    background-position: center;
}

.contact {
    float: left;
    width: 42%;
    line-height: 35px;
    font-size: 14px;
}

.contact h1 {
    font-size: 24px;
    line-height: 44px;
    margin-bottom: 10px;
}

.contact strong {
    font-size: 16px;
}

.map {
    width: 55%;
    float: right;
    height: 345px;
}

.lx-tit {
    text-align: center;
    color: #333;
    font-size: 24px;
    margin: 50px 0 30px;
    font-weight: bold;
}

.mesform {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin: 20px auto 50px;
    text-align: left;
}

.mfields .txtarea {
    font-size: 14px;
    padding: 2px 0;
    width: 100%;
    border: 1px solid #eeeeee;
    height: 100px;
    background: #f5f5f5;
    text-indent: 10px;
    line-height: 36px;
    font-family: '寰?蒋???';
}

.mfields li {
    float: left;
    width: 47%;
    margin-bottom: 13px;
    list-style: none !important;
}

.mfields li:last-child {
    width: 100%;
    margin-right: 0;
}

.mfields li:nth-child(even) {
    float: right;
}

.mfields li span {
    display: inline-block;
    width: 13%;
    font-size: 14px;
    margin-bottom: 10px;
}

.mfields .title {
    padding: 10px 0;
    line-height: 1.5;
    width: 100%;
    text-align: left;
}

.mfields .inpbox {
    width: 100%;
}

.mfields .inptext {
    font-family: '寰?蒋???';
    border: 1px solid #eeeeee;
    font-size: 14px;
    text-indent: 10px;
    height: 34px;
    width: 85%;
    background: #f5f5f5;
}

.btnsubmit {
    display: inline-block;
    background-color: #1b4790;
    border-style: solid;
    border-width: 0;
    line-height: 40px;
    height: 40px;
    width: 100%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    text-align: center;
    margin: 5px auto;
    color: #FFF !important;
    transition: 0.4s;
    -moz-transition: 0.4s; /* Firefox 4 */
    -webkit-transition: 0.4s; /* Safari ?? Chrome */
    -o-transition: 0.4s; /* Opera */
    cursor: pointer;
}

.btnsubmit:hover {
    background-color: #316ac8;
    text-decoration: none;
}

.xf-left{
    position: fixed;
    left: 0;
    top: 30%;
    z-index: 99;
}

.xf-left a{
    display: block;
    margin-bottom: 5px;
}

.xf-left a span{
    display: inline-block;
    width: 48px;
    height: 48px;
    vertical-align: middle;
    border-radius: 10%;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.xf-left a:hover span{
    transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transition: transform 1s;
    -moz-transition: transform 1s;
    -webkit-transition: transform 1s;
    -o-transition: transform 1s;
}

.social-icon-facebook {
    background: url(../images/follow-service.png) no-repeat -56px 0 #3b5998;
}

.social-icon-googleplus {
    background: url(../images/follow-service.png) no-repeat -56px -64px #d14836;
}

.social-icon-linkedin {
    background: url( ../images/follow-service.png) no-repeat -56px -128px #007fb1;
}

.social-icon-twitter {
    background: url( ../images/follow-service.png) no-repeat -56px -256px #00aced;
}

.social-icon-youtube {
    background: url( ../images/follow-service.png) no-repeat -56px -320px #cd332d;
}

.xf-right{
    position: fixed;
    z-index: 99;
    right: 0;
    top: 30%;
}

.xf-right > li{
    width: 48px;
    height: 48px;
    position: relative;
    margin: 1px;
}

.xf-right > li > a{
    background-color: rgb(209, 72, 54);
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    border-radius: 10%;
}

.xf-right > li > a:hover{
    opacity: .8;
}

.xf-right > li > a i {
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-top: 10px;
    background-image: url(../images/xf-right.png);
    background-repeat: no-repeat;
}

.xf-right > li:hover ul{
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
}

.xf-right > li ul{
    padding: 5px 8px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    position: absolute;
    right: 58px;
    top: 6px;
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transition: all .4s;
    transition: all .4s;
}

.xf-right > li ul li{
    line-height: 28px;
    position: relative;
    white-space: nowrap;
    width: auto;
    height: auto;
}

.xf-right > li ul:after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    border-color: transparent #ccc #ccc transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    right: -6px;
    top: 10px;
    background-color: #fff;
}

.xf-right > li ul li a{
    display: block;
    min-height: 22px;
    text-align: center;
    line-height: 22px;
    color: #666;
    font-size: 14px;
}

.onlineService_s i {
    background-position: 0 -28px;
}

.onlineService_e i {
    background-position: 0 -111px;
}

.onlineService_t i {
    background-image: url(../images/fastPhone.png) !important;
    background-position: center center;
}

.onlineService_q i {
    background-position: 0 0;
}

.onlineService_whatsApp i {
    background-position: 0 -139px;
}

.onlineService_WeChat i {
    background-image: url(../images/WeChat.png) !important;
    background-position: center center;
}

.Pagination .thisclass, .Pagination li a:hover{
    background: #223c58;
    border:1px solid #223c58;
    color: #fff;
}

.Pagination li{
    display: inline-block;
}

.Pagination{
    text-align: center;
}

.Pagination .thisclass{
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 10px;
    margin: 0 2px;
}

.syabout{
    background: url(../images/bg01.jpg) no-repeat left top fixed;
}