@font-face{font-family:helvetica;src:url(../fonts/helvetica.eot);src:url(../fonts/helvetica.eot?#iefix) format('embedded-opentype'),url(../fonts/helvetica.woff2) format('woff2'),url(../fonts/helvetica.woff) format('woff'),url(../fonts/helvetica.ttf) format('truetype'),url(../fonts/helvetica.svg#allerbold) format('svg');font-weight:400;font-style:normal}
@font-face{font-family:helveticaneueltpro-bd;src:url(../fonts/helveticaneueltpro-bd.eot);src:url(../fonts/helveticaneueltpro-bd.eot?#iefix) 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?#iefix) 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}
@font-face{font-family:helvetica-bold;src:url(../fonts/helvetica-bold.eot);src:url(../fonts/helvetica-bold.eot?#iefix) format('embedded-opentype'),url(../fonts/helvetica-bold.woff2) format('woff2'),url(../fonts/helvetica-bold.woff) format('woff'),url(../fonts/helvetica-bold.ttf) format('truetype'),url(../fonts/helvetica-bold.svg#allerbold) format('svg');font-weight:400;font-style:normal}
body{font:14px/1.5 helvetica,arial}
a{color:#333;text-decoration:none;outline:medium none}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none;color:#b10000}
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 .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
ul{list-style-type:none}
dd,dt,h5,img,li,ul{margin:0;padding:0}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0}
body,td,th{font:14px/1.5 helvetica,arial}
input{font:14px/1.5 helvetica,arial}
@font-face{font-family:kelson-sans-regular-ru;src:url(../fonts/kelson-sans-regular-ru.eot);src:url(../fonts/kelson-sans-regular-ru.eot?#iefix) 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-top:4px;padding-bottom:4px}
@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 #b10000;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}
}
@media (min-width:768px) and (max-width:1200px){.container{width:100%;}
}

header{border-top:solid 6px #b10000;float:left;width:100%}
.top_menu{background-color:#b10000}
.logo{display:inline-block;float:left;opacity:1;background-color:#fff}
.top_text{display:block;padding:15px 0 7px 0; }
.top_text a,.top_text i{color:#807f83}
#top-right{margin-bottom:15px}
#sub{background-color:#b10000;color:#fff}
#sub i{color:#fff}
#key{height:30px}
#mynav{background-color:#b10000;border-width:0;margin:0}
#mynav .nav{width:100%}
#mynav .nav>li{width:12.5%}
#mynav .nav>li>a{font-size:16px;text-transform:capitalize;color:#333;text-align:center;color:#fff;white-space:nowrap;padding:15px 0}
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:#b10000;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:60px}
.index_title h3{text-transform:capitalize;padding-bottom:30px;font-family:arenacondensed-bold;font-size:38px;position:relative;color:#b10000}
.frame{float:left;width:100%;padding:45px 0}
.block{float:left;width:100%}
@media (max-width:767px){.frame{padding:15px 0}
.index_title h3{font-size:24px;padding-bottom:0}
.index_title{padding-bottom:30px}
}

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

.aboutus{background-color:#f7f7f7;float:left;width:100%}
.aboutus div{padding:0}
.aboutus a{float:left}
.aboutus .item_pic,.aboutus .item_text{float:left;width:50%;position:relative;z-index:1}
.aboutus .item_text{padding:20px 30px}
.aboutus .item_text a{font-size:18px;line-height:2;font-family:helvetica-bold;color:#b10000;text-transform:capitalize;white-space:nowrap}
.aboutus .item_text p{float:left;width:100%;font-size:14px;max-height:63px;overflow:hidden}
.aboutus .item_text a.more{border:solid 1px #b10000;line-height:1.5;margin-top:10px}
.aboutus .item_text a.more i{width:29px}
.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:#b10000}
@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:30px;float:left;background-image:url(../images/famen.png);background-position:right center;background-repeat:no-repeat;margin-bottom:45px}
#frame2 .index_title h3{float:left;padding-bottom:15px;width:100%;color:#333}
#frame2 .index_title p{float:left;width:50%}
#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:6px;border-radius:4px;border-bottom:solid 3px #fff;box-shadow:1px -1px 11px -2px rgba(80,57,58,0); min-height:358px;}
.cases:hover{border-color:#b10000;box-shadow:1px -1px 11px -2px rgba(80,57,58,.55)}
.cases a{display:inline-block}
.cases a span{display:block;line-height:1.5;color:#b10000;font-size:18px;min-height:54px;}
.cases a img{margin-bottom:15px}
.cases p{padding:0 15px;text-align:left;font-size:12px;color:#666;line-height:2;text-align:center; max-height:72px; overflow:hidden;}
.cases a.email,.cases a.skype{margin-top:15px;color:#333;width:50%;float:left;border-top:solid 1px #d0d0d0;line-height:40px}
.cases a.more{display:inline-block!important;background-color:#b10000;color:#fff;font-size:14px;margin:14px 0}
@media (max-width:767px){#frame2 .index_title{background-image:none;margin-bottom:15px}
#frame2 .index_title p{float:left;width:100%}
}
@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:15px}
#frame3 .index_title a:hover{background-color:#b10000;border-color:#b10000;color:#fff}
.contact{padding:30px 0;float:left;width:100%}
.contact p{background-image:url(../images/faq.png);background-position:left center;background-repeat:no-repeat;padding:32px 0 32px 120px;font-size:16px;float:left; width:calc(100% - 200px)}
.contact a{padding:10px ;font-size:18px;float:right;background-color:#b10000;color:#fff;text-transform:uppercase;line-height:30px;margin:16.5px 0; width:200px;}
.contact a i{font-size:30px;line-height:30px}
.news a span{font-family:helvetica-bold;font-size:18px;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 #b10000;background-color:#b10000;color:#fff}
.news ul,.news ul li{float:left;width:100%}
.news ul li{padding-bottom:15px;border-bottom:solid 1px #ccc;padding-top:15px}
.news ul li:first-child{padding-top:0}
.news ul li i{float:left;width:80px;font-size:60px;text-align:center;font-style:initial;line-height:80px;color:#ccc}
.news ul li a{float:left;width:calc(100% - 230px);font-size:18px;white-space:nowrap;overflow:hidden;padding-bottom:6px;font-family:helvetica-bold;position:relative}
.news ul li a:after{content:"...";position:absolute;right:0;background-color:#fff}
.news ul li p{float:left;width:calc(100% - 230px);font-size:14px; max-height:63px; overflow:hidden;}
.news ul li img{float:right;width:147px}
.Application{position:relative;display:block}
.Application .cont{position:absolute;top:0;background-color:rgba(177,0,0,.8);color:#fff;left:0;right:0;bottom:0;padding:30px}
.Application .cont span{font-size:18px;padding-bottom:6px;display:block;}
@media (max-width:767px){.news ul li i{float:left;width:30px;font-size:25px;line-height:30px}
.news ul li a{width:calc(100% - 30px)}
.news ul li p{float:left;width:100%;font-size:14px}
.news ul li img{display:none}
.contact p{padding:0 0 0 120px;width:100%}

}
@media (min-width:768px) and (max-width:1200px){.news ul li img{display:none}
.news ul li a{width:calc(100% - 80px)}
.news ul li p{width:calc(100% - 80px);max-height:42px;overflow:hidden}
.Application .cont p{font-size:12px;max-height:56px;overflow:hidden}
}
footer{background-color:#282828;float:left;width:100%;background-image:url(../images/map.png);background-position:right 100px center;background-repeat:no-repeat}
.foot-menu{padding-top:45px;padding-bottom:15px}
.foot-menu h3{color:#fff;padding-bottom:15px;text-transform:uppercase}
.foot-menu li span{padding:2px 0;color:#ccc;font-size:14px;line-height:2.5}
.foot-menu li span a{color:#ccc;font-size:14px;text-transform:capitalize;line-height:2.2;white-space:nowrap}
.foot-menu li>a{color:#ccc;font-size:14px;text-transform:capitalize;line-height:2.2;white-space:nowrap}
.foot-menu li>a:hover{padding-left:6px; color:#fff;}
.foot-menu li img{margin-right:5px}
.foot-menu li i{padding-right:22px}
.foot-menu p{color:#fff;padding-bottom:15px;color:#989898;font-size:12px}
.foot-menu .share{color:#fff;background-color:#1a1a1a;width:30px;margin-top:0;height:30px;display:inline-block;text-align:center;line-height:30px;border-radius:50px;border:solid 1px rgba(255,255,255,.4)}
.foot-menu .share:hover{background-color:#000}
.foot_lang{border-top:solid 1px #5a5a5a;padding:30px 0 30px 0}
.foot_lang a{color:#fff}
.copy_by{background-color:#252525;color:#fff;padding:15px 0;font-size:12px;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 15px}
.copy_by span i{padding:0 15px}
#erweima{background-image:url(../images/erweima.jpg);background-position:right top 45px;background-repeat:no-repeat}
@media (max-width:767px){#erweima{background-image:none}
footer{background-size:100%;background-position:left center}
}
@media (min-width:768px) and (max-width:1200px){#erweima{background-image:none}
}
#mynav .nav>li.open>a{background-color:rgba(0,0,0,.2);color:#fff}
#mynav .nav>li.active>a{background-color:rgba(0,0,0,.2);color:#fff}
#mynav .dropdown-menu{background-color:#b10000;top:50px;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:rgba(0,0,0,.2)}
#mynav .nav>li.open .dropdown-menu{visibility:visible;opacity:1}
@media (max-width:767px){.hamburger{position:absolute;top:calc(50% - 16px);margin-top:0}
.hamburger span{background-color:#b10000!important}
}
@media (max-width:767px){.copy_by .by{text-align:left}
}
section:hover .carousel-control{opacity:1}
.carousel-control{bottom:initial;top:calc(50% - 30px);width:40px;height:60px;background-color:rgba(0,0,0,.8);opacity:0;z-index:10}
.carousel-control i{line-height:60px}