@charset "utf-8";
* {	margin: 0;	padding: 0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:500;}
body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}
body{ overflow-x:hidden;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
a {	text-decoration: none;	color: #373737;    vertical-align: top;}
a:hover {	color: #bd9d64;}
img {	border: 0px;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {	color: #373737;	background: #fff;	margin: 0 auto;font-size: 14px !important;}
::selection { color: #fff; background-color: #bd9d64;}    
::-moz-selection { color: #fff; background-color: #bd9d64;} 
.hide {	display: none;}
.clear {clear: both;}
.center{ text-align:center;}
.pic100 img{width:100%;}
.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl{float:left;}
.fr{float:right;}
.overflow{ overflow:hidden;}
.white,.white a{ color:#fff;}
.rela{ position:relative;}
.pad0{ padding:0 !important;}
.pad60{ padding:60px 0;}
.top30{ margin-top:30px;}


@font-face {
    font-family: 'salzburg-xlightregular';
    src: url('../fonts/bp19411_1-webfont.woff2') format('woff2'),
         url('../fonts/bp19411_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'ekushey_mohuanormal';
    src: url('../fonts/mohua_07-09-05-webfont.woff2') format('woff2'),
         url('../fonts/mohua_07-09-05-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
header{ padding:23px 0;}
.headR{width:calc(100% - 400px);}
.logo{float:left; display:inline-block;}
.headRTtel{ padding-left:35px; background:url(../images/icon-1.png) no-repeat center left;float:right;line-height:30px;}
.bdshare-button-style2-24 .bds_weixin{background-position:0 0!important;background:url(../images/icon-2.png) no-repeat center left;height: 30px !important; width:30px !important;}
.bdshare-button-style2-24 .bds_tsina{background-position:0 0!important;background:url(../images/icon-3.png) no-repeat center left;height: 30px !important; width:30px !important;}
.bdshare-button-style2-24 .searchbtn{background-position:0 0!important;background:url(../images/icon-4.png) no-repeat center left;height: 30px !important; width:30px !important;}
.bdsharebuttonbox {float:right;margin-left:24px;}
.bdshare-button-style2-24 a{margin: 0 6px 0 0 !important;}
.bd_weixin_popup{ height:310px !important;}
nav{text-align:right;float:right; width:100%; font-size:18px; margin-top:4px;}
nav li{float:left;width:14.28%; overflow:hidden;}
nav li a{ display:block; height:70px; line-height:70px; position:relative;}
nav li a img{ max-width:100%; position:absolute;top:-50%;right:0; opacity:0;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
nav li a:hover img,nav li a.cur img{ top:0; opacity:1;}
nav li a:hover,nav li a.cur{color:#bd9d64;}
.product{ background:url(../images/porductbg.jpg) no-repeat center center fixed; background-size:cover; padding:140px 0;}
.product dl{ margin-bottom:0;}
.product dl a{ display:block;padding:77px 0;}
.product dl:nth-child(1) a,.pronav dl:nth-child(1) a{ background-color:rgba(219,182,114,0.91);}
.product dl:nth-child(2) a,.pronav dl:nth-child(2) a{ background-color:rgba(205,166,96,0.91);}
.product dl:nth-child(3) a,.pronav dl:nth-child(3) a{ background-color:rgba(193,156,89,0.91);}
.product dl:nth-child(4) a,.pronav dl:nth-child(4) a{ background-color:rgba(184,148,84,0.91);}
.product dl:nth-child(5) a,.pronav dl:nth-child(5) a{ background-color:rgba(178,140,82,0.91);}
.product dl:nth-child(6) a,.pronav dl:nth-child(6) a{ background-color:rgba(172,138,79,0.91);}
.product dl:nth-child(7) a,.pronav dl:nth-child(7) a{ background-color:rgba(159,128,74,0.91);}
.product dl:nth-child(8) a,.pronav dl:nth-child(8) a{ background-color:rgba(145,117,68,0.91);}
.product dl dd,.pronav dl a dd{ font-size:36px; font-family:"宋体"; margin-top:17px; color:#fff; font-weight:bold;}
.product dl a:hover,.pronav dl a:hover{ background-color:#483a21;}
footer{ background-color:#483a21;color:#aca7a1;}
footer a{color:#aca7a1;}
.footL div{ margin:30px auto 5px; line-height:25px;}
.footL img{ max-width:60%;}
.footR { text-align:right;font-size:0;}
.footR dl{display:inline-block; overflow:hidden; margin-left:20px;}
.footR dl dt{ float:right;width:104px;}
.footR dl dd{width:15px;float:right; font-size:14px; margin:10px 10px 0 0;line-height: 16px;}
.otherbanner1{ background:url(../images/otherbg.png) no-repeat; background-size:100% 94%;}
.otherbanner1 img{ margin-top:54px;width: 85.5%;}
.otherbanner1 div{ position:absolute;top:40%;right: 5%;text-align: center;}
.otherbanner1 div h2{ font-size:48px; margin-bottom:10px;}
.pronav{ margin:90px auto 30px;}
.pronav dl{width:14.28%;float:left; margin-bottom:0;}
.pronav dl a{ display:block;padding:30px 0;}
.pronav dl a dt img{width:57px;}
.pronav dl a dd{ font-size:28px; margin-top:10px; }
.prolist{ margin-bottom:90px;}
.prolist dl,.cj dl,.new dl{margin:30px 0;}
.prolist dl a,.cj dl a,.new dl a{ display:block; background-color:#f8f8f8;}
.prolist dl dd,.cj dl dd,.new dl dd{ line-height:86px; overflow:hidden; font-size:20px; padding:0 15px;}
.prolist dl a:hover dd,.cj dl a:hover dd,.new dl a:hover dd{ background-color:#b89454; color:#fff;}
.prolist dl dt div,.cj dl dt div,.new dl dt div{position: absolute; left: 0; top: 0; background-color:rgba(219,182,114,0.91); height: 100%; opacity: 0; width: 100%; padding: 20px;}
.prolist dl dt,.cj dl dt,.new dl dt{float: left; width: 100%; position: relative; overflow: hidden; text-align: center;  perspective: 800px; }
.prolist dl dt div,.cj dl dt div,.new dl dt div{z-index: -1; transition: 0.6s; color:#fff;}
.prolist dl dt div h3,.cj dl dt div h3,.new dl dt div h3{padding-top:50px; font-size:18px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap}
.prolist dl dt div span,.cj dl dt div span,.new dl dt div span{ background-color:#fff; padding:5px 10px; display:inline-block; border-radius:5px;margin-top:15px; color:#999999;}
.prolist dl dt p,.cj dl dt p,.new dl dt p{transition: 0.4s;}
.prolist dl a:hover p,.cj dl a:hover p,.new dl a:hover dt p{transform: rotateX(80deg); transform-origin: center bottom 0; transition: 0.4s;}
.prolist dl dt div{opacity: 1; top: auto; bottom: -100%;}
.prolist dl a:hover div{bottom: 0;}
.cj dl dt div{opacity: 1; top: -100%;}
.cj dl a:hover dt div{top: 0;}
.new dl a:hover dt div{opacity: 1;}

.pagelist{ text-align:center; margin:30px auto 0;}
.pagelist li{ display:inline-block; margin:3px 4px;}
.pagelist li a,.pagelist li.active span{ display:block;padding:10px 15px; color:#b4b4b4; background-color:#fafafa; border:0;}
.pagelist li a:hover,.pagelist li a.cur,.pagelist li.active span,.pagelist li:hover span{ background-color:#b89454; color:#fff;}
.search-tk {width: 100%;height: 100%; background: rgba(0, 0, 0, 0.8);position: fixed;top: 0;left: 0;z-index: 50;display: none;}
.search-tk .searchbox {width: 50%;position: relative;top: 169px;left: 0;margin-left: 25%;height: 68px;border: 1px solid #535353;z-index: 51;}
.search-tk .searchbox .tex {border: none;background: none;font-size: 36px;color: #a7a7a7;height: 68px;line-height: 68px;padding: 0 2% 0;width: 80%;}
.search-tk .searchbox .search-btn {border: none;width: 36px;margin-right: 1%;height: 68px;background: url(../images/search1.png) no-repeat center;min-width: 40px;}
.search-tk .close-search,.pop .close-search {display: block;width: 37px;height: 37px;background: url(../images/close.png) no-repeat center;background-size: cover !important;position: fixed;right: 3%;top: 50px;cursor: pointer;z-index: 51;}
.promainT{ font-size:18px; line-height:30px;}
.promainTR h1{ font-size:48px; padding-bottom:35px; border-bottom:1px solid #e5e5e5; }
.promainT1,.promainT2{ margin-top:35px;padding-bottom:35px;border-bottom:1px solid #e5e5e5; overflow:hidden;}
.promainT2 p{ line-height:68px;padding-left:78px;width:50%;float:left; margin:5px 0;}
.promainT2 p.p1{ background:url(../images/icon-13.png) no-repeat left;}
.promainT2 p.p2{ background:url(../images/icon-14.png) no-repeat left;}
.promainT2 p.p3{ background:url(../images/icon-15.png) no-repeat left;}
.promainT3 a{ display:inline-block;background-color:#b89454; color:#fff; width:200px;height:56px;line-height:56px; text-align:center; margin-top:75px;}
.promainT3 a:hover{ opacity:0.8;}
.prenext{  border:1px solid #dcdcdc; padding:22px 35px; margin-top:70px; font-size:16px;}
.prenext p:last-child{ text-align:right;}
.prenext p a,.prenext p{ color:#999898;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.promainB{ margin-top:68px; background-color:#f8f8f8; padding:35px;}
.promainB .promainBTit{ font-size:30px; padding-bottom:30px;margin-bottom:30px; border-bottom:1px solid #dcdcdc;}
.promainB article{ font-size:16px;line-height:35px;}
.tit{ margin-bottom:15px;}
.tit h2{ font-size:48px;}
.tit p{ font-size:16px; color:#818180; margin-top:10px;}
.tj{ margin:60px auto;}
.about1{ background:url(../images/bg2.jpg) no-repeat bottom; background-size:100% 94px;padding-bottom:94px;}
.about1C,.about2{ background-color:#f3f3f3;}
.about1C .container{ background-color:#fff; padding:43px 0 0 50px;}
.about1C h2,.gsjj h2{ font-size:48px;font-family: 'salzburg-xlightregular';}
.about1C p,.gsjj p{ font-size:16px; margin-top:10px;}
.about1CB,.gsjj article{ margin-top:47px;}
.about1CB article{ padding:28px 35px 0 0; line-height:35px;height: 343px; overflow: hidden;}
.about1CR dl dd,.about2C p,.h_caseC .item p{ font-size:16px; padding:36px 56px; background-color:#b89454; color:#fff;}
.about1CR dl dd span,.about2C p span,.h_caseC .item p span{ float:right;}
.about1CR dl{ margin-bottom:0;}
.about1CR dl dd{ position:absolute; width:100%;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.h_caseC .item p,.about2C p,.product dl a{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.about1CR dl a:hover dd,.h_caseC .item a:hover p,.about2C a:hover p{ background-color:#483a21;}
.about2,.about1,.h_case{ padding-top:60px;}
.about2{ margin-bottom:146px;}
.about2C p{ position:absolute; width:50%;left:0;bottom:-46px;}
.siteR{ text-align:right;margin:25px 0;}
.site{color:#999898; border-bottom:1px solid #dcdcdc;}
.site a{ color:#999898; display:inline-block; padding:23px 35px; font-size:18px;}
.site a.cur{ background-color:#b89454; color:#fff;}
.gsjj article,.newmain article{ line-height:35px;color:#686767;}
.gsjj article img,.newmain article img,.promainB article img{ max-width:100%;}
.case dl dd span{ float:right;}
.case dl {margin: 0 0 30px;}
.case { margin-bottom: 0;}
.new dl dd h5{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap;}
.new dl dd p{ font-size:14px;line-height:25px;height:50px; overflow:hidden; color:#858585;}
.new dl dd{padding: 0 25px;line-height: 70px;}
.new dl a:hover dd p{color:#fff;}
.newmain{ padding-top:60px;}
.newmain h1{font-size:30px; text-align:center; margin:0;}
.newmain time{ display:block;margin:15px 0 30px; color:#9c9b9b; text-align:center;}
.newmain time span{ display:inline-block; margin:0 20px 0 0;}
.newmain .info{  background-color:#f7f6f6; padding:25px; line-height:25px; color:#686767;}
.newmain article{ line-height:30px; margin-top:30px;}
.saleL h2,.saleR h2{ font-size:36px; margin-bottom:35px;}
.saleL dl{ margin-bottom:30px; overflow:hidden;}
.saleL dl dt{ width:155px;float:left;}
.saleL dl dd{ width:calc(100% - 175px);float:right;}
.saleL dl dd h5{font-size:20px;padding-bottom:25px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; *white-space:nowrap; position:relative;}
.saleL dl dd h5 i{ position:absolute;width:58px;height:4px; background-color:#b89454; display:inline-block;bottom:0;left:0;}
.saleL dl dd p{ margin-top:18px;line-height:25px;height:75px; overflow:hidden;}
.saleR ul{ background-color:#f9f9f9;padding:35px;font-size:16px;}
.saleR ul li{ margin-bottom:16px;}
.saleR ul li h5 span{ font-size:14px; color:#a6a5a5; display:inline-block;margin-left:10px;}
.saleR ul li input,.saleR ul li textarea{ width:100%; padding:13px 5px;margin-top:16px; border:1px solid #dcdcdc; resize:none;}
.submitbtn{ margin-top:16px;}
.submitbtn input{background-color:#b89454; color:#fff; padding:15px 58px;}
.map{ height:415px;}
.contact h1{ font-size:40px;margin: 0;}
.contact h3{ color:#b89454;font-size:20px;margin-top:20px;}
.contact p{margin-top:30px; line-height:30px;}
.contactC{ margin-top:35px; border:1px solid #b89454;padding:35px;}
.contactR{ padding-left:40px !important;}
.contactR h2{ font-size:36px; }
.contactR ul{ margin-top:35px; font-size:16px;}
.contactR ul li{ padding-left:45px;margin-bottom:15px; line-height:30px;}
.contactR ul li.li1{ background:url(../images/icon-16.png) no-repeat;}
.contactR ul li.li2{ background:url(../images/icon-17.png) no-repeat;}
.contactR ul li.li3{ background:url(../images/icon-18.png) no-repeat;}
.contactR dl{ display:inline-block; text-align:center;}
.contactR dl dt{width:143px; margin-bottom:5px;}
.banners{ display:none;}
.h_C{ margin-top:35px;}
.vmc-container{position: relative;}
.vmc-viewport{overflow: hidden;}
.vmcarousel{list-style-type: none; padding: 0; margin-left:-892px; width: 1000%;}
.vmcarousel:after{content: ''; display: table; clear: both;}
.vmcarousel > li{float: left; width:1190px; text-align:center; overflow:hidden;}
.vmcarousel > li.vmc_active{text-align:right;}
.vmcarousel > li img{ display:inline-block; margin:0; max-width:85%;}
.vmc-container.hide-controls .vmc-arrow-left, .vmc-container.hide-controls .vmc-arrow-right{display: none;}
.vmc-arrow-left, .vmc-arrow-right{position: absolute; top: 50%; left:11.1%; width: 92px; height: 92px; margin-top: -46px; overflow: hidden;display:inline-block;}
.vmc-arrow-right{left: auto; right: 11.1%;}
.vmc-arrow-left{background:url(../images/icon_left.png) no-repeat;}
.vmc-arrow-right{background:url(../images/icon_right.png) no-repeat;}
.vmc-container img[src$=".svg"]{width: 100% !important; height: auto !important; max-height: 100%;}
.notransition{-webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; -ms-transition: none !important; transition: none !important;}
.vmc-centered img { transition: all 0.3s ease; }
.h_productC li a{ position:relative; display:block;}
.h_productC li a div{ position:absolute; background-color:rgba(184,148,84,0.83); padding:48px;width:440px;height:280px;left:0;top:50%;margin-top:-140px;color:#fff;text-align:left;opacity:0;}
.h_productC li a div time{ font-size:30px; display:block;font-family: 'ekushey_mohuanormal'; letter-spacing:2px;}
.h_productC li a div time span{ font-size:40px;}
.h_productC li a div h5{ font-size:48px; font-family:'宋体'; font-weight:bold; margin-bottom: 15px;}
.h_productC li.vmc_active a div{opacity:1;}
.h_productC li a font{ position:absolute;width:85%;height:100%; top:0;left:7.5%;background-color:rgba(0,0,0,0.64);}
.h_productC li.vmc_active a font{ background-color:rgba(0,0,0,0);}
.h_caseC .owl-pagination{ display:none;}
.h_caseC .item p{width: 80%;margin: -45px auto 0;z-index: 1;position:relative;}
.h_caseC{ width:80%;margin:35px auto 0;}
.h_case{ background:url(../images/h_casebg.jpg) no-repeat top; background-size:100% calc(100% - 45px);}
.h_case .owl-prev {left:0; position:absolute;width:45px !important;height:91px !important; display:block; background:url(../images/left.png) no-repeat !important; top:50%; opacity:1!important; margin:0!important;padding:0 !important;font-size: 0!important;webkit-border-radius: 0!important; -moz-border-radius: 0!important;
    border-radius:0!important; margin-top:-45px !important;}
.h_case .owl-next {right:0; position:absolute;width:45px !important;height:91px !important; display:block; background:url(../images/right.png) no-repeat !important; top:50%; opacity:1!important; margin:0!important;padding:0 !important;font-size: 0!important;webkit-border-radius: 0!important; -moz-border-radius: 0!important;
    border-radius:0!important; margin-top:-45px !important;}
.h_newC dl{ margin:0;}
.link{ background-color:#b89454; padding:25px 0;}
.link a{ display:inline-block; margin:0 12px;}
.teltel {display:none;position: fixed;right: 20px;bottom: 10%;}
.teltel img {width: 40px;}
.change span {display: inline-block;}
.change h2 span:nth-of-type(2) { animation-delay: .05s;}
.change h2  span:nth-of-type(3) { animation-delay: .1s;}
.change h2 span:nth-of-type(4) { animation-delay: .15s;}
.change h2 span:nth-of-type(5) { animation-delay: .2s;}
.change h2 span:nth-of-type(6) { animation-delay: .25s;}
.change h2 span:nth-of-type(7) { animation-delay: .3s;}
.change h2 span:nth-of-type(8) { animation-delay: .35s;}
.change h2 span:nth-of-type(9) { animation-delay: .4s;}
.change h2 span:nth-of-type(10) { animation-delay: .45s;}
.change h2 span:nth-of-type(11) { animation-delay: .5s;}
.change h2 span:nth-of-type(12) { animation-delay: .55s;}
.change h2 span:nth-of-type(13) { animation-delay: .6s;}
.change h2 span:nth-of-type(14) { animation-delay: .65s;}
/* Animation Seven */
.seven h2 span { opacity: 0; transform: translate(-150px, 0) scale(.3); animation: leftRight .7s forwards;}
@keyframes leftRight {
  40% {
    transform: translate(50px, 0) scale(.7);
    opacity: 1;
    color: #483a21;
  }
  60% {
    color: #b89454;
  }
  80% {
    transform: translate(0) scale(2);
    opacity: 0;
  }
  100% {
    transform: translate(0) scale(1);
    opacity: 1;
  }
}
/* Animation One */
.one h2 span {opacity: 0; transform: translate(-150px, -50px) rotate(-180deg) scale(3);
  animation: revolveScale .8s forwards;}
@keyframes revolveScale {
  60% {
    transform: translate(20px, 20px) rotate(30deg) scale(.3);
  }
  100% {
    transform: translate(0) rotate(0) scale(1);
    opacity: 1;
  }
}
/* Animation Two */
.two h2 span {opacity: 0; transform: translate(200px, -100px) scale(2);
  animation: ballDrop .4s forwards;}
@keyframes ballDrop {
  60% {
    transform: translate(0, 20px) rotate(-180deg) scale(.5);
  }
  100% {
    transform: translate(0) rotate(0deg) scale(1);
    opacity: 1;
  }
}
/* Animation Four */
.four h2 span {
  opacity: 0;
  transform: translate(0, -100px) rotate(360deg) scale(0);
  animation: revolveDrop .5s forwards;
}
@keyframes revolveDrop {
  30% {
    transform: translate(0, -50px) rotate(180deg) scale(1);
  }
  60% {
    transform: translate(0, 20px) scale(.8) rotate(0deg);
  }
  100% {
    transform: translate(0) scale(1) rotate(0deg);
    opacity: 1;
  }
}
.promainTL .owl-controls .owl-prev{ position:absolute;left:0; top:50%;margin-top:-10px; background:url(../images/caseprev.png) no-repeat !important; width:32px;height:45px; font-size:0 !important;}
.promainTL .owl-controls .owl-next{ position:absolute;right:0; top:50%;margin-top:-10px; background:url(../images/casenext.png) no-repeat !important; width:32px;height:45px; font-size:0 !important;}
#sync2{ margin-top:15px;}
#sync2 .owl-item a{ display:block; margin:0 5px;}
#sync2 .owl-item a,#sync1{ border:1px solid #dcdcdc; padding:10px;}
#owl-demo .item img{display: block;width: 100%;height: auto;}
.banner.owl-theme .owl-pagination{position: absolute;width: 80%; bottom: 30px;}
.banner.owl-theme .owl-controls .owl-page span{width: 16px;height: 16px;background: #b89454;opacity:1;}
.banner.owl-theme .owl-controls .owl-page.active span{background: #fff; opacity:1;}
.banner .owl-buttons{ position:absolute;left:0; top:50%; width:100%;}
.banner .owl-prev{ position:absolute;left:0;top:50%;margin-top:-20px; background:url(../images/caseprev.png) no-repeat !important;width:32px;height:45px; font-size:0 !important;}
.banner .owl-next{ position:absolute;right:0;top:50%;margin-top:-20px; background:url(../images/casenext.png) no-repeat !important;width:32px;height:45px; font-size:0 !important;}









.iphone {position: relative;}
.iphone__item {width:100%;height:100%;position: absolute;bottom: -2em;color: #158f76;text-align: center;}
.iphone__power-btn {width: 2.188em;height: .188em;background: #e0e0e0;position: absolute;right: 2.5em;top: -0.188em;}
.iphone__left-btn {width: .188em;height: 1.250em;top: 3.250em;left: -0.188em;position: absolute;background: #e0e0e0;}
.iphone__left-btn:before {content: '';width: .188em;height: .875em;position: absolute;top: 3em;background: #e0e0e0;}
.iphone__left-btn:after {content: '';width: .188em;height: .875em;position: absolute;top: 5.5em;background: #e0e0e0;}
.iphone__details {width: .438em;height: .438em;border-radius: 100%;position: relative;top: 1.313em;left: 8em;background: #7c7c7c;}
.iphone__details:before {content: '';width: 2.5em;height: .25em;border-radius: .25em;position: absolute;top: 1em;left: -1em;background: #7c7c7c;}
.iphone__home-btn {width: 2.25em;height: 2.25em;border-radius: 100%;position: absolute;bottom: 1em;right: 6.75em;background: #f7f7f7;}
.iphone__home-btn:before {content: '';width: .813em;height: .813em;border: .15em solid #a8a8a8;border-radius: .2em;position: absolute;top: .6em;left: .57em;}
.iphone__screen {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.iphone__content {position: relative;background-color: #fff;width: 100%;height: 100%;}
.nav {position:fixed;z-index: 100;opacity: 0;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 300ms;
          transition-duration: 300ms;}
.nav--active .nav {opacity: 1;background-color: #333; position:fixed;}
.nav__list {margin: 0;font-size: 14px;padding: 50px 30px 15px 30px;}
.nav__list li{ margin:10px 0;}
.nav__list li div{padding:10px 15px; font-size:14px; display:none;}
.nav__list li div p{ padding:8px 0;}
.nav__item {list-style-type: none;text-align: left;margin: 10px 0;}
.nav__link {font-size: 1.3em;text-transform: uppercase;text-decoration: none;color: #FFFFFF;opacity: 1;
  -webkit-transition: opacity 300ms ease-in-out;
  transition: opacity 300ms ease-in-out;}
.nav li a{ color:#fff; display:block;}
.nav__trigger {display: none;position: absolute;width: 30px;height: 25px;right: 10px;top: 35px;z-index: 200;}
.nav--active .nav__trigger {    z-index: 9999;opacity: 0.5;}
.nav__icon { display: inline-block;position: relative;width: 30px;height: 3px;background-color: #b89454;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;}
.nav__icon:before,
.nav__icon:after {content: '';display: block;width: 30px;height: 3px;position: absolute;background: #b89454;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before {margin-top: -10px;}
.nav__icon:after {margin-top: 10px;}
.style-1 .nav {    z-index: 999;  overflow-y: scroll;width: 100%;height: 100%;
-webkit-transform: translateX(-100%);
          transform: translateX(-100%);}
.style-1 .nav__link {opacity: 0;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;}
.style-1 .nav--active .nav__link {opacity: 1;}
.style-1 .nav--active .nav {
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  -webkit-transform: translateX(0);
          transform: translateX(0);}
.style-1 .nav--active .nav__icon {background: rgba(0, 0, 0, 0);}
.style-1 .nav--active .nav__icon:before {margin-top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);}
.style-1 .nav--active .nav__icon:after {margin-top: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);}
.nav--active .nav__icon:before,.nav--active .nav__icon:after{background: #fff;}

.banners{ display:none;}
.banners img{ width:100%;}


@media(max-width:1768px){
	.vmc-arrow-left{left: 8%;}
	.vmc-arrow-right{right: 8%;}
}
@media(max-width:1680px){
	.vmc-arrow-left{left: 6%;}
	.vmc-arrow-right{right: 6%;}
}
@media(max-width:1600px){
	.vmc-arrow-left{left: 4%;}
	.vmc-arrow-right{right: 4%;}
}
@media(max-width:1440px){
	.vmcarousel > li{ width:800px;}
	.vmc-arrow-left {left: 14%;}
	.vmc-arrow-right{right: 14%;}
}
@media(max-width:1366px){
	.vmc-arrow-left {left: 12%;}
	.vmc-arrow-right{right: 12%;}
}
@media(max-width:1280px){
	.vmc-arrow-left {left: 10%;}
	.vmc-arrow-right{right: 10%;}
}

@media(max-width:1199px){
	nav{font-size: 16px;}
	.contact h1,.saleL h2, .saleR h2{font-size: 34px;}
	.tit h2,.otherbanner1 div h2{ font-size: 40px;}
	.newmain h1 {font-size:24px;}
	.product dl dt img{ height:50px;}
	.product dl dd, .pronav dl a dd{font-size: 26px;}
	.promainTR h1 { font-size: 30px; padding-bottom: 25px;}
	.promainT1, .promainT2{margin-top: 25px; padding-bottom: 25px;}
	.promainT { font-size: 16px;}
	.promainT3 a{margin-top:35px;}
	.promainB .promainBTit{font-size:24px;}
	.about1CB article{height: 245px;}
	.about1C h2, .gsjj h2 { font-size: 40px;}
}
@media(max-width:1176px){
	.vmc-arrow-left {left: 6%;}
	.vmc-arrow-right{right: 6%;}
}

@media(max-width:1024px){
	.vmcarousel > li{ width:600px;}
	.vmc-arrow-left {left: 10%;}
	.vmc-arrow-right{right: 10%;}
	.h_productC li a div{padding: 28px; width: 340px; height: 220px;margin-top: -100px;}
	.h_productC li a div h5{font-size: 28px;}
}




@media(max-width:991px){
	.site,.headR,.tj,.pronav{ display:none;}
	.nav__trigger {display:block;}
	.logo img{ height:70px;}
	header {padding: 15px;}
	.contactR { margin-top:20px;}
	.contact h1,.saleL h2, .saleR h2{ font-size: 28px;}
	.tit h2, .otherbanner1 div h2,.contactR h2{font-size: 30px;}
	.map{ height:250px;}
	.contactR {padding-left: 15px !important;}
	.prolist dl dd, .cj dl dd, .new dl dd{font-size: 16px;}
	.padpic{ width:100%;padding:0 !important;float:none !important;}
	.prenext p:last-child { text-align: left; margin-top:10px;}
	.prenext{padding:15px; margin-top:30px; margin-bottom:30px;}
	.promain { margin-top:30px;}
	.otherbanner1 img{margin-top: 0;}
	.otherbanner1 div{ text-align:right;top: 30%;}
	.otherbanner1 div img{ width:60%; height:auto;}
	.about1CB article { height: 175px;} 
	
}
@media(max-width:930px){
	.vmc-arrow-left {left: 8%;}
	.vmc-arrow-right { right: 8%;}
	.vmc-arrow-left, .vmc-arrow-right{width: 62px;height: 62px;background-size: 100% 100% !important;}
}
@media(max-width:870px){
	.vmc-arrow-left {left: 8%;}
	.vmc-arrow-right { right: 8%;}
}
@media(max-width:810px){
	.vmcarousel > li { width: 500px;}
	.h_productC li a div h5 { font-size: 22px;}
	.h_productC li a div time { font-size: 24px;}
	.h_productC li a div { padding: 15px; width: 300px; height: 180px; margin-top: -90px;}
}
@media(max-width:767px){
	.otherbanner1 img { margin-top: 25px;}
	.tit h2, .otherbanner1 div h2, .contactR h2,.saleL h2, .saleR h2{font-size: 26px;}
	.pad60 { padding: 30px 0;}
	.contact,.newmain,.gsjj { padding:30px 15px;}
	.contactC{padding:20px;}
	.newmain h1 { font-size: 20px;}
	.product{padding:80px 15px;}
	.promainTR h1 { font-size: 24px;}
	.promainB{margin-top: 30px;padding: 30px 15px;}
	.promainB .promainBTit{padding-bottom:20px; margin-bottom:20px;}
	.promainT2 p{width:100%;}
	.about2, .about1, .h_case { padding-top: 30px;}
	.about1C .container,.tit{    padding: 0 15px;}
	.about1C h2, .gsjj h2 { font-size: 26px;}
	.about1CB, .gsjj article { margin-top: 30px;}
	.about1CB article { padding: 0;}
	.about2C p{width: 80%;} 
	.about1CR dl dd, .about2C p, .h_caseC .item p{padding: 20px 26px;}
	.link {padding: 20px 15px;}
	.h_case .owl-prev{width: 25px !important;background-size:100% !important;}
	.h_case .owl-next{width: 25px !important;background-size:100% !important;}
	.h_productC li a div p{ display:none;}
	.h_productC li a div{width: 200px;height: 120px;margin-top: 0;}
	.h_productC li a div h5{margin-bottom: 0;}
	.teltel{ display:block;}
}

@media(max-width:640px){
	.h_caseC .item p{margin: -15px auto 0;}
	.vmcarousel > li { width: 400px;}
	.h_productC li a div time { font-size: 20px;}
	.h_productC li a div time span { font-size: 26px;}
	.h_productC li a div { width: 200px; height: auto; margin-top: 0; top: auto; bottom: 0;width: auto;}
	.banner.owl-theme .owl-controls .owl-page span{width: 10px; height: 10px;}
	.banner.owl-theme .owl-pagination{bottom: 10px;}
    .bannerb{ display:none;}
	.banners{ display:block;}
}
@media(max-width:550px){
	.vmcarousel > li { width: 350px;}
	.vmc-arrow-left, .vmc-arrow-right { width: 45px; height: 45px;margin-top: -23px;}
}


@media(max-width:500px){
	.contact h1 { font-size: 22px;}
	.contact h3{font-size: 18px; margin-top:10px;}
	.otherbanner1 img{height: 150px;width: 94%;}
	.contactR dl dt {width: 113px;}
	.saleL dl dt { width: 110px;}
	.saleL dl dd { width: calc(100% - 120px);}
	.saleL dl dd h5 { font-size:16px;padding-bottom: 15px;}
	.saleL dl dd p{margin-top:10px;line-height: 20px;height: 60px;}
	.tit h2, .otherbanner1 div h2, .contactR h2, .saleL h2, .saleR h2 { font-size: 22px;}
	.saleR ul{padding:20px 15px;}
	.product dl a{padding: 40px 0;}
	.product dl dd, .pronav dl a dd { font-size: 18px;}
	.h_productC li a div h5 { font-size: 17px;}
	.tit p { font-size: 14px;}
}




@media (max-width:440px){
	.vmcarousel > li { width: 260px;}

}

@media (max-width:380px){
	.vmcarousel > li { width: 200px;}
}

@media (max-width:360px){
	.contactR dl dt {width: 90px;}
	.contactR ul{font-size: 14px;}


}



@media (max-width:340px){


}