@charset "utf-8";

#banner { position:relative; width:100%; height:750px; overflow:hidden; }
.cb-slideshow,
.cb-slideshow:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
}
.cb-slideshow:after {
    content: '';
    background: transparent url(/images/pattern.png) repeat top left;
}
.cb-slideshow li span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 30s linear infinite 0s;
    -moz-animation: imageAnimation 30s linear infinite 0s;
    -o-animation: imageAnimation 30s linear infinite 0s;
    -ms-animation: imageAnimation 30s linear infinite 0s;
    animation: imageAnimation 30s linear infinite 0s;
}
.cb-slideshow li div {
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    -webkit-animation: titleAnimation 30s linear infinite 0s;
    -moz-animation: titleAnimation 30s linear infinite 0s;
    -o-animation: titleAnimation 30s linear infinite 0s;
    -ms-animation: titleAnimation 30s linear infinite 0s;
    animation: titleAnimation 30s linear infinite 0s;
}
.cb-slideshow li div h1 {
    font-size: 80px;
    line-height: 180px;
	font-weight:600;
    color: rgba(255, 255, 255, 0.88);
}
.cb-slideshow li div h3 {
	color: #fff;
	font-family: "Open Sans", Arial, sans-serif;
	font-size: 50px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom:20px;
	FILTER:alpha(opacity=30); opacity:0.3;
}
.cb-slideshow li:nth-child(1) span { background-image: url(../images/ban/1.jpg) }
.cb-slideshow li:nth-child(2) span {
    background-image: url(../images/ban/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) span {
    background-image: url(../images/ban/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) span {
    background-image: url(../images/ban/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) span {
    background-image: url(../images/ban/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}
.cb-slideshow li:nth-child(2) div {
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;
}
.cb-slideshow li:nth-child(3) div {
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;
}
.cb-slideshow li:nth-child(4) div {
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;
}
.cb-slideshow li:nth-child(5) div {
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;
}

/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
	0% {opacity: 0; -webkit-animation-timing-function: ease-in;}
	8% {opacity: 1; -webkit-transform: scale(1.08); -webkit-animation-timing-function: ease-out;}
	17% {opacity: 1; -webkit-transform: scale(1.16);}
	25% {opacity: 0; -webkit-transform: scale(1.25);}
	100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
	0% {opacity: 0; -moz-animation-timing-function: ease-in;}
	8% {opacity: 1; -moz-transform: scale(1.08); -moz-animation-timing-function: ease-out;}
	17% {opacity: 1; -moz-transform: scale(1.16);}
	25% {opacity: 0; -moz-transform: scale(1.25);}
	100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
	0% {opacity: 0; -o-animation-timing-function: ease-in;}
	8% {opacity: 1; -o-transform: scale(1.08); -o-animation-timing-function: ease-out;}
	17% {opacity: 1; -o-transform: scale(1.16);}
	25% {opacity: 0; -o-transform: scale(1.25);}
	100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
	0% {opacity: 0; -ms-animation-timing-function: ease-in;}
	8% {opacity: 1; -ms-transform: scale(1.08); -ms-animation-timing-function: ease-out;}
	17% {opacity: 1; -ms-transform: scale(1.16);}
	25% {opacity: 0; -ms-transform: scale(1.25);}
	100% { opacity: 0 }
}
@keyframes imageAnimation { 
	0% {opacity: 0; animation-timing-function: ease-in;}
	8% {opacity: 1; transform: scale(1.08); animation-timing-function: ease-out;}
	17% {opacity: 1; transform: scale(1.16);}
	25% {opacity: 0; transform: scale(1.25);}
	100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
	0% {opacity: 0; -webkit-transform: translateY(150px);}
	6% {opacity: 1; -webkit-transform: translateY(0px);}
	20% {opacity: 1; -webkit-transform: scale(1);}
	22% { opacity: 0 }
	28% {opacity: 0; -webkit-transform: scale(5);}
	100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
	0% {opacity: 0; -moz-transform: translateY(150px);}
	6% {opacity: 1; -moz-transform: translateY(0px);}
	20% {opacity: 1; -moz-transform: scale(1);}
	22% { opacity: 0 }
	28% {opacity: 0; -moz-transform: scale(5);}
	100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
	0% {opacity: 0; -o-transform: translateY(150px);}
	6% {opacity: 1; -o-transform: translateY(0px);}
	20% {opacity: 1; -o-transform: scale(1);}
	22% { opacity: 0 }
	28% {opacity: 0; -o-transform: scale(5);}
	100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
	0% {opacity: 0; -ms-transform: translateY(150px);}
	6% {opacity: 1; -ms-transform: translateY(0px);}
	20% {opacity: 1; -ms-transform: scale(1);}
	22% { opacity: 0 }
	28% {opacity: 0; -webkit-transform: scale(5);}
	100% { opacity: 0 }
}
@keyframes titleAnimation { 
	0% {opacity: 0; transform: translateY(150px);}
	6% {opacity: 1; transform: translateY(0px);}
	20% {opacity: 1; transform: scale(1);}
	22% { opacity: 0 }
	28% {opacity: 0; transform: scale(5);}
	100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1440px) { 
	.cb-slideshow li div h1 { font-size: 70px }
	#banner { position:relative; width:100%; height:650px; overflow:hidden; }
}
@media screen and (max-width: 1000px) { 
	.cb-slideshow li div h1 { font-size: 50px }
}

.maint { height:auto; text-align:center;}
.maint span { display:block;}
.maint span.t1 { height:40px; line-height:40px; padding-top:50px; font-size:30px; color:#001332; font-family:Arial, Helvetica, sans-serif;}
.maint span.t2 { height:40px; line-height:28px; font-size:14px; color:#999; font-family:Arial, Helvetica, sans-serif;}
.maint strong { display:block; height:35px; line-height:35px; font-size:14px; width:90px; border-top:1px solid #001332; margin:0 auto; font-weight:normal; margin-bottom:40px; color:#001332;}

.xmbox { width:100%; height:840px; background:#f2f2f2; position:relative; z-index:2;}
.actbox { width:1190px; height:580px; margin:0 auto; padding-left:10px;}
.actli { width:258px; height:548px; border:1px solid #dbdbdd; position:relative; float:left; margin-left:-1px; background:#fff; z-index:99; overflow:hidden;}
.actt { height:145px; padding-top:25px;}
.actbox .b1 .actt { background:#ebebec;}
.actbox .b2 .actt { background:#e5e6e6;}
.actbox .on { border:1px solid #3eb2e8; z-index:100; }
.actbox .on .actt { background:#3eb2e8;}
.actbox .on .actt span,.actbox .on .actt font { color:#fff;}
.actt b { display:block; height:65px; margin:0 auto;}
.actt span { display:block; height:40px; line-height:40px; font-size:20px; text-align:center;}
.actt font { display:block; height:20px; text-align:center; }
.actc1 { height:auto; line-height:24px; font-size:12px; overflow:hidden;}
.actc1 font { height:auto; padding:10px 20px; font-size:12px; line-height:24px; display:block; }
.actc1 img.actcp { position:absolute; FILTER:alpha(opacity=100); opacity:1;}
.actc1 b { display:block; font-size:12px; padding-left:25px; font-weight:normal;}
.actc1 a { text-decoration:none; display:block;}

.bgdot { background:url(/images/pattern.png);background-attachment: fixed; position:absolute; width:100%; height:100%; }
.cd-fixed-bg {
  position: relative;
  height: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  z-index: 1;
  text-align:center;
}
.fixed-bg1 { background-image:url(/images/abp3.jpg); min-height:100%;}
.fixed-bg2 { background-image:url(/images/prop.jpg); padding:50px 0;}
.fixed-bg3 { background-image:url(/images/casebg.jpg); }
.fixed-bg1 span.t1,.fixed-bg1 span.t2,.fixed-bg1 .maint strong { color:#fff;}
.fixed-bg1 .maint strong { border-top:1px solid #ccc; margin-bottom:0;}
.fixed-bg1 .intro { line-height:40px; }
.fixed-bg1 .intro span { font-size:24px; color:#fff; display:block; padding-top:40px; padding-bottom:10px;}
.fixed-bg1 .intro font { font-size:16px; color:#fff; display:block; }
.fixed-bg2 span.t1,.fixed-bg2 span.t2,.fixed-bg2 .maint strong { color:#fff;}
.fixed-bg2 .maint strong { border-top:1px solid #fff;}
.fixed-bg3 .intro { color:#999; font-size:14px; padding-bottom:40px;}
.fixed-bg3 .intro a { color: #ccc;}
.fixed-bg3 .maint span { color:#ccc;}
.fixed-bg3 .maint strong { border-top:1px solid #ccc; color: #ccc;}
.fixed-bg3 .maint span.t1 { padding-top:60px;}
.cd-scrolling-bg {
  position: relative;
  height:auto;
  background-color:#fff;
  -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.abc { width:930px; height:auto; margin:0 auto; padding:80px 0; font-size:14px; line-height:30px;}
.abico { width:1160px; height:240px; margin:0 auto; padding-left:40px;}
.abicok { width:370px; height:auto; float:left; text-align:center;}
.abicok div { height:70px;}
.abicok span { display:block; height:50px; font-size:20px; line-height:30px; padding-top:20px;}
.abicok font { display:block; height:auto; line-height:22px; color:#aaa;}

.proico { width:1205px; height:340px; margin:0 auto; padding-left:5px; }
.proicok { width:300px; height:200px; float:left; }
.proicok div { width:120px; height:120px; margin:0 auto; border-radius:30px; overflow:hidden;
transition:all 0.5s;
-moz-transition:all 0.5s; /* Firefox 4 */
-webkit-transition:all 0.5s; /* Safari and Chrome */
-o-transition:all 0.5s; /* Opera */
-ms-transition:all 0.5s; /* IE 9 */
}
.proicok div img { width:100%;}
.proicok:hover div { background:#3eb2e8; width:100px; height:100px;}
.proicok span { display:block; height:50px; font-size:20px; line-height:30px; padding-top:20px; color:#fff;}
.proicok font { display:block; height:auto; line-height:22px; color:#fff;}
.proicok a { text-decoration:none;}
.casebox { height:auto;}
.casep { width:22%; height:auto; margin:0 0 20px 2%; float:left;}
.casep:first-child { margin-left:3%;}
.casepp { position:relative; overflow:hidden; margin-bottom:10px;}
.casepp img { width:100%; height:auto; cursor: pointer; transition: all 1.5s; display:block;}
.casepp img:hover{
	transform:scale(1.1);
	-ms-transform:scale(1.1); /* IE 9 */
	-moz-transform:scale(1.1); /* Firefox */
	-webkit-transform:scale(1.1); /* Safari and Chrome */
	-o-transform:scale(1.1); /* Opera */
}
.casep span,.casep font { display:block; height:24px; font-size:16px; line-height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.casep font { font-size:12px; color:#ccc;}
.lybox { width:1000px; height:400px; margin:0 auto; text-align:left;}
.lyl { width:500px; height:auto; float:left;}
.lyr { width:460px; height:auto; float:right;}
.lyl input { height:40px; font-size:14px; line-height:40px; width:450px; background:url(/images/op50.png); border:0; border-radius:3px; color:#ccc; padding:0 10px; margin-bottom:10px;}
.lyl textarea { height:100px; width:450px; border:0; font-size:14px; line-height:26px; background:url(/images/op50.png); border-radius:3px; color:#ccc; padding:10px; margin-bottom:10px;}
.lysubmit { width:120px; height:35px; color:#ccc; font-size:16px; text-align:center; line-height:35px; border-radius:3px; display:block; cursor:pointer; margin-left:348px; background:url(/images/op50.png)}
.lyr span { display:block; font-size:14px; color:#ccc; height:40px; line-height:30px; padding-left:60px; margin-bottom:10px;}
.lyr div.ccc { line-height:24px; height:auto; font-size:14px; color:#ccc; padding-left:60px; margin-bottom:15px;}
.lyr span.ca { background:url(/images/map.png) left top no-repeat;}
.lyr span.ca2 { background:url(/images/map.png) left top no-repeat; font-size:18px; margin-bottom:0;}
.lyr span.ct { background:url(/images/tel2.png) left top no-repeat;}
.lyr span.ce { background:url(/images/mail.png) left 5px no-repeat;}
.lyr span.cm { background:url(/images/ma.png) left top no-repeat; height:100px;}
.lyr span img { width:100px; height:auto;}