/*
Template Name: Dart Responsive HTML5/CSS3 Template
Author: tripples
Author URI: http://themeforest.net/user/tripples
Description: Dart Responsive HTML5/CSS3 Template.
Version: 1.1
*/


/* Table of Content
==================================================
1.	Global Styles
2. 	Header
3. 	Slider
4.	Services
5.	Features
6.	Portfolio
7.	Post & Service
8.	Testimonial
9.	Call to Action
10.	Clients
11.	Footer
12. Subpages
13. Blog
14. Responsive

*/

/*@import url(http://fonts.googleapis.com/css?family=Raleway:400,100,300,500,600,700);*/

/* Global styles
================================================== */

html{
	overflow-x: hidden !important;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

body{
	border: 0;
	margin: 0;
	padding: 0;
	color: #FFF;
	background:#dee2e4;
}

.body-inner{
	position: relative;
	overflow: hidden;
	background:#dee2e4;
}

a{
	color: #000;
	text-decoration: none;
}

a:hover{
	text-decoration: none;
	color: #000;
}

a.read-more{
	color: #323232;
}

a.read-more:hover{
	color: #eb2c33;
}

.gap-40 {
	clear: both;
	height: 40px;
}

.gap-30 {
	clear: both;
	height: 30px;
}
.gap-20 {
	clear: both;
	height: 20px;
}

a:focus{
	outline: 0;
}

/*-- Typography start --*/

body, p{
	font-family: "微软雅黑";
	font-weight: 400; 
	line-height: 20px;
}

h1, h2, h3, h4, h5, h6 {
	font-family:"微软雅黑";
}

h1{
    font-size: 36px;
    line-height: 48px;
}

h2{
    font-size: 28px;
    line-height: 38px;
}

h3{
    font-size: 24px;
    line-height: 34px;
}

h4{
    font-size: 18px;
    line-height: 28px;
}

h5{
    font-size: 14px;
    line-height: 24px;
}
img{
	max-width:100%;
	}

.btn.btn-primary{
	background: #eb2c33;
	border: 0;
	border-radius: 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.btn.btn-primary:hover{
	background: #000;
	color: #fff;
}

ul.circle{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.circle li{
	position: relative;
	margin-left: 30px;
	padding-bottom: 20px;

}

ul.circle li:before{
	content: "\f111";
	color: #eb2c33;
	font-family: FontAwesome;
	font-size: 8px;
	line-height: 8px;
	border: 2px solid rgba(0, 0, 0,.1);
	border-radius: 100%;
	position: absolute;
	left: -33px;
	top: 5px;
}

ul.unstyled{
	list-style: none;
	margin: 0;
	padding: 0;
}

blockquote p{
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
	font-style: italic;
	color: #959595;
}

blockquote {
	margin: 20px 0;
	border-left: 5px solid #eb2c33;
}

/* Deafult title */

h2.title{
	font-size:16px;
	position: relative;
	left: 0;
	font-weight:bold;
	text-align:left;
 }

 h2.title span{
 	z-index: 1;
 }



#portfolio h2.title{
	text-align:center;
 }

#portfolio h2.title:after{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -7px;
	height: 1px;
	width: 100%;
	left: 0;
	z-index: -1;
	border-bottom: 1px solid #2fa4d4;
}


h3.widget-title{
	margin-bottom: 30px;
}

h2.entry-title{
	font-size: 24px;
	font-weight: 400;
}

h2.entry-title a{
	color: #323232;
}

h2.entry-title a:hover{
	color: #eb2c33;
}

/* Carousel controller */

.carousel-control{
	width: auto;
}
.dart-carousel-controller{
	text-align: center;
	padding-top: 50px;
}

.dart-carousel-controller .left,
.dart-carousel-controller .right, 
.owl-controls .owl-prev, 
.owl-controls .owl-next{
	cursor: pointer;
	background: #eaeaea;
	width: 38px;
	height: 38px;
	line-height: 38px;
	color: #989898;
	opacity: 1;
	top: auto;
	text-shadow: none;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	margin:0 5px;
}
.owl-controls .owl-next{
	margin-left: 6px;
}

.dart-carousel-controller .left:hover,
.dart-carousel-controller .right:hover,
.owl-controls .owl-prev:hover, 
.owl-controls .owl-next:hover{
	background: #2fa4d4;
	color: #fff;
}

.owl-controls .owl-page, 
.owl-controls .owl-buttons div{
	display: inline-block;
}
.owl-page i{
	line-height:16px;
	font-size:12px;
	color:#5c5951;
	}
/* Input form */

.form-control{
	box-shadow: none;
	border:none;
	background:#224554;
	color: #FFF;
	font-size: 14px;
	border-radius: 0;
}

.form-control:focus{
	box-shadow: none;
}

/*-- bx slider --*/

#blog-gallary li,
#portfolio-slider li{
	left: 0;
}

.bx-wrapper .bx-viewport{
	box-shadow: none !important;
	border: 0 !important;
}

.bx-wrapper .bx-next{
	right: 20px !important;
}

.bx-wrapper .bx-pager{
	bottom: 15px !important;
}

.bx-wrapper .bx-pager.bx-default-pager a{
	border: 2px solid #fff;
	width: 14px !important;
	height: 14px !important;
	border-radius: 100% !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active{
	background: #eb2c33 !important;
	
}

/*-- Sidebar --*/

.sidebar h3.widget-title{
	font-size: 18px;
	line-height: normal;
	margin-top: 0;
	font-weight: 400;
	text-transform: uppercase;
}

.sidebar .widget {
	margin-bottom: 40px;
}

/*-- Pagination --*/

.pagination li a{
	border-radius: 0 !important;
	margin-right: 8px;
}
.pagination>li>a, .pagination>li>span{
	padding:0px 6px 2px 6px;
	}
.pagination>.active>a, .pagination>.active>a:hover,
.pagination>li>a:hover{
	background: #eb2c33;
	color: #fff;
}
.innews_top{
	border-top:2px solid #333333;
	border-bottom:1px solid #c8c8c8;
	-moz-box-shadow: 0px 2px 0px #eeeeee; /* 老的 Firefox */
	box-shadow: 0px 2px 0px #eeeeee;
	float:left;
	width:100%
	}
/*-- Isotope start --*/

#isotope {
	width:100%;
	margin-top:0;
}

.isotope-item {
	z-index:2;
}

.isotope-hidden.isotope-item {
	z-index:1;
}

.isotope, .isotope .isotope-item {
	-webkit-transition-duration:1s;
	-moz-transition-duration:1s;
	-ms-transition-duration:1s;
	-o-transition-duration:1s;
	transition-duration:1s;
}

.isotope {
	-webkit-transition-property:height, width;
	-moz-transition-property:height, width;
	-ms-transition-property:height, width;
	-o-transition-property:height, width;
	transition-property:height, width;
}

.isotope .isotope-item {
	-webkit-transition-property:0 opacity;
	-moz-transition-property:0 opacity;
	-ms-transition-property:0 opacity;
	-o-transition-property:0 opacity;
	transition-property:transform, opacity;
}

#isotope .col-sm-3{
	width:24.95%;
}

#isotope-filter {
	margin-bottom: 40px;
}

#isotope-filter a{
	color: #959595;
	font-size: 16px;
	font-weight: 400;
}

#isotope-filter a.active,
#isotope-filter a:hover{
	color: #2fa4d4;
}

#isotope-filter a:before{
	content: "/";
	color: #959595;
	padding-right: 10px;
	padding-left: 10px;
}

#isotope-filter a:first-child:before{
	content: " ";
}

/* Header area
================================================== */

/*-- Header fixed --*/

.main-nav{
	width: auto;
	height:auto;
	background-color:#FFF;
}
.self_logo{
	max-width:1281px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:17px;
	*padding-top:20px;
	*padding-bottom:17px;
}
.self_nav{ background:url(../images/navback.jpg) repeat-x; }

.header-fixed .top-info{
	display: none;
	
}


/*-- Main navigation --*/
.nav{
	border-radius:5px;
	}
.navbar-header{
	position: relative;
	z-index: 9999;
}

a.navbar-brand{
	height:auto;
	padding:25px 0;
}

.navbar{
	border-radius: 0;
	border: 0;
	margin-bottom: 0;
}

.navbar-nav>li{
	margin:0 10px;
}
.navbar-nav>li>a{
	padding: 23px 30px;
	font-weight: 600;
}

.navbar-toggle{
	background: #eb2c33;
	border-radius: 0;
	margin-right: 5px;
}

.navbar-toggle .icon-bar{
	background: #fff;
}

ul.nav.navbar-nav .dropdown-menu>li{
	background-color: rgba(0,0,0,.8);
	font-family:"宋体";
}

ul.navbar-nav li a{
	color: #FFF;
}

ul.navbar-nav li a:hover, 
ul.navbar-nav li a:focus{
	background:#101215;

	color:#FFF;
}

ul.navbar-nav > li.active{
	background: none;
}

ul.navbar-nav li.active > a,
ul.navbar-nav > li.active.dropdown.open{
	
	background:#101215;

	color:#FFF;
}

ul.navbar-nav li.active > .dropdown-menu > li.active > a{
	color:#FFF;
}


.navbar-nav .dropdown-menu{
	left: 0;
	right: auto;
}

.dropdown-menu * {
	width: 100%;
	-webkit-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
}

.navbar-nav .dropdown-menu{
	background: none;
	border: 0;
	box-shadow: none;
	min-width: 240px;
	display: block;
	opacity: 0;
	z-index:1;
	visibility:hidden;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	-ms-transform: scale(.8);
	-o-transform: scale(.8);
	transform: scale(.8);
	-webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(.43, .26, .11, .99);
	-moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(.43, .26, .11, .99);
	-o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(.43, .26, .11, .99);
	-ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(.43, .26, .11, .99);
	transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(.43, .26, .11, .99);
}

.navbar-nav .dropdown:hover .dropdown-menu {
	opacity: 1;
	visibility:visible;
	color: #777;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
 }

 .navbar-nav .dropdown-backdrop {
	visibility: hidden;
}

.navbar-nav .dropdown-menu li{
	padding: 10px 20px 0;
}

.navbar-nav .dropdown-menu li:first-child{
	border-radius: 2px 2px 0 0;
}

.dropdown-menu li:last-child{
	border-radius: 0 0 2px 2px;
}

.dropdown-menu>li>a{
	font-size: 12px;
	padding: 10px 0;
	border-bottom: 1px solid rgba(255,255,255,.1);
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, 
.dropdown-menu>li.active>a{
	background: none !important;
	color: #FFF !important;
}

.nav .open>a, .nav .open>a:hover, 
.nav .open>a:focus{
	background:#101215;

	color:#FFF;
	border:0;
	color:#FFF;
}
#main-slide{ margin-top:200px;*margin-top:200px; }
#home{ }
.carousel-indicators{bottom:-10px;}
.carousel-indicators li{ background-color:#9a9a9a;}
.carousel-indicators .active{ background-color:#5cafa8;}
/* Large Devices, Wide Screens */

/*功能区*/
#function,#function3{ width:100%; background-color:#FFF;  color:#333333; font:14px/21px '宋体'; }
.sleft_title{ height:50px; border:1px solid #dedede; background:url(../images/news.jpg) no-repeat #f3f4f9; margin-top:30px;margin-bottom:20px;}
.fss_title{ height:35px; background:url(../images/top_news.jpg) no-repeat left 10px top 0px; margin-top:25px; margin-bottom:20px;}
.fss_list{ width:100%;}
.fss_list div{ background:url(../images/index_li.jpg) no-repeat left; height:30px; padding-left:20px; border-bottom:1px dotted #c0d0e6;}
.fss_list a{ font:14px/30px '宋体'; color:#333333;}
.fss_list a span{ font:14px/30px '宋体'; color:#666666; display:block; float:right;}
.fss_list a:hover{ color:#e43204;}

#function .self_company .fss_title{ background-image:url(../images/company.jpg);}
#function .self_company a{ color:#023675;}
#function .self_video { padding-top:30px;}

#function .self_company .fss_nei{ padding-left:0; padding-right:0;}
#function .self_why .sleft_title{ background:url(../images/whycheck.jpg) no-repeat left #f3f4f9;}
#function .self_test .sleft_title{ background:url(../images/title.jpg) no-repeat left #f3f4f9;}
#function .self_why .sy_nei{ display:none;}

#function2{ background:#dee7e6; width:100%; padding-top:30px;}

#function2 .f_title{ height:30px; margin-bottom:40px;}
#function2 .f_example{ width:305px; height:330px; background-color:#FFF; margin:0 auto; overflow:hidden; position:relative; margin-bottom:20px;}
#function2 .f_example li{ height:60px; display:block; margin:0 auto; width:280px; overflow:hidden; margin-top:20px;*margin-top:20px;}
#function2 .f_example li img{ display:block; height:60px; width:65px; float:left;}
#function2 .f_example li .fex_content{ height:60px; width:200px; float:right; overflow:hidden;}
#function2 .f_example li .fex_content h4{ font-size:12px; color:#087090; font-family:'宋体'; font-weight:bold;line-height:15px; margin:0; padding:0;}
#function2 .f_example li .fex_content{font-size:12px; color:#313131;line-height:15px; }

#function2 #f_zhili li{ display:block; height:12px; line-height:12px; font-size:12px; color:#313131; text-align:left; background:url(../images/index_li.jpg) no-repeat left; padding-left:30px;}
#function2 #f_zhili li a:hover{ color:#e43204;}

#function3 .sleft_title{ background:url(../images/title1.jpg) no-repeat left #f3f4f9;}
#function3 .self_content{ padding:20px; border:1px solid #f3f3f3;}


#function3 .link .sleft_title{ background:url(../images/link.jpg) no-repeat left #FFF; border:none;}
#function3 .link img { width:220px; height:70px; float:left; margin-top:10px; margin-left:16px;}

#footer{ width:100%; padding-top:40px;*padding-top:40px; background-color:#FFF;}
#footer .footer_line{ height:5px; width:100%; background:url(../images/footer_line.jpg) repeat-x left;}
#footer .footer_back{ width:100%;background:url(../images/footer_back.jpg) repeat left; padding-top:20px;}

#footer .footer_list h4{ font:14px/30px '宋体'; color:#8294a5;}
#footer .footer_list a{ display:block; font:12px/30px '宋体'; color:#c4cad1;}
/* Portfolio
================================================== */

#portfolio{
	padding: 0 0 40px;
}

#portfolio-carousel .thumbnail {
    position:relative;
    overflow:hidden;
    padding: 0;
    border: 0;
	border-radius:0px;
	background:none;
}

#portfolio-carousel .thumbnail .caption .caption-content{
	position: absolute;
	top:50%;
	left:50%;
	margin-left:-23px;
	margin-top:-23px;
}

#portfolio-carousel .thumbnail .caption i{
	border: 4px solid #FFFFFF;
	border-radius: 100%;
	color: #FFFFFF;
	display: inline-block;
	font-size: 18px;
	height: 46px;
	line-height: 40px;
	position: relative;
	text-align: center;
	width: 46px;
	z-index: 8;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

#portfolio-carousel .thumbnail .caption i.fa-link{
}

 
#portfolio-carousel .caption {
	color: #fff;
	padding: 15px;
    position:absolute;
    top: -100%;
    right:0;
    background:rgba(0, 128, 180, 0.65);
    width:100%;
    height:100%;
    text-align:center;
    z-index:2;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#portfolio-carousel .thumbnail p{
	padding-top:5px;
	}
#portfolio-carousel .thumbnail a{
	color:#000;
	}
#portfolio .thumbnail:hover .caption {
    top: 0%;
}

#portfolio-carousel .caption h3{
	font-size: 22px;
	font-weight: 400;
	text-align: left;
}

#portfolio-carousel .caption p{
	text-align: left;
}

#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}
    
#portfolio-carousel a:hover{ color:#e43204;}

#footer .footer_contact h4{ font:14px/30px '宋体'; color:#8294a5;}
#footer .footer_contact{font:12px/30px '宋体'; color:#c4cad1;}
#footer .footer_bottom{ width:100%; height:41px; background:url(../images/footer_bottom.jpg) repeat-x left; padding-left:40px; color:#5a636b;}
#footer .footer_bottom{ font:12px/40px '宋体';}

#wrapper{ width:100%; background:#FFF; margin-top:186px;*margin-top:186px; padding-top:30px;*padding-top:30px;}
#wrapper .w_left a{display:block; height:35px; background-color:#133652; width:100%; font:16px/35px '微软雅黑'; font-weight:700; text-align:center; color:#FFF; margin-bottom:5px;}

#wrapper .w_left a:hover,#wrapper .w_left a.on{
	background-color:#2e6fb5;
	/*background: -moz-radial-gradient(top, #2e6fb5, #2e6fb5 50%,#2966aa);*/
	/*background: -moz-linear-gradient(top  closest-side, #2d3740 40%, #000); /* 适合 FF3.6+ */
	/*background: -webkit- gradient(top  closest-side, #2d3740 40%, #000); /*适合 Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top  closest-side, #2d3740 40%, #000); /* 适合Chrome10+,Safari5.1+*/
	/*background: -o-linear-gradient(top  closest-side, #2d3740 40%, #000); /* 适合Opera 11.10+*/
	/*background: -ms-linear-gradient(top  closest-side, #2d3740 40%, #000); /*适合IE10+ */
	/*background: linear-gradient(ellipse closest-side, #2d3740 40%, #000);   /* 适合W3C*/	
}
#wrapper .w_left .wl_contact{ font:12px/35px '宋体'; color:#333333; background:#dee8ed; padding:15px 5px 25px 5px;}
#wrapper .w_left .wl_contact a{ margin:0px;}
#wrapper #main-slide { margin:0px;}
#wrapper .w_right .wrn_wrap{ margin-top:10px;}

.wrnw_title{ height:37px; border-bottom:1px solid #afafaf;  }
.wrnw_title h4{height:37px; font:16px/37px '宋体';background:url(../images/new_tubiao.jpg) no-repeat left; display:block; float:left; margin:0; border-bottom:1px solid #ee7812; padding:0; font-weight:700; color:#333333; padding-left:30px; padding-right:10px;}
.wrnw_newtitle{ width:100%; height:70px; font:16px/70px '宋体';color:#333333; font-weight:700; border-bottom:1px dotted #1d7430; text-align:center;}
.wrnw_content{ font:12px/30px '宋体'; color:#333333; padding-top:20px;*padding-top:20px;}
.product .wrnw_content{ padding-top:40px;*padding-top:40px;} 

/*分页*/
.page{ width:100%; overflow:hidden; margin-top:30px;*margin-top:30px; color:#333333; font:12px/25px '宋体';}
.news_page a{ display:inline-block; color:#333333; font:12px/25px '宋体'; text-align:left;} /*新闻分页*/
.news_page a:hover{ color:#333333; text-decoration:underline;}
.news_page font{ color:#333333;}

.page_list,.page_list a{ font:12px/25px '宋体'; color:#333333; text-align:right;}
.page_list a:hover{ color:#ff0000;}

a.page_on{color:#ff0000;}


#wrapper .w_right  .wrnw_product_center a{ display:block; width:100%; height:58px; font:12px/70px '宋体'; background:url(../images/new_top_tubiao.jpg) no-repeat left top; padding-left:30px; overflow:hidden;}
#wrapper .w_right  .wrnw_product_center a span{ display:block; float:right; color:#2881c5;}
#wrapper .w_right  .wrnw_product_center a:hover{color:#2881c5;}


/* product_rim
================================================== */

#product_rim{
	padding: 10px 0 0 0;
}

#product_rim .thumbnail {
    position:relative;
    overflow:hidden;
    padding: 0;
    border: 0;
    border-radius: 0;
	background:none;
}

#product_rim .thumbnail .caption .caption-content{
	position: absolute;
	top:35%;
	left:50%;
	margin-left:-49px;
	margin-top:-23px;
}

#product_rim .thumbnail .caption i{
	border: 4px solid #FFFFFF;
	border-radius: 100%;
	color: #FFFFFF;
	display: inline-block;
	font-size: 18px;
	height: 46px;
	line-height: 40px;
	position: relative;
	text-align: center;
	width: 46px;
	z-index: 8;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

#product_rim .thumbnail .caption i.fa-link{
}

 
#product_rim .caption {
	color: #fff;
	padding: 15px;
    position:absolute;
    top: -100%;
    right:0;
    background:rgba(29, 116, 48, 0.30);
    width:100%;
    height:100%;
    text-align:center;
    z-index:2;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#product_rim .thumbnail:hover .caption {
    top: 0%;
	border-radius:0;
}

#product_rim .caption h3{
	font-size: 22px;
	font-weight: 400;
	text-align: left;
}

#product_rim .caption p{
	text-align: left;
}

#product_rim .mysumb{
	margin-bottom:0;
	
	border:1px solid #b2b2b2;
	margin:0 auto;
}
#product_rim .mysumb h4{ padding:0; margin:0; font:12px/35px '宋体'; color:#000; font-weight:700;}
#product_rim .caption-content{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:66px;
	margin-top:22px;
	height:44px;
	width:136px;
}
#product_rim .caption-content img{ display:block; height:40px; width:55px; float:left;}


.self_content_small{ display:none;}
.self_content_small img{ display:block; margin:0 auto;}
.test1,.test2,.test3,.test4{ display:block; position:absolute; height:50%; width:20%; left:13%; top:18%;}
.test2{left:35%; top:40%;}
.test3{left:58%; top:18%;}
.test4{left:80%; top:40%;}

@media (min-width : 1320px) {
	.navbar-nav > li{ margin-left:5px; margin-right:5px;}
	.dropdown i{
		display: none;
	}
	#main-slide{ margin-top:200px;*margin-top:200px;}
	
}


/* Medium Devices, Desktops */
@media (max-width : 1319px) and (min-width: 992px) {
#wrapper{ margin-top:161px;*margin-top:161px;}
	.navbar-nav > li{ margin-left:2px; margin-right:2px;}
	.dropdown i{
		display: none;
	}
	#main-slide{ margin-top:200px;*margin-top:200px;}

	/* Navigation */
	.navbar-nav>li>a{
		padding: 23px 24px;
	}
}


/* Small Devices, Tablets */
@media (min-width : 768px) and (max-width: 991px) {
#wrapper{ margin-top:141px;*margin-top:141px;}
#footer .footer_back .footer_logo{ display:none;}
.navbar-nav > li{ margin-left:0px; margin-right:0px;}
	.dropdown i{
		display: none;
	}

	/* Header */
	.navbar-nav>li>a{
		padding: 23px 12px;
	}

#main-slide{ margin-top:180px;*margin-top:180px;}
}

/* Small Devices Potrait */
@media (max-width : 767px){
.self_content_small{ display:block;}
.self_content_big{ display:none;}

#wrapper .w_left .wl_contact{ margin-bottom:20px;}

#wrapper{ margin-top:141px;*margin-top:141px;}
#footer .footer_back .footer_logo{ display:none;}
#function .self_why .sy_nei{ display:block;}
#function .self_why .self_content img{ display:none;}
.slef_hide{ display:none;}
.main-nav{ height:145px;}
.self_nav{ background:none;}
.self_logo{ padding-bottom:0px;  background-color:#FFF;}
.navbar-toggle{margin-right: 0;}

	/* Navigation */

#main-slide{ margin-top:160px;*margin-top:160px;}
.navbar-nav .dropdown-menu{
		opacity: 1;
		z-index:1;
		visibility:hidden;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
}

	.navbar-nav .dropdown.open:hover .dropdown-menu,
	.navbar-nav .dropdown.open .dropdown-menu{
		opacity: 1 !important;
		visibility:visible !important;
	}

.navbar-nav .dropdown:hover .dropdown-menu {
  opacity: 0;
  visibility:hidden;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.navbar-nav .open .dropdown-menu{
  background-color: #000;
  border-radius: 0;
  padding: 0;
}

.navbar-nav .open .dropdown-menu li{
  border-radius: 0;
}
.navbar-nav{ background:#000;}


ul.navbar-nav li a:focus{
	background:none;
	color:#FFF;
}
ul.navbar-nav li.active > a,
ul.navbar-nav > li.active.dropdown.open{
  background-color: #000;
}
.nav .open>a, .nav .open>a:hover, 
.nav .open>a:focus{
	background:none;
	border:0;
	color:#FFF;
}
}