@charset "utf-8";
/* Banner */
.banner { position:relative; width:100%; left: 0; margin-left: 0; z-index:3; }
.banner img { width:100%!important; height:auto!important; }

/* 主体 */
.container { position:relative; padding:43px 0; z-index:4; }
.wrap { position:relative; width:1600px; min-height:460px; margin:0 auto; }
.wrap .sidebar {}
.wrap .main { display:block; overflow:hidden; *zoom:1; padding:0; }
.wrapBt { height:0; background:none; overflow:hidden; clear:both; }

@media only screen and (max-width:1680px) {
    .wrap { width:1200px; }
}
@media only screen and (max-width:1280px) {
	.wrap{ width:1000px; }
}
@media only screen and (max-width:1024px) {
    .container { padding:15px 0; }
    .wrap { width:100%; }
    .wrap .sidebar,
    .wrap .main { padding:0 15px; }
}


/* 左侧栏目标题 */
.leftTitle { position:relative; margin-bottom:18px; padding:18px 0; color:#333; }
.leftTitle i,.leftTitle s { display:block; text-align:center; }
.leftTitle i { font-size:38px; line-height:58px; font-weight:normal; }
.leftTitle s { color:#888; font:12px/18px arial; text-decoration:none; text-transform:uppercase; }

/* 二级、三级菜单 */
.menu ul { height:80px; background:#fff; margin-top:-80px; box-shadow:0 0 10px rgba(00,00,00,0.1); text-align: center; }
.menu ul:after{}
.menu ul li { width:20%; float:left; background: right center no-repeat; text-align:center}
.menu ul li:last-child{ background:none}
.menu ul li a { display:block; }
.menu ul li a i { display:inline-block; vertical-align:middle; /*background: url(../images/g_40.png) left center no-repeat; padding-left:40px;*/ line-height:80px; font-size:16px; color:#333; }
.menu ul li a s{display: inline-block;vertical-align: middle;margin-right: 12px;}
.menu ul li a s img{vertical-align: middle;}
.menu ul li a s.s2{display: none;}
.menu ul li a:hover s.s1{display: none;}
.menu ul li a:hover s.s1,.menu ul li a.current s.s1{display: none;}
.menu ul li a:hover s.s2,.menu ul li a.current s.s2{display: inline-block;}
.menu ul li a:hover i,.menu ul li .current i{ /*background: url(../images/g_41.png) left center no-repeat;*/ color:#fff}
.menu ul li a:hover,.menu ul li .current { background:#489c4e}
.menu ul li.li01{ width:100%}
.menu ul li.li02{ width:50%}
.menu ul li.li03{ width:33.3333333%}
.menu ul li.li04{ width:25%}
.menu ul li.li05{ width:20%}
.menu ul dl{display: none;}

.qnmlgb{text-align: center;}
.qnmlgb dd{display: inline-block;}
.qnmlgb dd a{display: block;padding: 5px 15px;border:1px solid #ccc;font-size: 16px;}
.qnmlgb dd:hover a,.qnmlgb dd a.current{background: #489c4e;color: #fff;border-color: #489c4e;}

.menu ul dd { display: inline-block; padding: 25px 20px 25px 0; line-height: 41px; font-size: 14px; }
.menu ul dd a { display: block; padding: 0px 16px; }
.menu ul dd a:hover,
.menu ul dd a.current { color: #fff; background-color: #489c4e; border-radius: 14px 0px 14px 0; }
.menu ul dd a.current { padding: 0px 42px; }
.menu ul dd:last-child { padding-right: 0; }

@media only screen and (max-width:750px) {
    .menu ul { height:auto; margin-top:0; text-align: center; }
    .menu ul li { width:auto; float: none; display: inline-block; padding: 0 4px; background-size: 1px 12px;width: auto !important;}
    .menu ul li a { padding: 0 6px; }
    .menu ul li a i {font-size: 14px; line-height:50px; background-size: 14px; }
    /*.menu ul li a:hover i,.menu ul li .current i { background-size: 14px; }*/
    .menu ul li a s{display: inline-block;vertical-align: middle;margin-right: 2px;width: 10px;}

    .menu ul dl { padding-top: 10px; display: inline-block; }
    .menu ul dl dd { padding: 3px 0; line-height: 32px; }
    .menu ul dl dd a.current { padding: 0px 16px; border-radius: 10px 0px 10px 0; }
    .qnmlgb dd a{font-size: 13px;}

}



.m-rdm { padding:25px 0 10px; text-align:center; }
.m-rdm a { display:inline-block; margin:0 8px 10px; padding:3px 20px; border:1px solid #ddd; line-height:24px; }
.m-rdm a:hover,.m-rdm .current { border:1px solid #999; background:#999; color:#fff; }


/* 面包屑 */
.location { position:relative; height:24px; width:1300px; margin:0 auto 30px; padding:11px 0; border-bottom:1px solid #eaeaea; line-height:24px; display:none; }
.location h3 { float:left; padding-left:10px; border-left:5px solid #069; color:#000; font-size:21px; font-weight:normal; }
.breadcrumbs { float:right; text-align:right; }
.breadcrumbs a { display:inline-block; margin-left:12px; padding-left:12px; background: url(../images/o_ico_04.gif) no-repeat 0 center; vertical-align:top; }
.breadcrumbs .u-home { padding-left:20px; background: url(../images/o_ico_03.gif) no-repeat 0 center; }

/* 内容模式 */
.article { padding:80px 0 40px; line-height:2; font-size:14px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:24px; }
.article .hd .titBar { color:#797979; font-size:14px; } 
.article .bd { padding-bottom:40px; font-size: 16px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; font-size: 16px; }

.article .pc_content{}
.article .sj_content{display: none;}
@media only screen and (max-width:1200px) {
    .article .pc_content{display: none;}
    .article .sj_content{display: block;}
}
@media only screen and (max-width:750px) {
    .article { padding:20px 0; }
}

/* 头部新闻 */
.hotNews { margin-bottom:30px; background:#848484; overflow:hidden; }
.hotNews .pic { float:left; width:390px; height:250px; margin-right:5px; }
.hotNews .pic img { width:100%; height:100%; }
.hotNews dl { display:block; overflow:hidden; zoom:1; padding:25px 20px 0 15px; line-height:22px; }
.hotNews dl dt { margin-bottom:13px; padding-left:10px; background: url(../images/o_ico_05.jpg) no-repeat 0 13px; color:#fff; font-size:14px; line-height:30px; }
.hotNews dl dt a { color:#fff; }
.hotNews dl dt a:hover { color:#000; }
.hotNews dl .i { min-height:110px; padding-bottom:10px; padding-left:10px; color:#eee; }
.hotNews dl .m { width:84px; height:24px; margin-left:10px; background:#fff; line-height:24px; text-align:center; }
.hotNews dl .m a { display:block; color:#333; }
.hotNews dl .m a:hover { background:#666; color:#fff; }

/* 新闻列表 */
.news { padding:0 0 40px; }
.newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }
.newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }
.list { padding:0 0 40px; }
.list li { padding:9px 0; border-bottom:1px dashed #e0e0e0; background: url(../images/o_ico_18.gif) no-repeat 2px 17px; font-size:14px; line-height:20px; clear:both; }
.list li span { float:right; color:#999; font-size:14px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }

/* 图文新闻 */
.pothoItem { margin-top:115px; padding-bottom: 88px; }
.pothoItem .item { float:left; width:32%; margin-right:2%; }
.pothoItem .item:nth-child(3n){ margin-right:0; }
.pothoItem .item .pic { width:100%; overflow:hidden; }
.pothoItem .item .pic img { width:100%; transition:All 0.4s linear; -webkit-transition:All 0.4s linear; -moz-transition:All 0.4s linear; -o-transition:All 0.4s linear; max-height: 288px;}
.pothoItem .item .pic:hover img {transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:16px 0 98px; line-height:24px; }
.pothoItem .item dl dt { margin-bottom: 8px; font-size:18px; color:#333; line-height:36px; height:36px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.pothoItem .item dl .d,
.pothoItem .item dl .m { display:none; }
.pothoItem .item dl .i { font-size:14px; color:rgba(51,51,51,0.8); line-height:30px; height:30px; margin:0; transition:all 0.3s linear; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.pothoItem .item dl .t { margin-top:56px; transition:all 0.3s linear }
.pothoItem .item dl .t a { display:inline-block; vertical-align:top; text-align:left; width:124px; height:38px; border-radius:19px; border:1px  solid #9c9c9c; line-height:36px; padding-left:21px; font-size:14px; background: url(../images/g_45.png) 94px center no-repeat transparent; color:rgb(51 51 51/0.8) }
.pothoItem .item:hover dl dt a { color: #489c4e; }
.pothoItem .item:hover dl .t a { border:1px  solid #489c4e; background: url(../images/../images/g_46.png) 94px center no-repeat #489c4e; color: #fff; }

@media only screen and (max-width:1280px) {
    .pothoItem { margin-top:80px; padding-bottom: 60px; }
    .pothoItem .item dl { padding:16px 0 60px; }
    .pothoItem .item dl .t { margin-top:28px;}
}
@media only screen and (max-width:1024px) {
    .pothoItem { margin-top:40px; padding-bottom: 30px; }
    .pothoItem .item dl { padding:16px 0 30px; }
    .pothoItem .item dl .t { margin-top:28px;}
}
@media only screen and (max-width:750px) {
    .pothoItem { margin-top:15px; padding-bottom: 15px; }
    .pothoItem .item { width:49%; }
    .pothoItem .item:nth-child(3n){ margin-right:2%; }
    .pothoItem .item:nth-child(2n){ margin-right:0; }
    .pothoItem .item dl { padding:8px 0 15px; }
    .pothoItem .item dl dt { margin-bottom: 0; font-size:16px; }
    .pothoItem .item dl .t { display: none; }
}

/* 图片列表 */
.pic-item-list { margin:0 0 20px; }
.pic-item-list .pic-item { display:block; float:left; width:130px; margin-bottom:10px; padding:0; }
.pic-item-list .list-pic { display:block; width:100px; height:100px; margin:0 auto; padding:4px; border:1px solid #919090; line-height:100px; text-align:center; }
.pic-item-list dl { padding:0 5px; line-height:26px; text-align:center; }
.piList { padding:0 0 20px; overflow:hidden; }
.piList .pic-item-list { width:1028px; margin:0 auto; padding:0; }
.piList .pic-item { position:relative; width:230px; margin:0 27px 23px 0; padding:0; display:inline; }
.piList .list-pic { display:block; width:230px; height:172px; margin-bottom:0; padding:0; border:0; line-height:148px; }
.piList .list-pic img { width:230px; height:172px; }
.piList dl { padding:4px 5px; line-height:20px; }
.piList dl dt { height:30px; font-size:14px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

/* 分页 */
.page { padding:0 0 53px; line-height:46px; text-align:center; }
.page span { display: inline-block; }
.page a { display:inline-block; width: 46px; margin:0 6px; padding:0; border-radius: 46px; border:1px solid #ccc; background:#fff; color:#333; font-size: 14px; font-family:'宋体'; text-align: center; vertical-align:top; }
.page a:hover,.page .page-num-current { border:1px solid #489c4e; background:#489c4e; color:#fff; }

@media only screen and (max-width:1280px) {
	.page { padding:0 0 42px; }
}
@media only screen and (max-width:1024px) {
    .page { padding:0 0 32px; }
}
@media only screen and (max-width:750px) {
    .page { padding:0 0 15px; line-height:30px; }
    .page a { width: auto; min-width: 32px; margin:0 1px; padding:0 3px; }
}

/* 人才招聘 */
.hrTop { padding:0 0 30px; border-bottom:1px solid #ddd; }
.hrTop li { padding-left:16px; background: url(../images/ico_05.gif) no-repeat 0 8px; font-weight:bold; line-height:24px; }
.hrTable .hrTableTh { height:32px; background:#666; color:#fff; }
.hrTable th { color:#fff; font-weight:normal; }
.hrTable td { padding:0 8px; }
.hrTable .bg td { background:#eee; }
.hr { position:relative; padding:0 0 40px; }
.hr h3 { padding-left:0; border-bottom:1px dotted #ccc; color:#0063be; font-size:20px; line-height:55px; }
.hr h3 s { float:right; width:20px; height:20px; margin-top:17px; cursor:pointer; }
.hr h3 .off { background: url(../images/hr_down.gif) no-repeat center; }
.hr h3 .on { background: url(../images/hr_up.gif) no-repeat center; }
.hrItem { margin-bottom:5px; }
.hrItem .title { border-bottom:1px dotted #ccc; color:#999; font-weight:bold; line-height:36px; }
.hrItem .title span { float:right; font-weight:100; }
.hrItem .title span a { color:#88000c; }
.hrItem .con { margin-bottom:10px; padding:15px 0; line-height:24px; }
.hrItem .con h4 { font-size:14px; line-height:36px; }
.hrItem .apply { width:95px; height:25px; padding:0; background:#01286f; color:#fff; line-height:25px; text-align:center; }
.hrItem .apply a { color:#fff; }
.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }
.hr-list .title { padding:0; color:#0063be; font-weight:bold; line-height:20px; }
.hr-list .title span { float:right; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; }
.hr-list .apply { height:24px; line-height:24px; text-align:right; }

/* 新闻列表 */
.message { padding:0 0 30px; }
.message-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #ddd; }
.message-list .m-title { padding:0; color:#0063be; font-size:16px; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#01286f; font-size:14px; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* 人才招聘 */
.form-panel { padding: 30px 10%;}
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:60px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555;width: 60%; }
.form-panel .textarea { width: 80%; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .submit-field { padding: 0 8% 2% 20%; _padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width: 25%;
height: 58px;border:none; background:#666; color:#fff; cursor:pointer; }

/* 产品详细页 */
.m-detail { margin-bottom:30px; }
.m-detail .m-property { float:left; width:100%; }
.m-detail .property { margin-left:350px; }
.m-detail .property h1 { font-weight:100; font-size:18px; line-height:34px; }
.m-detail .property .m-i-a { margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px; }
.m-detail .gallery { position:relative; float:left; width:350px; margin-left:-100%; }
.m-detail .gallery .bigPic { width:300px; height:224px; }
.product-detail { margin-bottom:30px; border:1px solid #e5e5e5; }
.product-detail .hd { height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6; }
.product-detail .hd h2 { float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #0058af; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center; }
.product-detail .bd { padding:25px; line-height:28px; font-size:14px; }


.picNews { margin-top:115px; padding-bottom:0 }
.picNews .picNews01 { margin:0 auto}
.picNews .picNews01 .swiper_a01 { width:100%; overflow:hidden}
.picNews .picNews01 .swiper_a01 .swiper-slide { width:30%; margin-right:2%; float:left; min-height:466px;}
/*.picNews .picNews01 .swiper_a01 .swiper-slide:last-child{ margin-right:0}*/
.picNews .picNews01 .swiper_a01 .swiper-slide .pic{ width:100%; overflow:hidden}
.picNews .picNews01 .swiper_a01 .swiper-slide .pic img{ width:100%;max-height: 288px;}
.picNews .picNews01 .swiper_a01 .swiper-slide .title { height:176px; position:relative; background:#f9f9f9; }
.picNews .picNews01 .swiper_a01 .swiper-slide .title .m { width: 100%; height:176px; padding:16px 20px; position:absolute; bottom:0; left:0; background:#f9f9f9; transition:all 0.3s linear}
.picNews .picNews01 .swiper_a01 .swiper-slide .title .m .t { margin-bottom: 10px; font-size:18px; color:#333; line-height:36px; height:36px; text-align: center; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.picNews .picNews01 .swiper_a01 .swiper-slide .title .m .t a { color:#333; }
.picNews .picNews01 .swiper_a01 .swiper-slide .title .m .intro{ font-size:14px; color:rgba(51,51,51,0.7); line-height:30px; height:30px; margin:0 0; transition:all 0.3s linear; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.picNews .picNews01 .swiper_a01 .swiper-slide .title .m .time { font-size:14px; color:#87c121; margin-top:9px; }
.picNews .picNews01 .swiper_a01 .swiper-slide .title .more { text-align:center; margin-top:23px; transition:all 0.3s linear }
.picNews .picNews01 .swiper_a01 .swiper-slide .title .more a { display:inline-block; vertical-align:top; text-align:left; width:124px; height:38px; border-radius:19px; border:1px  solid #9c9c9c; line-height:36px; padding-left:21px; font-size:14px; background: url(../images/g_45.png) 94px center no-repeat transparent; color:rgb(51 51 51/0.8)}
.picNews .picNews01 .swiper_a01 .swiper-slide:hover .title .m { height:282px; padding-top: 52px; }
.picNews .picNews01 .swiper_a01 .swiper-slide:hover .title .more { margin-top:59px; }
.picNews .picNews01 .swiper_a01 .swiper-slide:hover .title .more a { border:1px  solid #489c4e; background: url(../images/../images/g_46.png) 94px center no-repeat #489c4e; color: #fff; }

.picNews .picNews02 { margin:0; padding-bottom:124px}
.picNews .picNews02 .item { position: relative; margin-top:57px; padding: 30px 35px 70px 21px; background:#f9f9f9; overflow: hidden; }
.picNews .picNews02 .item::after { position: absolute; left: 21px; right: 35px; bottom: 30px; border-bottom:1px solid #ebebeb;  content: '';}
.picNews .picNews02 .item .pic { position: relative; float: left; width:200px; margin:0 -230px 0 0; }
.picNews .picNews02 .item .pic img { width:100%; }
.picNews .picNews02 .item .time { float: right; width:170px; margin:17px 0 0 -200px; font-size:24px; color:rgba(51,51,51,0.8); text-align: right; line-height: 40px; }
.picNews .picNews02 .item .con { float:left;width:100%; }
.picNews .picNews02 .item .con .title { position: relative; top: 0; display: block; overflow: hidden; margin:0 200px 0 230px; transition:all 0.3s linear; }
.picNews .picNews02 .item .con .title h3 { font-size:18px; color:#333; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; line-height: 55px; }
.picNews .picNews02 .item .con .title .intro { font-size:14px; color:rgba(51,51,51,0.6); line-height:30px; height:60px; overflow:hidden; margin-top:5px; }
.picNews .picNews02 .item .con .title .t { display:none }

.picNews .picNews02 .item:hover .con .title { top: -15px; }

/* .picNews .picNews02{ width:1600px; margin:0 auto}
.picNews .picNews02 .item{ width:100%; margin-top:50px; background:#fff; box-sizing:border-box; padding:30px 20px}
.picNews .picNews02 .item .con{ width:100%; border-bottom:1px solid #ebebeb; padding-bottom:30px}
.picNews .picNews02 .item .con .pic{ width:200px; float:left}
.picNews .picNews02 .item .con .pic img{ width:100%}
.picNews .picNews02 .item .con .time{ font-size:24px; color:rgba(51,51,51,0.8); float:right}
.picNews .picNews02 .item .con .title{ width:calc(100% - 365px); float:left; box-sizing:border-box; padding:0 35px}
.picNews .picNews02 .item .con .title h3{ font-size:16px; color:#333333; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:15px}
.picNews .picNews02 .item .con .title h3 a{ color:#333}
.picNews .picNews02 .item .con .title .intro{ font-size:12px; color:rgba(51,51,51,0.6); line-height:30px; height:60px; overflow:hidden; margin-top:20px}
.picNews .picNews02 .item .con .title .t{ font-size:0} */

.picNews .picNews02-nopic .item .con .title { margin:0 200px 0 20px; }



@media only screen and (max-width:1280px) {
    .picNews { margin-top:80px; }
    .picNews .picNews02 { padding-bottom: 30px; }
    .picNews .picNews02 .item { margin-top: 30px; }
}
@media only screen and (max-width:1024px) {
    .picNews { margin-top:40px; }
    .picNews .picNews02 .item .time { display: none; }
    .picNews .picNews02 .item .con .title { margin-right:0; }
}
@media only screen and (max-width:750px) {
    .picNews { margin-top:15px; }
    .picNews .picNews01 .swiper_a01 .swiper-wrapper { flex-wrap: wrap; }
    .picNews .picNews01 .swiper_a01 .swiper-slide { width:100%; margin-right:0; }
    .picNews .picNews01 .swiper_a01 .swiper-slide:hover .title .m { height:176px; padding-top: 16px; }
    .picNews .picNews01 .swiper_a01 .swiper-slide:hover .title .more { margin-top:23px; }
    .picNews .picNews02 { padding-bottom: 15px; }
    .picNews .picNews02 .item { margin-top: 15px; padding: 15px; }
    .picNews .picNews02 .item::after { content: none; }
    .picNews .picNews02 .item .pic { float: none; width:100%; margin:0; }
    .picNews .picNews02 .item .time { float: none; width:auto; margin:0; font-size:14px; text-align: left; line-height:24px; }
    .picNews .picNews02 .item .con { float:none; padding: 16px 0;  }
    .picNews .picNews02 .item .con .title { margin:0; }
    .picNews .picNews02 .item .con .title h3 { font-size:16px; line-height:30px; }
}
@media (max-width:1600px) {
    .picNews .picNews02{ width:1200px;}
}
@media (max-width:1200px) {
    .picNews .picNews02{ width:100%}
    .picNews .picNews02 .item .con .title { padding:0; }
    .picNews .picNews02 .item .con .time{ display:none}
    .picNews .picNews02 .item .con .title .t{ font-size:14px; color:#333}
    .picNews .picNews02 .item .con .title .intro{ line-height:25px; height:50px; margin-top:15px; margin-bottom:15px}
}
@media (max-width:640px) {
    .picNews .picNews02 .item{ margin-top:25px; padding:15px}
    .picNews .picNews02 .item .con{ padding-bottom:15px}
    .picNews .picNews02 .item .con .pic{ width:140px}
    .picNews .picNews02 .item .con .title{ padding-left:0}
    .picNews .picNews02 .item .con .title h3{ font-size:14px; margin-top:6px}
    .picNews .picNews02 .item .con .title .intro{ font-size:14px; margin:8px 0; line-height:20px; height:40px; overflow:hidden}
}
.solution { margin-top: 115px; }
.solution .item { position:relative; margin-bottom: 134px; overflow: hidden; }
.solution .item .pic { float: left; width:50%; padding-right: 2.5%; }
.solution .item .pic img{ width:100%; }
.solution .item .title { display: block; overflow: hidden; padding:23px 50px 0 1.8%; }
.solution .item .title h4 { position:relative; font-size:18px; line-height:50px; font-weight: normal; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.solution .item .title h4::after { content:""; display:block; width:1px; height:33px; background:#489c4e; }
.solution .item .title h3 { font-size:26px; position:relative; margin-bottom: 20px; font-weight: normal; line-height:55px; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; }
.solution .item .title .intro { font-size:16px; line-height:30px; height:120px; text-align: justify; overflow: hidden; }
.solution .item .title .more { margin-top: 38px; }
.solution .item .title .more a { display:inline-block; vertical-align:top; text-align:left; width:124px; height:38px; border-radius:19px; border:1px solid #9c9c9c; line-height:36px; padding-left:22px; font-size:14px; color:#333; background: url(../images/g_46.png) 94px center no-repeat #005aad; border:1px solid #005aad; color:#fff}
.solution .item:nth-child(2n) .pic { float: right; padding-left: 2.5%; padding-right: 0; }

@media only screen and (max-width:1280px) {
}
@media only screen and (max-width:750px) {
    .solution { margin-top:15px; }
    .solution .item { position:relative; margin-bottom: 15px; overflow: hidden; }
    .solution .item .pic { float: none; width:100%; padding-right:0; }
    .solution .item .title { padding:15px 0; text-align: center; }
    .solution .item .title h4 { font-size:14px; line-height:30px; }
    .solution .item .title h4::after { height:23px; content: none; }
    .solution .item .title h3 { font-size:20px; margin-bottom: 10px; line-height:35px; }
    .solution .item .title .intro { font-size:14px; opacity: .7; line-height:24px; height:auto; }
    .solution .item .title .more { margin-top:15px; }
    .solution .item:nth-child(2n) .pic { float: none; padding-left: 0; padding-right: 0; }
}



/* .picNews .picNews01 { margin:0 auto}
.picNews .picNews01 .swiper_a01 { width:100%; overflow:hidden}
.picNews .picNews01 .swiper_a01 .swiper-slide { width:32%; margin-right:2%; float:left}
.picNews .picNews01 .swiper_a01 .swiper-slide:last-child{ margin-right:0}
.picNews .picNews01 .swiper_a01 .swiper-slide .pic{ width:100%; overflow:hidden}
.picNews .picNews01 .swiper_a01 .swiper-slide .pic img{ width:100%}
.picNews .picNews01 .swiper_a01 .swiper-slide .title { height:176px; position:relative; background:#f9f9f9; }
.picNews .picNews01 .swiper_a01 .swiper-slide .title .m { padding:16px 20px; width: 100%; height:176px; position:absolute; bottom:0; left:0; background:#f9f9f9; transition:all 0.3s linear}
.picNews .picNews01 .swiper_a01 .swiper-slide .title .m .t { margin-bottom: 10px; font-size:18px; color:#333; line-height:36px; height:36px; text-align: center; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.picNews .picNews01 .swiper_a01 .swiper-slide .title .m .t a { color:#333; }
.picNews .picNews01 .swiper_a01 .swiper-slide .title .m .intro{ font-size:14px; color:rgba(51,51,51,0.7); line-height:30px; height:30px; margin:0 0; transition:all 0.3s linear; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.picNews .picNews01 .swiper_a01 .swiper-slide .title .m .time { font-size:14px; color:#87c121; margin-top:9px; }
.picNews .picNews01 .swiper_a01 .swiper-slide .title .more { text-align:center; margin-top:23px; transition:all 0.3s linear }
.picNews .picNews01 .swiper_a01 .swiper-slide .title .more a { display:inline-block; vertical-align:top; text-align:left; width:124px; height:38px; border-radius:19px; border:1px  solid #9c9c9c; line-height:36px; padding-left:21px; font-size:14px; background: url(../images/g_45.png) 94px center no-repeat transparent; color:rgb(51 51 51/0.8)}
.picNews .picNews01 .swiper_a01 .swiper-slide:hover .title .m { height:282px; padding-top: 52px; }
.picNews .picNews01 .swiper_a01 .swiper-slide:hover .title .more { margin-top:59px; }
.picNews .picNews01 .swiper_a01 .swiper-slide:hover .title .more a { border:1px  solid #489c4e; background: url(../images/g_46.png) 94px center no-repeat #489c4e; color: #fff; } */

.m-about-title .hd { margin-bottom: 54px; }
.m-about-title .hd h2 { position: relative; font-size: 26px; font-weight: normal; line-height: 64px; text-align: center; }
.m-about-title .hd h2::after { position: absolute; left: 50%; bottom: 0; width: 200px; height: 1px; background-color: #e5e5e5; transform: translate(-50%, 0); content: ''; }
.m-about-title .hd h2::before { position: absolute; left: 50%; bottom: 0; width: 17px; height: 1px; background-color: #fff; transform: translate(-50%, 0); content: ''; z-index: 1; }

.m-about-a { padding: 25px 0 90px; }
.m-about-a .hd { margin-bottom: 94px; }
.about-info { width: 50%; }
.about-info .info { margin-bottom: 89px; }
.about-info .info h3 { margin-bottom: 27px; font-size:26px; line-height:53px; height:53px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.about-info .info .txt { margin-bottom: 73px; font-size:14px; line-height:28px; /*text-align: justify; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp:4; -webkit-box-orient: vertical;*/ }
.about-info .info .more { transition:all 0.3s linear }
.about-info .info .more a { display:inline-block; vertical-align:top; text-align:left; width:124px; height:38px; border-radius:19px; border:1px solid #9c9c9c; line-height:36px; padding-left:22px; font-size:14px; color:#333; background: url(../images/g_46.png) 94px center no-repeat #005aad; border:1px solid #005aad; color:#fff; }
.about-info li { float: left; width: 50%; margin-bottom: 60px; }
.about-info li p { float: left; width: 80px; color: #444; font-size: 60px; font-family: Impact; line-height: 75px; text-align: center; }
.about-info li .txt { display: block; overflow: hidden; }
.about-info li .txt h4 { padding: 10px 0; font-weight: normal; font-size: 16px; line-height: 18px; }
.about-info li .txt div { opacity: .8; }
.about-video { width: 43%; }
.about-video img { width: 100%; height: auto; }


@media only screen and (max-width:1280px) {
    .about-info { float: none; width: 100%; }
    .about-video { float: none; width: 100%; }s
}
@media only screen and (max-width:750px) {
    .m-about-title .hd h2 { font-size: 20px; line-height: 45px; }
    .m-about-title .hd h2::after { width:100px; }
    .m-about-a { padding: 15px; }
    .m-about-a .hd { margin-bottom: 15px; }
    .about-info { float: none; width: 100%; }
    .about-info .info { margin-bottom: 25px; text-align: center; }
    .about-info .info h3 { margin-bottom: 0; font-size:20px; line-height:45px; height:45px; }
    .about-info .info .txt { margin-bottom: 15px; text-align: left; }
    .about-info li { float: left; width: 100%;margin-bottom: 25px; }
    .about-info li p { width: 105px; }
    .about-video { float: none; width: 100%; }
}

.m-about-b { padding: 63px 0 41px; background: url(about/about_b.jpg) no-repeat center top #0b4c8c; background-size: cover; color: #fff; }
.m-about-b .hd { margin-bottom: 64px; }
.m-about-b .hd h2 { color: #fff; }
.m-about-b .hd h2::after { background-color: #3f89cb; }
.m-about-b .hd h2::before { background-color: #2a7cc5; }

.m-about-b .bd { position: relative; }
.m-about-b .button { position: absolute; bottom:-5px; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 100px; text-align: center; cursor: pointer; }
.m-about-b .prev {left: 50%;background: url(about/case_prev.png) no-repeat center;margin-left: -330px;}
.m-about-b .next { right: 50%; background: url(about/case_next.png) no-repeat center; margin-right: -330px;}

.slide_wrap  { overflow: hidden; position: relative; width: 575px; margin: 0 auto; text-align: center; }
.slide_wrap ul { position: relative; left: 0px; }

.slide_items li { position: relative; float: left; width: 115px; font-size: 18px; text-align: center; vertical-align: top; opacity: .32; }
.slide_items li a { display: block; color: #fff; }
.slide_items li.on { opacity: 1; }
.slide_items li.on::after { position: absolute; left: 50%; bottom: 0; width: 40px; height: 2px; background-color: #fff; transform: translate(-50%, 0); content: ''; z-index: 1; }

.slide-content { height: 426px; }
.slide-content h3 { margin-bottom: 46px; line-height: 80px; font-size: 40px; text-align: center; }
.slide-content li { text-align: center; }
.slide-content .con { height: 250px; overflow-y: auto; }
.slide-content .con dl { position: relative; overflow: hidden; width: 924px; margin: 0 auto; padding-bottom: 28px; }
.slide-content .con dl::before { position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background-color: #fff; transform: translate(-50%, 0); content: ''; }
.slide-content .con dl::after { position: absolute; left: 50%; top: 11px; width: 7px; height: 7px; border-radius: 7px; background-color: #fff; transform: translate(-50%, 0); content: ''; } 
.slide-content .con dl dt {min-height: 5px; float: left; width: 462px; padding-right: 20px; font-size: 18px; text-align: right; line-height: 26px; }
.slide-content .con dl dd { display: block; overflow: hidden; padding-left: 20px; line-height: 26px; font-size: 14px; text-align: left; opacity: .7; }

::-webkit-scrollbar-thumb{min-height:50px;border-radius:5px;background-color:#2e6fad}
::-webkit-scrollbar-track{background:#fff;border-radius:5px;}
::-webkit-scrollbar-corner{background:transparent}
::-webkit-scrollbar{width:7px;height:7px}

.slide-content ul { display: none; }
.slide-content ul.on { display: block; }
.slide_wrap_hd { position: relative; height: 74px; font-size: 14px; line-height: 74px; text-align: center; }
.slide_wrap_hd::after { position: absolute; top: 0; left: 50%; width: 2px; height: 18px; background-color: #fff; transform: translate(-50%, 0); content: ''; }

@media only screen and (max-width:750px) {
    .m-about-b { padding: 30px 15px; }
    .m-about-b .hd { margin-bottom: 25px; }
    .slide_wrap  { width: 300px; }
    .slide_items li { width: 60px; font-size: 14px; line-height: 26px; }
    .slide-content .con { padding: 0 15px; }
    .slide-content .con dl { width: 100%; padding-bottom: 12px; }
    .slide-content .con dl::before { left: 63px; background-color: #fff; transform: translate(0, 0); }
    .slide-content .con dl::after { left: 60px; transform: translate(0, 0); } 
    .slide-content .con dl dt { width: 60px; padding-right: 20px; font-size: 14px; }
    .m-about-b .button { width: 30px; height: 30px; }
    .m-about-b .prev {left: 0; margin-left: 0;}
    .m-about-b .next { right: 0; margin-right:0;}
}



.m-about-c { padding: 68px 0 198px; background: url(about/about_c.jpg) no-repeat center bottom #fff; background-size: cover; }
.m-about-c .bd { margin-bottom: 126px; font-size: 16px; line-height: 34px; text-align: center; }
.m-about-c .ft.more { text-align: center; }
.m-about-c .ft.more a { display:inline-block; vertical-align:top; text-align:left; width:124px; height:38px; border-radius:19px; border:1px solid #9c9c9c; line-height:36px; padding-left:22px; font-size:14px; color:#333; background: url(../images/g_46.png) 94px center no-repeat #005aad; border:1px solid #005aad; color:#fff}


@media only screen and (max-width:750px) {
    .m-about-c { padding: 30px 15px; }
    .m-about-c .hd { margin-bottom: 25px; }
    .m-about-c .bd { margin-bottom: 25px; }
}

.m-about-d { padding: 50px 0 90px; background: url(about/about_d.jpg) no-repeat center top #f5f7fa; background-size: cover; }
.m-about-d .swiper-container { padding-bottom: 80px; }

.m-about-d .swiper-container .swiper-slide .rp { display: block; padding: 20px 20px 0; background-color: #fff;box-sizing: border-box; }
.m-about-d .swiper-container .swiper-slide .pic { width: 100%; padding-bottom: 20px; overflow: hidden; }
.m-about-d .swiper-container .swiper-slide .pic img { width: 100%; height: auto;max-width: 100% }
.m-about-d .swiper-container .swiper-slide .txt { padding-right: 20px; border-top:2px solid #f6f6f6; background: url(about/1.png) no-repeat right center; font-size: 14px; line-height: 56px; text-overflow: ellipsis; overflow: hidden;white-space: nowrap; }
.m-about-d .swiper-container .swiper-pagination { position: absolute; top: auto; bottom: 100px; display: none; }
.m-about-d .swiper-container .swiper-button-white { position: absolute; top: auto; bottom: 0; display:inline-block; width:75px; height:69px; line-height:69px; vertical-align: top; }
.m-about-d .swiper-container .prev { left: 50%; margin-left: -80px; background: url(../images/about/about_prev.jpg) no-repeat center; background-size: contain; }
.m-about-d .swiper-container .next { right: 50%; margin-right: -80px; background: url(../images/about/about_next.jpg) no-repeat center; background-size: contain; }

@media only screen and (max-width:750px) {
    .m-about-d { padding: 30px 15px; }
    .m-about-d .hd { margin-bottom: 25px; }
    .m-about-d .swiper-container { padding-bottom: 68px; }
    .m-about-d .swiper-container .swiper-pagination { display: block; bottom: 10px; }
    .m-about-d .swiper-container .swiper-button-white { display: none; }
}


.m-about-e { padding: 70px 0 90px; background: url(about/about_e.jpg) no-repeat center top #1870c5; background-size: cover; color: #fff; }
.m-about-e .hd h2 { color: #fff; }
.m-about-e .hd h2::after { background-color: #3f89cb; }
.m-about-e .hd h2::before { background-color: #2a7cc5; }

.lott { width: 50%; padding-top: 104px; }
.lott .num { float: left; margin-right: 40px; font-size: 80px; font-family: Impact; line-height: 81px; }
.lott .num em { display: inline-block; margin-left: 8px; font-size:26px; line-height: 25px; vertical-align: top; }
.lott .txt { display: block; overflow: hidden; font-size: 16px; line-height: 32px; }
.map { width: 50%; }
.map img { width: 100%; height: auto; }

@media only screen and (max-width:750px) {
    .m-about-e { padding: 15px 15px; }
    .lott { float: none; width: 100%; padding-top: 0; }
    .lott .num { float: none; margin-right: 0; font-size: 40px; line-height: 50px; text-align: center; }
    .lott .num em { font-size:16px; line-height: 25px; }
    .lott .txt { margin-top: 20px; font-size: 14px; line-height: 30px; text-align: center; }
    .map { float: none; width: 100%; }
}


.addmore{ margin-top:20px; text-align: center; }
.addmore a { display:inline-block; vertical-align:top; text-align:left; width:124px; height:38px; border-radius:19px; border:1px  solid #9c9c9c; line-height:36px; padding-left:21px; font-size:14px; background: url(../images/g_45.png) 94px center no-repeat transparent; color:rgb(51 51 51/0.8) }
.addmore a:hover{ border:1px  solid #489c4e; background: url(../images/g_46.png) 94px center no-repeat #489c4e; color: #fff; }