.llq_banner { background: url(../images/browserplug/banner.png) center top no-repeat; padding: 135px 0 60px 0; position: relative;}
.llq_banner .tit { line-height: 170px; text-align: center; font-size: 68px; color: #fff; letter-spacing: 2px; }
.llq_banner .con { width: 880px; margin: 0 auto; height: 224px;}
.llq_banner .con ul li { float: left; width: 220px; text-align: center; line-height: 48px; font-size: 16px; color: #fff; letter-spacing: 1px;}
.llq_banner .con ul li img { display: block; margin: 0 auto;}

.llq_banner .foot { background:url(../images/browserplug/macbook.png) center top no-repeat; height: 682px; padding: 38px 0 0 0; }
.llq_banner .foot img { display: block; margin: 0 auto; width: 923px;}

.llq_tit { margin-bottom: 68px;}
.llq_tit b{ display: block; text-align: center; font-weight: normal; font-size: 30px; color: #333333; line-height: 54px;}
.llq_tit span{ display: block; text-align: center; font-weight: normal; font-size: 18px; color: #999999; line-height: 42px;}


.llq_main1 { background: #ffffff; padding: 48px 0 120px 0;}
.llq_list1 { margin: 0 -20px; }
.llq_list1 .item { float: left; width: 25%; margin-bottom: 40px; }
.llq_list1 .item a{ display: block; width: 270px; margin: 0 auto; border: 1px #e6e6e6 solid; height: 180px; padding-top: 30px; font-size: 16px; color: #666666; text-align: center; line-height: 40px; transition:all 300ms ease;}
.llq_list1 .item img{ display: block; margin: 0 auto;}
.llq_list1 .item a:hover { box-shadow: 0 0 15px rgba(0,0,0,0.1); color: #333; -moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px);}


.llq_main2 { background: url(../images/browserplug/bg.jpg) center bottom no-repeat #f0f0f0; padding: 108px 0 180px 0;}
.llq_list2 { margin: 0 -15px; height: 300px;}
.llq_list2 .item { float: left; width: 20%;}
.llq_list2 .item .item_m{ display: block; background: #fff; width: 216px; height: 300px; margin: 0 auto; border-radius: 10px; padding: 40px 20px 0 20px; transition:all 300ms ease;}
.llq_list2 .item .img{ }
.llq_list2 .item .img img{ display: block; margin: 0 auto;}
.llq_list2 .item .t { font-size: 18px; color: #333333; text-align: center; line-height: 54px; font-weight: bold; margin-bottom: 6px; position: relative;}
.llq_list2 .item .m { font-size: 14px; color: #888888; text-align: left; line-height: 26px; height: 52px; overflow: hidden;}
.llq_list2 .item .t:after { display: none; position: absolute; left: 0; bottom: -2px; content: ''; width: 46px; height: 2px; background: #fff; opacity: 0.2;}


.llq_list2 .item .item_m:hover { background: url(../images/browserplug/hover.png) center top no-repeat; padding: 14px 30px 0 30px; -moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px);}
.llq_list2 .item .item_m:hover .img { display: none;}
.llq_list2 .item .item_m:hover .t { text-align: left; color: #fff; margin-bottom: 28px; }
.llq_list2 .item .item_m:hover .t:after { display: block; }
.llq_list2 .item .item_m:hover .m { color: #fff; opacity: 0.7; height: 200px; }