@charset "utf-8";

body{min-width: 1200px; width: 100%;}

.banner{max-height: 748px;overflow: hidden;}
.banner img{width: 100%;display: block;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 42px; height: 74px; margin-top: -50px;border: 0; outline: none;}
.banner .slick-prev {left: 5%; display: none; background:url(images/lefts.png) no-repeat center center;}
.banner .slick-next {right: 5%; display: none;background:url(images/rights.png) no-repeat center center;}   
.slick-dots { position: absolute;left: 50%; font-size:0; bottom: 3%;width: 300px;text-align: center;margin-left: -150px;z-index: 11;}
.slick-dots li {display: inline-block;margin: 0 8px; }
.slick-dots li button { cursor:pointer; display: block;background: #cbc4b7;width:30px;height:6px;color: #cbc4b7; border-radius:0px;border:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.slick-dots .slick-active button {background:#009BA3;} 


/*产品中心*/
.cp_bt{font-size: 40px;color: #333;text-align: center;line-height: 36px;padding: 60px 0 0;height: 80px;overflow: hidden;}
.cp_bt a{font-size: 40px;color: #333;}
.cp_bt span{ display: block; width:50px;height: 6px;border-radius: 4px;background: #009BA3;margin:24px auto 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: #009BA3; 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: 285px; 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: 274px;margin-right: 35px;}
.cp_m ul li em{width: 274px;height: 260px;display: block;line-height: 0;overflow: hidden;margin-bottom:15px;-webkit-transition:all .3s;transition:all .3s;}
.cp_m ul li em img{width: 274px;height: 274px;}
.pinz dl dd span img,.ys_pic img,.jz dl dt span img,.news dt img{width: 274px;height: 274px;
-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{ width:274px; 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: #009BA3;}
.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,-2px);-webkit-transform:translate(0,-2px)}

/*品质*/
.pinz_bg { background: url(../images/pinz_gb.jpg) no-repeat center 0; height: 637px; overflow: hidden; }
.pinz .cp_bt { padding: 54px 0 0; height: 122px; color:#FFFFFF; }
.pinz .cp_bt a { color: #FFFFFF; }
.pinz dl { width: 222px; float: left; padding-right: 50px; padding-left: 50px; background: url(../images/pinz_line.gif) no-repeat 0 57px; padding-top: 57px; }
.pinz dl dt { overflow: hidden; font-size: 24px; color: #555; }
.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: 35px 0 0; font-size: 18px; color: #666666; text-align: center; }
.pinz dl dd p { color: #555; line-height: 20px; overflow: hidden; font-size: 16px; }
.pinz dl dd span { display: block; overflow: hidden; color: #000000; line-height: 40px; }
.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: 122px;}
.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: #009BA3;}
.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: 152px;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 0;}
.honor_bg{ background:url(../images/honor_bg.png) no-repeat center 0;height: 641px;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: 225px;float: right;height: 360px;padding: 20px 50px 0 40px; }
.honor_c .text { line-height:28px; margin-bottom:10px;}

.honor_c ul li{ height: 50px;line-height: 50px;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: #009BA3;}
.honor_c ul li b{font-size: 18px;padding: 0 10px 0 0;}

/*客户见证*/
.jz{padding: 0 0 60px;position: relative;}
.jz .cp_bt,.news_bg .cp_bt{padding: 57px 0 0;height: 120px;}
.jz dl dt{position: relative;width: 690px;float: left;}
.jz dl dt em{width: 240px;height: 450px;display: block;position: absolute;top: 0;left: 0;z-index: 20;}
.jz dl dt em img{width: 240px;height: 450px;}
.jz dl dt span{width: 600px;height: 450px;display: block;overflow: hidden;margin-left: 90px;}
.jz dl dt span img{width: 600px;height: 450px;}
.jz dl dd{width: 410px;float: right;padding: 40px 0 0;}
.jz dl dd h5{font-weight: normal;line-height: 52px;height: 130px; background:url(../images/jz_line.gif) no-repeat 5px 128px;}
.jz dl dd h5 a{color: #1f1715;font-size: 34px;display: block;}
.jz dl dd h5 a:hover{color: #009BA3;}
.jz .jz_desc{font-size: 14px;color: #9e9e9e;line-height: 28px;height: 112px;overflow: hidden;padding: 35px 0 0;}
.jz dl dd span{display: block;width: 140px;padding: 60px 0 0;}
.jz dl dd span a{display: block; font-size: 14px; color: #fff; width: 140px; text-align: center; height: 40px; line-height: 40px; background: #009BA3; overflow: hidden;border-radius: 20px;-webkit-transition:all .3s;transition:all .3s;}
.jz b{width: 50px;height: 50px;position: absolute;top: 577px;display: block;z-index: 50;}
.jz 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;}

/* 新闻 */
.g-news{overflow:hidden;margin-bottom:60px; padding-top:30px;box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative;}
.g-news .tit01{height:130px;}
.g-news .tit01 p{background:url(../images/newstit.png) no-repeat center bottom;}
.news-container{width:1320px;margin:0 auto;}
.news-container h3{margin-bottom: 20px;height:40px;line-height: 40px;}
.news-container h3 a{display: block;font-size: 18px;font-weight: normal;color: #192336;padding-left:36px;}
.news-container h3 i{display: block; font-size: 12px;color: #192336; float:right;text-transform: uppercase;}
.news-container .newstit1{background: url(../images/newstit1.png) no-repeat left center;}
.news-container .newstit2{background: url(../images/newstit2.png) no-repeat left center;}

.news1{width:605px;float: left;}
.newcon{width:605px;height:500px; position: relative;overflow: hidden;padding:18px 26px;box-sizing: border-box;background: #e3e3e3;}
.newcon dl{width:600px; overflow: hidden;}
.newcon dt{ width:600px; position: relative; overflow: hidden;}
.newcon dt img{width:600px;height:330px; display: block;}
.newcon dd{width:550px; overflow: hidden;box-sizing: border-box;padding-top:32px;}
.newcon dd em{ display: block; float: left;margin-right: 15px; height:28px;line-height: 26px;width: 58px; text-align: center; font-size: 16px;color: #054a96; display:block; font-weight: normal; border:1px solid #054a96;  }
.newcon dd h4{font-size: 18px; font-weight: bold;margin: 0 0 10px; height: 30px; line-height: 30px;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.newcon dd h4 a{ color:#333333;}
.newcon dd p{overflow: hidden;font-size: 15px; line-height: 24px; color:#666666;}
.newcon dd p a{ color: #054a96; }
.newcon ul{clear: both; overflow: hidden;padding:20px 0 0;}
.newcon li{line-height: 30px; display: block;  padding-left:0px; background: url(../images/newsico1.png) no-repeat left center; box-sizing: border-box;width:552px}
.newcon li a{ float:left;font-size: 14px;color:#666666;text-decoration: none;  overflow: hidden; text-overflow: ellipsis;white-space:nowrap;}
.newcon li span{ float: right; height: 30px;display:block;  line-height: 30px;font-size: 15px; color: #666666;font-weight: normal; }


.news2{width: 560px;float: right;}
.qscon{height: 500px;overflow: hidden;;}
.qscon dl{width:560px; overflow: hidden; height:166px;box-sizing: border-box;padding:17px 25px 17px 0;margin-bottom: 15px;}
.qscon dt{padding-top:20px;box-sizing: border-box; width:115px;height:96px; position: relative; overflow: hidden;border-right: 1px solid #e0e0e0; font-size:22px;color: #666666; line-height: 30px;text-align: center;float: left;}
.qscon dt i{display: block; font-size:16px;color: #a7a7a7;}
.qscon dd{width:392px;float: right; overflow: hidden;box-sizing: border-box;}
.qscon dd h4{font-size: 16px; font-weight: normal;margin:5px 0; height: 30px; line-height: 30px;color:#000000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; }
.qscon dd h4 a{ color:#000000;}
.qscon dd p{overflow: hidden;font-size: 15px; line-height: 24px; color:#666666;}
.qscon dl:hover{background: #009ba3;}
.qscon dl:hover dt,.qscon dl:hover dt i,.qscon dl:hover dd h4,.qscon dl:hover dd p{ color:#fff;}


.news1 dl img{-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.news1 dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} 


/*关于我们*/
.about{ background:url(../images/ab_bg.jpg) no-repeat center 0;overflow: hidden;padding: 10px 0 60px;}
.ab_desc{font-size: 14px;color: #fff;height: 56px;line-height: 28px;overflow: hidden;width: 960px;text-align: center;margin:0 auto;}
.about h4{font-size: 24px;color: #fff;font-weight: normal;height: 44px;line-height: 44px;text-align: center;overflow: hidden;padding: 25px 0 0;}
.about em{display: block;width: 135px;margin:0 auto;padding: 60px 0 0;}
.about em a{display: block; font-size: 14px; color: #0a4eb2; width: 135px; text-align: center; height: 34px; line-height: 34px; overflow: hidden;background: #fff;border-radius: 20px;}
.about em a:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

/*友情链接*/
.f_link{height: 52px;line-height: 52px;overflow: hidden; background:#F8F8F8;}
.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: #009BA3;}
.normal_news:hover .item_news_time{color: #fff;}
.normal_news:hover .item_news_title{color: #fff;}
.normal_news:hover .item_news_content{color: #e9aaa8;}
.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: #009BA3;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: #009BA3!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;
}


.wrap-title { overflow: hidden; padding:40px 0px 40px 0px; }
.title-in { display: inline-block; float: left; padding-bottom: 4px; }
.title-in h2 { font-size: 36px; font-weight: bold; line-height: 2; position: relative; display: inline-block; margin: 0; border-bottom: 1px solid #d2d2d2; }
.title-in h2:after { position: absolute; bottom: -3px; left: 0; display: inline-block; width: 52px; height: 7px; content: ''; background-color: #009BA3; }
.location { font-size: 14px; line-height: 72px; display: inline-block; float: right; }
.location:before { display: inline-block; width: 8px; height: 8px; margin-right: 10px; content: ''; vertical-align: middle; background-color: #009BA3; }
.location span { display: inline-block; }
.location a { display: inline-block; }
.location a:after { content: ''; margin: 0 5px; }
.location a:hover, .location a.font { color: #009BA3; }
.location font { color: #009BA3; }

.news_info001 { color:#666666; line-height:2.5; font-size:16px; text-indent:2em; }
.news_info001 strong { color:#000000; font-size:18px; }