a:hover{ text-decoration: none; color: #999; transition: all 0.3s ease 0s;}
.wrap{ width: 1200px; margin: 0 auto;}


.head{ position: fixed; z-index: 9; width: 100%; }
.head .btn1{ font-size: 24px; color: #fff; margin-top: 10px; position: absolute; left: 15%;}
.head .btn1:hover{ color: #f1f1f1;}
.head .btn2{ font-size: 16px; color: #FFF; background: rgba(158,190,255,0.8); display: block; padding: 0 13px; border-radius: 3px; height: 40px; line-height: 40px; margin-top: 10px; position: absolute; right: 15%; cursor: pointer;}
.head .btn2:hover{ background: rgba(187,209,253,0.8);}

.mouse{ display: block; width: 52px; height: 52px; text-indent: -9999em; background: url(../images/mouse.png) no-repeat; position: absolute; bottom: 30px; left: 48%;}

.section1{ background: url(../images/idx-bg1.jpg) no-repeat center center; background-size: cover; overflow: hidden;}
.section2{ background: url(../images/idx-bg2.jpg) no-repeat center center; background-size: cover; overflow: hidden;}
.section3{ background: url(../images/idx-bg3.jpg) no-repeat center center; background-size: cover; overflow: hidden;}

.section4{ background: url(../images/p-bg1.jpg) no-repeat center center; background-size: cover; overflow: hidden;}
.section5{ background: url(../images/p-bg2.jpg) no-repeat center center; background-size: cover; overflow: hidden;}
.section6{ background: url(../images/p-bg3.jpg) no-repeat center center; background-size: cover; overflow: hidden;}
.section7{ background: url(../images/p-bg4.jpg) no-repeat center center; background-size: cover; overflow: hidden;}
.section8{ background: url(../images/p-bg1.jpg) no-repeat center center; background-size: cover; overflow: hidden;}

.section-content{ background: url(../images/mask_left.png) repeat-y; padding: 40px 190px 40px 70px; width: 550px; height: 370px; color: #FFF; margin-left: 15%;}
.section-content h2{ font-size: 60px; height: 80px; line-height: 80px; overflow: hidden; font-weight: bold; text-shadow: 3px 3px 2px #000; display: none; animation-delay: 0.1s; animation-duration: 0.8s;}
.section-content .intr{ font-size: 16px; line-height: 32px; margin-top: 20px; height: 192px; overflow: hidden; display: none; animation-delay: 0.4s; animation-duration: 0.8s;}
.section-content .more{ display: inline-block; border: 1px solid #FFF; border-radius: 2px; color: #FFF; height: 50px; line-height: 50px; padding: 0 25px; font-size: 18px; margin-top: 20px; display: none; animation-delay: 0.7s; animation-duration: 0.8s; float: left;}

.section-content2{ background: url(../images/mask_right.png) repeat-y; padding: 40px 70px 40px 190px; width: 550px; height: 370px; color: #FFF; margin-right: 15%; float: right;}
.section-content2 h2{ font-size: 60px; height: 80px; line-height: 80px; overflow: hidden; font-weight: bold; text-shadow: 3px 3px 2px #000; display: none; animation-delay: 0.1s; animation-duration: 0.8s; text-align: right;}
.section-content2 .intr{ font-size: 16px; line-height: 32px; margin-top: 20px; height: 192px; overflow: hidden; display: none; animation-delay: 0.4s; animation-duration: 0.8s;}
.section-content2 .more{ display: inline-block; border: 1px solid #FFF; border-radius: 2px; color: #FFF; height: 50px; line-height: 50px; padding: 0 25px; font-size: 18px; margin-top: 20px; display: none; animation-delay: 0.7s; animation-duration: 0.8s; float: right;}

.section-content3{ width: 550px; height: 370px; margin-left: 15%;}
.section-content3 h2{ font-size: 60px; height: 80px; line-height: 80px; overflow: hidden; font-weight: bold; display: none; animation-delay: 0.1s; animation-duration: 0.8s;}
.section-content3 .intr{ font-size: 16px; line-height: 32px; margin-top: 20px; height: 192px; overflow: hidden; display: none; animation-delay: 0.4s; animation-duration: 0.8s;}

.section-content4{ width: 550px; height: 370px; margin-right: 15%; float: right;}
.section-content4 h2{ font-size: 60px; height: 80px; line-height: 80px; overflow: hidden; font-weight: bold; display: none; animation-delay: 0.1s; animation-duration: 0.8s; text-align: right;}
.section-content4 .intr{ font-size: 16px; line-height: 32px; margin-top: 20px; height: 192px; overflow: hidden; display: none; animation-delay: 0.4s; animation-duration: 0.8s;}

.foot{ background: #999; color: #FFF; font-size: 17px; }
/*.foot .fl,.foot .fr{ height: 240px; overflow: hidden;}*/
.foot .contact{ background: #4a4949; padding: 40px 0; text-align: center; font-size: 10px; line-height: 24px; color: #888; font-family: futura-pt,Futura,Helvetica,Arial,sans-serif;}
.foot .contact h3{ font-size: 24px; font-weight: bold; color: #FFF;}
.foot .contact img{ margin: 25px 0 15px 0;}
.foot a{ color: #FFF;}
.foot .fl,.foot .fr{ padding: 45px 0;}

#case{ padding: 95px 50px 40px 50px; background: #FFF; width: 1100px; position: relative; display: none;}
#case .close{ display: block; width: 50px; height: 50px; background: url(../images/close.jpg) no-repeat; right: 10px; top: 10px; position: absolute; cursor: pointer;}

.caseslide{ width: 1100px;}
.caseslide .bd{ width: 1100px; height: 500px; overflow: hidden;}
.caseslide .bd img{width:100%; height:auto; vertical-align: top;}
.caseslide .bd p{ background: #e5e5e5; padding: 0 15px; height: 50px; line-height: 50px; font-size: 18px;}
.caseslide .prev{ display: block; padding-left: 50px; width: 140px; height: 50px; line-height: 50px; color: #FFF; text-align: center; background: url(../images/btns.jpg) no-repeat #666; font-size: 18px; cursor: pointer; margin-top: 30px; float: left;}
.caseslide .next{ display: block; padding-right: 50px; width: 140px; height: 50px; line-height: 50px; color: #FFF; text-align: center; background: url(../images/btns.jpg) no-repeat right -50px #666; font-size: 18px; cursor: pointer; margin-top: 30px; float: right;}
.caseslide .prev:hover{ background-position: 0 -100px; background-color: #9ebfff; transition: all 0s ease 0s;}
.caseslide .next:hover{ background-position: right -150px; background-color: #9ebfff; transition: all 0s ease 0s;}