@charset "utf-8";

body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

form,

input,

table,

tbody,

p,

th,

td,

em {-webkit-text-size-adjust: none;margin: 0;padding: 0;border: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

html,

body {height: 100%;}



img,

input,

button,

a,

select,

textarea {margin: 0;padding: 0;resize: none;border: none;outline: none;}



ol,

ul {list-style: none;}



h1,

h2,

h3,

h4,

h5,

h6,

p,

em,

i,

b,

em {font-size: 100%;word-wrap: break-word;font-weight: normal;font-style: normal;}



a:active,

a:focus {outline: none;}



button::-moz-focus-inner,

input::-moz-focus-inner {padding: 0;	border: 0;}

*html {

	background-image: url(../images/ed7d4234da50450aa77ff3616099713f.gif);

	background-attachment: fixed;

}





/* 修正IE6振动bug */



/* slide */

#bannerStyle {position: relative;}

#bannerStyle img {position: absolute;top: 0;left: 50%;margin-left: -960px;}

.slide-main {height: 590px;position: relative;min-width: 1180px;}

.prev,

.next {display: block;width: 52px;height: 113px;position: absolute;z-index: 222;top: 250px;overflow: hidden;cursor: pointer;_border: 1px solid none;}



.prev {left: 129px;}

.next {right: 129px;}



.prev:hover,

.next:hover,

.nav-main a:hover,

.nav-main a.cur {opacity: 1;-moz-opacity: 1;filter: alpha(opacity=100);}



/*.item {display: block;width: 100%;height: 5px;position: absolute;z-index: 124;top: 510px;left: 0;text-align: center;}

.item a {display: inline-block;width: 24px;height: 5px;margin-right: 11px;background: #444;opacity: 0.3;-moz-opacity: 0.3;filter: alpha(opacity=30);overflow: hidden;}

.item a.cur {background: #fff;}*/



.slide-box,

.slide {display: block;width: 100%;height: 600px;overflow: hidden;}

.slide-box {position: relative;}

.slide {display: none;height: 600px;padding-top: 0;position: relative;position: absolute;z-index: 8;}



#bgstylex {background: url(../images/banner-0sfzx.jpg) top center no-repeat}

#bgstylea {background: url(../images/banner_1.jpg) top center no-repeat}

#bgstyleadjs {background: url(../images/banner_djs1.jpg) top center no-repeat}

#bgstyleb {background: url(../images/banner_3.jpg) top center no-repeat}

#bgstylec {background: url(../images/banner_4.jpg) top center no-repeat}

#bgstylee {background: url(../images/banner_2.jpg) top center no-repeat}

#bgstylexjj {background: url(../images/banner-x.jpg) top center no-repeat}

#banner_ext {background: url(../images/banner_ext.jpg) top center no-repeat}

.order-box {width: 255px;height: 330px;position: absolute;top: 160px;left: 200px;background: #fff;z-index: 3;text-align: center;font-family: "Microsoft Yahei";padding: 15px 30px 0 30px;z-index:111; box-shadow: 0 0 6px 0 rgba(0, 0, 0, .2)}

.order-box .h1 {font-size: 20px;font-weight: 100;display: block;font-weight: bold;margin-top: 7px;}

.order-box .h2 {font-size: 14px;font-weight: 100;margin: 15px 0;display: block;}

.order-box .edit-text {width: 100%;height: 35px;box-sizing: border-box;border: 1px solid #dcd8d9;padding-left: 20px;display: block;}

.order-box .edit-city,.order-box .edit-quyu {width: 49%;height: 35px;border: 1px solid #dcd8d9;}

.order-box button {width: 100%;height: 35px;box-shadow: 0 3px 5px 0 rgba(255, 83, 83, 0.5);background: #ff5353;color: #fff;font-size: 14px;font-family: "Microsoft Yahei";padding: 0;border: 0;cursor: pointer;transition: all 0.5s ease;}

.order-box button:hover {box-shadow: 0 3px 5px 0 rgba(255, 83, 83, 0.5)}

.order-box .order-box-tip {font-size: 14px;}

.order-box .order-box-tip span {float: left;color: #333;margin-top: 8px;}

.order-box .order-box-tip span i {color: #ff5353;}

.order-box .order-box-tip a {color: #ff5353;margin-top: 8px;float: right}

.validate .box-line {margin-bottom: 15px;}

.box-line label {margin: 0 10px;}





/**/

#bgstylea1 {background: url(../images/banner_gy1.jpg) top center no-repeat}

#bgstylea4 {background: url(../images/banner_04.jpg) top center no-repeat}

#bgstyleb1 {background: url(../images/banner_xjjbg.jpg) top center no-repeat}

#bgstylecs {background: url(../images/banner-cs.jpg) top center no-repeat}

#bgstylegy {background: url(../images/bannergy.jpg) top center no-repeat}

.slide a {display: block;cursor: pointer;}



.obj-a,

.obj-b,

.obj-c,

.obj-d,

.obj-e,

.obj-f,

.obj-g,

.obj-h {position: absolute;z-index: 9;left: 50%;}

.obj-a {display: block;width: 664px;height: 460px;top: 100px;margin-left: -90px;}

.obj-b {top: 100px;height: 330px;margin-left: -560px;}

.obj-c {display: block;height: 582px;top: 0px;margin-left: -570px;}

.obj-d {top: 126px;height: 164px;}

.obj-d p {display: block;padding-top: 20px;font-size: 16px;color: #fff;clear: both;}

.obj-e {width: 290px;height: 50px;margin-left: -150px;top: 365px;z-index: 12;}

.obj-f {width: 610px;height: 158px;top: 130px;margin-left: -275px;}

.obj-g {width: 300px;height: 50px;margin-left: -390px;top: 340px;z-index: 12;}

.obj-h {width: 585px;height: 138px;top: 160px;margin-left: -368px;}

.banAnimate .obj-a {display: block;animation-name: baoAni;-webkit-animation: baoAni 0.4s linear 0s normal none;-moz-animation: baoAni 0.4s linear 0s normal none;animation: baoAni 0.4s linear 0s normal none;}



@-webkit-keyframes baoAni {

	from {opacity: 0;left: 60%;}

	to {opacity: 1;left: 50%;}

}



@-moz-keyframes baoAni {

	from {opacity: 0;left: 60%;}

	to {opacity: 1;left: 50%;}

}



@keyframes baoAni {

	from {opacity: 0;left: 60%;}

	to {opacity: 1;left: 50%;}

}



.banAnimate .obj-b {

	display: block;

	animation-name: saAni;

	-webkit-animation: saAni 0.4s linear 0s normal none;

	-moz-animation: saAni 0.4s linear 0s normal none;

	animation: saAni 0.4s linear 0s normal none;

}



@-webkit-keyframes saAni {

	from {opacity: 0;-webkit-transform: scale(0, 0);}

	to {opacity: 1;-webkit-transform: scale(1, 1);}

}



@-moz-keyframes saAni {

	from {opacity: 0;-moz-transform: scale(0, 0);}

	to {opacity: 1;-moz-transform: scale(1, 1);}

}



@keyframes saAni {

	from {opacity: 0;transform: scale(0, 0);}

	to {opacity: 1;transform: scale(1, 1);}

}



.watch-code.code-show {display: block;animation-name: scode;-webkit-animation: scode 0.3s linear 0s normal none;-moz-animation: scode 0.3s linear 0s normal none;animation: scode 0.3s linear 0s normal none;}

@-webkit-keyframes scode {

	from {opacity: 0;-webkit-transform: scale(1, 0);transform-origin: left bottom;}

	to {opacity: 1;-webkit-transform: scale(1, 1);transform-origin: left bottom;}

}

@-moz-keyframes scode {

	from {opacity: 0;-moz-transform: scale(1, 0);transform-origin: left bottom;}

	to {opacity: 1;-moz-transform: scale(1, 1);transform-origin: bottom bottom;}

}

@keyframes scode {

	from {opacity: 0;transform: scale(1, 0);transform-origin: left bottom;}

	to {opacity: 1;transform: scale(1, 1);transform-origin: left bottom;}

}

.banAnimate .obj-c,

.banAnimate .obj-e,

.banAnimate .obj-g {display: block;animation-name: saAnic;

	-webkit-animation: saAnic 0.3s linear 0s normal none;

	-moz-animation: saAnic 0.3s linear 0s normal none;animation: saAnic 0.3s linear 0s normal none;

}

@-webkit-keyframes saAnic {

	from {opacity: 0;left: 47%;}

	to {opacity: 1;left: 50%;}

}

@-moz-keyframes saAnic {

	from {opacity: 0;left: 47%;}

	to {opacity: 1;left: 50%;}

}

@keyframes saAnic {

	from {opacity: 0;left: 47%;}

	to {opacity: 1;left: 50%;}

}

.banAnimate .obj-d,

.banAnimate .obj-f,

.banAnimate .obj-h {display: block;animation-name: saAnid;-webkit-animation: saAnid 0.3s linear 0s normal none;-moz-animation: saAnid 0.3s linear 0s normal none;animation: saAnid 0.3s linear 0s normal none;}

@-webkit-keyframes saAnid {

	from {opacity: 0;left: 53%;}

	to {opacity: 1;left: 50%;}

}

@-moz-keyframes saAnid {

	from {opacity: 0;left: 53%;}

	to {opacity: 1;left: 50%;}

}

@keyframes saAnid {

	from {opacity: 0;left: 53%;}

	to {opacity: 1;left: 50%;}

}





.zzsc {

	width: 100%;

	height: 760px;

	margin: 0 auto;

	overflow: hidden;

	display: none;

	background: url(../images/images_comp.jpg) no-repeat center top #f2f2f2;

	text-align: center;

	position: relative;

}

			

.zzsc .link {

	width: 100%;

	height: 250px;

	display: block;

	z-index: 10;

}

			

.zzsc .up {

	display: block;

	width: 120px;

	height: 12px;

	background: url(../images/arrow.jpg) no-repeat left bottom;

	position: absolute;

	left: 50%;

	bottom: 0;

	z-index: 20;

	margin-left: -60px;

}

			

.zzsc .down_ {

		display: block;

		width: 120px;

		height: 12px;

	  	background: url(../images/arrow.jpg) no-repeat left top;

		position: absolute;

		left: 50%;

		top: 88px;

		z-index: 20;

		margin-left: -60px;

}