﻿
/* CSS Document */

/*** 

====================================================================
	Reset
====================================================================

 ***/
@import url('owl.css');
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button,
textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
	}
fieldset, img {
    border: 0;
}
a{color:#fff;}

/* remember to define focus styles! */
:focus {
    outline: 0;
}
address, caption, cite, code, dfn,
em, strong, th, var, optgroup {
    font-style: normal;
    font-weight: normal;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;

}


abbr, acronym {
    border: 0;
    font-variant: normal;
}
input, button, textarea,
select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}
code, kbd, samp, tt {
    font-size: 100%;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
    *font-size: 100%;
}

body{
	line-height:1.5em;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
sup, sub {
    font-size: 100%;
    vertical-align: baseline;
}
:link, :visited , ins {
    text-decoration: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a{
	text-decoration:none;
	
}
html{
	-webkit-text-size-adjust:none;
	
	}



/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body{
	font-family:"微软雅黑", "宋体";
	background-color:#fff;
	color:#787878;
	line-height:1.8em;
	background:#ffffff;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center top;
	-webkit-font-smoothing: antialiased;
	font-size:12px;
}

h1{
	text-align:center;
}
/*导航*/
header{
	  background: -webkit-linear-gradient(top, #ffffff 70%, #eaeaea); /* Safari 5.1 - 6.0 */
      background: -o-linear-gradient(bottom, #ffffff 70%, #eaeaea); /* Opera 11.1 - 12.0 */
      background: -moz-linear-gradient(bottom, #ffffff 70%, #eaeaea); /* Firefox 3.6 - 15 */
      background: linear-gradient(to bottom,#ffffff 70%, #eaeaea); /* 标准的语法 */
}
a{ text-decoration:none;}
a:hover{text-decoration:none;}
.clearfix{ clear:both}
ul li{list-style:none;}

#topright{
	text-align:right;
	color:#000;
}

#topright h1{
	color:#1f919b;
	font-size:24px;
	font-weight:bold;
}
#topcenter,#topright{
	padding-top:36px;
}
@media (max-width:768px){
	#topright h1{
		font-size:14px;
	}
	#topright h1 small{
		display:none;
	}
}
#conqq,#conqqM{
	position:fixed; right:0px; top:50%;
	z-index:200;
}
#conqqM{
	display:none;
}

@media (min-width:768px){
	.navbar{border-radius:0px; border:none;}
		
}

.navbar-default{background-color:#40a6aa;border:none; margin-bottom:0px; font-weight:bold;}
.navbar-default .navbar-collapse{ border:none; }
.navbar-collapse{padding-right:0px;padding-left:0px;}

.nav>li>a:focus,.nav>li>a:hover{ color:#0075ba; text-decoration:none; color:#40a6aa; background-color:#fabd00;}
.nav-pills>li>a{border-radius:0px; color:#fff}
.nav-pills>li.active>a,.nav-pills>li.active>a:focus,.nav-pills>li.active>a:hover{color:#40a6aa; background-color:#fabd00; }



/*active焦点背景，字体颜色*/
.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0px;margin-left:0px}


.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand>img{ display:inline; }	



.navbar-toggle{
	background-color:#f9be02;
	margin-top:15px;
	border:none;
	
}
.navbar-default .navbar-toggle .icon-bar{background-color:#40a6aa}
.navbar-default .navbar-toggle:hover{
	background-color:#fff;
}
.navbar-default .navbar-toggle:focus{
	background-color:#fff;
}
.navbar{
	min-height:40px;
}

.container-fluid{
	padding-right:0px;padding-left:0px;
}
#topimg{
	text-align:center;
}
#topsb{
	padding-top:20px;
	padding-bottom:20px;
}
@media only screen and (max-width: 767px) {

#topsb{
	padding-top:10px;
	padding-bottom:10px;
}
	
	}
	
.toptell{
	display:inline-block;
	vertical-align:text-top;
}
.toptell a{
	color:#fff;
}
@media only screen and (max-width: 410px) {
.navbar-brand img{
	width:230px;
}
	}
/*producttiel*/
.indexprotile{
	line-height:60px;
	border-bottom:#cbcbcb solid 1px;
	margin-bottom:5px;
	font-size:16px;
	font-weight:bold;
}
@media only screen and (max-width: 410px) {
	.indexprotile{
		font-size:12px;
	}
}

/*product*/
#indexpro{
	padding-top:30px;
	width:100%;
	padding-bottom:10px;
	background-color:#eeeeee;
}

#indexpro-1{
	position:static;
	max-width:1320px;
	margin:0 auto;
}

#indexpro-1 .owl-prev{
	position:absolute;
	left:0px !important;
	top:30% !important;
	border-radius:0px !important;
	width:40px;
	height:40px;
	padding:0px !important;
	background:#d6d6d6 !important;
	color:#ffffff;
	line-height:40px;
	
}
#indexpro-1 .owl-next{
	position:absolute;
	right:0px !important;
	top:30% !important;
	border-radius:0px !important;
	width:40px;
	height:40px;
	padding:0px !important;
	background:#d6d6d6 !important;
	color:#ffffff;
	line-height:40px;

}
#indexpro-1 .owl-prev:hover,
#indexpro-1 .owl-next:hover{
	background:#009fa8 !important;	
}
#indexpro-1 .owl-dots{
	display:none !important;	
}
#indexpro-1 a:first-child{
	margin-left:0px;
}
#indexpro-1 P{
	padding-top:5px;
	padding-bottom:5px;
}

.indexcpflash{
	width:600px;
	font-size:0px;
}

.indexcpxx{
	padding-top:30px;
    padding-bottom:20px;
}
.indexcpflashcon{
	width:50%;
	display:inline-block;
	vertical-align:text-top;
	font-size:12px;
}
.indexcpflashcon img{
	max-width:317px;
}
.indexcpflashcon h3{
	font-size:24px;
	font-weight:bold;
	color:#333;
	line-height:40px;
}
@media only screen and (max-width: 767px) {

.indexcpflash{
	width:100%;
	font-size:0px;
}
.indexcpflashcon h3{
	font-size:16px;
}
	
	}
.indexcpflashcon .btn-primary{background-color:#41a6a9;border-color:#3a9396}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#41a6a9;border-color:#122b40}.btn-primary:hover{color:#fff;background-color:#378b8d;border-color:#30797b}
.indexcpflashcon  .btn-primary a:hover{
	color:#fff;
}

/*Search*/
#indexsearch{
	border-top:#d6d6d6 solid 2px;
	padding-top:20px;
	background-color:#e5e5e5;
	padding-bottom:20px;
}

#indexsearch .form-control{
	height:24px;
	border-radius:0px;
	color:#fff;
	height:40px;
	width:300px;
	margin-top:20px;
	background:url(../image/zoom.png) no-repeat 95% center #c9c9c9;
	/*margin-right:-5px;*/
}
.form-inline{
	margin-top:16px;
}
@media (min-width:768px){
.form-inline .form-control{
	width:500px;
}
}
.form-control:focus{
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.6);
	border-color:#41a6a9;
	}

/*About1*/
#aboutbftitle{
	width:100%;
	height:99px;
	color:#FFF;
	font-weight:bold;
	font-size:30px;
	background-image:url(../image/indexabout.jpg);
	 -moz-background-size:100% auto; /* 老版本的 Firefox */
     background-size:100%  auto;
}
@media (max-width:768px){
	#aboutbftitle{
		font-size:20px;
	}

}
#aboutbftitlenr{
	padding-top:35px;
	padding-bottom:35px;
	vertical-align:middle;
	max-width:1300px;
	text-align:left;
	margin:0 auto;
	text-transform:uppercase;
}
#aboutbfnrbg{
	background-color:#41a6a9;
}

#aboutbfnrbg .col-sm-2{
	padding-top:10px;
	padding-bottom:20px;
}
@media (min-width:768px){
	#aboutbfnrbg .col-sm-2{
		padding-top:50px;
	}
}
#aboutbfnr{
	padding-top:20px;
	color:#fff;
	padding-bottom:20px;
}
#aboutbfnr p{
	line-height:30px;
}
#aboutbfnrmore{
	width:100px;
	text-align:center;
	line-height:30px;
	border-radius:20px;
	  background: -webkit-linear-gradient(top, #fefefe 70%, #e8e8e8); /* Safari 5.1 - 6.0 */
      background: -o-linear-gradient(bottom, #fefefe 70%, #e8e8e8); /* Opera 11.1 - 12.0 */
      background: -moz-linear-gradient(bottom, #fefefe 70%, #e8e8e8); /* Firefox 3.6 - 15 */
      background: linear-gradient(to bottom,#fefefe 70%, #e8e8e8); /* 标准的语法 */
}
#aboutbfnrmore a{
	color:#666;
}
#aboutbfnrmore a:hover{
	color:#323232;
}
/*About*/
#indexabout{
	width:100%;
	padding-top:60px;
	background-image:url(/Ch/images/indexbg.jpg);
	background-position:center bottom;
	background-size:100% auto;
	background-color:#FFF;
	background-repeat:no-repeat;
}
#indexabout h1{
	font-size:40px;
	font-weight:400;
	color:#6a6a6a;
}
#indexabout h3{
	color:#6a6a6a;
	font-size:16px;
	line-height:24px;
	text-align:center;
}

.indexaboutny{
	width:100%;
	max-width:800px;
	text-align:center;
	color:#999;
	margin-top:40px;
	margin-bottom:40px;
}
#aboutbaily-1{
	margin:60px auto;
}


.aboutnews{
	position:relative;
	background-color:#FFF;
	width:100%;
}
.aboutnews img{
	width:100%;
}
.aboutnewsnr{
	width:100%;
	height:30%;
	background-color:rgba(246,248,249,1);
}
.newstime{
	color:#333;
	text-indent:2em;
	font-size:14px;
	line-height:40px;
}

h4{
	text-indent:1.6em;
	font-size:16px;
	line-height:35px;
	color:#41a6a9;
	font-weight:bold;
	margin-top:30px;
}
#aboutbaily-1 p{
	margin-top:10px;
	margin-bottom:30px;
	padding-left:2em;
	padding-right:2em;
	color:#333;
	line-height:24px;
}
.aboutnews img:hover{
	opacity:0.4;
filter:alpha(opacity=40); 
}
#aboutbaily-1 p a{
	display:block;
	color:#41a6a9;
	font-weight:bold;
}
#aboutbaily-1 p a:hover{
	color:#399194;
}
.aboutnewsbott{
	background-color:#dadcdc;
	line-height:36px;
	color:#a1adb2;
	padding-left:20px;
	padding-right:20px;
	text-align:right;
}
/*bottom*/
#bottombg{
	width:100%;
	clear:both;
	position:relative;
	}
#bottombg li{
	width:100%;
	height:100%;
	display:none;
	position:absolute;
	left:0;
	top:0;
}
.bottombgli{
	display:block;
}
.bottombgsmall{
	display:none;
}
@media only screen and (max-width: 767px) {
	.bottombgli{
	display:none;
}
.bottombgsmall{
	display:block;
}
	}
#bottomnav{
	width:100%;
	background-color:#41a6a9;
	padding-top:20px;
	padding-bottom:20px;
	color:#dbf5f6;
	}
#bottomnav li a{
	color:#dbf5f6;
}
#bottomnav li a:hover{
	color:#fabe00;
}
#bottomnav p a{
	color:#fabe00;
}

