html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,span,img {margin:0;padding:0;}
fieldset,img,input,button {border:none;padding:0;margin:0;outline-style:none;}
ul,ol {list-style:none;}
input {padding-top:0;padding-bottom:0;}
select,input {vertical-align:middle;}
select,input,textarea {font-size:12px;margin:0;}
textarea {resize:none;}
/*��ֹ�϶�*/
img {border:0;vertical-align:middle;}
/*  ȥ��ͼƬ�Ͳ�Ĭ�ϵ�3���ؿհ׷�϶*/
table {border-collapse:collapse;}
body {width:100%;color:#666;background:#fff}
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;/*IE/7/6*/}
a {color:#666;text-decoration:none;}
a:hover {color:#C81623;}
h1,h2,h3,h4,h5,h6 {text-decoration:none;font-weight:normal;}
s,i,em {font-style:normal;text-decoration:none;}
body {background:#fff;color:#333;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overflow-x:hidden;overflow-y:auto;}
::selection,::-moz-selection {background:#4b9fff;color:#fff}
a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,a:hover {text-decoration:none}
@font-face {font-family:adobesimhei;src:url("../fonts/AdobeHeitiStd-Regular.otf"),url("../fonts/AdobeHeitiStd-Regular.eot"),url("../fonts/AdobeHeitiStd-Regular.ttf"),url("../fonts/AdobeHeitiStd-Regular.woff");}
html,body {width:100%;height:100%;overflow:hidden;}
.section-wrap {width:100%;height:100%;overflow:visible;transition:transform 1s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 1s cubic-bezier(0.86,0,0.03,1);}
.section-wrap .section {position:relative;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;}
.section-wrap .section-0 {background-color:#fff}
.section-wrap .section-1 {background-color:#f7f7f7;}
.section-wrap .section-2 {background-color:#fff;background:url(../images/bg1.jpg) repeat-y center top;}
.section-wrap .section-3 {background:url(../images/bg2.jpg) repeat-y center top;}
.section-wrap .section-4 {background:url(../images/bg3.png) no-repeat center bottom;}
.section-wrap .section-5 {background-color:#e5edfd;}
.section-wrap .section-6 {background-color:#0d0e22}
.put-section-0 {transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1 {transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2 {transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3 {transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.put-section-4 {transform:translateY(-400%);-webkit-transform:translateY(-400%);}
.put-section-5 {transform:translateY(-500%);-webkit-transform:translateY(-500%);}
.put-section-6 {transform:translateY(-600%);-webkit-transform:translateY(-600%);}
.section-btn {width:14px;position:fixed;right:4%;top:50%;}
.section-btn li {width:14px;height:14px;cursor:pointer;text-indent:-9999px;border-radius:50%;-webkit-border-radius:50%;margin-bottom:12px;background:#BD362F;text-align:center;color:#fff;onsor:pointer;}
.section-btn li.on {background:#000}
.arrow {opacity:1;animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;-webkit-animation:arrow 3s cubic-bezier(0.5,0,0.1,1) infinite;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);position:absolute;bottom:10px;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:100%;-webkit-border-radius:100%;line-height:60px;text-align:center;font-size:20px;color:#000;border:1px solid #efefef;cursor:pointer;overflow:hidden;background-color:#efefef;}
.arrow:hover {animation-play-state:paused;-webkit-animation-play-state:paused;}
@keyframes arrow {%0,%100 {bottom:10px;opacity:1;}
50% {bottom:50px;opacity:.5}
}
@-webkit-keyframes arrow {%0,%100 {bottom:10px;opacity:1;}
50% {bottom:50px;opacity:.5}
}
header {width:100%;background-color:#fff;margin:0 auto;max-width:1600px;}
header .header-band {width:300px;margin:15px;color:#666;float:left}
header .header-band .logo {width:20%;float:left;}
.header-band img {width:100%}
header .band-name {width:100%;float:left;}
header .band-name .band-cn {width:100%;font-size:1vw;white-space:nowrap}
header .band-name .band-en {width:100%;line-height:0}
header .band-en img {width:100%}
nav {color:#414950;float:right;line-height:500%}
nav ul {}
nav ul li {float:left;font-size:16px;font-weight:bold;}
@media (max-width:1200px) {nav ul li {font-size:14px;}
}
.banner {width:100%}
.banner img {width:100%}
.category {width:100%;padding:6.5% 5.2%}
.category .category01 {width:25%;float:left;padding:0 0 0 0;position:relative;overflow:hidden;}
.category01:hover img {transform:scale(1.2)}
.category .category01 img {width:100%;transition:all 1s}
.category-other {width:75%;float:left}
.category .category02 {width:37%;float:left;padding:0 5.5% 0 7%;overflow:hidden;transition:all 1s}
.category02:hover img {transform:scale(1.2)}
.category .category02 img {width:100%;transition:all 1s}
.category .category03 {width:63%;float:left;padding:0 0 0 0;position:relative;overflow:hidden}
.category .category03 img {width:100%;transition:all 1s}
.category .category03:hover img {transform:scale(1.2)}
.category .category04 {width:45%;float:left;position:relative;overflow:hidden;}
.category .category04 img {width:100%;transition:all 1s}
.category .category04:hover img {transform:scale(1.2)}
.category .category05 {width:55%;float:left;position:relative;overflow:hidden}
.category .category05 img {width:100%;transition:all 1s}
.category .category05:hover img {transform-origin:0 0;transform:scale(1.2,1.2);}
.category .category-content {width:100%;position:absolute;top:0;left:0;}
.category .category-title {font-size:1.68vw;color:#87984c;width:100%;padding:30% 9.5% 0 9.5%;letter-spacing:0.2em;line-height:120%}
.category .category-detial {width:100%;padding:5% 9.5%;color:#666;font-size:0.8vw}
.category .category-detial i {margin:0 2%}
.category03 .category-content .category-title {width:100%;padding:16% 9.5% 0 9.5%;color:#485f6f}
.category04 .category-content .category-title {color:#485f6f;padding:18% 9.5% 0 9.5%}
.category05 .category-content .category-title {padding:16% 9.5% 0 56%;color:#485f6f}
.category05 .category-content .category-detial {padding-left:56%}
.category03 .category-content a {width:100%;padding:5% 0;color:#666;border:1px solid #666;display:block;text-align:center}
.category04 .category-content a {width:100%;padding:5% 0;color:#666;border:1px solid #666;display:block;text-align:center}
.category05 .category-content a {width:100%;padding:5% 0;color:#666;border:1px solid #666;display:block;text-align:center}
.category03 .category-content .show {width:78%;padding:0 0 0 62%;font-size:0.8vw}
.category04 .category-content .show {width:78%;padding:0 0 0 62%;font-size:0.8vw}
.category05 .category-content .show {width:78%;padding:0 0 0 62%;font-size:0.8vw}
.products {width:100%;padding:6.5% 5.2%}
.products .products-title {width:20.5%;margin:0 auto;color:#010101;padding:0;text-align: center;}
.products .products-title .bg-title {width:100%;font-weight:100;font-size:2vw;text-align:center;border-left:3px #ee0000 solid;border-right:3px #ee0000 solid;padding:0 9%;white-space:nowrap}
.products .products-title .small-title {width:100%;text-align:center;display:block;font-style:normal;padding:3% 0;font-size:1.1vw;white-space:nowrap}
.products-list {width:100%}
.products-list ul {width:100%;padding:2% 0}
/*.products-list ul li {width:22%;background-color:#fff;float:left;margin:0 1%}
*/.products-list ul li img {display:block;text-align:center;transition:all 1s;margin:0 auto;max-width:257px;}
.products-list ul li:hover img {transform:scale(1.2)}
.products-list .details .details-box {border:2px #ee0000 solid;text-align:center;color:#ee0000;border-radius:20px;overflow:hidden}
.products-list .details .details-box a {width:100%;display:block;color:#ee0000}
.products-list .details .details-box a:hover {background-color:#ee0000;color:#fff}
.products-list .details {text-align:center;margin:0 auto;}
.products .product-li {margin:10px 0;}
.product-li .pro-box {padding:20px 10px;background-color:#fff;border-radius:8px;overflow:hidden;}
.company-intr {width:100%;padding:3% 5.2%}
.company-intr img {width:100%}
.company-intr .company-title {border-bottom:2px solid #ddd;margin:2% 0;width:100%;font-weight:100;font-size:2vw;text-align:center;padding:0 9%;white-space:nowrap;}
.color-f {color:#ffffff;}
.company-intr p {font-size:0.9vw;line-height:180%}
.section-4 .products {padding:5% 5.2%}
.section-4 .products .products-title .bg-title {padding:0 20%}
.arrival {width:90%;padding-bottom:30px;}
.arrival table {width:42%;margin:0 auto;text-align:center;}
.arrival table td {border:2px solid #666;padding:5% 20%}
.arrival table .arrival-title {font-weight:bold}
.arrival table .arrival-year {font-size:2vw}
.arrival p {padding:3% 21%;font-size:0.5vw}
.arrival .left {padding:2% 0;background:rgba(232,232,232,0.3);border-radius:20px;}
.arrival .right {padding:0 3%}
.arrival img {display:block;text-align:center;width:13%;margin:0 auto}
.arrival .right-text {font-size:0.1vw}
.arrival h2 {font-weight:600;line-height:180%;font-size:2vw;letter-spacing:0.1vw;margin-top:20px;}
.arrival .arrival-right-img {width:69%;margin-top:20px;}
.arrival .arrival-three {width:35%;margin-top:20px;}
.section-5 .products {padding:5% 5.2%}
.section-5 .products .products-title .bg-title {padding:0 20%}
.news-box {margin:10px 0;border:solid 1px #dddddd;padding:10px;background-color:#ffffff;}
.news-box:hover {background-color:#eeeeee;}
.newcenter {width:90%;padding-bottom:30px;}
.newcenter .col-lg-4 img {width:100%}
.newcenter .title {font-size:0.7vw;padding:8% 2% 2% 2%;font-weight:600}
.newcenter .date {font-size:0.5vw;padding:0 2% 2% 2%}
.newcenter .text {font-size:0.5vw;padding:0 2% 2% 2%}
.newcenter .href {border:1px solid #ee0000;padding:0.5% 1%;width:15%;border-radius:10px;margin:0 2%;color:#ee0000;overflow:hidden;text-align:center}
.newcenter .href a {width:100%;color:#ee0000;display:block;font-size:0.5vw}
.footer {color:#fff;padding:8.5% 4.2%}
.footer .footer-nav {margin:7% 0;color:#fff;text-align:center}
.footer .footer-nav a {color:#fff;font-size: 18px !important;}
.footer .footer-nav a:hover {color:#999;}
.footer .col-lg-12 {text-align:center;font-size:1.4vw;margin-bottom:4%}
.footer .footer-contact {margin:2% 0 5% 0;}
.footer .footer-contact .col-lg-4 {/*text-align:center*/}
.footer .footer-contact span {margin:0 6%;}
.share {width:33%;margin:3% auto;font-size:0.5vw}
.share img {width:13%;margin:0 9%}
.copyright p {float:left;margin:3% 2%;}
@media (min-width:1200px) {/*.container {*/        /*width:1700px;*/    /*}
*/}
@media (max-width:768px) {
html,body {/*height:auto;*/overflow:auto;}
header .header-band {width:56%;}
header .header-band .logo {width:17%;}
header .header-band {/*padding:3% 0 3% 0;*/}
header .header-band img {width:180px;}
header .band-en img {width:57%}
.products .products-title .bg-title {font-size:1vw;}
.nav {line-height:200%}
.products-list .details {width:66%;}
.products-list .details .details-box {font-size:1vw;}
.products .product-li {width:100%;margin-bottom:20px}
.products-list ul li img {width:100%;}
.section-wrap .section {height:auto}
.products-list ul {margin:0;}
.products-list ul li {width:50%;}
.arrival h2 {margin:9% 0 1% 0;}
.arrival .arrival-three {width:18%;}
.footer-nav .col-xs-2 {width:15%;}
.navbar-default .navbar-toggle {margin-top:20px;}
audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
    width: 100%!important;
}
}
.navbar-default {background-color:#fff;border-color:#fff;}
.navbar-collapse .nav > li > a {min-width:90px;text-align:center;}
@media (min-width:768px) and (max-width:1200px) {.navbar-collapse.collapse {float:left;margin-right:0;width:100%;background-color:#eeeeee;}
.navbar-collapse.collapse > ul {width:100%;}
.nav > li > a {line-height:42px;}
}
@media screen and (min-width:1170px) and (max-width:1760px) {}
.navbar {margin-bottom:0}
.navbar-collapse.collapse ul.nav {float:right;}

#owl-demo .item img{ display: block; width: 100%; height: auto; } 
.owl-theme .owl-controls{ position:absolute; bottom: 10px; left: 45%; }
.copyright p a{ color:#FFF !important}