@font-face {
    font-family: 'sourcesanspro-semibold';
    src: url('../fonts/sourcesanspro-semibold.eot');
    src: url('../fonts/sourcesanspro-semibold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-semibold.woff2') format('woff2'),
         url('../fonts/sourcesanspro-semibold.woff') format('woff'),
         url('../fonts/sourcesanspro-semibold.ttf') format('truetype'),
         url('../fonts/sourcesanspro-semibold.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sourcesanspro-light';
    src: url('../fonts/sourcesanspro-light.eot');
    src: url('../fonts/sourcesanspro-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sourcesanspro-light.woff2') format('woff2'),
         url('../fonts/sourcesanspro-semlightibold.woff') format('woff'),
         url('../fonts/sourcesanspro-light.ttf') format('truetype'),
         url('../fonts/sourcesanspro-light.svg#allerbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{font:14px/1.5 arial,'Microsoft YaHei'}
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 arial,'Microsoft YaHei'}
input{font:14px/1.5 arial,'Microsoft YaHei'}
.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}
}
.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%;}

}
.btn { padding-top:4px; padding-bottom:4px;
}

header {float:left; width:100%;
}
.top_menu { background-color:#da251c;
}
.no-padding{padding:0}

.logo{ display:inline-block; float:left; padding:15px 0; }
.top_text { display:inline-block; padding:30px 0 15px 0;
}
.top_text a,.top_text i{ color:#807f83;
}

.top-contact
{font-size:20px; font-weight:bold;
}

#top-language
{ position:relative;
}

#top-right{ padding-right:15px;}
#sub {
}

#key { height:30px; border-right:0;
}
#mynav{ background-color:#da251c;border-width:0px; margin:0;}
#mynav .nav {width:100%;
}
#mynav .nav > li {width: 11.1%;
}
#mynav .nav>li>a{ font-size:16px; text-transform:capitalize; color:#333; text-align:center; color:#fff;  padding-left:0; padding-right:0;}
#mynav .nav>li>a:hover,#mynav .nav>li.open>a,#mynav .nav>li.active>a{ background-color:#f30c00; color:#fff; }
#mynav .dropdown-menu li a:hover
{ background-color:#f30c00; color:#fff;
}

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

@media (max-width:767px){#top-right{ padding-right:0; padding-top:10px;}
	#top-language
	{ width:100%;
	}
	#mynav .nav > li
	{
		width: 25%; float:left; position:initial;
	}
	.navbar-nav
	{ margin:0;
	}
	.navbar-collapse
	{
		padding:0;
	}
	.navbar-nav .open .dropdown-menu
	{ position:absolute; left:0; right:0;background:#da251c; 
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a
	{  color:#fff;
	}
}
@media (max-width:767px)
{

    #top-language .hamburger {
        position: absolute;
        top: calc(50% - 15px);
        margin-top: 0;
        border: solid 1px #da251c;
        width: 50px;
        color: #fff;
        border-radius: 4px;
        background-color: #da251c;
        height: 30px;
        right: 0px;
        font-weight: bold;
    }
        #top-language .hamburger:hover {
            background-color: #b00000;
            color: #fff;
            border-color: #b00000;
        }
        #top-language .hamburger span {
            background-color: #9d6d4c !important
        }


	.top-contact
{font-size:16px; 
}
}

.spaced
{ text-align:center;
}

section{ position:relative; float:left; width:100%;}




.index_title{ padding-bottom:30px;}
.index_title h3{text-transform:capitalize; padding-bottom:10px;font-size:24px; position:relative; display:inline-block; }
.index_title h3:before{content:""; position:absolute; bottom:0; left:0; height:7px; width:40px; background-color:#da251c;}

.frame{ float:left; width:100%; padding:45px 0}
.block{ float:left; width:100%;}
@media (max-width:767px){
.frame{ float:left; width:100%; padding:15px 0}
	.index_title
	{ padding-top:15px;
	}
}
@media (max-width:767px){
}
.main{ }
#frame0{}
.aboutus h3{ color:#da251c; font-size:30px; padding-bottom:15px;}
.aboutus p
{ font-size:16px;
}
#owl{ background-color:#ededef; padding:45px 15px;}
#owl .item{ padding:0 15px;}
.owl_left,.owl_right{ background-color:#b4b4b4; cursor:pointer; color:#fff; font-size:24px;float:left;}
.owl_left:hover,.owl_right:hover{ background-color:#da251c;color:#fff;}
.owl_left{ margin-right:5px;}


#frame1{ background-image:url(../images/f2_bg.jpg); background-repeat:repeat-x; background-size:auto 100%; }
.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 a
{ width:100%; float:left;
}
.aboutus .item_pic img
{ width:100%;
}
.aboutus .item_pic,.aboutus .item_text{ float:left; width:50%; position:relative; z-index:1;
}
.aboutus .item_text { padding:15px;
}
.aboutus .item_text a{ font-size:18px; line-height:1.2;color:#b10000; font-weight:bold; max-height:64px;overflow:hidden;
}
.aboutus .item_text p{ float:left; width:100%; font-size:12px; margin-top:5px; line-height:2; max-height:76px; overflow:hidden;
}
.aboutus .item_text a.more { border:solid 1px #b10000;  line-height:1.5; margin-top:10px; font-weight:lighter; font-size:12px; padding:3px 15px;
}
.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;
}
@media (max-width:767px){
	.aboutus .item_pic, .aboutus .item_text
	{width:100%;
	}
}



#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%;
}

.products{ position:relative; float:left; width:100%; text-align:center; background-color:#fff; }


.cases{ overflow:hidden;background-color:#fff; padding:6px; border-radius:4px;border-bottom:solid 3px #fff;}
.cases:hover { border-color:#b10000;
}
.cases a{ display:inline-block;}
.cases a span{ display:block; line-height:1.5; color:#b10000; font-size:18px;}
.cases a img{ margin-bottom:15px;}

.cases p{ padding:0 15px; text-align:left; font-size:12px; color:#666; line-height:2;}
.cases a.skype,.cases a.email{ margin-top:15px; color:#333; width:50%; float:left; border-top:solid 1px #d0d0d0; line-height:40px; }
.cases a.more{ display:inline-block;  background-color:#b10000; color:#fff; font-size:14px; margin:14px 0;  }



#frame3{ }
#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;
}
.contact a{padding:20px 30px; font-size:18px; float:right; background-color:#b10000;color:#fff;text-transform:uppercase; line-height:30px; margin:6.5px 0; 
}
.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 #cccccc; 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:10px; padding-top:10px;
}
.news ul li:hover{ background-color:#da251c;
}

.news ul li span { float:left; width:80px; font-size:18px; text-align:center; font-style:initial; color:#fff; background-color:#da251c;  margin:0 7.5px;
}
.news ul li i {  font-size:18px; text-align:center; font-style:normal; color:#fff; display:block;
}

.news ul li:hover span { background-color:#fff; color:#da251c;}
.news ul li:hover i {color:#da251c;}
.news ul li a{ float:left; font-size:18px;white-space:nowrap; overflow:hidden; padding-bottom:6px; font-family:helvetica-bold; position:relative; width:calc(100% - 95px)
}
.news ul li:hover a{ color:#fff; 
}
.news ul li p{ float:right;font-size:14px; width:calc(100% - 95px)
}
.news ul li:hover p{ color:#FFF;}

@media (max-width:767px) {
    .news ul li span{display:none;
    }
    .news ul li p {
        display: none;
    }
    .news ul li a {
        width: 100%;
        white-space: normal;
        padding-bottom: 0px;
    }
}






footer{background-color:#37393a;float:left;width:100%;}
.foot-menu{padding-top:45px;padding-bottom:15px}
.foot-menu h3{color:#fff;padding-bottom:15px;text-transform:uppercase;}
.foot-menu li {padding:2px 0;color:#fff;font-size:14px;line-height:2}
.foot-menu li span a{color:#666666;font-size:14px;text-transform:capitalize;line-height:2.2;white-space:nowrap}
.foot-menu li>a{color:#fff;font-size:14px;text-transform:capitalize;line-height:2.2;white-space:nowrap;}
.foot-menu li>a:hover{}
.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}
.copy_by{color:#fff;padding:15px 0;font-size:12px;float:left;width:100%; border-top:solid 1px #666666}
.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}
@media (max-width:767px) {
    .foot-menu li > a { white-space:normal;
    }
}

#mobMenu {
    min-height: 50px;
    border: 1px solid #ddd;
    position: fixed;
}

    #mobMenu .foot_nav {
        width: 33.333%;
        float: left;
        text-align: center;
        color: #898989;
        font-size: 14px;
    }

        #mobMenu .foot_nav i {
            display: block;
            padding: 3px 0px 0px 0px;
            font-size: 18px;
            line-height: 24px;
        }

        #mobMenu .foot_nav .hamburger {
            position: inherit;
            float: none;
            margin: 0 auto;
            width: 100%;
        }