@charset="gb2312";
/* line 2, ../sass/partial/_global.scss */


.navbar-nav ul li {
	padding: 4px 0px 0px 0px;
}
 @-webkit-keyframes filpZUp {
 0% {
 -webkit-transform: scale(3);
 -moz-transform: scale(3);
 -ms-transform: scale(3);
 transform: scale(3);
 -webkit-transform: rotateX(90deg);
 -moz-transform: rotateX(90deg);
 -ms-transform: rotateX(90deg);
 transform: rotateX(90deg);
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
 -webkit-transform: rotateX(0deg);
 -moz-transform: rotateX(0deg);
 -ms-transform: rotateX(0deg);
 transform: rotateX(0deg);
}
}
/* banner */
/* line 64, ../sass/master.index.scss */
.banner {
	width: 100%;
	height: 600px;
	overflow: hidden;
}
 @media only all and (max-width: 640px) {
/* line 64, ../sass/master.index.scss */
.banner {
	height: 200px;
}
}
/* line 76, ../sass/master.index.scss */
.banner .b-link {
	width: 100px;
	margin: 0 auto;
	display: block;
	padding: 5px;
	position: absolute;
	border: 1px solid #868482;
	border-radius: 50px;
	text-align: center;
	font-size: 14px;
	text-decoration: none;
	color: #868482;
}
/* line 94, ../sass/master.index.scss */
.banner .b-link:hover {
	color: #fff;
	border: 1px solid #fff;
}
/* line 98, ../sass/master.index.scss */
.banner .banner1 {
	width: 100%;
	height: 600px;
	background: url(../images/banner1.jpg) no-repeat center center;
	position: relative;
}
/* line 103, ../sass/master.index.scss */
.banner .banner1 .banner-bg-video {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}
/* line 111, ../sass/master.index.scss */
.banner .banner1 .title {
	width: 470px;
	height: 210px;
	background: url(../images/banner1_font.png) no-repeat center center;
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: -250px;
}
/* line 120, ../sass/master.index.scss */
.banner .banner1 .b-link {
	bottom: 35%;
	left: 50%;
	margin-left: -50px;
}
/* line 125, ../sass/master.index.scss */
.banner .banner1 .title, .banner .banner1 .b-link {
	z-index: 99999999;
}
 @media only all and (max-width: 640px) {
/* line 140, ../sass/master.index.scss */
.banner .banner1 {
	width: 100%;
	height: 200px;
	background: url(../images/mbanner1.jpg) no-repeat center center;
	position: relative;
}
.banner .banner1 .title {
	width: 250px;
	height: 112px;
	margin-left: -125px;
	top: 25%;
}
/* line 146, ../sass/master.index.scss */
.banner .banner1 .b-link {
	bottom: 35%;
}
}
/* line 152, ../sass/master.index.scss */
.banner .banner2 {
	width: 100%;
	height: 600px;
	background: url(../images/banner2.jpg) no-repeat center center;
	position: relative;
}
/* line 161, ../sass/master.index.scss */
.banner .banner2 .center {
	width: 1100px;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
/* line 167, ../sass/master.index.scss */
.banner .banner2 .title {
	width: 50%;
	min-width: 180px;
	height: 180px;
	background: url(../images/banner2_font.png) no-repeat center center;
	background-size: 100%;
	-ms-behavior: url(../css/backgroundsize.min.htc);
	behavior: url(../css/backgroundsize.min.htc);
	position: absolute;
	top: 30%;
	left: 0%;
}
/* line 182, ../sass/master.index.scss */
.banner .banner2 .b-link {
	bottom: 31%;
	left: 1%;
}
/* line 186, ../sass/master.index.scss */
.banner .banner2 .phone {
	width: 330px;
	height: 580px;
	background: url(../images/phone_3.png) no-repeat center top;
	/*background-size:100%;*/
	position: absolute;
	bottom: 0px;
	right: 0%;
}
/* line 194, ../sass/master.index.scss */
.banner .banner2 .phone .pic1, .banner .banner2 .phone .pic2 {
	width: 330px;
	height: 580px;
	position: absolute;
	left: 50% !important;
	top: 50% !important;
	bottom: 10px;
	margin-left: -165px;
	margin-top: -90%;
}
 @media only all and (max-width: 640px) {
/* line 231, ../sass/master.index.scss */
.banner .banner2 {
	width: 100%;
	height: 200px;
	background: url(../images/mbanner2.jpg) no-repeat center center;
	position: relative;
}

.banner .banner2 .center {
	width: 320px;
}
/* line 234, ../sass/master.index.scss */
.banner .banner2 .title {
	left: 0;
	height: 70px;
	top: 35%;
}
/* line 239, ../sass/master.index.scss */
.banner .banner2 .b-link {
	bottom: 30%;
	border: 1px solid red;
	left: 3%;
}
/* line 243, ../sass/master.index.scss */
.banner .banner2 .phone {
	width: 125px;
	height: 220px;
	bottom: 0px;
}
/* line 247, ../sass/master.index.scss */
.banner .banner2 .phone .pic1, .banner .banner2 .phone .pic2 {
	width: 125px;
	height: 220px;
	background-size: 100%;
	margin-left: -65px;
	margin-top: -85%;
}
/* line 253, ../sass/master.index.scss */
.banner .banner2 .phone .pic1 img, .banner .banner2 .phone .pic2 img {
	width: 125px;
}
}
/* line 262, ../sass/master.index.scss */
.banner .slick-active .banner2 .title {
	animation: flipInX 1.2s;
	-moz-animation: flipInX 1.2s;
	-webkit-animation: flipInX 1.2s;
	-ms-animation: flipInX 1.2s;
}
/* line 268, ../sass/master.index.scss */
.banner .slick-active .banner2 .b-link {
	animation: fadeIn 1s;
	-moz-animation: fadeIn 1s;
	-webkit-animation: fadeIn 1s;
	-ms-animation: fadeIn 1s;
}
/* line 274, ../sass/master.index.scss */
.banner .slick-active .banner2 .phone {
	animation: filpZUp 1s;
	-moz-animation: filpZUp 1s;
	-webkit-animation: filpZUp 1s;
	-ms-animation: filpZUp 1s;
}
/* line 294, ../sass/master.index.scss */
.banner .banner3 {
	width: 100%;
	height: 600px;
	background: url(../images/banner3.jpg) no-repeat center center;
	position: relative;
}
/* line 299, ../sass/master.index.scss */
.banner .banner3 ul {
	width: 1500px;
	height: 445px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -750px;
	margin-top: -260px;
}
/* line 307, ../sass/master.index.scss */
.banner .banner3 ul li {
	position: absolute;
	top: 0;
	left: 0;
}
.banner .banner4 {
	width: 100%;
	height: 200px;
	background: url(../images/mbanner4.jpg) no-repeat center center;
	position: relative;
}
 @media only all and (max-width: 640px) {
/* line 325, ../sass/master.index.scss */
.banner .banner3 {
	width: 100%;
	height: 200px;
	background: url(../images/mbanner3.jpg) no-repeat center center;
	position: relative;
}

.banner .banner3 ul {
	width: 500px;
	height: 200px;
	margin-left: -250px;
	margin-top: -90px;
}
}
/* line 334, ../sass/master.index.scss */
.banner .slick-active .banner3 .scene {
	animation: bounceInDown 1s;
	-moz-animation: bounceInDown 1s;
	-webkit-animation: bounceInDown 1s;
	-ms-animation: bounceInDown 1s;
}
/* line 360, ../sass/master.index.scss */


.banner .banner4 {
	width: 100%;
	height: 600px;
	background: url(../images/banner4.jpg) no-repeat center center;
	position: relative;
}



/* line 365, ../sass/master.index.scss */
.banner .banner4 .center {
	width: 1200px;
	height: 100%;
	position: relative;
	margin: 0 auto;
}
/* line 371, ../sass/master.index.scss */
.banner .banner4 .oil {
	width: 570px;
	height: 450px;
	background: url(../images/oil.png) no-repeat center center;
	position: absolute;
	top: 15%;
	left: 0%;
}
/* line 379, ../sass/master.index.scss */
.banner .banner4 .title {
	position: absolute;
	top: 40%;
	right: 0%;
	font-weight: bolder;
	font-size: 50px;
	color: #675a00;
	font-family: "Microsoft Yahei";
}
/* line 388, ../sass/master.index.scss */
.banner .banner4 .b-link {
	bottom: 39%;
	right: 35%;
	color: #675a00;
	border: 1px solid #675a00;
}
/* line 394, ../sass/master.index.scss */
.banner .banner4 .b-link:hover {
	color: #DBBF00;
	border: 1px solid #DBBF00;
}
 @media only all and (max-width: 640px) {
/* line 417, ../sass/master.index.scss */
.banner .banner4 .center {
	width: 320px;
}
/* line 420, ../sass/master.index.scss */
.banner .banner4 .oil {
	width: 180px;
	height: 142px;
	top: 20%;
}
/* line 425, ../sass/master.index.scss */
.banner .banner4 .title {
	font-size: 18px;
	top: 45%;
}
/* line 429, ../sass/master.index.scss */
.banner .banner4 .b-link {
	bottom: 35%;
}
}
/* line 435, ../sass/master.index.scss */
.banner .slick-active .banner4 .title {
	animation: fadeInRight 1.2s;
	-moz-animation: fadeInRight 1.2s;
	-webkit-animation: fadeInRight 1.2s;
	-ms-animation: fadeInRight 1.2s;
}
/* line 441, ../sass/master.index.scss */
.banner .slick-active .banner4 .oil {
	animation: fadeInLeft 1.2s;
	-moz-animation: fadeInLeft 1.2s;
	-webkit-animation: fadeInLeft 1.2s;
	-ms-animation: fadeInLeft 1.2s;
}
/* line 447, ../sass/master.index.scss */
.banner .slick-active .banner4 .b-link {
	animation: fadeInRight 0.9s;
	-moz-animation: fadeInRight 0.9s;
	-webkit-animation: fadeInRight 0.9s;
	-ms-animation: fadeInRight 0.9s;
}
/* line 456, ../sass/master.index.scss */
.banner .banner5 {
	width: 100%;
	height: 600px;
	background: url(../images/banner5.jpg) no-repeat center center;
	position: relative;
	overflow: hidden;
}
/* line 462, ../sass/master.index.scss */
.banner .banner5 .title {
	margin-top: 200px;
}
/* line 465, ../sass/master.index.scss */
.banner .banner5 p {
	text-align: center;
	font-family: "Microsoft Yahei";
}
/* line 469, ../sass/master.index.scss */
.banner .banner5 .main-title {
	font-size: 50px;
	color: #fff;
	font-weight: bolder;
}
/* line 474, ../sass/master.index.scss */
.banner .banner5 .intro {
	visibility: hidden;
	font-size: 22px;
	color: #fff;
	padding: 5px;
	border: 1px solid #949494;
	border-radius: 50px;
	width: 450px;
	margin: 25px auto;
	letter-spacing: 5px;
}
/* line 485, ../sass/master.index.scss */
.banner .banner5 .slogan {
	font-size: 22px;
	color: #fff;
}
/* line 488, ../sass/master.index.scss */
.banner .banner5 .slogan span {
	color: #9d9d9d;
}
 @media only all and (max-width: 640px) {
/* line 509, ../sass/master.index.scss */
.banner .banner5 .title {
	margin-top: 80px;
}
/* line 512, ../sass/master.index.scss */
.banner .banner5 .intro {
	letter-spacing: 2px;
}
}
/* line 524, ../sass/master.index.scss */
.banner .slick-active .banner5 .main-title, .banner .slick-active .banner5 .slogan {
	animation: fadeInDown 1.2s;
	-moz-animation: fadeInDown 1.2s;
	-webkit-animation: fadeInDown 1.2s;
	-ms-animation: fadeInDown 1.2s;
}
/* line 530, ../sass/master.index.scss */
.banner .slick-active .banner5 .intro {
	visibility: visible;
	animation: flipInX 1.2s forwards;
	-moz-animation: flipInX 1.2s forwards;
	-webkit-animation: flipInX 1.2s forwards;
	-ms-animation: flipInX 1.2s forwards;
}
/* line 539, ../sass/master.index.scss */
.banner .banner1, .banner .banner2, .banner .banner3, .banner .banner4, .banner .banner5 {
	overflow: hidden;
}
 @media only all and (max-width: 640px) {
/* line 539, ../sass/master.index.scss */
.banner .banner1, .banner .banner2, .banner .banner3, .banner .banner4, .banner .banner5 {
	height: 200px;
	background-size: auto 200px;
}
}
/* line 551, ../sass/master.index.scss */
.banner .slick-dots {
	bottom: 25px !important;
}
@media only all and (max-width: 640px) {
/* line 551, ../sass/master.index.scss */
.banner .slick-dots {
	bottom: 5px !important;
}
}
/* line 556, ../sass/master.index.scss */
.banner .slick-dots li {
	width: 12px;
	height: 12px;
	background: url(../images/b_l.png) center center no-repeat;
}
@media only all and (max-width: 640px) {
/* line 556, ../sass/master.index.scss */
.banner .slick-dots li {
	width: 15px;
	margin: 0 2px;
}
}
/* line 564, ../sass/master.index.scss */
.banner .slick-dots li button {
	width: 12px;
	height: 12px;
	padding: 10px 0;
}
@media only all and (max-width: 640px) {
/* line 564, ../sass/master.index.scss */
.banner .slick-dots li button {
	width: 15px;
}
}
/* line 573, ../sass/master.index.scss */
.banner .slick-dots li button:before {
	content: no-close-quote;
}
/* line 577, ../sass/master.index.scss */
.banner .slick-dots .slick-active {
	background: url(../images/b_r.png) center center no-repeat;
}
/* line 580, ../sass/master.index.scss */
.banner .slick-dots .slick-active button:before {
	width: 12px;
	height: 12px;
}
@media only all and (max-width: 640px) {
/* line 580, ../sass/master.index.scss */
.banner .slick-dots .slick-active button:before {
	width: 15px;
}
}
/* line 591, ../sass/master.index.scss */
.banner.slick-slider {
	margin-bottom: 0px !important;
}
/* line 595, ../sass/master.index.scss */
#slick-banner .slick-dots {
	top: 95%;
	left: 50%;
	width: 350px;
	margin-top: -34px;
	margin-left: -175px;
	position: absolute;
	bottom: 0px;
}
/* line 609, ../sass/master.index.scss */
#slick-banner .slick-dots li {
	width: 15px;
	height: 2px;
	background-color: #949494;
}
@media only all and (max-width: 640px) {
/* line 609, ../sass/master.index.scss */
#slick-banner .slick-dots li {
	width: 15px;
}
}
/* line 618, ../sass/master.index.scss */
#slick-banner .slick-dots li button {
	width: 12px;
	height: 12px;
	padding: 10px 0;
}
@media only all and (max-width: 640px) {
/* line 618, ../sass/master.index.scss */
#slick-banner .slick-dots li button {
	width: 15px;
}
}
/* line 627, ../sass/master.index.scss */
#slick-banner .slick-dots li button:before {
	content: no-close-quote;
}
/* line 631, ../sass/master.index.scss */
#slick-banner .slick-active {
	background: url(../images/b_r.png) center center no-repeat;
}
/* line 635, ../sass/master.index.scss */
#slick-banner .slick-active button:before {
	width: 30px;
	height: 2px;
}
@media only all and (max-width: 640px) {
/* line 635, ../sass/master.index.scss */
#slick-banner .slick-active button:before {
	width: 30px;
}
}
/* line 644, ../sass/master.index.scss */
.slick-slide img {
	margin: 0 auto;
}
/* line 716, ../sass/master.index.scss */
.icon-computer {
	background-image: url('../images/computer.png?1435830334');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
/* line 29, ../sass/partial/_global.scss */
.icon-computer:hover {
	background-image: url('../images/gif/icon-computer.gif?1435896953');
}
/* line 723, ../sass/master.index.scss */
.icon-click {
	background-image: url('../images/click.png?1435830332');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
/* line 29, ../sass/partial/_global.scss */
.icon-click:hover {
	background-image: url('../images/gif/icon-click.gif?1435830344');
}
/* line 730, ../sass/master.index.scss */
.icon-phone {
	background-image: url('../images/phone.png?1435830384');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
/* line 29, ../sass/partial/_global.scss */
.icon-phone:hover {
	background-image: url('../images/gif/icon-phone.gif?1435830346');
}
/* line 737, ../sass/master.index.scss */
.icon-cart {
	background-image: url('../images/cart.png?1435830280');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
/* line 29, ../sass/partial/_global.scss */
.icon-cart:hover {
	background-image: url('../images/gif/icon-cart.gif?1435893368');
}
/* line 744, ../sass/master.index.scss */
.icon-gear {
	background-image: url('../images/gear.png?1435830344');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
/* line 29, ../sass/partial/_global.scss */
.icon-gear:hover {
	background-image: url('../images/gif/icon-gear.gif?1435830346');
}
/* line 751, ../sass/master.index.scss */
.icon-terminal {
	background-image: url('../images/terminal.png?1435830422');
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}
/* line 29, ../sass/partial/_global.scss */
.icon-terminal:hover {
	background-image: url('../images/gif/icon-terminal.gif?1435830346');
}
/* line 979, ../sass/master.index.scss */
#slick-client {
	margin-bottom: 0;
	height: 170px\0;
	overflow: hidden\0;
}
/* line 1060, ../sass/master.index.scss */
a.more {
	font-size: 12px;
	float: right;
	margin-top: 6px;
	color: #767676;
	width: 70px;
	height: 20px;
	line-height: 20px;
	display: block;
	background: url(../images/more_btn_01.png) no-repeat;
	padding-left: 12px;
}
/* line 1071, ../sass/master.index.scss */
a.more:hover {
	color: #fff;
	background: url(../images/more_btn_03.png) no-repeat;
}
/* line 1131, ../sass/master.index.scss */
#slick-banner .slick-dots {
	margin-top: -25px;
}
/* line 1141, ../sass/master.index.scss */
.slick-slide a {
	display: block;
}
/* line 1243, ../sass/master.index.scss */
.slick-slide img {
	margin: 0 auto;
}