a,blockquote,body,code,dd,div,dl,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,iframe,img,input,label,li,object,ol,p,q,small,span,strong,table,tbody,td,th,tr,ul{margin:0;padding:0;border:0}body{font-family:STHeiti,Microsoft YaHei,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none}a,a:active,a:focus,a:hover,a:visited{text-decoration:none}a,img{-webkit-touch-callout:none}img{display:block}li,ol,ul{list-style:none}input[type=password],input[type=text],textarea{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff}.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
@media screen and (max-width:320px){html{font-size:50px;font-size:18.33333vw}}
@media screen and (min-width:321px) and (max-width:360px){html{font-size:57px;font-size:18.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:65px;font-size:18.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:74px;font-size:18.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:84px;font-size:18.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:94px;font-size:18.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:110px;font-size:18.33333vw}}
@media screen and (min-width:481px) and (max-width:540px){html{font-size:126px;font-size:18.33333vw}}
@media screen and (min-width:541px) and (max-width:640px){html{font-size:144px;font-size:18.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:165px;font-size:18.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:189px;font-size:18.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
body{font-family:PingFangSC-Regular,Microsoft YaHei,Helvetica;background:#fff}body,html a{color:#333}.hidden,.none{display:none!important}
@media screen and (min-width:769px){html{font-size:102.4px}html .wap-wrap{width:768px;margin:0 auto}}
.wap-wrap{font-size:.32rem;width:100%}.wap-content-wrap{position:relative}
.wap-section{margin-bottom:.12rem;background:#fff;padding:.22rem}
.wap-section .wap-linklist{margin-left:-.47rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;letter-spacing:0;font-size:0;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.wap-section .wap-linklist,.wap-section .wap-linklist a{color:#333}.wap-section .wap-linklist .link-item{width:2em;display:inline-block;font-size:.32rem;height:.7rem;line-height:.7rem;text-align:center;margin:0 0 0 .59rem;white-space:nowrap}
@font-face{font-family:helveticaneueltpro-bd;src:url(../fonts/helveticaneueltpro-bd.eot);src:url(../fonts/helveticaneueltpro-bd.eot) format('embedded-opentype'),url(../fonts/helveticaneueltpro-bd.woff2) format('woff2'),url(../fonts/helveticaneueltpro-bd.woff) format('woff'),url(../fonts/helveticaneueltpro-bd.ttf) format('truetype'),url(../fonts/helveticaneueltpro-bd.svg#allerbold) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:arenacondensed-bold;src:url(../fonts/arenacondensed-bold.eot);src:url(../fonts/arenacondensed-bold.eot) format('embedded-opentype'),url(../fonts/arenacondensed-bold.woff2) format('woff2'),url(../fonts/arenacondensed-bold.woff) format('woff'),url(../fonts/arenacondensed-bold.ttf) format('truetype'),url(../fonts/arenacondensed-bold.svg#allerbold) format('svg');font-weight:400;font-style:normal}
a{color:#333;text-decoration:none;outline:medium none}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none;color:#febe16}
img{max-width:100%}
img,li{vertical-align:top;border:0}
.clear{clear:both;line-height:0;font-size:0;width:0;height:0}
*,:after,:before{margin:0;padding:0;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
body,td,th{font:.14rem/1.5 Microsoft YaHei}
input{font:.14rem/1.5 Microsoft YaHei}
@font-face{font-family:kelson-sans-regular-ru;src:url(../fonts/kelson-sans-regular-ru.eot);src:url(../fonts/kelson-sans-regular-ru.eot) format('embedded-opentype'),url(../fonts/kelson-sans-regular-ru.woff2) format('woff2'),url(../fonts/kelson-sans-regular-ru.woff) format('woff'),url(../fonts/kelson-sans-regular-ru.ttf) format('truetype'),url(../fonts/kelson-sans-regular-ru.svg#allerbold) format('svg');font-weight:400;font-style:normal}
.no-padding{padding:0}
.btn{padding:.04rem .18rem;font-size:.14rem}
.top_menu{}
.logo{display:inline-block;float:left;opacity:1;
/*height:.6rem;*/
padding:0;position:relative}
.logo a{
    display: block;
}
.logo img{
    /*width:1.2rem;*/
    height: 0.9rem;
    left:0;top:0;z-index:999;margin:0 15px;box-shadow:0 3px 10px rgba(0,0,0,.3)}
.top_text{display:block;padding:.15rem 0; }
.fixed-top{top:0;left:0;}
.top_text a,.top_text i{color:#807f83;font-size: .14rem;}
@keyframes logoOpacity{0%{opacity:0}
25%{opacity:.25}
50%{opacity:.5}
100%{opacity:1}
}
@media (max-width:767px){.fixed-top{top:0;position:fixed;z-index:10;left:0;right:0;border-top:solid 6px #2f2f2f;opacity:1;
animation:logoOpacity .5s;-moz-animation:logoOpacity .5s;-webkit-animation:logoOpacity .5s;-o-animation:logoOpacity .5s;
animation-fill-mode:forwards;box-shadow:0 2px 3px 0 rgba(0,0,0,.2)!important}
/*.logo{height:.5rem!important}*/
.logo a{
    display: block;
    margin: 0 15px;
    width:1.5rem
}
.logo img{
    margin: 0;
}
.logo img{width:1.5rem}
}
@media (min-width:768px) and (max-width:1200px){.container{width:100%;}
}
::-webkit-scrollbar  
{  
    width: 6px;  
	height: 16px;
	background-color: rgba(0, 0, 0, 0.34);
}  
::-webkit-scrollbar-track  
{  
    background-color: #fff;    
}  
::-webkit-scrollbar-thumb  
{  
    background-color: #2f2f2f;  
}
header{float:left;width:100%;background:#febe16}

#top-right form{height:.3rem;margin: .3rem 0}
#sub{background-color:#2f2f2f;/* color: #333; */height:  .3rem;border: none;margin-left:0px;}
#sub i{color:#fff;line-height:.22rem}
#key{height: .3rem;border-right:  none;outline:none;font-size:.14rem;padding:.06rem .15rem;border:.01rem solid #ccc;border-radius:.04rem  0 0 .04rem;border-right:none}
#mynav{border-width:0;margin:0}
#mynav .nav{width:100%;display:flex;align-items:center}
#mynav .nav>li{
    /*width:12.5%;*/
}
#mynav .nav>li a{
    padding: 0 25px
}
.collapse{padding:0;}
#mynav .nav>li>a{font-size:.14rem;text-transform:capitalize;text-align:center;white-space:nowrap;line-height:  .9rem;color:#fff}
section{position:relative;float:left;width:100%}
.banner_frame{position:absolute;bottom:0;left:0;right:0}
.banner_frame:before{content:"";position:absolute;left:0;right:0;bottom:0;min-height:180px;background-color:rgba(0,0,0,.5);z-index:0}
.banner_text1{float:left;position:absolute;z-index:1;bottom:70px}
.banner_text1 span{color:#fff;font-size:30px;font-family:Arial;font-style:italic}
.banner_text2{background:#fff;margin-bottom:45px;width:35%;float:right;position:relative;z-index:1}
.banner_text2 h1{font-size:36px;background-color:#febe16;color:#fff;padding:30px;top:0;font-weight:700;line-height:1.3}
.banner_text2 h1 span{display:block;font-size:36px}
.banner_text2 p{font-size:16px;padding:45px 30px}
.index_title{padding-bottom:.45rem}
.index_title h3{text-transform:capitalize;padding-bottom:.24rem;font-size:.3rem;position:relative;color:#febe16;letter-spacing:.01rem}
.frame{float:left;width:100%;padding:.45rem 0}
.block{float:left;width:100%}
@media (max-width:767px){.frame{padding:.45rem 0}
.index_title h3{padding-bottom:.24rem;font-weight:normal}
	.index_title{padding-bottom:.3rem}#top-right form{margin:0 0 .3rem 0}
}

@media (min-width:768px) and (max-width:1200px){.frame{padding:.15rem 0}
}

.aboutus{background-color:#f7f7f7;float:left;width:100%}
.aboutus div{padding:0;}
.aboutus a{float:left}
.aboutus a img{height:1.9rem;text-align:center;margin:0 auto;}
.aboutus .proimg{
    width:100%;
    height:1.9rem;
    background:#fff;
}
.aboutus .item_pic,.aboutus .item_text{float:left;width:100%;position:relative;z-index:1;height:1.9rem}
.aboutus .item_text{padding: .15rem .3rem;cursor:pointer;}
.aboutus .item_text a{font-size: .16rem;line-height: .4rem;font-family:helvetica-bold;color: #333;text-transform:capitalize;white-space:nowrap;}
.aboutus .item_text p{float:left;width:100%;font-size: .14rem;height: .66rem;overflow:hidden;margin: .05rem 0;color:  #666;}
.aboutus .item_text a.more{border: solid .01rem #999;line-height:1.5;margin-top: .05rem;}
.aboutus .item_text a.more i{width:0.29rem;color: #999;}
.aboutus .item:hover .item_text a.more i,.aboutus .item:hover .item_text p,.aboutus .item:hover a{color:#fff}
.aboutus .item:hover .item_text a.more{border-color:#fff}
.aboutus .item:before{content:"";-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;position:absolute;top:0;bottom:0;left:0;z-index:0;right:0}
.aboutus .item:hover:before{background-color:#febe16}
.aboutus .item:hover .play{margin-top:-.2rem;opacity:1;}
.aboutus .item_pic .play{background:url(../images/more.png) no-repeat;background-size:  contain;width: .4rem;height: .4rem;position:absolute;left:50%;margin-left: -.2rem;top: 50%;z-index:5;opacity:0;margin-top: -.75rem;}
@media (max-width:767px){.aboutus .item_pic,.aboutus .item_text{width:100%}
}
@media (min-width:768px) and (max-width:1200px){.aboutus .item_text a.more{display:none}
.aboutus .item_text{padding:6px 15px}
}
#frame2{background-color:#f6f6f4}
#frame2 .index_title{background-color:#fff;padding:.3rem;float:left;background-image:url(../images/famen.jpg);background-position:right center;background-repeat:no-repeat;margin-bottom:.45rem;width:100%;}
#frame2 .index_title h3{float:left;padding-bottom:.15rem;width:100%;color:#333}
#frame2 .index_title p{float:left;width:50%;color:#666}
#frame2 a{display:block}
.products{position:relative;float:left;width:100%;text-align:center;background-color:#fff}
#owl{float:left;width:100%}
#owl .item{padding:0 15px}
.cases{overflow:hidden;background-color:#fff;padding:.06rem;border-radius:.04rem;border-bottom:solid .03rem #fff;box-shadow:.01rem -.01rem .11rem -.02rem rgba(80,57,58,0); min-height:3.58rem;}
.cases:hover{border-color:#febe16;box-shadow:.01rem -.01rem .11rem -.02rem rgba(80,57,58,.3)}
.cases a{display:inline-block}
.cases a span{display:block;line-height: 3;color:#333;font-size:.18rem;min-height:.54rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.cases a img{margin-bottom:.1rem}
.cases p{padding:0 .15rem;text-align:left;font-size:.12rem;color:#666;line-height:2;text-align:center; max-height:.72rem; overflow:hidden;}
.cases a.email,.cases a.skype{margin-top:.15rem;color:#333;width:50%;float:left;border-top:solid .01rem #d0d0d0;line-height:.4rem}
.cases a.more{display:inline-block!important;background-color:#febe16;color:#fff;font-size:.14rem;margin:.14rem 0}
@media (max-width:767px){#frame2 .index_title{background-image:none;margin-bottom:.15rem}
#frame2 .index_title p{float:left;width:100%}#frame3 .frame  div:nth-child(3){margin:.15rem 0}.contact a{float:left!important}
}
@media (min-width:768px) and (max-width:1200px){#frame2 .index_title{background-image:none}
#frame2 .index_title p{float:left;width:100%}
}
#frame3 .index_title a{border-color:#ccc;display:inline-block;margin-top: .24rem;}
#frame3 .index_title a:hover{background-color:#febe16;border-color:#febe16;color:#fff}
.contact{padding:.3rem 0!important;float:left;width:100%}
.contact p{background-image:url(../images/faq.png);background-position:left center;background-repeat:no-repeat;padding:.32rem 0 .32rem 1.2rem;font-size:.16rem;float:left; width:calc(100% - 2rem);background-size:contain}
.contact a{padding:.1rem;font-size:.18rem;float:right;background-color:#febe16;color:#fff;text-transform:uppercase;line-height:.3rem;margin:.15rem 0;width:2rem;}
.contact a i{font-size: .2rem;line-height:.3rem;margin-right:  .1rem;}
.news-left a{display:block;width:100%;height:100%;position:relative}
.news-left a .bgmask{width:100%;height:100%;position:absolute;left:0;top:0;}
.news-left a .play{background:url(../images/more.png) no-repeat;width:.5rem;height:.5rem;position:absolute;left:50%;margin-left:-.25rem;top: 50%;z-index:5;opacity:0;margin-top:  -.95rem;background-size:contain}
.news-left a:hover .play{margin-top:  -.25rem;opacity:1;}
.news-left a:hover .bgmask{background:rgba(0,0,0,.3)}
.news a span{font-family:helvetica-bold;font-size:.16rem;display:block}
.news a.more{font-size:14px;border:solid 1px #ccc;display:inline-block;margin-top:15px}
.news a.more:hover{border:solid 1px #febe16;background-color:#febe16;color:#fff}
.news ul,.news ul li{float:left;width:100%}
.news ul li{padding-bottom: .15rem;border-bottom:solid 1px rgba(0,0,0,.1);padding-top: .15rem;}
.news ul li:first-child{padding-top:0}
.news ul li i{float:left;width: 0;font-size: .4rem;text-align:center;font-style:initial;line-height: .18rem;color: #333;}
.news ul li a{float:left;width: calc(100% - 2rem);font-size: .16rem;white-space:nowrap;overflow:hidden;padding-bottom: .1rem;position:relative;color:#333;height: .4rem;margin-left:  .24rem;}
.news ul li a:hover{color:#febe16;text-indent:5px}
.news ul li a:after{content:"...";position:absolute;right:0;background-color:#fff}
.news ul li p{float:left;width: calc(100% - 2rem);font-size: .14rem;max-height: .43rem;color: #999;overflow:hidden;line-height:  .22rem;margin-left: .24rem;}
.news ul li img{float:right;width: 1.1rem;}
.Application{position:relative;display:block}
.Application .cont{position:absolute;top:0;background-color:rgba(254,190,22,.8);color:#fff;left:0;right:0;bottom:0;padding:30px}
.Application .cont span{font-size:.18rem;padding-bottom:.2rem;display:block;}
.Application .cont p{line-height:.2rem;height:1rem;overflow:hidden}
@media (max-width:767px){.news ul li i{float:left;width:0;font-size:.4rem;line-height:.2rem}
.news ul li a{width:calc(100% - .3rem)}
.news ul li p{float:left;width: calc(100% - .3rem);font-size:.14rem}
.news ul li img{display:none}.news-left{margin-bottom:.3rem}
.contact p{padding:0 0 0 .4rem;width:100%}#frame3 .news img{margin-bottom: .3rem}

}
@media (min-width:768px) and (max-width:1200px){.news ul li img{display:none}
.news ul li a{width:calc(100% - .8rem)}
.news ul li p{width:calc(100% - .8rem);max-height:.42rem;overflow:hidden}
.Application .cont p{font-size:.12rem;max-height:.56rem;overflow:hidden}
}
footer{background-color:#282828;float:left;width:100%;background-image:url(../images/bgfoot.jpg);background-repeat:no-repeat;background-size:cover}
.foot-menu{padding-top: .6rem;padding-bottom: .45rem;}
.foot-menu h3{color:#fff;padding-bottom: .1rem;text-transform:uppercase;font-size: .2rem;}
.foot-menu li span{padding:.02rem 0;color:#fff;font-size:.14rem;line-height:2.5}
.foot-menu li span a{color:#fff;font-size:.14rem;text-transform:capitalize;line-height:2.2;white-space:nowrap}
.foot-menu li>a{color:#fff;font-size:.14rem;text-transform:capitalize;line-height:2.2;white-space:nowrap}
.foot-menu li>a:hover{padding-left:.06rem; color:#fff;}
.foot-menu li img{margin-right:.05rem}
.foot-menu li i{padding-right:.22rem;font-size:.12rem}
.foot-menu p{color:#fff;padding-bottom:15px;font-size:.12rem}
.foot-menu .share{color:#fff;background-color:#1a1a1a;width:.3rem;margin-top:0;height:.3rem;display:inline-block;text-align:center;line-height:.3rem;border-radius:.5rem;border:solid .01rem rgba(255,255,255,.4)}
.foot-menu .share:hover{background-color:#000}
.foot_lang{border-top:solid .01rem #5a5a5a;padding:.3rem 0 .3rem 0}
.foot_lang a{color:#fff}
.copy_by{background-color:#252525;color:#ccc;padding:.15rem 0;font-size:.12rem;float:left;width:100%}
.copy_by span{text-align:right;float:right;text-transform:capitalize}
.copy_by a{color:#fff}
.copy_by span img{padding:0 .15rem}
.copy_by span i{padding:0 .15rem}
#erweima{background-image:url(../images/erweima.png);background-position:right top .6rem;background-repeat:no-repeat;background-size:35%;padding-bottom:11em}
#erweimaen{background-image:url(../images/erweimaen.png);background-position:right top .6rem;background-repeat:no-repeat;background-size:35%;padding-bottom:11em}
@media (max-width:767px){#erweima{background-image:none}
#erweimaen{background-image:none}
footer{background-size:cover;background-position:left center}
}
@media (min-width:768px) and (max-width:1200px){#erweima{background-image:none}
}
#mynav .nav>li.open>a{background-color:#2f2f2f;color:#fff}
.navbar-default .navbar-collapse{background:#febe16}
#mynav .nav>li.active>a{color:#fff;background:#2f2f2f}
#mynav .dropdown-menu{background-color:#febe16;top:.9rem;border:none;display:block;visibility:hidden;opacity:0}
#mynav .dropdown-menu a{color:#fff;text-transform:capitalize; padding-top:5px; padding-bottom:5px;}
#mynav .dropdown-menu a:hover{background-color:#2f2f2f}
#mynav .nav>li.open .dropdown-menu{visibility:visible;opacity:1}
@media (max-width:767px){.hamburger{position:relative;top:50%;}
.hamburger span{background-color:#febe16!important}
}
@media (max-width:767px){.copy_by .by{text-align:left}
}
section:hover .carousel-control{opacity:1}
.carousel-control{bottom:initial;top:calc(50% - .6rem);width:.6rem;height:1.2rem;opacity:0;z-index:10;background-image: none!important}
.carousel-control i{line-height:1.2rem;width:  .6rem;font-size:  .2rem;}
#frame1 .index_title p,#frame3 .index_title p{color:#666}
.carousel-inner>.item>img{margin:0 auto}