/*
* @Author: Marte
* @Date: 2018-03-08 10:09:53
* @Last Modified by: Marte
* @Last Modified time: 2019-07-27 16:40:08
*/
@font-face {
font-family: 'iconfont'; /* project id 191356 */
src: url('http://at.alicdn.com/t/font_191356_zfw0x6uzqwl.eot');
src: url('http:http://at.alicdn.com/t/font_191356_zfw0x6uzqwl.eot?#iefix') format('embedded-opentype'),
url('http:http://at.alicdn.com/t/font_191356_zfw0x6uzqwl.woff2') format('woff2'),
url('http://at.alicdn.com/t/font_191356_zfw0x6uzqwl.woff') format('woff'),
url('http://at.alicdn.com/t/font_191356_zfw0x6uzqwl.ttf') format('truetype'),
url('http://at.alicdn.com/t/font_191356_zfw0x6uzqwl.svg#iconfont') format('svg');
}
/* 颜色 */
@main_color: #1775B2;
/* 重置样式reset */
.min_width{min-width: 1200px;}
.centered{width: 1200px; margin: 0 auto;}//公共宽度 头和尾巴
.centered_index{width: 1200px; margin: 0 auto;}//首页
.index_centered{width: 1200px; margin: 0 auto;}//首页
.centered_page{width: 1200px; margin: 20px auto;}//内页
.page_centered{width: 1200px; margin: 0 auto;}//内页
@page_right_width:950px;
.centered_page_right{width: @page_right_width; overflow: hidden;}//内页右边宽度
/* 重置样式reset */
body,div,p,ul,ol,dl,dt,dd,li,form,input,table,th,td,img,h1,h2,h3,h4,h5,h6 { margin: 0;padding: 0;}
body {background: #fff; color: #000; font-size: 12px; font-style: normal; font-family:'Microsoft Yahei','微软雅黑','Simsun','宋体','Arial', sans-serif;}
em, b, i { font-style:normal;}
li { list-style:none;}
img { border:none;}
a { text-decoration:none; color:#000;}
a:hover { _text-decoration:underline; color:@main_color;}
table { border-spacing:0; border-collapse:collapse; }
/* 清除浮动 */
.clearboth{clear: both;}
.clearfix{ *zoom: 1;}
.clearfix:before, .clearfix:after { display: table; line-height: 0; content: "";}
.clearfix:after {clear: both;}
/* 定位 */
.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.pa{position: absolute;}
.vh{visibility: hidden;}
.dn{display: none;}
.oh{overflow: hidden;}
.iconfont {
font-family:"iconfont" !important;
font-size:24px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
color: #7e7d7c;
}
/* 变量 */
/* 过渡 */
.transition(@s:.75s){
transition: @s;
-ms-transition: @s;
-moz-transition: @s;
-webkit-transition: @s;
-o-transition: @s;
}
/* 旋转 */
.transform_rotate(@s:7deg){
transform:rotate(@s);
-ms-transform:rotate(@s);
-moz-transform:rotate(@s);
-webkit-transform:rotate(@s);
-o-transform:rotate(@s);
}
/* 旋转 - 上下左右移动 */
.transform_translate(@x:10px,@y:10px){
transform: translate(@x,@y);
-ms-transform: translate(@x,@y);
-moz-transform: translate(@x,@y);
-o-transform: translate(@x,@y);
}
/* 旋转 - 上下移动 */
.transform_translateY(@px:10px){
transform: translateY(@px);
-ms-transform: translateY(@px);
-moz-transform: translateY(@px);
-o-transform: translateY(@px);
}
/* 旋转 - 左右移动 */
.transform_translateX(@px:10px){
transform: translateX(@px);
-ms-transform: translateX(@px);
-moz-transform: translateX(@px);
-o-transform: translateX(@px);
}
/* 旋转 - 3D旋转 */
.transform_rotateY(@deg:360deg){
transform:rotateY(@deg);
-ms-transform: rotateY(@deg);
-moz-transform: rotateY(@deg);
-o-transform: rotateY(@deg);
}
/* 放大 */
.transform_scale(@s:1.0){
transform: scale(@s);
-ms-transform: scale(@s);
-moz-transform: scale(@s);
-webkit-transform: scale(@s);
-o-transform: scale(@s);
}
/* 变换 */
.transform_skew(@deg:360deg){
transform: skew(@deg);
-ms-transform: skew(@deg);
-moz-transform: skew(@deg);
-webkit-transform: skew(@deg);
-o-transform: skew(@deg);
}
/* 变换X */
.transform_skewX(@deg:360deg){
transform: skewX(@deg);
-ms-transform: skewX(@deg);
-moz-transform: skewX(@deg);
-webkit-transform: skewX(@deg);
-o-transform: skewX(@deg);
}
/* 变换Y */
.transform_skewY(@deg:360deg){
transform: skewY(@deg);
-ms-transform: skewY(@deg);
-moz-transform: skewY(@deg);
-webkit-transform: skewY(@deg);
-o-transform: skewY(@deg);
}
/* 动画基点 */
.transform_origin(@px:10px,@px2:10px){
transform-origin:@px @px2;
-ms-transform-origin:@px @px2;
-webkit-transform-origin:@px @px2;
-moz-transform-origin:@px @px2;
-o-transform-origin:@px @px2;
}
/* 首页搜索 */
// .search{padding: 15px 0; border-bottom: 1px solid #ccc;}
// .search .key{font-size: 14px;}
// .search .key .con{width: 750px; line-height: 24px;}
// .search form{position: absolute; top: 50%; right: 0; width: 260px; height: 26px; border: 1px solid #ccc; border-radius: 5px;}
// .search form .text{width: 220px; border: none; height: 26px; margin-left: 5px;}
// .search form .text:focus{outline:none;}
// .search form .submit{width: 17px; height: 26px; border: none; cursor: pointer; background: url(/Public/images/go.png); float:right; margin-right: 10px;}
// .search .hotkey{line-height: 30px; margin-left: 10px;}
/* 广告 */
.all_gg{width: 100%; height: 78px;
position: fixed; z-index: 100; bottom: 0; color: #fff; line-height: 78px; text-align: center; font-size: 24px; overflow: hidden;}
.all_gg .content{width: 100%; height: 78px; background: rgba(0,0,0,.8);}
.all_gg .content p{}
.all_gg .content p span{padding: 0 10px;}
.all_gg i{width: 70px; height: 78px; display: inline-block; position: absolute; right: 0; top: 0; font-size: 40px; color: #fff; cursor: pointer; .transition(1s);}
.all_gg i:hover{.transform_rotate(360deg);}
.all_gg2{position: fixed; z-index: 100; left: -200px; bottom: 0; cursor: pointer;}
.all_gg2 img{width: 200px; height: 78px; .transition(.5s);}
.all_gg2 a.btn{display: block; width: 24px; height: 14px; position: absolute; bottom: 0;right: 0; z-index: 101;}
/* 内页 */
.fixed{position:fixed; top:0px; z-index:10;}
//内页栏目介绍
.page_intro{padding: 20px; border-bottom: 1px solid #ccc;}
//内页栏目介绍 end
/* 内页_左导航 */
.about_content_shu_left{width: 225px;}
.about_content_shu_left_title{width: 225-1*2px; height: 80px; line-height: 52px; border: 1px solid #ccc; position: relative;}
.about_content_shu_left_title>i.i1{width: 197px; height: 43px; display: inline-block; background: @main_color; position: absolute; top:10px; top: 17px; left: -16px;}
.about_content_shu_left_title>i.i2{width: 30px; height: 60px; display: inline-block; background:#fff; position: absolute; transform: rotate(28deg); top: 17px; right: 26px;}
.about_content_shu_left_title>i.i3{width: 15px; height: 9px; background-color:darken(@main_color,20%); position: absolute; top: 60px; left: -16px;}
.about_content_shu_left_title>i.i4{width: 17px; height: 10px; background:#fff; transform:rotate(34deg); position: absolute; top: 63px; left: -20px;}
.about_content_shu_left div.title{_background: url(/Public/images/page_nav/nav.png); width: 197px; height: 51px; position: absolute; top: 17px; left: -16px;}
.about_content_shu_left div.title a{display: block; width: 148px; height: 43px; color: #FFF; font-size: 16px; line-height: 43px; padding-left: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.about_content_shu_left div.title a:hover{color: #FFF;}
.about_content_shu_left div.title a span{font-size: 14px;}
.about_content_shu_left_ul{background: #fff;}
.about_content_shu_left_ul li.nLi{line-height: 43px;_height: 43px;border-bottom: 1px solid #ccc;border-left: 1px solid #CCC;border-right: 1px solid #CCC;position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.about_content_shu_left_ul li.nLi .f a{margin-left: 20px; font-size: 14px; display: block; height: 43px; width: 145px; float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.about_content_shu_left_ul li.nLi .f a i{opacity: 0; filter:Alpha(opacity=0); width: 4px; height: 43px; background: @main_color; position: absolute; top: 0; left: 0; display: inline-block; .transition(.5s);}
.about_content_shu_left_ul li.nLi .f a:hover i{opacity: 1; filter:Alpha(opacity=100);}
.about_content_shu_left_ul li.nLi .f a.current i{opacity: 1; filter:Alpha(opacity=100);}
.about_content_shu_left_ul li.nLi em{margin-right: 10px; margin-top: 6px; display:block; width:40px; height:32px; background:url(/Public/images/icoAdd.png) 16px 12px no-repeat; cursor:pointer;}
.about_content_shu_left_ul .sub{display: none;}
.about_content_shu_left_ul .sub li{border: 0px; position: relative;}
.about_content_shu_left_ul .sub li a{margin-left: 40px; font-size: 12px; display: block; height: 43px; width: 145px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.about_content_shu_left_ul .sub li a i{opacity: 0; filter:Alpha(opacity=0); width: 4px; height: 43px; background: @main_color; position: absolute; top: 0; left: 0; display: inline-block; .transition(.5s);}
.about_content_shu_left_ul .sub li a:hover i{opacity: 1; filter:Alpha(opacity=100);}
.about_content_shu_left_ul .sub li a.current i{opacity: 1; filter:Alpha(opacity=100);}
.page_title{height: 40px; border-bottom: 1px solid #ccc; overflow: hidden; background: #f8f8f8;}
.page_title .icon{width: 40px; height: 40px; border-right: 1px solid #ccc; text-align: center; line-height: 40px;}
.page_title .icon i{font-size: 20px; color: @main_color;}
.page_title .title2{line-height: 40px;}
.page_title .title2 span{font-size: 14px; padding-left: 10px; color: #333;}
.about_content_shu_left_contact{margin-top: 20px; width: 225px; background: #fff; border: 1px solid #ccc;}
.about_content_shu_left_contact .leftNav_tel i{font-size: 20px; position: absolute; top: 2px; left: 0; color: @main_color;}
.about_content_shu_left_contact .leftNav_tel span{padding-left: 35px; font-size: 16px; color: @main_color;}
.about_content_shu_left_contact .tel{}
.about_content_shu_left_contact .tel ul{padding: 10px 20px;}
.about_content_shu_left_contact .tel ul li{font-size: 14px; color: @main_color; font-weight: normal; padding: 2.5px 0;}
.page_news{margin-top: 20px;width: 225px; background: #fff; border: 1px solid #ccc;}
.page_news ul{padding: 10px 20px;}
.page_news ul li{line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.page_news ul li a{font-size: 12px; color: #666; font-weight: normal; padding: 2.5px 0;}
.page_news ul li i{display: inline-block; width: 20px; height: 20px; border-radius: 2px; background: @main_color; color: #fff; text-align: center; line-height: 20px; margin-right: 5px;}
.page_news ul li a:hover{color: @main_color;}
.floatNav .current{color:@main_color;}
/* 内页_面包屑导航 */
.page_breadcrumb{width:100%; height:40px; line-height:40px; border-bottom:1px solid #e1e1e1; overflow:hidden;}
.page_breadcrumb h1{font-size: 20px; font-weight: normal; color: @main_color;}
.page_breadcrumb ul{display: inline;}
.page_breadcrumb ul li{display: inline;}
.page_breadcrumb ul li i{color: #333; font-size: 18px; margin-right: 5px;}
/* 内页_分页 */
.pages{display:block; padding:20px 0 10px 0;width:100%;text-align:center;}
.pages a{display:inline-block;margin:0 3px;padding:0 8px;height:24px;line-height:24px;background:#f5f5f5; border:1px solid #e1e1e1;color:#545452;}
.pages a:hover{text-decoration:none; color:@main_color;}
.pages span{display:inline-block;margin:0 3px;padding:0 8px;height:24px;line-height:24px;color:#545452;background:#f5f5f5; border:1px solid #e1e1e1;}
.pages .current:hover{color:#FFF;}
.pages .current{background: @main_color; }
.pages .current{color: #FFF;}
//内页广告
.sector_hotline{float:left; width: @page_right_width - 40px; padding:20px 20px 20px 20px;line-height:36px;overflow:hidden; position: relative; background: @main_color; border-radius: 10px;}
.sector_hotline p{font-size:20px;color:#fff;}
.sector_hotline a{position: absolute; bottom:20px; right:20px; padding:0 15px;height:36px; background:#fff; font-size: 16px; color: @main_color;}
.sector_hotline a i{height:36px;line-height:36px; font-size: 18px; color: @main_color;}
//内页广告 end
/* 内页_详情描述 */
.detail{margin: 10px 0 0 0;}
.detail .sector_head{width:100%;height:41px; background: #f6f6f6; border-bottom: 1px solid #e5e5e5;}
.detail .sector_head ul{}
.detail .sector_head ul li{position: relative; float:left; border: 1px solid #e5e5e5; font-size:16px;height:40px;line-height:40px; font-weight: normal; padding: 0 20px; cursor:pointer;}
.detail .sector_head ul li.on{border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #fff; background: #fff; color: @main_color;}
.detail .sector_head ul li.on i{display: inline-block; width: 100%; height: 2px; background: @main_color; position: absolute;top:-1px; left:0px;}
.sector_content{width:@page_right_width - 40px - 2px; border:1px solid #e1e1e1; border-top:none; float:left;width:@page_right_width - 40px - 2px;padding:20px;overflow:hidden; word-break: break-all;}
/* 内页_详情描述2 */
.sector_content2{width:@page_right_width - 40px - 2px; border-top:none; float:left; width:@page_right_width - 40px - 2px;padding:20px;overflow:hidden; word-break: break-all;}
/* 产品列表页 */
@product_list_width:220.5px;
ul.product_list{float:left;width:110%; overflow:hidden;}
ul.product_list li{float:left; width:@product_list_width; margin:20px 20px 0 0;overflow:hidden;border: 1px solid #ededed;.transition(.5s); position: relative;}
ul.product_list li img{width: 100%;}
ul.product_list li .tit{display: block; width:@product_list_width - 10*2px; padding: 0 10px; height: 50px; line-height: 50px; text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; .transition(.5s);}
ul.product_list li .tit a{.transition(.5s); font-weight: normal;}
ul.product_list li:hover{border: 1px solid @main_color;}
ul.product_list li:hover a{color: @main_color;}
ul.product_list li a:hover{color: @main_color;}
ul.product_list li .hot{width: 100px; height: 30px; line-height: 30px; background: @main_color; position: absolute; top: 10px; left: -26px; z-index:100; color: #fff; text-align: center; font-size: 12px; .transform_rotate(-45deg);}
ul.product_list li .ceng{opacity: 0; filter:Alpha(opacity=0); .transition(.5s); bottom: 0; font-size: 12px; line-height: 20px; height: 38px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; background: rgba(0,0,0,.8); color: #fff; width: 92%; padding: 5px 5%;}
ul.product_list li:hover .ceng{opacity: 1; filter:Alpha(opacity=100);}
/* 产品详情页 */
@fangdajingBottom_width: 450px;
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:move;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px; width:100px; height:100px; background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.jqzoom img{width:@fangdajingBottom_width - 1px * 2px;}
.spec-preview{width:@fangdajingBottom_width; border:1px solid #DFDFDF;}
.spec-scroll{clear:both; margin-top:10px; width: @fangdajingBottom_width;}
.spec-scroll .prev{float:left; margin-right:2px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;font-family:"宋体";text-align:center; width:10px; border:1px solid #ccc; background:#EBEBEB; cursor:pointer; text-decoration:none;}
.spec-scroll .items{float:left;position:relative; width:420px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:84.5px;text-align:center;}
.spec-scroll .items ul li .on{border-color:@main_color;}
.product_show{float:left; width:100%; _height: 416px; margin-top:20px; overflow:hidden;}
.product_show .cros_gallery{float:left;width: @fangdajingBottom_width;}
.cros_gallery .line{border:1px solid #ccc;}
.product_show .info{float:right;width:470px;}
.product_show .info h1{margin:5px 0;width:100%; height:30px; line-height:30px; font-size:18px; color: #333; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product_show .info .keyword{}
.product_show .info .keyword span{}
.product_show .info .keyword a{font-size:12px; color:@main_color;}
.product_show .info .product_info{width: 100%; font-size:14px; padding: 10px 0;}
.product_show .info .product_info p{color: #999; padding: 2.5px 0;}
.product_show .info .product_info p a{color: #999;}
.product_show .info .product_info p a:hover{color: @main_color;}
.product_show .info .product_info p span{color: #000;}
.product_show .info .product_info p.intro{line-height: 24px; overflow: hidden;}
.product_show .info .tel{width:100%;padding:10px 0 0 0;line-height:32px; font-size:16px; font-weight: normal;}
.product_show .info .tel p{font-size:20px; color: @main_color;}
.product_show .info .abtn{width:100%;padding:15px 0;overflow:hidden; border-top:1px dotted #e1e1e1; border-bottom:1px dotted #e1e1e1;}
.product_show .info .abtn a{float:left;margin-right:10px;padding:8px 15px;font-size:14px; font-weight: normal; border:1px solid #e8e8e8;}
.product_show .info .abtn a:hover{border:1px solid @main_color;}
/* 随机推荐产品/案例 */
.page_product{margin-top: 20px;}
.page_product .title{height: 40px; font-size: 16px; color: @main_color; line-height: 40px; border-bottom: 1px solid #e1e1e1; font-weight: normal;}
/* 案例列表页 */
@case_list_width: 220.5px;
ul.case_list{float:left;width:110%;overflow:hidden;}
ul.case_list li{float:left; width:@case_list_width; margin:20px 20px 0 0; overflow:hidden; border: 1px solid #ededed; .transition(.5s);}
ul.case_list li img{width: 100%;}
ul.case_list li span.tit{display: block; width:@case_list_width - 10*2px; padding: 0 10px; height: 50px; line-height: 50px; text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; .transition(.5s);}
ul.case_list li span.tit a{.transition(.5s);}
ul.case_list li:hover{border: 1px solid @main_color;}
ul.case_list li:hover a{color: @main_color;}
ul.case_list li a:hover{color: @main_color;}
ul.case_list li .ceng{opacity: 0; filter:Alpha(opacity=0); .transition(.5s); bottom: 0; font-size: 12px; line-height: 20px; height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; background: rgba(0,0,0,.8); color: #fff; width: 92%; padding: 5px 5%;}
ul.case_list li:hover .ceng{opacity: 1; filter:Alpha(opacity=100);}
/* 案例详情页 */
.case_show{margin-top: 20px;}
.case_show h1{width:100%;text-align:center; font-size: 20px; color:#333; font-weight: normal; overflow:hidden;}
.case_show .info{width:100%; margin:10px 0; text-align:center; overflow:hidden; color: #666;}
.case_show .info span{display:inline-block; height: 16px; overflow:hidden; margin-right: 10px; color: #333;}
.case_show .info span a{margin-top:0px; color: #666;}
.case_show .info span a:hover{color: @main_color;}
.case_show .game163{ position: relative; padding: 4px; overflow: hidden;}
.case_show .game163 .prev , .case_show .game163 .next{font-size: 40px; position: absolute; top: 0;}
.case_show .game163 .prev{left: 0;}
.case_show .game163 .next{right: 0; .transform_rotate(180deg);}
.case_show .game163 .bigImg{}
.case_show .game163 .bigImg li{text-align: center;}
.case_show .game163 .bigImg li img{vertical-align:middle; border-radius: 10px; box-shadow: 1px 1px 5px #ccc;}
.case_show .game163 .bigImg li .tier{bottom: 0; background: rgba(0,0,0,.75); width: 100%; text-align: center; opacity: 0; filter:Alpha(opacity=0); .transition(.75s);}
.case_show .game163 .bigImg li .tier .p{padding: 10px 20px; line-height: 24px; color: #fff; font-size: 12px;}
.case_show .game163 .bigImg li:hover .tier{opacity: 1; filter:Alpha(opacity=100);}
.case_show .game163 .bigImg .jianjie{font-size: 14px; font-weight: normal; line-height: 40px; height: 40px; overflow: hidden;}
.case_show .game163 .pageState{float:right; font-family: "Times New Roman", serif; letter-spacing: 1px;}
.case_show .game163 .pageState span{ color: @main_color; font-size: 16px;}
@case_smallImg_width: 82px;
@case_smallImg_height: 82px;
.case_show .game163 .smallScroll{ height: @case_smallImg_height; margin-bottom: 6px; position: relative;}
.case_show .game163 .smallScroll .sPrev , .game163 .smallScroll .sNext{position: absolute; top: 19px;}
.case_show .game163 .smallScroll .sPrev{left: 0; margin-top: -47/2px;}
.case_show .game163 .smallScroll .sNext{right: 0; margin-top: -47/2px;}
.case_show .game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 17px; height: 92px; text-indent: -9999px; background: url(/Public/images/sprites1008.png) no-repeat 0 -3922px;}
.case_show .game163 .sNext{ background-position: 0 -3394px;}
.case_show .game163 .sPrev:hover{ background-position: 0 -4186px;}
.case_show .game163 .sNext:hover{ background-position: 0 -3658px;}
.case_show .game163 .smallImg{ float:left; margin: 0 28.5px; display:inline; width: 900px; overflow: hidden;}
.case_show .game163 .smallImg ul{ height:@case_smallImg_height+3px; width: 9999px; overflow: hidden; }
.case_show .game163 .smallImg li{float: left; margin: 0 5px 0 0; width:@case_smallImg_width; height: @case_smallImg_height; border: 1px solid #dcdddd; overflow: hidden; text-align: center; line-height: @case_smallImg_height - 3px; background: #fff;}
.case_show .game163 .smallImg img{vertical-align: middle;}
.case_show .game163 .smallImg li.on{border-color: @main_color;}
/* 图片列表页 */
@pic_list_width: 220.5px;
@pic_list_height:233px;
ul.pic_list{float:left;width:110%;overflow:hidden;}
ul.pic_list li{float:left; width: @pic_list_width; margin:20px 20px 0 0; overflow:hidden;}
ul.pic_list li .pic{width: @pic_list_width; position:relative;}
ul.pic_list li .pic img{width: 100%;}
ul.pic_list li .pic .shade{position:absolute; z-index:1; left:0;top:0; width:100%; height: 100%; background: #000; cursor:pointer; .transition(1s); opacity:0; filter:alpha(opacity=0);}
ul.pic_list li .pic .shade_a{position:absolute; z-index:2; top: 50%; left: 50%; display:inline-block;width:33px;height:33px;background:url(/Public/images/zzc.png) no-repeat left center; margin: -33/2px 0 0 -33/2px; .transition(1s); opacity:0; filter:alpha(opacity=0);}
ul.pic_list li .tit{display: block; width:100%; height:30px;line-height:30px; text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
ul.pic_list li:hover .shade{opacity:.7; filter:Alpha(opacity=70);}
ul.pic_list li:hover .shade_a{opacity:1; filter:Alpha(opacity=100);}
ul.pic_list li:hover .tit{color: @main_color;}
/* 视频列表页 */
@video_list_width: 222.5px;
ul.video_list{float:left;width:110%;overflow:hidden;}
ul.video_list li{float:left; width: @video_list_width; margin:20px 20px 0 0; overflow:hidden; cursor: pointer;}
ul.video_list li .pic{position: relative; width: @video_list_width;}
ul.video_list li .pic img{width: 100%;}
ul.video_list li .pic .tier{width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; top:0; left: 0; text-align: center; overflow: hidden; .transition(1s); opacity:0; filter:Alpha(opacity=0);}
ul.video_list li .pic .tier i{background: url(/Public/images/open.png); width: 50px; height: 50px; display: inline-block; position: absolute; top: 50%; left: 50%; margin: -50/2px 0 0 -50/2px;}
ul.video_list li .tit{width:100%; height:30px; line-height:30px; font-size: 13px; color: #555; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center;}
ul.video_list li:hover .tier{opacity:1; filter:Alpha(opacity=100);}
ul.video_list li:hover .tit{color: @main_color;}
/* 混合列表页 */
@product_list_width:220.5px;
ul.hunhe_list{float:left;width:110%;overflow:hidden;}
ul.hunhe_list li.product_list{float:left; width:@product_list_width; margin:20px 20px 0 0;overflow:hidden;border: 1px solid #ededed;.transition(.5s); position: relative;}
ul.hunhe_list li.product_list img{width: 100%;}
ul.hunhe_list li.product_list .tit{display: block; width:@product_list_width - 10*2px; padding: 0 10px; height: 50px; line-height: 50px; text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; .transition(.5s);}
ul.hunhe_list li.product_list .tit a{.transition(.5s); font-weight: normal;}
ul.hunhe_list li.product_list:hover{border: 1px solid @main_color;}
ul.hunhe_list li.product_list:hover a{color: @main_color;}
ul.hunhe_list li.product_list a:hover{color: @main_color;}
ul.hunhe_list li.product_list .hot{width: 100px; height: 30px; line-height: 30px; background: @main_color; position: absolute; top: 10px; left: -26px; z-index:100; color: #fff; text-align: center; font-size: 12px;.transform_rotate(-45deg);}
ul.hunhe_list li.product_list .ceng{opacity: 0; filter:Alpha(opacity=0); .transition(.5s); bottom: 0; font-size: 12px; line-height: 20px; height: 38px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; background: rgba(0,0,0,.8); color: #fff; width: 92%; padding: 5px 5%;}
ul.hunhe_list li.product_list:hover .ceng{opacity: 1; filter:Alpha(opacity=100);}
@case_list_width: 220.5px;
ul.hunhe_list{float:left;width:110%;overflow:hidden;}
ul.hunhe_list li.case_list{float:left; width:@case_list_width; margin:20px 20px 0 0; overflow:hidden; border: 1px solid #ededed; .transition(.5s);}
ul.hunhe_list li.case_list img{width: 100%;}
ul.hunhe_list li.case_list span.tit{display: block; width:@case_list_width - 10*2px; padding: 0 10px; height: 50px; line-height: 50px; text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; .transition(.5s);}
ul.hunhe_list li.case_list span.tit a{.transition(.5s);}
ul.hunhe_list li.case_list:hover{border: 1px solid @main_color;}
ul.hunhe_list li.case_list:hover a{color: @main_color;}
ul.hunhe_list li.case_list a:hover{color: @main_color;}
ul.hunhe_list li.case_list .ceng{opacity: 0; filter:Alpha(opacity=0); .transition(.5s); bottom: 0; font-size: 12px; line-height: 20px; height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; background: rgba(0,0,0,.8); color: #fff; width: 92%; padding: 5px 5%;}
ul.hunhe_list li:hover .ceng{opacity: 1; filter:Alpha(opacity=100);}
@pic_list_width: 220.5px;
@pic_list_height:233px;
ul.hunhe_list{float:left;width:110%;overflow:hidden;}
ul.hunhe_list li.pic_list{float:left; width: @pic_list_width; margin:20px 20px 0 0; overflow:hidden; border: 1px solid #ededed;}
ul.hunhe_list li.pic_list .pic{width: @pic_list_width; position:relative;}
ul.hunhe_list li.pic_list .pic img{width: 100%;}
ul.hunhe_list li.pic_list .pic .shade{position:absolute; z-index:1; left:0;top:0; width:100%; height: 100%; background: #000; cursor:pointer; .transition(1s); opacity:0; filter:alpha(opacity=0);}
ul.hunhe_list li.pic_list .pic .shade_a{position:absolute; z-index:2; top: 50%; left: 50%; display:inline-block;width:33px;height:33px;background:url(/Public/images/zzc.png) no-repeat left center; margin: -33/2px 0 0 -33/2px; .transition(1s); opacity:0; filter:alpha(opacity=0);}
ul.hunhe_list li.pic_list .tit{display: block; width:@video_list_width - 10*2px; padding: 0 10px; height: 50px; line-height: 50px; text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; .transition(.5s);}
ul.hunhe_list li.pic_list:hover .shade{opacity:.7; filter:Alpha(opacity=70);}
ul.hunhe_list li.pic_list:hover .shade_a{opacity:1; filter:Alpha(opacity=100);}
ul.hunhe_list li.pic_list:hover .tit{color: @main_color;}
@video_list_width: 222.5px;
ul.hunhe_list{float:left;width:110%;overflow:hidden;}
ul.hunhe_list li.video_list{float:left; width: @video_list_width; margin:20px 20px 0 0; overflow:hidden; cursor: pointer; border: 1px solid #ededed;}
ul.hunhe_list li.video_list .pic{position: relative; width: @video_list_width;}
ul.hunhe_list li.video_list .pic img{width: 100%;}
ul.hunhe_list li.video_list .pic .tier{width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; top:0; left: 0; text-align: center; overflow: hidden;
.transition(1s); opacity:0; filter:Alpha(opacity=0);}
ul.hunhe_list li.video_list .pic .tier i{background: url(/Public/images/open.png); width: 50px; height: 50px; display: inline-block; position: absolute; top: 50%; left: 50%; margin: -50/2px 0 0 -50/2px;}
ul.hunhe_list li.video_list .tit{display: block; width:@video_list_width - 10*2px; padding: 0 10px; height: 50px; line-height: 50px; text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; .transition(.5s);}
ul.hunhe_list li.video_list:hover .tier{opacity:1; filter:Alpha(opacity=100);}
ul.video_list li.video_list:hover .tit{color: @main_color;}
/* 单页详情页 */
.danye{padding: 20px 0; border-bottom: 1px dotted #ccc;}
.danye h1{width:100%;text-align:center; font-size: 20px; color: #333; overflow:hidden; font-weight: normal;}
.danye .info{width:100%; margin:10px 0; text-align:center; overflow:hidden; color: #666;}
.danye .info span{display:inline-block; height: 16px; overflow:hidden; margin-right: 10px; color: #333;}
.danye .info span a{margin-top:0px; color: #666;}
.danye .info span a:hover{color: @main_color;}
/* 文章列表页 */
.article_list{width:100%; padding:20px 0; border-bottom:1px dotted #e1e1e1; overflow:hidden;}
.article_list .lt{float:left;width:50px;height:60px;padding:10px 0;border:1px solid #e1e1e1;overflow:hidden;}
.article_list .lt span{float:left;width:100%;color:#bcbabb;height:20px;line-height:20px;text-align:center;font:16px/1.3 'Arial';font-weight:bold;overflow:hidden;}
.article_list .lt span.y{font-size:14px;font-weight:normal;}
.article_list .rt{float:left;width:88%;margin-left:15px;overflow:hidden;}
.article_list .rt h3{float:left;width:100%; height:25px; line-height:25px; overflow:hidden;}
.article_list .rt h3 strong{font-size: 16px; color: #333; font-weight: bold;}
.article_list .rt .p{float:left;width:100%; color:#888; line-height: 18px; height: 38px;overflow:hidden;}
.article_list .rt .more{float:left; width: 80px; height:17px; line-height: 17px; padding: 0 5px; font-size:12px; background:#d5d5d5;color:#fff;overflow:hidden; width: 80px;}
.article_list:hover .rt .more{background: @main_color;}
.article_list .rt .more i{float: right; font-size: 12px; color: #fff;}
/* 文章列表页2 */
.article_list2{width: 930px; padding:20px 10px; border-bottom:1px dotted #e1e1e1; overflow:hidden;}
.article_list2 .lt{float:left; width: 150-1*2px;height: 115-1*2px; border:1px solid #e1e1e1; overflow:hidden; text-align: center; position: relative;}
.article_list2 .lt img{width: 100%; _height: 115-1*2px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%) scale(1.5);}
.article_list2 .rt{float:right; width: 760px; height: 113px; overflow:hidden;}
.article_list2 .rt h3{width:100%; height:25px; line-height:25px; overflow:hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.article_list2 .rt h3 strong a{font-size: 16px; color: #333; }
.article_list2 .rt h3 strong a:hover{color: @main_color;}
.article_list2 .rt p{height: 27px; margin-top: 5px; color: #666; line-height: 22px; font-size: 14px;}
.article_list2 .rt .p{float:left;width:100%; color:#888; height: 54px; overflow:hidden; font-size: 14px; line-height: 26px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
/* 文章详情页 */
.article_show{float:left;width:100%;padding: 20px 0;border-bottom:1px dotted #e1e1e1; overflow:hidden;}
.article_show h1{width:100%;text-align:center;font:20px/2 'microsoft yahei'; color:#333; font-weight: normal; overflow:hidden;}
.article_show .info{width:100%; margin:10px 0; text-align:center; overflow:hidden; color: #666;}
.article_show .info span{display:inline-block; height: 16px;overflow:hidden; margin-right: 10px; color: #333;}
.article_show .info span a{margin-top:0px; color: #666;}
.article_show .info span a:hover{color: @main_color;}
/* 详情页_上下条 */
.prev_next{float:left;width:100%;margin:20px 0;padding:20px 0;border-top:1px dotted #e1e1e1;border-bottom:1px dotted #e1e1e1;}
.prev_next span{float:left;color:#000;width:40%;height:20px;line-height:20px;overflow:hidden;}
.prev_next span a{color:#000;}
.prev_next span a:hover{color: @main_color;}
.prev_next .back{line-height: 20px;}
/* 内页_关于我们 */
.part{margin-top: 40px;}
.part .about_head{width: 100%; height: 40px; line-height: 40px;border-bottom: 1px solid #e1e1e1; overflow: hidden; }
.part .about_head h3{color:@main_color; font-size: 20px; font-weight: normal;}
.part .about_head h3 a{color:@main_color; font-size: 20px; font-weight: normal;}
.about_content{float: left; width: @page_right_width - 40px; padding: 20px; overflow: hidden;}
/* 内页_关于我们_图片3 */
@about_pic3_li_width: 222px;
.about_pic3 ul{width:110%; background:#fff;}
.about_pic3 ul li{float: left; width: @about_pic3_li_width; margin:20px 20px 0 0; position: relative; z-index: 0;}
.about_pic3 ul li img{width: 100%; border:1px solid #eee; cursor:pointer;}
.about_pic3 ul li .tit{width:100%; margin-top:5px; height:30px; line-height:30px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.about_pic3 ul li:hover .tit{color: @main_color;}
/* 内页_关于我们_合作客户 */
@about_client_li_width: 220.5px;
.about_client{}
.about_client ul{width: 110%; background:#fff;}
.about_client ul li{float: left; width: @about_client_li_width; margin:20px 20px 0 0; border:1px solid #e5e5e5; }
.about_client ul li img{width: 100%;}
/* 内页_关于我们_证书 */
@about_cert_li_width: 220.5px;
ul.about_cert{}
ul.about_cert{width: 110%; background:#fff;}
ul.about_cert li{float:left; width: @about_cert_li_width; margin:20px 20px 0 0; position: relative;}
ul.about_cert li .pic{width: @about_cert_li_width; position:relative;}
ul.about_cert li .pic img{width: 100%;}
ul.about_cert li .pic .shade{position:absolute; z-index:1; left:0;top:0; width:100%; height: 100%; background: #000; cursor:pointer; .transition(1s); opacity:0; filter:alpha(opacity=0);}
ul.about_cert li .pic .shade_a{position:absolute; z-index:2; top: 50%; left: 50%; display:inline-block;width:33px;height:33px;background:url(/Public/images/zzc.png) no-repeat left center; margin: -33/2px 0 0 -33/2px; .transition(1s); opacity:0; filter:alpha(opacity=0);}
ul.about_cert li .tit{display: block; width:100%; height:30px;line-height:30px; text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
ul.about_cert li:hover .shade{opacity:.7; filter:Alpha(opacity=70);}
ul.about_cert li:hover .shade_a{opacity:1; filter:Alpha(opacity=100);}
ul.about_cert li:hover .tit{color: @main_color;}
//搜索页面
.search_no_data{float:left;width:100%;margin:120px 0;text-align:center;}
.search_no_data p{font-size:18px; color:@main_color;}
.search_no_data span{display:block;width:100%;color:#888888;}
.search_no_data span.cn{font-size:18px;height:25px;line-height:25px;}
//搜索页面 end
/* 内页_在线留言 */
.page_feedback{border-bottom: 1px solid #e1e1e1;}
.page_feedback .title{ font-size: 16px; height: 40px; line-height: 40px; font-weight: normal; color: @main_color; }
.feedback{float:left;width:100%;padding:20px 0;overflow:hidden;}
.feedback .remark{font-size: 14px; font-weight: normal; padding: 0 0 10px 0; color: @main_color;}
.feedback table td{padding:7px 0;color:#6b6b6b;text-align:left;}
.feedback table td var{color:#f00;padding-right:5px;}
.feedback table td .input{width:200px;height:25px;line-height:25px;border-left:2px solid #eee;border-top:2px solid #eee;border-right:1px solid #eee;border-bottom:1px solid #eee;}
.feedback table td .textarea{width:@page_right_width - 6px;height:200px;border:1px solid #eee;}
.feedback_btn{float:left;padding:8px 15px;margin-left:10px;border:none; background: @main_color; color: #fff;}
/* 内页_网站地图 */
.sitemap ul.maps{float:left; width:98%;padding:0px 1%;}
.sitemap ul.maps li{float:left;margin:10px;line-height:25px; overflow:hidden;}
.sitemap ul.maps li .first{float:left; width:100%;height:25px; font-weight:bold;}
.sitemap ul.maps li .list{float:left;width:96%; border:1px solid #e4e4e4; padding:10px;}
.sitemap ul.maps li .list a,ul.map li .list span{display:inline-block; margin-right:10px;}
.sitemap ul.maps li .list span{padding:0 5px;}
.sitemap ul.maps li a{color: #333;}
.sitemap ul.maps li.t0{font-weight:bold;width:100%;padding:0;font-size:14px;} "There is a funny little island—and not so little, after all, as it is three hundred feet high—that stands right in the middle of the river at one place. They call it the Little Orphan Rock, probably because it was never known to have any father or mother. There is a temple in the side of the rock, as if a niche had been cut to receive it. Fred thinks the people who live there ought not to complain of their ventilation and drainage; and if they fell out of the front windows by any accident, they would not be worth much when picked up. Away up on the top of the rock there is a little temple that would make a capital light-house,[Pg 338] but I suppose the Chinese are too far behind the times to think of turning it to any practical use. Great Orphan Rock is farther up the river, or a little out of the river, in what they call Po-yang Lake. There are closed carriages, victorias, vehicles with a red canopy drawn by oxen, the shafts set at an angle. The drivers bawl, shout to the porters, fight for the fare with their whips, while, overhead, kites and hawks wheel incessantly, uttering a plaintive cry. “It did,” said Dick, seriously. “I know that after Jeff brought it in, the caretaker in the hydroplane took it out—and I’ve seen it at the stern.” Taking an arm of each, Sandy led them, wordless, up the path. He went in through the gate, and was once more upon that reservation he had been commanded by the overbearing tyrant representative of the military to leave, several weeks before. As he trudged along, tattoo went. In the clear silence, beneath the sounding-boards of the low clouds, he heard the voice of one of the sergeants. He shook his fist in the direction. Tattoo being over, some of the lights were put out, but there were still plenty to guide him. He did not want to get there too early, so he walked more slowly, and when he came to the edge of the garrison, he hesitated. "I won't go back on mother for a minute," said Si, with brightened eyes and stronger voice, after he had drained the last precious drop of the broth, and was sucking luxuriously on the bones; "she kin cook chickens better'n any woman that ever lived. All the same, I never knowed how good chicken could taste before." Chapter 9 Benjamin occasionally stole afternoons in Rye—if he was discovered there would be furious scenes with Reuben, but he had learned cunning, and also, being of a sporting nature, was willing to take risks. Some friends of his were building a ship down at the Camber. Week by week he watched her grow, watched the good timber fill in her ribs, watched her decks spread themselves, watched her masts rise, and at last smelt the good smell of her tarring. She was a three-masted schooner, and her first voyage was to be to the Canaries. Her builders drank many a toast with Backfield's[Pg 270] truant son, who gladly risked his father's blows to be with them in their work and hearty boozing. He forgot the farmyard smells he hated in the shipyard smells he loved, and his slavery in oaths and rum—with buckets of tar and coils of rope, and rousing chanties and stories of strange ships. Rose walked half leaning against Handshut. She felt a very little feeble thing in the power of that great amorous night. The warm breath of the wind in her hair, the caress of moonlight on her eyes, the throbbing, miasmic, night-sweet scents of water and grass, the hush, the great sleep ... all tore at her heart, all weakened her with their huge soft strength, all crushed with their languors the poor resistance of her will. A murmur ran through the hall as the steward spoke; and Holgrave, exerting a momentary energy, stept forward, and, looking scornfully at his enemy— HoME大香蕉假面女皇
ENTER NUMBET 008www.liangweisu.com.cn
www.caarvt.com.cn
qidon.com.cn
jhzxgs.com.cn
ss8j.com.cn
www.jiamu9.com.cn
nengte6.com.cn
mteol.com.cn
touzong1.com.cn
guigei7.com.cn