﻿@charset "utf-8";
body { min-width: 1200px; width: 100%; }
/*产品中心*/
.cp_bt { font-size: 30px; color: #333; text-align: center; line-height: 36px; padding: 60px 0 0; height: 80px; overflow: hidden; }
.cp_bt a { font-size: 30px; color: #333; }
.cp_bt span { display: block; font-size: 20px; color: #666; font-weight: normal; padding: 10px 0 0; }
.cp_tit { overflow: hidden; }
.cp_ul01 li { float: left; padding: 0 0 0 25px; width: 540px; }
.cp_ul01 li a { display: block; font-size: 20px; color: #fff; font-weight: bold; width: 540px; height: 54px; line-height: 54px; background: url(../images/cp_ico01.png) no-repeat 0 17px; padding: 0 0 0 40px; }
.cp_ul01 .cp_ul02 li { width: 108px; padding: 0; }
.cp_ul01 .cp_ul02 li a { font-size: 14px; color: #bcc5cf; font-weight: normal; background: url(../images/cp_ico02.png) no-repeat 0 15px; padding: 0 0 0 18px; width: 90px; height: 38px; line-height: 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cp_ul01 .cp_ul02 li a:hover { background: url(../images/cp_ico03.png) no-repeat 0 15px; color: #fff; }
.cp_ul01 li.nobor { width: 324px; padding: 0 0 0 60px; }
.cp_more { position: absolute; top: 70px; right: 0; width: 225px; }
.cp_more b { display: block; font-size: 16px; color: #fff; width: 70px; height: 80px; }
.cp_more em { display: block; width: 86px; height: 24px; text-align: center; line-height: 24px; font-size: 14px; color: #0E58A6; background: #fff; overflow: hidden; border-radius: 20px; -webkit-transition: all .3s; transition: all .3s; }
.cp_more a:hover em { box-shadow: 0 2px 3px 0 #bcc5cf; z-index: 2; -webkit-transform: translate(0, -2px); -webkit-transform: translate(0, -2px) }
.cp_m { padding: 35px 0; position: relative; }
.cp_m p { width: 80px; height: 80px; position: absolute; top: 291px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; border-radius: 50%; z-index: 30; }
.cp_lico { left: -100px; }
.cp_rico { right: -100px; }
.cp_m ul { float: left; }
.cp_m ul li { width: 276px; margin-right: 32px; }
.cp_m ul li em { width: 274px; height: 274px; border: 1px solid #CCCCCC; display: block; line-height: 0; overflow: hidden; text-align: center; margin-bottom: 15px; -webkit-transition: all .3s; transition: all .3s; background:#FFFFFF; }
.cp_m ul li em img { vertical-align: middle; max-width: 274px; max-height: 274px; _width: expression((this.offsetWidth > 274) ? "274px" : this.offsetWidth + "px" );
_height: expression((this.offsetHeight > 274) ? "274px" : this.offsetHeight + "px" );
}
.cp_m ul li em i { display: inline-block; height: 100%; width: 0; vertical-align: middle; }
.pinz dl dd span img, .ys_pic img, .jz dl dt span img, .news dt img { width: 374px; height: 260px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s; }
.pinz dl dd span img:hover, .ys_pic img:hover, .jz dl dt span img:hover, .news dt img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.cp_m ul li span { display: block; text-align: center; height: 40px; line-height: 25px; font-size: 14px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cp_m ul li a:hover span { color: #0E58A6; }
.cp_m ul li a:hover em, .cp_m p:hover { box-shadow: 0 10px 15px 0 #bbb; z-index: 2; -webkit-transform: translate(0, -0px); -webkit-transform: translate(0, -0px) }
/*品质*/
.pinz_bg { background: url(../images/pinz_gb.jpg) no-repeat center 0; height: 526px; overflow: hidden; padding-top: 140px; }
.pinz dl { width: 225px; float: left; padding-right: 50px; padding-left: 50px; background: url(../images/pinz_line.gif) no-repeat 0 206px; padding-top: 198px; }
.pinz dl dt { overflow: hidden; }
.pinz dl dt em { display: block; line-height: 0; text-align: center; }
.pinz dl dt em img { -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out; }
.pinz dl dt:hover img { -webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg); }
.pinz dl dd { padding: 30px 0 0; color: #666666; text-align: center; }
.pinz dl dd span { display: block; overflow: hidden; color: #000000; line-height: 40px; font-size:20px; font-weight:bold; }
.pinz dl dd p { color: #555; line-height: 20px; overflow: hidden; font-size: 16px; }
.pinz .nobor01 { padding-left: 0; background: none; }
.pinz .nobor02 { padding-right: 0; }
/*优势*/
/*.ys{padding: 0 0 40px;position: relative;}
.ys .cp_bt{padding: 30px 0 0;height: 154px;}
.ys dl{width: 337px;height: 370px;float: left;background: #f7f7f7;position: relative;padding: 50px 0 0 40px;-webkit-transition:all .3s;transition:all .3s;position: relative;margin-right: 34px;margin-bottom: 30px;}
.ys dl dt{font-size: 24px;color: #333;line-height: 36px;}
.ys dl dt em{display: block;height: 70px;}
.ys dl dt em img{width: 60px;height: 60px;}
.ys dl dt span{display: block;font-size: 20px;color: #0E58A6;}
.ys dl dd{width: 275px;padding: 25px 0 0;}
.ys dl dd p{font-size: 14px;color: #666;line-height: 24px;padding: 5px 0 0;}
.ys dl dd span{font-family: Georgia;font-size: 52px;color: #e3e3e3;position: absolute;bottom: 40px;right: 30px;}
.ys dl.on,.jz dl dd span a:hover{box-shadow:0 8px 10px 0 #ccc;z-index:2;-webkit-transform:translate(0,-2px);-webkit-transform:translate(0,-2px)}
.ys_t dl:first-child{margin-right: 820px;}
.ys .nobor{margin-right: 0;}
.ys_m{position: absolute;top: 184px;right: 0;width: 789px;height: 420px;overflow: hidden;line-height: 0;}
.ys_pic{width: 789px;height: 420px;float: left;overflow: hidden;line-height: 0;}
.ys_pic img{width: 789px;height: 420px;}*/

/*荣誉资质*/
.honor_bgw { background: url(../images/honor_bgw.jpg) no-repeat center bottom; }
.honor_bg { background: url(../images/honor_bg.png) no-repeat center bottom; height: 770px; overflow: hidden; }
.honor .cp_bt, .about .cp_bt { padding: 54px 0 0; height: 120px; }
.honor .cp_bt a, .about .cp_bt a { color: #fff; }
.honor .cp_bt span, .about .cp_bt span { color: #d3d3d3; }
.honor_c { width: 215px; float: right; height: 360px; padding: 20px 60px 0 40px; background: #FFFFFF; margin-top: 80px; }
.honor_c ul li { height: 55px; line-height: 55px; overflow: hidden; }
.honor_c ul li a { font-size: 14px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 215px; }
.honor_c ul li a:hover { color: #0E58A6; }
.honor_c ul li b { font-size: 18px; padding: 0 10px 0 0; }
/*客户见证*/
.jzz { padding: 0 0 60px; position: relative; }
.jzz .cp_bt, .news_bg .cp_bt, .anli .cp_bt { padding: 57px 0 0; height: 120px; }
.jzz dl dt { position: relative; width: 690px; float: left; }
.jzz dl dt em { width: 240px; height: 450px; display: block; position: absolute; top: 0; left: 0; z-index: 20; }
.jzz dl dt em img { width: 240px; height: 450px; }
.jzz dl dt span { width: 600px; height: 450px; display: block; overflow: hidden; margin-left: 90px; }
.jzz dl dt span img { width: 600px; height: 450px; }
.jzz dl dd { width: 410px; float: right; padding: 40px 0 0; }
.jzz dl dd h5 { font-weight: normal; line-height: 52px; height: 130px; background: url(../images/jz_line.gif) no-repeat 5px 128px; }
.jzz dl dd h5 a { color: #1f1715; font-size: 34px; display: block; }
.jzz dl dd h5 a:hover { color: #0E58A6; }
.jzz .jz_desc { font-size: 14px; color: #9e9e9e; line-height: 28px; height: 112px; overflow: hidden; padding: 35px 0 0; }
.jzz dl dd span { display: block; width: 140px; padding: 60px 0 0; }
.jzz dl dd span a { display: block; font-size: 14px; color: #fff; width: 140px; text-align: center; height: 40px; line-height: 40px; background: #0E58A6; overflow: hidden; border-radius: 20px; -webkit-transition: all .3s; transition: all .3s; }
.jzz b { width: 50px; height: 50px; position: absolute; top: 577px; display: block; z-index: 50; }
.jzz b a { width: 50px; height: 50px; display: block; }
.jz_l a { background: url(../images/case_lico01.gif) no-repeat; }
.jz_l a:hover { background: url(../images/case_lico02.gif) no-repeat; }
.jz_r a { background: url(../images/case_rico01.gif) no-repeat; }
.jz_r a:hover { background: url(../images/case_rico02.gif) no-repeat; }
.jz_l { left: 640px; }
.jz_r { left: 691px; }
/*新闻中心*/
.news_bg { padding: 0 0 60px; background: #f7f7f7; overflow: hidden; }
.news { width: 580px; height: 400px; background: #fff; box-shadow: 0 3px 10px 3px #ddd; }
.news_t { height: 60px; line-height: 60px; overflow: hidden; border-bottom: #ebebeb 1px solid; }
.news_t em { float: left; width: 100px; height: 60px; display: block; line-height: 0; }
.news_t em img { width: 80px; height: 60px; }
.news_t a { font-size: 22px; color: #333; }
.news_t a:hover, .news_t a:hover i { color: #0f5bad; }
.news_t span { float: right; width: 85px; height: 60px; display: block; line-height: 16px; padding: 15px 0 0 15px; background: url(../images/news_line.gif) no-repeat 0 20px; }
.news_t span a { font-size: 12px; color: #2e2e2e; }
.news_t span i { color: #666; display: block; }
.news dl { width: 520px; padding: 30px 0 20px; margin: 0 auto; height: 126px; }
.news dt { width: 224px; height: 126px; overflow: hidden; float: left; }
.news dt img { width: 224px; height: 126px; }
.news dd { width: 260px; float: left; padding: 0 0 0 30px; }
.news dd span { display: block; font-size: 36px; color: #0E58A6; font-weight: bold; font-family: "Times New Roman", Times, serif; line-height: 40px; }
.news dd h3 { height: 30px; line-height: 30px; overflow: hidden; }
.news dd h3 a { font-size: 14px; color: #333; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.news dd h3 a:hover, .news ul li a:hover { color: #0E58A6; }
.news .news_desc { font-size: 14px; color: #757373; height: 40px; line-height: 20px; overflow: hidden; }
.news_c { width: 520px; margin: 0 auto; display: block; }
.news ul li { height: 45px; line-height: 45px; overflow: hidden; border-top: #c2c2c2 1px dotted; }
.news ul li a { font-size: 14px; color: #666; display: block; float: left; width: 420px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.news ul li span { display: block; float: right; font-size: 14px; color: #909090; width: 100px; text-align: right; }
.news ul li b { padding: 0 10px 0 0; }
/*友情链接*/
.f_link { height: 62px; line-height: 62px; overflow: hidden; background: #e3e3e3; }
.f_link b { display: block; float: left; font-size: 14px; color: #333; width: 80px; font-weight: normal; }
.f_link p { font-size: 14px; color: #333; float: left; width: 1120px; }
.f_link p a { font-size: 14px; color: #333; padding: 0 10px 0 0; }

/**/
@-webkit-keyframes shake {
 from, to {
-webkit-transform:translate3d(0, 0, 0);
}
 20%, 60% {
-webkit-transform:translate3d(-10px, 0, 0);
}
 40%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
}
}
 @keyframes shake {
 from, to {
transform:translate3d(0, 0, 0);
}
 20%, 60% {
transform:translate3d(-10px, 0, 0);
}
 40%, 80% {
transform:translate3d(10px, 0, 0);
}
}
/* 新闻中心 */
.news_list .hotnews { overflow: hidden; margin: 0; border-bottom: 3px solid #eff1f1; padding-bottom: 20px; margin-bottom: 20px; }
.news_list ul { margin-bottom: 30px; }
.news_list li { overflow: hidden; transition: all 200ms linear; }
.hotnews_img { width: 394px; }
.w806 { width: 806px; }
.hotnews .hotnews_con { padding: 20px 30px; }
.normal_news { background: #f9fafa; margin: 10px 0; }
.normal_news .news_con { padding: 20px; }
.normal_news .item_news_time { margin-top: 4px; }
.normal_news .item_news_title { width: 930px; }
.normal_news .news_con_info { margin: 0; }
.normal_news .new_par_l { width: 140px; }
.normal_news .new_par_r { width: 1020px; }
.normal_news:hover { background: #0E58A6; }
.normal_news:hover .item_news_time { color: #fff; }
.normal_news:hover .item_news_title { color: #fff; }
.normal_news:hover .item_news_content { color: #FFFFFF; }
.normal_news:hover .view_nums { color: #fefefe; }
.item_news_title { font-size: 20px; color: #46464b; font-weight: bold; margin: 0 0 20px 0; line-height: 1.4; }
.item_news_time { font-size: 22px; color: #0E58A6; font-weight: bold; margin: 20px 0; }
.item_news_content { font-size: 14px; color: #a2a5a8; line-height: 1.6; margin-top: 20px; }
/* 新闻详情 */
.news_con_title { font-size: 26px; color: #3d3d3d; }
.item_news_from { font-size: 15px; color: #3d3d3d; margin-left: 20px; vertical-align: middle; }
.news_con .item_news_time { vertical-align: middle; }
.news_share { margin-top: 10px; }
.news_share img { display: inline-block; vertical-align: middle; }
.news_top_infos { border-bottom: 3px solid #eff1f1; position: relative; }
.detail_con { font-size: 14px; color: #a2a5a8; line-height: 1.6; margin-top: 20px; }
.detail_con img { display: inline-block; }
.item_news_con { padding-bottom: 20px; }
.item_news_con p { font-size: 14px; color: #a2a5a8; line-height: 1.6; margin-top: 20px; }
.seek_txt { padding: 5px 0 35px; border-bottom: 3px solid #eff1f1; }
.seek_txt p { font-size: 16px; color: #868686; line-height: 26px; }
.w560 { width: 560px; }
.w80 { width: 80px; }
.other_news .w560 { margin-right: -1px; color: #8a8d8f; line-height: 54px; padding-left: 10px; color: #8a8d8f; }
.other_news a:hover { color: #0E58A6!important; }
.other_news .back_news_list { background: url(/images/back.png) no-repeat center; cursor: pointer; }
.other_news .back_news_list:hover { background-image: url(/images/back-on.png); }
.other_news .flol { height: 56px; border: 2px solid #eff1f1; }
.item_news_con .news_share_wrap { position: absolute; right: 0; bottom: 20px; }
.item_news_con .news_share_wrap .bshare-custom { overflow: hidden; margin-right: -10px; }
.item_news_con .news_share_wrap span { float: left; font-size: 13px; color: #797a81; height: 30px; line-height: 30px; margin-right: 10px; }
.item_news_con .news_share_wrap a { float: left; width: 32px; height: 32px; padding: 0; margin-right: 10px; background: no-repeat center; }
.item_news_con .news_share_wrap a.bshare-weixin { background-image: url("/images/wechat_r.jpg"); }
.item_news_con .news_share_wrap a.bshare-sinaminiblog { background-image: url("/images/weibo_r.jpg"); }
.item_news_con .news_share_wrap a.bshare-qzone { background-image: url("/images/qzone_r.jpg"); }
.item_news_con .news_share_wrap a.bshare-qqim { background-image: url("/images/qq_r.jpg"); }
#bsWXBox { box-sizing: content-box; }
.news_con_info { font-size: 14px; color: #ccc; margin: 14px 0 14px 0; }
.view_nums_icon, .share_nums_icon { display: inline-block; width: 19px; height: 16px; vertical-align: sub; }
.view_nums_icon { background: url(/images/icon_views.png) no-repeat center; }
.share_nums_icon { background: url(/images/icon_share.png) no-repeat center; }
.view_nums, .share_nums { display: inline-block; margin: 0 8px; }
.hhclub { margin-top: 35px; display: inline-block; margin-left: -30px; }
.flol { float: left; }
.fl { float: left; }
.flor { float: right; }
.fr { float: right; }
.flol, .flor { height: 100%; }
.flol::after, .flor::after { content: ""; display: block; clear: both; }

.BC { background-color: #d3edfa; }
.mid { text-align: center; }
.AC { background-color: #d3edfa; text-align: center; }