@charset "utf-8";
.container-fluid>div.in {
	position: relative!important
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin:0;
	padding:0;
}
input:focus {
	outline:0
}
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	font-family: "微软雅黑";
	font-size: 17px;
	background-color: #fff;
	color: #000;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	cursor: pointer;
}
 audio:not([controls]) {
 display: none!important;
 height: 0!important;
}
 [hidden],  template {
 display: none!important;
}
a {
	text-decoration: none!important;
	cursor: pointer!important;
}
a:focus {
	outline: thin dotted!important;
	outline: 5px auto -webkit-focus-ring-color!important;
	outline-offset: -2px!important;
}
img {
	border: 0!important;
	vertical-align: middle!important;
}
button {
	overflow: visible!important;
	outline:none!important
}
button:focus {
	text-decoration: none!important;
	cursor: pointer!important;
	border:none!important;
	background-color: transparent!important;
	box-shadow: none!important;
}
button, select {
	text-transform: none!important;
}
th {
	padding: 0!important;
}
th {
	text-align: left!important;
}
ul, ol {
	list-style-type: none!important;
}
input {
	border: none!important;
}
body {
	width: 100%;
}
h1, .h1, h2, .h2, h3, .h3 {
	margin: 0
}
/*index*/

/*.container {

  min-width: 1240px;

}*/

body {
	font-size: 14px;
}
.topnav {
	height: 6.5em;
	line-height: 6.5em;
	position: relative;
	bottom: -1px;
}
.wraplogo {
	width: 25%;
	display: block;
}
td.aboutp {
        padding-left: 30px;
    padding-bottom: 18px;
}
.wraplogo img {
	height: 80%;
}
.index-banner .item img {
	width: 100%;
}
.index-banner .carousel-caption {
	width: 100%;
	bottom: 0;
	left: 0;
	padding: 0;
	color: #999999;
	background: rgba(50, 50, 50, 0.5);
	font-size: 1.1em;
	text-align: left;
	height: 4em;
	line-height: 4em;
}
.index-banner .carousel-caption p {
	font-weight: bold;
	width: 60%;
	overflow: hidden;
}
.index-banner .carousel-indicators {
	height: 4.5em;
	line-height: 4.5em;
	bottom: 50px;
	margin:0 auto;
	padding: 0;
	width: 100px;
	z-index: 1001;
	margin-left: -50px;
}
.index-banner .carousel-indicators li {
	border-width: 2px;
}
.index-banner .carousel-indicators .active {
	background: #0c9793;
	border-color: #0c9793;
	margin-bottom: -1px;
}
.index-banner .carousel-control.left {
	bottom: 0;
	top: auto;
	height: 3em;
	line-height: 3em;
	width: 50px;
	right: 25%;
	background-image: none;
	left: auto;
}
.index-banner .carousel-control.right {
	bottom: 0;
	top: auto;
	height: 3em;
	line-height: 3em;
	width: 50px;
	right: 22%;
	left: auto;
	background-image: none;
}
.index-main-wrap {
	margin-top: 6em!important;
}
.main-title-cn {
	color: #272727;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
}
.main-title-en {
	color: #272727;
	font-family: '方正兰亭超细黑简体';
	text-align: center;
	text-transform:uppercase;
	font-size: 1.4em;
	height: 3em;
	line-height: 3em;
	width: 350px;
	margin: 0 auto;
	background: url(../images/title.png) repeat-x center center;/*  background-size: 100% 1px;*/

}
.main-title-en span {
	background-color: #fff;
	padding: 0 20px;
}
.main-title-small {
	font-size: 1em;
	color: #272727;
	text-align: center;
}
.fsbanner, .fsbanner > div > span {
	/* obrigatório */

  display:none;
}
div.fsbanner {
	/* obrigatorio */ 

  position:relative;
	overflow:hidden;
	/* opcional */

  height:400px;
	color:white;
	border-radius:5px;
}
.fsbanner > div {
	position:absolute;
	background-size:cover;
	cursor:pointer;
	top:0px;
	left:0px;
}
.fsbanner > div .name {
	display:block;
	position:absolute;
	left:10px;
	bottom:10px;
}
.fsbanner > div .name.minimized {
	/* css3 */

  transform: rotate(-90deg);
	transform-origin: left top 0;
	/* pode ser necessário ajustar isso dependendo da fonte escolhida */

  bottom: -13px;
	left: 7px;
}
.container-box {
	width: 94%;
	margin: 0 auto;
}
@media(max-width: 1220px){
.container-box {
	width: 100%;
	margin: 0 auto;
}
}
.fsbanner-left {
	text-align: center;
	height: 100%;
	padding-top: 20%;
}
.fsbanner-left>img {
	width: 2em;
}
.fsbanner-left h2 {
	width: 20px;
	margin: 0 auto;
	line-height: 24px;
	font-size: 20px;
	color: #ffffff;
	margin-top: 1.5em;
	font-weight: normal;
}
.fsbanner-inicon {
	width: 30%;
	float: left;
}
.fsbanner-inicon img {
	width: 5em;
}
.fsbanner-inicon p {
	width: 8em;
	height: 8em;
	margin: 70px auto 2em;
	text-align: center;
	line-height: 8em;
	border: 2px dashed #fff;
	border-radius: 50%;
}
.fsbanner-inicon h2 {
	color: #fff;
	width: 100%;
	text-align: center;
	font-weight: normal;
	font-size: 2em;
}
.fsbanner-intext {
	width: 70%;
	float: left;
	padding-top: 60px;
}
.fsbanner-intext p {
	padding-right: 30px;
	text-indent: 50px;
	font-size: 1em;
	color: #fff;
	line-height: 1.8;
	height: 275px;
	overflow-y: hidden;
}
.fsbanner-intext a {
	text-align: right;
	float: right;
	color: #fff;
	padding: 0px 10px 3px 10px;
	border: 2px solid #fff;
	margin-right: 40px;
	font-size: 1.2em;
}
.pro-slide .carousel-indicators li {
	display: inline-block;
	width: auto;
	height: auto;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: transparent;
	border: none;
	border-radius: 0;
	color: #333;
	text-indent:0;
	text-align: center;
}
div.arrow-up {
	width: 0px;
	height: 0px;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid #0c9793;
	font-size: 0px;
	line-height: 0px;
	margin: 0 auto;
	display: none;
}
.pro-slide .carousel-indicators {
	width: 100%;
	top: -4em;
	margin:0;
	left: 0;
}
.pro-slide .carousel-indicators li a {
	display: block;
	color: #333;
	font-size: 1.2em;
}
.pro-slide {
	margin-top: 8em;
	position: relative;
}
.pro-slide .carousel-control.left, .pro-slide .carousel-control.right {
	z-index: 999;
}
.pro-slide .carousel-indicators .active .arrow-up {
	display: block;
}
.pro-slide .carousel-indicators .active a {
	color: #fff!important;
	background-color: #0c9793;
	padding: 4px 10px;
	border-radius: 3px;
}
.pro-slide .carousel-indicators li {
	margin: 0 10px;
}
.pro-slide .left {
	left: -30px;
	background: none;
}
.pro-slide .right {
	right: -30px;
	background: none;
}
.pro-slide .carousel-control {
	width: 20px;
	top: 35%;
}
.pro-slide-main .item img {
	width: 60%;
	margin:15% auto 5%;
	display: block;
}
.pro-slide-main .item h2 {
	font-size: 1.2em;
	width: 100%;
	height: 1.5em;
	overflow: hidden;
	color: #333;
	line-height: 1.5em;
	margin-bottom: 10px;
}
.pro-slide-main .item p {
	color: #666;
	line-height: 1.5em;
	font-size: 1.05em;
	margin-bottom: 0;
	text-align:center;
}
.index-news-img {
	width: 50%;
	margin-top: 2em;
	position: relative;
}
.index-news-img img {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0
}
.index-news-con {
	width: 50%;
	margin-top: 2em;
	border: 1px solid #ccc;
	border-left: none;
}
.index-news-con li {
	padding: 0px 1em;
	border-bottom: 1px solid #ccc;
	height: 25%;
	padding-top: 4%;
}
.index-news-con li h2 {
	color: #555;
	font-size: 1.3em;
	width: 100%;
	height: 1em;
	overflow: hidden;
}
.index-news-con li p {
	color: #ccc;
	font-size: 1em;
	width: 100%;
	height: 1.25em;
	overflow: hidden;
	margin-top: 4px;
	line-height: 1.2em
}
.index-news-con li:last-child {
	border-bottom: none;
}
.index-news-con .jiantou {
	position: absolute;
	height: 2em;
	z-index: 999;
	left: -10px;
	top: 50%;
	margin-top: -0.8em;
	display: none;
}
.index-news-con li {
	position: relative;
}
.index-news-con li:hover, .index-news-con li.active {
	background-color: #0c9793;
}
.index-news-con li:hover .jiantou, .index-news-con li.active .jiantou {
	display: block;
}
.index-news-con li:hover h2, .index-news-con li:hover p, .index-news-con li.active h2, .index-news-con li.active p {
	color: #fff;
}
.customcase {
	width: 100%;
	margin-top: 2em;
}
.customcase li {
	width: 25%;
	float: left;
}
.customcase li a {
	display: block;
	width: 100%;
	position: relative;
}
.customcase li a img {
	width: 100%;
}
.customcase-mask {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	padding-top: 5em;
	display: none;
}
.customcase-mask h2 {
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
}
.customcase-mask p {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	width: 80%;
	margin: 1.5em auto;
	font-weight: normal;
	line-height: 1.5
}
.customcase li:hover .customcase-mask {
	display: block;
}
.friends {
	width: 100%;
	margin: 4em 0;
}
.friends li {
	width: 14.28%;
	float: left;
}
.friends li a {
	display: block;
	text-align: center;
}
.friends li a img {
	width: 6em;
}
.footnav {
	background-color: #373737;
}
.footnav-ul01 {
	border-right: 1px solid #535353;
	height: 14em;
	padding-left: 20px;
}
.footnav-ul01 li a {
	color: #c2c2c2;
	font-size: 1em;
}
.footnav-ul01 li:first-child {
	font-size: 1.2em;
	margin-bottom: 10px;
}
.footnav-ul01 li:first-child a {
	color: #fff;
}
.footnav .container-box {
	padding-top: 2em;
}
.foot-logo {
	height: 20em;
	border-right: 1px solid #535353;
	padding-left: 3em
}
@media(max-width: 1220px){
.foot-logo {
	height: 20em;
	border-right: 1px solid #535353;
	padding-left: 1em
}

}
.foot-logo a img {
	width: 20em;
	display: block;
}
.foot-ewm {
	width: 6.5em;
	margin-top: 1.5em;
}
@media(min-width: 1201px){
.index-footer h2 {
	color: #333;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	float: left;
}
}
@media(max-width: 1200px){
.index-footer h2 {
	text-align:center;
	color: #333;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
}
}
@media(min-width: 1201px){
.index-footer h3 {
	color: #333;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	float: right;
}}
@media(max-width: 1200px){
.index-footer h3 {
	text-align:center;
	color: #333;
	font-size: 14px;
	height: 40px;
	line-height: 20px;
}
}
.index-footer {
	background-color: #f4f4f4;
}
/*footer end*/

.txtScroll-left {
	width:100%;
	position:relative;
}
.txtScroll-left .hd {
	overflow:hidden;
	height:60px;
	width: 60px;
	position: absolute;
	right: 0%;
	z-index: 1000;
}
.txtScroll-left .hd .prevStop {
	background-position:-60px 0;
}
.txtScroll-left .hd .nextStop {
	background-position:-60px -50px;
}
.txtScroll-left .hd ul {
	float:right;
	overflow:hidden;
	zoom:1;
	margin-top:10px;
}
.txtScroll-left .hd ul li {
	float:left;
	width:9px;
	height:9px;
	overflow:hidden;
	margin-right:5px;
	text-indent:-999px;
	cursor:pointer;
	background:url("images/icoCircle.gif") 0 -9px no-repeat;
}
.txtScroll-left .hd ul li.on {
	background-position:0 0;
}
.txtScroll-left .bd {
	padding:10px;
	width:100%;
	overflow:hidden;
}
.txtScroll-left .bd ul {
	overflow:hidden;
	zoom:1;
}
.txtScroll-left .bd ul li {
	margin-right:20px;
	float:left;
	height:40px;
	line-height:40px;
	text-align:left;
	_display:inline;
	width: 100%;
}
.txtScroll-left .bd ul li span {
	color:#fff;
	float: right;
	margin-right: 15%
}
.txtScroll-left .bd ul li a {
	float: left;
	color: #fff;
	font-size: 1.2em;
}
.txtScroll-left .bd ul li:after {
	content: " ";
	clear: both;
	display: block;
}
.news-scroll {
	margin-top: -60px;
	background: rgba(50, 50, 50, 0.5);
	width: 100%;
	height: 60px;
	position: relative;
	z-index: 1000;
}
.txtScroll-left .hd .prev {
	bottom: 0;
	top: auto;
	height: 60px;
	line-height: 60px;
	width: 50px;
	margin-left: 10px;
	background-image: none;
	left: auto;
}
.txtScroll-left .hd .next {
	bottom: 0;
	top: auto;
	height: 60px;
	line-height: 60px;
	width: 50px;
	right: 18%;
	left: auto;
	background-image: none;
	margin-top: 1.5em
}
/*手机端手风琴*/

.js {
	width:90%;
	margin:10px auto 0 auto;
}
.js p {
	padding:5px 0;
	font-weight:bold;
	overflow:hidden;
}
.js p span {
	float:right;
}
.js p span a {
	color:#f00;
	text-decoration:underline;
}
.js textarea {
	height:50px;
	width:98%;
	padding:5px;
	border:1px solid #ccc;
	border-top:2px solid #aaa;
	border-left:2px solid #aaa;
}
/* 本例子css */

.sideMenu {
}
.sideMenu h3 {
	height:60px;
	line-height:60px;
	padding-left:15px;
	cursor:pointer;
	font:normal 14px/32px "Microsoft YaHei";
	color: #fff;
}
.sideMenu h3 em {
	float:right;
	display:block;
	width:70px;
	height:60px; /*  background:url(images/icoAdd.png) 16px 12px no-repeat;*/
	cursor:pointer;
}
.sideMenu ul {
	padding:8px 25px;
	color:#999;
	display:none; /* 默认都隐藏 */
	;
	margin-bottom: 0;
}
.mobile-slideul p {
	text-indent: 50px;
	font-size: 1.1em;
	color: #fff;
	line-height: 1.5em;
	height: 14.5em;
	overflow-y: hidden;
	width: 100%;
}
.mobile-slideul a {
	text-align: right;
	float: right;
	color: #fff;
	padding: 0px 10px 3px 10px;
	border: 2px solid #fff;
	margin-right: 30px;
	font-size: 1.2em;
}
.sideMenu h3 em img {
	width: 50px;
	margin-top: 5px;
}
.sideMenu h3 span {
	display: block;
	float: left;
	height: 60px;
	line-height: 60px;
	font-size: 1.5em
}
.sideMenu h3:after {
	content: " ";
	display: block;
	clear: both;
}
.mobile-slideul {
	width: 100%;
}
.index-nav {
	width: 65%;
	float: right;
	border: none;
	height: 6.5em;
	margin-bottom: 0;
	background:none;
	box-shadow: none;
	margin-right: 0%;
}
.index-nav .container-fluid {
	padding: 0;
}
.index-nav .navbar-nav {
	width: 100%;
}
.index-nav .navbar-nav>li {
	width: 16.66%;
	text-align: center;
}
.index-nav .navbar-nav>li>a {
	background: none!important;
	line-height: 5em;
	height: 5.044em;
	padding: 0;
	box-shadow: none!important;
	font-size: 1.3em;
	font-weight: bold;
	color: #333;
	border-bottom: 4px solid transform;
}
.index-nav .navbar-nav>li.on>a {
	border-bottom: 4px solid #0c9793;
	color: #0c9793;
}
.index-nav .navbar-default .navbar-collapse {
	background-color: #fff;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	position: relative;
	z-index: 1002;
}
div[aria-expanded=true] {
	background-color: #fff;
	padding: 0;
	border: none;
}
div[aria-expanded=true] ul li {
	width: 100%!important;
}
div[aria-expanded=true] ul li a {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 3.5em!important;
	height: 3.5em!important;
	font-size: 1.2em!important;
}
div[aria-expanded=true] ul {
	margin: 0;
}
.iphonenum {
	position: absolute;
	right: 20px;
	color: #0c9793;
	height: 2em;
	line-height: 2em;
	font-size: 1.3em;
	top: 47px;
	margin-top: -1em
}
.iphonenum span {
	display: block;
	width: 1.8em;
	height: 1.8em;
	border-radius: 50%;
	border:2px solid #0c9793;
	color: #0c9793;
	float: left;
	line-height: 1.8em;
	text-align: center;
	font-size: 0.8em;
	margin-right: 5px;
	vertical-align: top;
	margin-top: 3px;
}
.casebanner {
	width: 100%;
}
.casebanner img {
	width: 100%;
}
.case-main {
	margin-top: 3em;
}
.casetabs li {
	width: 11.1%;
	margin-bottom: 5px;
	text-align: center;
}
.casetabs {
	border-bottom: 1px solid #0c9793;
}
.casetabs li a {
	padding: 10px 5px;
	color: #333;
	font-size: 1.1em;
}
.casetabs li.active > a {
	color: #fff!important;
	background-color: #0c9793;
	border: none!important;
	border-radius: 0!important
}
.casetabs li > a:hover, .casetabs li > a:focus {
	color: #fff;
	background-color: #0c9793!important;
	border: none;
	border-radius: 0!important
}
.case-list {
	margin :0 -15px!important;
	margin-bottom: 4em!important
}
.case-list img {
	width: 100%;
}
.case-list li {
	margin-top: 2em;
}
.case-list-text {
	padding: 0 15px;
	border: 1px solid #ccc;
	border-top:1px solid #fff;
}
.case-list-text h2 {
	color: #333;
	font-size: 1.3em;
	height: 2.8em;
	line-height: 1.4em;
	margin-top: 1em;
	overflow: hidden;
	margin: 1em 0;
}
.case-list-text p {
	color: #666;
	line-height: 1.4em;
	font-size: 1.1em;
	height: 5.6em;
	overflow: hidden;
}
.case-list a {
	width: 8em;
	display: block;
	margin: 2em auto;
	background: #0c9793;
	color: #fff;
	height: 2.8em;
	line-height: 2.8em;
	text-align: center;
	font-weight: bold;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: #ddd!important;
}
.dropdown .dropdown-toggle {
	background-color: #ccc!important
}
.case-tab-mobile {
	width: 100%;
	height: 40px;
}
.case-tab-mobile span {
	width: 30px;
	height: 3px;
	background-color: #0c9793;
	display: block;
	margin: 5px auto;
}
.case-mobile .dropdown-menu a {
	height: 3em;
	line-height: 3em;
}
.case-mobile .dropdown-menu {
	padding: 0;
	width: 100%;
	text-align: center;
}
.case-mobile .dropdown-menu > .active > a, .case-mobile .dropdown-menu > .active > a:hover, .case-mobile .dropdown-menu > .active > a:focus {
	background-color: #0c9793!important;
	background-image: none;
}
.casedetail-main {
	margin-top: 4em;
	margin-bottom: 4em;
}
@media(max-width: 767px) {
 .casedetail-main {
 margin-top: 1em;
}
}
.casedetail-left h2 {
	color: #333;
	font-size: 1.5em;
}
.casedetail-left h3 {
	color: #666;
	font-size: 1.1em;
	line-height: 1.8;
	margin-top: 0.5em;
	margin-bottom: 1em;
}
.casedetail-left img {
	width: 100%;
}
.casedetail-left p {
	color: #666;
	line-height: 1.8;
	font-size: 1.1em;
	margin-top: 2em;
}
@media(max-width: 1000px){
.casedetail-right h2 {
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
	text-align:center;
}
}
.casedetail-right h2 {
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
}
@media(max-width: 1000px){
.casedetail-right h3 {
	color: #666;
	font-size: 1.4em;
	margin-top: 0.5em;
	text-align:center;
}
}
.casedetail-right h3 {
	color: #666;
	font-size: 1.4em;
	margin-top: 0.5em;
}
.casedetail-right-slide {
	margin: 1.5em 0;
}
.casedetail-right-slide .carousel-caption h4 {
	color: #333;
	font-size: 1.25em;
	line-height: 1.3em;
	height: 1.3em;
	overflow: hidden;
	text-shadow: none;
}
.casedetail-right-slide .carousel-caption p {
	color: #666;
	font-size: 1.1em;
	line-height: 1.3em;
	height: 2.6em;
	overflow: hidden;
	text-shadow: none;
}
.casedetail-right-slide .carousel-caption {
	bottom: -60%;
	text-align: center;
	left: 0;
	padding-top: 0;
	width: 100%;
	position: relative;
	height: 8em;
	overflow: hidden;
}
/*.casedetail-right-slide .carousel-inner {

  overflow-y: visible!important;

  overflow-x: hidden!important;

}*/
@media(min-width: 1001px){
.casedetail-right-slide .carousel-indicators {
	text-align: left;
	left: 0;
	margin-left: 0;
	bottom: -10px;
	margin-top: 10px;
}
}
@media(max-width: 1000px){
.casedetail-right-slide .carousel-indicators {
    text-align: center;
    bottom: -10px;
    margin-top: 10px;
}
}
.casedetail-right-slide .carousel-indicators li {
	background-color: #cccccc;
	width: 14px;
	height: 14px;
	margin: 0;
	margin-right: 5px;
}
.casedetail-right-slide .carousel-indicators .active {
	background-color: #0c9793!important;
	width: 16px;
	height: 16px;
	margin-bottom: -1px;
}
.casedetail-right-pro .carousel-inner > .item > img {
	width: 100%;
	border: 1px solid #d7d7d7!important;
}
.casedetail-right-slide .carousel-caption small {
	font-size: 85%;
	display: block;
}
.about-nav {
	background-color: #f2f2f2;
}
.about-nav .breadcrumb > li + li:before {
	color: #CCCCCC;
	content: ">";
	padding: 0 5px;
}
.about-nav .breadcrumb {
	height: 55px;
	line-height: 55px;
	margin: 0;
	padding: 0;
	font-size: 16px;
	float: left;
}
.about-nav .breadcrumb li a {
	color: #666;
}
.about-nav .breadcrumb li.active {
	color: #333!important;
}
.about-nav-ul {
	float: right;
	margin: 0;
	padding: 0;
	height: 53px;
	line-height: 53px;
	margin: 0;
	padding: 0;
	font-size: 16px;
}
.about-nav-ul li a {
	color: #666;
}
.about-nav-ul li {
	display: inline-block;
	padding: 0 5px;
	border-bottom: 3px solid #f2f2f2;
	margin: 0 5px;
}
.about-nav-ul li.active {
	border-bottom: 3px solid #0c9793;
}
.about-nav-ul li:hover {
	border-bottom: 3px solid #0c9793;
}
.about-nav-ul li.active a {
	color: #333;
}
.about-nav-ul li:hover a {
	color: #333;
}
/**/

.index-nav .navbar-nav>li {
	position: static!important
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	position: static!important
}
.index-nav {
	position: static!important
}
.topnav {
	position: static!important
}
/**/

.marketmu {
	width: 100%;
	/*  display: none;*/

  position: absolute;
	z-index: 999;
	background:#fff;
	left: 0;
	right: 0;
	top: 6.5em;
	height: 0;
	overflow: hidden;
}
.market:hover .marketmu {
	height: auto;
}
#proen li {
	width: 25%;
}
.marketmu ul li {
	width: 20%;
	float: left;
	padding: 15px 20px;
	text-align: center;
}
.marketmu ul li img {
	width: 100%;
}
.marketmu ul li:hover {
	background-color: #f2f2f2;
}
.marketmu ul li h2 {
	font-size: 1.2em;
	color: #666;
	margin-bottom: 1em
}
.about-main-wrap {
	width: 100%;
	height: 35em;
	border: 2px solid #0c9793;
	margin-top: 10em;
	padding: 0 20px;
}
.about-wrap-left {
	display: block;
	width: 50%;
	margin: 0 2.5%;
	margin-top: -3em;
	float: left;
}
.about-wrap-right {
	width: 45%;
	float: right;
}
.about-wrap-right h2 {
	color: #0c9793;
	font-size: 2.7em;
	margin-top: -1.5em;
	margin-bottom: 1em
}
.about-wrap-right h3 {
	color: #0c9793;
	font-size: 1.5em;
	border-bottom: 1px solid #0c9793;
	display: inline-block;
	padding-bottom: 8px;
	position: relative;
	padding-right: 15px;
}
.about-wrap-right h3 span {
	display: block;
	border-bottom: 2px solid #0c9793;
	position: absolute;
	width: 50%;
	padding-top: 1px;
	position: absolute;
	bottom: 0;
}
.about-wrap-right p {
	text-indent: 30px;
	line-height: 1.5em;
	font-size: 1em;
	color: #999;
	margin-top: 2em;
}
.about-main-ul {
	width: 92%;
	margin: -7em auto 2em;
}
.about-main-ul>li {
	width: 30.3%;
	height: 35em;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
	padding: 8em 1.5em;
	position: relative;
	margin: 0 1.5%;
	text-align: center;
}
.about-main-ul>li>h2 {
	text-align: center;
	font-size: 1.5em;
	color: #fff;
}
.about-main-ul>li>p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-top: 2em;
	text-align: left;
}
.about-main-ul>li ul {
	list-style-type: disc!important;
	margin-left: 15px;
	color: #fff;
	font-size: 1.1em;
	text-align: left;
}
.about-main-ul>li ul li {
	margin-bottom: 5px;
}
 .about-main-ul>li:nth-child(1) {
 background-image: url(../images/aboutbg02.jpg);
}
 .about-main-ul>li:nth-child(2) {
 background-image: url(../images/aboutbg03.jpg);
}
 .about-main-ul>li:nth-child(3) {
 background-image: url(../images/aboutbg02.jpg);
}
.about-main-btn {
	color: #fff!important;
	background-color: #0c9793;
	position: absolute;
	bottom: 30px;
	left: 50%;
	display: block;
	width: 120px;
	height: 36px;
	line-height: 36px;
	margin-left: -60px;
}
.contain-main-h2 {
	color: #242424;
	font-size: 1.5em;
	text-align: center;
	margin-top: 2em;
	font-weight: bold;
	height: 3em;
	line-height: 3em;
}
.contain-main>h3 {
	color: #242424;
	text-align: center;
	font-size: 1.1em;
	line-height: 2em;
	padding: 0 20px;
}
.contact-num {
	width: 94%;
	margin: 4em auto;
}
.contact-num li {
	width: 25%;
	float: left;
	text-align: center;
}
.contact-num li img {
	width: 50%;
}
.contact-num li h4 {
	font-size: 1.1em;
	color: #242424;
	margin-top: 20px;
	margin-bottom: 5px;
}
.contact-num li p {
	font-size: 1em;
	color: #9b9b9b;
}
.contact-map>div.map {
	width: 50%;
	float: left;
}
.contact-map>div img {
	width: 100%;
}
.contact-map-text {
	position: absolute;
	top: 50%;
	color: #fff;
	height: 11em;
	margin-top: -5.5em;
}
.contact-map {
	position: relative;
}
.contact-map .container {
	clear: both;
}
.contact-map-text h2 {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 1em;
}
.contact-map-text p {
	font-size: 1em;
	line-height: 1.5;
}
.contact-form input.form-control {
	width: 30.3%;
	margin: 2em 2.2%;
	float: left;
	border: 1px solid #b4b4b4!important;
	height: 44px;
}
.contact-form input.form-control:first-child {
	margin-left: 0;
}
 .contact-form input.form-control:nth-child(3) {
 margin-right: 0;
}
.contact-form textarea {
	width: 100%;
	margin: 1em 0%;
	clear: both;
	display: block;
}
.contact-form>a {
	display: block;
	background-color: #0c9793;
	color: #fff;
	text-align: center;
	width: 97%;
	margin: 1em 0 3em;
	font-weight: bold;
	height: 3em;
	line-height: 3em;
}
.news-detail-main {
	padding: 0 15px;
	margin: 3em 0;
}
.news-detail-main h2 {
	font-size: 1.2em;
	text-align: center;
	color: #232323;
	line-height: 1.8em;
	border-bottom: 1px dashed #b8b8b8;
}
.news-detail-main img {
	width: 100%;
	margin: 2em 0;
}
.news-detail-main p {
	color: #707070;
	font-size: 1.2em;
	text-indent: 30px;
	margin-bottom: 0px;
	line-height: 1.8em
}
.news-left-img img {
	width: 100%;
}
.news-wrap-right h2 {
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
	height: 2em;
	line-height: 2em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-wrap {
	padding: 5em 0 2em 0;
	border-bottom: 1px solid #eaeaea;
	text-align: left;
}
.news-left-img {
	padding-left: 0;
}
.news-wrap-right small {
	color: #999;
}
.news-wrap-right p {
	color: #666;
	line-height: 1.5em;
	font-size: 1.05em;
	height: 4em;
	overflow: hidden;
	padding: 1em 0;
}
.news-wrap-right span.arrow-left {
	width: 0px;
	height: 0px;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	border-left: 5px solid #0c9793;
	font-size: 0px;
	line-height: 0px;
	vertical-align: middle;
	margin-left: 5px;
}
.news-wrap-right a {
	color: #0c9793!important
}
.news-wrap-right:hover h2 {
	color: #0c9793;
}
.news-date {
	background-color: #c4c4c4;
	padding: 10px 15px;
	text-align: center;
}
.news-date h2 {
	font-size: 12px;
	color: #fff;
}
.news-date h3 {
	font-size: 2.5em;
	color: #fff;
	margin-top: 8px;
}
.news-list-right h2 {
	color: #333;
	font-size: 1.3em;
	font-weight: bold;
	height: 2em;
	line-height: 2em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news-list-right h2 span.arrow-left {
	width: 0px;
	height: 0px;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	border-left: 5px solid #999;
	font-size: 0px;
	line-height: 0px;
	vertical-align: middle;
	margin-right: 5px;
}
.news-list-main li {
	padding: 2em 0;
	border-bottom: 1px solid #eaeaea;
	text-align: left;
}
.news-list-main li:after {
	clear: both;
	content: " ";
	display: block;
}
.news-list-right p {
	color: #666;
	line-height: 1.5em;
	font-size: 1.05em;
	height: 3.5em;
	overflow: hidden;
	padding: 0.5em 0;
	width: 80%;
	float: left;
}
.news-list-right a span.arrow-left {
	width: 0px;
	height: 0px;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	border-left: 5px solid #bababa;
	font-size: 0px;
	line-height: 0px;
	vertical-align: middle;
	margin-left: 5px;
}
.news-list-right a {
	float: right;
	padding: 5px 10px;
	border: 2px solid #bababa;
	color: #bbbbbb;
}
.news-list-main li:hover .news-date {
	background: #0c9793;
}
.news-list-main li:hover .news-list-right h2 {
	color: #0c9793;
}
.news-list-main li:hover .news-list-right a {
	border: 2px solid #6d6d6d;
	color: #6d6d6d;
}
.news-list-main li:hover span.arrow-left {
	border-left: 5px solid #6d6d6d;
}
.news-pagination {
	margin: 20px auto;
}
.news-box {
	text-align: center;
}
.news-pagination > li > a, .news-pagination > li > span {
	color: #666;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #6a6a6a;
	border-color: #6a6a6a;
}
.casedetail-left h3 {
	color: #333;
	margin: 2em 0;
}
.casedetail-left ul {
	list-style: disc!important;
	padding-left: 15px;
	color: #666;
}
.casedetail-left ul li {
	font-size: 1.1em;
	margin-bottom: 1em
}
.casedetail-left ol li {
	float: left;
	width: 30%;
}
 .casedetail-left ol li:nth-child(2) {
 margin: 0 5%;
}
.casedetail-left ol li img {
	width: 100%;
}
.img-wrap {
	margin: 0;
	overflow: auto;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	background-attachment: none;
	display: block;
	color: #fff !important;
}
.img-wrap :link, .img-wrap :visited:link {
	-webkit-tap-highlight-color:rgba(0, 0, 0, .3);
}
.right-opacity {
	height: 100%;
	width: 45%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.right-opacity .opacity-top {
	width: 100%;
	height: 35%;
	background-color: rgba(0, 0, 0, .4);
}
.right-opacity .opacity-middle {
	border-top: 55px solid rgba(0, 0, 0, .4);
	border-bottom: 50px solid rgba(0, 0, 0, .4);
	border-left: 55px solid transparent;
}
.right-opacity .opacity-bottom {
	width: 100%;
	height: 35%;
	background-color: rgba(0, 0, 0, .4);
	bottom: 0;
}
.column, .columns {
	float: left;
	display: inline;
	margin-left: 15px !important;
	margin-right: 15px !important;
}
.solutions-description {
	opacity: 0;
 -webkit-transition: all .15s;
 transition: all .15s;
}
.txt-contain {
	text-align: center;
	height: 350px;
	line-height: 350px;
}
.container .columns.five {
	width: 370px;
}
.header-txt-left {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	color: #fff;
}
.pro-tab-hd {
	height: auto !important;
	background: #f2f2f2;
}
.pro-tab-hd .nav-tabs {
	border:none;
}
.pro-tab-hd .nav-tabs > li.active > a, .pro-tab-hd .nav-tabs > li.active > a:hover, .pro-tab-hd .nav-tabs > li.active > a:focus {
	color: #fff;
	cursor: default;
	background-color: #0c9793;
	border: none;
	border-bottom-color: transparent;
	border-radius:0;
}
.pro-tab-hd .nav-tabs > li> a:hover {
	color: #fff;
	cursor: default;
	background-color: #0c9793;
	border: none;
	border-bottom-color: transparent;
	border-radius:0;
}
.pro-tab-hd .nav-tabs > li {
	width: 25%;
	text-align: center;
	height: 60px;
	line-height: 60px;
}
.pro-tab-hd .nav-tabs > li>a {
	height: 60px;
	line-height: 60px;
	display: block;
	padding: 0;
	color: #333;
	font-size: 1.3em
}
.pro-wrap-l {
	width: 50%;
	text-align: center;
	padding: 2em 0;
	float: left;
}
.pro-wrap-l img {
	width: 70%;
}
.pro-wrap-r {
	width: 50%;
	float: left;
}
.pro-wrap-r h2 {
	color: #333;
	height: 2em;
	line-height: 2em;
	font-size: 1.6em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-top: 3em;
	font-weight: bold;
}
.pro-wrap-r h3 {
	text-transform: uppercase;
	font-size: 1.1em;
	color: #666;
	height: 1.6em;
	line-height: 1.6em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.pro-wrap-r p {
	font-size: 1em;
	line-height: 1.6em;
	color: #333;
	height: 6.4em;
	overflow: hidden;
}
.pro-wrap-r a {
	display: block;
	width: 8em;
	text-align: center;
	height: 3em;
	line-height: 3em;
	color: #fff;
	background: #0c9793;
	border-radius: 5px;
	font-size: 1.1em;
	margin-top: 1em;
}
.probg {
	width: 100%;
	background: url(../images/probg.jpg) repeat-x;
	background-size: 1px 100%;
	margin: 2em 0;
}
.probg:last-child {
	margin-bottom: 0
}
.pro-list li {
	text-align: center;
	padding: 0 15px;
}
.pro-list li img {
	width: 50%;
	padding: 1.5em 0;
	cursor: pointer;
	transition: all 1s;
}
.pro-list li img:hover {
	transform: scale(1.1);
}
.pro-list li h2 {
	font-size: 1.2em;
	color: #333;
	height: 1.5em;
	overflow: hidden;
	margin-top: 1em;
}
.pro-list li h3 {
	height: 1.5em;
	font-size: 1em;
	overflow: hidden;
	color: #666;
	margin-bottom: 1em;
	line-height: 1.5em;
}
.pro-list li:hover {
	box-shadow: 0px 0px 9px #999;
}
.pro-wrap-l {
	display: block;
}
.pro-detail-h2 {
	font-size: 1.3em;
	color: #333;
	height: 1.6em;
}
.pro-detail-h3 {
	color: #666;
	font-size: 1.1em;
	text-transform: uppercase;
}
.pro-detail {
	margin-top: 5em;
}
.pro-detail-tab {
	margin-top: 2em;
	border-bottom: none;
	margin-bottom: 2em;
}
.pro-detail-tab > li.active > a, .pro-detail-tab > li.active > a:hover, .pro-detail-tab > li.active > a:focus {
	color: #fff;
	cursor: default;
	background-color: #0c9793;
	border: 1px solid #0c9793;
}
.pro-detail-tab > li>a {
	color: #333;
	cursor: default;
	border: 1px solid #0c9793;
	border-radius: 4px!important;
	padding: 10px 25px;
}
.pro-detail-tab > li {
	margin-bottom: 0;
	margin-right: 10px;
}
@media(max-width: 767px) {
 .pro-detail-tab > li {
	margin-bottom: 10px;
}
}
.pro-detailtab-bd img {
	width: 100%;
}
.pro-tab-list h2 {
	color: #0c9793;
	font-size: 1.2em;
	border-bottom: 1px solid #ccc;
	height: 2em;
}
.pro-tab-list ul li {
	height: 3em;
	line-height: 3em;
	border-bottom: 1px solid #ccc;
}
.pro-tab-list ul li span {
	float: left;
	width: 50%;
	overflow: hidden;
	height: 100%;
	display: block;
}
.pro-tab-list ul li p {
	float: right;
	overflow: hidden;
	width: 50%;
	text-align: right;
	height: 100%;
	margin: 0;
}
.pro-tab-list ul li:after {
	content: " ";
	display: block;
	clear: both;
}
.pro-tab-list {
	margin-bottom: 3em;
}
.index-protab {
	border-bottom: none;
	text-align: center!important;
	bottom: 10px;
	z-index: 15;
	padding-left: 0;
	text-align: center;
	list-style: none;
	width: 100%;
	margin: 0;
	left: 0;
}
.index-protab li {
	display: inline-block;
	width: auto;
	height: auto;
	margin: 1px;
	text-indent: -999px;
	cursor: pointer;
	background-color: transparent;
	border: none;
	border-radius: 0;
	color: #333;
	text-indent: 0;
	text-align: center;
	float: none!important
}
.index-protab li a {
	display: block;
	color: #333;
	font-size: 1.2em;
	border:none!important;
	padding: 4px 10px;
}
.index-protab .active .arrow-up {
	display: block;
	position: absolute;
	bottom: -6px;
	margin-left: -7px;
	left: 50%;
}
.index-protab .active a {
	color: #fff!important;
	background-color: #0c9793!important;
	padding: 4px 10px;
	border-radius: 3px;
}
.pro-wrap-index {
	position: relative;
}
.pro-slide {
	margin-top: 4em;
}
.index-news-wrap .carousel-inner {
	width: 50%;
}
.news-wrap-a a {
    float: right;
    padding: 5px 10px;
    border: 2px solid #bababa;
    color: #bbbbbb;
}
.index-news-wrap {
	width: 100%;
}
.index-news-wrap .carousel-indicators {
	width: 50%;
	margin-top: 0em;
	border: 1px solid #ccc;
	margin-left: -1px;
	top: 0;
	bottom: -10px;
	border-left: none;
}
.index-news-wrap .carousel-indicators li {
	display: block;
	width: auto;
	margin: 1px;
	text-indent: 0;
	cursor: pointer;
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0);
	border: none;
	border-radius: 0px;
	padding: 0px 1em;
	border-bottom: 1px solid #ccc;
	height: 25%;
	padding-top: 4%;
	position: relative;
	text-align: left;
}
.index-news-wrap .carousel-indicators h2 {
	color: #555;
	font-size: 1.2em;
	width: 100%;
	overflow: hidden;
	height: 1.2em;
	line-height: 1.2em;
}
.index-news-wrap .carousel-indicators p {
	color: #ccc;
	font-size: 1em;
	height: 1.2em;
	line-height: 1.2em;
	width: 100%;
	overflow: hidden;
	margin-top: 0.5em
}
.index-news-wrap .jiantou {
	position: absolute;
	height: 2em;
	z-index: 999;
	left: -10px;
	top: 50%;
	margin-top: -0.8em;
	display: none;
}
.index-news-wrap .carousel-indicators li:last-child {
	border-bottom: none;
}
.index-news-wrap .carousel-indicators li:hover .jiantou {
	display: block;
}
.index-news-wrap .carousel-indicators li:hover h2 {
	color: #fff;
}
.index-news-wrap .carousel-indicators li:hover p {
	color: #fff;
}
.index-news-wrap .carousel-indicators li:hover {
	background:#0c9793;
:
}
.casedetail-right-slide .carousel .carousel-inner img {
	width: 100%;
}
#pronav li {
	width: 25%;
}
.about-wrap-right div {
	height: 250px;
	overflow-y:scroll;
}
.pro-tab-hd .dropdown .dropdown-toggle {
	background-color: transparent!important
}
/*新增*/
.Intro {
	padding-top: 5em;
	font-family: '微软雅黑'
}
.Intro .tit {
	width: 50%;
	min-width: 300px;
	font-size: 2.5em;
	text-align: center;
	margin: 0 auto;
	border-bottom: 1px solid #ccc;
	position: relative;
	color: #313131;
	line-height: 2.3;
}
.Intro .tit:after {
	position: absolute;
	bottom: -2px;
	left: 50%;
	width: 2em;
	margin-left: -1em;
	content: '';
	height: 3px;
	background-color: #0c9793;
}
.Intro .subtit {
	font-size: 1.5em;
	color: #a0a0a0;
	line-height: 3;
	text-align: center;
	margin: 0;
}
.introContent {
	margin-top: 2em;
}
.img-wrap {
	font-size: 0;
}
.img-wrap img {
	width: 100%;
}
.introContent .txt-wrap {
	text-indent: 2em;
	font-size: 1em;
	color: #999;
	line-height: 1.7;
	margin: 3em 0 4em;
}
.Serv {
	padding-top: 11em;
	padding-bottom: 11em;
	color: #fff;
	width: 100%;
	background-image: url('../images/intro2.jpg');
	background-position: center;
	background-size: cover;
}
.Serv .tit {
	font-size: 2.5em;
	line-height: 1.3;
	text-align: center;
}
.Serv .subtit {
	position: relative;
	text-align: center;
	font-size: 1.3em;
	padding-bottom: 1em;
}
.Serv .subtit:after {
	position: absolute;
	content: '';
	width: 2em;
	bottom: 0;
	height: 3px;
	left: 50%;
	margin-left: -1em;
	background-color: #fff;
}
.serContent {
	margin-top: 4em;
	text-align: center;
	font-size: 1em;
}
.serContent .each {
	display: inline-block;
	padding: 0 3em;
}
.Fom {
	max-width: 840px;
	padding: 0 15px;
	margin: 5em auto;
	text-align: center;
}
.Fom .tit {
	font-size: 2.1em;
	color: #a0a0a0;
}
.Fom .subtit {
	font-size: 1.4em;
	color: #313131;
	position: relative;
	width: 20em;
	margin: 0.6em auto;
}
.Fom .subtit:after {
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #ccc;
	top: 50%;
	left: 0;
	z-index: 0;
}
.Fom .subtit span {
	position: relative;
	display: inline-block;
	padding: 0 0.8em;
	background-color: #fff;
	z-index: 1;
}
.Fom .ifo {
	font-size: 1.3em;
	color: #313131;
	margin: 1.5em auto 0.8em;
}
.Fom .ifo .inblock {
	
	padding:0 1em;
	position: relative;
	display: inline-block;
}
.Fom .ifo .inblock:after {
	content: '|';
	position: absolute;
	right: 0;
	top: 0;
}
@media(max-width: 420px){
	.Fom .ifo .inblock:after {
		content: '';
	
	}
}
.Fom .ifo .inblock:last-child:after {
	content: ''
}
.Fom .addr {
	font-size: 1.15em;
	color: #707070;
}
.Fom .ewm {
	padding: 3em 0;
}
.Fom .form input, .Fom .form textarea {
	width: 100%;
	border:1px solid #ddd !important;
	padding: 10px;
	margin-bottom: 1.8em;
}
.Fom .form textarea {
	height: 8em;
}
.Fom .form textarea:focus {
	outline: none;
	box-shadow: none;
}
.Fom .form button {
	width: 10em;
	height: 3em;
	color: #fff;
	background-color: #0c9793;
	border:none;
	font-size: 1.3em;
}
@media(max-width: 420px) {
 .Intro {
 padding-top: 2em;
}
 .Serv {
 padding-top: 5em;
 padding-bottom: 5em;
}
 .serContent .each {
 padding: 1em;
}
}
.cfinfo{
	color: #c2c2c2;
}
.cfinfo:first-child{
	margin-top: 1.5em;
}
.pro-tab-hd.affix{
	top: 0;
	width: 100%;
	z-index: 1000;
}
/*在线咨询增加*/
.new-float {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 50;
    width: 77px;
    height: 300px;
    margin-top: -150px;
    z-index: 1111;
}
.new-float li {
    position: relative;
    width: 77px;
    height: 57px;
    margin-bottom: 3px;
    line-height: 27px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    background-color: #0c9793;
    border-radius: 3px;
}
.new-float li a.tit {
    width: 77px;
    height: 27px;
    padding: 30px 0 0;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 12px;
}
.new-float li a {
    background: url(../images/QQ.png) no-repeat;
    background-size: 25px 25px;
    background-position: center 5px;
}
@media(max-width: 768px){
	.new-float {
		display: none;
	}
}