@charset "UTF-8";
/* 初始化CSS */
* { margin: 0; padding: 0; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
ul, ol { list-style: none; }
input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="password"], textarea, button { -webkit-appearance: none; }
input:focus { outline: none; }
input::-moz-focus-inner { border: 0; }
a { text-decoration: none; outline: none; }
img { display: block; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display: block; }
body { font-family: "微软雅黑", "Microsoft YaHei",serif; overflow-x: hidden; min-width:1180px; }
.w18 { width: 1280px !important; margin: 0 auto; }
header .ht { position: relative; }
header .ht .w18 { height: 95px; position: relative; }
header .ht .w18 .logo { position: absolute; top: 50%; left: 0px; margin-top: -35px; }
header .ht .w18 .header-tel { position: absolute; height: 95px; right: 0px; top: 0px; background: url(../images/icon_tel.jpg) no-repeat left center; padding-left: 60px; display: table; }
header .ht .w18 .header-tel p { display: table-cell; vertical-align: middle; text-align: left; padding-top: 10px; }
header .ht .w18 .header-tel p .s1 { font-size: 18px; color: #333333; }
header .ht .w18 .header-tel p .s2 { font-size: 32px; font-weight: bold; color: #ef0303; }
header nav { height: 55px; background-color: #cb212f; position: relative; }
header nav ul { overflow: hidden; }
header nav ul li { width: 14.28%; position: relative; z-index: 1; float: left; }
header nav ul li a { display: block; color: #ffffff; line-height: 55px; text-align: center; font-size: 18px; }
header nav ul .navline { position: absolute; width: 150px; height: 55px; left: 0; bottom: 0; -webkit-transition: 0.2s width; -o-transition: 0.2s width; transition: 0.2s width; background-color: #dc5964; }

.slideBox { width: 100%; position: relative; background-color: #272727; height:550px; }
.slideBox .hd { width: 100%; position: absolute; bottom: 20px; z-index: 1; }
.slideBox .hd ul { text-align: center; }
.slideBox .hd ul li { display: inline-block; width: 40px; height: 6px; background-color: #ffffff; margin: 0px 5px; cursor: pointer; }
.slideBox .hd ul li.on { background-color: #cb2122; }
.slideBox .bd { width: 100%; }
.slideBox .bd ul { width: 100%; }
.slideBox .bd ul li { width: 100%; }
.slideBox .bd ul li img { width: 100%; height:550px; object-fit: cover; }
.slideBox .prev { opacity: 0; position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; left: 15px; background-color: rgba(0, 0, 0, 0.5); transition: 0.1s all; }
.slideBox .prev:after { content: ''; border: solid #ffffff; border-width: 2px 0px 0px 2px; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-5px, -10px) rotate(-45deg); -ms-transform: translate(-5px, -10px) rotate(-45deg); transform: translate(-5px, -10px) rotate(-45deg); }
.slideBox .next { opacity: 0; position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; right: 15px; background-color: rgba(0, 0, 0, 0.5); -webkit-transition: 0.1s all; -o-transition: 0.1s all; transition: 0.1s all; }
.slideBox .next:after { content: ''; border: solid #ffffff; border-width: 2px 2px 0px 0px; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-15px, -10px) rotate(45deg); -ms-transform: translate(-15px, -10px) rotate(45deg); transform: translate(-15px, -10px) rotate(45deg); }
.slideBox:hover .prev { opacity: 1; }
.slideBox:hover .next { opacity: 1; }

.vice_b { height: 100px; background-color: #ebebeb; }
.vice_b .w18 .item { width: 25%; height: 100px; float: left; border-right: 1px solid #d9d9d9; padding-left: 20px; }
.vice_b .w18 .item img { width: 50px; float: left; margin-top: 25px; margin-right: 20px; }
.vice_b .w18 .item .i { padding-top: 25px; }
.vice_b .w18 .item .i .p1 { font-size: 18px; line-height: 25px; }
.vice_b .w18 .item .i .p2 { font-size: 14px; line-height: 25px; }

.b_t { text-align: center; margin-bottom: 30px; }
.b_t .t1 { font-size: 34px; font-weight: bold; margin-bottom: 10px; color: #333333; }
.b_t .t2 { font-size: 16px; color: #666666; }

.pro_b { padding: 30px 0px; }

.p_sort { margin-bottom: 10px; }
.p_sort ul { margin-left: -10.4px; overflow: hidden; }
.p_sort ul li { width: 188px; margin-right: 10.4px; float: left; margin-bottom: 10px; }
.p_sort ul li a { display: block; height: 40px; line-height: 40px; text-align: center; border-radius: 40px; background-color: #ef0303; color: #ffffff; }

.p_list ul { margin-right: -17.33px; overflow: hidden; }
.p_list ul li { float: left; margin-right: 17.33px; margin-bottom: 15px; }
.p_list ul li a { display: block; width: 282px; height: 350px; background-color: #f5f5f5; border: 1px solid #d9d9d9; }
.p_list ul li a .pic { height: 284px; position: relative; }
.p_list ul li a .pic img { width: 100%; height: 284px;object-fit: cover; }
.p_list ul li a .pic .mask { width: 100%; height: 284px; background-color: rgba(0, 0, 0, 0.5); text-align: center; line-height: 284px; color: #ffffff; position: absolute; top: 0; left: 0; opacity: 0; }
.p_list ul li a .infor { text-align: center; padding-top: 15px; }
.p_list ul li a .infor p { font-size: 16px; color: #363636; }
.p_list ul li a .infor .name { margin-bottom: 0px; }
.p_list ul li a:hover .pic .mask { opacity: 1; }
.p_list ul li a:hover .infor p { color: #ef0303; }
.p_list ul li a:hover .infor .name { font-weight: bold; }

.demo1 { height: 900px; overflow: hidden; }

.adv_b { background-color: #f0f0f0; padding: 45px 0px; }
.adv_b .b_t .t1 { color: #ef0303; }
.adv_b .container { height: 510px; position: relative; background:url(../images/adv_1.jpg) no-repeat center; }
.adv_b .container .adv_1 { position: absolute; top: 50%; left: 50%; margin-top: -255px; margin-left: -255px;  }
.adv_b .container .item { position: absolute; width: 425px; height: 150px; padding: 12px; }
.adv_b .container .item img { width: 126px; height: 126px; object-fit: contain; }
.adv_b .container .item p { padding-top: 30px; }
.adv_b .container .item p .ch { font-size: 18px; }
.adv_b .container .item p .en { font-size: 16px; }
.adv_b .container .item1 { background: url(../images/abg_bg1.png) no-repeat 100% 100%; }
.adv_b .container .item1 img { float: left; margin-right: 20px; }
.adv_b .container .item1 p { color: #ffffff; }
.adv_b .container .item2 { top: 50%; margin-top: -75px; }
.adv_b .container .item2 img { float: left; margin-right: 20px; }
.adv_b .container .item3 { bottom: 0; left: 0; }
.adv_b .container .item3 img { float: left; margin-right: 20px; }
.adv_b .container .item4 { top: 0; right: 0; }
.adv_b .container .item4 p { float: right; text-align: right; padding-right: 20px; }
.adv_b .container .item4 img { float: right; }
.adv_b .container .item5 { top: 50%; right: 0; margin-top: -75px; }
.adv_b .container .item5 p { float: right; text-align: right; padding-right: 20px; }
.adv_b .container .item5 img { float: right; }
.adv_b .container .item6 { bottom: 0; right: 0; background: url(../images/abg_bg2.png) no-repeat 100% 100%; }
.adv_b .container .item6 p { float: right; text-align: right; padding-right: 20px; color: #ffffff; }
.adv_b .container .item6 img { float: right; }

.cases_b { padding: 45px 0px; }
.cases_b .container { overflow: hidden; }
.cases_b .container a { display: block; position: relative; }
.cases_b .container a img { width: 100%; -o-object-fit: cover; object-fit: cover; }
.cases_b .container a .mask { width: 100%; height: 100%; position: absolute; background: rgba(5, 78, 161, 0.5); top: 0px; left: 0px; opacity: 0; }
.cases_b .container a .mask p { position: absolute; top: 50%; left: 50%; width: 160px; height: 40px; margin-top: -20px; margin-left: -80px; text-align: center; line-height: 40px; border: 1px solid #ffffff; color: #ffffff; padding: 0px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cases_b .container a:hover .mask { opacity: 1; }
.cases_b .container .box1 { width: 317px; float: left; }
.cases_b .container .box1 a { height: 255px; margin-bottom: 10px; }
.cases_b .container .box1 a img { height: 255px; }
.cases_b .container .box2 { width: 525px; height: 520px; float: left; margin: 0px 10px; }
.cases_b .container .box2 a img { height: 520px; }

.o_b { height: 150px; background-color: #cb2122; color: #ffffff; }
.o_b p { height: 150px; float: left; }
.o_b .o_pic { height: 150px; float: left; }
.o_b .p1 { width: 335px; font-weight: bold; padding-top: 30px; }
.o_b .p1 .s1 { font-size: 20px; display: inline-block; padding-bottom: 10px; }
.o_b .p1 .s2 { font-size: 22px; }
.o_b .p2 { background: url(../images/abg_tel.png) no-repeat center left; padding-left: 55px; padding-top: 50px; }
.o_b .p2 .tel { font-size: 28px; font-weight: bold; }

.about_b { padding: 45px 0; }
.about_b .container { height: 355px; }
.about_b .container .a_pic { float: left; }
.about_b .container .infor { width: 535px; float: left; }
.about_b .container .infor .wel { width: 190px; height: 50px; line-height: 50px; text-align: right; border-bottom: 2px solid #dedede; font-size: 18px; color: #333333; margin-bottom: 35px; }
.about_b .container .infor .t1 { padding-left: 35px; font-size: 28px; color: #333333; margin-bottom: 10px; }
.about_b .container .infor .t2 { font-size: 14px; color: #333333; margin-bottom: 5px; padding-left: 35px; }
.about_b .container .infor .line { width: 45px; height: 5px; background-color: #cb2122; border-radius: 5px; margin-bottom: 20px; margin-left: 35px; }
.about_b .container .infor .t3 { padding-left: 35px; font-size: 14px; line-height: 28px; margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 84px; text-align: justify; }
.about_b .container .infor a { display: block; width: 180px; height: 35px; text-align: center; line-height: 35px; border-radius: 35px; background-color: #ef0303; color: #ffffff; margin-left: 35px; }

.news_b { padding: 45px 0px; background-color: #f0f0f0; }
.news_b .container { overflow: hidden; }
.news_b .container .n_top { width: 580px; height: 500px; padding: 40px 60px; background: #ffffff; float: left; }
.news_b .container .n_top .time { font-size: 24px; font-weight: bold; color: #666666; margin-bottom: 10px; }
.news_b .container .n_top .title { font-size: 18px; color: #666666; margin-bottom: 15px; }
.news_b .container .n_top .abstract { font-size: 14px; line-height: 22px; color: #666666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; height: 66px; padding-left: 20px; border-left: 1px solid #666666; margin-bottom: 20px; }
.news_b .container .n_top .thumbnail { width: 100%; height: 190px; background-color: #ebebeb; object-fit: cover; }
.news_b .container .n_link { display: block; margin-bottom: 30px; }
.news_b .container .n_link:hover .title { color: #ef0303; }
.news_b .container .n_more { display: block; width: 115px; height: 33px; text-align: center; line-height: 33px; background-color: #ff5858; color: #ffffff; }
.news_b .container .n_more:hover { background-color: #ef0303; }
.news_b .container .n_list { width: 580px; float: left; margin-left: 10px; }
.news_b .container .n_list ul li { border-bottom: 1px solid #d9d9d9; }
.news_b .container .n_list ul li:last-of-type { border-bottom: 0; }
.news_b .container .n_list ul li a { display: block; padding: 35px 100px 35px 40px; position: relative; color: #666666; }
.news_b .container .n_list ul li a .title { font-size: 18px; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_b .container .n_list ul li a .abstract { font-size: 14px; color: #666666; line-height: 22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 44px; }
.news_b .container .n_list ul li a .time { position: absolute; right: 0; top: 40px; font-size: 18px; }

.mould_page { padding: 45px 0px; }
.mould_page .main { text-align: justify; }
.mould_page .main img { max-width: 100%; height: auto !important; display: inline; }

.pro_page { padding: 45px 0px; }

.p_infor_page { padding: 45px 0px; }
.p_infor_page .details_t { overflow: hidden; margin-bottom: 40px; }
.p_infor_page .details_t .pic { width: 500px; margin-right: 50px; float: left; }
.p_infor_page .details_t .pic img { width: 100%; }
.p_infor_page .details_t .infor { width: 500px; float: left; padding-top: 20px; }
.p_infor_page .details_t .infor .title { font-size: 26px; color: #333333; margin-bottom: 10px; font-weight: bold; }
.p_infor_page .details_t .infor .i { font-size: 16px; color: #333333; padding: 30px 0px; border-bottom: 1px dashed #dddddd; }
.p_infor_page .details_t .infor .i span { font-size: 24px; color: #cb2122; margin-left: 10px; letter-spacing: 2px; }
.p_infor_page .details_t .infor a { display: block; width: 140px; height: 40px; line-height: 40px; font-size: 16px; color: white; background-color: #cb2122; text-align: center; margin-top: 45px; }
.p_infor_page .details_lab { background-color: #cb2122; text-align: center; height: 45px; line-height: 45px; font-size: 16px; color: white; margin-bottom: 35px; }
.p_infor_page .details_m { padding-bottom: 30px; }
.p_infor_page .details_m img { max-width: 100%; height: auto !important; display: inline; }

.news_page { padding: 45px 0px; }
.news_page ul li { overflow: hidden; margin-bottom: 20px; }
.news_page ul li a { display: block; }
.news_page ul li a .infor { width: 870px; height: 190px; float: left; padding-top: 20px; position: relative; }
.news_page ul li a .infor .title { font-size: 20px; color: #666666; margin-bottom: 8px; }
.news_page ul li a .infor .time { font-size: 14px; color: #666666; margin-bottom: 8px; }
.news_page ul li a .infor .abstract { color: #666666; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; line-height: 30px; height: 60px; }
.news_page ul li a .infor span { display: block; width: 120px; height: 35px; text-align: center; line-height: 35px; font-size: 14px; color: white; background-color: #cb212f; position: absolute; bottom: 10px; left: 0; border-radius: 10px; }
.news_page ul li a .thumbnail { width: 300px; height: 190px; float: left; }
.news_page ul li a .thumbnail img { width: 100%; height: 190px; background-color: #d9d9d9; -o-object-fit: cover; object-fit: cover; }

.n_infor_page { padding: 45px 0px; }
.n_infor_page .title { font-size: 20px; text-align: center; margin-bottom: 15px; }
.n_infor_page .time { font-size: 14px; color: #666666; text-align: center; padding-bottom: 10px; border-bottom: 1px dashed #dfdfdf; margin-bottom: 30px; }
.n_infor_page .pic { max-width: 600px; margin: 0 auto 30px auto; }
.n_infor_page .infor { text-align: justify; padding: 0px 100px 30px 100px; }
.n_infor_page .infor img { display: inline; max-width: 100%; height: auto !important; }

.net_pic { display: block; margin: auto; }

.pageturning { border-top: 1px dashed #dfdfdf; padding-top: 10px; }
.pageturning div { line-height: 30px; }
.pageturning div a { color: #333333; }

.paging li { list-style: none; display: inline-block; margin: 0px 4px; border: 1px solid #dddddd; padding: 6px 10px; }
.paging li a { color: #333333; }
.paging li.thisclass a { color: #e20100; }

footer { background-color: #cb2122; }
footer .container { padding: 30px 0px; overflow: hidden; }
footer .container div { width: 33%; float: left; height: 170px; }
footer .container .f_logo { margin-top: 30px; }
footer .container .i { border: solid #ffffff; border-width: 0px 1px; padding-left: 50px; }
footer .container .i ul li { line-height: 40px; color: #ffffff; }
footer .container .qr { text-align: center; }
footer .container .qr img { display: inline-block; width: 170px; height: 170px; background: #ffffff; object-fit: contain; }
footer .b { line-height: 40px; text-align: center; background-color: #040404; color: #ffffff; font-size: 14px; }
footer a{ color: #ffffff; font-size: 14px; }

.sidebar { position: fixed; right: 0; bottom: 253px; z-index: 999999999; width: 52px; height: 105px; }
.sidebar ul li { cursor: pointer; }
.sidebar ul li.sidebar_home { overflow: hidden; margin-bottom: 1px; width: 52px; height: 52px; background: #c8c8c8; }
.sidebar ul li.sidebar_back { display: none; width: 52px; height: 52px; background: #c8c8c8; }
.sidebar ul li:hover { background: #e20100; }

.f_links .w18 { padding: 20px 0px; color: #333333; font-size: 14px; line-height: 2; }
.f_links .w18 a { color: #333333; margin: 0px 10px; }

.tb_link { display: inline-block; padding: 5px 20px; background-color: #ffffff; color: #cb2122; border-radius: 20px; font-size: 14px; font-weight: bold; margin-top: 20px; }