@font-face {
    font-family: 'TrajanPro-Bold';
    src: url('../fonts/TrajanPro-Bold.eot');
    src: url('../fonts/TrajanPro-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/TrajanPro-Bold.woff2') format('woff2'), url('../fonts/TrajanPro-Bold.woff') format('woff'), url('../fonts/TrajanPro-Bold.ttf') format('truetype'), url('../fonts/TrajanPro-Bold.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aller-webfont';
    src: url('../fonts/aller-webfont.eot');
    src: url('../fonts/aller-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/aller-webfont.woff2') format('woff2'), url('../fonts/aller-webfont.woff') format('woff'), url('../fonts/aller-webfont.ttf') format('truetype'), url('../fonts/aller-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'aller_lt-webfont';
    src: url('../fonts/aller_lt-webfont.eot');
    src: url('../fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/aller_lt-webfont.woff2') format('woff2'), url('../fonts/aller_lt-webfont.woff') format('woff'), url('../fonts/aller_lt-webfont.ttf') format('truetype'), url('../fonts/aller_lt-webfont.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font: 16px/1.5 aller_lt-webfont,Arial;
}
a{color:#333;text-decoration:none;outline:medium none;}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none; color:#dc0700}
img{max-width:100%}
img,li{vertical-align:top;border:0}
.clear{clear:both;line-height:0;font-size:0;width:0;height:0}
*,*:before,*:after{margin:0;padding:0;-moz-transition:color .2s ease-in;-webkit-transition:color .2s ease-in;-o-transition:color .2s ease-in;transition:color .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: 16px/1.5 aller_lt-webfont,Arial;
}
input {
    font: 16px/1.5 aller_lt-webfont,Arial;
}
.top_search input::-webkit-input-placeholder{
color:#fff;
}
.top_search input::-moz-placeholder{ 
color:#fff;
}
.top_search input:-moz-placeholder{
color:#fff;
}
.top_search input:-ms-input-placeholder{ 
color:#fff;
}
.btn { padding-top:4px; padding-bottom:4px;
}
header {float:left; width:100%;
}
.top
{ background-color:#d7000d;
}
.top a.top_text
{ font-size:16px; color:#fff; padding:10px 0;float:left; margin-right:15px;
}
#top_language
{ border:solid 2px #fff; margin-top:7px; margin-right:15px; 
}
#language
{ padding:2px 5px; color:#fff;
}
#top_language img
{ padding-top:2px; padding-right:5px;
}

.top_menu { background-color:#da251c;
}
.no-padding{padding:0}

.logo{ display:inline-block; float:left; }
.top_search { padding:7px 0;float:right; max-width:200px;
}
.top_search a,.top_text i{ color:#807f83;
}
.top_share a
{ padding:15px 7px; display:inline-block;
}
#top-right{ padding-right:15px;}
#sub { background-color:transparent; color:#fff; border-color:#fff; box-shadow:none; border-width:2px;padding-top: 3px; padding-bottom: 3px; border-left:none; border-radius:0;
}
#key { height:30px; border-right:0; background-color:transparent; border-color:#fff; color:#fff; border-width:2px;border-radius:0;
}
#mynav{border-width:0px; margin:0; background-color:transparent;}
#mynav .nav > li
{ padding:0 35px;
}
#mynav .nav>li>a{font-family:aller-webfont; font-size:16px; text-transform:capitalize; color:#333; text-align:center;padding:15px 0;  border-bottom:solid 3px rgba(215,0,13,0); -moz-transition:border-color .2s ease-in;-webkit-transition:border-color .2s ease-in;-o-transition:border-color .2s ease-in;transition:border-color .2s ease-in }
#mynav .nav > li.active > a,#mynav .nav > li:hover > a,#mynav .nav > li.open> a
{ background-color:transparent; border-color:rgba(215,0,13,1); color:#d7000d;
}

.navbar-toggle{ width:100%; margin-right:0px; background-color:#010101}
.navbar-toggle:focus{ background-color:#010101 !important }
.navbar-toggle:hover{ background-color:#010101 !important }
section{ position:relative; float:left; width:100%;}


.index_title{ margin-bottom:30px; text-align:center;}
    .index_title h3 {
        text-transform: uppercase;
        font-family: aller-webfont;
        padding-bottom: 20px;
        font-size: 24px;
        position: relative;
        display: block;
        position: relative;
        background-image: url(../images/b1.png);
        background-position: bottom center;
        background-repeat: no-repeat;
    }


.frame{ float:left; width:100%; padding:45px 0}
.block{ float:left; width:100%;}


.main{ }
#frame0{}
.f0
{ float:left; width:100%;
}
.f0 li
{ float:left; width:20%; padding:0 15px;
}
.f_item a {
    font-size: 18px;
    line-height: 35px;
    margin-bottom: 15px;
    display: inline-block;
    white-space: nowrap;
    font-family: aller-webfont;
}
.f_item a img
{ padding-right:5px;
}
.f_item a.more
{ color:#b10000; font-size:14px; text-transform:capitalize;
}
.aboutus h3 {
    text-transform: uppercase;
    margin-top: 20px;
    font-size: 30px;
    font-family: TrajanPro-Bold;
}
.aboutus p {
    line-height: 2.5;
}
.workshop
{ position:relative;
}
#owl{ }
#owl .item{}
.owl_left,.owl_right{ background-color:#da251c; cursor:pointer; color:#fff; font-size:24px; position:absolute;  z-index:10; top:calc(50% - 18px)}
.owl_left:hover,.owl_right:hover{ background-color:#000;color:#fff;}
.owl_left{ left:0;}
.owl_right{ right:0;}


#frame1{ background-color:#f5f5f5}
.aboutus div{ padding:0;}
.aboutus{float:left; width:100%;}
.aboutus .item { margin:0 1.5px; width:calc(100% - 3px); float:left; position:relative;
}
.aboutus a { float:left;
}
.aboutus .item{ margin-bottom:30px; background-color:#fff;
}
.aboutus .item_pic{ background-color:#fff!important;border-right:#e7e7e7 solid 3px;}

.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;color:#b10000;
}
.aboutus .item_text p{ float:left; width:100%; font-size:12px;
}
.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 a,.aboutus .item:hover .item_text p,.aboutus .item:hover .item_text a.more i{ color:#fff;
}
.aboutus .item:hover .item_text a.more{ border-color:#fff;
}
.aboutus .item:before { content:""; -moz-transition:all .4s ease-in;-webkit-transition:all .4s ease-in;-o-transition:all .4s ease-in;transition:all .4s ease-in;position:absolute; top:0; bottom:0; left:0; z-index:0; right:0;
}
.aboutus .item:hover:before {background-color:#b10000;
}


#frame2{}
.index_cate{ padding:0 1px; }
.index_cate h3{ background-color:#d7000d; color:#fff; text-align:center; font-size:16px; padding:15px 0; text-transform:capitalize;}
.index_cate img{ width:100%; border-left:solid 1px #ccc; border-right:solid 1px #ccc;}
    .index_cate p {
        background-color: #cccccc;
        font-size: 12px;
        text-align: center;
         padding: 15px 0;
        height:70px;
        margin-top: -1px;
        overflow: hidden;
    }
.index_cate .cate_img
{ position:relative; display:block;
}
.index_cate .cate_img .ca-cover
{position:absolute; top:0; bottom:0; left:0; right:0; text-align:left; padding:30px;  background-color:rgba(215,0,13,.6); opacity:0;transition:opacity .2s ease-in;
}
.index_cate .cate_img .ca-cover a {
    display:block; color:#fff; font-size:14px; position:relative; padding:3px 0;padding-left:30px; 
}
 .index_cate .cate_img .ca-cover a::before{
width:6px; height:6px; background-color:#fff; content:"";position:absolute; border-radius:50%; left:15px; top:calc(50% - 3px);
}
.index_cate .cate_img .ca-cover a.more{
display:block; text-align:center; padding:0 0 0 0;font-size:20px;
}
 .index_cate .cate_img .ca-cover a.more:before{content:none;
}
.index_cate .cate_img .ca-cover:hover{
    opacity: 1;
}
.index_cate .cate_img span
{ position:absolute; top:0; bottom:0; left:0; right:0;  padding:30px; color:#fff; opacity:0;
}
.index_cate .cate_img:hover span
{ opacity:1;
}
.contact { padding:30px; float:left; width:100%;
}
.contact p{font-size:16px; float:left; padding:15px 0;
}
.contact a{padding:6px 20px; font-size:18px; float:right; background-color:#d7000d;color:#fff;text-transform:uppercase; line-height:30px; margin:6.5px 0; 
}
.contact a i { font-size:24px; line-height:30px;
}

#frame3{ background-color:#f5f5f5; }

#frame3 .more
{ background-color:#d7000d; color:#fff; border-radius:4px; padding:7px 15px; display:inline-block; margin-top:15px; text-transform:uppercase;
}
.index_pro
{ position:relative;
}
.news_item li{ background-color:rgba(255,255,255,0.1); float:left; padding:5px 15px; width:100%; border-radius:10px; border:solid 1px rgba(0,0,0,0.2); margin-bottom:5px; }
.news_item li a{float:left; font-size:20px;font-weight:bold;}
.news_item li span{ line-height:30px; color:#d7000d; float:left; padding-left:10px; font-size:12px;}
.news_item li p{ white-space:nowrap; overflow:hidden; float:right; width:100%;}

.index_app{ border:solid 1px #e2e2e2; border-radius:4px; padding:2px; margin-bottom:15px;}
.index_app a{ display:block;}
.index_app a span{ display:block; text-align:center; padding:10px 0; font-size:16px;}

#frame5
{background-color:#f5f5f5; 
}
.index_ser{ position:relative; float:left; width:100%;}
.ser{ display:block; padding:0 15px;}
.ser span{display:block; text-align:center; padding:5px 0; }

footer{background-color:#232323;float:left;width:100%; background-image:url(../images/foot.png); background-position: center center; background-repeat:no-repeat;}
.foot-menu{padding-top:45px;padding-bottom:15px; float:left; width:100%;}
    .foot-menu h3 {
        color: #fff;
        padding-bottom: 15px;
        text-transform: capitalize;
        font-family: aller-webfont;
    }
.foot-menu li {color:#999999;float:left; width:100%;}
.foot-menu>span {color:#999999;font-size:20px; display:block; padding-bottom:15px;}
.foot-menu li>a{color:#999999;text-transform:capitalize;line-height:2;white-space:nowrap;}
.foot-menu li img{margin-right:5px}
.foot-menu li i{ background-color:#d7000d; color:#fff; font-size:30px; line-height:38px;width:38px; border-radius:4px;float:left; margin-right:5px;}
.foot-menu>p{color:#999999; margin-bottom:15px;}

.copy_by{background-color:#1d1d1d;padding:15px 0;font-size:12px;float:left;width:100%; border-top:solid 1px #666666; color:#fff}
.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}
.foot_news .owl-page span{ width:8px!important; height:8px!important;}
.foot_news_item a span{color:#fff; font-size:16px; line-height:2; display:block;}
.foot_news_item p{ color:#999; max-height:75px;overflow:hidden; }
.foot_cont li{ padding-bottom:10px;}
.share i{background-color:#666666; color:#232323; font-size:26px; line-height:38px;width:38px; border-radius:4px;float:left; margin-right:10px;}
.foot_cont span
{ display:block;color:#999999; font-size:24px; line-height:1;
}
.foot_cont p
{ display:block;
}
.foot_cont a
{ display:block; color:#999;
}
.border-bottom-bg {
    float: left;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    background-image: url(../images/b1.png);
    background-position: center center;
    background-repeat: no-repeat;
}