<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*全局初始化样式*/
body{ padding:0px; margin:0px auto; font-family:Microsoft YaHei,arial,'宋体'; color: #666; width: 100%; zoom:1;

 /*禁用Webkit内核浏览器的文字大小调整功能*/
 -webkit-text-size-adjust:none;

 /*取出点击出现半透明的灰色背景*/
 -webkit-tap-highlight-color:rgba(0,0,0,0);
 -webkit-tap-highlight:rgba(0,0,0,0);

 /*控制文本可选性*/
 /*-webkit-user-select: none;*/
 /*-ms-user-select: none;*/
 /*-moz-user-select: none;*/
 /*-khtml-user-select: none;*/
 /*user-select: none;*/

 /*设置字体的抗锯齿或者说光滑度*/
 -webkit-font-smoothing: antialiased;
 min-width:320px;
 color:#333;
 font-size:12px;
}
ul&gt;li{list-style-type: disc;}
.ul,.ul li,form,.dl,.dl dt,.dl dd,div,.p{ padding: 0px; margin: 0px;}
/*默认去除ul、li的默认样式*/
.ul,.ul&gt;li{ list-style:none; margin: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
/*不允许多行输入文本框有滚动条*/
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select {background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#666; text-decoration:none; noline: -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #222;}

*{ -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;} /*清除浮动*/
 .clearfix {*zoom:1;}/*IE/7/6*/
 .clearfix:after { content:"\200B"; display:block; height:0; clear:both; }
.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

.dot{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.dot &gt; a{ display:inline-block; max-width:95%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.content{ min-height:420px; padding:3% 0; font-size: 14px;}
.Pic100{ position:relative; width:100%; height:0;}
.Pic100 img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.wid{ max-width:1200px; margin:0 auto;}
.txtbox{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word;line-height:24px; font-size:14px;}

.auto {margin: 0 auto; }
.auto_1200 {max-width: 1200px;}
@media(max-width:1200px){
 .auto_1200{ padding: 0 2%;}
}





.txt252015{ overflow:hidden; border-bottom:1px solid #ddd;}
.txt252015 img{ float:left; max-width:40%; margin-right:4%; display:block;}
.txt252015 .t1{ font-size:18px; color:#333; font-weight:bold;}
.txt252015 .t2{ font-size:14px; line-height:24px; padding:20px 0 30px 0;}
.txt252015 .t3,
.txt252015 .t4{ font-size:14px;}
.txt252015 .t4{ padding-bottom:20px;}
.txt252015 .t3 strong,
.txt252015 .t4 strong{ color:#333;}



/*头部*/
/*.top{background:#22489f; }*/
.top .auto{ position:relative; z-index:100;}
.top .logo{ position:absolute; left:0; top:50%; margin-top:-40px; }
.top .logo img{height:80px; display:block; }

.top .search{ position:absolute; right:0; top:66%; margin-top:-16px; background:url(../images/search_ico.png) no-repeat center;cursor:pointer; width: 25px; height: 25px;}
.top .search dl{  width:0; overflow:hidden; transition:0.3s;height:33px;  position:absolute; right:0; bottom: -72%; z-index:10; }
.top .search .text{border:2px solid #e4e4e4; border-radius:20px; line-height:33px; height:33px; width:100%; padding:0 35px 0 5px;color:#fff; background:#85c226;}

.top nav{padding-right:45px; font-size: 16px;}
.top nav ul{float:right;}
.top nav li{ float: left; line-height:32px; position: relative; padding:30px 0 22px 25px; text-align:center; }
.top nav li:after{ display:inline-block; content:''; border-right:1px dotted #647fbc; width:1px; height:13px; vertical-align:middle; margin-left:20px;}

.top nav li.aon{ background: url(../images/nav_ico.png) no-repeat bottom center;}
.top nav li:hover{ background: url(../images/nav_ico.png) no-repeat bottom center;}

.top nav li a{ color:#222222; }
.top nav dl{ display: none; width:100%;  position: absolute; left: 0; top: 100%; z-index:100; background:#e4ecff;}
.top nav dl dd a{ color:#1c419c;}
.top .mobile_menu{ display:none;}

@media(max-width:1200px){
 .top .logo{ left:2%;}
 .top .search{ right:2%;}
}
@media(max-width:1000px){
 .top .auto_1200{ padding-bottom: 0;}
 .top .logo img{ height: 50px;}
 .top .logo{ position:relative; top:auto; margin-top:0; padding:2% 50% 2% 0; left:auto;}
 .top nav{ position:fixed; left:0; top:0; height:100%; background-color:#85c226; width:100%; max-width:220px; padding-right:0; max-height:100%; overflow:auto; transform:translateX(-100%); opacity:0; transition:0.4s; display:none;}
 .top nav.navOut{ transform:translateX(0); opacity:1;}
 .top nav li a{ color: #fff;}
 .top nav li,
 .top nav ul{ float:none;}
 .top nav li:after{ display:none;}
 .top nav li{ padding:0 !important; font-weight:bold; }
 .top nav li#m1 &gt; a,
 .top nav li &gt; span,
 .top nav li dl a{ display:block; padding:5%;}
 .top nav li#m1 &gt; a,
 .top nav li &gt; span{ color:#fff;}
 .top nav li dl{position:relative; top:auto;}
 .top nav li dl a{border-bottom:1px solid rgba(0,0,0,0.2); box-shadow:0 1px 0 rgba(255,255,255,0.8);}
 .top .mobile_menu{ position:absolute; right:2%; margin-right:45px; top:32%;
  font-size:24px; transition:0.2s; line-height:24px; text-align:center; background: url(../images/mobile_menu.png) no-repeat;width: 30px; height: 30px;}
 .top nav li.aon{ background: none}
 .top nav{ font-size: 13px;}
 .top .search{ top: 55%;}
 .top nav li:hover{ background: none;}

}


/*侧边栏*/
.top .menu{width:42px;height:42px; background:url("../images/menu-on.png") no-repeat center center;position:fixed;right:20px;top:35px;z-index:90;border:2px #eaeaea solid;}
.top .menu:hover{ background:#eaeaea url("../images/menu-on.png") no-repeat center center;}
.mask{width:100%;height:100%;background:#000;-webkit-opacity:0.5;opacity:0.5;filter:Alpha(opacity=50);z-index:900;position:fixed;top:0;left:0;display:none;}

.sitemap{width:400px;background:#fff;z-index:1000;position:fixed;right:-100%;top:0;height: 100%;overflow: auto;padding-bottom:100; max-width:100%;}
.sitemapCon{width:100%;height:100%;}
.sitemap-head{height:84px;padding:0 40px; background:#0e98a5;}
.sitemap-head h2{font-size: 16px;color:#fff;line-height:84px;float:left;margin: 0;}
.sitemap-head a{width:46px;height:46px;background:url("../images/close.png") no-repeat center center;float:right;margin-top:19px;}
.sitemap-con{padding:20px 10% 0 10%;height:100%;padding-bottom:100px; box-sizing:border-box;}
.sitemap-con dl{width:100%; padding-bottom:10px;margin-bottom:12px;border-bottom:2px #f4f4f4 solid;}
.sitemap-con dt{font-size:16px;color:#333333;font-weight::bold; padding-bottom:10px;}
.sitemap-con dd{float:left;margin:0px 20px 5px 0px;}
.sitemap-con dd a{font-size:12.5px;color:#999999;}

@media(max-width:1320px){
.top nav ul{ padding-right:40px;}
.top nav li{ padding-left:10px;}
.top nav li:after{ margin-left:10px}
.top .search{ right:70px;}
.top .menu{ right:2%;}
}
@media(max-width:1320px){
.top .auto{ padding:0 2%;}
}
@media(max-width:1000px){
.top .menu{ position:absolute; top:50%; margin-top:-21px;}
}





/*底部*/
.footer{padding:1% 0;line-height: 30px; border-top: solid 1px #dadada;}
.footer dl{ float:right;}
.footer dl a{display:inline-block; vertical-align:middle; margin-right:10px;text-decoration:none;width:30px; height:30px;}
.footer dl a.a_wx{background:url(../images/wx_ico.png) no-repeat center;}
.footer dl a.a_qq{background:url(../images/qq_ico.png) no-repeat center;}
.footer dl a.a_sina{background:url(../images/wb_ico.png) no-repeat center;}
.footer dl a.a_wx:hover{background:url(../images/wx_ico_hover.png) no-repeat center;}
.footer dl a.a_qq:hover{background:url(../images/qq_ico_hover.png) no-repeat center;}
.footer dl a.a_sina:hover{background:url(../images/wb_ico_hover.png) no-repeat center;}
.footer dl a.a_wx{ position:relative; z-index:2;}
.footer dl a.a_wx figure{ display:none; position:absolute; bottom:100%; width:120px; left:50%; margin-left:-60px;}
.footer dl a.a_wx:hover figure{ display:block;}
.footer dl a.a_wx figure img{ display:block; border:3px solid #fff;}

.footer ul li{ float: left; }
.footer ul li i{ font-style: normal; padding-left: 10px; padding-right: 10px;color: #888888;}
.footer p{ margin-top: -24px; color: #888888}
.footer a{ color: #888888}

@media(max-width:1000px){
 .footer dl{ float:none;}
 .footer p{ margin-top: 0;}
 .footer dl{ display: none;}
}
@media(max-width:640px){
 .footer{ font-size:12px; line-height:20px;}
 .footer dl{ line-height:30px;}
}



/*banner*/
.banner{ margin-bottom:20px; border-top:1px solid #ddd;}
.banner div{ height:150px; background-repeat:no-repeat; background-position:center top;}
.banner img{ display:none; width:100%;}
@media(max-width:1000px){
.banner div{ background: none !important; height: auto;}
.banner img{display:block;}
}


.menu{ border-bottom:1px solid #e8e8e8;}
.menu em{ font-style:normal; float:right;color:#999;line-height:50px; background: url(../images/home.png) no-repeat left; padding-left: 25px;}
.menu em a{ color:#999;}
.menu em span{color:#5dbbc3;}

.menu li{ float:left; padding:0; text-align: center; margin-left:2%;}
.menu li a{ display:block; line-height:50px; font-size:14px; color:#666; padding:0 30px;}
.menu li a:after{ display:block; content:''; height:2px; }
.menu li.aon{ background: #5dbbc3;}
.menu li.aon a{ color: #fff;}
.menu li:hover{ background: #5dbbc3;}
.menu li:hover a{ color: #fff;}

@media(max-width:768px){
 .menu em{ float:none; display:block; line-height:normal; padding-left: 25px; margin-bottom: 2%; text-align: right; background: none;}
 .menu li a{ padding:0 20px; line-height:40px;}
}
@media(max-width:640px){
 .menu{ padding-top:2%;}
 .menu .name{ margin-top:0; }
 .menu .name span{max-width:none;font-size:24px; height:auto; padding:3%;}
 .menu .name span b{ font-size:16px;}
 /*.menu li:last-child{ padding-right:0;}*/
 .menu li a{ padding:0 10px; line-height:30px;}
}


/*分页*/
.Page_box .Pages{ text-align:center; padding:3% 0;}
.Page_box .Pages a{ display:inline-block; vertical-align:middle;border:1px solid #ececec; padding:0 15px; line-height:36px; color:#999; height:38px;}
.Page_box .Pages a:hover,
.Page_box .Pages a.a_cur{ background-color:#5dbbc3; color:#fff; border-color:#5dbbc3;}
.Page_box .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;}
.Page_box .Pages em a{ float:left; margin-left:-1px;}
.Page_box .Pages .p_cur,
.Page_box .Pages .p_count,
.Page_box .Pages .p_jump,
.Page_box .Pages .p_total{ display:none;}
.Page_box .Pages .a_prev,
.Page_box .Pages .a_next{ padding:0; width:44px; background:url(../images/Page_prev.gif) no-repeat center center; overflow:hidden; line-height:1000px;}
.Page_box .Pages .a_next{ background-image:url(../images/Page_next.gif);}
@media(max-width:640px){
 .Page_box .Pages .a_first,
 .Page_box .Pages .a_end{ display:none;}
 .Page_box .Pages em{ display: none;}
}
@media(max-width:480px){
 .Page_box .Pages a{padding:0 5px; }
}





.prodList{ overflow:hidden; position:relative;}
.prodList .ul{ margin-right:-70px;}
.prodList .ul li{ width:33.33333%; float:left; padding:0 70px 50px 0;}
.prodList .ul li .pic{ display:block; position:relative; width:100%; height:0; padding-bottom:71.831%;}
.prodList .ul li .pic img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.prodList .ul li .dot{ text-align:center; border:1px solid #eee; line-height:0; border-top:none;}
.prodList .ul li .dot a{ line-height:56px; font-size:16px;}

.prodList .ul li .title{ text-align: center; font-size: 16px; padding-top:5px; line-height:25px;  }
.prodList .ul li .title p{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prodList .ul li .title p span{ color:#f00;}
@media(max-width:980px){
.prodList .ul{ margin-right:-40px;}
.prodList .ul li{padding:0 40px 35px 0;}
.prodList .ul li .dot a{ line-height:40px; font-size:14px;}
.prodList .ul li .title{ text-align: center; font-size: 14px; line-height:20px;  }
}
@media(max-width:640px){
.prodList .ul{ margin-right:-20px;}
.prodList .ul li{padding:0 20px 15px 0;}
.prodList .ul li .dot a{ line-height:30px;}
}
@media(max-width:480px){
.prodList .ul{ margin-right:-10px;}
.prodList .ul li{padding:0 10px 10px 0; width:50%;}
.prodList .ul li .title{ font-size: 12px; }
}



/*荣誉资质*/
.honor_box{ padding:3% 0;}
.honor_box li{ float:left; width:23.5%; margin-right:2%; margin-bottom:3%; border:solid 1px #dedede; padding-top: 0.5%}
.honor_box li a{ display:block;}
.honor_box li p{ margin:0;  line-height:46px; padding:0 2%; text-align:center; font-size:14px; color: #222;}
.honor_box li .table{ display:none;}
.honor_box li figure{padding-bottom:65%; background-size:contain;}
@media(min-width:641px){
 .honor_box li:nth-child(4n){ margin-right:0;}
}
@media(max-width:640px){
 .honor_box li{ width:48%; margin-right:4%;}
 .honor_box li:nth-child(2n){ margin-right:0;}
}
@media(max-width:375px){
 .honor_box li p{ font-size:14px;}
}



/*人力资源*/
.recruit_box .type{display:table; width:100%;}
.recruit_box ol.type{font-size:16px; background-color:#85c226; color:#fff;}
.recruit_box .type li{ display:table-cell; vertical-align:middle;text-align:center; padding-top:10px; padding-bottom:10px; line-height:24px;}
.recruit_box ul.type li{cursor:pointer;}
.recruit_box .type li:nth-child(1){width:12%;}
.recruit_box .type li:nth-child(2){ width:11%;}
.recruit_box .type li:nth-child(3){ width:10%;}
.recruit_box .type li:nth-child(4),
.recruit_box .type li:nth-child(5),
.recruit_box .type li:nth-child(6),
.recruit_box .type li:nth-child(7){width:13%;}
.recruit_box .type li:nth-child(8){ width:15%;}
.recruit_box .type li:nth-child(1),
.recruit_box .type li:nth-child(4){ padding-left:2%; text-align:left !important;}
.recruit_box ul.type li:nth-child(4){background:url(../images/jia_ico.png) no-repeat 90% center;}
.recruit_box ul.type#On li:nth-child(4){ background-image:url(../images/jian_ico.png);}
.recruit_box .list{border-bottom:1px solid #e5e5e5;}
.recruit_box .list .con{ display:none;border-top:1px solid #e5e5e5; overflow:hidden; font-size:14px; padding:2%; color: #999; line-height: 30px;}
.recruit_box .btn_apply{ padding:10px 0;}
.recruit_box .btn_apply a{ display:inline-block; max-width:180px; width:40%; height:50px; line-height:50px; text-align:center; color:#fff; background-color:#85c226; font-size:18px; border-radius:3px;}
.recruit_box .list .con strong{ color: #85c226;}

.recruit_box ul.type#On{ background: #f1f1f1}

@media(max-width:1000px){
 .recruit_box .type li:nth-child(2),
 .recruit_box .type li:nth-child(5),
 .recruit_box .type li:nth-child(6){ display:none;}
 .recruit_box .type li{ width:20% !important;}
}
@media(max-width:768px){
 .recruit_box .search{ position:relative; margin-top:10px; top:auto; width:auto;}
 .recruit_box .type li:nth-child(7){ display:none;}
 .recruit_box .type li{ width:24% !important;}
 .recruit_box .type li:nth-child(8){ width:28% !important;}
}
@media(max-width:480px){
 .recruit_box .type li:nth-child(3){ display:none;}
 .recruit_box .type li{ width:30% !important;}
 .recruit_box .type li:nth-child(8){ width:40% !important;}
 .recruit_box ol.type{font-size:15px;}
 .recruit_box .btn_apply a{font-size:16px; height:40px; line-height:40px;}
 .recruit_box ul.type li:nth-child(8){ background-size:16px auto;}
}



/*人力资源详情*/
.Form001725{ padding:2% 0;}
.Form001725 .form{ padding-top:30px; max-width:552px; width:100%; margin: 0 auto;}
.Form001725 .form td{ padding-bottom:20px; font-size:14px; }
.Form001725 .form td.w1{ width:47%;}
.Form001725 .form td.w2{ width:6%;}
.Form001725 .form .text{ width:100%; border-radius:3px; border:1px solid #cfcfcf; line-height:36px;height:36px; text-indent:10px; background:none; }
.Form001725 .form textarea.text{ height: 200px;}
.Form001725 .form p{ margin:0 0 10px 0;color:#85c226;}
.Form001725 .form td em{ font-style:normal; color:#bcbcbc;}
.Form001725 .form td em i{ font-style:normal; color:#fadbbe;}
.Form001725 .form .btn{ background:#85c226; color:#fff; cursor:pointer; font-size:14px; width:60%; font-family: 微软雅黑; max-width:180px; height:50px; border-radius:3px; border:none; margin-top:20px;}
.Form001725 .form dl{ position:relative;}
.Form001725 .form dt{ text-indent:10px; cursor:pointer; border:1px solid #cfcfcf;line-height:36px;height:36px;}
.Form001725 .form dd{ display:none; position:absolute; left:0; top:100%; background-color:#eee; width:100%; z-index:10;}
.Form001725 .form dd a{ display:block; line-height:36px; padding:0 10px;}
.Form001725 .form dd a:hover{ background-color:#ccc;}
@media(max-width:768px){
 .Form001725 .search{ position:relative; margin-top:10px; top:auto; width:auto;}
}


/*友情链接*/
.friend_box{ padding-top:3%;}
.friend_box li{ float:left; width:22.75%; margin-right:3%; margin-bottom:3%;}
.friend_box li a{ border:1px solid #e8e8e8; position:relative; display:block;}
.friend_box li img{ display:block; width:100%;}
.friend_box li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(93,187,195,0.8); opacity:0; transition:0.3s;}
.friend_box li a:hover figure{ opacity:1;}
.friend_box li dl{ display:table;  width:100%; height:100%;}
.friend_box li dt{ display:table-cell; vertical-align:middle;text-align:center; font-size:18px; color:#fff;}
@media(min-width:769px){
 .friend_box li:nth-child(4n){ margin-right:0;}
}
@media(max-width:768px){
 .friend_box li{ width:32%; margin-right:2%;}
}
@media(max-width:768px) and (min-width:481px){
 .friend_box li:nth-child(3n){ margin-right:0;}
}
@media(max-width:480px){
 .friend_box li{ width:49%;}
 .friend_box li:nth-child(2n){ margin-right:0;}
 .friend_box li dt{ font-size:15px;}
}



/*首页banner*/
.h_banner{ overflow:hidden; position:relative; z-index:1;}
.h_banner .auto_1200{ position: relative; padding: 0;}
.h_banner .bx-viewport{ z-index:1;}
.h_banner .bx-viewport,
.h_banner .bx-viewport li,
.h_banner .bx-viewport li a{ height:350px;}
.h_banner .bx-viewport li a{ display:block;}
.h_banner .bx-viewport li{ background-position:center top; background-repeat:no-repeat;}
.h_banner .bx-viewport li img{ display:none;}

.h_banner .bx-controls-direction a{ position:absolute; width:40px; height:60px; top:50%; margin-top:-44px; background:url(../images/banner_btn.png) no-repeat left top; z-index:10; overflow:hidden; line-height:1000px; display:none;}
.h_banner .bx-controls-direction a.bx-prev{ left:0;}
.h_banner .bx-controls-direction a.bx-next{ background-position:right top; right:0;}
.h_banner .bx-controls-direction a:hover{background:url(../images/banner_btn_hover.png) no-repeat left top;}
.h_banner .bx-controls-direction a.bx-prev:hover{ left:0;}
.h_banner .bx-controls-direction a.bx-next:hover{ background-position:right top; right:0;}



.h_banner .bx-pager{ position:absolute; width:100%; left:0; bottom:3%; z-index:10; text-align:center;}
.h_banner .bx-pager *{ width:12px; height:12px;}
.h_banner .bx-pager div{ display:inline-block; margin:0 5px;}
.h_banner .bx-pager a{ display:block; border-radius:50%; border:1px solid #fff;background:#fff; overflow:hidden; line-height:100px;}
.h_banner .bx-pager a.active{ border:1px solid #f8bd00; background: none;}

@media(max-width:1100px){
 .h_banner .bx-viewport li,
 .h_banner .bx-viewport li a{ height:auto;}
 .h_banner .bx-viewport li{ background:none !important;}
 .h_banner .bx-viewport li img{ display:block; width:100%;}

 .h_banner .bx-controls-direction{ display:none;}
}

.homeBody{ background:url(../images/homebg.jpg); padding:30px 0;}
@media(max-width:1100px){
.homeBody{ padding:3% 0;}
}
.homeprod{ padding:30px 0;}
.homeprod &gt; .title{ font-size:18px; text-align:center; line-height:20px; padding-bottom:20px;}
.homeprod .list{ position:relative;}
.homeprod .list li{ background:#fff;}
.homeprod .list .pic{ display:block; position:relative; width:100%; height:0; padding-bottom:71.831%}
.homeprod .list .pic img{ display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.homeprod .list .dot{ display:block; line-height:40px; text-align:center; padding:0 10px; font-size:16px;}
.homeprod .list .bx-controls-direction a{ display:block; font-size:0; width:38px; height:38px; position:absolute; z-index:3; top:50%; margin-top:-19px;}
.homeprod .list .bx-controls-direction .bx-prev{ background-image:url(../images/hl.png); left:-19px;}
.homeprod .list .bx-controls-direction .bx-next{ background-image:url(../images/hr.png); right:-19px;}
@media(max-width:1100px){
.homeprod .list .bx-controls-direction .bx-prev{ background-image:url(../images/hl.png); left:0;}
.homeprod .list .bx-controls-direction .bx-next{ background-image:url(../images/hr.png); right:0;}
.homeprod &gt; .title{ padding-bottom:2%;}
}



.homelist{ overflow:hidden;}
.homelist .listbox{ margin-right:-30px;}
.homelist .box{ padding-right:30px; width:33.3333333%; float:left;}
.homelist .box .bg{ padding:15px 18px; height:165px;}
.homelist .box .column{ font-size:16px; color:#222; line-height:20px; padding-bottom:10px; text-transform:Uppercase;}

.homelist .news .bg{ background:#ffd333; position:relative;}
.homelist .news .list a{ display:block; line-height:35px; font-size:14px; color:#555; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; position:relative; padding-left:10px;}
.homelist .news .list a::before{ position:absolute; content:''; left:0; top:50%; margin-top:-1.5px; width:3px; height:3px; background:#555;}
.homelist .news .list a span{ float:right; padding-left:20px;}
.homelist .news .bx-pager{ position:absolute; right:18px; top:25px;}
.homelist .news .bx-pager .bx-pager-item{ float:left; padding-left:6px;}
.homelist .news .bx-pager .bx-pager-item a{ display:block; width:7px; height:7px; font-size:0; border-radius:50%; background:#fff;}
.homelist .news .bx-pager .bx-pager-item a.active{ background:#555;}

.homelist .about .bg{ background:#38abb5; color:#fff;}
.homelist .about .column{ color:#fff;}
.homelist .about .column a{ display:block; float:right; color:#fff; background:url(../images/hmore.png) right center no-repeat; padding-right:10px; font-size:12px;}
.homelist .about .pic{ float:left; position:relative; left:-10px;}
.homelist .about .pic,
.homelist .about .pic img{ display:block; width:135px; height:105px;}
.homelist .about .txt{ line-height:18px; font-size:12px; height:92px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; padding-top:20px;}

.homelist .ico .bg{ background:#fff; color:#fff;}
.homelist .ico .list{ padding:15px 0;}
.homelist .ico .list .ul{ margin-right:-10px;}
.homelist .ico .list li{ width:25%; padding-right:10px; float:left;}
.homelist .ico .list li a{ display:block;}
.homelist .ico .list li .max{ max-width:70px; margin:0 auto; width:60%;}
.homelist .ico .list li .pic{ position:relative; width:100%; padding-bottom:100%;}
.homelist .ico .list li .pic img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.homelist .ico .list li .pic .pic2{ display:none;}
.homelist .ico .list li .dot{ text-align:center; font-size:14px; line-height:30px;}
@media(max-width:1024px){
.homelist .ico .list li .dot{ font-size:12px;}
.homelist .listbox{ margin-right:-15px;}
.homelist .box{ padding-right:15px;}
}
@media(min-width:861px){
.homelist .ico .list li a:hover .pic1{ display:none;}
.homelist .ico .list li a:hover .pic2{ display:block;}
}
@media(max-width:860px){
.homeprod{ padding:3% 0;}
.homelist .listbox{ margin-right:0;}
.homelist .ico .list{ padding:0;}
.homelist .box{ padding-right:0; width:100%;}
.homelist .box+.box{ margin-top:2%;}
.homelist .box .bg{ height:auto;}
}




/*新闻中心*/

.top_box{color:#666; position: relative; margin-bottom: 3%;}
.top_box li{ margin-bottom:3%; padding-left:373px; padding-right:72px; position:relative; background: #f3f3f3; }
.top_box li .Ispic{ position:absolute; left:0; top:0; width:373px; height:100%;}
.top_box li .Ispic img{ display:none;}
.top_box li div{ padding:4% 10% 4% 0; margin-left:3%;  position:relative;}
.top_box li time{ margin-top: 10px; display: block; font-size: 14px; color: #999999;}
.top_box li time span{ color:#666; font-size:48px; display:block;}
.top_box li .dot{ font-size:16px; color:#5dbbc3;}
.top_box li p{ opacity:0.5; line-height:24px; overflow:hidden; height:72px; margin-bottom:3%; font-size: 14px; width: 70%;}
.top_box .bx-controls-direction{ display: none;}
.top_box .bx-has-controls-direction{ position: relative;}
.top_box .bx-default-pager{ position: absolute; left: 34%; bottom: 0; z-index: 99;}
.top_box .bx-default-pager div{  height: 30px; overflow: hidden;display: inline-block; margin-right: 10px;}
.top_box .bx-default-pager a{display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #c6c6c6; line-height: 100px;}
.top_box .bx-default-pager a.active{ background: #5dbbc3}

@media(max-width:1000px){
 .top_box li .Ispic{ position:relative; width:auto; height:auto; padding-bottom:50%; display:block;}
 .top_box li{ padding:0;}
 .top_box .bx-default-pager{  position: absolute; left: 3%; bottom: -5%; z-index: 99;}
}
@media(max-width:640px){
 .top_box li time span{font-size:40px;}
 .top_box li p{ height:48px;}
}
@media(max-width:480px){
 .top_box li .Ispic{ position:relative; width:auto; height:auto; padding-bottom:50%; display:block;}
 .top_box li{ padding:0;}
}


.bd_weixin_popup{ width: 270px!important; height: 310px!important;}

.new_box .title_box li{ overflow:hidden; padding-left:80px; padding-right:48px; position:relative!important; margin-bottom:2%;
 padding-bottom: 2%; border-bottom: solid 1px #dadada;}
.new_box .title_box li:hover h3 a{ color: #85c226}
.new_box .title_box li:after{ position:absolute; content:''; right:0; top:0;width:48px; height:100%; background:url(../images/right_ico.jpg) no-repeat center center}
.new_box .title_box li div{padding:0 3%;}
.new_box .title_box li time{ position:absolute; left:0; top:0; width:72px; height:72px; background: #996188; color: #fff; font-size: 14px; border-radius: 5px;}
.new_box .title_box li:nth-child(2n) time{ position:absolute; left:0; top:0; width:72px; height:72px; background: #5dbbc3; color: #fff; font-size: 14px; border-radius: 5px;}
.new_box .title_box li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);
 -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#fff; font-size:16px;}
.new_box .title_box li time i{ font-style:normal; font-size:40px; color:#fff; display:block; line-height:40px;}
.new_box .title_box li h3{ margin:0; font-size:16px; font-weight: normal;}
.new_box .title_box li p{ line-height:24px; font-size: 14px; overflow:hidden; color:#999; height:52px; margin:1.5% 0 0 0;}
@media(max-width:1000px){
 .new_box .title_box li{padding-left:120px;padding-right:30px;}
 .new_box .title_box li:after{width:30px; background-size:35% auto;}

 .new_box .title_box li time span{font-size:14px;}
 .new_box .title_box li time i{font-size:40px;line-height:30px;}
}
@media(max-width:768px){
 .new_box .title_box li h3{ font-size:16px;}
}
@media(max-width:480px){
 .new_box .title_box li{padding-left:100px;padding-right:0;}
 .new_box .title_box li:after{ display:none;}

 .new_box .title_box li time span{font-size:12px;}
 .new_box .title_box li time i{font-size:30px;}
 .new_box .title_box li h3{ font-size:14px;}
 .new_box .title_box li p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;}
}


/*新闻详情*/
.new_info{ line-height: 26px;}
.new_info .title{ text-align: center; border-bottom: solid 1px #dadada; padding-bottom: 1%; margin-bottom: 3%;}
.new_info .dot{ text-align: center; color: #884a75;  font-size: 22px; font-weight: normal;}
.new_info .title span{ color: #999999; font-size: 14px;}
.new_info .bdsharebuttonbox{ float: right; line-height: 40px;}
.new_info .bdsharebuttonbox span{ float: left;}
.new_info .bdsharebuttonbox .bds_weixin{ background: url(../images/wx.png) no-repeat; width: 30px; height: 30px;}
.new_info .bdsharebuttonbox .bds_tsina{ background: url(../images/wb.png) no-repeat; width: 30px; height: 30px;}
.new_info .bdsharebuttonbox .bds_qzone{ background: url(../images/kj.png) no-repeat; width: 30px; height: 30px;}
.new_info .bdsharebuttonbox .bds_qq1{ background: url(../images/qq.png) no-repeat; width: 30px; height: 30px; float: right;}
.new_info img{ width: 100%;max-width: 800px!important;margin: 0 auto!important;display: block;}
.new_info p{ padding-bottom: 2%; color: #666;}

.info_pn { padding-top:3%;}
.info_pn span.dot:hover a{ color: #5dbbc3;}
.info_pn .info_fl{ float: left; width:48%; text-align: left; color: #666; font-size: 14px; }
.info_pn .info_fr{ float: right; width:48%; text-align: right;color: #666;font-size: 14px;}

@media(max-width:768px){
 .new_info .dot{ font-size: 16px;}
 .info_pn .info_fl{ float: none; width: 100%;}
 .info_pn .info_fr{ float: none; width: 100%;text-align: left;}
 }


/*搜索*/
.ssList{ margin-top:1%; min-height: 420px;}
.ssList li{border-bottom: #f0f0f0 1px dashed; line-height:0; padding:10px 0 10px 15px; position:relative; }
.ssList li a{ line-height:27px}
.ssList li a:hover{ color:#85c226;}
.ssList li:before{left: 0; top: 47%; position: absolute; content: ''; width: 5px;  height: 5px; border-radius: 100px; background-color: #cccccc;}
.ssList li time{ float:right; color:#999; font-size:12px; margin-left:10px;}




/*开发项目详情页*/
.kf_h{ border-bottom:1px solid #e8e8e8;}
.kf_h span{ display:inline-block; padding:0 25px; height:35px; line-height:35px; cursor:pointer; text-align:center;}
.kf_h span:hover,
.kf_h .kf_active{ background:#5dbbc3; color:#fff;}
.kf_body .kf_item{ padding:30px 0; display:none; min-height:200px;}

.kf_intro{ padding-bottom:3%;}
.kf_intro .kf_img{ display:block; float:left; width:40%;}
.kf_intro .kf_text{ float:right; width:55%;}
.kf_text .h3{ font-size:20px; font-weight:normal; color:#5dbbc3; padding:0 10px 10px; margin:0;}
.kf_text .p{ padding:10px; font-size:14px;}

@media(max-width:480px){
.kf_intro .kf_img,
.kf_intro .kf_text{ float:none; width:100%;}
.kf_text .h3{ font-size:18px; padding:10px 0 10px;}
.kf_text .p{ padding:0 0 30px;}
.kf_h span{ padding:0 12px; margin-bottom:10px;}
}







/*开发项目详情页 结束*/


</pre></body></html>