@charset "utf-8";
/*初始样式*/
body{ color:#333; font-size:14px;font-family: "Microsoft Yahei";} /*网站字体颜色*/
body,ul,ol,li,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,img,span,input{margin:0;padding:0;list-style:none;}
a { color:#333; text-decoration:none;font-family: "Microsoft Yahei";}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
/*a:hover { text-decoration:underline;}*/
img{border:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;font-family: "Microsoft Yahei"; }
h1,h2,h3,h4,h5,h6{ font-family:"Microsoft Yahei";}

.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
i,em{ font-style:normal;}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;font-family: "Microsoft Yahei";}

.pic{overflow: hidden;font-size: 0;}
.pic img{-webkit-transition:-webkit-transform 0.5s;-moz-transition:-moz-transform 0.5s;-o-transition:-o-transform 0.5s;transition:transform 0.5s;}
.pic img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}


.tit{text-align: center;font-weight: normal;}
.tit b{display: block;font-size: 42px;color: #222;line-height: 42px;padding-top: 15px;}
.tit i{display: block;font-size: 30px;color: #222;line-height: 30px;}


/*banner*/
.banner{position: relative;}
.banner li{width: 100%;}
.banner li img{display: block;width: 100%;}
.ban_pg{position: absolute;left: 0;bottom: 30px;height: 16px;z-index: 10;width: 100%;text-align: center;}
.ban_pg i{display: inline-block;width: 16px;height: 16px;background: #fff;border-radius: 100%;margin: 0 15px;vertical-align: top;}
.ban_pg i.on{background: #f63a3a;}


/*sou*/
.sou{height: 120px;background: #fcf6f1;}
.sou h2{float: left;margin-top: 43px;}
.sou h2{float: left;margin-top: 43px;font-size: 30px;color: #333;line-height: 34px;font-family: "宋体";letter-spacing: 2px;}
.sou_r{float: right;margin-top: 28px;}
.sou_box{height: 45px;}
.sou_box .txt{float: left;width: 390px;padding-left: 20px;height: 45px;line-height: 45px;font-size: 14px;color: #333;background: #fff;border: 0;outline: 0;}
.sou_box .btn{float: left;width: 60px;height: 45px;background: url(img/sou1.png) no-repeat #f63a3a center;border: 0;outline: 0;cursor: pointer;}
.htwd{font-size: 14px;color: #999999;line-height: 32px;}
.htwd a{color: #999;margin-right: 25px;}
.htwd a:last-child{margin-right: 0;}
.htwd a:hover{color: #f63a3a;}


/*dig*/
.dig{padding: 80px 0 100px;}
.dig h2{margin-bottom: 40px;}
.dig_con{height: 468px;    box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.19);}
.dig_l{float: left;width: 405px;}
.dig_con h3{height: 72px;line-height: 72px;text-align: center;font-size: 24px;color: #55514e;background: #f7ede5;font-weight: normal;}
.dig_con ul{text-align: center;font-size: 0;margin-top: 50px;}
.dig_con li{display: inline-block;width: 140px;height: 140px;border-radius: 100%;overflow: hidden;position: relative;margin: 0 10px 17px;}
.dig_con li img{width: 140px;height: 140px;transition: all 0.5s linear;}
.dig_con li p{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;font-size: 18px;color: #fff;line-height: 24px;padding-bottom: 10px;}
.dig_con li:hover img{/*transform: rotate(360deg);*/}
.dig_r{float: right;width: 405px;}
.dig_r h3{color: #f63a3a;}
.dig_c{float: left;width: 390px;}
.dig_c dt{height: 336px;overflow: hidden;position: relative;}
.dig_c dt img{width: 390px;height: 336px;}
.dig_c dt em{position: absolute;left: 0;top: 24px;width: 100%;text-align: center;font-size: 19px;color: #fff;font-weight: bold;line-height: 19px;}
.dig_c dd{height: 132px;padding: 28px 40px 0;background: #f6f6f6;box-sizing: border-box;}
.dig_c dd p{font-size: 16px;color: #202020;line-height: 24px;}



/*pro*/
.pro{padding: 80px 0;background: #fcf6f1;}
.pro_ctg{margin: 40px 0 28px;position: relative;height: 147px;}
.pro_ctg li{float: left;width: 298px;margin-right: 2px;}
.pro_ctg li h3 a{display: block;height: 72px;line-height: 72px;text-align: center;font-weight: normal;font-size: 24px;color: #fff;background: #f6553a;}
.pro_ctg li p{display: none;position: absolute;width: 100%;height: 75px;line-height: 75px;background: #fff;left: 0;top: 72px;    box-shadow: 0px 2px 38px 0px rgba(3, 3, 3, 0.07);padding: 0 40px;box-sizing: border-box;}
.pro_ctg li p a{float: left;margin-right: 30px;padding-left: 18px;font-size: 16px;color: #000;position: relative;}
.pro_ctg li p a:after{position: absolute;width: 9px;height: 9px;content: "";border: 2px solid #D2D2D2;border-radius: 50%;box-sizing: border-box;left: 0;top: 33px;}
.pro_ctg li p a:hover{color: #f63a3a;}
.pro_ctg li p a:hover:after{border-color: #f63a3a;}
.pro_ctg li p a:last-child{padding-left: 0;color: #f63a3a;}
.pro_ctg li p a:last-child:after{display: none;}
.pro_ctg li.cur h3 a{padding: 0 40px;background: url(img/pro_jt.png) no-repeat 240px center #f63a3a;text-align: left;}
.pro_ctg li.cur p{display: block;}

.pro_list li{float: left;width: 292px;margin-left: 10px;margin-bottom: 10px; position:relative; overflow:hidden;}
.pro_list li em{display: block;height: 193px;overflow: hidden;}
.pro_list li img{width: 292px;height: 193px;transition: all 0.5s;}
.pro_list li em:hover img{transform: scale(1.05);}
.pro_list li span{display: block;height: 42px; width:100%; padding-top: 0;text-align: center;background: rgba(0,0,0,0.75);font-size: 18px;color: #fff;line-height: 42px; position:absolute; z-index:99; bottom:0;transition: all 0.5s ease;}
.pro_list li:hover span{ bottom:-50px;}
.pro_list li i{display: none;font-size: 14px;color: #adadad;line-height: 14px;padding-top: 8px;}
.pro_list li:nth-child(1){width: 596px;margin-left: 0;}
.pro_list li:nth-child(1) em{display: block;height: 396px;}
.pro_list li:nth-child(1) img{width: 596px;height: 396px;transition: all 0.5s;}
.pro_list li:nth-child(6){margin-left: 0;}




/*fea*/
.fea{padding: 80px 0;}
.fea h2{margin-bottom: 40px;}
.fea_con{position: relative;height: 597px;background: url(img/fea_con.jpg) no-repeat center 0;overflow: hidden;}
.fea_con li{float: left;width: 485px;position: relative;z-index: 1;height: 274px;}
.fea_con li em{position: absolute;width: 58px;height: 60px;line-height: 50px;text-align: center;font-size: 25px;color: #b1b1b1;font-family: Arial;font-weight: bold;z-index: -1;left: 0;top: 0;background: url(img/fea_k1.png) no-repeat;}
.fea_con li h3{padding: 30px 0 0 50px;font-size: 24px;color: #222;line-height: 24px;white-space: nowrap;}
.fea_con li h3 i{display: block;font-size: 18px;line-height: 18px;padding-top: 10px;font-weight: normal;}
.fea_con li p{font-size: 16px;color: #8d8d8d;line-height: 22px;margin-top: 32px;width: 332px;}
.fea_con li img{position: absolute;width: 86px;height: 86px;border-radius: 50%;border: 8px solid #F6F6F6;right: 0;top: 16px;transition: all 0.5s;}
.fea_con li:nth-child(2n){float: right;text-align: right;}
.fea_con li:nth-child(2n) h3{padding: 30px 50px 0 0;}
.fea_con li:nth-child(2n) em{left: auto;right: 0;top: 0;background: url(img/fea_k2.png) no-repeat;}
.fea_con li:nth-child(2n) p{float: right;}
.fea_con li:nth-child(2n) img{right: auto;left: 0;}
.fea_con li:nth-child(3),.fea_con li:nth-child(4){margin-top: 69px;height: 254px;}
.fea_con li:nth-child(3) img,.fea_con li:nth-child(4) img{top: auto;bottom: 68px;}
.fea_con li.cur h3{color: #f63a3a;}
.fea_con li.cur img{transform: scale(1.1);border-color: #fff;}
.fea_con li.cur em{color: #f63a3a;background: url(img/fea_k1h.png) no-repeat;}
.fea_con li:nth-child(2n).cur em{color: #f63a3a;background: url(img/fea_k2h.png) no-repeat;}
.fea .zx{display: block;width: 242px;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #fff;border-radius: 23px;margin: 0 auto;background: #f63a3a;}
.fea .zx:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}

.fea_box{ width:402px; height:402px; display:block; position:absolute; z-index:999; left:398px; top:72px; border-radius:100%; overflow:hidden;}
.fea_box img{ width:402px; height:402px; overflow:hidden;}



/*case*/
.case{padding: 80px 0;background: #fcf6f1;}
.case h2{margin-bottom: 40px;}
.case_l{float: left;width: 780px;}
.case_l h3 a{display: block;height: 72px;line-height: 72px;font-size: 24px;color: #fff;font-weight: normal;padding: 0 40px;background: url(img/case_jt.png) no-repeat 728px center #f63a3a;}
.case_bd{height: 648px;background: #f7f7f7;}
.case_bd dl{height: 180px;padding: 18px 35px;}
.case_bd dt{float: left;width: 314px;height: 180px;overflow: hidden;}
.case_bd dt img{width: 314px;height: 180px;transition: all 0.5s;}
.case_bd dt:hover img{transform: scale(1.05);}
.case_bd dd{float: left;width: 350px;height: 180px;margin-left: 38px;}
.case_bd dd h4{font-size: 16px;color: #000;line-height: 16px;padding: 22px 0 18px;}
.case_bd dd h4 a{color: #000;}
.case_bd dd p{font-size: 14px;color: #8d8d8d;line-height: 24px;}
.case_bd dd .xq{display: block;font-size: 14px;color: #f63a3a;line-height: 24px;margin-top: 22px;}
.case_bd dl:hover{ background: #fff;   box-shadow: 0px 2px 38px 0px rgba(3, 3, 3, 0.07);}

.case_r{float: right;width: 410px;}
.case_r h3 a{display: block;height: 72px;line-height: 72px;font-size: 24px;color: #fff;font-weight: normal;padding: 0 40px;background: url(img/case_jt.png) no-repeat 360px center #f6553a;}
.case_con{height: 648px;background: #f7f7f7;overflow: hidden;}
.case_r h4{padding: 0 40px;font-weight: normal;}
.case_r h4 a{display: block;height: 60px;line-height: 60px;font-size: 14px;color: #202020;border-top: 1px dashed #dcdcdc;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.case_r h4 i{float: left;width: 105px;}
.case_r dl{height: 86px;padding: 38px 40px;background: #fff;}
.case_r dt img{display: block;width: 125px;height: 72px;}
.case_r dd{float: right;width: 180px; position: relative; padding-bottom: 26px;}
.case_r dd em{display: block;font-size: 16px;color: #202020;line-height: 28px;}
.case_r dd em a{color: #202020;}
.case_r dd i{position: absolute;font-size: 16px;color: #000;line-height: 22px;left: 0;bottom: 0;}
.case_r dd .xq{position: absolute;font-size: 16px;color: #f63a3a;line-height: 22px;right: 0;bottom: 0;}
.case_r h4.on{display: none;}


/*ys*/
.ys{padding: 80px 0;}
.ys h2{margin-bottom: 70px;}
.ys_con dl{height: 462px;}
.ys_con dd{width: 555px;height: 462px;}
.ys_con dd h3{padding-top: 40px;height: 108px;border-bottom: 4px solid #000;font-weight: normal;margin-bottom: 32px;}
.ys_con dd h3 img{float: left;margin-right: 26px;}
.ys_con dd h3 b{display: block;font-size: 36px;color: #222;line-height: 36px;}
.ys_con dd h3 i{display: block;font-size: 22px;color: #222;line-height: 22px;padding-top: 12px;}
.ys_con dd p{padding-left: 28px;font-size: 16px;color: #222;line-height: 22px;position: relative;margin-bottom: 17px;}
.ys_con dd p:after{position: absolute;width: 10px;height: 10px;content: "";border: 3px solid #000;border-radius: 50%;left: 0;top: 6px;box-sizing: border-box;}
.ys_con dd .zx{display: block;width: 242px;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #fff;border-radius: 23px;margin-top: 36px;background: #f63a3a;}
.ys_con dd .zx:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}
.ys_con dl:nth-child(2){height: 480px;margin: 64px 0;}
.ys_con dl:nth-child(2) h3{padding-top: 65px;}
.ys_con dl:nth-child(3) h3{padding-top: 48px;}


/*cess*/
.cess{padding: 70px 0 30px;background: #fcf6f1;}
.cess h2{margin-bottom: 50px;}
.cess li{float: left;width: 244px;height: 244px;border-radius: 100%;position: relative;overflow: hidden;margin-bottom: 34px;margin-right: 74px;background: #000;}
.cess li:nth-child(4n){margin-right: 0;}
.cess li img{width: 244px;height: 244px;transition: all 0.5s;opacity: 0.6;}
.cess li p{position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 244px;text-align: center;font-size: 30px;color: #fff;font-weight: bold;opacity: 1;transition: all 0.3s;}
.cess li:hover img{opacity: 1;transform: scale(1.05);}
.cess li:hover p{opacity: 0;}


/*xban*/
.xban{height: 350px;background: url(img/xban.jpg) no-repeat center 0;}
.xban .tel{float: right;margin-top: 150px;}
.xban .tel p{padding-left: 56px;background: url(img/tel2.png) no-repeat left center;}
.xban .tel span{display: block;font-size: 12px;color: #fff;line-height: 28px;height: 28px;}
.xban .tel em{font-size: 24px;font-family: Impact;vertical-align: top;}
.xban .tel .zx{display: block;width: 270px;height: 45px;line-height: 45px;text-align: center;font-size: 16px;color: #fff;background: #f63a3a;border-radius: 23px;margin-top: 10px;}
.xban .tel .zx:hover{animation:shake 1.5s linear;-webkit-animation:shake 1.5s linear;}



/*abt*/
.abt{padding: 70px 0 90px;background: #fcf6f1;}
.abt h2{margin-bottom: 46px;}
.abt h2 b{padding: 0 0 14px;}
.abt h2 i{font-size: 18px;line-height: 18px;}
.abt_l{float: left;width: 300px;height: 454px;position: relative;}
.abt_l h3{font-size: 22px;line-height: 22px;color: #000;padding: 50px 0 30px;}
.abt_desc{font-size: 15px;color: #4d4d4d;line-height: 30px;}
.abt_l .xq{display: block;font-size: 14px;color: #f63a3a;line-height: 24px;margin-top: 35px;}
.abt_l i{position: absolute;height: 41px;left: 0;bottom: 10px;}
.abt_r{float: right;width: 620px;height: 454px;background: #fff;box-shadow:0px 2px 38px 0px rgba(3,3,3,0.07);}
.abt_pic{float: left;width: 503px;height: 345px;margin: 50px 0 0 -183px;position: relative;}
.abt_pic:after{position: absolute;width: 237px;height: 236px;content: "";background: url(img/abt_r.png) no-repeat;left: -154px;bottom: 0;}
.abt_r ul{float: right;width: 190px;margin-right: 68px;margin-top: 58px;}
.abt_r li{height: 84px;line-height: 84px;display: flex;display: -webkit-flex;justify-content: space-between;}
.abt_r li span{font-size: 16px;color: #000;height: 84px;position: relative;}
.abt_r li i{font-size: 36px;font-family: Arial;}
.abt_r li em{position: absolute;width: 23px;height: 23px;line-height: 23px;text-align: center;font-size: 14px;color: #fff;background: #F53939;border-radius: 100%;top: 16px;margin-left: -4px;}
.abt_r li p{font-size: 14px;color: #000;}

.qyfc{margin-top: 50px;position: relative;}
.qyfc li{float: left;width: 290px;margin-right: 13px;}
.qyfc li img{display: block;width: 290px;height: 206px;}
.qyfc li span{display: block;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #222;background: #fff;transition: all 0.3s;}
.qyfc li:hover span{background: #f63a3a;color: #fff;}
.qyfc .prev{position: absolute;left: -80px;top: 78px;z-index: 10;}
.qyfc .next{position: absolute;right: -80px;top: 78px;z-index: 10;}
.qyfc .tempWrap{width: 100% !important;}


/*news*/
.news{padding: 70px 0 100px;}
.news h2{margin-bottom: 40px;}
.news h2 b{padding: 0 0 14px;}
.news h2 i{font-size: 18px;line-height: 18px;}
.new_l{float: left;width: 790px;}
.new_l h3{height: 45px;line-height: 45px;background: #f6553a;font-weight: normal;}
.new_l h3 span a{float: left;width: 140px;text-align: center;font-size: 20px;color: #fff;}
.new_l h3 span a.on{background: #f63a3a;font-weight: bold;}
.new_l h3 .more{float: right;font-size: 16px;color: #fff;margin-right: 24px;}
.new_con dl{height: 240px;padding: 29px 34px 0 28px;box-sizing: border-box;background: #fff;}
.new_con dt img{display: block;width: 271px;height: 182px;}
.new_con dd{float: right;width: 426px;}
.new_con dd h4{font-size: 18px;color: #161616;font-weight: normal;line-height: 18px;padding: 8px 0 18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new_con dd p{font-size: 14px;color: #666;line-height: 24px;}
.new_con dd .xq{display: block;font-size: 14px;color: #f63a3a;line-height: 24px;margin-top: 20px;}
.new_list{height: 240px;background: #fcf6f1;padding: 10px 30px 0;box-sizing: border-box;}
.new_list p{height: 48px;line-height: 48px;border-bottom: 1px solid #cbc8c6;padding-left: 28px;position: relative;}
.new_list p:after{position: absolute;width: 10px;height: 10px;content: "";border: 2px solid #aaa;box-sizing: border-box;border-radius: 100%;left: 0;top: 19px;}
.new_list p a{color: #666;font-size: 16px;}
.new_list p i{float: right;font-size: 14px;color: #161616;opacity: 0.5;}
.new_list p:hover:after{background: #f63a3a;border-color: #f63a3a;}
.new_list p:hover a{color: #f63a3a;}

.new_r{float: right;width: 385px;padding: 0 33px;height: 525px;background: #fcf6f1;box-sizing: border-box;}
.new_r h3{font-weight: normal;height: 66px;line-height: 66px;font-size: 20px;color: #161616;padding-top: 10px;}
.new_r h3 a{color: #161616;}
.new_r h3 i{float: right;font-size: 16px;}
.wd_pic{height: 182px;}
.new_r li{height: 104px;padding-top: 28px;border-bottom: 1px dashed #c2bdba;}
.new_r li h4{padding-left: 38px;height: 26px;line-height: 26px;font-size: 18px;font-weight: normal;background: url(img/q.png) no-repeat;margin-bottom: 2px;}
.new_r li h4 a{color: #000;}
.new_r li p{font-size: 14px;color: #666;line-height: 22px;padding-top: 2px;padding-left: 38px;background: url(img/a.png) no-repeat;}
.new_r li p a{color: #f63a3a;}
.new_r li:last-child{border: 0;}


/*ksnav*/
.ksnav{height: 412px;background: url(img/ksnav_bg.jpg) no-repeat center 0;}
.ksnav h2{font-size: 42px;line-height: 42px;text-align: center;color: #fff;padding: 70px 0 40px;}
.ksnav li{height: 55px;}
.ksnav li h3{float: left;width: 190px;height: 54px;line-height: 54px;padding-left: 28px;font-size: 18px;color: #fff;background: #f6553a;border-bottom: 1px solid #dadee2;font-weight: normal;}
.ksnav li h3 a{color: #fff;}
.ksnav li p{float: left;width: 902px;height: 54px;line-height: 54px;border-bottom: 1px solid #fff;padding: 0 40px;background: #f3f3f3;}
.ksnav li p a{float: left;font-size: 15px;color: #898989;margin-right: 45px;}
.ksnav li:hover h3{background: url(img/nav_jt.png) no-repeat 175px center #f63a3a;font-weight: bold;}
.ksnav li:hover p{background: #fff;}
.ksnav li p a:hover{color: #f63a3a;font-weight: bold;}
.ksnav li p a:last-child{float: right;color: #f63a3a;font-size: 14px;font-weight: normal;}
.ksnav li:last-child h3,.ksnav li:last-child p{border: 0;}



.links{height: 40px;line-height: 40px;font-size: 12px;color: #98a1aa;background: #474f55;}
.links a{color: #98a1aa;margin: 0 15px;}