@charset "gb2312";
/*ÁÙʱ²âÊÔ´úÂë(ɾÁ˶ÔÒ³ÃæÒ»¶¡¶¡¶¡Ó°Ï춼ûÓÐ) ʼ*/
.tttt {
	background: #fff;
	margin: 0px auto;
}
.sdf .t_xsbicon {
	margin-left: 99px;
}
.sdf span a {
	font-size: 12px;
	color: #000;
}
html, body {
	margin: 0;
	padding: 0;
	background: #fff;
}
.clear {
	clear: both;
}
.nav_bg {
	background: url("../images/top-bg.jpg") no-repeat;
	background-size: cover;
	position: relative;
    z-index: 999;
}
.active .nav_bg {
	width: 100%;
	height:300px;
    top: 0;
    animation: slideInDown 3s forwards 0s;
    -webkit-animation: slideInDown 3s forwards 0s;
}
.mfoot1{display:none;}
.mfoot {
	width:100%;
	position: absolute;
	z-index: 20;
	bottom: 0;
	text-align:center;
  	background: #11872d;
  	padding: 10px 0;
}
.mfoot p {
	color: #fff;
	font-size: 0.7em;
	line-height: 1em;
	
}
.mfoot p a{
	color: #fff;
	
}

.logo {
	width: 288px;
	margin: 0 auto;
	padding: 40px 0 28px;
}
.logo img {
	width: 100%;
	height: 55px;
}
nav ul {
	width:1000px;
	margin: 0 auto;
}
nav li {
	width: 14.28%;
	height: 172px;
	float: left;
	list-style: none;
}
nav li:last-child {
	background:url("../images/li-bg1.png")top center no-repeat;
}
nav li:nth-child(6) {
	background:url("../images/li-bg2.png")top center no-repeat;
}
nav li:nth-child(5) {
	background:url("../images/li-bg3.png")top center no-repeat;
}
nav li:nth-child(4) {
	background:url("../images/li-bg4.png")top center no-repeat;
}
nav li:nth-child(3) {
	background:url("../images/li-bg5.png")top center no-repeat;
}
nav li:nth-child(2) {
	background:url("../images/li-bg6.png")top center no-repeat;
}
nav li:first-child{
	background:url("../images/li-bg7.png")top center no-repeat;
}
nav li a {
	font-size: 18px;
	color: #343434;
	line-height: 26px;
	font-family: "΢ÈíÑźÚ";
	display: block;
	font-weight:600;
	writing-mode: tb-rl;
	margin: 68px 50px 20px;
	letter-spacing: 3px;
	width: 42px;
}
nav li a:hover {
	color: #ff0000;
	background: none;
	text-decoration: none;
}
nav li a span{color: #b0afaf; font-weight: 100;font-size: 12px;letter-spacing:0;}
.tel {
    width: 170px;
    float: right;
    margin-top: 30px;
    margin-right: 136px;
}
.tel img {
	width: 100%;
}
.fixedNav {
	z-index: 1000;
	position: fixed;
	list-style-type: none;
	margin-top: -80px;
	width: 24px;
	display: none;
	height: 141px;
	top: 50%;
	list-style-image: none;
	padding-top: 24px;
	left: 50%;
}
#banner {
	width: 100%;
}
#banner img {
	display: block;
	margin: 0 auto;
}
#banner img:nth-child(1) {
	width: 17%;
	padding: 17% 0 5%;
}
#banner img:nth-child(2) {
	width: 35%;
}
#banner img:nth-child(3) {
	width: 35%;
	padding: 1% 0 7%;
}
.about {
	width: 100%;
	background: url(../images/about-bg.jpg) no-repeat;
	background-size: 100% 100%;
	margin: 10px auto 0;
	padding-bottom: 10%;
}
.about_ming{width:45%;}
.about img {
	margin-left: 64%;
	width: 25%;
	margin-top: 4%;
	margin-bottom: 2%;
}
.about_con p {
	width: 100%;
	font-size: 16px;
	color: #81292d;
	font-family: "΢ÈíÑźÚ";
	line-height: 30px;
	text-indent: 2em;
	text-align: left;
	background: 0;
}
p.ab_more {
    color: #fff;
    width: 16%;
    text-align: center;
    text-indent: 0;
    line-height: 32px;
    font-size: 14px;
    background: #81292d;
}
img.jia{position: absolute;right: 0; bottom:5%; width: 7%;}
img.pro_tit {
	width: 30%;
	margin-left: 10%;
	padding-top: 10%;
}
.honor {
	width: 100%;
	background: url(../images/honor-bg.jpg) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto 10px;
	padding-bottom: 40%;
	position: relative;
}
img.honor_tit {
	width: 40%;
	margin-left: 10%;
	padding-top: 9%;
}
img.left_jian {
	left: 0;
	position: absolute;
	top: 36%;
}
.honor_left {
	width: 40%;
	position: absolute;
	top: 47%;
	left: 8%;
}
.honor_left p {
	font-size: 18px;
	color: #fff;
	text-align: left;
	background: none;
	width: 80%;
	float: right;
	font-family: "΢ÈíÑźÚ";
	line-height: 30px;
}
.honor_left img {
	float: left;
	border: solid 1px #fff;
	padding: 7px;
	width: 48%;
	margin: 8% 1%;
}
.honor_right {
	width: 45%;
	top: 58%;
	position: absolute;
	right: 0;
}
.right_jian {
	padding: 0 0 35px;
	top: 46%;
	position: absolute;
	right: 0;
}
.honor_right img {
	float: left;
	background: #fff;
	padding: 10px 30px;
	width: 40%;
}
.news {
	width: 100%;
	height: auto;
	background: url(../images/news-bg.jpg);
	background-size: 100% 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 13%;
}
.news_title {
	width: 25%;
	margin-left: 3%;
	padding-top: 16%;
}
.news_title img {
	width: 100%;
}
.news_con_bg li{
    height: 140px;
    width: 84%;
    right:0;
    position: absolute;
}
.news_con_bg li:hover .news_con_font{color: #ff0000;}
.news_con_bg:hover img {
	width: 24.5%;
	height: 140px;
	margin: 0 19px 0 0;
}
.news_con_bg:hover .news_con_right {
	width: 12%;
}
.news_con_bg:hover span.news_more {
	width: 70%;
	background: #7f7f7f;
	color: #fff;
}
.news_con_bg:hover .news_con_font {
	color: #000;
}
.news_con_time {
    width: 120px;
    height: 120px;
    float: left;
    border: solid 2px #a7040b;
    color: #a7040b;
    font-size: 20px;
    text-align: center;
	padding: 15px 0;
}
.news_con_time p {
    font-size: 56px;
    font-weight: 600;
    margin-top: 25px;
}
.news_con_font {
	width: 82%;
    float: right;
    font-size: 14px;
    color: #000;
    font-family: "΢ÈíÑźÚ";
    line-height: 30px;
    padding: 10px 10px;
}
.news_con_font span {
	font-size: 16px;
	font-family: "΢ÈíÑźÚ";
	display: block;
	font-weight:600;
}
.news_con_right {
	width: 16%;
	float: left;
	font-size: 14px;
	font-family: "΢ÈíÑźÚ";
	padding-top: 30px;
	margin-left: 20px;
	font-weight:600;
}
span.news_more {
	width: 50%;
	border: solid 1px #7f7f7f;
	border-radius: 20px;
	display: block;
	text-align: center;
	line-height: 30px;
	margin-top: 26px;
	margin-left:7px;
}
.title {
    width: 250px;
    background: url(/images/tit-bg.png) no-repeat;
    background-size: 100% 100%;
    height: 68px;
    font-size: 40px;
    font-family: "΢ÈíÑźÚ";
    color: #fff;
    font-weight: 600;
    margin: 35px auto;
    position: absolute;
    top: 18%;
    left: 40%;
    letter-spacing: 5px;
    padding: 36px 33px;
}
.title:first-letter {
    color: #11872d;
}
.SR {
	min-width: 1000px;
	max-width: 1040px;
	margin: 40px auto 80px;
   min-height:500px;
}
.con p {
	font-size: 14px;
	line-height: 30px;
	text-indent: 2em;
	font-family: "΢ÈíÑźÚ";
}
.con p img {
	margin: 25px auto;
	display: block;
}
.list1 li {
	list-style-type: disc;
	font-size: 10px;
	list-style: inherit;
}
.list1 li a {
	font-size: 14px;
	line-height: 30px;
	color: #000;
	font-family: "΢ÈíÑźÚ";
}
.list1 li a:hover {
	color: #ba1c22;
	background: none;
}
.list1 li span {
	font-size: 14px;
	float: right;
	font-family: "΢ÈíÑźÚ";
}
.page {
	margin-top: 20px;
	padding: 35px 0 0;
	text-align: center;
}
.page-start, .page_word, .page-end, .page a, .page-this {
	display: block;
    display: inline-block;
    padding: 4px 15px;
    font-size: 14px;
    font-family: "΢ÈíÑźÚ";
    color: #fff;
    background: #ccc;
}
.feilei {
	width: 60%;
	margin: 0 auto;
}
.feilei li {
	width: 30%;
	text-align: center;
	border: 1px solid #ddd;
	line-height: 25px;
	margin-bottom: 30px;
}
.feilei li a {
	font-size: 14px;
	color: #000;
	font-family: "΢ÈíÑźÚ";
	display: block;
}
.feilei li a:hover {
	background: #ba1c22;
	color: #fff;
	border: 1px solid #ba1c22;
}
.list2 li {
	float: left;
	border: solid 1px #aaa;
	margin: 1%;
	width: 23%;
	text-align: center;
	font-size: 14px;
	overflow: hidden;
}
img._prodList {
	width: 100%;
	cursor: pointer;
	transition: all 0.6s;
}
.img a:hover img {
	transform: scale(1.4);
}
.imT {
	line-height: 30px;
	font-family: "΢ÈíÑźÚ";
	overflow: hidden;
	height: 33px;
}
.price {
	line-height: 30px;
	color: #ba1c22;
	font-family: "΢ÈíÑźÚ";
	font-weight: 600;
}
.con {
	font-size: 14px;
}
.con p span {
	font-size: 14px !important;
}
.norm1 {
    margin: 0 auto;
    width: 680px;
    background: url(http://www.xiaosbao.com/data/resource/images/ground.jpg);
    height: 416px;
}
.norm2 {
    text-align: center;
    letter-spacing: 1px;
    height: 34px;
    font-size: 26px;
    padding-top: 110px;
    color: #000;
}
.norm3 {
    margin-top: 30px;
    padding-left: 390px;
    height: 30px;
    color: #fff;
    font-size: 14px;
}
.norm0 {
    margin-top: 10px;
    padding-left: 25px;
    height: 25px;
    font-size: 18px;
    color: #000;
}
.con img {
	display: block;
	margin: 0 auto;
	width: 40%;
	cursor: pointer;
	transition: all 0.6s;
}
.con:hover img {
	transform: scale(1.3);
}
.snav {
	font-size: 14px;
	color: #000;
	font-family: "΢ÈíÑźÚ";
}
.snav a {
	font-size: 14px;
	color: #000;
	font-family: "΢ÈíÑźÚ";
}
.snav a:hover {
	color: #ba1c22;
}
.norm3 {
	margin-top: 62px !important;
}
@media print {
* {
	text-shadow: none !important;
	color: #000 !important;
	background: transparent !important;
	box-shadow: none !important;
}
a, a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
	content: "";
}
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
tr, img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
 margin: 0.5cm;
}
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 {
	page-break-after: avoid;
}
}
.row {
	margin-left: -20px;
 *zoom: 1;
}
.row:before, .row:after {
	display: table;
	content: "";
	line-height: 0;
}
.row:after {
	clear: both;
}
[class*="span"] {
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
	width: 940px;
}
.span12 {
	width: 940px;
}
.span11 {
	width: 860px;
}
.span10 {
	width: 780px;
}
.span9 {
	width: 700px;
}
.span8 {
	width: 620px;
}
.span7 {
	width: 540px;
}
.span6 {
	width: 460px;
}
.span5 {
	width: 380px;
}
.span4 {
	width: 300px;
}
.span3 {
}
.span2 {
	width: 140px;
}
.span1 {
	width: 60px;
}
.offset12 {
	margin-left: 980px;
}
.offset11 {
	margin-left: 900px;
}
.offset10 {
	margin-left: 820px;
}
.offset9 {
	margin-left: 740px;
}
.offset8 {
	margin-left: 660px;
}
.offset7 {
	margin-left: 580px;
}
.offset6 {
	margin-left: 500px;
}
.offset5 {
	margin-left: 420px;
}
.offset4 {
	margin-left: 340px;
}
.offset3 {
	margin-left: 260px;
}
.offset2 {
	margin-left: 180px;
}
.offset1 {
	margin-left: 100px;
}
* {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
body {
	font-family: Comic Sans MS, "Comic Sans MS", Arial, sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #231f20;
	margin: 0;
}
img {
	max-width: none;
}
a {
	color: #1daee9;
	text-decoration: none;
	transition: all 0.2s ease-out;
}

.underline {
	color: inherit;
	text-decoration: none;
 border-bottom: 1px solid $pink;
}
ul {
	padding: 0;
	margin: 0;
}
li {
	list-style-type: none;
	list-style-position: inside;
	line-height: 1em;
}
h1 {
	color: #5bd5a0;
	padding: 48px 0 12px 0;
	border-bottom: 2px dotted #5bd5a0;
}
h2 {
	padding-top: 24px;
	margin: 0 0 0 0;
	display: inline-block;
	font-size: 18px;
	line-height: 28px;
}
h3 {
	padding-top: 24px;
}
.uppercase {
	text-transform: uppercase;
}
.center {
	text-align: center;
}
.small {
	font-size: 14px;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.medium {
	font-size: 21px;
}
.big {
	font-size: 24px;
	line-height: 32px;
}
.gray {
	color: #7a7a7a;
}
.container {
	margin-left: auto;
	margin-right: auto;
	width: 940px;
	position: relative;
	padding: 0;
	overflow: visible;
}
.container-white {
	background: #fff;
}
.container-gray .container {
	padding: 24px 0 0 0;
}
.container-gray .container a {
	color: #7a7a7a;
	text-transform: uppercase;
	font-size: 12px;
}
.container-gray .container a:hover {
	color: #5bd5a0;
}
.circles {
	padding: 0;
}
.circles .row {
	padding-left: 140px;
}
.circles img {
	margin-top: 25px;
}
.circle {
	margin: 25px 10px;
	width: 200px;
	color: #fff;
	font-size: 32px;
	line-height: 200px;
	text-align: center;
	height: 200px;
	border-radius: 100px;
}
.bg-green {
	background: #5bd5a0;
}
.bg-blue {
	background: #1daee9;
}
.bg-purple {
	background: #c843a5;
}
.bg-red {
	background: #eb3980;
}
.bg-yellow {
	background: #ffcc35;
}
.button {
	display: inline-block;
	clear: both;
	padding: 36px 36px 24px 36px;
	background: #1daee9;
	text-align: center;
	color: #fff;
	font-size: 36px;
	line-height: 28px;
	margin: 36px 0;
	border-radius: 5px;
 color: $white;
 border: 2px solid $pink;
}
.button:hover {
	background: #fff;
 color: $pink;
 border: 2px solid $pink;
}
.pill {
	color: #fff;
	padding: 8px;
	background: #1daee9;
	text-align: center;
	width: 30px;
	height: 30px;
	font-size: 16px;
	border-radius: 15px;
	line-height: 14px;
	display: inline-block;
	margin-right: 12px;
}
.top__element {
	visibility: hidden;
}
.pricing a {
	padding-top: 20px;
	display: block;
	border: 2px solid #9b59b6;
	border-radius: 4px;
}
.pricing a:hover {
	border-color: #5bd5a0;
	color: #5bd5a0;
}
.pricing-title {
	font-size: 16px;
}
.pricing-name {
	font-size: 32px;
}
.pricing-type {
	font-size: 16px;
}
.pricing-description {
	margin: 20px 0;
	font-size: 24px
}
.pricing a:hover .price {
	background-color: #5bd5a0;
}
.pricing span {
	display: block;
	line-height: 1.4;
}
.pricing .price {
	background-color: #1daee9;
	color: #fff;
	padding: 20px 0;
}
.pricing--single a {
	border-color: #1daee9;
	color: #1daee9;
}
.pricing--extended a {
	border-color: #eb3980;
	color: #eb3980;
}
.pricing--extended .price {
	background-color: #eb3980;
}
.pricing--extended {
	border-color: #eb3980;
}
#banner .KMSPrefix_banner_button {
	bottom: 10px;
	position: absolute;
	list-style: none;
	z-index: 2;
	overflow: hidden;
	_zoom: 1;
	width: 4%;
	left: 48%;
}
img {
	border: 0;
	vertical-align: bottom;
}
ul, li {
	list-style-type: none;
}
a {
	color: #0b060e;
	text-decoration: none;
}

.clear {
	clear: both;
}
p {
	font-family: "΢ÈíÑźÚ";
}
#bg1 {
	background: url(../images/page1_bg.jpg) no-repeat center;
	background-size: cover;
}
#bg2 {
	background: url(../images/page2_bg.jpg) no-repeat center;
	background-size: cover;
}
#bg3 {
	background: url(../images/page3_bg.jpg) no-repeat center;
	background-size: cover;
}
#bg4 {
	background: url(../images/page4_bg.jpg) no-repeat center;
	background-size: cover;
}
#bg5 {
	background: url(../images/page5_bg.jpg) no-repeat center;
	background-size: cover;
}
#bg6 {
	background: url(../images/page6_bg.jpg) no-repeat center;
	background-size: cover;
}
#bg7 {
	background: url(../images/page7_bg.jpg) no-repeat center;
	background-size: cover;
}
#bg8 {
	background: url(../images/page8_bg.jpg) no-repeat center;
	background-size: cover;
}
.pos_re {
	position: relative;
}
.container {
	width: 1000px;
	margin: 0 auto;
	height: 100%;
	z-index: 5;
}
/*header*/

.section .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.section .bg img {
	display: block;
	width: 100%;
	height: 100%;
}
.wrapHeader {
	z-index: 999;
	width: 100%;
	height: 45px;
	top: 0px;
	left: 0px;
}
.wrapHeader1 {
	z-index: 999;
	position: absolute;
	width: 100%;
	height: 45px;
	top: 0px;
	left: 0px;
}
.header {
	margin: 0px auto;
	width: 1100px;
	height: 45px;
}
/***************µÚÒ»Ò³********************/
#bg1 {
	background: url(../images/page1_bg.jpg) no-repeat center center;
	background-size: cover;
}
.p1tit, .p1subtit, .p1sc {
	transition: all 1s;
	-webkit-transition: all 1s;
}
.p1tit {
	width: 12%;
	z-index: 5;
	position: absolute;
	left: 45%;
	opacity: 0;
}
.p1tit img, .p1subtit img, .p1sc img {
	width: 100%;
}
.box.p2box4 img {
	width: 100%;
}
.p1subtit {
	width: 15%;
	z-index: 5;
	position: absolute;
	left: 10%;
	animation: fadeInDown 1s forwards;
	-webkit-animation: fadeInDown 2s forwards;
	opacity: 0;
}
.p1sc {
	width: 9%;
	z-index: 5;
	position: absolute;
	animation: fadeInDown 1s forwards;
	-webkit-animation: fadeInDown 2s forwards;
	opacity: 0;
}
.active .p1sc {
	top: 54%;
	left:30%;
	animation: fadeInUp 1s forwards 1s;
	-webkit-animation: fadeInUp 1s forwards 1s;
}
.jiantou{
	width: 16%;
	z-index: 5;
	position: absolute;
}
.jiantou img{ width:100%;}
.active .jiantou{
	bottom:0;
	left:42%;
	animation: bounceIn 3s forwards 0.1s;
	-webkit-animation: bounceIn 3s forwards 0.1s;
}
/******active********/
.active .p1tit {
	top: 45%;
	animation: bounceIn 5s forwards 0.1s;
    -webkit-animation: bounceIn 5s forwards 0.1s;
}
.active .p1subtit {
	top: 53%;
	animation: fadeInLeft 1s forwards 1.5s;
	-webkit-animation: fadeInLeft 1s forwards 1.5s;
}
/***************µÚ¶þÒ³********************/
.p2box1, .p2box2, .p2box3, .p2box4, .p2box5, .p2line, .p2tit1, .p2tit2 {
	transition: all 1s;
	-webkit-transition: all 1s;
}
#s2 .box {
	position: absolute;
	z-index: 5;
}
#s2 a {
	position: relative;
	width: 100%;
	display: block;
	color: #fff;
}
#s2 a:hover {
	color: #F60;
}
#s2 a .txt {
	position: absolute;
	right: 30px;
	top: 50px;
	z-index: 5;
	font-size: 30px;
}
#s2 a .en {
	position: absolute;
	left: 20px;
	top: 70px;
	z-index: 5;
	font-size: 14px;
}
#s2 a .en .b {
	font-size: 80px;
	font-style: oblique;
}
#s2 .bgcolor {
	width: 255px;
	height: 143px;
	position: absolute;
	left: 0;
	top: 0;
}
.p2line {
	height: 0;
	position: absolute;
	left: 30%;
	top: 10%;
	width: 56px;
	transition: height 1.8s linear;
	-moz-transition: height 1.8s linear;
}
.p2tit1 {
	position: absolute;
	left: 20%;
	top: 25%;
	opacity: 0;
}
.p2tit2 {
	position: absolute;
	right: 15%;
	top: 25%;
	opacity: 0;
}
.p2box1 {
	left: -10%;
	top: 25%;
	opacity: 0;
}
.p2box2 {
	left: -10%;
	top: 40%;
	opacity: 0;
}
.p2box3 {
	right: 3%;
	top: 45%;
	opacity: 0;
}
.p2box4 {
	right: -10%;
	top: 30%;
	opacity: 0;
}
.p2box5 {
	right: -10%;
  	padding-bottom: 30px;
	top: 50%;
	opacity: 0;
}
.p2box1 .bgcolor {
	background: #0182a7;
}
.p2box2 .bgcolor {
	background: #109510;
}
.p2box3 .bgcolor {
	background: #b16048;
}
.p2box4 .bgcolor {
	background: #a01724;
}
.p2box5 .bgcolor {
	background: #861194;
}
/********¶¯»­*************/
.active a:hover .bgcolor {
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.active .p2line {
	height: 690px;
	transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
	opacity: 1;
}
.active .p2tit1 {
	top: 9%;
	transition-delay: 1.1s;
	-webkit-transition-delay: 1.1s;
	opacity: 1;
}
.active .p2tit2 {
	top: 9%;
	transition-delay: 1.3s;
	-webkit-transition-delay: 1.3s;
	opacity: 1;
}
.active .p2box1 {
	left: 285px;
	top: 23%;
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	opacity: 1;
}
.active .p2box2 {
	left: 340px;
	top: 47%;
	transition-delay: 1.7s;
	-webkit-transition-delay: 1.5s;
	opacity: 1;
}
.active .p2box3 {
	top: 58%;
	transition-delay: 1.9s;
	-webkit-transition-delay: 1.5s;
	opacity: 1;
}
.active .p2box4 {
	width: 10%;
	right: 5%;
	top: 10%;
	animation: bounceIn 5s forwards 0.1s;
	-webkit-animation: bounceIn 5s forwards 0.1s;
}
.active .p2box5 {
    width: 60%;
    left:0;
    animation: fadeInUp 1.2s forwards 1.2s;
    -webkit-animation: fadeInUp 1.2s forwards 1.2s;
    top: 15%;
    position: relative;
}
/***************µÚÈýÒ³********************/

.p3tit, .p3line, .p3en, .p3pic1, .p3pic2, .p3pic3 {
	transition: all 1s;
	-webkit-transition: all 1s;
}
.p3tit {
	position: absolute;
	left: 31%;
	opacity: 0;
}
.kemu{
	position: absolute;
	left: 23%;
	opacity: 0;
	font-size: 20px;
	text-align: center;
}
.active .kemu {
    width: 54%;
    top: 23%;
    animation: bounceIn 5s forwards 0.1s;
    -webkit-animation: bounceIn 5s forwards 0.1s;
}
.chuan{ position:absolute; width:6%; opacity:0;}
.active .chuan {
    top: 48%;
    animation: fadeInLeft 1s forwards 0.5s;
    -webkit-animation: fadeInLeft 1s forwards 0.5s;
}
.p3line {
	height: 0;
	position: absolute;
	right: 21%;
	top: 10%;
	width: 4px;
	transition: height 1.8s linear;
	-moz-transition: height 1.8s linear;
}
.p3en {
	position: absolute;
	right: 23%;
	top: 10%;
	opacity: 0;
}
.p3pic1 {
	position: absolute;
	left: 10%;
	top: 10%;
	opacity: 0;
}
.p3pic2 {
	position: absolute;
	left: 31%;
	top: 0%;
	opacity: 0;
}
.p3pic3 {
	position: absolute;
	left: 52%;
	top: 8%;
	opacity: 0;
}
/********¶¯»­*************/
.active .p3tit {
	width: 38%;
	top: 12%;
	animation: bounceIn 5s forwards 0.1s;
    -webkit-animation: bounceIn 5s forwards 0.1s;
}
.active .p3line {
	height: 327px;
	transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
	opacity: 1;
}
.active .p3en {
	top: 20%;
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	opacity: 1;
}
.active .p3pic1 {
	top: 35%;
	transition-delay: 1.8s;
	-webkit-transition-delay: 1.8s;
	opacity: 1;
}
.active .p3pic2 {
	top: 20%;
	transition-delay: 2.3s;
	-webkit-transition-delay: 2.3s;
	opacity: 1;
}
.active .p3pic3 {
	top: 35%;
	transition-delay: 2.8s;
	-webkit-transition-delay: 2.8s;
	opacity: 1;
}
/***************µÚËÄÒ³********************/
#s4 a {
	display: inline-block;
}
.p4pic1 img, .p4pic2 img {
	border: 2px solid #fff;
}
.p4tit, .p4line1, .p4line2, .p4en, .p4pic1, .p4pic2, .p4pic3, .p4pic1t, .p4pic2t {
	transition: all 1s;
	-webkit-transition: all 1s;
}
.p4tit {
	position: absolute;
	left: 10%;
	top: 5%;
	opacity: 0;
}
.p4xie {
	position: absolute;
    left: 20%;
    top: 48%;
    opacity: 0;
    font-size: 16px;
    color: #fff;
}
.p4line1 {
	position: absolute;
	left: 0;
	top: 40%;
}
.p4line2 {
	position: absolute;
	right: 0;
	top: 47%;
	transition: width 1.8s linear;
	-moz-transition: width 1.8s linear;
}
.p4en {
	position: absolute;
	left: 36%;
	top: 10%;
	opacity: 0;
}
.p4pic1 {
	position: absolute;
	right: 12%;
	top: 30%;
	opacity: 0;
   background: #fff;
    padding: 8px 20px;
    width: 15%;
    height: 228px;
}
.p4pic1t {
	position: absolute;
	right: 1%;
	top: 30%;
	opacity: 0;
   background: #fff;
    padding: 8px 20px;
    width: 15%;
    height: 228px;
}
.p4pic2 {
	position: absolute;
	left: 6.5%;
	top: 65%;
	opacity: 0;
   border: solid 2px #fff;
    padding: 5px;
    width: 18%;
    height: 178px;
}
.p4pic2 img,.p4pic2t img{
    border: 2px solid #3e9936;
    width: 100%;
    height:100%;
}
.p4pic1 img,.p4pic1t img{
    width: 100%;
    height: 100%;
}
.p4pic2t {
	position: absolute;
	left: 1%;
	top: 65%;
	opacity: 0;
   border: solid 2px #fff;
    padding: 5px;
    width: 18%;
    height: 178px;
}
/********¶¯»­*************/
.active .p4tit {
	top: 22%;
    animation: fadeInLeft 1s forwards 0.5s;
    -webkit-animation: fadeInLeft 1s forwards 0.5s;
    opacity: 1;
    width: 40%;
}
.active .p4xie {
	animation: fadeInLeft 3s forwards 0.5s;
	-webkit-animation: fadeInLeft 3s forwards 0.5s;
	opacity: 1;
}
.active .p4line1 {
	animation: fadeInLeft 2s forwards 0.5s;
	-webkit-animation: fadeInLeft 2s forwards 0.5s;
	opacity: 1;
}
.active .p4line2 {
	animation: fadeInRight 2s forwards 0.5s;
	-webkit-animation: fadeInRight 2s forwards 0.5s;
	opacity: 1;
}
.active .p4en {
	top: 16%;
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	opacity: 1;
}
.active .p4pic1 {
	top: 60%;
	right: 23%;
	transition-delay: 1.8s;
	-webkit-transition-delay: 1.8s;
	opacity: 1;
}
.active .p4pic1t {
	top: 60%;
	right: 8%;
	transition-delay: 2.8s;
	-webkit-transition-delay: 2.8s;
	opacity: 1;
}
.active .p4pic2 {
	top: 65%;
    left: 11%;
    transition-delay: 3.3s;
    -webkit-transition-delay: 3.3s;
    opacity: 1;
}
.active .p4pic2t {
	top: 65%;
	left: 30%;
	transition-delay: 3.8s;
	-webkit-transition-delay: 3.8s;
	opacity: 1;
}
a.p4pic2t {
	border: solid 2px #fff;
	padding: 5px;
	width: 18%;
}
a.p4pic2t img {
	width: 100%;
	border: solid 2px #3e9936;
}
a.p4pic2 {
	border: solid 2px #fff;
	padding: 5px;
	width: 18%;
}
a.p4pic2 img {
	width: 100%;
	border: solid 2px #3e9936;
}
a.p4pic1 {
	background: #fff;
	padding: 8px 20px;
	width: 15%;
}
a.p4pic1 img {
	width: 100%;
}
a.p4pic1t {
	background: #fff;
	padding: 8px 20px;
	width: 15%;
}
a.p4pic1t img {
	width: 100%;
}
/***************µÚÎåÒ³********************/
.p5pic1t, .p5pic2t {
	width: 249px;
	height: 57px;
	position: relative;
}
.p5pic1t .bgcolor, .p5pic2t .bgcolor {
	width: 249px;
	height: 57px;
	background: #d50f08;
	position: absolute;
	left: 0;
	top: 0;
}
.p5pic1t img, .p5pic2t img {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
}
.p5pic1 img, .p5pic2 img {
	border: 2px solid #fff;
}
.p5tit, .p5pic1, .p5pic2, .p5line, .p5pic3, .p5pic1t, .p5pic2t {
	transition: all 1s;
	-webkit-transition: all 1s;
}
.p5tit {
	position: absolute;
    opacity: 0;
}
.nmore {
    font-size: 16px;
    color: #fff;
    font-family: "΢ÈíÑźÚ";
    position: absolute;
    right:15%;
    position: absolute;
    z-index: 99;
    background: #ff0000;
    padding: 0 7px;
	top:50%;
}
.p5line {
	position: absolute;
	right: 2%;
	top: 38%;
	opacity: 0;
}
.p5pic1 {
	position: absolute;
	left: 17%;
	top: 45%;
	opacity: 0;
}
.p5pic1t {
	position: absolute;
	left: 23%;
	top: 85%;
	opacity: 0;
}
.p5pic2 {
	position: absolute;
	right: 11%;
	top: 50%;
	opacity: 0;
}
.p5pic2t {
	position: absolute;
	right: 15%;
	top: 90%;
	opacity: 0;
}
/********¶¯»­*************/
.active a:hover .bgcolor, .active .p5pic1:hover img, .active .p5pic2:hover img {
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.active .p5tit {
	width: 6%;
	top: 12%;
	animation: fadeInLeft 1s forwards 0.5s;
	-webkit-animation: fadeInLeft 1s forwards 0.5s;
}
.active .nmore {
	
    animation: slideInRight 1s forwards;
    -webkit-animation: slideInRight 1s forwards;
}
.active .p5line {
	top: 16%;
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	opacity: 1;
}
.active .p5pic1 {
	top: 20%;
	otransition-delay: 1.2s;
	-webkit-transition-delay: 1.2s;
	opacity: 1;
}
.active .p5pic1t {
	top: 75%;
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	opacity: 1;
}
.active .p5pic2 {
	top: 30%;
	transition-delay: 1.8s;
	-webkit-transition-delay: 1.8s;
	opacity: 1;
}
.active .p5pic2t {
	top: 84%;
	transition-delay: 1.9s;
	-webkit-transition-delay: 1.9s;
	opacity: 1;
}
/***************µÚÁùÒ³********************/
#s6 .picbox {
	position: absolute;
	top: 9.5%;
	left: 10%;
	width: 100%;
	height: 100%;
	min-width: 1100px;
	min-height: 600px;
}
#s6 .picboxa {
	position: relative;
	width: 100%;
	height: 100%;
}
#s6 .picbox img {
	border: 2px solid #fff;
}
#s6 .picbox a {
	display: block;
	position: relative;
	color: #fff;
	font-size: 20px;
}
#s6 .picbox a .txt {
	position: absolute;
	bottom: 2px;
	right: 2px;
	z-index: 15;
	width: 175px;
	height: 45px;
	line-height: 45px;
	text-align: center;
}
#s6 .picbox a .bgcolor {
	position: absolute;
	bottom: 2px;
	right: 2px;
	z-index: 12;
	background: #000;
	opacity: 0.5;
	width: 175px;
	height: 45px;
}
.p6pic1 a {
}
.p6line, .p6tit1, .p6tit2, .p6pic1, .p6pic2, .p6pic3, .p6pic4 {
	transition: all 1s;
	-webkit-transition: all 1s;
}
.p6line {
	position: absolute;
    left: 30%;
    opacity: 0;
    width: 40%;
}
.p6tit1 {
	position: absolute;
	left: 8%;
	top: 0%;
	opacity: 0;
}
.p6tit2 {
	position: absolute;
	left: 8%;
	top: 0%;
	opacity: 0;
}
.p6layout {
	position: absolute;
	right: 40%;
	top: 5%;
	opacity: 0;
}
.p6pic1 {
	position: absolute;
	left: 20%;
	top: 12%;
	opacity: 0;
}
.p6pic2 {
	position: absolute;
	right: 30%;
	top: 12%;
	opacity: 0;
}
.p6pic3 {
	position: absolute;
	left: 17%;
	top: 50%;
	opacity: 0;
}
.p6pic4 {
	position: absolute;
	right: 30%;
	top: 50%;
	opacity: 0;
}
/********¶¯»­*************/
.active a:hover {
	opacity: 0.5;
}
.active .p6line {
	top: 13%;
	opacity: 1;
}
.active .p6tit1 {
	top: 7%;
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	opacity: 1;
}
.active .p6tit2 {
	top: 7%;
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	opacity: 1;
}
.active .p6layout {
	otransition-delay: 1.2s;
	-webkit-transition-delay: 1.2s;
	opacity: 1;
}
.active .p6pic1 {
	left: 9%;
	otransition-delay: 1.2s;
	-webkit-transition-delay: 1.2s;
	opacity: 1;
}
.active .p6pic2 {
	right: 25%;
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	opacity: 1;
}
.active .p6pic3 {
	left: 7%;
	transition-delay: 1.8s;
	-webkit-transition-delay: 1.8s;
	opacity: 1;
}
.active .p6pic4 {
	right: 24%;
	transition-delay: 1.9s;
	-webkit-transition-delay: 1.9s;
	opacity: 1;
}
/***************µÚÆßÒ³********************/
#s7 .picbox {
	position: absolute;
	top: 20%;
	left: 20%;
}
#s7 .picboxa {
	position: relative;
	width: 770px;
	height: 520px;
}
#s7 .picbox img {
	border: 2px solid #fff;
}
.p7tit1, .p7tit2, .p7pic1, .p7pic2, .p7pic3, .p7pic4 {
	transition: all 1s;
	-webkit-transition: all 1s;
}
.p7tit1 {
	position: absolute;
	left: 30%;
	top: 5%;
	opacity: 0;
}
.p7tit2 {
	position: absolute;
	left: 5%;
	top: 70%;
	opacity: 0;
}
.p7pic1 {
	position: absolute;
	right: 40%;
	top: 5%;
	opacity: 0;
}
.p7pic2 {
	position: absolute;
	right: 85%;
	top: 5%;
	opacity: 0;
}
.p7pic3 {
	position: absolute;
	left: 30%;
	top: 55%;
	opacity: 0;
}
.p7pic4 {
	position: absolute;
	left: 73%;
	top: 55%;
	opacity: 0;
}
/********¶¯»­*************/
.active .p7tit1 {
	left: -3%;
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	opacity: 1;
}
.active .p7tit2 {
	top: 23%;
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	opacity: 1;
}
.active .p7pic1 {
	right: 5%;
	otransition-delay: 1.2s;
	-webkit-transition-delay: 1.2s;
	opacity: 1;
}
.active .p7pic2 {
	right: 52%;
	transition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	opacity: 1;
}
.active .p7pic3 {
	left: 0%;
	transition-delay: 1.8s;
	-webkit-transition-delay: 1.8s;
	opacity: 1;
}
.active .p7pic4 {
	left: 33%;
	transition-delay: 1.9s;
	-webkit-transition-delay: 1.9s;
	opacity: 1;
}
/***************µÚ°ËÒ³********************/
.p8pic1, .p8pic2, .loginbox {
	transition: all 1s;
	-webkit-transition: all 1s;
}
.loginbox {
	position: absolute;
	right: 10%;
	top: 7%;
}
.loginbox a {
	font-size: 18px;
	background: #C93;
	padding: 5px 10px;
}
.p8pic1 {
	position: absolute;
	right: 40%;
	top: 13%;
	opacity: 0;
}
.p8pic2 {
	position: absolute;
	left: 5%;
	top: 13%;
	opacity: 0;
}
/********¶¯»­*************/
.active .loginbox {
	otransition-delay: 1.2s;
	-webkit-transition-delay: 1.2s;
	opacity: 1;
}
.active .p8pic1 {
	right: 14%;
	otransition-delay: 1.5s;
	-webkit-transition-delay: 1.5s;
	opacity: 1;
}
.active .p8pic2 {
	left: 14%;
	transition-delay: 1.2s;
	-webkit-transition-delay: 1.2s;
	opacity: 1;
}
/*²úÆ·¹ö¶¯Í¼Æ¬*/
TABLE {
	BORDER-TOP-WIDTH: 0px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-TOP: 0px;
	BORDER-RIGHT-WIDTH: 0px
}
TD {
	FONT-SIZE: 12px
}
.f12 {
	FONT-SIZE: 12px
}
.F14lists {
	LINE-HEIGHT: 23px
}
.F14lists UL {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px
}
.F14lists LI {
	PADDING-LEFT: 2px;
	FONT-SIZE: 14px;
	VERTICAL-ALIGN: bottom
}
.F14lists LI SPAN {
	FONT-SIZE: 9px;
	COLOR: #533826
}
.FixTitle A:link {
	COLOR: #0736aa;
	TEXT-DECORATION: none
}
.FixTitle A:visited {
	COLOR: #0736aa;
	TEXT-DECORATION: none
}
.FixTitle A:hover {
	TEXT-DECORATION: underline
}
.FixTitle {
	BORDER-RIGHT: #a2d1ff 1px solid;
	BORDER-TOP: #a2d1ff 1px solid;
	BACKGROUND: url(../images/olyready_bg_cl_002.gif) 0px -101px;
	OVERFLOW: hidden;
	BORDER-LEFT: #a2d1ff 1px solid;
	LINE-HEIGHT: 24px;
	BORDER-BOTTOM: #a2d1ff 1px solid;
	HEIGHT: 24px
}
.FixTitle H3 {
	PADDING-LEFT: 30px;
	FONT-SIZE: 14px;
	BACKGROUND: url(../images/olyready_bg_cl_001.gif) 2px -197px;
	FLOAT: left;
	COLOR: #0736aa
}
.FixTitle SPAN {
	PADDING-RIGHT: 5px;
	FLOAT: right
}
.RForm {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px
}
.RForm DT {
	LINE-HEIGHT: 23px
}
.RformB {
	PADDING-LEFT: 10px
}
.blk_29 {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 10px;
	OVERFLOW: hidden;
	PADDING-TOP: 82px;
	ZOOM: 1;
	POSITION: relative;
}
.blk_29 .LeftBotton {
	BACKGROUND: url(../images/left.jpg) no-repeat 0px 0px;
	right: 93px;
	FLOAT: left;
	WIDTH: 59px;
	CURSOR: pointer;
	POSITION: absolute;
	TOP: 10px;
	HEIGHT: 59px
}
.blk_29 .LeftBotton:hover {
	BACKGROUND: url(../images/left.png) no-repeat 0px 0px;
	right: 93px;
	FLOAT: left;
	WIDTH: 59px;
	CURSOR: pointer;
	POSITION: absolute;
	TOP: 10px;
	HEIGHT: 59px
}
.blk_29 .RightBotton {
	RIGHT: 22px;
	BACKGROUND: url(../images/right.jpg) no-repeat;
	FLOAT: right;
	WIDTH: 59px;
	CURSOR: pointer;
	POSITION: absolute;
	TOP: 10px;
	HEIGHT: 59px
}
.blk_29 .RightBotton:hover {
	RIGHT: 22px;
	BACKGROUND: url(../images/right.png) no-repeat;
	FLOAT: right;
	WIDTH: 59px;
	CURSOR: pointer;
	POSITION: absolute;
	TOP: 10px;
	HEIGHT: 59px
}
.blk_29 .Cont {
	MARGIN: 0px auto;
	OVERFLOW: hidden;
	WIDTH: 100% !important;
	PADDING-TOP: 5px
}
.blk_29 .box {
	FLOAT: left;
	WIDTH: 18%;
	TEXT-ALIGN: center;
	border: solid 2px #11872d;
	margin: 0 0.5%;
	background: #fff;
	padding: 5px;
	animation: flipInY 1s forwards;
	-webkit-animation: flipInY 2s forwards;
}
.blk_29 .box IMG {
	PADDING-RIGHT: 3px;
	DISPLAY: block;
	PADDING-LEFT: 3px;
	BACKGROUND: #fff;
	PADDING-BOTTOM: 3px;
	MARGIN: 0px auto;
	PADDING-TOP: 3px;
}
.blk_29 .box A:hover IMG {
	BORDER-RIGHT: #5385cc 1px solid;
	BORDER-TOP: #5385cc 1px solid;
	BORDER-LEFT: #5385cc 1px solid;
	BORDER-BOTTOM: #5385cc 1px solid
}
.blk_29 .box P {
	MARGIN: 6px auto 0px;
	WIDTH: 80%;
	LINE-HEIGHT: 20px
}
.rollphotos {
	MARGIN-TOP: 10px;
	WIDTH: 74%;
	position: absolute;
	z-index: 999;
	top: 38%;
	left: 13%;
}
.partC {
	MARGIN-TOP: 10px;
	OVERFLOW: auto;
	WIDTH: 950px
}
.partC .PC_left {
	OVERFLOW: auto;
	WIDTH: 470px
}
.partC .PC_right {
	OVERFLOW: auto;
	WIDTH: 470px
}
.partC .PC_left {
	FLOAT: left
}
.partC .PC_right {
	FLOAT: right
}
.PT_mix {
	BORDER-RIGHT: #a2d1ff 1px solid;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #a2d1ff 0px solid;
	PADDING-LEFT: 0px;
	BACKGROUND: #f3fbfe;
	PADDING-BOTTOM: 10px;
	OVERFLOW: auto;
	BORDER-LEFT: #a2d1ff 1px solid;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #a2d1ff 1px solid
}
.PhoTxt {
	MARGIN-TOP: 10px;
	DISPLAY: inline;
	FLOAT: left;
	MARGIN-LEFT: 10px;
	OVERFLOW: auto;
	WIDTH: 220px
}
.PhoTxt IMG {
	BORDER-RIGHT: #ccc 1px solid;
	PADDING-RIGHT: 3px;
	BORDER-TOP: #ccc 1px solid;
	PADDING-LEFT: 3px;
	BACKGROUND: #fff;
	FLOAT: left;
	PADDING-BOTTOM: 3px;
	BORDER-LEFT: #ccc 1px solid;
	MARGIN-RIGHT: 5px;
	PADDING-TOP: 3px;
	BORDER-BOTTOM: #ccc 1px solid
}
.PhoTxt H1 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 23px
}
.PhoTxt P {
	COLOR: #545454;
	LINE-HEIGHT: 20px
}
.more {
	font-size: 16px;
	color: #fff;
	font-family: "΢ÈíÑźÚ";
	position: absolute;
	top:-14%;
	right: 0;
	position: absolute;
	z-index: 99;
	background:#ff0000;
	padding:0 7px;
}
.active .more{
	animation: slideInRight 1s forwards;
	-webkit-animation: slideInRight 1s forwards;
}
.map {
	width: 33%;
	height: 240px;
	position: absolute;
	border: #ccc solid 1px;
	left: 16%;
	top: 46%;
}

.product {
	width: 100%;
    top: 37%;
    position: absolute;
}
.product_con {
	width:32%;
    float: left;
    background: #fff;
	margin-right:1%;
    transition: all 1s;
    -webkit-transition: all 1s;
    opacity: 0;
}
.product_con:nth-child(4){ margin-right:0;}
.product_con:hover {
	animation: flipInY 1s forwards 0.5s;
	-webkit-animation: flipInY 1s forwards 0.1s;
}
.product_con img {
	width: 100%;
}
.product_con_tit {
    text-align: center;
    padding: 15px 0 8px;
    font-size: 20px;
    font-weight: 600;
}
.product_con p {
    padding: 0 15px;
    font-family: "΢ÈíÑźÚ";
    font-size: 14px;
    line-height: 25px;
    margin: 5px 0;
    text-align: left;
	font-weight: 100;
	text-indent: 2em;
}
.product_con_more {
    background: #81292d;
    width: 35%;
    color: #fff;
    margin: 20px auto;
    text-align: center;
    padding: 3px 0;
    font-size: 14px;
}
.product_con p span{
	color:#ff0000;
}
.active .product_con:nth-child(1) {
	transition-delay: 1.2s;
	-webkit-transition-delay: 1.2s;
	opacity: 1;
}
.active .product_con:nth-child(2) {
	transition-delay: 1.4s;
	-webkit-transition-delay: 1.4s;
	opacity: 1;
}
.active .product_con:nth-child(3) {
	transition-delay: 1.6s;
	-webkit-transition-delay: 1.6s;
	opacity: 1;
}
.active .product_con:nth-child(4) {
	transition-delay: 1.8s;
	-webkit-transition-delay: 1.8s;
	opacity: 1;
}
.active .product_con:nth-child(5) {
	transition-delay: 2.0s;
	-webkit-transition-delay: 2.0s;
	opacity: 1;
}
.active .product_con:nth-child(6) {
	transition-delay: 2.2s;
	-webkit-transition-delay: 2.2s;
	opacity: 1;
}
.news_con1{ display: none;}
.news_con_bg li:nth-child(1){
	top:10%
}
.news_con_bg li:nth-child(2){
	top:30%
}
.news_con_bg li:nth-child(3){
	top:50%
}
.news_con_bg li:nth-child(4){
	top:70%
}
.active .news_con_bg li:nth-child(1) {
	animation: fadeInRight 0.6s forwards 0.1s;
	-webkit-animation: fadeInRight 0.6s forwards 0.1s;
}
.active .news_con_bg li:nth-child(2) {
	animation: fadeInRight 0.9s forwards 0.1s;
	-webkit-animation: fadeInRight 0.9s forwards 0.1s;
}
.active .news_con_bg li:nth-child(3) {
	animation: fadeInRight 1.2s forwards 0.1s;
	-webkit-animation: fadeInRight 1.2s forwards 0.1s;
}
.active .news_con_bg li:nth-child(4) {
	animation: fadeInRight 1.5s forwards 0.1s;
	-webkit-animation: fadeInRight 1.5s forwards 0.1s;
}
.mabout {
	width: 50%;
	height: 30px;
	background: #fff;
	text-align: center;
	border-radius: 10px;
	line-height: 30px;
	position: absolute;
	left: 88%;
	margin-top: 10px;
	font-size: 0.8em;
	color: #008314;
}
.about_more {
	width: 32%;
	background: #fff;
	text-align: center;
	border-radius: 10px;
	font-size: 0.8em;
	float: right;
	margin-top: 4%;
}

@media screen and (max-width:1300px) and (min-width:1001px){
.con {
    margin: 0 auto;
}
  .title {
    top: 14%;
}
img.sub_bg1 {
    height: 350px !important;
}
.SL {
    position: absolute;
    width: 50%;
    top: 27% !important;
    left: 25%;
}
.list2 li {
    width: 28% !important;
}
.imT {
    line-height: 40px !important;
    height: 40px !important;
}
.list2 ol {
    padding: 0;
}

.mobile {
    width: 6%;
    float: left;
}
.mobile img{width:100%;}
}
.contact{height:530px; position:relative; top:35%;}
.yuan{ width:100%;}
.active .yuan {
    top:0;
   animation: bounceIn 5s forwards 0.1s;
    -webkit-animation: bounceIn 5s forwards 0.1s;
    opacity: 1;
}
.contact_font {
    position: absolute;
    right: 0;
    width: 63%;
	border-left: solid 2px #80282c;
    padding-left: 55px;
}
.contact_font p{height: 50px; color:#81292c; font-size:16px; line-height:50px;padding-left: 75px; font-weight:600;}
.contact_font p:nth-child(1){ background: url("../images/contact-btn1.png") left center no-repeat;background-size: 8%;}
.contact_font p:nth-child(2){ background: url("../images/contact-btn2.png") left center no-repeat;background-size: 8%;}
.contact_font p:nth-child(3){ background: url("../images/contact-btn3.png") left center no-repeat;background-size: 8%;}
.contact_font p:nth-child(4){ background: url("../images/contact-btn4.png") left center no-repeat;background-size: 8%;}
.contact_font p:nth-child(5){ background: url("../images/contact-btn5.png") left center no-repeat;background-size: 8%;line-height: 30px;}
#dituContent{width:30%; height: 350px; position: absolute; border: solid 1px #b9b7b7;}
.active #dituContent {
    animation: fadeInLeft 1s forwards 0s;
    -webkit-animation: fadeInLeft 1s forwards 0s;
}
.active .contact_font{
    animation: fadeInRight 1s forwards 0s;
    -webkit-animation: fadeInRight 1s forwards 0s;
}
.footer {
	width: 100%;
	position: absolute;
    bottom: 0;
}
.footer_con {
	text-align: center;
}
.footer_con p {
	font-size: 14px;
	color: #000;
	font-family: "΢ÈíÑźÚ";
	line-height: 45px;
	background: none;
	width: 100%;
}
.footer_con p a {
	color: #000;
	font-family: "΢ÈíÑźÚ";
}
.content p img {
    float: left;
	margin-right: 10px;
}