/* CSS Document */

/*** 

====================================================================
	Reset
====================================================================

 ***/
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;
}


/* 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-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;
}
@media (max-width:768px){
	#topright h1{
		font-size:14px;
	}
	#topright h1 small{
		display:none;
	}
}
#topcenter,#topright{
	padding-top:36px;
}
#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{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;
}

/*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;
}
/*about*/
#nybanner{
	width:100%;
	background-image:url(../image/nybanner1.jpg);
	background-size:100% 100%;
	height:305px;
	text-align:center;
	position:relative;
}
@media only screen and (max-width: 767px) {
	#nybanner{
	height:150px;
	}
}
#nybannertext{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	color:#FFF;
	font-size:30px;
	text-align:center;
	overflow:hidden;
	
}
#nybannertext span{
	font-size:14px;
	color:#bbbbbb;
}
#nybannertext p{vertical-align: middle; display: inline-block; *display: inline; *zoom: 1;}
.visiblewz{height: 100%; vertical-align: middle; width: 0; display: inline-block;}
/*Search*/
#indexsearch{
	border-top:#d6d6d6 solid 2px;
	background-color:#e5e5e5;
	padding-top:10px;
	overflow:hidden;
}
#searchbg{
	background:url(../image/qx.png) no-repeat 200px top;
}
#searchbg .pull-left{
	margin-top:10px;
	margin-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;
}
.location1{
	 padding-top:15px;
     padding-bottom:15px;
}
.location{
 
  background: -webkit-linear-gradient(top, #fefefe, #f0f0f0); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #fefefe, #f0f0f0); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #fefefe, #f0f0f0); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom,#fefefe, #f0f0f0); /* 标准的语法 */
  -webkit-box-shadow:0 0 8px rgba(0,0,0,.2);
  box-shadow:0 0 8px rgba(0,0,0,.2);
}
.location a{
	display:block;
	font-size:14px;
	 padding-top:15px;
     padding-bottom:15px;
	color:#666;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}
.location a:hover{
	background-color:#41a6a9;
	color:#fff;
}
.location .col-xs-4:first-child{
		border-left:#c2c2c2 1px solid;
}
.location .col-xs-4{
	border-right:#c2c2c2 1px solid;
}
@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;
	}

/*List-menu*/
.promenu{
	background-color:#0c5289;
	padding:20px;
}
.promenucon a{
	display:block;
	text-align:center;
	line-height:40px;
	border-radius:5px;
  background: -webkit-linear-gradient(top, #f7f7f7, #d9d9d9); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #f7f7f7, #d9d9d9); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #f7f7f7, #d9d9d9); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom,#f7f7f7, #d9d9d9); /* 标准的语法 */
}
.promenucon a:hover{
  background: -webkit-linear-gradient(top, #dddddd, #cccccc); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #dddddd, #cccccc); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #dddddd, #cccccc); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom,#dddddd, #cccccc); /* 标准的语法 */
}

/*Box-left*/

.box-left{
	max-width:270px;
	background-color:#fdd100;
	padding-bottom:30px;
}

.box-left-title{
	color:#000;
	padding-top:13px;
	padding-bottom:13px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	border-top:#2c2c2c solid 10px;
	border-bottom:#c5a200 solid 1px;
}
.box-left dl{
	padding-bottom:20px;
	padding-top:10px;
}

.box-left dt{
	height:36px;
	cursor:pointer;
	overflow:hidden;
}
.box-left>dl>dt>a{
	color:#666;
	
}
.box-left dt a{
	display:block;
	padding-top:9px;
	padding-bottom:10px;
	padding-left:3em;
	white-space:nowrap;
	overflow:hidden;
	font-style:italic;
}

@media only screen and (max-width: 1200px) {
	.box-left dt{
		height:auto !important;
	}
	.box-left dt a{
	padding-top:1px;
	padding-bottom:1px;
	white-space:normal;
	padding-left:2em;
	
}
}
.box-left dt a:hover{
	background-color:#e0b900;
	color:#333;
	
}
.current1{
	background-color:#e0b900;
}
.current{
	color:#FFF;
	font-size:12px;
}

	
.box-left h1{
	line-height:60px;
	color:#FFF;
	font-size:24px;
	text-align:center;
}
.leftnavchil{
	width:100%;
	background-color:#000;
	overflow:hidden;
	display:none;
	}
.leftnavchil a{
	border-bottom:#e4e4e4 solid 1px;
	height:43px;
	line-height:43px;
	text-indent:2em;
	font-style:italic;
	display:block;
	color:#fff;
	overflow:hidden;
}
.leftnavchil a:hover{
	color:#fdd100;
	font-size:12px;
	background-color:#2c2c2c;

}


/*Box-right*/
.box-right-title{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999;
	padding-top:60px;
}
.box-right-title h1{
	color:#000;
	font-size:24px;
	font-weight:bold;
	line-height:36px;
	text-align:left;
}



.cur{
	font-size:12px;
	color:#aeaeae;
}
/*Products*/
.productsitem{
	margin-bottom:40px;
	overflow:hidden;
	 -moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;

}

.productsitem p{
	padding-left:20px;
}

.productsitembut{
	position:absolute;
	width:200px;
	line-height:30px;
	left:50%;
	bottom:10%;
	margin-left:-100px;
	text-align:center;
	border-radius:20px;
	background: -webkit-linear-gradient(top, #1370b9, #0c5289); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(bottom, #1370b9, #0c5289); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(bottom, #1370b9, #0c5289); /* Firefox 3.6 - 15 */
  background: linear-gradient(to bottom,#1370b9, #0c5289); /* 标准的语法 */
  border:#0c5289 solid 1px;
  -webkit-box-shadow:0 0 8px rgba(0,0,0,.2);
  box-shadow:0 0 8px rgba(0,0,0,.2);

  
}

.productsitem a .caption{
	color:#333;
	text-align:center;
	height:40px;
	color:#fff;
	background:url(../image/caption.png) no-repeat 2em center #41a6a9;
}
@media only screen and (max-width: 1024px) {
	.productsitem a .caption{
	background:#41a6a9;
}
}
.thumbnail{
	border-radius:0px;
}

.thumbnail .caption{color:#fff; white-space:nowrap; overflow:hidden;  height:30px;}
/*重定分页*/
.pagination>li>span{
	color:#fff;
	background-color:#41a6a9;
}

.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff;background-color:#41a6a9;border-color:#fff}
.pagination>li>a{
	color:#fff;
	background-color:#d7dcde;
}
.product-list{
	margin-top:26px;
	text-align:center;
	font-size:0px;
}
.product-list-left{
	display:inline-block;
	width:30%;
	min-width:180px;
	font-size:18px;
	border-bottom:#333 solid 2px;
	line-height:45px;
	vertical-align:text-top;
}
.product-list-left a{
	color:#333;
}
.product-list-right{
	border-bottom:#333 solid 2px;
	display:inline-block;
	width:70%;
	
	font-size:12px;
	line-height:45px;
	vertical-align:text-top;
	text-align:right;
}
.product-list-right li{
	display:inline-block;
	
	text-align:center;
}
.product-list-right li a{
	color:#727171;
	display:block;
}
.product-list-right li a:hover{
	color:#f08300;
}
.product-list-width{
	min-width:100px;
}
.product-list-next{
	min-width:30px;
}
.product-item{
	padding-top:40px;
}
.prosami{
	padding-top:20px;
	padding-bottom:20px;
}
.prolist a{
	color:#333;
}
@media only screen and (max-width: 1023px) {
	.product-list{display:none;}
	
	}
@media only screen and (max-width: 767px) {
	.box-right-title{
		padding-top:20px;
	}
	.theme-breadcrumb{
		display:block;
	}
	#boxleftnav{display:none;}
	}
/*product detail*/
.proviewbg{
		width:100%;
		background-position:left 270px;
		background-repeat:no-repeat;
		-moz-background-size:100% 133px ; /* 老版本的 Firefox */
		background-size:100%  133px;
}
.proviewd{
	line-height:40px;
	font-size:24px;
	text-indent:20px;
	margin:20px auto 10px auto;
	color:#000;
	padding-bottom:5px;

}

.proview-1{
	padding-top:30px;
}
.proname{
	font-size:18px;
	padding-bottom:20px;
	
}

.proname strong{
	color:#333;
}
.sample{
	margin-top:2em;
	text-align:center;
	  background: linear-gradient(top, #fdfdfd 10%, #a8a8a8 90%);
      background: -moz-linear-gradient(top, #fdfdfd 10%, #a8a8a8 90%);
      background: -webkit-linear-gradient(top, #fdfdfd 10%,#a8a8a8 90%);
	  border:#232323 solid 3px;
	  width:168px;
	  font-size:16px;
	  color:#FFF;
	  line-height:30px;
	-webkit-box-shadow:3px 3px 3px #cccccc;  
    -moz-box-shadow:3px 3px 3px #cccccc;  
     box-shadow:3px 3px 3px #cccccc;
	 -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.sample a{
	display:block;
	color:#666;
}
.sample a:hover{
	color:#333;
}
.sample:hover{
	border:#0c5289 solid 3px;
	
}
	
.proviewbgny p{
	line-height:25px;
    color:#666;
	}
.proviewbgny h2{
	font-size:14px;
	color:#000;
	font-weight:bold;
	line-height:30px;
}
.proviewbgny h3{
	font-size:18px;
}
.proviewbgny table{
	color:#666;
	width:100%;
	text-align:center;
	margin:0 auto;
}

.proviewbgny table th{
	font-weight:bold;
	text-align:center;
}
.proviewbgny table td{
	padding:5px 20px;
	text-align:center;
	}
#nyjiacondet{
	margin:20px auto;
	width:100%;
	overflow:hidden;
	padding-left:15px;
	background-color:#e5e5e5;
	padding-bottom:15px;
}
.nyjiacondeth{
	display:inline-block;
	padding:8px 2em;
	border-right:#FFF solid 1px;
	color:#fff;
	background-color:#41a6a9;
	 -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius:5px;   /* Webkit browsers */
    border-radius:5px;
	cursor:pointer;
	font-size:14px;
	margin-left:10px;
	margin-top:10px;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
.nyjiacondeth:hover{
	background-color:#232323;
	color:#fff;
}
.nyjiacondeth a{
	display:block;
	color:#fff;
}
.nyjiacondeth a:hover{
	color:#fff;
}

.nyjiacondetc{
	display:none;
	padding:25px 30px;
	overflow:hidden;
	min-height:200px;
	color:#ababab;
}
@media only screen and (max-width: 767px) {
	.nyjiacondetc{
		padding:25px 5px;
	}
}
.catalog1{
	margin-top:30px;
	border-bottom:#999 solid 1px;
	border-top:#333 solid 2px;
}
.catalog{
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
}
@media only screen and (max-width: 767px) {
	.catalog{
		border-bottom:#999 solid 1px;
	}
}	
/*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;
}



/*about*/

#aboutus,#aboutus1,#salenetwork{
	padding-top:60px;
	padding-bottom:30px;
	font-size:24px;
	color:#232323;
	font-weight:bold;
}
#aboutus{
	letter-spacing:3px;
}
#aboutus1{
	max-width:120px;
	text-align:center;
}
.about h2{
	font-size:24px;
	font-weight:bold;
}
.about p{
	margin-bottom:10px;
}
#aboutline{
	width:100%;
	height:2px;
	border-bottom:#dfdfdf solid 1px;
	margin-top:30px;
	margin-bottom:40px;
}
#aboutimg img{
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);

}
#aboutimg img:hover{
	cursor:pointer;
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}
/*news*/

.nynewsbg img{
	margin:10px 10px 10px 0px;
	}
	@media only screen and (min-width: 767px) {
		
		.nynewsbg img{
	max-width:240px;
		}
	}
	@media only screen and (max-width: 767px) {
		.box-right-title{
			display:none;
		}
	}
.nynewsbg h5{
	color:#CCC;
}

.nynewsbg h2{
	font-size:16px;
	font-weight:bold;
	color:#232323;
	}
.nynewsbg p{
	 word-wrap: break-word;
	 color:#666;
}
.nynewsli{
	border-top:#CCC dashed 1px;
	padding-top:10px;
	padding-bottom:10px;
}
.nynewsbga{
	color:#fff;
	background-color:#40a6aa;
	padding:5px 15px;
	margin-top:15px;
	
}
.nynewsbga:hover{
	background-color:#fabe00;
	color:#fff;
}
.newsview-name{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#333;
	margin-top:20px;
	}
.newsview-time{
	text-align:center;
}
.newsview-div{
	text-align:right;
}


.newsview-page a{
	color:#40a6aa;
}
.SiteLink{
	margin-top:20px;
	margin-bottom:20px;
}
.SiteLink img{
	max-width:100%;
}
/*contact*/
.contact{
	font-size:16px;
}
.contact .col-md-2,.contact .col-md-10{
	padding-top:5px;
	padding-bottom:5px;
}
.contact h3{
	font-size:24px;
	font-weight:bold;
	color:#41a6a9;
	text-transform:uppercase;
	margin-top:20px;
}
.contact img{
	max-width:40px;
}
.contact a{
	color:#232323;
	text-decoration:underline;
}

.contact a:hover{
	text-decoration:none;
	
}
.map-content {
    padding: 30px 0;
}

.map-module {
    width: 1200px !important;
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
}

.map-title {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin: 50px 0;
    position: relative;
}

.map-branch .map-title {
    margin: 20px 0 0;
    z-index: 1;
}
map-title:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -23px;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid;
    border-color: #20B09F transparent transparent;
}

.map-title:after {
    content: "";
    position: absolute;
    width: 52px;
    height: 3px;
    background-color: #20B09F;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
}



.map-content-info {
    position: relative;
    margin-bottom: 30px;
}

.branch-map-l {
    width: 849px;
    height: 575px;
    position: relative;
}

.map-content-box {
    width: 100%;
    height: 100%;
    background:url(../image/map-1.jpg) no-repeat center;
    position: relative;
}

.map-dot {
    position: absolute;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
}

.beijing {
    left: 585px;
    top: 200px;
}

.tianjin {
    left: 600px;
    top: 215px;
}

.hebei {
    left: 575px;
    top: 230px;
}

.shanxi {
    left: 540px;
    top: 256px;
}

.liaoning {
    left: 660px;
    top: 180px;
}

.jilin {
    left: 696px;
    top: 147px;
}

.heilongjiang {
    left: 690px;
    top: 86px;
}

.shanghai {
    left: 670px;
    top: 326px;
}

.jiangsu {
    left: 646px;
    top: 306px;
}

.zhejiang {
    left: 666px;
    top: 369px;
}

.anhui {
    left: 615px;
    top: 334px;
}

.fujian {
    left: 640px;
    top: 415px;
}

.jiangxi {
    left: 595px;
    top: 402px;
}

.shandong {
    left: 610px;
    top: 265px;
}

.henan {
    left: 562px;
    top: 316px;
}

.hubei {
    left: 555px;
    top: 349px;
}

.hunan {
    left: 545px;
    top: 409px;
}

.guangdong {
    left: 575px;
    top: 456px;
}

.guangxi {
    left: 506px;
    top: 461px;
}

.chongqing {
    left: 485px;
    top: 360px;
}

.sichuan {
    left: 425px;
    top: 354px;
}

.guizhou {
    left: 472px;
    top: 417px;
}

.yunnan {
    left: 400px;
    top: 448px;
}

.shanxi1 {
    left: 502px;
    top: 302px;
}
.gansu{
	left:340px;
	top:198px;
	}
.hainan{
	left:520px;
	top:518px;}	
.qinghai{
	left:330px;
	top:280px;}
.xizang{
	left:220px;
	top:320px;}		
	
.neimeng{
	left:523px;
	top:190px;
	}
.xinjiang{
	left:200px;
	top:188px;
	}
.map-dot:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    background-color: #01B7BD;
    border-radius: 50%;
}

.map-dot .beijing:after {
    width: 13px;
    height: 12px;
    border-radius: 0;
	bottom:20px;
}

.branch-map-data {
    position: absolute;
    box-sizing: border-box;
    width: 150px;
    border: 1px solid #01B7BD;
    box-shadow: 0 0 2px 2px #e9e9e9;
    background-color: #fff;
    padding: 10px 30px;
    z-index: 1;
    display: none;
}

.branch-map-data-title {
    border-bottom: 1px solid #eee;
}

.branch-map-data-title p {
    font-size: 18px;
    color: #333;
    line-height: 28px;
}

.branch-map-data-info {
    max-height: 236px;
    overflow-y: auto;
}

.data-branch {
    border-bottom: 1px dashed #eee;
    padding: 6px 0;
    box-sizing: border-box;
}

.data-branch:last-child {
    border: none;
}

a, button, input, textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.data-branch .data-name {
    font-size: 14px;
    color: #666;
    line-height: normal;
    margin-bottom: 5px;
}

.data-branch p {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.data-branch p {
    font-size: 12px;
    color: #999;
    line-height: 20px;
}

.branch-map-data:before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #01B7BD transparent transparent;
}

.branch-map-data:after {
    content: "";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent #fff transparent transparent;
}

.map-dot.cur:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -3px;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #01B7BD;
    animation: dot 4s infinite;
}

@keyframes dot {
    100% {
        transform: translateX(-50%) scale(1);
        opacity: 1;
    }

    50% {
        transform: translateX(-50%) scale(1.5);
        opacity: .1;
    }
}