/*ss*/
body {
	background-color: #000;
}
* {
	margin: 0;
	padding: 0;
}
img {
	display: block;
	border: none;
}
ul, li {
	list-style: none;
}
@font-face {
	font-family: myFirstFont;
	/*eot格式兼容IE*/
	src: url(css/IMPACT_0.TTF);
}
.lubo {
	width: 100%;
	min-width: 100%;
	clear: both;
	height: 100%;
	max-height: 100%;
}
.lubo_box {
	width: 100%;
	height: 980px;
	max-height: 980px;
	overflow: auto
}
.lubo_box li {
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}
.lubo_box li a {
	display: block;
	width: 100%;
	height: 100%;
}
.lubo_box li img {
	width: 100%;
	height: 100%;
}
.logotlitle img {
	float: right;
	margin-bottom: 13px;
	margin-top: 5px
}
/*yy*/
.cir_box {
	overflow: hidden;
	position: relative;
	z-index: 999;
}
.cir_box li {
	float: left;
	width: 6mm;
	height: 0.5mm;
	margin: 0 2px;
	cursor: pointer;
	background: #787780;
	filter: alpha(Opacity=75);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
/*.cir_on{ background: #ff3c00 !important;}*/
.cir_on {
	background: #ffffff !important;
	filter: alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1!important;
}
.cir_on_mo {
	background: #ff3c00 !important;
	filter: alpha(Opacity=100);
	-moz-opacity: 1;
	opacity: 1!important;
}
/*ab*/
.lubo_btn {
	position: absolute;
	width: 100%;
	top: 45%;
}
.left_btn, .right_btn {
	width: 24px;
	height: 63px;
	cursor: pointer;
	line-height: 63px;
}
.left_btn {
	float: left;
	background: url(../images/left.png);
	margin-left: 43px
}
.left_btn:hover {
	background: url(../images/left1.png)
}
.right_btn {
	float: right;
	background: url(../images/right.png);
	margin-right: 43px
}
.right_btn:hover {
	background: url(../images/right1.png)
}
/*------*/
   
#box1 {
	height: 100px;
	width: 100%;
	position: fixed;
	top: 0;
	background-color: #000;
}
.logo {
	float: left;
	margin-left: 43px;
}
.logo img {
	width: 100px;
	height: 100px
}
.logotlitle {
	font-size: 32px;
	font-family: Impact;
	color: #fff;
	text-align: right
}
.nav {
	float: right;
	margin-top: 27px;
	margin-right: 43px
}
.navbt {
	text-align: right;
	margin-top: 6px;
	color: #fff;
}
.navbt a {
	color: #fff;
	font-size: 14px;
	font-family: Arial;
	text-decoration: none;
	margin-left:22px
}
.navbt a:hover {
	font-size: 14px;
	font-family: Arial;
	color: #ff3c00;
	text-decoration: none;
}
.navbt #ink {
	font-size: 14px;
	font-family: Arial;
	color: #ff3c00;
	text-decoration: none;
}
/*------*/
#box2 {
	margin-top: 100px;
	clear: both;
	width: 100%;
	overflow: hidden
}
#boxlist, #boxlist1 {
	max-height: 200mm;
	overflow: hidden
}
#boxlist li {
	max-height: 200mm;
}
.boxlist-img1 {
	float: right;
	width: 65%;
	max-height: 200mm
}
#boxlist li img {
	color: #fff;
	width: 100%;
	height: auto
}
#boxlist li .txt {
	color: #fff;
	float: left;
	margin-top: 30px;
	width: 30.5%;
	font-family: Arial;
	margin-left: 43px;
	word-break: break-all;
}
#boxlist li H4 {
	color: #fff;
	font-size: 35PX;
	font-family: Impact;
	word-break: break-all;
}
#boxlist1 li {
	width: 100%;
	max-height: 200mm;
	overflow: hidden
}
.boxlist-img2 {
	float: left;
	width: 65%;
	max-height: 200mm
}
#boxlist1 li img {
	color: #fff;
	width: 100%;
	height: auto
}
#boxlist1 li .txt {
	color: #fff;
	float: right;
	width: 30.9%;
	font-family: Arial;
	margin-left: 5PX;
	margin-right: 43px;
	word-break: break-all;
}
#boxlist1 li H4 {
	color: #fff;
	font-size: 35PX;
	font-family: Impact;
	margin-top: 30PX;
	word-break: break-all;
}
/*------*/
#work {
	width: 100%;
	margin-top: 100px
}
#work ul li {
	width: 25%;
	float: left;
	max-height: 250px;
	overflow: hidden;
	position: relative;
	text-align: right
}
#work ul li img {
	width: 100%;
	height: auto
}
#work ul li a {
	display: none
}
#work ul li:hover {
	cursor: pointer
}
#work ul li:hover a.now {
	cursor: pointer;
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	display: block;
	color: #FFF;
	width: 100%;
	height: 100%;
	line-height: 36px;
	text-decoration: none;
	background-color: rgba(0,0,0,0.5);
}
#work ul li:hover a.now p {
	position: absolute;
	bottom: 0;
	right: 10px;
	color: #FFFFFF;
}
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
#work ul li:hover a.now {
	background-color: #000000;
	filter: Alpha(opacity=50);
	position: static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
 *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
}
#work ul li:hover a.now p {
	position: relative;
	bottom: 0;/* 设置子元素为相对定位，可让子元素不继承Alpha值 */
}
}
#work ul li a p {
	font-family: Arial
}
#contact {
	margin-top: 130px;
	width: 50%;
	float: right;
	background: #000;
	height: 100%;
	background: url(../images/form.png) repeat;/* 只支持IE6、7、8、9 */
	position: static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
 *zoom:1;
}
.form {
	color: #bfbfbf;
	font-family: Arial;
	font-size: 20px;
	margin-left: 14mm;
	margin-right: 17mm;
}
.formtit {
	height: 40px;
	line-height: 40px;
}
.form .input input {
	width: 100%;
	height: 34px;
	line-height: 34px;
	padding-top: 4PX;
	margin-bottom: 6mm;
	border: 1px solid #fff;
	background: none;
	color: #fff;
	padding-left: 8px
}
.form .input1 input {
	height: 34px;
	line-height: 34px;
	margin-bottom: 6mm;
	border: 1px solid #fff;
	background: none;
	color: #fff;
}
.form textarea {
	width: 100%;
	height: 12mm;
	border: 1px solid #fff;
	height: 45mm;
	padding-left: 8px;
	padding-top: 8px;
	background: none;
	font-size: 18PX;
	font-family: Arial;
	font-weight: 200
}
.contacttop H3 {
	font-size: 60PX;
	font-weight: inherit;
	font-family: Arial;
	color: #fff;
	z-index: 999px;
	text-align: center;
	margin-top: 110px
}
.contacttop h5 {
	font-size: 18px;
	font-weight: inherit;
	font-family: Arial;
	margin-top: 0px;
	margin-bottom: 5mm;
	text-align: center;
	color: #fff;
}
.add {
	font-size: 18px;
	color: #bfbfbf;
	font-family: Arial;
	line-height: 25px;
	word-break: break-all;
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
 color:    #fff;
font-size:18px;
font-weight:200;
font-family:Arial;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color:    #fff;
font-size:18px;
font-weight:200;
font-family:Arial;
 opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color:    #fff;
font-size:18px;
font-weight:200;
font-family:Arial;
 opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:    #fff;
font-size:18px;
font-weight:200;
font-family:Arial;
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#boxlist li .txt {
	width: 45%
}
#box2 {
	overflow: scroll
}
　　  .logotlitle {
	font-size: 32px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: right
}
#boxlist1 li .txt {
	margin-left: 5px;
	width: 45%
}
.boxlist-img2 {
	width: 50%
}
.boxlist-img1 {
	width: 50%
}
}
 　@media all and (min-width:990px) and (max-width:1920px) {
 　　　　　　 .lubo_box {
height:1200px;
min-height:1200px
}
　　　　
}
 @media (min-width:800px) and (max-width:1200px) {
#boxlist li H4 {
	color: #747474;
	font-size: 30PX;
	font-family: Norwester;
	word-break: break-all;
}
#boxlist1 li H4 {
	color: #747474;
	font-size: 30PX;
	font-family: Norwester;
	margin-top: 30PX;
	word-break: break-all;
}
#contact {
	margin-top: 130px;
	width: 80%;
	float: right;
	height: 100%;
	background: url(../images/form.png) repeat;/* 只支持IE6、7、8、9 */
	position: static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
 *zoom:1;
	max-height: 150%
}
}
@media (min-width:300px) and (max-width:800px) {
#work ul li {
	width: 50%;
	float: left;
	max-height: 250px;
	overflow: hidden;
	position: relative;
	text-align: right
}
.boxlist-img1 {
	float: none;
	width: 100%;
	max-height: 200mm
}
#boxlist li img {
	color: #fff;
	width: 100%;
	height: auto
}
#boxlist li .txt {
	color: #fff;
	float: none;
	margin-top: 30px;
	width: 90%;
	font-family: Arial;
	margin-left: 43px;
	word-break: break-all;
}
#boxlist li H4 {
	color: #747474;
font-size:30PX;
	font-family: Norwester;
	word-break: break-all;
}
#boxlist1 li {
	width: 100%;
	max-height: 200mm;
	overflow: hidden
}
.boxlist-img2 {
	float: none;
	width: 100%;
	max-height: 200mm
}
#boxlist1 li img {
	color: #fff;
	width: 100%;
	height: auto
}
#boxlist1 li .txt {
	color: #fff;
	float: none;
	width: 90%;
	font-family: Arial;
	margin-left: 5PX;
	margin-right: 43px;
	word-break: break-all;
}
#boxlist1 li H4 {
	color: #747474;
	font-size: 30PX;
	font-family: Norwester;
	margin-top: 30PX;
	word-break: break-all;
}
#contact {
	margin-top: 130px;
	width: 100%;
	float: right;
	height: 150%;
	background: url(../images/form.png) repeat;/* 只支持IE6、7、8、9 */
	position: static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
 *zoom:1;
	max-height: 150%
}
.contacttop H3 {
	font-size: 40PX;
	font-weight: inherit;
	font-family: Arial;
	color: #fff;
	z-index: 999px;
	text-align: center;
	margin-top: 120px
}
.contacttop h5 {
	font-size: 15px;
	font-weight: inherit;
	font-family: Arial;
	margin-top: 10px;
	margin-bottom: 6mm;
	text-align: center;
	color: #fff;
}
.add {
	font-size: 18px;
	color: #bfbfbf;
	font-family: Arial;
	line-height: 25px;
	margin-left: 17mm;
}
}
@media (min-width:300px) and (max-width:480px) {
.ibody {
	height: 100%;
	overflow-y: hidden;
}
.logo {
	margin-left: 3px;
}
.logo img {
	width: 50px;
	height: 50px
}
.nav {
	margin-right: 3px;
	margin-top: 2px;
}
.logotlitle {
	font-size: 20px;
}
}