body, html { font-size: 100%; 	padding: 0; margin: 0;background: #fff;}
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {margin: 0;	padding: 0}
ul, dl {list-style-type: none}
/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body{
	font-weight: 500;
	font-size: 1.05em;
	font-family: "Microsoft YaHei","宋体","Segoe UI", "Lucida Grande", Helvetica, Arial,sans-serif, FreeSans, Arimo;
}
a{color: #000;text-decoration: none;outline: none;}
a:hover,a:focus{text-decoration: none;}
.bt{background: url(../images/bt.png) no-repeat center bottom;padding-bottom: 18px;text-align: center;font-weight: 800;}
.fl{float:left;}
.fr{float:right;}
/******************************************************/
#nav .navbar-inverse,#nav .navbar-header{background: #fff;}
#nav .navbar{min-height: 89px;margin: auto}
#nav .navbar-brand{height: 102px;margin: auto;}
#nav .navbar-toggle{padding: 38px 10px;}
#nav .navbar-inverse .navbar-toggle .icon-bar{background: #000}
#nav #navbar ul.navbar-nav li a{color: #000;}
#nav #navbar ul.navbar-nav li.active a,#nav #navbar ul.navbar-nav li a:hover{background: none;border-bottom: 2px solid #97D02F;color: #000;}

#main-slider {
	position: relative;
}

.no-margin {
	margin: 0;
	padding: 0;
}

#main-slider .carousel .carousel-content {
	margin-top: 150px;
}
#main-slider .carousel-indicators{
	bottom: 0;
}
#main-slider .carousel .slide-margin{
	margin-top: 140px;
}

#main-slider .carousel h2 {
	color: #fff;
}

#main-slider .carousel .btn-slide {
	padding: 8px 20px;
	background: #c52d2f;
	color: #fff;
	border-radius: 4px;
	margin-top: 25px;
	display: inline-block;
}

#main-slider .carousel .slider-img{
	text-align: right;
	position: absolute;
}


#main-slider .carousel .item img {
	width: 100%;
	height: auto;
	-webkit-transition: opacity ease-in-out 500ms;
	-moz-transition: opacity ease-in-out 500ms;
	-o-transition: opacity ease-in-out 500ms;
	transition: opacity ease-in-out 500ms;
}

#main-slider .carousel .item:first-child {
	top: auto;
	position: relative;
}

#main-slider .carousel .item.active {
	opacity: 1;
	-webkit-transition: opacity ease-in-out 500ms;
	-moz-transition: opacity ease-in-out 500ms;
	-o-transition: opacity ease-in-out 500ms;
	transition: opacity ease-in-out 500ms;
	z-index: 1;
}

#main-slider .prev,
#main-slider .next {
	position: absolute;
	top: 50%;
	background-color:#AFDAEA ;
	color: #fff;
	display: inline-block;
	margin-top: -25px;
	height: 40px;
	line-height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 4px;
	z-index: 5;
}

#main-slider .prev:hover,
#main-slider .next:hover {
	background-color:#40B4E4
}

#main-slider .prev {
	left: 10px;
}

#main-slider .next {
	right: 10px;
}

#main-slider .carousel-indicators li {
	width: 5%;
	height: 5%;
	background-color: #fff;
	margin: 0 15px 0 0;
	position: relative;
}

#main-slider .carousel-indicators li:after {
	position: absolute;
	content: "";
	width: 5%;
	height: 5%;
	border-radius: 100%;
	background: rgba(0, 0, 0, 0);
	
	left: -3px;
	top: -3px;
}

#main-slider .carousel-indicators .active{
	width: 5%;
	height:  5%;
	background-color: #40B4E4;
	margin: 0 15px 0 0;
	border: 1px solid #40B4E4;
	position: relative;
}

#main-slider .carousel-indicators .active:after {
	position: absolute;
	content: "";
	width:  5%;
	height:  5%;
	border-radius: 100%;
	background: #40B4E4;
	
	left: -3px;
	top: -3px;
}

#main-slider .active .animation.animated-item-1 {
	-webkit-animation: fadeInUp 300ms linear 300ms both;
	-moz-animation: fadeInUp 300ms linear 300ms both;
	-o-animation: fadeInUp 300ms linear 300ms both;
	-ms-animation: fadeInUp 300ms linear 300ms both;
	animation: fadeInUp 300ms linear 300ms both;
}

#main-slider .active .animation.animated-item-2 {
	-webkit-animation: fadeInUp 300ms linear 600ms both;
	-moz-animation: fadeInUp 300ms linear 600ms both;
	-o-animation: fadeInUp 300ms linear 600ms both;
	-ms-animation: fadeInUp 300ms linear 600ms both;
	animation: fadeInUp 300ms linear 600ms both;
}

#main-slider .active .animation.animated-item-3 {
	-webkit-animation: fadeInUp 300ms linear 900ms both;
	-moz-animation: fadeInUp 300ms linear 900ms both;
	-o-animation: fadeInUp 300ms linear 900ms both;
	-ms-animation: fadeInUp 300ms linear 900ms both;
	animation: fadeInUp 300ms linear 900ms both;
}

#main-slider .active .animation.animated-item-4 {
	-webkit-animation: fadeInUp 300ms linear 1200ms both;
	-moz-animation: fadeInUp 300ms linear 1200ms both;
	-o-animation: fadeInUp 300ms linear 1200ms both;
	-ms-animation: fadeInUp 300ms linear 1200ms both;
	animation: fadeInUp 300ms linear 1200ms both;
}

/*******************************************/
#center{padding: 50px 0 0 0;background: #fff;width: 100%;}
#center .row{margin:20px 0;}
#center a.thumbnail{position: relative;}
#center a.thumbnail img{border-radius: 4px;}
#center .zz{position: absolute;bottom:0;width: 100%;background:rgb(64,180,228);color:#fff;padding: 10px 0;text-align: center;opacity: 0;z-index: 3;-webkit-transition: 0.3s linear;  -moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
#center a.thumbnail{padding: 0;border: 1px solid #ccc;}
#center a.thumbnail.active,#center a.thumbnail:focus,#center a.thumbnail:hover{border-color: transparent;}
#center a.thumbnail.active .zz,#center a.thumbnail:focus .zz,#center a.thumbnail:hover .zz{opacity: 1;  -webkit-transition: 0.3s linear;-moz-transition: 0.3s linear;-ms-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}

/*****************************/
#cs{background:url(../images/cs-bg.jpg) no-repeat center;background-size: 100%; min-height: 446px;padding: 100px 0 0 0;overflow: hidden;}
#cs .bt{background: none;color: #fff;font-size: 1.5em;}
#cs .row{margin:50px auto;text-align: center;color: #fff;}
#cs .row p{margin-top: 10px;}

/*************************/
#face{padding: 50px 0;background: #fff;width: 100%;}
#face .row{margin:20px 0;}
#face .row .border{border-right: 1px solid #EBEBEB}
#face .row .border:last-child{border-right:none;}
#face .row h2{font-size: 22px;line-height: 36px;min-height: 36px;padding-left: 40px;}
#face .row .border:first-child h2{background: url(../images/mt.png) no-repeat left center;}
#face .row .border:nth-child(2) h2{background: url(../images/b-home.png) no-repeat left center;}
#face .row .border:nth-child(3) h2{background: url(../images/old-woman.png) no-repeat left center;}
#face .row .border:last-child h2{background: url(../images/heart.png) no-repeat left center;}
#face .row p{line-height: 2;color: #A3A3A3;margin: 0;}
#face .row a{color: #54B9E6;}
/*************************************/

#company{padding: 50px 0;background: #fff;width: 100%;}
#company .bt{margin-bottom: 20px;}
#company a{display: block;}
#company img{width: 100%;}
#company .dt div:hover{
	box-shadow: 0 15px 30px rgba(0,0,0,.1);
	-webkit-transform: translateZ(-5px);
	-moz-transform: translateZ(-5px);
	-ms-transform: translateZ(-5px);
	-o-transform: translateZ(-5px);
	transform: translateZ(-5px);
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-ms-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}
#company a p{font-size: 0.8em;margin-top: 5px;}
#company a p .date{float: right;color:#54B9E6; }
/***************************/
#zc{width: 100%;min-height:450px;background: url(../images/zc.jpg) no-repeat center;overflow: hidden;}
#zc .top{width: 30%;overflow: hidden;margin: auto;}
#zc .top li{float: left;width:50%;border: 1px solid #fff;text-align: center;}
#zc .top li:first-child{border-right: none;}
#zc .top li a{color: #fff;display: block;padding:5px 20px;}
#zc .top li:hover a,#zc .top li.active a{background: #fff;color: #000;text-decoration: none;}
#zc .text{margin:0 auto}
#zc .text p{line-height: 40px;}
#zc .text a{display: block;width: 10%;border: 1px solid #fff;border-radius: 4px;padding: 5px 20px;margin:20px auto 0 auto;text-align: center}
/****************************/
#video{width: 100%;padding: 50px 0;}
#video .sp{margin: 20px 0;}
#video .video{width: 100%;height: auto;}
#video .more{display: block;width: 10%;border: 1px solid #ccc;border-radius: 4px;padding: 5px 20px;margin:20px auto 0 auto;text-align: center }

/*******************************/
#news{width: 100%;padding: 50px 0}
#news .list{margin: 20px 0;}
#news .top{background: url(../images/l-bg.jpg) repeat-x center;}
#news .top ul{width: 30%;overflow: hidden;margin: auto;}
#news .top li{float: left;width:50%;border: 1px solid #E7E7E7;text-align: center;background: #fff;}
#news .top li:first-child{border-right: none;}
#news .top li a{color: #000;display: block;padding:5px 20px;}
#news .top li:hover a,#news .top li.active a{background: #40B4E4;color: #fff;text-decoration: none;}
#news .list .new{overflow: hidden;min-height: 147px;position: relative;margin: 20px 0;}
#news .list .new img{position: absolute;top:0;left: 15px;}
#news .list .new .wz{float: right;width: 60%;overflow: hidden;}
#news .list .new .wz h2{font-size: 1em;}
#news .list .new .wz p{font-size: 0.8em;margin: 18px 0;}
#news .list .new .wz p span{float: right;}
#news .list .new .nl{margin: 10px 0;height: 147px;}
/**********************************/
#fc{padding: 50px 0;width: 100%}
#fc .pro-slide{ width:100%; margin: auto;  position:relative; }
#fc .pro-slide .bd{ padding:10px;}
#fc .pro-slide .bd ul{ overflow:hidden; zoom:1;}
#fc .pro-slide .bd ul li{width: 20%;  float:left; display:inline; overflow:hidden; text-align:center;}
#fc .pro-slide .bd ul li .pic{ text-align:center; }
#fc .pro-slide .bd ul li .pic img{width: 100%; display:block;transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;}
#fc .pro-slide .bd ul li .pic img:hover{transform:scale(1.4);
    -webkit-transform:scale(1.4);
    -moz-transform:scale(1.4);
    -o-transform:scale(1.4);
    -ms-transform:scale(1.4);}
#fc .pro-slide .bd ul li .title{ line-height:24px; font-size: 0.8em;  }
#fc .pro-slide .next,.pro-slide .prev{ position:absolute; left:-4%; top:40%;  display:block; width:50px; height:50px; background: url(../images/slider-arrow.png) no-repeat -163px 9px;}
#fc .pro-slide .next{left:auto; right:-4%; background:url(../images/slider-arrow.png) no-repeat -43px 9px;}
#fc .more{display: block;width: 10%;border: 1px solid #ccc;border-radius: 4px;padding: 5px 20px;margin:20px auto 0 auto;text-align: center;}

/**********************************/
#footer{width: 100%;background: url(../images/f-bg.png) no-repeat;background-size: 100%;padding: 50px 0 0 0;font-size: 0.8em; color: #797979;}
#footer a{color: #797979;}
#footer .half{overflow: hidden}
#footer .half ul{ width: 25%;padding: 0 20px;float: left}
#footer .half ul li{margin: 7px 0;}
#footer .half ul li:first-child{font-size: 1.25em;}
#footer .half ul li:first-child a{color: #fff;}
#footer .add{padding-left: 35px;background: url(../images/f-map.jpg) no-repeat left top;}
#footer .phone{padding-left: 35px;background: url(../images/f-phone.jpg) no-repeat left top;min-height: 24px;line-height: 24px;margin: 30px 0;}
#footer .qq{padding-left: 35px;background: url(../images/f-qq.jpg) no-repeat left top;min-height: 24px;line-height: 24px;margin: 30px 0;}
#footer .youbian{padding-left: 35px;background: url(../images/f-u.jpg) no-repeat left top;min-height: 24px;line-height: 24px;margin: 30px 0;}
#footer .contact{position: relative;overflow: hidden}
#footer .contact .w-5{float: left;width: 50%;}
#footer .contact .wx{overflow: hidden;}
#footer .contact .wx img,#footer .contact .wx p{float: left;}
#footer .contact .wx p{margin: 30px 0 0 10px;}
#footer .bottom{text-align: center;color: #fff;background: #000;padding: 10px 0;margin-top: 20px;}

/********************/
#zc .cp{  width: 100%;margin: 40px 0}
#zc .cp .hd{overflow: hidden;  width:40%;margin:  auto;}
#zc .cp .hd li{float: left;width: 50%;font-size: 16px}
#zc .cp .hd li a{width:100%;margin: auto;display: block;text-align: center;padding: 15px;color: #000;border:1px solid #fff;font-weight: 800}
#zc .cp .hd li:last-child a{border-left: none;}
#zc .cp .hd li.on a{background: #fff;color: #000}
#zc .cp .bd{width: 100%;overflow: hidden}
#zc .cp .bd ul{overflow: hidden}
#zc .cp .bd .left{width: 250px;  float: left;  text-align: center;  border: 1px solid #ccc;}
#zc .cp .bd .left li{font-size: 16px;  font-weight: 800;  padding: 10px 0;  margin: 15px 0;  border-bottom: 1px dashed #ccc;}
#zc .cp .bd .left li:first-child{font-size: 20px;  background: #000;  color: #fff; margin-top: 0;border: none}
#zc .cp .bd .right{width: 900px;float: right;}
#zc .cp .bd .right h2{font-size: 16px;font-weight: 700;padding-left: 10px;border-left: 3px solid red;}
#zc .cp .bd .right .jq{overflow: hidden;margin: 20px 0;}
#zc .cp .bd .right .jq .w-3{ float: left;width: 33.33%;padding: 0 15px; }
#zc .cp .bd .right .jq .w-3 a{display: block}
#zc .cp .bd .right .jq .w-3 img{width: 100%}
#zc .cp .bd .right .jq .w-3 p{border: 1px solid #ABABAB;padding: 6px ;}