@charset "utf-8";
/* CSS Document */

.conter {
	width: 1200px;
	margin-top: 100px;
	position: relative;
	left: 50%;
	margin-left: -600px;
	display: table;
}
.fy {
	width: 100%;
	display: table;
}
.fy a {
	padding: 5px 12px;
	background-color: #F8F8F8;
	color: #666666;
	font-size: 13px;
	margin-right: 4px;
}
.fy a:hover {
	background-color: #DB3717;
	color: #fff;
}
.fy a.on {
	background-color: #DB3717;
	color: #fff;
}
.waper,  .news-list {
	width: 100%;
	display: table;
}
.waper .Project li {
	width: 100%;
	display: table;
	margin-bottom: 30px;
	cursor: pointer;
}
.Project .Pro-lft {
	float: left;
	width: 700px;
	height: 300px;
	position: relative;
	background-size: 100% 100% !important;
	transition: all 3s cubic-bezier(0.65, 0.65, 0.65, 0.65) 0s;
	-webkit-transition: all 3s cubic-bezier(0.65, 0.65, 0.65, 0.65) 0s;
	-moz-transition: all 3s cubic-bezier(0.65, 0.65, 0.65, 0.65) 0s;
	-o-transition: all 3s cubic-bezier(0.65, 0.65, 0.65, 0.65) 0s;
}
.Project li:hover .Pro-lft {
	background-size: 105% 105% !important;
}
.Project .Pro-rit {
	float: left;
	width: 500px;
	height: 300px;
	background-color: #fff;
	position: relative;
	transition: all .4s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-webkit-transition: all .4s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-moz-transition: all .4s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-o-transition: all .4s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
}
.Project .pro-lt {
	width: 670px;
	height: 270px;
	border: 1px solid #fff;
	position: absolute;
	left: 50%;
	margin-left: -335px;
	top: 50%;
	margin-top: -135px;
}
.Project .Pro-rit dl {
	width: 200px;
	height: 180px;
	position: absolute;
	left: 50%;
	margin-left: -100px;
	top: 50%;
	margin-top: -90px;
}
.Project .Pro-rit dl dt {
	width: 74px;
	height: 74px;
	margin: 0 auto;
	position: relative;
}
.Project .Pro-rit dl dt u {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/gc-ico1.png) no-repeat center center;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	transition: all .4s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-webkit-transition: all .4s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-moz-transition: all .4s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-o-transition: all .4s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
}
.Project .Pro-rit dl dt i {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../img/gc-ico2.png) no-repeat center center;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	transition: all .4s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-webkit-transition: all .4s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-moz-transition: all .4s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-o-transition: all .4s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
}
.Project .Pro-rit dl dd {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
.Project .Pro-rit dl dd h3 {
	font-size: 15px;
	color: #000000;
}
.Project .Pro-rit dl dd span {
	display: block;
	width: 30px;
	border: 1px solid #E2E2E2;
	margin: 20px auto 0;
}
.Project .Pro-rit dl dd font {
	display: block;
	font-size: 12px;
	font-family: "Arial";
	text-transform: uppercase;
	margin-top: 20px;
	color: #CCCCCC;
}
.waper .Project li:hover .Pro-rit {
	background-color: #DB3717;
}
.waper .Project li:hover .Pro-rit dd h3 {
	color: #fff;
}
.waper .Project li:hover dd span {
	border-color: #fff;
}
.waper .Project li:hover dl dd font {
	color: #fff;
}
.waper .Project li:hover .Pro-rit dl dt u {
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.waper .Project li:hover .Pro-rit dl dt i {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.Project .pro-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	transition: all .4s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-webkit-transition: all .4s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-moz-transition: all .4s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-o-transition: all .4s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
}
.Project .pro-bg span {
	display: block;
	width: 670px;
	height: 270px;
	border: 1px solid #fff;
	position: absolute;
	left: 50%;
	margin-left: -335px;
	top: 50%;
	margin-top: -135px;
}
.Project .pro-bg a {
	display: block;
	width: 100px;
	height: 34px;
	background-color: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -17px;
	text-align: center;
	line-height: 34px;
	font-size: 12px;
	text-transform: uppercase;
	color: #DB3717;
}
.Project .pro-bg a:hover {
	background-color: #DB3717;
	color: #fff;
}
.waper .Project li:hover .pro-bg {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.Project .ajx2 .Pro-lft, .Project .ajx4 .Pro-lft, .Project .ajx6 .Pro-lft {
	float: right;
}
.Project .ajx2 .Pro-rit, .Project .ajx4 .Pro-rit, .Project .ajx6 .Pro-rit {
	float: left;
}
.Project .ajx2 dl dt u {
	background: url(../img/gc-ico3.png) no-repeat center center;
}
.Project .ajx2 dl dt i {
	background: url(../img/gc-ico4.png) no-repeat center center;
}
.Project .ajx3 dl dt u {
	background: url(../img/gc-ico5.png) no-repeat center center;
}
.Project .ajx3 dl dt i {
	background: url(../img/gc-ico6.png) no-repeat center center;
}
.Project .ajx4 dl dt u {
	background: url(../img/gc-ico7.png) no-repeat center center;
}
.Project .ajx4 dl dt i {
	background: url(../img/gc-ico8.png) no-repeat center center;
}
.Project .ajx5 dl dt u {
	background: url(../img/gc-ico9.png) no-repeat center center;
}
.Project .ajx5 dl dt i {
	background: url(../img/gc-ico10.png) no-repeat center center;
}
.Project .ajx6 dl dt u {
	background: url(../img/gc-ico11.png) no-repeat center center;
}
.Project .ajx6 dl dt i {
	background: url(../img/gc-ico12.png) no-repeat center center;
}
.news-list {
	width: 1120px;
	padding: 40px;
	background-color: #fff;
	margin-top: 20px;
}
.Accord {
	width: 100%;
	height: 100px;
	display: table;
	background-color: #fff;
	position: relative;
}
.Accord1 a {
	float: left;
	width: 50%;
	height: 100px;
	text-align: center;
	line-height: 100px;
	background-color: #fff;
}
.Accord1 a font {
	font-size: 15px;
}
.Accord1 a span {
	display: inline-block;
	height: 12px;
	border-left: 1px solid #E2E2E2;
	vertical-align: middle;
	margin: 0 10px;
}
.Accord1 a small {
	font-size: 12px;
	text-transform: uppercase;
	color: #E2E2E2;
}
.Accord1 a:hover {
	background-color: #DB3717;
}
.Accord1 a:hover font, .Accord a:hover small {
	color: #fff;
}
.Accord1 a.on {
	background-color: #DB3717;
}
.Accord1 a.on font, .Accord a.on small {
	color: #fff;
}
.sub-news {
	width: 100%;
}
.sub-news li {
	width: 100%;
	display: table;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #E2E2E2;
}
.sub-news li dt {
	float: left;
	width: 199px;
	height: 150px;
	overflow: hidden;
}
.sub-news li dt img {
	width: 199px;
	height: 140px;
}
.sub-news li dt img:hover {
	opacity: 0.9;
}
.sub-news li dd {
	width: 894px;
	float: right;
	position: relative;
}
.sub-news li dd h6 {
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 3px;
	color: #999999;
}
.sub-news li dd h3 a {
	font-size: 18px;
}
.sub-news li dd h3 a:hover {
	color: #DB3717;
}
.sub-news li dd span {
	display: block;
	width: 30px;
	border-top: 2px solid #E2E2E2;
	margin: 17px 0;
}
.sub-news li dd p {
	width: 776px;
	line-height: 22px;
	color: #999999;
}
.sub-news li dd small a {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -10px;
	display: block;
	width: 20px;
	height: 20px;
	font-size: 14px;
	text-align: center;
	line-height: 18px;
	border: 1px solid #E2E2E2;
	color: #E2E2E2;
}
.sub-news li dd small a:hover {
	background-color: #DB3717;
	color: #fff;
	border-color: #DB3717;
}
.Accord2 .return {
	float: left;
	width: 125px;
	height: 40px;
	position: absolute;
	left: 25px;
	top: 50%;
	margin-top: -20px;
}
.Accord2 .return a {
	display: block;
	width: 100%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #E2E2E2;
	color: #999999;
}
.Accord2 .return a img {
	vertical-align: middle;
}
.Accord2 .return a:hover {
	border-color: #DB3717;
	color: #DB3717;
}
.rit-mbx {
	height: 40px;
	position: absolute;
	right: 25px;
	top: 50%;
	margin-top: -20px;
}
.rit-mbx2 {
	right: 362px;
}
.rit-mbx span, .rit-mbx font, .rit-mbx small, .rit-mbx a {
	display: inline-block;
	font-size: 12px;
	line-height: 40px;
	margin-left: 8px;
	color: #999999;
}
.rit-mbx a:hover {
	color: #DB3717;
}
.news-title {
	width: 100%;
	padding-bottom: 18px;
	border-bottom: 1px solid #E2E2E2;
}
.news-title h2 {
	font-size: 30px;
	color: #363636;
	text-align: center;
}
.news-title p {
	margin-top: 30px;
	text-align: center;
	font-size: 12px;
	color: #999999;
	font-family: "宋体";
}
.news-title p font, .news-title p span {
	display: inline-block;
	margin-right: 15px;
}
.news-title p span {
	height: 10px;
	border-right: 1px solid #999999;
	vertical-align: middle;
}
.news-cot h5 {
	font-size: 13px;
	font-weight: bold;
	color: #363636;
	margin-top: 40px;
}
.news-cot p {
	margin-top: 40px;
	font-size: 12px;
	color: #999999;
	line-height: 23px;
}
.news-fp {
	width: 100%;
	border-top: 1px solid #E2E2E2;
	margin-top: 40px;
	padding-top: 40px;
}
.news-fp p {
	float: left;
	color: #666666;
}
.news-fp p a {
	color: #666666;
}
.news-fp p a:hover {
	color: #DB3717;
}
.buck-banner {
	width: 1920px;
	height: 450px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	margin-top: 20px;
}
.buck-banner img {
	width: 1920px;
	height: 299px;
}
.intro {
	width: 1920px;
	height:55px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	background: url(../img/buck-bg.jpg) no-repeat right center;
	display: table;
}
.intro .sub-intro {
	width: 1560px;
	height: 55px;
	float: right;
	position: relative;
}
.intro-tit {
	position: absolute;
	left: 0;
	top: -220px;
}
.info-warm {
	width: 100%;
	display: table;
}
.info-warm .warm-lft {
	float: left;
	width: 550px;
}
.info-warm .warm-lft h3 {
	font-size: 26px;
	color: #DB3717;
}
.info-warm .warm-lft p {
	font-size: 13px;
	color: #666666;
	line-height: 23px;
	margin-bottom: 22px;
}
.info-warm .warm-lft span {
	display: block;
	width: 35px;
	border-bottom: 2px solid #DB3717;
	margin: 35px 0;
}
.info-warm .warm-rit {
	float: right;
	width: 445px;
}
.warm-tit {
	width: 1920px;
	height: 195px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	margin-top: 100px;
	background: url(../img/buck-bg.jpg) no-repeat left center;
	display: table;
}
.warm-tit .sub-warm-tit {
	width: 1260px;
	height: 195px;
	position: absolute;
	left: 0;
	top: 0;
}
.warm-tit .sub-warm-tit .sub-tit {
	width: 340px;
	height: 90px;
	text-align: center;
	position: absolute;
	right: 120px;
	top: 50%;
	margin-top: -45px;
	background: url(../img/buck-tit.png) no-repeat center bottom;
}
.warm-tit .sub-warm-tit .sub-tit h3 {
	font-size: 40px;
	color: #DB3717;
	font-family: "Constantia";
	text-transform: uppercase;
}
.warm-tit .sub-warm-tit .sub-tit h5 {
	font-size: 16px;
	color: #000;
	letter-spacing: 10px;
}
.warm-list {
	width: 100%;
	margin-top: 100px;
	display: table;
}
.warm-list .cuper li{ width:100%; display:table; margin-bottom:115px; border-bottom:1px solid #F8F8F8;}

.warm-list .cuper li dt{ float:right; width:550px; height:100px;}

.warm-list .cuper li dd{ float:left; width:554px;}

.warm-list .cuper li dd h4{ float:left; width:80px; height:80px; border-radius:50%; background-color:#DB3717; text-align:center; line-height:80px; font-size:15px; color:#fff; vertical-align:middle;}

.warm-list .cuper li dd p{ float:right; width:437px; margin-top:13px; line-height:24px; color:#666666;}

.warm-list .cuper .mx2 dt,.warm-list .cuper .mx4 dt{ float:left;}

.warm-list .cuper .mx2 dd,.warm-list .cuper .mx4 dd{ float:right;}

.warm-list .cuper .mx2 dd h4,.warm-list .cuper .mx4 dd h4{ background-color:#FF9E20;}

.warm-list .cuper .mx2 dd p{ margin-top:5px;}

.warm-list .cuper .mx3 dd p{ margin-top:29px;}
#wrapper {
	width: 100%;
	background: #000;
	opacity: 0;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	position: absolute;
	z-index: 100;
	left: 0;
	top: 0;
}
#imloading {
	width: 150px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	text-align: center;
	border-radius: 3px;
	background-color: rgba(0,0,0,0.5);
	margin: 30px auto 30px;
	color: #fff;
	display: none;
}
.conter2 {
	margin-top: 0px;
}
.fy2 {
	margin-top: 50px;
	display: none;
}
.content {
	width: 100%;
	margin: 0 auto;
}

@media screen and (max-width:1440px) {
.content {
	width: auto !important;
	margin: 0 auto;
}
}

@media screen and (max-width: 1024px) {
.content {
	width: 97%;
	margin: 0 auto;
}
}

@media screen and (max-width: 980px) {
.content {
	width: 95%;
	margin: 0 auto;
}
}

@media screen and (max-width: 720px) {
.content {
	width: 94%;
	margin: 0 auto;
}
}

@media only screen and (max-width: 720px) and (-webkit-min-device-pixel-ratio : 1.0) and (orientation:landscape) {
.content .rec_con ul li {
	width: 240px;
	height: 180px;
	margin-top: 10px;
}
.content .rec_con ul li img {
	width: 240px;
	height: 180px;
}
}

@media screen and (max-width: 480px) {
.content {
	width: 100%;
}
}

@media screen and (max-width: 380px) {
.content {
	width: 240px;
}
}
.waterfull {
	margin: 0 auto;
}
.waterfull ul li {
	float: left;
	width: 285px;
	margin-top: 20px;
	margin-right: 20px;
	position: relative;
	overflow: hidden;
}
.waterfull ul li .a-img {
	width: 285px;
	display: block;
	position: relative;
}
.waterfull ul li .a-img img {
	width: 100%;
	margin: 0 auto;
	display: block;
	min-height: 250px;
}
.waterfull ul li .a-img font {
	position: absolute;
	left: 50%;
	margin-left: -45%;
	top: 5%;
	display: block;
	width: 90%;
	height: 90%;
}
.waterfull ul li .a-img font span {
	position: absolute;
	display: block;
}
.waterfull ul li .a-img font .it-top {
	left: 0;
	top: 0;
	width: 0%;
	border-top: 1px solid #fff;
	-webkit-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-moz-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-o-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
}
.waterfull ul li .a-img font .it-bom {
	right: 0;
	bottom: 0;
	width: 0%;
	border-bottom: 1px solid #fff;
	-webkit-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-moz-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-o-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
}
.waterfull ul li .a-img font .it-lft {
	left: 0;
	bottom: 0;
	height: 0%;
	border-left: 1px solid #fff;
	-webkit-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-moz-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-o-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
}
.waterfull ul li .a-img font .it-rit {
	right: 0;
	top: 0;
	height: 0%;
	border-right: 1px solid #fff;
	-webkit-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-moz-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	-o-transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
	transition: all .3s cubic-bezier(0.45, 0.65, 0.65, 0.45) 0s;
}
.waterfull ul li:hover .a-img font .it-top {
	width: 100%;
}
.waterfull ul li:hover .a-img font .it-bom {
	width: 100%;
}
.waterfull ul li:hover .a-img font .it-lft {
	height: 100%;
}
.waterfull ul li:hover .a-img font .it-rit {
	height: 100%;
}
.waterfull ul li .water-tit {
	width: 100%;
	height: 80px;
}
.waterfull ul li .water-tit a {
	display: block;
	width: 100%;
	height: 80px;
	text-align: center;
	line-height: 80px;
	font-size: 15px;
	background-color: #fff;
}
.waterfull ul li:hover .water-tit a {
	background-color: #DB3717;
	color: #FFF;
}
/*.masonry{ width:110%;}*/

.screening {
	width: 100%;
	display: table;
	height: 100px;
	margin-bottom: 50px;
	background-color: #fff;
}
.screening ul {
	width: 110%;
	display: table;
}
.screening ul li {
	float: left;
	width: 200px;
	position: relative;
}
.screening ul li a {
	display: block;
	width: 100%;
	height: 100px;
	text-align: center;
	line-height: 100px;
	font-size: 15px;
}
.screening ul li a:hover {
	background-color: #DB3717;
	color: #fff;
}
.screening ul li span {
	position: absolute;
	right: 0px;
	top: 50%;
	margin-top: -10px;
	display: block;
	height: 20px;
	border-right: 1px solid #D2D2D2;
}
.screening ul li:hover span {
	display: none;
}
.screening2 ul li {
	width: 300px;
}
.banner {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	display: table;
}
.model {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	display: table;
	padding: 80px 0;
	background-color: #fff;
}
.model .sub-mod {
	width: 1200px;
	margin: 0 auto;
}
.list-anili {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	display: table;
}
.list-anili li {
	width: 100%;
	margin: 0;
	height: 600px;
}
.list-anili li img {
	width: 100%;
	height: 600px;
}
.honor {
	width: 100%;
	display: table;
}
.honor li {
	float: left;
	width: 556px;
	height: 420px;
	margin-bottom: 40px;
}
.conter3 {
	margin-top: 50px;
}
.brand {
	width: 1180px;
	display: table;
	background-color: #fff;
	padding: 0 0 40px 20px;
}
.brand ul li {
	width: 100%;
	border-bottom: 1px solid #E2E2E2;
	padding-bottom: 40px;
}
.brand ul li .bar-tit {
	margin-top: 40px;
}
.brand ul li .bar-tit h3 {
	font-size: 24px;
	color: #DB3717;
}
.brand ul li .bar-list {
	width: 110%;
	display: table;
	margin-top: 40px;
}
.brand ul li .bar-list dl {
	float: left;
	width: 216px;
	height: 140px;
	border: 1px solid #E2E2E2;
	margin-right: 18px;
	position: relative;
	transition: all .4s ease-in-out 0s;
	-webkit-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
}
.brand ul li .bar-list dl dt img {
	width: 216px;
	height: 140px;
}
.brand ul li .bar-list dl dd img {
	width: 216px;
	height: 140px;
}
.brand ul li .bar-list dl dd {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	transition: all .4s ease-in-out 0s;
	-webkit-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
}
.brand ul li .bar-list dl:hover {
	border-color: #DB3717;
}
.brand ul li .bar-list dl:hover dd {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.con-video {
	width: 1920px;
	height: 826px;
	background: url(../img/zup-bg.jpg) no-repeat center center;
	position: relative;
	left: 50%;
	margin-left: -960px;
	display: table;
	margin-top: 100px;
}
.sub-video-con {
	width: 1200px;
	height: 626px;
	position: absolute;
	left: 50%;
	margin-left: -600px;
	top: 50%;
	margin-top: -323px;
}
.introduce {
	width: 100%;
	display: table;
	font-size: 15px;
	color: #666;
	line-height: 26px;
}
.introduce h3 {
	font-size: 24px;
	color: #DB3717;
	text-align: center;
}
.introduce .int-nor {
	width: 96%;
	padding: 30px 20px;
	margin-top: 38px;
	border: 1px solid #E2E2E2;
}
.introduce .int-nor h4 {
	font-size: 18px;
	color: #DB3717;
}
.introduce p {
	font-size: 15px;
	color: #666;
	line-height: 26px;
	margin-top: 20px;
}
.introduce p img {
	width: 100%;
}
.assories {
	width: 100%;
	display: table;
}
.assories ul {
	width: 110%;
	display: table;
}
.assories ul li {
	float: left;
	width: 380px;
	margin-right: 30px;
	margin-bottom: 30px;
}
.assories ul li dt {
	width: 380px;
	height: 400px;
	position: relative;
}
.assories ul li dd {
	width: 100%;
	padding: 40px 0;
	background-color: #fff;
	text-align: center;
	transition: all .4s ease-in-out 0s;
	-webkit-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
}
.assories ul li dd h3 {
	display: inline-block;
	font-size: 15px;
	padding-bottom: 15px;
	border-bottom: 2px solid #E2E2E2;
}
.assories ul li dd small {
	color: #CCCCCC;
	display: block;
	margin: 15px auto 0;
	font-size: 13px;
}
.assories ul li:hover dd {
	background-color: #DB3717;
}
.assories ul li:hover dd h3 {
	color: #fff;
	border-color: #fff;
}
.assories ul li:hover dd small {
	color: #fff;
}
.assories ul li dt .hs-bg {
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	transition: all .4s ease-in-out 0s;
	-webkit-transition: all .4s ease-in-out 0s;
	-ms-transition: all .4s ease-in-out 0s;
	-o-transition: all .4s ease-in-out 0s;
}
.assories ul li dt .hs-bg .xian {
	width: 350px;
	height: 384px;
	margin: 15px auto 0;
	border: 1px solid #fff;
	border-bottom: none;
}
.assories ul li dt .hs-bg .xian p {
	color: #FFFFFF;
	width: 90%;
	margin: 24px auto 0;
	line-height: 23px;
}
.assories ul li:hover .hs-bg {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
 filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.call-sub-con {
	width: 1200px;
	margin: 0 auto;
	display: table;
}
.call-sub-con li {
	float: left;
	width: 400px;
	height: 100px;
}
.call-sub-con li a {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	text-align: center;
	line-height: 100px;
}
.call-sub-con li a span,  .call-sub-con li a font,  .call-sub-con li a small {
	display: inline-block;
}
.call-sub-con li a span {
	font-size: 15px;
	color: #363636;
}
.call-sub-con li a font {
	height: 10px;
	margin: 0 10px;
	border-right: 1px solid #F0F0F0;
}
.call-sub-con li a small {
	text-transform: uppercase;
	color: #CCCCCC;
}
.call-sub-con li a:hover {
	background-color: #DB3717;
}
.call-sub-con li a:hover span,  .call-sub-con li a:hover small {
	color: #fff;
}
.call-sub-con li a:hover font {
	border-color: #fff;
}
.call-sub-con li.on a {
	background-color: #DB3717;
}
.call-sub-con li.on a span,  .call-sub-con li.on a small {
	color: #fff;
}
.call-sub-con li.on a font {
	border-color: #fff;
}
.join {
	width: 1100px;
	display: table;
	background-color: #fff;
	padding: 0 50px;
	margin-top: 40px;
	padding-top: 40px;
	padding-bottom: 40px;
}
.join .sub-join {
	width: 100%;
	display: table;
	margin-top: 10px;
}
.join .sub-join li {
	margin-top: 10px;
}
.join-tit {
	width: 100%;
	height: 60px;
	background-color: #F2F2F2;
	display: table;
}
.join-tit h3,  .join-tit span,  .join-tit small,  .join-tit font {
	display: inline-block;
	line-height: 60px;
}
.join-tit h3 {
	font-size: 15px;
	color: #363636;
	font-weight: bold;
	margin-left: 30px;
	width: 520px;
}
.join-tit span,  .join-tit font {
	font-size: 13px;
	color: #666666;
	width: 202px;
}
.join-tit small {
	width: 30px;
	height: 30px;
	background: url(../img/hjt.png) no-repeat center center;
	vertical-align: middle;
}
.join-tit:hover {
	background-color: #DB3717;
}
.join-tit:hover h3,  .join-tit:hover span,  .join-tit:hover font {
	color: #fff;
}
.join-tit:hover small {
	background: url(../img/bjt.png) no-repeat center center;
}
.join-xx {
	display: table;
	padding-bottom: 20px;
	display: none;
}
.join-xx h4 {
	font-size: 13px;
	color: #DB3717;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 30px;
}
.join-xx p {
	font-size: 13px;
	color: #666666;
	line-height: 23px;
}
.join .sub-join li.on .join-tit {
	background-color: #DB3717;
}
.join .sub-join li.on .join-tit h3,  .join .sub-join li.on .join-tit span,  .join .sub-join li.on .join-tit font {
	color: #fff;
}
.join .sub-join li.on .join-tit small {
	background: url(../img/bjt.png) no-repeat center center;
}
.address {
	width: 1200px;
	height: 200px;
	margin-top: 20px;
	background-color: #FFFFFF;
}
.address li {
	float: left;
	width: 400px;
	height: 200px;
}
.address li dl {
	width: 300px;
	display: table;
	margin: 58px auto 0;
}
.address li dl dt {
	float: left;
	width: 81px;
	height: 81px;
}
.address li dl dd {
	float: right;
	width: 212px;
	margin-top: 20px;
}
.address li dl dd p {
	font-size: 14px;
	color: #999999;
}
.map-tit {
	width: 278px;
	height: 118px;
	margin: 80px auto 40px;
}
.map {
	width: 1920px;
	height: 455px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	display: table;
}
.join-us {
	width: 1920px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	display: table;
	background-color: #fff;
}
.join-tit-sl {
	width: 416px;
	height: 109px;
	margin: 90px auto 50px;
}
.form-fulid {
	width: 1200px;
	margin: 0 auto;
}
.form-fulid p {
	display: inline-block;
	margin-right: 45px;
}
.form-fulid p .txt {
	width: 350px;
	height: 48px;
	background-color: #F8F8F8;
	padding-left: 15px;
	font-size: 14px;
	color: #666666;
	border: none;
}
.form-fulid .areas {
	margin-top: 40px;
	width: 1170px;
	height: 239px;
	background-color: #F8F8F8;
	border: none;
	padding-top: 15px;
	padding-left: 30px;
}
.form-fulid .sit {
	width: 100%;
	text-align: center;
}
.form-fulid .smit {
	display: block;
	width: 174px;
	height: 48px;
	margin: 40px auto;
	font-size: 14px;
	color: #fff;
	border: none;
	background-color: #DB3717;
	cursor: pointer;
}
.call-sub-con2 li {
	width: 50%;
}
.five-antage {
	width: 1920px;
	height: 630px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	display: table;
	margin-top: 55px;
	background: url(../img/kk2.jpg) no-repeat center center;
}
.system {
	width: 1920px;
	height: 956px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	display: table;
	background: url(../img/kk3.jpg) no-repeat center top;
}
.systm-xxk {
	width: 1200px;
	margin: 0 auto;
	display: table;
	margin-top: 270px;
}
.systm-xxk ul li {
	width: 400px;
	height: 64px;
	float: left;
	text-align: center;
	cursor: pointer;
}
.systm-xxk ul li span {
	display: inline-block;
	width: 21px;
	height: 64px;
	background: url(../img/xxk2.png) no-repeat center top;
	vertical-align: top;
}
.systm-xxk ul li font {
	display: inline-block;
	margin-left: 20px;
	vertical-align: top;
	font-size: 28px;
	color: #A1A1A1;
}
.systm-xxk ul li:hover span {
	background: url(../img/xxk1.png) no-repeat center top;
}
.systm-xxk ul li.on span {
	background: url(../img/xxk1.png) no-repeat center top;
}
.systm-xxk ul li.on font {
	color: #db3418;
}
.systm-xxk ul li:hover font {
	color: #db3418;
}
.systm-xxk .nei-xxk {
	width: 100%;
	display: table;
}
.systm-xxk .nei-xxk .sub-nei-xk {
	width: 100%;
}
#banner {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	max-width: 100%;
	left: 50%;
	margin-left: -50%;
}
.focus {
	width: 100%;
	height: 500px;
	position: relative;
	float: left;
	overflow: hidden;
	left: 50%;
	top: 0;
	margin-left: -50%;
}
.f426x240 li {
	position: absolute;
	height: 500px;
	left: 50%;
	margin-left: -50%;
	top: 0;
}
.rslides {
	width: 100%;
	position: relative;
	list-style: none;
	padding: 0
}
.rslides li {
	width: 100% !important;
}
.rslides li img {
	width: 100%;
}
.rslides_nav {
	width: 60px;
	height: 138px;
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	left: 0px;
	bottom: 198px;
	z-index: 999;
	display: block;
	background: url(../img/left1.png) no-repeat;
}
.rslides_nav:hover {
	background: url(../img/left2.png) no-repeat;
}
.rslides_nav:active {
	background: url(../img/left2.png) no-repeat;
}
.rslides_nav.next {
	left: 1140px;
	background: url(../img/right.png) no-repeat;
}
.rslides_nav.next:active {
	background: url(../img/right2.png) no-repeat;
}
.rslides_nav.next:hover {
	background: url(../img/right2.png) no-repeat;
}
.rslides_tabs {
	clear: both;
	text-align: center;
	position: absolute;
	bottom: 5%;
	left: 50%;
	margin-left: -40px;
	z-index: 9;
	width: 80px;
	height: 14px;
	display: none;
}
/*.rslides_tabs li{ float:left; margin-right:15px; position:relative;}

.rslides_tabs a{ text-indent:-9999px; overflow:hidden; width:10px; height:10px; border-radius:50%; display:block; background-color:#D8D09C;}

.rslides_tabs li.rslides_here a{ background-color:#D8D09C;}*/

 

.proce-lss {
	width: 1920px;
	height: 850px;
	position: relative;
	left: 50%;
	margin-left: -960px;
	display: table;
	background: url(../img/kk1.jpg) no-repeat center top;
}




.picScroll-left1{ width:100%;  overflow:hidden; }
.picScroll-left1 .bd{ width:1280px; margin:0 auto; position:relative; overflow:hidden;}
.picScroll-left1 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left1 .bd ul li{ margin-right:12px; float:left; overflow:hidden; text-align:center;  display:block; width:414px; margin-bottom:40px; }
.picScroll-left1 .bd ul li .pic{ text-align:center; display:block; }
.picScroll-left1 .bd ul li .pic img{ width:414px; height:250px; display:block; }
.picScroll-left1 .bd ul li .title{  width:394px; height:71px; background-color:#ff9f1e; font-size:14px; line-height:22px; color:#fff; padding:10px; display:block;}
.picScroll-left1 .bd ul li .titts span{ width:414px; height:53px; text-align:center; border-bottom:3px solid #df341a; display:block; line-height:53px; font-size:16px;}
.picScroll-left1 .bd ul li .titts p{ width:394px; height:70px;background-color:#3e3e3e; display:block; line-height:22px; font-size:12px; color:#fff; padding:10px;}
.picScroll-left1 .bd ul li:hover .title{ background-color:#d33c21;}
.picScroll-left1 .bd ul li:hover .tit{border-bottom:3px solid #d33c21; color:#d33c21; }


.pages{ display:block; width:1280px; margin:30px auto; text-align:center; height:50px; line-height:50px;}