/* 清除内外边距 */











@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, lengend, button, input, textarea, /* form elements 表单元素 */ th, td { /* table elements 表格元素 */ margin: 0; padding: 0; }
input, textarea { border: 2 none; box-shadow: none; outline: none; }
/* 设置默认字体 */
body, button, input, select, textarea { font: 14px/22px "Microsoft YaHei", "微软雅黑", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", Arial, sans-serif; color: #666; }
* h1, * h2, * h3, * h4, * h5, * h6 { margin: 0px; } /*覆盖bootstrape对标题加的默认外边距*/
address, cite, dfn, em, i, var { font-style: normal; } /* 斜体扶正 */
/* 重置列表元素 */
ul, ol, li { list-style: none; }
/* 重置文本格式元素 */
a { text-decoration: none; color: #666; word-wrap: break-word; }/*英文换行*/
a:hover { text-decoration: none; color: #910800; }
/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea { font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */ }
/* 重置表格元素 */
table { border-collapse: collapse; border-spacing: 0; }
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }
/*设置浮动*/
.fl { float: left; }
.fr { float: right; }
.pr { position: relative; }
.pa { position: absolute; }
/*字体大小*/
.clear { clear: both; height: 0; }
.blk-main .clearlist { clear: both; height: 0; padding: 0; margin: 0; border: 0; width: 100%; float: none; }
/*表单弹框*/
.nsw-modal { width: 100%; height: 100%; background: rgba(225, 225, 225, 0.5); position: fixed; top: 0; left: 0; z-index: 99999; }
.modal-dialog { position: fixed; color: #000000; top: 150px; width: 400px; border-radius: 3px; min-height: 155px; overflow: hidden; z-index: 99998; margin-left: -200px; left: 50%; }
.modal-dialog .css-icon { background-image: url("//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013105415_225680757.png"); }
.modal-dialog .modal-head { height: 30px; line-height: 30px; padding: 0px 20px; background: #F6EFEF; font-size: 14px; }
.modal-dialog .modal-head .modal-logo { width: 15px; height: 15px; background-position: 1px 0px; margin: 8px 5px 0 0; float: left; }
.modal-dialog .modal-head .close { float: right; width: 15px; height: 15px; background-position: -14px 0px; margin-top: 8px; }
.modal-dialog .modal-body { width: 100%; min-height: 125px; background: #ffffff; }
.modal-dialog .modal-body .modal-body-left { width: 140px; float: left; }
.modal-dialog .modal-body .modal-body-left .icon { width: 64px; height: 64px; margin: 30px 0 0 48px; }
.modal-dialog .modal-body .modal-body-left .success-message { background-position: 0px -14px; }
.modal-dialog .modal-body .modal-body-left .warming-message { background-position: 0px -78px; }
.modal-dialog .modal-body .modal-body-right { width: 260px; float: right; padding-top: 20px; }
.modal-dialog .modal-body .modal-body-right .close-btn { color: #000; text-align: center; width: 90px; display: inline-block; height: 24px; line-height: 24px; background: #818079; }
.modal-dialog .modal-body .modal-body-right p { line-height: 30px; }
/**/
body { min-width: 1200px; max-width: 1920px; margin: 0 auto; overflow-x: hidden; width: 100%; }
.content { width: 1200px; margin: 0 auto; }

/**/
.guide { padding: 100px 0; }
.guide dl { height: 387px; }
.guide dl dt { width: 516px; height: 387px; position: relative; line-height: 0; overflow: hidden; float: right; cursor: pointer; }
.guide dl dt img { width: 516px; height: 387px; }
.guide dl dt em { display: block; width: 516px; height: 387px; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5) url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013105443_2060574055.png) no-repeat center; }
.guide dl dd { width: 630px; float: left; padding: 10px 0 0; }
.guide dl dd h5 { font-size: 44px; color: #333; font-weight: normal; height: 110px; line-height: 110px; border-bottom: #d9d9d9 2px solid; background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013105628_517254466.png) no-repeat; margin-bottom: 5px; }
.guide dl dd p { font-size: 16px; color: #666; line-height: 28px; padding: 15px 0 0; }
.guide dl dd p b { color: #333; }
.digital { padding: 40px 0 0; height: 80px; }
.ibrand-num li { float: left; height: 80px; padding-left: 55px; color: #333; font-size: 22px; font-weight: bold; background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013105701_1475169343.gif) no-repeat 0 center; width: 268px; }
.ibrand-num li b { font-size: 52px; line-height: 50px; font-family: "DINOT"; }
.ibrand-num li span { display: block; font-size: 20px; font-weight: normal; padding: 8px 0 0; }
.ibrand-num li em { font-size: 40px; }
.ibrand-num li i { font-size: 40px; }
.ibrand-num li:hover { background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013105811_171777166.png) no-repeat 0 center; }
.ibrand-num li:nth-child(4) { width: 174px; }
/*产品中心*/
.pro01 { background: #f2f2f2; padding-top: 50px;}
.pro_tit { font-size: 44px; color: #333; text-align: center; height: 110px; line-height: 40px; position: relative; overflow: hidden; }
.pro_tit:before { content: ""; width: 88px; height: 3px; background: #133359; position: absolute; bottom: 0; left: calc(50% - 44px); -webkit-transition: all .5s; transition: all .5s; }
.pro_tit a { color: #333; font-size: 44px; }
.pro_tit:hover a { color: #133359; }
.pro_tit i { display: block; font-size: 22px; color: rgba(51,51,51,0.2); font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
.pro_tit:hover:before { width: 120px; left: calc(50% - 60px); }
.pro01 .pro_tit { margin-bottom: 2rem; }
.pro01 dl { width: 100%; position: relative; z-index: 5;  overflow: hidden; background: #fff; }
.pro01 dl dt { width: 50%; float: left; line-height: 0; overflow: hidden; height: 32.1rem; }
.pro01 dl dt img, .pro_list ul li img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.pro01 dl dd { width: 31.25%; float: left; margin: 0 0 0 2.5rem; position: relative; padding-top: 4.5rem; }
.pro01 dl dd h5 { width: 100%; height: 4.4rem; line-height: 1.6rem; position: relative; overflow: hidden; }
.pro01 dl dd h5:before, .pro02_m dl dd h5:before { content: ""; width: 2.5rem; height: 0.1rem; background: #e5e5e5; position: absolute; bottom: 0; left: 0; }
.pro01 dl dd h5 a { font-size: 1.6rem; color: #333; }
.pro01 dl dd h5 i { display: block; font-size: 0.7rem; color: rgba(51,51,51,0.4); font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
.pro01 dl dd h5 a:hover, .pro02_m dl dd h5 a:hover { color: #263c92; }
.pro01 dl dd p { width: 86.66%; font-size: 0.8rem; color: #666; line-height: 1.5rem; height: 4.5rem; padding: 1rem 0 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; }
.pro_list { width: 30rem; padding: 2.5rem 0 0; }
.pro_list ul li { width: 8.8rem; float: left; line-height: 0; margin-right: 0.5rem; background: #133359; border-radius: 1rem; }
.pro_list ul li em, .pro02_list ul li em { display: block; width: 100%; line-height: 0; border-radius: 1rem; overflow: hidden; }
.pro_list ul li img, .pro02_list ul li img { display: block; width: 100%; border-radius: 1rem; }
.pro_list ul li span { display: block; width: 100%; font-size: 0.8rem; color: #fff; height: 2.5rem; line-height: 2.2rem; text-align: center; overflow: hidden; font-weight: bold; }
.pro01 dl:nth-of-type(2) { background: #f2f2f2; }
.pro01 dl:nth-of-type(2) dt { float: right; }
.pro01 dl:nth-of-type(2) dd { margin: 0 0 0 18.75%; padding-top: 2.5rem; }
.pro01 dl:nth-of-type(2) dd p { padding: 0.5rem 0 0; }
.pro01 dl:nth-of-type(2) .pro_list { padding: 0.5rem 0 0; }
.pro01 dl:nth-of-type(2) .pro_list ul li { margin-top: 0.6rem; }
html { font-size: 10px; -webkit-text-size-adjust: none; }
@media screen and (min-width: 1200px) {
html { font-size: 12.5px; }
}
@media screen and (min-width: 1280px) {
html { font-size: 13.33px; }
}
@media screen and (min-width: 1366px) {
html { font-size: 14.22px; }
}
@media screen and (min-width: 1440px) {
html { font-size: 15px; }
}
@media screen and (min-width: 1600px) {
html { font-size: 16.66px; }
}
@media screen and (min-width: 1720px) {
html { font-size: 17.92px; }
}
@media screen and (min-width: 1920px) {
html { font-size: 20px; }
}
/**/
.pro02 { width: 60rem; margin: -4rem auto 4.5rem; background: #fff; position: relative; z-index: 1; box-shadow: 0 3px 0.5rem 3px rgba(0,0,0,0.05); height: 28.5rem; }
.pro02_t { position: absolute; top: 3.3rem; left: 1.5rem; width: 40%; height: 2.5rem; z-index: 10; }
.pro02_t ul li { float: left; position: relative; padding: 0 1.5rem 0 1rem; height: 2.5rem; line-height: 2.5rem; }
.pro02_t ul li:before { content: ""; width: 0.2rem; height: 0.2rem; background: #fff; position: absolute; top: calc(50% - 0.2rem); left: 0; border: #999 0.1rem solid; border-radius: 50%; }
.pro02_t ul li a { font-size: 1.1rem; color: #333; display: inline-block; position: relative; height: 2.5rem; }
.pro02_t ul li.on a:after { content: ""; width: 100%; height: 0.2rem; background: #fe7c30; position: absolute; bottom: 0; left: 0; border-radius: 0.2rem 0.2rem 0 0; }
.pro02_t ul li a:hover { font-weight: bold; }
.pro02_m { }
.pro02_m dl { height: 28.5rem; width: 100%; }
.pro02_m dl dt { border-right: #ededed 1px solid; width: 40%; height: 28.5rem; position: relative; float: left; }
.pro02_m dl dt a { display: block; width: 100%; height: 22rem; line-height: 0; overflow: hidden; position: absolute; bottom: 0; left: 0; background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013105907_34747323.png) no-repeat center bottom; background-size: 100% 22rem; }
.pro02_m dl dt a:before, .honor p:before { content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width: 100%; height: 100%; background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,.5), rgba(255,255,255,0)); transform: skewx(-25deg); }
.pro02_m dl dt a:hover:before, .honor p:hover:before { left: 100%; -moz-transition: 1s; -o-transition: 1s; -webkit-transition: 1s; transition: 1s; }
.pro02_m dl dt img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.pro02_m dl dt a:hover { background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013110107_1095547248.png) no-repeat center bottom; background-size: 100% 22rem; }
.pro02_m dl dd { width: 52.5%; padding: 4rem 0 0; float: right; }
.pro02_m dl dd h5 { width: 100%; height: 4.4rem; line-height: 1.6rem; position: relative; overflow: hidden; }
.pro02_m dl dd h5 a { font-size: 1.6rem; color: #333; }
.pro02_m dl dd h5 i { display: block; font-size: 0.7rem; color: rgba(51,51,51,0.4); font-weight: normal; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
.pro02_m dl dd p { width: 82%; font-size: 0.8rem; color: #666; line-height: 1.5rem; height: 3rem; padding: 20px 0 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.pro02_list { width: 100%; padding: 2.5rem 0 0; }
.pro02_list ul li { width: 27.9%; float: left; line-height: 0; margin-right: 1rem; background: #133359; border-radius: 1rem; }
.pro02_list ul li span { display: block; width: 100%; font-size: 0.8rem; color: #fff; height: 2.5rem; line-height: 2.2rem; text-align: center; overflow: hidden; font-weight: bold; }
.pro_list ul li:hover, .pro02_list ul li:hover { background: #fe7c30; }
/*广告条*/
.ban01 { background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013110131_1489500095.jpg) no-repeat center 0; height: 436px; overflow: hidden; }
.ban01_l { width: 535px; padding: 90px 0 0; }
.ban01_l p { font-size: 22px; color: #101010; height: 185px; line-height: 56px; position: relative; }
.ban01_l p:before { content: ""; width: 175px; height: 1px; background: rgba(0,0,0,0.2); position: absolute; top: 132px; left: 150px; }
.ban01_l p i { font-size: 34px; color: #133359; }
.ban01_l p b { display: block; font-size: 44px; }
.ban01_l p span { display: block; font-size: 12px; color: rgba(51,51,51,0.3); font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 30px; }
.ban01_tel { height: 36px; width: 600px; }
.ban01_tel b { display: block; float: left; font-size: 28px; font-family: Arial, Helvetica, sans-serif; color: #333; height: 36px; line-height: 36px; overflow: hidden; padding: 0 0 0 50px; background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013110237_1987171815.png) no-repeat 0 center; }
.ban01_tel a { font-size: 14px; color: #333; display: block; width: 110px; text-align: center; height: 36px; line-height: 36px; overflow: hidden; background: #fff; border-radius: 30px; float: right; }
.ban01_tel a:hover { background: #133359; color: #fff; }
.ban01_tel a:hover { animation: shake .9s linear; -webkit-animation: shake .9s linear; }
.ban01_r { background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013113704_858412643.png) no-repeat 0 72px; width: 538px; height: 293px; padding: 72px 0 0; }
.ban01_r ul li { font-size: 20px; color: #fff; font-weight: bold; line-height: 26px; float: left; width: 144px; height: 80px; text-align: center; margin-left: 40px; background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013113730_2070068606.png) no-repeat center bottom; padding-top: 53px; }
.ban01_r ul li i { display: block; }
.ban01_r ul li:first-child { margin-left: 8px; }
.ban01_r ul li:nth-child(4) { margin-left: 99px; padding-top: 38px; }
.ban01_r ul li:nth-child(5) { padding-top: 38px; margin-left: 42px; }
/**/
.pro03 { padding: 100px 0 50px; }
.pro03 ul { padding: 35px 0 0; }
.pro03 ul li { width: 390px; height: 300px; float: left; line-height: 0; margin-right: 15px; overflow: hidden; }
.pro03 ul li em { width: 390px; height: 220px; display: block; line-height: 0; overflow: hidden; }
.pro03 ul li em img { width: 390px; height: 220px; }
.pro03 ul li span { width: 100%; height: 70px; font-size: 18px; color: #333; font-weight: bold; display: flex; align-items: center; justify-content: space-between; position: relative; z-index: 1; }
.pro03 ul li span:before { content: ""; width: 100%; height: 1px; background: #d6d6d6; position: absolute; bottom: 5px; left: 0; }
.pro03 ul li span:after { content: ""; width: 100%; height: 0; background: #133359; position: absolute; top: 0; left: 0; -webkit-transition: all .5s; transition: all .5s; z-index: -1; }
.pro03 ul li i { width: 6px; height: 10px; line-height: 0; padding-right: 30px; overflow: hidden; }
.pro03 ul li i img { width: 6px; height: 20px; -webkit-transition: all .5s; transition: all .5s; }
.pro03 ul li:hover span { color: #fff; padding-left: 5%; box-sizing: border-box; }
.pro03 ul li:hover span:before { background: none; }
.pro03 ul li:hover span:after { height: 80px; }
.pro03 ul li:hover i img { margin-top: -10px; }
.pro03 ul li:nth-child(3n) { margin-right: 0; }
/*优势*/
.fanw { height: 980px; overflow: hidden; width: 100%; max-width: 1920px; margin: 0 auto; }
.serv_c { width: 100%; height: 820px; overflow: hidden; margin-top: 50px; }
.serv_c ul { width: 102%; height: 820px; }
.serv_c li { width: 25%; float: left; position: relative; height: 820px; }
.serv_c li:before { content: ""; width: 2px; height: 100%; background: #fff; position: absolute; top: 0; right: 0; z-index: 2; }
.serv_c li:last-child:before { background: none; }
.serv_c li img { display: block; }
.mo { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: rgba(0,0,0,0.5); }
.shu2 dl { width: 100%; position: absolute; top: 270px; left: 0; text-align: center; }
.shu2 dt { width: 3.6rem; height: 3.6rem; line-height: 0; margin: 0 auto; }
.shu2 dt img, .bock dt em img { width: 3.6rem; height: 3.6rem; }
.shu2 dd { padding: 1.6rem 0 0; width: 100%; }
.shu2 dd h5 { font-size: 1.5rem; color: #fff; height: 8.5rem; line-height: 1.8rem; background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013113922_1167000669.png) no-repeat center bottom; background-size: 1.6rem 1.6rem; font-weight: normal; }
.shu2 dd i { display: block; font-size: 0.7rem; color: rgba(255,255,255,0.5); text-transform: uppercase; }
.hav { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.bock { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
.bock dl { background: #fff; width: 88%; position: absolute; bottom: 1.8rem; left: 6%; height: 12.5rem; padding: 1.8rem 10rem 0 3.5rem; box-sizing: border-box; }
.bock dt { width: 100%; line-height: 1.8rem; font-size: 1.8rem; color: #133359; font-weight: bold; }
.bock dt b { display: block; font-size: 5rem; color: rgba(0,0,0,0.2); font-family: "DINOT"; position: absolute; top: 3.5rem; right: 3rem; line-height: 4.5rem; }
.bock dt span { display: block; width: 100%; line-height: 1.5rem; font-size: 0.9rem; color: #151515; padding: 0.5rem 0 0; }
.bock dt i { padding-left: 0.5rem; }
.bock dd { overflow: hidden; width: 100%; color: #666; position: relative; }
.bock dd:before { content: ""; width: 3.6rem; height: 0.15rem; background: #ccc; position: absolute; top: 0.6rem; left: 0; }
.bock dd p { font-size: 0.8rem; line-height: 1.3rem; padding: 1.2rem 0 0; }
/**/
.ban02 { background: url(//memberpic.114my.cn/025853/uploadfile/image/20231031/20231031090050_1832466026.jpg) no-repeat center top; padding: 75px 0 0; height: 300px; overflow: hidden; }
.ban02 p { font-size: 24px; color: #333; line-height: 42px; height: 125px; padding: 30px 0 0; background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013114034_1745366317.png) no-repeat 0 top; }
.ban02 p b { display: block; font-size: 38px; }
.ban02 p i { color: #133359; padding-left: 20px; }
.ban02 .ban01_tel a { background: #efefef; }
.ban02 .ban01_tel a:hover { background: #133359; }
/*荣誉资质*/
.honor { background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013114101_1888896151.jpg) no-repeat center 0; padding: 5rem 0 0; height: 37.9rem; overflow: hidden; background-size: 100% 42.9rem; }
/*荣誉资质*/
.honor1_cont { padding-top: 50px; }
.honor1_cont table td { border: 1px solid #eee; width: 350px !important; height: auto; padding-left: 0px !important; display: block; float: left; transition: 0.3s all ease-in-out; position: relative; }
.honor1_cont table td:after { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 100%; height: 100%; background: #133359; transform: scale(0); transition: 0.3s all ease-in-out; }
.honor1_cont table td:hover::after { transform: scale(1); }
.honor1_cont table td img { width: 100%; height: auto; transition: 0.3s ease all; }
.honor1_cont table td div { padding-top: 0px !important; width: 90%; position: relative; z-index: 2; }
.honor1_cont table td div a { font-size: 15px; color: #333; line-height: 50px; overflow: hidden; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }
.honor1_cont table td:hover div a { color: #fff; }
.honor1_cont table td div:after { content: ''; width: 40px; height: 4px; display: block; background: #ccc; margin: 5px auto; transition: 0.3s all ease-in-out; position: relative; z-index: 2; }
.honor1_cont table tr { display: block; }
.honor1_cont table td br { display: none; }
.honor1 .btn { background: url()no-repeat center; width: 29px; height: 10px; bottom: 16px !important; position: absolute; cursor: pointer; }
.honor1_btnl { left: 44% !important; }
.honor1_btnr { right: 44% !important; transform: rotate(180deg); }
.honor1_b { position: relative; display: none; }
.honor1_b a { background: url() center no-repeat; width: 58px; height: 44px; display: block; margin: 50px auto 0; border-radius: 5px; border: 1px #eee solid; transition: 0.3s all ease-in-out; }
.honor1_b a:hover { background: #133359url() center no-repeat; }
.honor1_cont table td:hover { border: 1px solid #133359; }
.honor1_cont table td:hover div:after { background: #fe7c30; width: 60px; }
.honor1_cont table td>a { width: 90%; display: block; overflow: hidden; margin: 20px auto 0; position: relative; z-index: 2; }
.case_box { width: 1400px; margin: 0 auto; }
/*合作客户*/
.partner { background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013114123_1866185712.jpg) no-repeat center bottom; padding: 100px 0 0; height: 520px; overflow: hidden; }
.partner ul { padding: 35px 0 0; }
.partner ul li { width: 151px; float: left; margin-left: 23px; }
.partner ul li a { background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013114145_1741657560.png) no-repeat; display: block; width: 151px; height: 151px; line-height: 0; overflow: hidden; }
.partner ul li a:hover { background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013114251_1841644152.png) no-repeat; }
.partner ul li img { width: 100px; height: 75px; display: block; padding: 39px 0 0; margin: 0 auto; border-radius: 20px; }
.partner ul li:first-child { margin-left: 0; }
.partner ul li:nth-child(8) { margin-left: 87px; }
.partner ul li:nth-child(8), .partner ul li:nth-child(9), .partner ul li:nth-child(10), .partner ul li:nth-child(11), .partner ul li:nth-child(12), .partner ul li:nth-child(13) { margin-top: -40px; }
/*新闻中心*/
.news { width: 100%; background-color: #f9f9f9; overflow: hidden; height: 842px; padding-bottom: 110px;}
.news_box { width: 1400px; margin: 0 auto; overflow: hidden; }
.news_tab { margin-top: 62px; }
.news_Cen { font-size: 38px; line-height: 40px; color: #133359; background: url(//memberpic.114my.cn/heibai888/uploadfile/image/20230625/20230625152800_297297349.png)160px 21px no-repeat; float: left; }
.news_Cen span { color: #133359; }
.news_Cen p { font-size: 16px; color: #888888; line-height: 42px; }
.news_pic { width: 600px; float: left; margin-top: 30px; position: relative; height: 570px; }
.news_nav { float: right; overflow: hidden; }
.news_dyn { width: 35%; margin: 0 auto; margin-bottom: 35px; }
.news_dyn ul { list-style: none; }
.news_dyn ul li { width: 150px; float: left; background: #333333; text-align: center; margin-right: 12px; height: 50px; line-height: 50px; position: relative; }
.news_dyn ul li a { font-size: 16px; color: #ffffff; display: block; }
.news_y .news_div_item_year, .news_div_item_month, .news_div_item_day { float: left; }
.news_div_item_title a { font-size: 16px; line-height: 40px; }
.news_div_item_title a:hover { color: #133359; }
.news_div_item_body { font-size: 14px; color: #999999; line-height: 26px; }
.news_y .news_div_item_date { font-size: 14px; color: #999999; position: absolute; bottom: 26px; left: 200px; margin-left: 24px; }
.news_y .news_div_item { position: relative; float: left; border-bottom: 1px solid #dddddd; padding-bottom: 21px; margin-top: 26px; }
.news_y .news_div_item_content { width: 540px; float: right; margin-left: 24px; }
.news_y .news_div_item_pic { float: left; }
.news_y img.news_div_item_image { width: 200px; height: 150px; }
.news_y .news_div { display: inline-block; }
.news_pic .news_div { display: inline-block; }
.news_pic .news_div_item_content { position: absolute; bottom: 0; border-bottom: 1px solid #dddddd; height: 115px; }
.news_call { width: 1400px !important; }
.news_y { width: 765px; float: right; display: inline-block; margin-top: 5px; }
.news_dyn ul li.on a { background: #133359; color: #ffffff; transition: 0.5s; }
.news_dyn li.on:after { content: ""; width: 0px; height: 0px; border-top: 9px solid #133359; border-right: 7px solid transparent; border-bottom: 10px solid transparent; border-left: 7px solid transparent; position: absolute; top: 54px; left: 45%; transition: 0.5s; }
.news_pic img.news_div_item_image { width: 600px; height: 450px; }
.news_y .news_div_item:nth-child(1) { display: none; }

/*关于*/
.about { background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013142448_1243384825.jpg) no-repeat center 0; padding: 80px 0 0; height: 853px; overflow: hidden; }
.about .content { height: 853px; }
.about .pro_tit { height: 120px; }
.about .pro_tit i { font-size: 40px; font-weight: bold; padding-bottom: 10px; }
.about p { font-size: 16px; color: #333; line-height: 35px; padding: 25px 0 0; width: 1100px; text-align: center; margin: 0 auto; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; }
.ab_more { display: block; margin: 20px auto 0; width: 100px; text-align: center; }
.ab_more a { display: block; font-size: 16px; color: #333; display: block; transition: all 0.5s; }
.ab_more em { width: 88px; height: 88px; display: block; line-height: 0; margin: 0 auto 5px; }
.ab_more em img { width: 88px; height: 88px; }
.ab_more a:hover { transform: translateY(-5px); }
.ab_more a:hover img { animation: flipInY 1s; }
.about ul { width: 1200px; height: 100px; padding-top: 23px; background: #133359; position: absolute; bottom: 0; left: 0; }
.about ul li { float: left; position: relative; }
.about ul li:before { content: ""; width: 1px; height: 42px; background: rgba(255,255,255,0.5); position: absolute; top: 15px; right: 0; }
.about ul li em { width: 50px; height: 50px; display: block; float: left; line-height: 0; overflow: hidden; background: #fff; border-radius: 50%; transition: all 0.3s ease-in-out 0s; margin: 10px 15px 0 0; }
.about ul li em img { width: 50px; height: 50px; }
.about ul li span { display: block; float: left; line-height: 22px; font-weight: bold; font-size: 18px; color: #fff; }
.about ul li i { display: block; font-size: 14px; font-weight: normal; padding: 5px 0 0; }
.about ul li:nth-child(1) { width: 215px; padding-left: 70px; }
.about ul li:nth-child(2), .about ul li:nth-child(3) { width: 250px; padding-left: 30px; }
.about ul li:nth-child(4) { width: 280px; padding-left: 35px; }
.about ul li:nth-child(4):before { background: none; }
.about ul li:hover em { transform: rotateY(180deg); }
/*友情链接*/
.f_link { height: 84px; line-height: 84px; overflow: hidden; margin: -84px 0 0 700px; width: 500px; }
.f_link b { display: block; float: left; font-size: 14px; color: #333; width: 80px; text-align: right; font-weight: normal; }
.f_link p { font-size: 14px; color: #333; float: left; width: 420px; }
.f_link p a { font-size: 14px; color: #333; padding: 0 10px 0 0; }
.f_link p a:hover { color: #000; }

/**/
@-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);
}
}

/*图标抖动*/
@-webkit-keyframes hvr-buzz-out { 10% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 20% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 30% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 40% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 50% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 60% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 70% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 80% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 90% {
 -webkit-transform: translateX(1px) rotate(0);
 transform: translateX(1px) rotate(0);
}
 100% {
 -webkit-transform: translateX(-1px) rotate(0);
 transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-buzz-out { 10% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 20% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 30% {
 -webkit-transform: translateX(3px) rotate(2deg);
 transform: translateX(3px) rotate(2deg);
}
 40% {
 -webkit-transform: translateX(-3px) rotate(-2deg);
 transform: translateX(-3px) rotate(-2deg);
}
 50% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 60% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 70% {
 -webkit-transform: translateX(2px) rotate(1deg);
 transform: translateX(2px) rotate(1deg);
}
 80% {
 -webkit-transform: translateX(-2px) rotate(-1deg);
 transform: translateX(-2px) rotate(-1deg);
}
 90% {
 -webkit-transform: translateX(1px) rotate(0);
 transform: translateX(1px) rotate(0);
}
 100% {
 -webkit-transform: translateX(-1px) rotate(0);
 transform: translateX(-1px) rotate(0);
}
}
.top_bg { height: 202px; background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013142549_775810423.png) repeat-x; overflow: hidden; }
.header { width: 1200px; margin: 0 auto; }
.h_con { height: 130px; padding: 12px 0 0; overflow: hidden; }
.logo { float: left; width: 230px; padding: 26px 20px 0 0; line-height: 0; }
.logo img { width: 230px; height: 77px; }
.h_dw { float: left; line-height: 34px; font-size: 24px; color: #333; overflow: hidden; padding: 20px 0 0 25px; position: relative; }
.h_dw:before { content: ""; width: 1px; height: 64px; background: #e4e4e4; position: absolute; top: 25px; left: 0; }
.h_dw i { display: block; font-size: 24px; }
.h_dw i span { color: #fe7c30; }
.h_tel { float: right; height: 60px; line-height: 30px; padding-left: 45px; margin: 25px 20px 0 0; background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013142702_483462497.png) no-repeat 0 center; }
.h_tel b { font-family: Arial, Helvetica, sans-serif; font-size: 29px; color: #333; display: block; }
.h_nav { height: 60px; line-height: 60px; overflow: hidden; }
.h_nav li { height: 60px; float: left; position: relative; }
.h_nav li a { font-size: 16px; color: #fff; padding: 0 24px; display: block; float: left; position: relative; z-index: 4; text-decoration: none; }
.h_nav li a:hover { background: #fe7c30\9; color: #fff; font-weight: bold; }/* IE6、IE7、IE8支持 */
.h_nav li:after { content: ''; position: absolute; width: 100%; height: 0; background: #fe7c30; bottom: 0; left: 0; -webkit-transition: height .3s; transition: height .3s; }
.h_nav li:hover:after, .h_nav li.cur:after { height: 100%; }
em, i { font-style: normal; }
.banner { position: relative; height: auto; clear: both; }
.banner img { display: block; width: 100%; margin: 0 auto; }
.banner .slick-arrow { position: absolute; font-size: 0; top: 50%; z-index: 9; width: 80px; height: 80px; margin-top: -50px; border: 0; outline: none; cursor: pointer; transition: .8s; }
.banner .slick-prev { left: 3%; background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013142735_55991926.png) no-repeat center center; opacity: 0; }
.banner .slick-next { right: 3%; background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013142735_1940903558.png) no-repeat center center; opacity: 0; }
.banner:hover .slick-prev { left: 5%; opacity: 0.8; }
.banner:hover .slick-next { right: 5%; opacity: 0.8; }
.slick-dots { position: absolute; left: 5%; font-size: 0; bottom: 5%; width: 90%; text-align: center; outline: none; z-index: 4; }
.slick-dots li { display: inline-block; margin: 0 8px; outline: none; }
.slick-dots li button { display: block; border: 0 none; width: 15px; height: 15px; border-radius: 15px; margin-right: 12px; display: inline-block; outline: none; background: #fff; transition: .5s; }
.slick-dots .slick-active button { background: #133359; width: 60px; }
.s_bg { height: 65px; background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013142933_9771612.png) no-repeat center bottom; }
.search { width: 1200px; margin: 0 auto; height: 65px; overflow: hidden; }
.search p { float: left; font-size: 14px; color: #666; width: 900px; height: 65px; line-height: 65px; overflow: hidden; }
.search p a { font-size: 14px; color: #666; padding: 0 10px 0 0; }
.search p a:hover { color: #333; }
.search .ser_inp { background: none; width: 260px; height: 30px; border: none; float: left; font-family: "Microsoft YaHei"; font-size: 14px; color: #666; line-height: 30px; outline: none; margin-top: 16px; }
.search .ser_so { cursor: pointer; float: left; background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013143024_669775321.gif) no-repeat; border: none; width: 40px; height: 30px; margin-top: 16px; }
input::-webkit-input-placeholder {
color: #666;
}
.f_bg { background: #f2f2f2; height: 410px; overflow: hidden; }
.footer { width: 1200px; margin: 0 auto; }
.f_nav { height: 105px; line-height: 105px; overflow: hidden; border-bottom: rgba(51,51,51,0.2) 1px solid; }
.f_nav em { width: 100px; display: block; float: left; font-size: 20px; color: #333; background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013143053_793922160.png) no-repeat right center; }
.f_nav ul { float: right; }
.f_nav ul li { float: left; padding: 0 16px; position: relative; height: 105px; }
.f_nav ul li:before { content: ""; width: 1px; height: 15px; background: rgba(51,51,51,0.2); position: absolute; top: calc(50% - 7px); right: 0; }
.f_nav ul li a { font-size: 14px; color: #333; }
.f_nav ul li a:hover { font-weight: bold; }
.f_nav ul li.nobor { padding-right: 0; }
.f_nav ul li.nobor:before { background: none; }
.f_logo { width: 265px; padding: 60px 0 0; height: 179px; line-height: 0; }
.f_logo img { width: 100px; height: 100px; }
.f_ban { width: 740px; padding: 45px 0 0; height: 174px; }
.f_ban01 { width: 430px; font-size: 14px; color: #333; }
.f_ban01 span { display: block; height: 45px; line-height: 45px; font-size: 20px; padding-bottom: 20px; }
.f_ban01 p { line-height: 30px; }
.f_ban02 { padding: 13px 0 0; }
.f_tel { display: block; font-size: 14px; color: #fff; height: 36px; line-height: 36px; background: #133359 url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013143134_1251511550.png) no-repeat 20px center; padding-left: 40px; width: 80px; border-radius: 20px; margin-bottom: 15px; }
.f_ban02 b { display: block; font-size: 28px; line-height: 30px; color: #333; font-family: Arial, Helvetica, sans-serif; }
.f_er { width: 100px; padding: 55px 0 0; }
.f_er p { width: 100px; text-align: center; }
.f_er em { display: block; width: 100px; height: 100px; line-height: 0; }
.f_er img { width: 100px; height: 100px; }
.f_er p span { display: block; font-size: 14px; color: #333; line-height: 30px; padding: 5px 0 0; }
.f_bot { font-size: 14px; color: #333; height: 84px; line-height: 84px; overflow: hidden; border-top: rgba(51,51,51,0.2) 1px solid; }
.f_bot span { padding: 0 15px; }
.f_bot a { color: #333; }
/*video*/
.vide_c { position: relative; width: 100%; }
.vide_c>i { position: absolute; content: ""; width: 100%; height: 100%; background: url(//memberpic.114my.cn/025853/uploadfile/image/20231013/20231013154846_929564364.jpg) no-repeat center; z-index: 2; background-size: cover; }
.vide_c>video { height: 387px; width: 100%; }
.vide_c>span { display: block; width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; margin-left: -36px; margin-top: -36px; z-index: 3; }
.ab_rc { width: 42%; float: right; }
.vide_c>span img { width: 60px; height: 60px; }

.cpzx_bg {  padding: 80px 0; }
.pro_ic { margin-top: 25px; display: flex; transition: all .5s; }
.pro_c>ul { display: flex; height: 60px;  }
.pro_c>ul>li { width: 34%; text-align: center; background: #525252; transition: all .3s; }
.pro_c>ul>li>a { display: block; line-height: 60px; font-size: 18px; color: #fff; }
.pro_c>ul>li.on { background: #133359; }
.pro_ic { margin-top: 25px; display: flex; transition: all .5s; }
.product_div_item_image { width: 100%; }
.pro_bo .divproduct_new_div { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.pro_bo .divproduct_new_div_item { width: 24%; display: flex; flex-direction: column-reverse; margin-bottom: 20px; }
.pro_bo .divproduct_new_div_item_body { display: none; }
.pro_bo .divproduct_new_div_item_a { display: block; height: 52px; color: #333; font-size: 16px; text-align: center; line-height: 52px; background: #fff; border: 1px solid #ddd; }
.pro_bo .product_div_item_pic { border: 1px solid #ddd; border-bottom: none; overflow: hidden; }
.pro_bo { margin-top: 20px; }
.pro_item { flex-shrink: 0; width: 100%; }
.pro_c { overflow: hidden; }
.pro_icc>ul { display: flex; justify-content: space-between; padding-top: 58px; border-top: 1px solid #d0d0d0; margin-top: 60px; }
.pro_icc>ul>li { text-align: center; }
.pro_icc span { font-size: 42px; color: #666; display: block; }
.pro_icc p { font-size: 16px; color: #666; margin-top: 14px; }
.pro_c>ul>li:last-child:hover { background: #133359; }
.pro_c>ul>li+li { border-left: 1px solid rgba(255,255,255,0.2); }
.pro_bo .divproduct_new_div_item:hover img { transform: scale(1.1); }
.pro_bo .product_div_item_pic img { transition: all .8s; }
.pro_bo .divproduct_new_div_item:hover .divproduct_new_div_item_a { color: #133359; }
.box { margin: 0 auto; width: 84%; min-width: 1400px; max-width: 1400px; box-sizing: border-box; }

.top60 { padding-top: 60px; }