@charset "utf-8";
	.banner {
	background:url(index01.jpg) no-repeat;
	background-position:top center;
	min-height:924px;
	background-size:cover
}
.top {
	background:rgba(0,0,0,.5)
}
.logo {
	float:left;
	margin-top:1.5%
}
.navigation {
	float:right
}
ul.navig {
	float:left
}
ul.navig li {
	display:inline-block
}
ul.navig li a {
	font-size:.85em;
	color:#fff;
	font-weight:400;
	text-decoration:none;
	padding:32px 20px;
	display:inline-block
}
.banner-center {
	margin-top:15%;
	text-align:center;
	color:#fff
}
.phone {
	float:right;
	width:210px;
	margin:20px 0 0 20px
}
.banner-center h1 {
	color:#fff;
	font-weight:500;
	margin-bottom:15px
}
.banner-center p {
	line-height:35px;
	margin-bottom:15px;
	font-size:1.2em
}
.banner-center p em {
	padding:0 10px
}
.b-href a,.banner8 .a2 {
	color:#fff;
	text-decoration:none;
	padding:10px 30px;
	margin:0 10px;
	display:inline-block;
	border-radius:5px
}
.b-href .a1 {
	border:1px solid #fff
}
.b-href .a2,.banner8 .a2 {
	background:#363636
}
.banner8 .a2 {
	margin:30px auto
}
.banner2 {
	min-height:158px;
	background:#363636;
	text-align:center;
	padding-top:3em;
	position:relative
}
.banner2:after {
	content:'';
	position:absolute;
	left:50%;
	bottom:0;
	margin-left:-20px;
	width:0;
	height:0;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-bottom:20px solid #fff
}
.banner2 h1 {
	color:#fff;
	margin:0;
	margin-bottom:10px
}
.banner2 p {
	color:#707070
}
.banner3 {
	min-height:470px;
	background:#F8F8F8
}
.banner3 ul {
	padding:10% 0 2.5% 0;
	text-align:center
}
.banner3 ul li {
	background:#fff;
	border-radius:5px;
	text-align:center;
	padding:0 30px;
	width:270px;
	float:left;
	margin-right:18px;
	height:244px;
	position:relative;
	padding-top:45px
}
.banner3 ul li img {
	position:absolute;
	left:50%;
	top:-35px;
	margin-left:-35px;
	width:70px;
	height:70px
}
.grid-txt:hover h4 {
	color:#f8525a
}
.grid-txt:hover p {
	color:#363636
}
.grid-txt:hover span {
	background:#f8525a
}
.grid-txt h4 {
	color:#363636;
	font-weight:700;
	padding-bottom:10px
}
.grid-txt em {
	position:absolute;
	width:70px;
	height:70px;
	display:block;
	top:-35px;
	left:50%;
	margin-left:-35px
}
.grid-txt:hover .gr-em1 {
	background:url(icon002.png) no-repeat
}
.grid-txt:hover .gr-em2 {
	background:url(icon03.png) no-repeat
}
.grid-txt:hover .gr-em3 {
	background:url(icon004.png) no-repeat
}
.grid-txt:hover .gr-em4 {
	background:url(icon001.png) no-repeat
}
.gr-em1 {
	background:url(icon02.png) no-repeat
}
.gr-em2 {
	background:url(icon003.png) no-repeat
}
.gr-em3 {
	background:url(icon04.png) no-repeat
}
.gr-em4 {
	background:url(icon01.png) no-repeat
}
.grid-txt p {
	color:#959595;
	line-height:28px;
	font-weight:500
}
.grid-txt span {
	width:70px;
	height:2px;
	display:inline-block;
	background:#363636;
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-35px
}
.g-info {
	text-align:center
}
.g-info span {
	border:1px solid #363636;
	border-radius:5px;
	padding:5px 20px 8px 28px
}
.banner4 {
	background:url(index02.jpg) no-repeat;
	background-position:top center;
	background-size:cover;
	min-height:810px;
	padding-top:75px
}
.banner5 {
	background:url(index03.jpg) no-repeat;
	background-position:top center;
	background-size:cover;
	min-height:820px;
	padding-top:55px;
	position:relative
}
.banner6 {
	background:url(index04.jpg) no-repeat;
	background-position:top center;
	background-size:cover;
	min-height:741px;
	padding-top:55px
}
.banner7 {
	background:url(index05.jpg) no-repeat;
	background-position:top center;
	background-size:cover;
	min-height:980px;
	padding-top:55px
}
.banner8 {
	background:#fff;
	min-height:716px;
	padding-top:55px
}
.phone {
	color:#fff
}
.phone em {
	display:block
}
.phone span {
	color:#fff;
	border:2px solid #fff;
	padding:5px 15px;
	border-radius:5px;
	float:left;
	margin-right:10px
}
.banner9 {
	min-height:540px;
	background:#E4595A;
	padding-top:50px
}
span.b-tips1 {
	background:#fff
}
span.b-tips2 {
	background:#CD4339
}
span.b-tips3 {
	background:#323232
}
.title-h2,.title-p {
	text-align:center;
	color:#fff
}
.title2-h2,.title2-p {
	text-align:center;
	color:#363636
}
.banner4 h2,.banner4 p {
	text-align:center;
	color:#fff
}
.b-tips,.b-tips2 {
	height:2px;
	background:#DB4C40;
	width:170px;
	display:inline-block
}
.web {
	width:400px
}
.design {
	width:400px;
	margin-left:45%;
	margin-top:10%;
	color:#363636
}
.design li div {
	overflow:hidden;
	text-align:left;
	color:#fff
}
.web li div h3,.web li div p {
	text-align:right;
	overflow:hidden
}
.design li p {
	text-align:left
}
.web {
	margin-left:-6%;
	padding-top:50px
}
.web li {
	margin-bottom:40px
}
.web li img {
	float:right;
	margin-left:50px
}
.design li img {
	float:left;
	margin-top:30px;
	margin-right:50px
}
.banner5 h3,.banner5 p {
	text-align:center;
	color:#363636
}
.copyright {
	height:68px;
	line-height:68px;
	background:#000;
	color:#fff;
	text-align:center
}
.wechat-list li {
	float:left;
	width:125px;
	position:relative;
	color:#fff;
	height:125px;
	border:2px solid #fff;
	border-radius:50%;
	display:table;
	margin-right:65px
}
.wechat-list li:last-child:after {
	content:'';
	width:0
}
.wechat-list {
	padding-top:4%;
	padding-left:12%
}
.wechat-list li:after {
	content:'';
	width:65px;
	background:#fff;
	height:2px;
	position:absolute;
	top:50%;
	left:123px
}
.wechat-list li p {
	display:table-cell;
	vertical-align:middle
}
.wechat-list li p em {
	display:block
}
.box {
	position:relative;
	width:810px;
	margin:35px auto 100px
}
.lineF,.lineS {
	position:absolute;
	visibility:hidden
}
.boxF {
	transform:rotate(120deg);
	float:left;
	margin-left:10px;
	-ms-transform:rotate(120deg);
	-moz-transform:rotate(120deg);
	-webkit-transform:rotate(120deg)
}
.boxS {
	transform:rotate(-60deg);
	-ms-transform:rotate(-60deg);
	-moz-transform:rotate(-60deg);
	-webkit-transform:rotate(-60deg)
}
.boxF,.boxS,.boxT,.overlay {
	width:125px;
	height:155px;
	overflow:hidden
}
.boxT {
	transform:rotate(-60deg);
	background:no-repeat 50% center;
	background-size:125% auto;
	-ms-transform:rotate(-60deg);
	-moz-transform:rotate(-60deg);
	-webkit-transform:rotate(-60deg);
	visibility:visible;
	background:rgba(42,148,79,.8)
}
.overlay {
	padding-top:40px
}
.overlay p {
	line-height:40px;
	color:#fff
}
.lineS {
	top:115px;
	left:70px
}
.seven-yun {
	background:url(chrome.png) no-repeat;
	width:868px;
	height:552px;
	margin:20px auto;
	padding-top:45px
}
.vr-list {
	display:inline-block;
	margin-top:20px
}
.vr-list li {
	float:left;
	width:125px;
	text-align:center
}
.gallery {
	padding-top:4em
}
.gallery-top {
	text-align:center
}
.gallery-bottom {
	margin-top:3%
}
.da-thumbs {
	list-style:none;
	position:relative;
	margin:0;
	padding:0
}
.da-thumbs li {
	float:left;
	background:#EFEFEF;
	position:relative;
	width:20%
}
.da-thumbs li a,.da-thumbs li a img {
	display:block;
	position:relative;
	width:100%
}
.da-thumbs li a {
	overflow:hidden
}
.da-thumbs li a div {
	position:absolute;
	background:rgba(31,39,42,.9);
	width:100%;
	height:100%
}
.da-thumbs li a div span {
	display:block;
	padding:10px 20px;
	font-weight:400;
	text-transform:capitalize;
	color:rgba(255,255,255,.9);
	text-align:center;
	font-size:14px;
	border:1px solid #fff;
	position:absolute;
	top:30%;
	left:50%;
	transform:translateX(-50%)
}
.da-thumbs li a div h5 {
	color:#FFF;
	font-size:1.5em;
	text-align:center;
	position:absolute;
	bottom:15%;
	left:50%;
	width:100%;
	transform:translateX(-50%)
}
.web-site {
	color:#fff;
	border-radius:5px;
	border:1px solid #fff;
	padding:5px 15px;
	margin-top:30px;
	display:inline-block
}
.web-site:hover {
	color:#fff
}
.slideBox-title {
	background:url(slide-title.jpg);
	width:844px;
	height:46px
}
.slideBox {
	width:844px;
	height:532px;
	overflow:hidden;
	position:absolute;
	top:220px;
	right:6%
}
.slideBox .hd {
	height:15px;
	overflow:hidden;
	position:absolute;
	right:5px;
	bottom:5px;
	z-index:1
}
.slideBox .hd ul {
	overflow:hidden;
	zoom:1;
	float:left
}
.slideBox .hd ul li {
	float:left;
	margin-right:2px;
	width:15px;
	height:15px;
	line-height:14px;
	text-align:center;
	background:#fff;
	cursor:pointer
}
.slideBox .hd ul li.on {
	background:red;
	color:#fff
}
.slideBox .bd {
	position:relative;
	height:100%;
	z-index:0
}
.slideBox .bd li {
	zoom:1;
	vertical-align:middle
}
.slideBox .bd img {
	width:844px;
	height:485px;
	display:block
}
.multipleColumn {
	position:relative;
	width:1032px;
	padding-left:20px
}
.multipleColumn .hd {
	height:30px;
	padding:0 10px
}
.multipleColumn .hd .next {
	background:url(arr-right.png) no-repeat
}
.multipleColumn .hd ul {
	float:right;
	overflow:hidden;
	zoom:1;
	margin-top:10px;
	zoom:1
}
.multipleColumn .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
}
.multipleColumn .hd ul li.on {
	background-position:0 0
}
.multipleColumn .bd {
	padding:10px;
	overflow:hidden
}
.multipleColumn .bd ul {
	overflow:hidden;
	zoom:1;
	width:506px;
	float:left;
	margin-bottom:0
}
.multipleColumn .bd ul li {
	margin:4px;
	float:left;
	overflow:hidden;
	text-align:center
}
.multipleColumn .bd ul li .pic {
	text-align:center
}
.multipleColumn .bd ul li .pic img {
	width:245px;
	height:85px;
	display:block;
	padding:2px
}
.multipleColumn .bd ul li .pic a:hover img {
	border-color:#999
}
.multipleColumn .bd ul li .title {
	line-height:24px
}
.prev {
	top:50%;
	background:url(arr-left.png) no-repeat;
	z-index:99;
	left:-15px;
	margin-top:-15px;
	display:block;
	width:30px;
	height:30px;
	position:absolute
}
.next {
	background:url(arr-right.png) no-repeat;
	top:50%;
	right:-40px;
	z-index:99;
	display:block;
	margin-top:-15px;
	width:30px;
	height:30px;
	position:absolute
}
#Choco_overlay {
	background:#1F272A!important;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
	width:100%;
	height:100%;
	display:none;
	padding:0;
	margin:0
}
#Choco_content {
	display:none;
	width:800px;
	height:600px;
	z-index:1001;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-400px;
	margin-top:-300px;
	border-top:1px solid transparent
}
#Choco_left_arrow {
	float:left;
	background-image:url(left-1.png)!important;
	background-position:12%;
	left:-20%
}
#Choco_right_arrow {
	float:right;
	background-image:url(right-1.png)!important;
	background-position:88%;
	left:20%
}
.Choco_arrows {
	background-repeat:no-repeat;
	display:none;
	position:relative;
	cursor:pointer;
	width:49%;
	top:-100%;
	height:100%;
	margin-top:-30px
}
#Choco_container_photo {
	text-align:center;
	width:800px;
	height:600px
}
#Choco_container_description {
	padding:0;
	height:26px;
	width:100%;
	color:#FFF;
	font-family:Tahoma;
	clear:both;
	position:relative;
	font-size:12px;
	margin-top:-5px;
	overflow:hidden;
	visibility:hidden
}
#Choco_container_title {
	float:left;
	padding:5px
}
#Choco_container_via {
	padding:5px;
	float:right
}
#Choco_container_via a {
	color:gray
}
#Choco_container_via a:hover {
	color:#fff;
	background:gray
}
#Choco_close {
	width:12px;
	height:12px;
	background-image:url(close.png)!important;
	background-repeat:no-repeat;
	z-index:1002;
	background-size:12px;
	cursor:pointer;
	display:none;
	position:absolute;
	right:-20px;
	top:-40px
}
#Choco_loading {
	width:9px;
	height:11px;
	background-image:url(loading.gif);
	background-repeat:no-repeat;
	z-index:1002;
	cursor:pointer;
	float:right;
	margin-top:-20px;
	display:none
}
#Choco_bigImage {
	display:none;
	position:relative;
	width:100%;
	height:100%;
	margin-top:-5px
}
Window size: 1559 x 1053
Viewport size: 1559 x 468