@charset "utf-8";
/* CSS Document */
body{
     margin:0;
	 padding:0;
	 }
li{
	text-decoration: none;
	list-style-type: none;
	} 
#head{
   width:100%;
   height:85px;
   background:white;
   position:fixed;
   top:0px;
   z-index:1000;
  }	
.head-shine{
  width:1500px;
   margin-left:auto;
 margin-right:auto;
  }
.clear{
 clear:both;
 }
.yo{
	font-size:12px;}
.logo{
   width:300px;
   height:40px;
   float:left;
   padding-left:200px;
  }
.logo img{
   width:56px;
   height:40px;
   margin-top:20px;
   float:left;
  }
.logo p{
   width:180px;
   height:40px;
   margin-top:20px;
   float:left;
   font-size:30px;
   color:#575756;
   padding-left:10px;
  }
.logo-wrap{
   width:500px;
   height:40px;
   float:left;
   margin-top:10px;
   padding-left:200px;
  }
.logo-wrap ul{
	width:600px;
	}
.logo-wrap ul li{
	width:80px;
	float:left;
	font-size:16px;
	padding-left:25px;
	color:#575756;
	}
#li-ba{
  width:50px;
    }
.logo-wrap ul li a{
 	text-decoration: none;
	list-style-type: none;
	color:#999999;
	}
#banner{
 width:100%;
 height:auto;
 }
.index{
 width:1660px;
 height:946px;
 background-image:url(../img/header-background1.jpg);
 margin-left:auto;
 margin-right:auto;
 }
.index-wrap{
 width:125px;
 height:90px;
 margin-left:auto;
 margin-right:auto;
 margin-top:100px;
 }
.index-wrap-p{
 width:450px;
 margin-left:auto;
 margin-right:auto;
 color:#7D3C93;
 font-size:40px;
 }
#banner-wrap{
 width:100%;
 height:auto;
 }
#banner-wrap-i{
 width:100%;
 height:auto;
 margin-top:50px;
 }
.about{
 width:1000px;
 height:auto;
  margin-left:auto;
 margin-right:auto;
 margin-top:80px;
 }
.about-a{
 width:200px;
 margin-left:auto;
 margin-right:auto;
 font-size:20px;
 color:#AA3C93;
 }
.about-b{
 width:500px;
 margin-left:auto;
 margin-right:auto;
 font-size:30px;
 color:#575756;
 padding-top:0;
 }
.about-sin{
 width:1150px;
  margin-left:auto;
 margin-right:auto;
 }
.about-sin-a{
	border-bottom:6px solid #BF9ECA;
	width:360px;
	height:240px;
	float:left;
	margin-right: 10px;
	margin-left: 10px;
}
.aboutb-sin-a{
	width:360px;
	height:auto;
	float:left;
	margin-right: 10px;
	margin-left: 10px;
	background-position: center;
}
.about-sin-b{
width:1150px; height: auto;
}
.aboutb-sin-b{
width:1150px; height: auto;
}
.aboutb-sin{
 width:1150px;
  margin-left:auto;
 margin-right:auto;
 }
h3{
	font-size:20px;
	color:#7D3C93;
	width:100px;
	margin-left:auto;
	margin-right:auto;
 }
.aboutc-sin{
 width:1200px;
  margin-left:auto;
 margin-right:auto;
 }
.aboutc-sin-a{
	width:340px;
	height:auto;
	float:left;
	background-position: center;
	color:#999999;
	font-size:12px;
}
.pot{
font-size:40px;
color:#000000;
padding-left:50px;
 }
.aboutc-sin-t{
	width:500px;
	height:auto;
	float:left;
	background-position: center;
	color:#999999;
	font-size:12px;
}

.banner-a{
 background-image:url(../img/newsletter-background.jpg);
 width:1660px;
 height:280px;
  margin-left:auto;
 margin-right:auto;
 }
.banner-a-wrap{
 width:1200px;
 margin-left:auto;
 margin-right:auto;
 }
.enter{
 padding-left:550px;
 padding-top:150px;
 }
.left{
 width:1100px;
 height:auto;
 float:left;
 }
.boon{
 width:1100px;
 height:auto;
 float:left;
 margin-top:80px;
 }
 .right{
 width:300px;
 margin-top:300px;
 float:left;
 height:auto;
 }
.banner-center{
 width:1400px;
 height:auto;
 margin-left:auto;
 margin-right:auto;
 }
.left-mid{
  width:550px;
  height:auto;
  float:left;
  }
.left-midd{
  width:500px;
  height:auto;
  float:left;
  }
 .left-midd-d{
  width:500px;
  height:auto;
  float:left;
  padding-left:50px;
  }
 h4{
	font-size:20px;
	color:#7D3C93;
	width:300px;
	margin-left:auto;
	margin-right:auto;
 }
.mid{
  margin-top:300px;
  width:1100px;
}
.magie{
  margin-top:50px;
  width:1100px;
  }
.bald{
 width:350px;
 float:left;
 padding-right:16px;
 margin-top:10px;
 }
.left-mid img{
padding-left:50px;
}
.left-mid p{
 padding-left:30px;
 width:450px;
 }
 .left-mid let{
  padding-left:0;
  }
 
.footer{
  width:100%;
  background-image:url(../img/47.png);
  height:200px;
  margin-top:50px;
  }
 .footer-ban{
  width:1000px;
  margin-left:auto;
  margin-right:auto;
  }
 .ban-a{
	padding-top: 40px;
	padding-left:200px;
	overflow: hidden;
  }
 .ban-b{
	float: left;
	list-style-image: none;
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #777777;
	padding-right: 10px;
	padding-left: 5px;
	color:#CCCCCC;
 }
 .ban-c{
	float: left;
	list-style-image: none;
	list-style-type: none;
	padding-right: 10px;
	padding-left: 5px;
	color:#CCCCCC;
 }
 .ban-d{
	float: left;
	list-style-image: none;
	list-style-type: none;
	padding-left:50px;
	color:#CCCCCC;
	padding-top:20px;
	font-size:16px;
 }

.main-img{
width:200px; 
height:200px; 
border:8px solid #EBAA98; 
border-radius: 50%;
float:left;
}
.main{
 width:1200px;
  margin-left:auto;
 margin-right:auto;
 }
.main ul li{
 padding-right:50px;
 }
 .team{
 width:450px;
 margin-left:auto;
 margin-right:auto;
 clear:both;
 font-size:40px;
 padding-top:20px;
 }
 
 #container.sub-page {
	margin-top: 50px;
	padding-top: 50px;
	clear: both;
}
#container .wrap-container {
	background: #ffffff;
	height: auto;
	border:1px #999999 solid;
	border-radius:20px;
}
.zerogrid {
	width: 1200px;
	position: relative;
	margin: 0 auto;
	padding: 0px;
	height: auto;
}

 #containei.sub-pagei {
	margin-top: 50px;
	padding-top: 50px;
	clear: both;
}
#containei .wrap-containeri {
	background: #ffffff;
	height: auto;
	border:1px #999999 solid;
	border-radius:20px;
	float:left;
}
.zerogridi{
	width: 600px;
	position: relative;
	height: auto;
	float:left;
	margin-top:20px;
}
.crumbs {
	-webkit-box-shadow: 0px 25px 18px -26px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 25px 18px -26px rgba(0,0,0,0.75);
	box-shadow: 0px 25px 18px -26px rgba(0,0,0,0.75);
	padding: 20px 0 20px 30px;
}
.crumbs ul {
	list-style: none;
	display: inline-table;
}
.crumbs ul li {
	display: inline;
}
.crumbs ul li a {
	display: block;
	float: left;
	background: #654e2d;
	text-align: center;
	padding: 7px 30px 8px 50px;
	position: relative;
	margin: 0 20px 0 0;
	font-size: 20px;
	text-decoration: none;
	color: #ddd;
}
.crumbs ul li a:after {
	content: "";
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #654e2d;
	position: absolute;
	right: -20px;
	top: 0;
	z-index: 1;
	-webkit-transition: border 0.3s, -webkit-transform 0.3s;
	-moz-transition: border 0.3s, -moz-transform 0.3s;
	-o-transition: border 0.3s, -o-transform 0.3s;
	transition: border 0.3s, transform 0.3s;
}
.crumbs ul li a:before {
	content: "";
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #fff;
	position: absolute;
	left: 0;
	top: 0;
}
.crumbs ul li:first-child a {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
}
.crumbs ul li:first-child a:before {
	display: none;
}
.crumbs ul li:last-child a {
	padding-right: 50px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.crumbs ul li:last-child a:after {
	display: none;
}
.crumbs ul li a:hover {
	background: #222;
	color: #fff;
}
.crumbs ul li a:hover:after {
	border-left-color: #222;
}
#main-content {
	margin-top: 40px;
}
#main-content .wrap-content {
	padding: 0 30px 20px;
	border-right: 1px solid #ddd;
}
#main-content .wrap-content h3 {
	margin-bottom: 20px;
	color: #654E2D;
}
.zerogrid .col-2-3 {
	width: 100%;
	height: auto;
}
article {
	display: inline-block;
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	margin-bottom: 30px;
}
article:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
article:after, article:before {
	clear: both;
	content: '\0020';
	display: block;
	visibility: hidden;
	width: 0;
	height: 0;
}
article .art-header h3 {
	font-size: 25px;
}
article .art-content a {
	color: #FE9B13;
	font-weight: bold;
}
article .art-content a:hover {
	color: #000;
}
article .art-content blockquote {
	border-left: 3px solid #1c7791;
	font-size: 18px;
	margin: 0 50px;
	font-style: italic;
	color: #666;
	padding-left: 20px;
}
article .art-content ol {
	float: left;
	text-align: justify;
	margin: 10px 50px;
	font-size: 16px;
	list-style-type: circle;
}
article .entry-title {
	margin: 10px 0;
}
article .entry-title h2 {
	line-height: 1.2;
	font-size: 38px;
}
article .info a {
	color: #BE0A0A;
}
article .info span {
	padding-left: 30px;
}
article .info a:hover {
	text-decoration: underline;
}
article img {
	display: inline-block;
	max-width: 250px;
	float: left;
	padding-right: 15px;
}
a.button {
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	border: 1px solid #ffffff;
	display: inline-block;
	text-decoration: none;
	background: #5A0000;
	margin: 10px 0;
	padding: 5px 15px;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}

.from{
  float:left;
}

#map{
  float:right;
  margin-left:150px;
  margin:0;
}
#map iframe{
	width:580px;
	height:380px;
}
.wrap-u{
	width:1200px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	border-top-width: 3px;
	border-bottom-width: 3px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #854999;
	border-bottom-color: #854999;
	margin-top:50px;
 }

.oop{
 width:1200px;
 height:auto;
 float:left;
 }
.yf{
 width:1000px;
 height:auto;
 float:left;
 padding-left:100px;
 }
 .yy{
  width:800px;
  }
.oop-a{
 width:300px;
 height:auto;
 float:left;
 }
.wrap-ui{
  width:458px;
  height:auto;
  float:left;
  }
p{
width:500px;
font-size:16px;
color:#666666;
padding-left:50px;
}
#wrap-bo{
  width:637px;
  height:800px;
  float:left;
  background-image:url(../img/04.png);
  margin-top:50px;
  padding-left:20px;
  }
.wrap-ui img{
 padding-top:10px;
  width:80px;
 height:80px;
 }
.wrap-uio{
 padding-top:20px;
  padding-left:200px;
   width:80px;
 height:80px;
 }
.wrap-uii{
 padding-left:180px;
 }

.wrap-uir{
 margin-top:50px;
  padding-left:180px;
  }
.po{
  width:250px;
  font-size:40px;
  padding-left:100px;
  }
.poi{
 color:#000000;
 font-size:40px;
 }
.boo{
 width:458px;
 float:left;
 }
.booi{
 width:1200px;
 float:left;
 }
  
.col-sm-61 {
    position: relative;
    min-height: 1px;
	padding-bottom:50px;
	width:458px;
	padding-top:50px;
}
h5{
	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: lighter;
	color: #6C6C6C;
}


.cbl-p{
	font-family: "微软雅黑";
	font-size: 10px;
	font-weight: lighter;
	color: #ABABAB;
}

.ih-item {
    position: relative;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.ih-item * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ih-item a {
    color: #333;
}
.ih-item a:hover {
    text-decoration: none;
}
.ih-item img {
    width: 458px;
    height: 250px;
}
.ih-item.square {
    position: relative;
    width: 458px;
    height: 250px;
    border: 8px solid #fff;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.ih-item.square .info {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ih-item.square.effect3 {
    overflow: hidden;
}
.ih-item.square.effect3.colored .info {
    background: #1a4a72;
}
.ih-item.square.effect3 .img {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.ih-item.square.effect3 .info {
    height: 110px;
    background: #333333;
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.ih-item.square.effect3 .info h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 17px;
    padding: 10px 10px 0 4px;
    margin: 4px 0 0 0;
}
.ih-item.square.effect3 .info p {
    font-size: 12px;
    position: relative;
    color: #fff;
	text-indent:2em;
	line-height:20px;
	text-align:left;
}
.ih-item.square.effect3 a:hover .info {
    visibility: visible;
    opacity: 1;
}
.ih-item.square.effect3.bottom_to_top .info {
    top: auto;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.ih-item.square.effect3.bottom_to_top a:hover .img {
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
}
.ih-item.square.effect3.bottom_to_top a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.ih-item.square.effect3.top_to_bottom .info {
    bottom: auto;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.ih-item.square.effect3.top_to_bottom a:hover .img {
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}
.ih-item.square.effect3.top_to_bottom a:hover .info {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.hh{
 width:500px;
 padding-left:50px;
 margin-top:20px;
 }
.cone-d-r-one{
	height: auto;
	width: 300px;
	overflow: hidden;
	float: left;
	margin-top: 20px;
	margin-left: 15px;
	margin-bottom: 20px;
}

.cone-d-r-two{
	height: auto;
	width: 300px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #AAAAAA;
}

.cone-d-r-two-l{
	height: auto;
	width: 42px;
	overflow: hidden;
	float:left;
}
.cone-d-r-two-l img{
	padding-top: 10px;
}

.cone-d-r-two-r{
	height: auto;
	width: 258px;
	overflow: hidden;
	float:left;
}
#product{
	width:100%;
	margin:0 auto;
	padding-left:50px;
	margin-bottom:20px;
	height:auto;
	float:left;
}

.product-info{
	width: 300px;
	padding:10px; 
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.product-info img{
	width:300px;
	display:block;
	padding: 3px;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;
}
.product-img{
  float:left;
  }