@charset "utf-8";







/*--------------------------reset main.css---------------------------*/



/* font color */



@font-face {font-family: 'korolevcompressed';

    src:;

    src: format('embedded-opentype'),

         format('woff'),

         format('truetype'),

         format('svg');

    font-weight: normal;

    font-style: normal;}

.about-us .about-title,

.layer-title-bar .layer-title,

.banner-item .item-tit,

.video-layer .video-title,

.video-layer .video-layer-title,

.partner-layer .partner-layer-title,

.contact-layer .layer-title{

    font-family: 'korolevcompressed';

}







/* clear floating */

.gd-layer:after,

.gd-row:after,

.layer-body:after,

.head-r:after,

.nav-wrap:after,

.company-synopses ul:after,

.items-content:after,

.items_list ul:after,

.owl-stage:after,

.new-item:after,

.blog-news-list:after,

.news-item-hd:after,

.featured-list:after,

.banner-list:after,

.new-product-list:after,

.head-contact:after,

.contact-layer .contact-items:after,

.partner-list:after,

.partner-list ul:after,

.advantage-list:after,

.foot-links:after,

.foot-txt-list:after,

.layer-title-bar:after{

    content: '';

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

.gd-layer,

.gd-row,

.layer-body,

.head-r,

.nav-wrap,

.company-synopses ul,

.items-content,

.items_list ul,

.owl-stage,

.new-item,

.blog-news-list,

.news-item-hd,

.featured-list,

.banner-list,

.new-product-list,

.head-contact,

.contact-layer .contact-items,

.partner-list,

.partner-list ul,

.advantage-list,

.foot-links,

.foot-txt-list,

.layer-title-bar{

    *zoom:1;

}



/* layout */

body{

    font-size: 14px;

}

.layout,

.nav-bar .nav-wrap,

.path-bar .path-nav,

.container-index .main_content .layout{

    width: auto;

    max-width: 100%;

}

.main_content .main_product

{

    margin: 0 auto;

    width: 90%;

}

.disabled{

    display: none;

}

.gd-layer{

    margin-top: 40px;

}

.layer-hd{}

.layer-body{}

.gd-row{}

.index-title-bar{}

.index-title-bar .index-title{}

.index-title-bar .title-desc{}

.learn-more-bar {}

.gd-btn{}

.gd-row{

    margin: 0 -.35rem;

}

.gd-col-6{

    width: 50%;

    padding: 0 .35rem;

    float: left;

}

.gd-layer a:hover{

    color: #ea8865;

}

.container{

    padding-left: 40px;

    padding-right: 40px;

}

.path-bar .path-nav,

.main_content .layout{

    max-width: 100%;

    margin: 0 auto;

}









/* service */

.side_content,

.show_btn{

    position: absolute;

    right: 0;

    top: 0;

}





/* inquiry pop */

.inquiry-pop-bd{

    width: 100%!important;

    height: 100%!important;

}

html .inquiry-pop-bd .inquiry-pop{

    border: 4px solid #fff;

    box-shadow: none;

}

html .inquiry-pop-bd .inquiry-pop .ico-close-pop{

    width: 40px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    background: #000;

    border-radius: 50%;

    right: -20px;

    top: -20px;

    background-color: #fff;

    box-shadow: 0 0 .05rem rgba(0,0,0,.3);

    color: #000;

}

html .inquiry-pop-bd .inquiry-pop .ico-close-pop:before{

    font-family: 'fontawesome';

    content: '\f00d';

    font-size: .16rem;

}

html .inquiry-pop-bd .inquiry-pop .ico-close-pop:hover{

    background-color: #ea8865;

    color: #fff;

}

.inquiry-pop .inquiry-form .form-btn-wrapx .form-btn-submitx{

    background: #444;

    color: #fff;

    border: 0;

    border-radius: 0;

    text-shadow: none;

}

.inquiry-pop .inquiry-form .form-btn-wrapx .form-btn-submitx:hover{

    background: #000;

}

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

    html .inquiry-pop-bd .inquiry-pop{

        width: auto;

        margin-left: .15rem;

        margin-right: .15rem;

        padding:30px  20px;

    }

    html .inquiry-pop-bd .inquiry-pop .ico-close-pop{

        width: 30px;

        height: 30px;

        line-height: 30px;

        right: -15px;

        top: -15px;

    }

}



/* owl carousel */

.owl-carousel .owl-controls{

    height: auto;

}

.owl-carousel .owl-controls .owl-nav .owl-prev,

.owl-carousel .owl-controls .owl-nav .owl-next{

    margin: 0 0 0 .1rem;

    padding: 0;

    border-radius: 0;

    padding-left: .1rem;

    font-size: .32rem;

}

.owl-carousel .owl-controls .owl-nav .owl-prev:hover,

.owl-carousel .owl-controls .owl-nav .owl-next:hover{

    background: none;

    color: #c28228;

}

.owl-carousel .owl-controls .owl-nav .owl-prev:before{

    content: '\f0d9';

}

.owl-carousel .owl-controls .owl-nav .owl-next:before{

    content: '\f0da';

}

.owl-carousel .owl-controls .owl-dots .owl-dot{

    width: .1rem;

    height: .1rem;

    margin-left: .05rem;

    margin-right: .05rem;

    border-radius: 50%;

    background-color:#aaa;

}

.owl-carousel .owl-controls .owl-dots .active{

    background-color: #000;

}









/*--------------------------head-wrapper---------------------------*/

.head-wrapper{

    width: 100%;

    position: relative;

    z-index: 999;

    background-position: center 0;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

}

.head-layout{

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-orient: horizontal;

    -webkit-box-direction: normal;

    -webkit-flex-direction: row;

    flex-direction: row;

    box-align: center;

    -webkit-box-align: center;

    -moz-align-items: center;

    -webkit-align-items: center;

    align-items: center;

    width: 100%\9;

    display: table\9;

	padding: 60px 20px;

}



.head-layout,

.head-layout a{

    color: #fff;

}

.head-layout .head-left,

.head-layout .logo,

.head-layout .head-right{

    display: table-cell\9;

    vertical-align: middle\9;

    width: 33.333333%;

}

.head-layout .logo{

    text-align: center;

}

.head-layout .head-left{

    padding-left: 10px;

}

.head-layout .head-right{

    text-align: right;

    padding-right: 10px;

}



/* search */

.head-search {

    padding-top: 40px;

}

.head-search .head-search-form{

    display: inline-block;

    position: relative;

}

.head-search .search-ipt::-webkit-input-placeholder {

    color: #fff;

    font-size: .14rem;

    font-style: italic;

    font-weight: bold;

}

.head-search .search-ipt:-ms-input-placeholder {

    color: #fff;

    font-size: .14rem;

    font-style: italic;

    font-weight: bold;

}

.head-search .search-ipt:-moz-placeholder {

    color: #fff;

    font-size: .14rem;

    font-style: italic;

    font-weight: bold;

}

.head-search .search-ipt::-moz-placeholder {

    color: #fff;

    font-size: .14rem;

    font-style: italic;

    font-weight: bold;

}

.head-search .head-search-form .search-ipt{

    width: 160px;

    line-height: 20px;

    padding: 8px 0 8px 32px;

    background: none;

    border: 0;

    border-bottom: 1px solid #fff;

    color: #fff;

}

.head-search .head-search-form .search-ipt:focus{

    width: 210px;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.head-search .head-search-form:before{

    font-family: 'fontawesome';

    content: '\f002';

    font-size: .2rem;

    position: absolute;

    left: 0;

    top:1px;

}

.head-search .head-search-form .search-btn{

    background: none;

    border: 0;

    color:#fff;

    cursor: pointer;

    display: none;

}





/* language */

.change-language {

   z-index: 3!important;

   vertical-align: middle!important;

   float: right;

   position: relative;

   margin-left: 10px;

   margin-top: 3px;

   float: none!important;

}

.change-language-info .change-language-title a{

    -webkit-transition: none!important;

    -o-transition: none!important;

    transition: none!important;

}

.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;

}

.change-language-info .language-icon{

    color: #fff!important;

    -webkit-transition: all .3s ease!important;

    -o-transition: all .3s ease!important;

    transition: all .3s ease!important;

    top: 8px!important;

}

.change-language-info .language-icon:before{

    content: '\f0d7'!important;

    font-size: .12rem;

}

.change-language-info:hover .language-icon{

    color: #333!important;

}

.change-language-cont,

.change-language-cont a{

    color: #333

}

.change-language-info .change-language-title{

    -webkit-transition: none!important;

    -o-transition: none!important;

    transition: none!important;

}





/* nav */

.head-layout .nav-bar {

    font-size: .18rem;

}

.head-layout .nav-bar .nav-toggle{

    display: inline-block;

    cursor: pointer;

    font-size: 20px;

}

.head-layout .nav-bar .nav-icon{

    display: inline-block;

    position: relative;

    width: 40px;

    height: 22px;

    vertical-align: middle;

    cursor: pointer;

    position: absolute;

    left: -20px;

    top: 50%;

    margin-top: -12px;

}

.head-layout .nav-bar .icon-line{

    display: block;

    width: 100%;

    height: 3px;

    background-color: #ea8865;

    position: relative;

    position: absolute;

    top: 0;

    left: 0;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.head-layout .nav-bar .icon-line-2{

    top: 10px;

}

.head-layout .nav-bar .icon-line-3{

    top: 19px;

}

.head-layout .nav-bar .icon-txt{

    display: inline;

    text-transform: uppercase;

    padding-left: .1rem;

    font-weight: bold;

    font-family:arial;

}

.head-layout .nav-bar .txt-close{

    display: none;

}

html:not(.nav-wrap-active) .head-layout .nav-bar .nav-toggle:hover .icon-line-1{

    -webkit-transform: translatey(2px);

    -ms-transform: translatey(2px);

    -o-transform: translatey(2px);

    transform: translatey(2px);

}

html:not(.nav-wrap-active) .head-layout .nav-bar .nav-toggle:hover .icon-line-3{

    -webkit-transform: translatey(-2px);

    -ms-transform: translatey(-2px);

    -o-transform: translatey(-2px);

    transform: translatey(-2px);

}

.nav-bar .nav-wrap,

.nav-bar .nav-wrap a{

    color: #fff;

}

.nav-bar .nav-wrap a:hover{

    color: #fff;

}

.nav-bar .nav-wrap{

    width: 17%;

    height: 100%;

    position: absolute;

    position: fixed;

    left: -100%;

    top: 0;

    padding: .3rem 0;

    background-color: #ea8865;

    background-image: ,;

    background-position:center;

    background-repeat:repeat;

    -webkit-background-size: 325px;

    background-size: 325px;

    visibility: hidden;

}

.nav{

margin: 0 auto;

width:100%;

text-align: center;

}

.nav li a{

    display: inline-block;

    position: relative;

    padding: 0 .6em;

    text-transform: uppercase;

}

.nav li a:before{

    content: '';

    display: block;

    width: 100%;

    height: 3px;

   background-color: #fff;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -1px;

    -webkit-transform: scale(0,1);

    -ms-transform: scale(0,1);

    -o-transform: scale(0,1);

    transform: scale(0,1);

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.nav li a:hover:before{

    -webkit-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

}

.nav>li{

border-bottom: 2px solid #fff;

}

.nav>li>a{

    display: inline-block;

    position: relative;

    padding-top: .15rem;

    padding-bottom: .15rem;

    font-size: 20px;

    font-weight: bold;

    text-transform: uppercase;

    font-family:arial;

}

.nav>li>a:hover{

	color:#000;

}

.nav>li>ul{

    font-size: .16rem;

    line-height: 1.8;

    padding: 0 0 .15rem;

}

.nav>li>ul>li {

margin: .15rem 0 0;

}

.sub-menu li {padding: 0 0 0 5px;}

.sub-menu li ul li {padding: 0 0 0 10px;}

.nav>li>ul a{

    display: inline-block;

    font-family:arial;

}

.nav>li>ul a:before{

    height: 2px;

}

.nav-bar .nav li li:hover>a{

    -webkit-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

}

.nav-bar .nav li ul li > a:hover {

  -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;

   /* -moz-transform: translatex(5px);

    -webkit-transform: translatex(5px);

    -ms-transform: translatex(5px);

    -o-transform: translatex(5px);

    transform: translatex(5px);*/

}

/* nav cative */

body{

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.container-index .head-wrapper{

    width: 100%;

    position: absolute;

    left: 0;

    top: 0;

    padding-left: 40px;

    padding-right: 40px;

	background: none;

}

.nav-bar .nav-wrap{

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease;

}

.nav-wrap-active .nav-bar .icon-line-1{

    top: 9px;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg);

}

.nav-wrap-active .nav-bar .icon-line-2{

    opacity: 0;

}

.nav-wrap-active .nav-bar .icon-line-3{

    top: 9px;

    -webkit-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg);

}

.nav-wrap-active .head-layout .nav-bar .txt-menu{

    display: none;

}

.nav-wrap-active .head-layout .nav-bar .txt-close{

    display: inline;

}

.nav-wrap-active .nav-bar .nav-wrap{

    left: 0;

    overflow: auto;

    visibility: visible;

    opacity: 1;

    filter: alpha(opacity=100);

}

.nav-wrap-active{

    overflow-x: hidden;

}

.nav-wrap-active body{

    left: 16%;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    -webkit-transition-delay: .3s;

    -o-transition-delay: .3s;

    transition-delay: .3s;



}





/* fixed */

.head-wrapper{

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

	

}



.head-wrapper:before{

    content: '';

    display: block!important;

    width: 100%;

    height: 0;

    position: absolute;

    left: 0;

    top: 0;

}

.fixed-nav .head-layout .head-left,

.fixed-nav .head-layout .head-right{

    width: 50%;

}

.fixed-nav  .head-layout .logo{

    width: 0;

}

.fixed-nav .head-layout .nav-bar .txt-menu,

.fixed-nav .head-layout .nav-bar .txt-close,

.fixed-nav .head-search .head-search-form:before{

    color: #fff;

}

.fixed-nav,

.container-index .fixed-nav{

    width: 100%;

    position: fixed;

    top: 0;

    padding-top: 20px;

    padding-bottom: 20px;

    background: none;

    padding-left: 40px;

padding-right: 40px;

left: 0;

background-image: none !important;

}



.fixed-nav:before{

    height: 73px;

    background-color: rgba(0,0,0,.6);

   /* background-color: #fff;*/

    box-shadow: 0 0 .1rem rgba(0,0,0,.2);

}

.page-wrapper {

 



}

.fixed-nav .head-layout{

    padding: 0;

	height: 37px;

}

.fixed-nav .logo img {

    display: none;

}

.fixed-nav .head-layout .nav-bar {

    padding-left: 40px;

}

.fixed-nav .head-layout .nav-bar .nav-icon{

    left: 0;

}

.fixed-nav .head-search{

    display: inline-block;

    padding-top: 0;

    margin-left: 20px;

}

.fixed-nav .head-search .head-search-form:before{

    padding-left: 10px;

    font-size: .14rem;

    line-height: 36px;

    opacity: .5;

    filter: alpha(opacity=50);

}

.fixed-nav .head-search .head-search-form .search-ipt{

    width: 200px;

    color: #999;

    border: 1px;

    background-color: #fafafa;

    padding-top: 8px;

    padding-bottom: 8px;

    box-shadow: -1px -1px 0 rgba(0,0,0,.05) inset;

    font-weight: normal;

}



.fixed-nav .head-search .search-ipt::-webkit-input-placeholder {

    color: #999;

    font-weight: normal;

}

.fixed-nav .head-search .search-ipt:-ms-input-placeholder {

    color: #999;

    font-weight: normal;

}

.fixed-nav .head-search .search-ipt:-moz-placeholder {

    color: #999;

    font-weight: normal;

}

.fixed-nav .head-search .search-ipt::-moz-placeholder {

    color: #999;

    font-weight: normal;

}

.fixed-nav .change-language-info .change-language-title,

.fixed-nav .change-language-info .change-language-title a,

.fixed-nav .change-language-info .change-language-title span,

.fixed-nav .change-language-info .language-icon,

.fixed-nav .change-language-info .language-ico {

    color: #fff!important;

}

.nav-wrap-active .container-index .fixed-nav{

    padding-left:36%;

}











/*--------------------------footer---------------------------*/

.contact-layer{

    background-color: #333;

    overflow: hidden;

}

.contact-layer,

.contact-layer a{

    color: #959595;

}

.contact-layer .layout{

    position: relative;

    padding: 60px;

}

.contact-layer .layer-body{

    display:-webkit-box;

    display:-webkit-flex;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-orient:horizontal;

    -webkit-box-direction:normal;

    -webkit-flex-direction:row;

    flex-direction:row;

    -webkit-box-align: center;

    -moz-align-items: center;

    -webkit-align-items: center;

    align-items: center;

    width: 100%;

    display: table\9;

    font-size: .16rem;

    position: relative;

    z-index: 1;

}

.contact-layer .layer-title{

    width: 100%;

    height: 1.35rem;

    overflow: hidden;

    position: absolute;

    left: 16%;

    bottom: 0;

    color: #444;

    text-align: left;

    text-transform: uppercase;

    font-size: 1.8rem;

    line-height: 1;

    font-weight: bold;

    letter-spacing: .07em;

}

.contact-layer .foot-hotline,

.contact-layer .social-list,

.contact-layer .foot-inquiry{

    display: table-cell\9;

    vertical-align: middle\9;

    -webkit-box-flex:1;

    -webkit-flex:1;

    -ms-flex:1;

    flex:1;

}

.contact-layer .foot-hotline{

    text-transform: uppercase;

}

.contact-layer .foot-hotline dt{

    display: block;

}

.contact-layer .foot-hotline dd{

    font-size: .32rem;

    font-weight: bold;

}

.contact-layer .foot-hotline dd,

.contact-layer .foot-hotline dd a{

    color: #fff;

}

.contact-layer .social-list {

    text-align: center;

}

.contact-layer .foot-inquiry{

    text-align: right;

    text-transform: uppercase;

}

.contact-layer .foot-inquiry .txt-label{

    padding:..5rem .15rem .05rem 0;

    text-transform: uppercase;

}

.contact-layer .foot-inquiry .gd-btn , .email.inquiryfoot.ad_inquiryfoot{

    color: #fff;

    cursor: pointer;

    margin-left: .2rem;

}









/* follow */

.social-list {

}

.social-list li {

    display: inline-block;

    padding:0 .03rem;

}

.social-list li .sc-ico {

    display: inline-block;

    width: 22px;

    height: 22px;

    padding: 8px;

    border-radius: 50%;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

    text-align: center;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.social-list li .sc-ico img {

    max-height: 22px;

    -webkit-transition: all .6s ease;

    -o-transition: all .6s ease;

    transition: all .6s ease;

}

.social-list li .sc-txt {

    display: inline;

    padding-left: .1rem;

    font-size: .12rem;

    color: #666;

}

.social-list li a:hover .sc-ico {

    background-color: #ea8865;

    border-radius: 3px;

}





/* footer */

.foot-wrapper {

    background-position: center 0;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

	padding-bottom: 400px;

}

.foot-wrapper .layout{

    padding: 0 60px;

}

.foot-wrapper .index-title-bar {

    margin-bottom: 0;

    padding-top: .3rem;

}

.foot-items .gd-row {

    margin-left: -.2rem;

    margin-right: -.2rem;

}

.foot-items .foot-item {

    width: 33.333333%;

    float: left;

    line-height: .22rem;

    padding: 60px .2rem;

    font-size: .12rem;

}

.foot-items .foot-item,

.foot-items .foot-item a {

    color: #323232;

	text-align:left;

	float:left;

	font-family: arial, helvetica, sans-serif;

    line-height: 2;

}

.foot-items .foot-item a:hover {

    color: #777;

    text-decoration: underline;

}

.foot-items .foot-item .foot-tit {

    font-size: 50px;

    font-weight: normal;

    padding-bottom:.25rem;

    text-transform: uppercase;

}

.foot-items .foot-item .foot-tit,

.foot-items .foot-item .foot-tit a {

    color: #323232;font-family: 'korolevcompressed';

}

.foot-items .foot-item-inquiry .foot-cont {

    max-width: inherit;

}



/* intro */

.foot-item-intro .foot-cont{

    max-width: 300px;

    text-align: center;

}

.foot-item-intro .foot-logo{

    display: inline-block;

    border-bottom: 1px dashed #fff;

    padding-bottom: .2rem;

}

.foot-item-intro .foot-logo img{

    max-height: .75rem;

}

.foot-item-intro .copyright{

    display: block;

    padding-top: .25rem;

}

.foot-item-intro .copyright .txt-impt{

    display: block;

    font-size: .14rem;

    text-transform: uppercase;

    color: #ea8865;

}



/* contact */

.foot-items .foot-item-contact .foot-cont {

    max-width: 260px;

}

.foot-items .contact-list li {

    padding-left: .3rem;

    position: relative;

    margin-bottom: .1rem;

}

.foot-items .contact-list li:before {

    display: inline-block;

    font-family: 'fontawesome';

    line-height: 1.5;

    position: absolute;

    left: 0;

    top: 0;

    font-size: .15rem;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.foot-items .contact-list li.foot_tel:before {

    content: '\f095';

}

.foot-items .contact-list li.foot_email:before {

    content: '\f003';

}

.foot-items .contact-list li.foot_addr:before {

    content: '\f041';

}

.foot-items .contact-list li.foot_skype:before {

    content: '\f17e';

}

.foot-items .contact-list li.foot_fax:before {

    content: '\f1ac';

}

.foot-items .contact-list li:hover:before {

    -webkit-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

    -o-transform: rotate(30deg);

    transform: rotate(30deg);

}



/* newsletter */

.foot-items .foot-item-inquiry .txt {

    display: block;

}

.foot-items .foot-item-inquiry .button {

    display: inline-block;

    line-height: .22rem;

    font-size: .14rem;

    text-transform: uppercase;

    padding: .07rem .17rem;

    margin-top: .25rem;

    border: 0;

    background: #426ac1;

    border: 2px solid #426ac1;

    color: #fff;

    border-radius: 2px;

    cursor: pointer;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

    position: relative;

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

    font-style: normal

}

.foot-items .foot-item-inquiry .button:hover {

    background-color: #fff;

    color: #426ac1

}

.foot-items .foot-item-inquiry .button:before {

    font-family: fontawesome;

    content: "\f0e0";

    margin: 0 .1rem 0 0

}



/* news */

.foot-items .new-item {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    display: table\9;

    padding: .05rem 0;

    visibility: hidden;

    position: relative;

    left: 1px;

}

.foot-items .new-item .img,

.foot-items .new-item .item-info {

    display: table-cell\9;

    vertical-align: top\9;

}

.foot-items .new-item .img {

    width: .8rem;

    position: relative;

    border: 1px solid #fff;

}

.foot-items .new-item .img:hover {

    opacity: .8;

}

.foot-items .new-item .img img {

    display: block;

    width: 100%;

    height: auto;

}

.foot-items .new-item .item-info {

    -webkit-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    padding-left: .15rem;

}

.foot-items .new-item .item-info .title {

    display: block;

    max-width: 70%;

    max-height: .36rem;

    line-height: .18rem;

    overflow: hidden;

    font-weight: normal;

    font-size: .13rem;

    margin-top: .05rem;

}

.foot-items .new-item .item-info .title a {

    color: #323232;

}

.foot-items .new-item .item-info time {

    display: block;

    font-size: .12rem;

    font-style: italic;

}

.foot-items .owl-carousel .owl-controls .owl-dots {

    padding-top: .2rem;

    position: static;

    text-align: left;

}

.foot-items .owl-carousel .owl-controls .owl-dots .owl-dot {

    width: 10px;

    height: 10px;

    margin: 0;

    margin-right: 6px;

    background-color: #000;

    opacity: .4;

    filter: alpha(opacity=40);

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    border-radius: 50%;

}

.foot-items .owl-carousel .owl-controls .owl-dots .active {

    background-color: #fff;

    opacity: 1;

    filter: alpha(opacity=100);

}

.foot-items .owl-carousel .owl-controls .owl-nav {

    visibility: hidden;

}

.foot-items .owl-loaded .new-item {

    visibility: visible;

}



.foot-bar{

    text-align: center;

    padding-bottom: 30px;

}

.foot-bar,

.foot-bar a{

    color: #999;

}





/* gotop */

.gotop{

    display: block;

    width: .5rem;

    height: .5rem;

    box-shadow: none;

    border-radius: 3px;

    text-align: center;

    line-height: .5rem;

    background-color: #e1e3e5;

    color: #333;

    -webkit-animation: btnupdown 1.5s infinite ease ;

    animation: btnupdown 1.5s infinite ease;

    bottom: -.6rem;

    right: .15rem;

    z-index: 99;

    visibility: hidden;

    opacity: 0;

    filter: alpha(opacity=0);

    text-indent: -9999px;

    overflow: hidden;

}

.gotop:before{

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    text-indent: 0;

    font-family: 'fontawesome';

    content: '\f077';

    font-size: .2rem;

}

.gotop.active{

    bottom: .1rem;

    visibility: visible;

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease;

    opacity: 1;

    filter: alpha(opacity=100);

}

.gotop:hover{

    opacity: 1;

    color: #fff;

    background-color: #ea8865;

}

@-webkit-keyframes btnupdown {

    0%{

        -webkit-transform: none;

        -ms-transform: none;

        -o-transform: none;

        transform: none;

    }

    50%{

        -webkit-transform: translatey(-5px);

        -ms-transform: translatey(-5px);

        -o-transform: translatey(-5px);

        transform: translatey(-5px);

    }

    100%{

        -webkit-transform: translatey(0);

        -ms-transform: translatey(0);

        -o-transform: translatey(0);

        transform: translatey(0);

    }



}

@keyframes btnupdown {

    0%{

        -webkit-transform: none;

        -ms-transform: none;

        -o-transform: none;

        transform: none;

    }

    50%{

        -webkit-transform: translatey(-5px);

        -ms-transform: translatey(-5px);

        -o-transform: translatey(-5px);

        transform: translatey(-5px);

    }

    100%{

        -webkit-transform: translatey(0);

        -ms-transform: translatey(0);

        -o-transform: translatey(0);

        transform: translatey(0);

    }



}









/*--------------------------------------------------------

                                                    page: index

                                                                    ------------------------------------------------------*/









/* slide banner */

.rev_slider_wrapper {

    width: auto;

    margin: 0 auto;

    overflow: hidden!important;

    position: relative;

    -webkit-box-sizing: content-box;

    box-sizing: content-box;

}

.tp-leftarrow,

.tp-rightarrow {

    font-size: .48rem;

    background-color: transparent;

    float: left;

    display: inline-block;

    overflow: hidden;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

    color: #fff!important;

    width: .6rem;

    height: .6rem;

    line-height: .6rem;

    text-align: center;

    overflow: hidden;

    top: 50%!important;

    margin-top: -.3rem!important;

    z-index: 99;

    border-radius: 0%;

    background: rgba(0,0,0,.8)!important;

    -webkit-transform: scale(.8);

    -ms-transform: scale(.8);

    -o-transform: scale(.8);

    transform: scale(.8);

}

.tp-leftarrow{

    left: 0!important;

    -webkit-transform: translatex(-100%);

    -ms-transform: translatex(-100%);

    -o-transform: translatex(-100%);

    transform: translatex(-100%);

}

.tp-rightarrow{

    right: 0!important;

    -webkit-transform: translatex(100%);

    -ms-transform: translatex(100%);

    -o-transform: translatex(100%);

    transform: translatex(100%);}

.tp-leftarrow:before{

    content: '\f104';

}

.tp-rightarrow:before{

    content: '\f105';

}

.tp-bullets{

    padding-bottom: .65rem;

}

.tp-bullets.simplebullets .bullet,

.tp-bullets.simplebullets .bullet.selected{

    display: inline-block;

    width: .12rem;

    height: .12rem;

    border-radius: 50%;

    margin: 0 4px;

    background-color: rgba(0,0,0,.4);

}

.tp-bullets.simplebullets .bullet.selected{

    background-color: rgba(255,255,255,.9);

    background-color: #fff\9;

}

.rev_slider_wrapper:hover .tp-leftarrow,

.rev_slider_wrapper:hover .tp-rightarrow{

    opacity:.4;

    filter: alpha(opacity=40);

    -webkit-transform: none;

    -ms-transform: none;

    -o-transform: none;

    transform: none;

}

.rev_slider_wrapper:hover .tp-leftarrow:hover,

.rev_slider_wrapper:hover .tp-rightarrow:hover{

    opacity:1;

    filter: alpha(opacity=100);

}

.tp-loader.spinner0 {

    background:  center no-repeat;

    -webkit-background-size: auto 60%;

    background-size: auto 60%;

}











/* title */

.index-title-bar{

    max-width: 60%;

    margin: 0 auto 60px;

    text-align: center;

}

.index-title-bar .index-title{

    font-size: .2rem;

    line-height: 1.2;

    text-transform: uppercase;

    color: #ea8865;

    padding: .2rem 0;

    position: relative;

}

.index-title-bar .index-title:before,

.index-title-bar .index-title:after{

    content: '';

    display: block;

    width: 80px;

    height: 3px;

    background-color: #ea8865;

    position: absolute;

    left: 50%;

    margin-left: -40px;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.index-title-bar .index-title:before{

    top: 0;

}

.index-title-bar .index-title:after{

    bottom: 0;

}

.index-title-bar .title-desc{

    padding-top: .25rem;

    font-size: .15rem;

}

.index-title-bar .index-title:hover:before,

.index-title-bar .index-title:hover:after{

    width: 110px;

    margin-left: -55px;

}









/* btn */

.gd-btn-box{

    padding-top: .4rem;

}

.gd-btn , .email.inquiryfoot.ad_inquiryfoot{

    display: inline-block;

    padding:.11rem .3rem;

    text-transform: uppercase;

    position: relative;

    font-size: .18rem;

    border: 3px solid #999;

    color: #fff;

}

.gd-btn:before , .email.inquiryfoot.ad_inquiryfoot:before{

    content: '';

    display: block;

    width: 35px;

    height: 3px;

    background-color: #ea8865;

    position: absolute;

    left: 0;

    margin-left: -16px;

    top: 50%;

    margin-top: -1px;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.gd-btn:hover,a.gd-btn:hover , .email.inquiryfoot.ad_inquiryfoot:hover{

    border-color: #ea8865;

    color: #ea8865;

}

.gd-btn:hover:before , .email.inquiryfoot.ad_inquiryfoot:hover:before{

    left: 100%;

}







/* about us */

.about-us{

    padding-top: 115px;

    padding-bottom: 115px;

    background-color: #333;

    background-image: ;

    background-position: center 0;

    -webkit-background-size: 510px, 325px;

    background-size: 510px, 325px;

    background-repeat: repeat;

    text-align: center;

    margin-top: 40px;

    position: relative;

    z-index: 99;

}

.about-us,

.about-us a{

    color: #fff;

}

.about-us .index-title-bar:before{

    content: '';

    display: block;

    width: 7px;

    height: 235px;

    background-color: #ea8865;

    position: absolute;

    left: 50%;

    margin-left: -3px;

    bottom: 83%;

}

.about-us .about-title{

    text-transform: uppercase;

    font-size: .6rem;

    line-height: 1;

    margin-bottom: 40px;

    font-weight: bold;

     -webkit-transform-origin:center;

    -ms-transform-origin:center;

    -o-transform-origin:center;

    transform-origin:center;

}

.about-us .about-desc{

    font-size: .22rem;

    padding: 0 18%;

    margin: 0 auto;

}

.about-us .about-desc,

.about-us .about-desc a{

    color: #999;

}

.about-us .gd-btn-box{

    display: block;

    padding-top: 45px;

}





/* promote banners */

.layer-title-bar {

    margin: 0 auto 15px;

    line-height: .4rem;

}

.layer-title-bar .layer-title{

    font-size: .36rem;

    text-transform: uppercase;

    float: left;

}

.layer-title-bar .layer-title-more{

    font-size: 14px;

    text-transform: uppercase;

    float: right;

    position: relative;

}

.layer-title-bar .layer-title-more:before,

.layer-title-bar .layer-title-more:after{

    content: '';

    display: block;

    position: absolute;

    background-color: #ea8865;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.layer-title-bar .layer-title-more:before{

    width: 21px;

    height: 3px;

    left: -35px;

    top: 19px;

}

.layer-title-bar .layer-title-more:after{

    width: 3px;

    height: 20px;

    position: absolute;

    left: -26px;

    top: 11px;

    opacity: 0;

    filter: alpha(opacity=0);

}

.layer-title-bar .layer-title-more:hover:before,

.layer-title-bar .layer-title-more:hover:after{

    -webkit-transform: rotate(180deg);

    -ms-transform: rotate(180deg);

    -o-transform: rotate(180deg);

    transform: rotate(180deg);

    opacity: 1;

    filter: alpha(opacity=100);

}





.banner-list{

    margin: 0 -1.1%;

}

.banner-item{

    width: 33.3%;

    float: left;

    padding: 1.1%;

}

.banner-item .item-inner{

    display: block;

    position: relative;

    overflow: hidden;

    background-position: center;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

    background-color: #e6e6e6;



}

.banner-item .banner-info {

    left: 33px;
    position: absolute;
    top: 39px;
    z-index: 2;

}

.banner-item .item-desc{

    font-size: .18rem;

    color: #888;

}

.banner-item .item-desc em{

    color: #ea8865;

    padding-left: .25rem;

}

.banner-item .banner-img{

    display: block;

    padding: 25% 0;

    position: relative;

    z-index: 1;

}

.banner-item .item-inner:before,

.banner-item .item-inner:after{

    content: '';

    display: block;

    width: 200%;

    height: 100%;

    background-color: rgba(255,255,255,.5);

    background-color: #eaeaea;

    position: absolute;

    left: -100%;

    top: 0;

    -webkit-clip-path: polygon(50% 0,100% 0,50% 100%,0 100%);

    clip-path: polygon(50% 0,100% 0,50% 100%,0 100%);

    -webkit-transition: all .6s ease;

    -o-transition: all .6s ease;

    transition: all .6s ease;

}

.banner-item .item-inner:before{

    left: -200%;

    margin-left: 2px;

    background-color: #f2f2f2;

}

.banner-item .item-tit {

    color: #333!important;

}

.banner-item .banner-img {

    width: 100%;

    background-position: center;

    background-repeat: no-repeat;

    -webkit-background-size: contain;

    background-size: contain;

}

.banner-item .banner-img img{

    display: block;

    width: 100%;

    -webkit-transition: all .6s ease;

    -o-transition: all .6s ease;

    transition: all .6s ease;

}

.banner-item .item-tit{

    text-transform: uppercase;

    font-size: 14px;

    line-height: 1.2;

    font-weight: bold;

    padding-top: .45rem;

}

.banner-item .item-tit:after{

    content: '';

    display: block;

    width: 1.2rem;

    height: 3px;

    background-color: #ea8865;

    margin-top: .2rem;

}

.banner-item:nth-child(3n 1) .item-tit{

    font-size: 14px;

}

.banner-item:nth-child(3n 1) .banner-img{

    /*padding: 52.2% 0;*/

}

.banner-item .item-inner:hover .banner-img img{

    -webkit-transform: translate(.05rem,.05rem);

    -ms-transform: translate(.05rem,.05rem);

    -o-transform: translate(.05rem,.05rem);

    transform: translate(.05rem,.05rem);

}

.banner-item .item-inner:hover:after{

    left: 0;

}

.banner-item .item-inner:hover:before{

    left: -100%;

}









/* video-layer */

.video-layer {

    padding-top: 250px;

    padding-bottom: 250px;

    margin-top: 2.1rem;

    text-align: center;

    background-color: #999;

    background-position: center 0;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

    position: relative;



}

.video-layer .video-layer-title{

    width: 100%;

    line-height: 1;

    font-size: 2rem;

    font-weight: normal;

    letter-spacing: .07em;

    text-transform: uppercase;

    color: #eee;

    text-align: center;

     -webkit-transform-origin:center;

    -ms-transform-origin:center;

    -o-transform-origin:center;

    transform-origin:center;

    position: absolute;

    left: 0;

    top: -1.5rem;

    overflow: hidden;

    z-index: -1;

    white-space: nowrap;

}





.video-layer,

.video-layer a{

    color: #fff;

}

.video-layer:before{

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    background-color: #000;

    position: absolute;

    left: 0;

    top: 0;

    opacity: .45;

    filter: alpha(opacity=45);

    -webkit-transition: opacity .5s ease;

    -o-transition: opacity .5s ease;

    transition: opacity .5s ease;

}

.video-layer .layout{

    position: relative;

    z-index: 1;

}

.video-layer .layer-body{

    max-width: 65%;

    margin: 0 auto;

}

.video-layer .video-title{

    text-transform: uppercase;

    font-size: .45rem;

    line-height: 1;

    margin-bottom: 50px;

    font-weight: bold;

     -webkit-transform-origin:center;

    -ms-transform-origin:center;

    -o-transform-origin:center;

    transform-origin:center;

    max-width: 90%;

    margin-left: auto;

    margin-right: auto;

}

.video-layer .play-btn-box{

    display: inline-block;

    cursor: pointer;

}

.video-layer .play-btn-box .txt-label{

    display: inline-block;

    font-size: .2rem;

    text-transform: uppercase;

color: #fff;

cursor: pointer;

z-index: 3;

position: relative;

}

.video-layer .play-btn-box .play-icon{

    display: inline-block;

    width: 100px;

    height: 100px;

    line-height: 100px;

    text-align: center;

    margin: 0 25px;

    vertical-align: middle;

    position: relative;

}

.video-layer .play-btn-box .play-icon i:before{

    display: inline-block;

    position: relative;

    z-index: 2;

    font-family: 'fontawesome';

    content: '\f04b';

    font-size: .3rem;

}

.video-layer .play-btn-box .play-icon:before,

.video-layer .play-btn-box .play-icon:after{

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 0;

    border-radius: 50%;

}

.video-layer .play-btn-box .play-icon:before{

    background-color: #ea8865;

    z-index: 1;

}

.video-layer .play-btn-box .play-icon:after{

    background-color: rgba(0,0,0,.5);

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

 

}

.video-layer .play-btn-box:hover .play-icon:after{

    -webkit-transform: scale(3.6);

    -ms-transform: scale(3.6);

    -o-transform: scale(3.6);

    transform: scale(3.6);

	background-color: rgba(0,0,0,.5);

	

}





/* partner-layer */

.partner-layer{

    position: relative;

    padding: 200px 0;

}

.partner-layer .partner-layer-title{

    width: 100%;

    position: absolute;

    left: 0;

    top: 50%;

    margin-top: -.9rem;

    color: #eee;

    text-align: center;

    text-transform: uppercase;

    font-size: 2rem;

    line-height: 1;

    font-weight: bold;

     -webkit-transform-origin:center;

    -ms-transform-origin:center;

    -o-transform-origin:center;

    transform-origin:center;

    letter-spacing: .07em;

}

.partner-layer .layer-body{

    padding-left: 50px;

    padding-right: 50px;

}

.partner-list .partner-item{

    display: none;

    text-align: center;

    position: relative;

    overflow: hidden;

}

.partner-list .partner-item:before{

    content: '';

    display: block;

    width: .3rem;

    height: 300%;

    -webkit-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

    -o-transform: rotate(30deg);

    transform: rotate(30deg);

    position: absolute;

    left: -50%;

    top: -100%;

    background-color: rgba(255,255,255,.35);

    -webkit-transition: all 1.2s ease;

    -o-transition: all 1.2s ease;

    transition: all 1.2s ease;

}

.partner-list .partner-item:hover:before{

    left: 150%;

}

.partner-list .partner-item img{

    max-width: 100%;

}

.partner-list .owl-controls .owl-nav{

    position: static;

}

.partner-list .owl-controls .owl-nav .owl-prev,

.partner-list .owl-controls .owl-nav .owl-next{

    margin: 0;

    padding: 0;

    font-size: .2rem;

    color: #fff;

    width: 30px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    background-color: #333;

    background-color: rgba(0,0,0,.8);

    position: absolute;

    top: 50%;

    margin-top: -.15rem;

}

.partner-list .owl-controls .owl-nav .owl-prev{

    left: -50px;

}

.partner-list .owl-controls .owl-nav .owl-next{

    right: -50px;

}

.partner-list:hover .owl-controls .owl-nav .owl-prev,

.partner-list:hover .owl-controls .owl-nav .owl-next{

    opacity: 1;

    filter: alpha(opacity=100);

}

.partner-list .owl-controls .owl-nav .owl-prev:hover,

.partner-list .owl-controls .owl-nav .owl-next:hover{

    background-color: #ea8865;

    color: #fff;

}

.owl-loaded .partner-item{

    display: block;

}









/* news */

.news-layer {

    background-color: #1b191a;

}

.news-layer .layout{

    background-position: center;

    background-repeat: no-repeat;

    -webkit-background-size: cover;

    background-size: cover;

    padding: 1.5rem 10% 1.5rem 35%;

    text-align: center;

}

.news-layer .index-title-bar{

    margin-bottom: .2rem;

}

.news-layer .index-title-bar .index-title:before{

    display: none;

}









/* products items */

.product-items {

    background-color: #211d1e;

}

.product-item {

    width: 25%;

    float: left;

    padding: .1rem;

}

.product-item .item-wrap {

    border: 1px solid #d2d2d2;

    padding: .03rem;

}

.product-item .item-img {

    display: block;

    position: relative;

    overflow: hidden

}

.product-item .item-img img {

    display: block;

    width: 100%;

    -webkit-transition: all 1s ease;

    -o-transition: all 1s ease;

    transition: all 1s ease

}

.product-item .item-img:before {

    content: '';

    display: block;

    position: absolute;

    width: 100%;

    height: 100%;

    background-color: rgba(255, 255, 255, .1);

    border-radius: 50%;

    -webkit-transition: all .4s ease;

    -o-transition: all .4s ease;

    transition: all .4s ease;

    -webkit-transform: scale(.1);

    -ms-transform: scale(.1);

    -o-transform: scale(.1);

    transform: scale(.1);

    visibility: hidden;

    z-index: 2;

}

.product-item .item-img:hover:before {

    border-radius: .5rem;

    background-color: rgba(255, 255, 255, .3);

    -webkit-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

    transform: scale(1.3);

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transition: all .6s ease;

    -o-transition: all .6s ease;

    transition: all .6s ease;

    visibility: visible

}

.product-item .item-img:hover img{

    -webkit-transform:scale(1.15);

    -ms-transform:scale(1.15);

    -o-transform:scale(1.15);

    transform:scale(1.15);

}

.product-item .item-info {

    padding: .15rem 12%;

    margin: 0 auto;

    text-align: center

}

.product-item .item-title {

    font-weight: 400;

    font-size: .14rem

}

.product-item .item-title a {

    display: block;

    height: .36rem;

    line-height: .18rem;

    overflow: hidden;

}

.product-item .gd-btn-box {

    padding-top: .15rem;

}

.product-items .layer-body{

    padding-left: .3rem;

    padding-right: .3rem;

    position: relative;

}

.product-items .product-item {

    display: none;

}

.product-items .product-item .item-wrap {

    padding: 0;

    border: 0;

}

.product-items .owl-loaded .product-item {

    width: 100%;

    float: none;

    padding: 0;

    display: block;

}

.product-items .owl-carousel .owl-controls .owl-nav{

    position: static;

}

.product-items .owl-carousel .owl-controls .owl-prev,

.product-items .owl-carousel .owl-controls .owl-next{

    width: auto;

    padding: 0;

    display: inline-block;

    width: 25px;

    height: 25px;

    line-height: 25px;

    background: #000;

    border-radius: 0;

    text-align: center;

    color: #fff;

    font-size: .14rem;

    position: absolute;

    top: 50%;

    margin: 0;

    margin-top: -37px;

}

.product-items .owl-carousel .owl-controls .owl-prev{

    left: -.3rem;

}

.product-items .owl-carousel .owl-controls .owl-next{

    right: -.3rem;

	

}

.product-items .owl-carousel .owl-controls .owl-prev:before{

    content: '\f0d9';

}

.product-items .owl-carousel .owl-controls .owl-next:before{

    content: '\f0da';

}

.product-items .layout:hover .owl-carousel .owl-controls .owl-prev:hover,

.product-items .layout:hover .owl-carousel .owl-controls .owl-next:hover{

    background: #ceab8b;

    color: #fff;

}













/*----------------------------------page nav---------------------------------*/

.sub-head{

    padding: 20px 0;

}

.path-bar .path-nav{

    padding:35px 0 25px;

    text-transform: uppercase;

    

}

.path-bar .path-nav li a {

	color:#eee;

}

.path-bar .path-nav li a:hover{

    color: #ea8865;

}

.path-bar .path-nav li{

    display: inline;

}

.path-bar .path-nav li:after{

    content: '/';

    padding: 0 .1rem;

	color: #eee;

}

.path-bar .path-nav li:last-child:after{

    display: none;

}

.page-bar {

    text-align: center;

}

.pages {

    position: relative;

    margin: .4rem 0 .15rem;

}

.pages a,

.pages span{

    color: #666;

    background-color: #fff;

    background: -webkit-linear-gradient(#fff, #ddd);

    background: -o-linear-gradient(#fff, #ddd);

    background: linear-gradient(#fff, #ddd);

}

.pages a,

.pages span.current2 {

    position: relative;

    display: inline-block;

    vertical-align: middle;

    *display: inline;

    *zoom: 1;

    border: 1px solid #ccc;

    line-height: 25px;

    min-width: 25px;

    padding: 3px 12px;

    border-radius: 3px;

    margin: 0 0 0 5px;

}

.pages a.current,

.pages a:hover {

    background:#1a1a1a;

    border-color:#1a1a1a;

    color: #fff;

}

.pages span.current2 {

    vertical-align: middle;

}





/*----------------------------------aside---------------------------------*/



.aside {

    float: left;

    width: 19%;

    /*max-width: 240px;*/

    padding-bottom: .6rem;

}

.aside,

.aside a{

    color: #333;

}

.aside a:hover{

    color: #ea8865;

}

.side-tit-bar {

    position: relative;

    background-color: #ea8865;

    padding: 0 0 0 .15rem;

}

.side-tit-bar .side-tit {

    position: relative;

    font-size: .16rem;

    text-transform: uppercase;

    line-height: 26px;

    padding-top: 6px;

    padding-bottom: 6px;

    overflow: hidden;

    font-weight: bold;

}

.side-tit-bar .side-tit,

.side-tit-bar .side-tit a{

    color: #fff;

}

.side-tit-bar .side-tit .txt-impt{

    color: #000;

    font-weight: bold;

}

.side-widget {

    position: relative;

    margin: 0 0 .2rem;

}

.side-cate {

    padding: .2rem 0 .2rem .15rem;

}

.side-cate li {

    position: relative;

    line-height: 38px;

    font-size:16px;

	text-transform: capitalize;

	font-family: "fontawesome";

}

.side-cate > li{

}

.side-cate ul {

    display: none;

    margin-left: .1rem;

}

.side-cate li a {

    position: relative;

    display: block;

    height: 32px;

    line-height: 32px;

    overflow: hidden;

    margin-right: .3rem;

    font-weight: normal;

    font-family:arial;

	font-weight:bold; 

}

.side-cate li ul li a {

	font-weight:normal;

  font-family:arial;

}

.side-cate ul li a:hover ,.side-cate li a:hover {



    -moz-transform: translatex(5px);

    -webkit-transform: translatex(5px);

    -ms-transform: translatex(5px);

    -o-transform: translatex(5px);

    transform: translatex(5px);

}

.side-cate li .icon-cate {

    display: inline-block;

    position: absolute;

    right: 0;

    top: 0;

    font-size: .12rem;

    cursor: pointer;

    line-height: 32px;

    border-radius: 0;

    color: #99abb9;

}

.side-cate li .icon-cate.icon-cate-down:before {

    content: '\f078';

}

.side-cate li .icon-cate.icon-cate-up:before {

    content: '\f077';

}

.side-cate li li{

    font-size: .14rem;

}

.side-cate li li a{

    /*-left: .12rem;*/

    padding-right: 0;

}

.side-cate li li a:before{

   

    display: inline-block;

    width: 3px;

    height: 3px;

    position: absolute;

    left: 0;

    top: 14px;

    /*background-color: #888; content: '';*/

}

.side-cate li li.active > a{

    color: #ea8865;

}

.side-cate li li > a:hover:before{

    background-color: #ea8865;

}

.side-cate li.nav-current>a,

.side-cate li>a:hover,

li.show_li>a {

    color: #ea8865;

}

.side-cate li li.nav-current>.icon-cate,

.side-cate li li>.icon-cate:hover,

li.show_li>.icon-cate {

    color: #ea8865;

}

.side-product-items {

    position: relative;

    padding: .5rem 0;

}

.side-product-items .items_content {

    position: relative;

}

.side-product-items .items_content {}

.side_product_item {

    position: relative;

    display: block;

    width: 100%;

    overflow: hidden;

}

.side_product_item figure {

    position: relative;

    display: table;

    width: 100%;

    height: .95rem;

    overflow: hidden;

}

.side_product_item .item-img,

.side_product_item figcaption{

    display: table-cell;

}

.side_product_item .item-img {

    width: .7rem;

    vertical-align: middle;

}

.side_product_item .item-img img {

    position: relative;

    display: block;

    width: 100%;

    border: 1px solid #ddd;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.side_product_item figcaption {

    vertical-align: middle;

    font-size: .13rem;

}

.side_product_item figcaption a{

    display: inline-block;

    line-height:.17rem;

    max-height: .51rem;

    overflow: hidden;

    padding-left: .15rem;

}

.side_product_item:hover .item-img{

    border-color: #c28228;

}

.side_product_item .item-img:hover   figcaption a{

    color: #1a1a1a;

}

.side-product-items .btn-prev,

.side-product-items .btn-next {

    position: absolute;

    left: 0;

    width: 100%;

    height: 15px;

    display: block;

    cursor: pointer;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

    opacity: .2;

    filter: alpha(opacity=20);

}

.side-product-items .btn-prev {

    top: .2rem;

    background:  no-repeat center center;

}

.side-product-items .btn-next {

    bottom: .2rem;

    background:  no-repeat center center;

}

.side-product-items .btn-prev:hover,

.side-product-items .btn-next:hover{

}

.side-product-items .disabled{

    display: block;



    cursor: default;

}

.aside .side-bn {

    max-width: 100%;

    margin: 0 0 25px 0;

}

.aside .side-bn img {

    max-width: 100%

}





/*----------------------------------main---------------------------------*/



.main {

    position: relative;

    width: 77%;

    float: right;

    padding-bottom: .6rem;

}

.main-tit-bar {

    padding: 0;

    line-height: .4rem;

    border-bottom: 1px solid #ddd;

    margin: 0 0 .15rem;

    position: relative;

    display:-webkit-box;

    display:-webkit-flex;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-orient:horizontal;

    -webkit-box-direction:normal;

    -webkit-flex-direction:row;

    flex-direction:row;

    -webkit-box-align: center;

    -moz-align-items: center;

    -webkit-align-items: center;

    align-items: center;

    width: 100%;

    display: table\9;

}

.main-tit-bar .title,

.main-tit-bar .path-bar,

.main-tit-bar .share-this{

    display: table-cell\9;

    vertical-align: top\9;

}

.main-tit-bar .title,

.main-tit-bar .path-bar{

    -webkit-box-flex:1;

    -webkit-flex:1;

    -ms-flex:1;

    flex:1;

}

.main-tit-bar .title{

    line-height: .4rem;

    font-size: .24rem;

    text-transform: uppercase;

	font-family:arial;

}

.main-tit-bar .path-bar{

    margin: 0;

    padding: 0;

}

.main-tit-bar .path-bar .path-nav{

    width: auto;

    max-width: inherit;

    border-bottom: 0;

    padding: 0;

}

.main-tit-bar .share-this{

    width: 100%;

    text-align: right;

}

.main-tit-bar .title   .share-this{

    width: 30%;

    max-width: 250px;

}

.main-tit-bar .share-this img{

    max-width: 100%;

}





/* banner */

.main-banner {

    position: relative;

    overflow: hidden;

}

.main-banner .item{

    display: none;

}

.main-banner .item,

.main-banner .item img {

    position: relative;

    width: 100%;

}

.main-banner .flex-direction-nav {

    display: none;

}

.main-banner .flex-control-paging{

    opacity: 0;

    filter: alpha(opacity=0);

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.main-banner .flex-control-paging li{

    margin: 0 3px;

}

.main-banner .flex-control-paging li a{

    width: .12rem;

    height: .12rem;

}

.main-banner .flex-control-paging li a.flex-active{

    background-color: #ea8865;

}

.main-banner:hover .flex-control-paging{

    opacity: 1;

    filter: alpha(opacity=100);

}

.goods-summary {

    margin: .25rem 0 .25rem;

    font-size: .14rem;

}

.goods-summary,

.goods-summary a{

    color: #000;

}





/* items_list */

.items_list ul{

    margin-left: -13px;

    margin-right: -13px;

}

.items_list .product-item {

    width: 20%;

}

.items_list .product-item:nth-child(n){

    clear: none;

}

.items_list .product-item:nth-child(5n 1){

    clear: left;

}

.items_list ul{

}

.items_list .product-item .item-wrap{

}













/*--------------------------------------------------------

                                                    page: single product

                                                                    ------------------------------------------------------*/





/*product photos*/

.product-intro {

    position: relative;

    overflow: hidden;

    padding-bottom: .2rem;

}

.cloud-zoom-lens {

    border: 1px solid #ddded9;

    cursor: move;

}

.cloud-zoom-title {

    font-family: arial, helvetica, sans-serif;

    position: absolute !important;

    background-color: #000;

    color: #fff;

    padding: 3px;

    width: 100%;

    text-align: center;

    font-weight: bold;

    font-size: 10px;

    top: 0px;

}

.cloud-zoom-big {

    overflow: hidden;

    padding: 0px;
	border:1px solid #ddd;

}

.cloud-zoom-loading {

    color: white;

    background: #222;

    padding: 3px;

    border: 1px solid #000;

}

.product-view .product-image.zoom_remove:after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    bottom: 0;

    z-index: 999;

}

.product-view {

    position: relative;

    width: 45%;

    max-width: 350px;

    float: left;

}

.product-view .product-image {

    position: relative;

    background-color: #f6f6f6;

    border: 1px solid #ddd;

}

.product-view .product-image img {

    position: relative;

    width: 100%;

}

.product-view .image-additional {

    position: relative;

    width: 100%;

    margin: 20px 0 0;

    padding: 0 40px;

}

.product-view .image-additional ul {

    position: relative;

    width: 100%;

    margin: 0 auto;

}

.product-view .image-additional li {

    position: relative;

    width: 100%;

    padding-bottom: 1px;

    margin: 0;

    display: none;

}

.product-view .image-additional li.single {

    display: none;

}

.product-view .image-additional li img {

    position: relative;

    width: 100%;

    padding: 0;

}

.product-view .image-additional li a {

    position: relative;

    display: block;

    border: 1px solid #ccc;

    margin: 1px;

}

.product-view .image-additional li.current a {

    border-color: #ea8865;

    outline: 1px solid #ea8865;

}

.product-view .owl-carousel .owl-item{

    overflow: visible;

}

.product-view .image-additional img.popup {

    display: none;

}

.image-additional .owl-carousel .owl-controls .owl-nav {

    position: static;

}

.image-additional:hover .owl-carousel .owl-controls .owl-nav {

    opacity: 1;

    visibility: visible;

}

.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev,

.image-additional .owl-carousel .owl-controls .owl-nav .owl-next {

    position: absolute;

    top: 6px;

    bottom: 0;

    width: .2rem;

    height: auto;

    padding: 0;

    border-radius: 0;

    color: #333;

    margin: 0;

    text-align: center;

    z-index: 9;

    font-size: .14rem;

}

.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev:hover,

.image-additional .owl-carousel .owl-controls .owl-nav .owl-next:hover{

    opacity: 1;

}

.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev {

    left:-40px;

}

.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev:before,

.image-additional .owl-carousel .owl-controls .owl-nav .owl-next:before{

    position: absolute;

    left: 0;

    top: 50%;

    width: 100%;

    line-height: 30px;

    margin-top: -15px;

    -webkit-transform: scale(.7,1);

    -ms-transform: scale(.7,1);

    -o-transform: scale(.7,1);

    transform: scale(.7,1);

}

.image-additional .owl-carousel .owl-controls .owl-nav .owl-prev:before{

    content: '\f053';

}

.image-additional .owl-carousel .owl-controls .owl-nav .owl-next {

    right:-40px;

}

.image-additional .owl-carousel .owl-controls .owl-nav .owl-next:before{

    content: '\f054';

}

.product-view .image-additional .owl-loaded li{

    display: block;

}



/*product summary*/

.main .product-title{

    line-height: 30px;

    font-size: .2rem;

    padding-bottom: 7px;

    margin-bottom:.2rem;

    border-bottom: 1px solid #ccc;

}

.product-summary {

    position: relative;

    width: 55%;

    float: left;

    font-size: .13rem;

    padding-left: 5%;

}

.product-summary .product-meta {

    line-height: 1.6;

}

.product-summary .product-meta h3 {

    font-size: .14rem;

    color: #333;

}

.product-summary .product-meta li{

    display:-webkit-box;

    display:-webkit-flex;

    display:-ms-flexbox;

    display:flex;

    -webkit-box-orient:horizontal;

    -webkit-box-direction:normal;

    -webkit-flex-direction:row;

    flex-direction:row;

    padding-bottom: .03rem;

    font-size: .13rem;

    display: table\9;

}

.product-summary .product-meta li > em,

.product-summary .product-meta li > span{

    display: table-cell\9;

}

.product-summary .product-meta li em{

    width: 40%;

    max-width: 12em;

}

.product-summary .product-meta li span{

    -webkit-box-flex:1;

    -webkit-flex:1;

    -ms-flex:1;

    flex:1;

}

.product-summary .product-meta li em{

    color: #aaa;

}

.product-btn-wrap {

    position: relative;

    margin: .2rem 0 0;

}

.product-btn-wrap .email,

.product-btn-wrap .pdf,

.product-btn-wrap .buy {

    position: relative;

    display: inline-block;

    *display: inline;

    *zoom: 1;

    vertical-align: top;

    line-height: 26px;

    padding: 0 15px;

    border-radius: 3px;

    background: #14aced;

    border: 2px solid #14aced;

    color: #fff;

    font-size: .14rem;

    margin: 0 .2rem 0 0;

    border-radius: 3px;

}

.product-btn-wrap .email:before,

.product-btn-wrap .pdf:before,

.product-btn-wrap .buy:before{

    margin-right: .05rem;

}

.product-btn-wrap .buy {

    text-transform: uppercase;

    font-size: 18px;

    padding: 0 30px;

}

.product-btn-wrap .email:before {

    content: "\f003";

    padding: 0 3px 0 0;

}

.product-btn-wrap .pdf:before {

    content: "\f1c1";

    padding: 0 3px 0 0;

}

.product-btn-wrap .email:hover,

.product-btn-wrap .pdf:hover,

.product-btn-wrap .buy:hover {

    background: #fff;

    color: #14aced;

    border-color: #14aced;

}

.product-summary .share-this {

    margin: .35rem 0 0;

    text-align: right;

}





/* product detail */

.product-detail {

    position: relative;

    overflow: visible;

    padding: .15rem 0 0;

}

.detail-tabs {

    position: relative;

}

.detail-tabs .title {

    position: relative;

    display: inline-block;

    vertical-align: top;

    *display: inline;

    *zoom: 1;

    line-height:30px;

    cursor: pointer;

    font-size: .16rem;

    padding: 0 .15rem;

    font-weight: normal;

    text-transform: capitalize;

    font-weight: bold;

    float: left;

    margin-right: .06rem;

    background-color: #aaa;

    color: #fff;

}

.detail-tabs .title.current,

.detail-tabs .title.current a{

    color: #fff;

}

.detail-tabs .title.current {

    background-color: #ea8865;

    position: relative;

    font-weight: bold;

}

.product-detail .tab-panel-content {

    display: block;

    overflow: hidden

}

.product-detail .disabled {

    display: none;

}

.tab-panel-wrap{

    margin-bottom: .5rem;

}

.tab-panel-wrap .entry,

.tab-panel-wrap .entry a{

    color: #404040;

}

.tab-panel-wrap .entry p{

    padding: .1rem 0;

}

.tab-panel-wrap .entry h2,

.tab-panel-wrap .entry h3,

.tab-panel-wrap .entry h4{

    padding: .15rem 0;

    line-height: 1.3;

    font-weight: normal;

}

.tab-panel-wrap .entry h2{

    font-size: .32rem;

}

.tab-panel-wrap .entry h3{

    font-size: .24rem;

}

.tab-panel-wrap .entry h4{

    font-size: .24rem;

}





/* inquiry form */

.inquiry-form-wrap .inquiry-form-title{

    line-height: 30px;

    position: relative;

    background-color: #ea8865;

    color: #fff;

    font-size: .16rem;

    text-transform: uppercase;

}

.inquiry-form{

    border-color: #ccc;

    padding: .3rem .35rem;

}

.inquiry-form .form-item{

    padding-bottom: .05rem;

}

.inquiry-form  input[type="text"].form-input,.inquiry-form textarea.form-text{

    border-color: #ccc;

}







/*like product*/

.goods-may-like {

    position: relative;

    margin: .5rem 0 0;

}

.goods-may-like .product-item{

    display: none;

}

.goods-title-bar {

    background-color: #ea8865;

    margin-bottom: 15px;

    padding: 2px .15rem;

}

.goods-title-bar .title {

    display: inline-block;

    font-size: .16rem;

    position: relative;

    position: relative;

    color: #fff;

    text-transform: uppercase;

    line-height: 30px;

}

.goods-title-bar .title .txt-impt{

    color: #ea8865;

    font-weight: bold;

}

.goods-may-like .owl-carousel .owl-controls .owl-nav,

.goods-may-like .owl-carousel .owl-controls .owl-nav a{

    color: #fff;

}

.goods-may-like .owl-carousel .owl-controls .owl-nav{

    width: auto;

    left: auto;

    right:.05rem;

    top: -42px;

}

.goods-may-like .owl-carousel .owl-item{

    overflow: visible;

}

.goods-may-like .owl-loaded .product-item{

    display: block;

}

.goods-may-like .product-item{

    width: 100%;

    padding: 0;

}

.goods-may-like .product-item .item-title{

    font-weight: normal;

}

.goods-may-like .owl-carousel .owl-controls .owl-nav .owl-prev,

.goods-may-like .owl-carousel .owl-controls .owl-nav .owl-next{

    font-size: .2rem;

    padding: 0;

    margin: 0;

    display: inline-block;

    width: 20px;

    height: 20px;

    line-height: 20px;

    text-align: center;

}

.goods-may-like .owl-carousel .owl-controls .owl-nav .owl-next{

    margin: 0 .05rem;

}

.goods-may-like .owl-carousel .owl-controls .owl-nav .owl-prev:before,

.goods-may-like .owl-carousel .owl-controls .owl-nav .owl-next:before{

    -webkit-transform: scale(.9,1);

    -ms-transform: scale(.9,1);

    -o-transform: scale(.9,1);

    transform: scale(.9,1);

}

.goods-may-like .owl-carousel .owl-controls .owl-nav .owl-prev:before{

    content: '\f104';

}

.goods-may-like .owl-carousel .owl-controls .owl-nav .owl-next:before{

    content: '\f105';

}

.goods-may-like .owl-carousel .owl-controls .owl-nav .owl-prev:hover,

.goods-may-like .owl-carousel .owl-controls .owl-nav .owl-next:hover{

    outline: 1px solid #fff;

    color: #fff;

}









/*--------------------------------------------------------

                                                    page: blog list

                                                                    ------------------------------------------------------*/



.blog_list {

    position: relative;

    width: 100%;

}

.blog-item {

    position: relative;

    width: 100%;

    overflow: hidden;

    padding:.3rem 0;

}

.blog-item:before {

    content: "";

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 2px;

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

}

.blog-item:after{

    content: '';

    width: 50%;

    opacity: 0;

    height: 2px;

    z-index: 1;

    position: absolute;

    right: 0;

    bottom: 0;

    border-top:1px solid #000;

    border-bottom:1px solid #000;

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

}

.blog-item:hover:after{

    opacity: 1;

}

.blog-item .item-wrap {}

.blog-item .item-img {

    position: relative;

    display: block;

    max-width: 2.5rem;

    margin: 0 .3rem 0 0;

    float: left;

}

.blog-item .item-img img {

    position: relative;

    width: 100%;

}

.blog-item .item-info {}

.blog-item .item-info .item-title {

    font-size: .24rem;

    font-weight: normal;

    line-height: 1.1;

    padding-bottom: .05rem;

}

.blog-item .item-info time {

    display: block;

    font-style: italic;

    margin: .08rem 0;

    color: #666;

}

.blog-item .item-info .item-detail {

    color: #666;

}

.blog-item .item-info .item-more {

    float: right;

    color: #fff;

    display: inline-block;

    border: 1px solid #444;

    background-color: #444;

    padding: .04rem .15rem;

    -webkit-transition: all .2s ease;

    -o-transition: all .2s ease;

    transition: all .2s ease;

    margin-top: 10px;

}

.blog-item .item-info .item-more:hover{

    background-color: #ea8865;

    border-color: #ea8865;

    color: #fff;

}

.blog-item:hover:after{

    width: 100%;

}

.blog-item:hover .item-info .item-more:hover{

    color: #fff;

}







/*--------------------------------------------------------

                                                    page: download list

                                                                    ------------------------------------------------------*/



.download_list {

    position: relative;

    width: 100%;

}

.download-item {

    position: relative;

    overflow: hidden;

    padding: .25rem 0 .15rem;

    line-height: .3rem;

    border-bottom: 1px solid #eee;

}

.download-item:hover{

    background-color: #fafafa;

}

.download-item .item-img {

    max-width: 25px;

}

.download-item .item-title {

    position: relative;

    display: inline-block;

    *display: inline;

    vertical-align: top;

    *zoom: 1;

    margin: 0 .1rem;

    font-size: .16rem;

    font-weight: bold;

}

.download-item .item-button {

    position: relative;

    display: inline-block;

    *display: inline;

    vertical-align: top;

    *zoom: 1;

    float: right;

    line-height: .3rem;

    padding: 0 .15rem;

    border: 1px solid #ccc;

    background: #eee;

    border-radius: .05rem;

    cursor: pointer;

}

.download-item .item-button:before {

    content: "\f019";

    margin: 0 .1rem 0 0;

}





/*--------------------------------------------------------

                                                    page: faq list

                                                                    ------------------------------------------------------*/



.faq_list {

    position: relative;

    width: 100%;

}

.faq-item {

    position: relative;

    width: 100%;

    overflow: hidden;

    padding: 0 .35rem;

    border-bottom: 1px solid #eee;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.faq-item:hover{

    background-color: #fafafa;

}

.faq-item .faq-title {

    position: relative;

    font-size: .16rem;

    line-height: .3rem;

    padding: .15rem 0;

    cursor: pointer;

}

.faq-item .faq-title:before {

    position: absolute;

    content: "\f067";

    left: -.35rem;

    top: 50%;

    margin: -10px 0 0;

    border: 1px solid #000;

    border-radius: 50%;

    width: 20px;

    height: 20px;

    text-align: center;

    line-height:20px;

    font-size: .12rem;

    font-weight: normal;

    -webkit-transition: all .3s ease;

    -o-transition: all .3s ease;

    transition: all .3s ease;

}

.faq-item .faq-title.show-title:before {

    content: '\f068';

}

.faq-item .faq-cont {

    margin: 0 0 .25rem;

    display: none;

}

.faq-item:first-child .faq-cont {

    display: block;

}





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

}



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



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

    html {

        font-size: 600%;

    }

    .side-tit-bar .side-tit {

        font-size: .15rem;

    }



}



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

    html {

        font-size: 570%;

    }

/*    .layout,

    .nav-bar .nav-wrap {

        width: 100%;

        padding-left: 1.5rem;

        padding-right: 1.5rem;

    }*/

    body {

        min-width: 100%;

    }

    .scrollsidebar,

    .bottomsidebar {

        display: none;

    }

    .head-layout{

        width: 100%;

        max-width: inherit;

    }

    .rev_slider_wrapper{

        max-width: inherit;

    }

    .gd-layer{

        /*overflow: hidden;*/

    }

    .rev_slider_wrapper{

        padding: 0;

        background: none;

    }

    .foot-items .gd-row{

        margin-left: -.15rem;

        margin-right: -.15rem;

    }

    .foot-items .foot-item{

        padding-left: .15rem;

        padding-right: .15rem;

    }

    .foot-item-left .foot-cont{

        padding-right: 10%;

    }





    .banner-item .item-tit{

        font-size: .4rem;

        padding-top: .3rem;

        font-weight: normal;

    }

    .banner-item .item-tit:after{

        margin-top: .1rem;

        width: .8rem;

    }

    .banner-item:nth-child(3n 1) .item-tit{

        font-size: .6rem;

    }







}



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

    .aside {

        /*width: 200px;*/

        width: 20%;

    }

    .main{

        width: 78%;

    }

}



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

    .main {

        /*width: 76%;*/

    }

}



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

    html {

        font-size: 550%;

    }

}



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

    html {

        font-size: 550%;

    }

    body{

        padding-left: 0;

        padding-right: 0;

    }

    .z10000 {

        position: relative;

        z-index: 100000;

    }

    .mobile-body-mask {

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, 0.6);

        position: absolute;

        position: fixed;

        left: 0;

        top: 0;

        z-index: 9999;

    }

    .mobile-ico-close {

        width: 30px;

        height: 30px;

        background: #fff  center center no-repeat;

        background-size: 50% auto;

        position: absolute;

        right: -35px;

        top: 0;

    }

    img {

        max-width: 100%;

    }

    .sub-content {

        position: relative;

        display: block;

        right: auto;

        border-radius: 0;

        border: none;

        box-shadow: none;

        z-index: 99999;

    }





    /* ------------- header ------------- */

    .head-wrapper:before{

        display: none;

    }

    .head-wrapper .mobile-body-mask{

        z-index: 90;

    }

    .lang-more {

        display: none !important

    }

    .mobile-head-items {

        position: fixed;

        top: 0;

        left: 0;

        background: #161622;

        width: 100%;

        height: 25px;

        line-height: 25px;

        text-align: left;

        display: block;

        z-index: 99;

    }

    .mobile-head-item {

        float: left;

        width: 25%;

    }

    .mobile-head-item.mobile-head-aside {

        float: right

    }

    .mobile-head-item .title {

        width: 100%;

        height: 25px;

        line-height: 25px;

        overflow: hidden;

        text-align: center;

        color: #fff;

    }

    .mobile-head-item .title a {

        position: relative;

        display: block;

        color: #fff;

    }

    .mobile-head-item.mobile-head-home .title a:before {

        content: '\f015';

    }

    .mobile-head-item.mobile-head-nav .title:before {

        content: '\f0c9';

    }

    .mobile-head-item.mobile-head-language .title:before {

        content: "\f1ab";

    }

    .mobile-head-item.mobile-head-search .title:before {

        content: "\f002";

    }

    .mobile-head-item.mobile-head-social .title:before {

        content: "\f007";

    }

    .mobile-head-item.mobile-head-aside .title:before {

        content: "\f060";

    }

    .mobile-head-item .main-content-wrap {

        background: #fff;

        top: 0;

        display: block;

        z-index: 99999;

    }

    .mobile-head-item .main-content-wrap .content-wrap {

        overflow-y: auto;

        height: 100%;

        padding: 15px 10px;

    }

    .mobile-head-item .main-content-wrap.middle-content-wrap .content-wrap {

        overflow-y: hidden;

    }

    .mobile-head-item .side-content-wrap {

        position: fixed;

        display: block;

        left: -70%;

        width: 70%;

        height: 100%;

    }

    .mobile-head-item .middle-content-wrap {

        position: absolute;

        left: 0;

        width: 100%;

        height: auto;

        padding: 20px 0;

        opacity: 0;

        visibility: hidden;

    }

    .mobile-head-item .middle-show-content-wrap {

        top: 25px;

        visibility: visible;

        opacity: 1;

    }

    .nav-bar .nav li,

    .change-language,

    .head-search {

        display: none !important;

    }



    body{

        padding-top: 25px;

        padding-bottom: 0;

    }

    .head-wrapper,

    .container-index .head-wrapper{

        position: relative;

        text-align: center;

        background-color: #161622;

        margin-bottom: 40px;

        margin-left: -40px;

        margin-right: -40px;

        width: auto;

    }





    /* head inner */

    .head-layout{

        display: block;

        padding: 20px;

        text-align: center;

        background: none;

		height: 340px;

    }

    .head-layout .nav-bar .nav-toggle{

        display: none;

    }



    .head-layout .logo{margin: 0 auto;width: 50%;

 

    }

    .logo{

        width: 100%;

        text-align: center;

        float: none;

        padding: 0;

    }

.head-layout .logo .logo-img a img:hover {background:rgba(0,0,0,.5)}

.head-layout .logo-img img {width:100%;}

    /* search */

    .head-search-form {

        position: relative;

        width: 100%;

        height: .4rem;

        border: 1px solid #000;

        -webkit-box-sizing: content-box;

        box-sizing: content-box;

    }

    .head-search-form .search-ipt {

        position: absolute;

        left: 0;

        top: 0;

        width: 100%;

        height: .4rem;

        background: none;

        border: none;

        padding: 0 1rem;

    }

    .head-search-form .search-btn {

        position: absolute;

        top: 0;

        right: 0;

        width: .4rem;

        height: .4rem;

        line-height: .4rem;

        background: none;

        border: none;

        color: #333;

        font-family: 'fontawesome';

        padding: 0;

        cursor: pointer;

        z-index: 1111;

        display: inline-block;

    }

    .head-search-form .search-btn:hover{background: #333;}

    .head-search-form .search-btn:hover{

        background: none;

    }

    .head-search-form .search-btn:before{

        display: block;

        content: '\f002';

        display: inline-block;

        width: .35rem;

    }







    /*nav */

    .nav-bar{

        height: auto;

        padding: 0;

    }

    .nav-bar .nav-wrap{

        padding-bottom: 0;

    }

    .nav li {

        position: relative;

        display: block;

        width: 100%;

        font-size: 16px;

    }

    .nav li a{

        display: block;

    }

    .nav li a:active{

        color: #b7045f;

    }

    .nav>li {

        line-height: 35px;

        border-bottom: 1px solid #aaa;

    }

    .nav>li:after {

        content: '\f105';

        position: absolute;

        right: .05rem;

        top: .05rem;

        color: #ccc;

    }

    .nav>li>a{

        font-size: 16px;

        padding-top: .05rem;

        padding-bottom: .05rem;

    }

    .nav li ul {

        display: block;

        width: 100%;

    }

    .nav li ul li {

        width: auto;

        padding: 0 10px;

        font-size: 14px;

        text-transform: lowercase;

        line-height: 30px;

        font-family: arial;

    }

    .nav li ul li:active{

        background-color: #f5f5f5;

    }

    .nav li ul li:active li{

        background: none;

    }

    .nav li ul li li {

        line-height: 25px;

    }

    .nav li ul li li:before {

        display: none;

    }

    .nav-bar:before{

        display: none;

    }

    .fixed-nav{

        position: static;

    }





    /* ------------- footer ------------- */

    .contact-layer .layer-title{

        height: auto;

        position: static;

        font-size: .36rem;

        padding-top: 15px;

        padding-bottom: .1rem;

    }

    .contact-layer .layout{

        padding: 20px;

    }

    .contact-layer .foot-inquiry .gd-btn{

        margin-left: .1rem;

        margin-top: .1rem;

    }

    .contact-layer .layer-body{

        display: block;

    }

    .contact-layer .foot-hotline,

    .contact-layer .social-list,

    .contact-layer .foot-inquiry{

        text-align: left;

        padding: 15px 0;

        border-bottom: 1px solid rgba(255,255,255,.05);

    }

    .contact-layer .foot-inquiry{

        border-bottom: 0;

    }





    .foot-wrapper .layout{

        padding-left: 20px;

        padding-right: 20px;

    }

    .foot-wrapper,

    .foot-items .foot-item{

        letter-spacing: 0;

    }

    .foot-items {

        padding-top: .3rem;

        padding-bottom: .3rem;

    }

    .foot-items .foot-item{

        width: 50%;

        padding-top: .2rem;

        padding-bottom: .2rem;

    }

    .foot-items .foot-item:nth-child(2n 1){

        clear: left;

    }







    /* ------------- index ------------- */

    .rev_slider_wrapper{

        top:auto;

        margin-bottom: 0;

    }

    .index-title-bar{

        max-width: 100%;

    }

    .index-title-bar .index-title{

        letter-spacing: .1em;

    }

    .index-title-bar .index-title{

        font-size: .14rem;

    }

    .has-mobile-link{

        position: relative;

        display: inline-block;

    }

    span.has-mobile-link{

        display: inline-block;

    }

    .has-mobile-link .link{

        display: block;

        width: 100%;

        height: 100%;

        position: absolute;

        left: 0;

        top: 0;

    }





    /* owl-carousel */

    .owl-carousel .owl-controls .owl-dots .owl-dot{

        width: 16px;

        height: 2px;

        border-radius: 0;

    }

    .owl-carousel .owl-controls .owl-dots .active{

        background-color: #ea8865;

    }



    /* about us */

    .about-us .about-detail .about-title{

        font-size: .32rem;

    }



    /* banners */

    .layer-title-bar .layer-title{

        font-size: .32rem;

        float: none;

    }

    .layer-title-bar .layer-title-more{

        display: block;

        float: none;

        line-height: 1.3;

        font-weight: bold;

        font-size: .14rem;

    }

    .layer-title-bar .layer-title-more:before,

    .layer-title-bar .layer-title-more:after{

        display: none;

    }





    /* video-layer */

    .video-layer .video-layer-title{

        font-size: 1.5rem;

        top: -1.2rem;

    }

    .video-layer .layer-body{

        max-width: inherit;

    }

    .video-layer .video-title{

        font-size: .32rem;

    }





    /* partner-layer */

    .partner-layer .partner-layer-title{

        font-size: 1.2rem;

        margin-top: -.6rem;

    }

    .partner-layer{

        padding-top: 80px;

        padding-bottom: 80px;

    }





    /* products */

    .product-items .layer-body{

        padding: 0;

    }

    .items_list ul{

        margin-left: -.1rem;

        margin-right: -.1rem;

    }

    .product-item{

        padding: .2rem .1rem;

    }

    .owl-carousel .owl-controls .owl-dots{

        padding-top: .2rem;

        position: static;

    }

    .product-items .items-content{

        width: auto;

    }





    /* promote banners */

/*    .banner-list{

        margin-left: -1rem;

        margin-right: -1rem;

    }

    .banner-item{

        padding: 1rem;

    }

*/





    /* ------------- page nav -------------- */

    .sub-head{

        padding-top: 0;

    }



    /* ------------- aside ------------- */

    .aside {

        display: none;

    }

    .side-product-items .btn-prev,

    .side-product-items .btn-next {

        display: none;

    }

    .side_product_item {

        display: inline-block;

        vertical-align: top;

        width: 50%;

    }

    .side-product-items{

        padding-top: .2rem;

    }





    /* ------------- main ------------- */

    .main {

        width: 100%;

        float: none;

        margin: 0 auto;

    }



    /* product intro */

    .product-view {

        width: auto;

        max-width: 400px;

        float: none;

        margin: 0 auto .3rem;

        border: 0 solid #eee;

    }

    .product-view br{

        display: none;

    }

    .product-view .product-image {

        display: none

    }

    .product-view .image-additional li img,

    .product-view .image-additional li.current img{

        border: 0;

        outline: 0;

        vertical-align: middle;

    }

    .product-view .image-additional li.current:before{

        display: none;

    }

    .product-view .image-additional {

        width: 100%;

        margin: 0;

        padding: 0;

    }

    .product-view .image-additional ul {

        width: 100%;

    }

    .product-view .image-additional li {

        width: 100%;

        margin: 0;

    }

    .product-view .image-additional li a {

        border: 0;

        margin: 0;

    }

    .product-view .image-additional li.current img {

        border-color: inherit;

    }

    .product-view .image-additional li.current a{

        padding: 0;

        outline: 0;

    }

    .product-view .image-additional li:before{

        display: none;

    }

    .product-view .image-additional li.single {

        display: block

    }

    .product-view .owl-carousel .owl-controls .owl-dots {

        position: absolute;

        padding-top: 0;

        bottom: .18rem;

        z-index: 1;

    }





    /* product summary */

    .product-summary {

        position: relative;

        width: 100%;

        float: none;

        padding-left: 0;

    }

    .product-btn-wrap{

        text-align: left;

        margin-top: .4rem;

    }

    .product-summary .share-this{

        text-align: left;

        margin: .2rem 0;

        float: none;

    }

    .product-btn-wrap .email,

    .product-btn-wrap .pdf,

    .product-btn-wrap .buy{

        margin: 0 .05rem .2rem 0;

    }





    /* product detail  */

    .product-detail{

        border: 0;

        padding: .4rem 0 0;

    }

    .product-detail .tab-panel-content{

        padding: .15rem 0;

    }

    .tab-content-wrap .tab-title-bar,

    .tab-content-wrap .tab-panel-wrap {

        display: none;

    }

    .tab-content-wrap .mobile-tab-items .mobile-tab-item {

        margin: 0 0 30px;

    }

    .tab-content-wrap .mobile-tab-items .mobile-tab-title,

    .tab-content-wrap .mobile-tab-items .mobile-tab-title a{

        color: #fff;

    }

    .tab-content-wrap .mobile-tab-items .mobile-tab-title {

        height: 30px;

        line-height: 30px;

        margin: 0 auto .1rem;

        padding: 0 .15rem;

        font-size: .16rem;

        padding-bottom: 8px;

        position: relative;

        background-color: #000;

        text-transform: uppercase;

    }



    /* customers also bought */

    .goods-title-bar .title{

        font-size:.16rem;

    }

    .goods-may-like .owl-carousel .owl-controls{

        height: auto;

        visibility: visible;

    }

    .goods-may-like .owl-carousel .owl-controls .owl-dots {

        position: static;

        padding-top: .15rem;

    }

    .goods-may-like .product-item{

        display: none;

    }

    .goods-may-like .owl-loaded .product-item{

        display: block;

    }

    /* inquiry */

    .inquiry-form-wrap .inquiry-form-title{

        padding-left: .15rem;

        padding-right: .15rem;

        text-transform: uppercase;

    }



}



@media only screen and (max-width: 768px) {
.main table {



width: 100% !important;


}


    .layout,

    .path-bar .path-nav{

        width: auto;

    }

    .head-layout{

        max-width:inherit;

		height:auto;

    }
  .main .tab-panel-content table {
  margin-bottom: 20px !important;margin-top: 20px;
  }

    .container{

		    width: 98%;

    margin: 0 auto;

        padding-left: 0;

        padding-right: 0;

    }













    /* ------------- header ------------- */

    .head-wrapper,

    .container-index .head-wrapper{

        margin-left: -.15rem;

        margin-right: -.15rem;

    }

    .logo{

        display: block;

    }





    /* ------------- footer ------------- */

    .logo{

        display: block;

    }

    .gotop{

        width: .35rem;

        height: .35rem;

        line-height: .35rem;

    }





    /* ------------- index ------------- */



    /* slide banner */

    .tp-bullets.simplebullets{

        padding-bottom: 0;

    }





    /* video-layer */

    .video-layer{

        padding-top: 150px;

        padding-bottom: 150px;

        margin-top: 1.1rem;

    }

    .video-layer .video-layer-title {

        font-size: .8rem;

        top: -.65rem;

    }





    /* partner-layer */

    .partner-layer .partner-layer-title{

        font-size: .8rem;

        margin-top: -.4rem;

        opacity: .6;

    }







    /* promote-banners */

    .banner-item{

        width: 100%;

        float: none;

    }

    .banner-item .banner-img,

    .banner-item:nth-child(3n 1) .banner-img{

       /* padding: 35% 0;*/

    }

    .banner-item:nth-child(3n 1) .banner-img{

      /*  padding-top: 75%;*/

    }

    .banner-item:nth-child(3n 1) .item-tit{

        font-size: .4rem;

    }





    /* product list */

    .product-item .item-title a{

    }

    .items-content{

        width:100%;

        float: none;

    }

    .layer-best .product-cates{

        float: none;

    }

    .product-item{

        width: 50%;

    }

    .product-item:nth-child(n){

        clear: none;

    }

    .product-item:nth-child(2n 1){

        clear: left;

    }



    /* news */

    .news-layer .layout{

        padding: .8rem 8%;

    }



    /* partner */

    .partner-list{

        position: relative;

    }

    .partner-list .partner-item:nth-child(2n 1){

        clear: left;

    }

    .partner-list .partner-item:after{

        display: none;

    }









    /* ------------- product list ------------- */

    .items_list{

    }

    .items_list ul{

        margin-left: -.1rem;

        margin-right: -.1rem;

    }

    .items_list .product-item{

        width: 33.333333%;

        padding: .1rem;

    }

    .items_list .product-item .item-wrap {

        outline: 0;

    }

    .items_list .product-item:nth-child(n){

        clear: none;

    }

    .items_list .product-item:nth-child(3n 1){

        clear: left;

    }

    .items_list .product-item .item-wrap .btn-view{

        display: block;

    }



    /* ------------- product detail ------------- */

    .goods-may-like .product-item{

        padding: 0;

    }

    .goods-may-like .owl-carousel .owl-controls .owl-dots{

        padding: .35rem 0 .1rem;

    }





    /* ------------- footer ------------- */



}







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

	



    .layout,

    .path-bar .path-nav{

        width: auto;

        max-width: inherit;

    }

    .flex-direction-nav .flex-prev,

    .flex-direction-nav .flex-next {

        display: none;

    }

    .flex-control-paging li a {

        width: .1rem;

        height: .1rem;

    }

    .flex-control-paging li a:hover,

    .flex-control-paging li a.flex-active {

        width: .12rem;

        height: .12rem;

    }

    .head-layout .logo img{

        max-width: 50%;

    }

    .topbar .layout{

        padding-left: 0;

        padding-right: 0;

    }



    /* btn */

    .gd-btn{

        padding: .08rem .25rem;

    }





    /* ------------- header ------------- */

    .head-wrapper,

    .container-index .head-wrapper{

        margin-bottom: .15rem;

    }









    /* ------------- footer ------------- */

    .contact-layer,

    .foot-wrapper{

        margin-left: -.15rem;

        margin-right: -.15rem;

    }

	.foot-items{ text-align:center;}

    .foot-items .foot-item{

       

        float: none;

		display:inline-block;

		text-align:left;

		padding-left:0;

		padding-right:0;

        

    }

	.foot-items .foot-item:after{content:"";display:block;clear:both;visibility:hidden;height:0;}

	.foot-items .foot-item{*zoom:1;}

	.foot-items .new-item .item-info .title{ max-width:none; max-height:none}

	.foot-items .foot-item .foot-tit{ text-align:left; }

	.foot-item-intro .foot-logo{ display:block;}

    .contact-layer .foot-hotline dd{

        font-weight: normal;

        font-size: .28rem;

    }

    .social-list li .sc-ico{

        padding: .05rem;

    }

    .social-list li .sc-ico img{

        max-height: 15px;

    }

    .foot-item-intro .foot-cont{

        max-width: inherit;

    }











    /* ------------- index ------------- */



    /* title */

    .index-title-bar{

        margin-bottom: 40px;

    }

    .index-title-bar .index-title{

        padding-top: .12rem;

        padding-bottom: .12rem;

    }

    .index-title-bar .index-title:before,

    .index-title-bar .index-title:after{

        height: 2px;

    }



    /* btn */

    .gd-btn{

        border-width: 2px;

        padding: .06rem .2rem;

        font-size: .16rem;

    }

    .gd-btn:before{

        width: 12px;

        margin-left: -7px;

    }





    .banner-list{

        margin: 0;

    }

    .banner-item{

        width: 100%;

        float: none;

        padding-left: 0;

        padding-right: 0;

    }

    .banner-item .banner-info{

        left: .15rem;

        top: .15rem;

    }

    .banner-item .item-tit,

    .banner-item:nth-child(3n 1) .item-tit{

        font-size: .32rem;

        padding-top: .15rem;

    }





    /* about us */

    .about-us{

        padding-top: 60px;

        padding-bottom: 60px;

        margin-top: .15rem;

    }

    .about-us .about-title{

        margin-bottom: 30px;

    }

    .about-us .index-title-bar:before{

        width: 5px;

        margin-left: -2px;

        height: 105px;

    }

    .about-us .about-detail .about-title{

        padding-left: .15rem;

        padding-right: .15rem;

    }

    .about-us .about-desc{

        padding-left: .2rem;

        padding-right: .2rem;

        font-size: .18rem;

    }





    /* video */

    .video-layer{

        margin-top: .8rem;

        padding-top: .6rem;

        padding-bottom: .6rem;

    }

    .video-layer .video-layer-title{

        font-size: .4rem;

        top: -.45rem;

    }

    .video-layer .video-title{

        margin-bottom: .2rem;

    }

    .video-layer .play-btn-box .play-icon{

        margin: 0;

        -webkit-transform: scale(.6);

        -ms-transform: scale(.6);

        -o-transform: scale(.6);

        transform: scale(.6);

    }





    /* partners */

    .partner-layer{

        padding-top: 0;

        padding-bottom: 40px;

    }

    .partner-layer .partner-layer-title{

        font-size: .4rem;

        position: static;

        opacity: 1;

        margin: 0 auto .1rem;

    }

    .partner-layer .owl-carousel .owl-controls{

        display: none;

    }

    .partner-layer .layer-body{

        padding: 0;

        margin: 0 -.1rem;

    }

    .partner-layer .owl-carousel .owl-item{

        width: 50%;

        padding: .1rem;

    }

    .partner-layer .owl-carousel .owl-item:nth-child(2n 1){

        clear: left;

    }









    /* ------------- product list ------------- */

    .path-bar{

    }

    .main-tit-bar{

        display: block;

    }

    .main-tit-bar .title,

    .main-tit-bar .share-this{

        display: block;

    }

    .main-tit-bar .title   .share-this{

        display: block;

        width: 100%;

        max-width: inherit;

        text-align: left;

        padding-top: .06rem;

        padding-bottom: .15rem;

        height: auto;

    }

    .main-tit-bar .share-this img{

        max-width: inherit;

    }

    .items_list ul{

        margin: 0 -.05rem;

    }

    .items_list .product-item{

        width: 50%;

        padding: .05rem;

    }

    .items_list .product-item:nth-child(n){

        clear: none;

    }

    .items_list .product-item:nth-child(2n 1){

        clear: left;

    }

    .items_list .product-item .item-wrap{

        padding: 0;

    }





    /* ------------- product detail ------------- */

    .side_product_item {

        width: 100%;

    }

    .product-view {

        width: 100%;

        border-color: #e5e5e5;

        border-width: 1px;

    }

    .inquiry-form {

        padding: .2rem .1rem;

    }

    .inquiry-form .inquiry-form-ico {

        width: .5rem;

        right: .1rem;

        top: .1rem;

    }

    .inquiry-form input[type="text"].form-input,

    .inquiry-form textarea.form-text {

        width: 80%;

    }

    .inquiry-form textarea.form-text {

        width: 100%;

    }

    .goods-may-like .goods-items{

    }

    .goods-may-like .owl-carousel .owl-item{

        overflow: visible;

    }

    .goods-may-like .product-item{

        overflow: visible;

    }

    .goods-may-like .product-item .item-wrap{

        position: relative;

    }





    /* ------------- blog ------------- */

    .blog-item .item-img{

        float: none;

        margin-right: 0;

    }

    .blog-item .item-info .item-title{

        font-size: .24rem;

        line-height: 1.1;

        font-weight: normal;

        padding-top: .15rem;

    }

    .blog-item .item-info time{

        color: #999;

    }

    .blog-item .item-info .item-detail{

        color: #666;

    }

    .blog-item .item-info .item-more{

        border-radius: .18rem;

        background-color:#000;

        color: #fff;

        border-color: rgba(0,0,0,0);

        margin: .1rem auto 0;

    }

    .blog-item:hover .item-info .item-more{

        color: #fff;

    }





    /* download */

    .download-item .item-title {

        display: block;

        margin: .1rem 0;

    }

    .download-item .item-button {

        float: none;

    }

}

 

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



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

    .synopsis-item,

    .product-item,

    .items_list .product-item,

    .product-items .product-item {

        width: 100%

    }

    .synopsis-item .item-wrap:after{

        display: none;

    }

    .index-cate-item{

        width: 100%;

        float: none;

    }

    .index-title-bar:before,

    .index-title-bar:after{

        width: .4rem;

    }

.foot-items .foot-item{ width:60%}

}





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

    .change-language-cont {

        top: auto!important;

        padding: 0!important;

        width: 100%!important;

        text-align: left!important

    }

    .sub-content {

        position: relative!important;

        display: block!important;

        right: auto!important;

        border-radius: 0!important;

        border: none!important;

        box-shadow: none!important;

        z-index: 99999!important

    }

    .change-language-title {

        display: none!important

    }

    .change-language-cont ul li {

        width: 25%!important;

        margin: 0!important;

        border: none!important

    }



}



@media only screen and (max-width:768px) {
.main .tab-panel-content table {  width: 100% !important;  }
    .change-language-cont ul li {

        width: 33.33333%!important

    }

}



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

    .change-language-cont ul li {

        width: 50%!important

    }

}



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

    .change-language-cont ul li {

        width: 50%!important

    }

}

.none {

    display: none

}



.company-synopses {

    position: relative;

    width: 100%;

    overflow: hidden;

}

.company-synopses ul {

    margin: 0 -.4rem;

}

.synopsis-item {

    position: relative;

    width: 33.333333%;

    float: left;

    text-align: center;

    border-right: 1px solid #d9d9d9;

    overflow: hidden; 

}

.synopsis-item .sys_bg{

	-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;

	position:absolute;

	width:100%;

	height:100%;

	top:0;

	left:-100px;

	opacity:0;

	visibility:hidden;

	}

.synopsis-item:hover .sys_bg{ left:0; opacity:.6; visibility:visible;}

.synopsis-item:before{

    content: '';

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: -20%;

    top: 0;

   

    -webkit-transition: all.5s ease;

    -o-transition: all.5s ease;

    transition: all.5s ease;

    opacity: 0;

    filter: alpha(opacity=0);



}

.synopsis-item:nth-child(3n){

    border-right: 0;

}

.synopsis-item .item-wrap {

    position: relative;

    padding: .45rem .8rem;

    z-index: 2;

}

.synopsis-item .item-img {

    position: relative;

    display: inline-block;

    max-width: 2.3rem;

    margin: 0 auto;

    padding: 0 0 .2rem;

}

.synopsis-item .item-img img{

    -webkit-transition: all .5s ease;

    -o-transition: all .5s ease;

    transition: all .5s ease;

}

.synopsis-item .item-info{

    max-width: 500px;

    margin: 0 auto;

}

.synopsis-item .item-info .item-title {

    position: relative;

    font-weight: bold;

    padding: 0 0 .05rem;

    font-size: .18rem;

    text-transform: uppercase;

}

.synopsis-item .item-info .item-title,

.synopsis-item .item-info .item-title a {

    color: #333;

}

.synopsis-item .item-info .item-title a:hover{

    color: #eb4c4c;

}

.synopsis-item .item-info .item-desc,

.synopsis-item .item-info .item-desc a{

    color: #909090;

}

.synopsis-item .item-info .item-desc{

    display: block;

    line-height: 1.7;

}

.synopsis-item:hover:before{

    left: 0;

    opacity: 1;

    filter: alpha(opacity=100);

    -webkit-transition: all 1.2s ease;

    -o-transition: all 1.2s ease;

    transition: all 1.2s ease;

}

.synopsis-item:hover .item-img{

    -webkit-animation: icojump .6s ease;

    animation: icojump .6s ease;

}

.main table {

 border-collapse: collapse;

 border-spacing: 0;

 margin-bottom:0 !important;

}

.main table th, .main table td {

 height: 30px;

 border: 1px solid #ccc;

 text-align: left;

 line-height: 1.5;

 font-size: 12px;

 color: #666;

 background: #fbfbfb;

 padding: 0 15px;

}

.main table th {

 font-size: 12px;

 background: #eee;

}

.main table td p, .main table th p, table td p, table th p {

 margin: 0;

 padding: 5px;

 color: #666;

 font-size: 12px;

 line-height: 1.3;

}

.main table td.amts {

 color: #cb2027;

}

.main table th#cartdelete {

 text-align: center;

}