body { font-family: "Microsoft YaHei", "微软雅黑"; min-width: 1200px; }
#section1{width: 100%; height: 100px; background: url("http://img.lankaola.com/images/v2.0/list-top-bg.png") left center repeat-x; color: white;}
#section1 h2{font-size: 26px; padding-top: 20px; line-height: 44px; height: 44px;}
#section1 .bread{font-size: 12px; line-height: 30px;}
#section1 a{color: white;}

#section2{margin-top: 80px; width: 100%; overflow: hidden;}
.block_group{width: 1200px; height: 520px; margin: 0 auto;}
.block_item{width: 600px; height: 520px; position: relative;}
.squared{width: 552px; height: 476px; position: absolute; left: 24px; top: 22px; border: 1px solid #fff; z-index: 2; background: transparent;}
.pic{width: 600px; height: 520px; position: absolute; left: 0; top: 0; background: transparent; z-index: 1;}
.pic img{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); opacity: 0; filter: alpha(opacity=0);-webkit-transition: all 1000ms cubic-bezier(0.23,1,0.32,1) 0; -moz-transition: all 1000ms cubic-bezier(0.23,1,0.32,1) 0; -ms-transition: all 1000ms cubic-bezier(0.23,1,0.32,1) 0; -o-transition: all 1000ms cubic-bezier(0.23,1,0.32,1) 0}
.pic img.show{-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100);}

.info{ width: 441px;}
.block_item.left .info {margin: 60px 60px 0 54px; padding-right: 45px;}
.block_item.right .info {margin: 60px 54px 0 60px; padding-left: 45px;}
.block_group .title{opacity: 0; filter: alpha(opacity=0); font-size: 36px; color: #999999; font-family: arial, sans-serif; line-height: 40px;}
.block_item.left .title{text-align: right;}
.block_item.right .title{text-align: left;}
.block_item .separator{width: 5000px; height: 1px; background: #c5c5c5; margin-top: 15px;}
.block_item.right .separator{float: left;}
.block_item.left .separator{float: right;}

.block_intro{color: #333333; line-height: 30px; margin-top: 30px; opacity: 0; filter: alpha(opacity=0); font-size: 14px; width: 440px;}
.block_item.left .block_intro{text-align: right;}
.block_item.right .block_intro{text-align: left;}
.block_intro span{display: block; color: #999999; line-height: 90px;}
.bottom{width: 130px; height: 40px; line-height: 40px; margin-top: 90px;}
.block_item.left .bottom{float: right;}
.block_item.right .bottom{float: left;}
.bottom a{color: white;}
.view_block{width: 130px; height: 40px; background: #666666; position: relative; -webkit-transition: -webkit-transform 600ms cubic-bezier(0.23,1,0.32,1) 900ms; -moz-transition: -moz-transform 600ms cubic-bezier(0.23,1,0.32,1) 900ms; -o-transition: -o-transform 600ms cubic-bezier(0.23,1,0.32,1) 900ms; -ms-transition: -ms-transform 600ms cubic-bezier(0.23,1,0.32,1) 900ms; transition: transform 600ms cubic-bezier(0.23,1,0.32,1) 900ms; opacity: 0; filter: alpha(opacity=0); -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -o-transform: rotateX(90deg); -ms-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: top; -moz-transform-origin: top; -o-transform-origin: top; -ms-transform-origin: top; transform-origin: top;}
.view_block.rotated{-webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; filter: alpha(opacity=100);}
.view_text{width: 130px; height: 40px; text-align: center; position: absolute; left: 0; top: 0;}
.view_more{width: 19px; height: 40px; line-height: 40px; position: absolute; right: 35px; top: 0; opacity: 0; filter: alpha(opacity=0);}
.double_separator{clear: both; margin-top: 50px; height: 5px; width: 365px;}
.block_item.left .double_separator{float: right;}
.block_item.right .double_separator{float: left;}

#section3{width: 100%; height: 370px; background: #f5f5f5; padding-top: 70px; margin-top: 90px;}
#section_title{width: 1200px; height: 1px; background: #999999; position: relative;}
#section_title h2{font-size: 28px; line-height: 30px; height: 30px; position: absolute; width: 180px; background: #f5f5f5; left: 50%; top: -15px; margin-left: -90px; text-align: center; color: #585858;}
#section_intro{margin-top: 70px; width: 1200px;}
.section_intro_item{width: 600px; text-align: center; float: left;}
.section_intro_icon{width: 113px; height: 113px; margin: 0 auto;}
.section_intro_item h4{font-size: 16px; line-height: 70px; color: #666666;}
.section_intro_item p{ margin: 0 auto; color: #888888; line-height: 30px; font-size: 14px; text-align: center;}