/*
* @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('//at.alicdn.com/t/font_191356_zfw0x6uzqwl.eot');
  src: url('//at.alicdn.com/t/font_191356_zfw0x6uzqwl.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_191356_zfw0x6uzqwl.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_191356_zfw0x6uzqwl.woff') format('woff'),
  url('//at.alicdn.com/t/font_191356_zfw0x6uzqwl.ttf') format('truetype'),
  url('//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(../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;}


/* 内页_左导航 */
.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(../images/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(../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;}
.sector_content2 p{ font-size:14px;  line-height:30px;}
/* 产品列表页 */
@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(../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(../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(../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(../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(../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(../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;}

































  .index_module_100047{background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.16);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.16);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.16);
    transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;
    position:relative;
    z-index:110;
    }
    .index_module_100047 .top{height:30px; line-height: 30px; background: #f3f3f3;}
    .index_module_100047 .top p{color: #666;}
    .index_module_100047 .top p span{color: #b8d86f; margin-left: 10px;}
    .index_module_100047 .top ul{}
    .index_module_100047 .top ul li{float: left; color: #000;}
    .index_module_100047 .top ul li a{padding: 0 20px; color: #666;}
    .index_module_100047 .top ul li a:hover{color: #b8d86f;}

    .index_module_100047 .bottom{height: 100px;position: relative;}
    .index_module_100047 .bottom .table{display: table;vertical-align: middle;height: 100px;width: 300px;}
    .index_module_100047 .bottom .table .table-cell{display: table-cell;vertical-align: middle;}
    .index_module_100047 .bottom .logo{max-width: 300px;max-height: 100px;width: auto;height: auto;vertical-align: bottom;}

    .index_module_100047 .nav{width: 840px;height: 100px;}
    .index_module_100047 .nav>ul{text-align: right;position: relative;}
    .index_module_100047 .nav>ul>li{padding: 38px 0;height: 24px;line-height: 24px;float: left;position: relative;text-align: center;width: 0;z-index: 1;}
    .index_module_100047 .nav>ul>li>a{font-size: 16px;color: #474646;display: inline-block;line-height: 24px;position: relative;z-index: 2;box-sizing: border-box;max-width: 100%;padding: 0px 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .index_module_100047 .nav>ul>li .sekuai{content: '';display: block;width: 100%;height: 0px;background: #b8d86f;-webkit-background-size: 100% 100px;background-size: 100% 100px;position: absolute;bottom: 0;z-index: 0;transition: all 0.4s;-moz-transition: all 0.4s;-webkit-transition: all 0.4s;-o-transition: all 0.4s;}
    .index_module_100047 .nav>ul>li.on>a{color: #ffffff;font-size: 16px;}
    .index_module_100047 .nav>ul>li.on .sekuai{height: 100px;}
    .index_module_100047 .nav>ul #n_l{position: absolute;top: 0;bottom: 0;left: 0;background: #b8d86f;z-index: 0;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}

    .index_module_100047 .nav>ul>li>ul{display: none;position: absolute;top: 100px;left: 0%;width: 100%;text-align: left;background: rgba(51,51,51,0.9);z-index: 2;box-sizing: border-box;padding: 0 0;}
    .index_module_100047 .nav>ul>li>ul>li{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;line-height: 40px;padding: 0px 10px;color: #fff;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
    .index_module_100047 .nav>ul>li>ul>li>a{font-size: 14px;color: #fff;transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
    .index_module_100047 .nav>ul>li>ul>li:hover{background: #b8d86f;}
    .index_module_100047 .nav>ul>li>ul>li:hover>a{color: #fff;}
	
	
	
	
	
	
	
	 .index_module_100025{}
    .index_module_100025 .banner{width:100%; height: 600px; overflow:hidden; position:relative;}
    .index_module_100025 .banner .hd{overflow:hidden;}
    .index_module_100025 .banner .hd ul{zoom:1; float:left; position:absolute; left:50%; bottom:5px; z-index:1; filter: alpha(opacity=0); opacity:0; transition: .5s;}
    .index_module_100025 .banner .hd ul li{ float:left; margin-right:10px;  width:15px; height:15px; line-height:14px; text-align:center; background:#ccc; cursor:pointer; border-radius: 100px; margin: 0 2px;}
    .index_module_100025 .banner .hd ul li.on{background: #b8d86f; color:#fff;}
    .index_module_100025 .banner .bd{position:relative; height:100%; z-index:0; left: 50%; margin-left: -960px;}
    .index_module_100025 .banner .bd li{ zoom:1; vertical-align:middle; width: 1920px;}
    .index_module_100025 .banner .bd img{ width: 1920px; height: 600px; display:block;}
    .index_module_100025 .banner .prev,
    .index_module_100025 .banner .next{position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images_xinli/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=0);opacity:0; .transition(.5s);}
    .index_module_100025 .banner .next{left:auto; right:3%; background-position:8px 5px; }
    .index_module_100025 .banner .prev:hover,
    .index_module_100025 .banner .next:hover{filter:alpha(opacity=100);opacity:1;}
    .index_module_100025 .banner .prevStop{ display:none;  }
    .index_module_100025 .banner .nextStop{ display:none;  }
    .index_module_100025 .banner:hover .hd ul{filter:alpha(opacity=100);opacity:1;}
    .index_module_100025 .banner:hover .prev{filter:alpha(opacity=100);opacity:1;}
    .index_module_100025 .banner:hover .next{filter:alpha(opacity=100);opacity:1;}
	
	
	
	
	
	 .index_module_100572{position:relative;width:100%;min-width:1200px;margin:0 auto;padding:50px 0 50px 0;text-align:center;}
    .index_module_100572 .index_module_100572_b{margin-top:52px;}
    .index_module_100572 .index_module_100572_b ul{}
    .index_module_100572 .index_module_100572_b ul li{float:left;width:380px;margin-left:30px;}
    .index_module_100572 .index_module_100572_b ul li:nth-of-type(3n+1){margin-left:0;}
    .index_module_100572 .index_module_100572_b ul li:nth-of-type(3)~li{margin-top:44px;}
    .index_module_100572 .index_module_100572_b ul li .pic{position:relative;width:380px;height:256px;overflow:hidden;}
    .index_module_100572 .index_module_100572_b ul li .pic img{position:absolute;top:50%;left:50%;width:100%;
      transform:translate(-50%,-50%);
      -webkit-transform:translate(-50%,-50%);
      -moz-transform:translate(-50%,-50%);
      -ms-transform:translate(-50%,-50%);
      -o-transform:translate(-50%,-50%);
    }
    .index_module_100572 .index_module_100572_b ul li .content{width:100%;height:143px;background:#b8d86f;margin-top:2px;overflow:hidden;border-radius:0 0 10px 10px;}
    .index_module_100572 .index_module_100572_b ul li .content .item_title{width:290px;margin:26px auto 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:20px;color:#fff;}
    .index_module_100572 .index_module_100572_b ul li .content .item_intro{width:290px;margin:15px auto 0;word-break:break-all;font-size:14px;color:#fff;height:50px;line-height:26px;overflow:hidden;}
    .index_module_100572 .index_module_100572_b ul li .icon{display:block;width:45px;margin:-22.5px auto 0;height:45px;background:#fff url(../images_xinli/5f6b1682a92e2.png) no-repeat center;border-radius:50%;overflow:hidden;box-shadow:1px 1px 10px rgba(0,0,0,.3);}
    .index_module_100572 .index_module_100572_b ul li .sub{font-size:14px;color:#6d6d6d;margin-top:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    .index_module_100572 .index_module_100572_b ul li .sub b{color:#b8d86f;}
</style>
<div class="index_module_100572">
  <div class="index_centered">
    <style type="text/css" media="screen">
    .index_module_100200{text-align: center;}
    .index_module_100200::after{content:"";display:block;width:108px;height:17px;margin:4px auto 0;background:url() no-repeat center;background-size:100% auto;}
    .index_module_100200 .inlineBlock{display: inline-block;}
    .index_module_100200 .title{font-size: 30px; color: #333333; font-weight: 400;}
    .index_module_100200 .subTitle{font-size: 14px; color: #999999;}
    .index_module_100572 .index_module_100200 .title b{color: #b8d86f;font-weight: 800;}
	
	
	
	 .index_module_100372{width:100%;min-width:1200px;margin:0 auto;padding:50px 0;text-align:center;overflow:hidden;}
    .index_module_100372 .index_module_100372_b{height:388px;margin-top:52px;}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_l{}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_l ul li{width:780px;height:388px;overflow:hidden;}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_l ul li .pic{position:relative;width:443px;height:362px;background:#a6be6e;margin-top:25px;}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_l ul li .pic_wrapper{position:absolute;bottom:24px;left:24px;width:444px;height:366px;overflow:hidden;}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_l ul li .pic_wrapper img{position:absolute;width:100%;top:50%;left:50%;
      transform:translate(-50%,-50%);
      -webkit-transform:translate(-50%,-50%);
      -moz-transform:translate(-50%,-50%);
      -ms-transform:translate(-50%,-50%);
      -o-transform:translate(-50%,-50%);
    }
    .index_module_100372 .index_module_100372_b .index_module_100372_b_l ul li .content{width:292px;height:388px;text-align:left;}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_l ul li .content .content_t{border-bottom:1px solid #ccc;padding-bottom:15px;margin-top:45px;}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_l ul li .content .content_t label{display:inline-block;max-width:50%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:18px;color:#a6be6e;}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_l ul li .content .content_t span{display:inline-block;margin-left:20px;max-width:43%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:16px;color:#333;}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_l ul li .content .content_m{word-break:break-all;white-space:pre-line;margin-top:15px;font-size:14px;color:#666;height:190px;line-height:24px;overflow:hidden;}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_l ul li .content .content_b{margin-top:61px;}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_l ul li .content .content_b .moreBtn{cursor:pointer;width:80px;height:36px;background:#a6be6e;text-align:center;line-height:36px;font-size:14px;color:#fff;}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_r{width:402px;}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_r ul li{cursor:pointer;float:left;position:relative;width:128px;height:122px;overflow:hidden;margin-left:9px;}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_r ul li.on::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:3;}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_r ul li:nth-of-type(3n+1){margin-left:0;}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_r ul li:nth-of-type(3)~li{margin-top:11px;}
    .index_module_100372 .index_module_100372_b .index_module_100372_b_r ul li img{position:absolute;top:50%;left:50%;height:100%;
      transform:translate(-50%,-50%);
      -webkit-transform:translate(-50%,-50%);
      -moz-transform:translate(-50%,-50%);
      -ms-transform:translate(-50%,-50%);
      -o-transform:translate(-50%,-50%);
    }
	
	
	
	 .index_module_100372 .index_module_100143{text-align: center;text-align: ;position: relative;z-index: 2;pointer-events: none;}
    .index_module_100372 .index_module_100143 .inlineBlock{display: inline-block;pointer-events: visible;}
    .index_module_100372 .index_module_100143 .title{font-size: 30px; color: #333333; font-weight: 400;}
    .index_module_100372 .index_module_100143 .subTitle{font-size: 14px; color: #999999;}
    .index_module_100372 .index_module_100143 .title b{color: #a6be6e;font-weight: 800;}
	
	
	
	
	 .index_module_100575{position:relative;width:100%;min-width:1200px;margin:0 auto;padding:50px 0 50px 0;text-align:center;}
    .index_module_100575 ul{margin-top:52px;}
    .index_module_100575 ul li{float:left;width:300px;}
    .index_module_100575 ul li .item_title{font-size:28px;color:#282828;text-align:center;width:170px;margin:0 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    .index_module_100575 ul li .item_subtitle{position:relative;width:170px;margin:10px auto;line-height:39px;}
    .index_module_100575 ul li .item_subtitle p{font-size:28px;color:#282828;text-align:center;width:170px;margin:0 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    .index_module_100575 ul li .item_subtitle .icon{position:absolute;top:0;right:-30px;width:30px;height:39px;}
    .index_module_100575 ul li .item_intro{font-size:14px;color:#ababab;text-align:center;width:170px;margin:0 auto ;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    .index_module_100575 .moreBtn{display:block;width:200px;font-size:18px;font-weight:800;color:#fff;height:50px;line-height:50px;text-align:center;margin:70px auto 0;background:#b8d86f;border-radius:15px;}
    .index_module_100575 .index_title .index_title_t{font-size: 30px;color: #333333;font-weight: 400;}
    .index_module_100575 .index_title .index_title_b{font-size: 14px;color: #999999;}
	
	  .index_module_100396{position:relative;width:100%;min-width:1200px;margin:0 auto;padding:70px 0 70px 0;text-align:center;}
    .index_module_100396 .index_module_100396_b{margin-top:52px;}
    .index_module_100396 .index_module_100396_b .swiper-container{padding:85px 0 20px 0;}
    .index_module_100396 .index_module_100396_b ul li{width:338px;height:436px;}
    .index_module_100396 .index_module_100396_b ul li .pic{position:relative;width:170px;height:170px;overflow:hidden;border-radius:50%;margin:30px auto 0;
      transition:all .2s linear;
      -webkit-transition:all .2s linear;
      -moz-transition:all .2s linear;
      -ms-transition:all .2s linear;
      -o-transition:all .2s linear;
    }
    .index_module_100396 .index_module_100396_b ul li .pic img{position:absolute;width:100%;top:50%;left:50%;
      transform:translate(-50%,-50%);
      -webkit-transform:translate(-50%,-50%);
      -moz-transform:translate(-50%,-50%);
      -ms-transform:translate(-50%,-50%);
      -o-transform:translate(-50%,-50%);
    }
    .index_module_100396 .index_module_100396_b ul li .item_title{font-size:18px;color:#3b3b3b;margin-top:20px;}
    .index_module_100396 .index_module_100396_b ul li .item_title span{display:inline-block;width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:20px;}
    .index_module_100396 .index_module_100396_b ul li .item_title label{display:inline-block;width:120px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .index_module_100396 .index_module_100396_b ul li .item_subTitle{width:160px;padding:0 10px;box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:35px;margin:18px auto 0;background:#b8d86f;font-size:16px;color:#fff;text-align:center;line-height:35px;border-radius:30px;}
    .index_module_100396 .index_module_100396_b ul li .item_remark{width:270px;height:72px;word-break:break-all;margin:20px auto 0;font-size:14px;color:#606162;text-align:center;line-height:24px;overflow:hidden;white-space:pre-line;
      transition:all .2s linear;
      -webkit-transition:all .2s linear;
      -moz-transition:all .2s linear;
      -ms-transition:all .2s linear;
      -o-transition:all .2s linear;
    }
    .index_module_100396 .index_module_100396_b ul li .wrapper{width:311px;height:401px;margin:35px auto 0;box-shadow:1px 1px 10px rgba(0,0,0,.3);border-radius:15px;
      transition:all .2s linear;
      -webkit-transition:all .2s linear;
      -moz-transition:all .2s linear;
      -ms-transition:all .2s linear;
      -o-transition:all .2s linear;
    }
    .index_module_100396 .index_module_100396_b ul li.swiper-slide-active .wrapper{width:100%;height:100%;margin:0 auto;}
    .index_module_100396 .index_module_100396_b ul li.swiper-slide-active .pic{margin:-85px auto 0;}
    .index_module_100396 .index_module_100396_b ul li.swiper-slide-active .item_title{font-size:20px;}
    .index_module_100396 .index_module_100396_b ul li.swiper-slide-active .item_remark{height:220px;}
    .index_module_100396 .index_module_100396_b .index_centered{position:relative;}
    .index_module_100396 .index_module_100396_b .index_centered .btn{cursor:pointer;position:absolute;bottom:180.5px;width:40px;height:40px;outline:none;}
    .index_module_100396 .index_module_100396_b .index_centered .btn svg{display:block;width:100%;height:100%;}
    .index_module_100396 .index_module_100396_b .index_centered .btn svg path{
      transition:all .3s linear;
      -webkit-transition:all .3s linear;
      -moz-transition:all .3s linear;
      -ms-transition:all .3s linear;
      -o-transition:all .3s linear;
    }
    .index_module_100396 .index_module_100396_b .index_centered .btn:hover svg path{fill:#b8d86f;}
    .index_module_100396 .index_module_100396_b .index_centered .btn_l{left:-50px;}
    .index_module_100396 .index_module_100396_b .index_centered .btn_r{right:-50px;}
	
	
	 .index_module_100396 .index_module_100143{text-align: center;text-align: ;position: relative;z-index: 2;pointer-events: none;}
    .index_module_100396 .index_module_100143 .inlineBlock{display: inline-block;pointer-events: visible;}
    .index_module_100396 .index_module_100143 .title{font-size: 30px; color: #333333; font-weight: 400;}
    .index_module_100396 .index_module_100143 .subTitle{font-size: 14px; color: #999999;}
    .index_module_100396 .index_module_100143 .title b{color: #b8d86f;font-weight: 800;}
	
	  .index_module_100631{position:relative;width:100%;min-width:1200px;margin:0 auto;padding:0px 0 0px 0;text-align:center;}
    .index_module_100631 .index_module_100631_b{margin-top:50px;}
    .index_module_100631 .index_module_100631_b ul li{float:left;width:250px;height:430px;}
    .index_module_100631 .index_module_100631_b ul li:nth-of-type(1)~li{margin-left:66px;}
    .index_module_100631 .index_module_100631_b ul li .content{margin-top:226px;}
    .index_module_100631 .index_module_100631_b ul li .content .title{color:#787677;font-size:20px;text-align:center;width:190px;margin:0 auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
    .index_module_100631 .index_module_100631_b ul li .content .title::after{content:"";display:block;width:45px;height:5px;margin:5px auto 0;background:#85ab1b;}
    .index_module_100631 .index_module_100631_b ul li .content .remark{color:#787677;font-size:16px;line-height:25px;word-break:break-all;text-align:justify;width:190px;height:100px;margin:15px auto 0;overflow:hidden;}
    .index_module_100631 .index_module_100631_b ul li .content .tel{width:100%;margin-top:15px;font-size:26px;color:#b8d86f;font-weight:800;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 15px;box-sizing:border-box;}
    .index_module_100631 .index_module_100631_b ul li .content .moreBtn{display:block;width:118px;height:32px;line-height:32px;background:#b8d86f;text-align:center;line-height:32px;font-size:14px;color:#ffffff;border-radius:30px;margin:15px auto 0;}
	
	
	
.index_module_100631 .index_module_100143{text-align: center;text-align: ;position: relative;z-index: 2;pointer-events: none;}
    .index_module_100631 .index_module_100143 .inlineBlock{display: inline-block;pointer-events: visible;}
    .index_module_100631 .index_module_100143 .title{font-size: 30px; color: #333333; font-weight: 400;}
    .index_module_100631 .index_module_100143 .subTitle{font-size: 14px; color: #999999;}
    .index_module_100631 .index_module_100143 .title b{color: #b8d86f;font-weight: 800;}
	
	
    .index_module_100644{position:relative;width:100%;min-width:1200px;margin:0 auto;padding:80px 0 80px 0;text-align:center;}
    .index_module_100644 .index_module_100644_t{}
    .index_module_100644 .index_module_100644_t .pic{position:relative;overflow:hidden;float:left;width:600px;height:405px;}
    .index_module_100644 .index_module_100644_t .pic img{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);}
    .index_module_100644 .index_module_100644_t .content{float:right;width:536px;height:405px;}
    .index_module_100644 .index_module_100644_t .content .content_t{text-align:left;}
    .index_module_100644 .index_module_100644_t .content .content_t .title{font-size:30px;color:#1a1a1a;font-weight:400;}
    .index_module_100644 .index_module_100644_t .content .content_t .subtitle{font-size:16px;color:#999999;}
    .index_module_100644 .index_module_100644_t .content .content_b{white-space:pre-line;word-break:break-all;height:250px;overflow:hidden;text-align:justify;font-size:14px;color:#6a6a6a;line-height:28px;margin-top:30px;}
    .index_module_100644 .index_module_100644_t .content .moreBtn{display:block;width:164px;line-height:40px;font-size:14px;color:#b8d86f; height:40px;border:1px solid #b8d86f;box-sizing:border-box;margin-top:23px;}
    .index_module_100644 .index_module_100644_b{width:100%;height:160px;background:#b8d86f;margin-top:34px;}
    .index_module_100644 .index_module_100644_b ul li{float:left;width:300px;height:75px;border-right:1px solid #fff;box-sizing:border-box;margin-top:42.5px;}
    .index_module_100644 .index_module_100644_b ul li:last-child{border-right:none;}
    .index_module_100644 .index_module_100644_b ul li .wrapper{display:table-cell;width:300px;height:75px;vertical-align:middle;}
    .index_module_100644 .index_module_100644_b ul li .num{font-size:30px;color:#fff;width:300px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 10px;box-sizing:border-box;}
    .index_module_100644 .index_module_100644_b ul li .subtitle{font-size:16px;color:#fff;width:300px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 10px;box-sizing:border-box;}
	
	
	
	
    .index_module_100040{padding: 50px 0; background: #fff;text-align: center;width: 1200px; margin: 0 auto;}
    .index_module_100040 .content{margin-top: 50px;text-align: left;}
    .index_module_100040 .content .ul .li{height: 180px;background: #f7f7f7;margin-bottom: 10px;}
    .index_module_100040 .content .ul .li .pic{width: 325px;height: 180px;overflow: hidden;}
    .index_module_100040 .content .ul .li .pic .img{width: 325px;height: 180px;vertical-align: bottom;}
    .index_module_100040 .content .ul .li .text{width: 840px;}
    .index_module_100040 .content .ul .li .text .box{padding: 32px 0px 25px;}
    .index_module_100040 .content .ul .li .text .left{width: 592px;}
    .index_module_100040 .content .ul .li .text .left .box{padding: 33px 0;}
    .index_module_100040 .content .ul .li .text .left .span{font-size: 24px;color: #999999;display: block;line-height: 24px;}
    .index_module_100040 .content .ul .li .text .left .span:before{content: '';display: inline-block;width: 3px;height: 18px;margin-top: 3px;margin-right: 22px;background: #b8d86f;}
    .index_module_100040 .content .ul .li .text .left .news_title{font-size: 18px;color: #333333;line-height: 18px;font-weight: normal;margin-top: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
    .index_module_100040 .content .ul .li .text .left .p{font-size: 14px;line-height: 24px;color: #999999;height: 48px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .index_module_100040 .content .ul .li .text .right{margin-top: 40px;margin-right: 35px;}
    .index_module_100040 .content .ul .li .text .right .a{display: inline-block;font-size: 14px;color: #999999;padding: 10px 50px;border: 1px solid #999999;border-radius: 2px;box-shadow: 0px 0px 0px 0px rgba(4, 0, 0, 0);.transition(0.3s);}
    .index_module_100040 .content .ul .li:hover .text .right .a{background: #b8d86f;color: #fff;border-color: #b8d86f;box-shadow: 0px 10px 10px 0px rgba(4, 0, 0, 0.1);}
    
    
    .index_module_100040 .index_module_100143{text-align: center;text-align: ;position: relative;z-index: 2;pointer-events: none;}
    .index_module_100040 .index_module_100143 .inlineBlock{display: inline-block;pointer-events: visible;}
    .index_module_100040 .index_module_100143 .title{font-size: 30px; color: #333333; font-weight: 400;}
    .index_module_100040 .index_module_100143 .subTitle{font-size: 14px; color: #999999;}
    .index_module_100040 .index_module_100143 .title b{color: #b8d86f;font-weight: 800;}
 
 
 
    .index_module_100022{background: #222; margin-top: 20px; }
    .index_module_100022 .content{padding: 40px 0; width: 1200px; margin: 0 auto; text-align: center;}
    .index_module_100022 .content p{color: rgb(115, 115, 115); font-size: 14px;}
    .index_module_100022 .content .tel{color: #b8d86f; font-size: 36px; margin: 10px auto;}

    .index_module_100022 .footer_copyright{background: #000; padding: 10px 0; color: #FFF; border-top: 1px solid #3E3E3E;}
    .index_module_100022 .footer_copyright p{padding: 5px 0;}
    .index_module_100022 .footer_copyright a{color: #FFF;}