* { margin: 0; padding: 0; box-sizing: border-box; list-style: none; line-height: 100%; color: #201f1d; }
body { font-size: 14px; min-width: 1300px; font-family: "Microsoft YaHei"; overflow-x:hidden;}
a { text-decoration: none; font-size: 14px; }
em, i { display: block; font-style: normal; }
:focus { outline: none; }
.gy { max-width: 1500px; margin: 0 auto; min-width: 1300px; width: 100%; }
@media screen and (max-width:1600px) {
.gy { width: calc(100% - 100px); }
}
@font-face { font-family: 'che';  /* Project id 2955432 */ src: url('//at.alicdn.com/t/font_2955432_tx8cn3vtsqp.eot?t=1638165013805'); /* IE9 */ src: url('//at.alicdn.com/t/font_2955432_tx8cn3vtsqp.eot?t=1638165013805#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('//at.alicdn.com/t/font_2955432_tx8cn3vtsqp.woff2?t=1638165013805') format('woff2'), url('//at.alicdn.com/t/font_2955432_tx8cn3vtsqp.woff?t=1638165013805') format('woff'), url('//at.alicdn.com/t/font_2955432_tx8cn3vtsqp.ttf?t=1638165013805') format('truetype'), url('//at.alicdn.com/t/font_2955432_tx8cn3vtsqp.svg?t=1638165013805#che') format('svg'); }
@font-face { font-family: 'num'; src: url('/cssnew/num.eot.txt'); src: url('/cssnew/num.eot.txt?#iefix') format('embedded-opentype'), url('/cssnew/num.woff.txt') format('woff'), url('/cssnew/num.ttf.txt') format('truetype'), url('/cssnew/num.svg.txt#iconfont') format('svg'); }
.sup_tit { text-align: center;     margin-bottom: 40px;}
.sup_tit>p { font-size: 40px; color: #212020; }
.sup_tit>p>b { font-size: 40px; color: #cb0000; }
.sup_tit>i { font-size: 18px; color: #666; margin-top: 12px; }
.fl{ float:left}
.fr{ float: right}
/*header*/
.head_c { display: flex; justify-content: space-between; height: 110px; align-items: center; padding-left: 3.65%; padding-right:3.65%; }
.hea_cc { display: flex; align-items: center; justify-content: space-between; width: 66%; height: 100%; position: relative;margin-left:17%;   }
@media screen and (max-width:1600px) {
	.hea_cc {margin-left:6%; width: 71%;}

}
@media screen and (max-width:1500px) {
	.hea_cc {margin-left: 5%; width: 71%;}

}
@media screen and (max-width:1400px) {
	.hea_cc {margin-left:3%; width: 71%;}

}

.hea_cc>ul { display: flex; width: 76%; justify-content: space-between; height: 100%; align-items: center; }
.hea_lc>a { display: flex; align-items: center; }
.hea_lc b { display: block; font-size: 40px; letter-spacing: 0.06em; }
.hea_lc i { font-size: 12px; margin-top: 6px; display: flex; align-items: center; }
.hea_lc i em { margin-left: 3px; }
.hea_lc>a>p { }
.hea_lc>a>p img { height: auto; width: 100%; }
.hea_cc>ul>li>a { font-size: 18px; position: relative; height: 100%; display: flex; align-items: center; position: relative; }
.hea_cc>ul>li.on>a, .hea_cc>ul>li:hover>a { font-weight: bold; color: #cb0000; }
.hea_cc>ul>li>a:after { position: absolute; content: ""; width: 28px; height: 5px; background: #cb0000; bottom: 0; left: 50%; margin-left: -14px; transition: .5s; transform: scaleX(0); }
.hea_cc>ul>li:hover>a:after, .hea_cc>ul>li.on>a:after { transform: scaleX(1); }
.hea_cc>ul>li { height: 100%; display: flex; align-items: center; }
.hea_cc>ul>i { font-size: 20px; }
.hea_pho { position: relative; height: 100%; display: flex; align-items: center; }
.hea_pho>span { width: 36px; height: 36px; border-radius: 100%; background: #cb0000; text-align: center; line-height: 35px; font-size: 18px; color: #fff; }
.hea_pho:hover>p { transform: rotateX(0); }
.hea_tel { margin-left: 12px; }
.hea_tel>p { font-size: 26px; font-family: arial; font-weight: bold; position: relative; color: #cb0000;background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240921/20240921185405_1657257423.jpg)no-repeat top;
    padding-top: 25px; }
.hea_tel>p+p { margin-top: 5px; }
.hea_tel>p b { display: block; padding: 6px 10px; background: #cb0000; position: absolute; top: 0; right: 0; transform: translateX(0); font-size: 14px; font-weight: normal; color: #fff; opacity: 0; transition: all 0.5s; }
.hea_tel>p:hover b { opacity: 1; transform: translateX(110%); }
 @media screen and (max-width:1400px) {
.hea_lc>a>p { margin-right: 20px; }
.hea_lc b { font-size: 30px; }
.hea_lc i { text-transform: uppercase; letter-spacing: 10px; }
.hea_lc em { display: none; }
.hea_lc>a>p img {}
.hea_cc { width: 72%; }
.hea_cc>ul { width: 76%; }
.hea_tel>p { font-size: 22px; }
}
.wthl{}
.wthl {color: #333;   border-radius: 20px;text-align: center; font-size: 14px;   border: 1px solid #ccc;}
.wthl  a{color: #333; display:block; border-radius: 20px;font-size: 14px;    line-height:35Px;  height: 35px; width: 35px; }
.wthl  a:hover{color: #fff; background:#cb0000; }

/*search*/
.searchIcon { height: 100%; display: flex; align-items: center; }
.searchIcon > span { font-size: 20px; width: 35px; height: 35px; text-align: center; line-height: 35px; border: 1px solid #ccc;  border-radius: 20px;}
.slideDown { text-align: center; position: absolute; right: 0; width: 100%; height: 204px; background: rgba(250,250,250,0.9); z-index: 999; overflow: hidden; top: 110px; transition: all .5s; transform-origin: top; transform: rotateX(90deg); }
.slideDown .searchBox { overflow: hidden; display: inline-block; width: 90%; height: 80px; margin-top: 50px; margin-bottom: 15px; background: #fff; border-radius: 50px; }
.slideDown .searchBox { }
.slideDown .searchHot { font-size: 15px; color: #333; font-weight: 100; }
.slideDown .searchHot a { color: #333; font-size: 16px; }
.slideDown .searchBox input[type='text'] { font-size: 14px; color: #666; float: left; width: 840px; height: 100%; border: none; outline: none; background: none; line-height: 60px; margin-left: 25px; font-size: 14px; color: #666; }
.search-bg { width: 90%; height: 60px; line-height: 60px; padding-left: 10px; float: left; }
.search-i { width: 32px; overflow: hidden; height: 32px; float: left; margin-top: 28px; }
.nav_r { float: right; width: 6.5vw; }
#infoname { width: 1330px; background: none; outline: none; color: #d2d1d1; border: none; height: 82px; line-height: 60px; padding-left: 50px; }
.searchIcon:hover .slideDown { transform: rotateX(0deg); }
@media screen and (max-width:1550px) {
.head_c { padding-left: 1%; }
}

.top_en a{display:flex;align-items:center;justify-content:center;width:2.08vw;height:2.08vw;background:#fff;border-radius:100%;font-size:14px;color:#333;}
/*banner*/

/*products*/
.icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }
.pro_l>i { width: 2px; height: 64px; background: #201f1d; position: relative; margin-right: 18px; }
.pro_l>i:after { position: absolute; content: ""; width: 2px; height: 32px; background: #cb0000; top: 0; left: 0; }
.pro_l b { display: block; font-size: 42px; }
.pro_l em { font-size: 20px; font-weight: bold; text-transform: uppercase; margin-top: 9px; }
.pro_l { display: flex; align-items: center; }
.pro_bc { padding: 80px 0; overflow: hidden;}
.pro_ti { display: flex; justify-content: space-between; align-items: center; }

/**/
.hpage { margin: 0 auto; width: 1300px;}
.index_products .hpage{height: 640px;position: relative;}
.index_products{background: #f5f5f5;width: 100%;padding: 100px 0 80px;}
.index_products_item{background: #fff;position: absolute;border-radius: 15px;overflow: hidden;}
.index_products_item img{position: absolute;bottom: 8px;right: 30px;max-width: 100%;}
.index_products_item1{width: 380px;height: 640px;left: 0;top: 0;}
.index_products_item2{width: 560px;height: 310px;left: 410px;top:0}
.index_products_item3{width: 300px;height: 305px;right: 0;top: 0;}
.index_products_item4{width: 265px;height: 305px;left: 410px;bottom:0}
.index_products_item5{width: 265px;height: 305px;right: 330px;bottom: 0;}
.index_products_item6{width: 300px;height: 305px;right: 0;bottom: 0;}
.index_products_item strong{font-weight: normal;font-size:22px;color: #343434;display: block;line-height: 25px;padding: 40px;position: relative;z-index: 2;}
.index_products_item strong .small{font-weight: 100;font-size:14px;color: #999;display: block;padding-top: 15px;}
.index_products_item:hover strong{color: #cb0000}
.index_products_item:hover strong .small{color: #454545}
.index_products_item:after{content: '';display: block;clear: both;width: 32px;height: 32px;background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240326/20240326173930_746309510.png) no-repeat -26px 5px;border: 1px solid #ccc;border-radius: 50%;padding: 6px;transition: 0.3s all ease;position: absolute;}
.index_products_item:hover:after{background-position-x:6px;background-color:#cb0000;border: 1px solid transparent;}
.index_products_item.index_products_item1:after{right: 40px;top: 45px;}
.index_products_item.index_products_item2:after{left: 40px;bottom: 45px;}
.index_products_item.index_products_item3:after{right: 40px;top: 45px;}
.index_products_item.index_products_item4:after{right: 40px;top: 45px;}
.index_products_item.index_products_item5:after{right: 40px;top: 45px;}
.index_products_item.index_products_item6:after{right: 40px;top: 45px;}


/**/
.hys{width: 100%; height: 760px;background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240326/20240326164452_1259823724.jpg) center no-repeat;}
.hys .ys_main{overflow: hidden;}
.hys .ys_main .ys_tit{margin-top: 102px; text-align: center;}
.hys .ys_main .ys_tit > h3{font-size: 40px; line-height: 40px; font-weight: bold; color: #ffffff; margin-bottom: 20px;}
.hys .ys_main .ys_tit > h4{font-size: 16px; color: #fffefe; line-height: 16px;}
.hys .ys_main .ys_con{margin-top: 38px; width:1400px; margin:0 auto;}
.hys .ys_main .ys_con .ys_list > li{float: left; width: 260px; height: 494px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; overflow: hidden; margin-right: 53px; background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240401/20240401171402_768055267.png) center top no-repeat;}
.hys .ys_main .ys_con .ys_list > li:hover{background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240401/20240401171509_77927142.png) center top no-repeat;}
.hys .ys_main .ys_con .ys_list > li:hover .ys_ico{border: solid 2px #fbfaff;}
.hys .ys_main .ys_con .ys_list > li:hover .ys_ico > span{margin-top: -100px; opacity: 0;}
.hys .ys_main .ys_con .ys_list > li:hover .ys_ico > i{bottom: 0; opacity: 1;}
.hys .ys_main .ys_con .ys_list > li:hover > p{color: #fff;}
.hys .ys_main .ys_con .ys_list > li:hover > span{color: #fff;}
.hys .ys_main .ys_con .ys_list > li:hover > h4{opacity: 1; height: 180px;}
.hys .ys_main .ys_con .ys_list > li.on{background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240401/20240401171509_77927142.png) center top no-repeat;}
.hys .ys_main .ys_con .ys_list > li.on .ys_ico{border: solid 2px #fbfaff;}
.hys .ys_main .ys_con .ys_list > li.on .ys_ico > span{margin-top: -100px; opacity: 0;}
.hys .ys_main .ys_con .ys_list > li.on .ys_ico > i{bottom: 0; opacity: 1;}
.hys .ys_main .ys_con .ys_list > li.on > p{color: #fff;}
.hys .ys_main .ys_con .ys_list > li.on > span{color: #fff;}
.hys .ys_main .ys_con .ys_list > li.on > h4{opacity: 1; height: 180px;}
.hys .ys_main .ys_con .ys_list > li .ys_ico{width: 100px; height: 100px; border: solid 2px #d9252c; border-radius: 50%; margin: 64px auto 23px; position: relative; overflow: hidden; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.hys .ys_main .ys_con .ys_list > li .ys_ico > span{display: block; width: 100%; height: 100%; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.hys .ys_main .ys_con .ys_list > li .ys_ico > i{position: absolute; display: block; width: 100%; height: 100%; bottom: -100px; left: 0; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.hys .ys_main .ys_con .ys_list > li > p{font-size: 18px; font-weight: bold; color: #666666; line-height: 18px; margin-bottom: 12px; text-align: center; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.hys .ys_main .ys_con .ys_list > li > span{display: block; font-size: 14px; font-family: Arial; color: #666666; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; text-align: center;}
.hys .ys_main .ys_con .ys_list > li > h4{width: 196px; margin: 20px auto 0; color: #ffffff; line-height: 30px; height: 0; overflow: hidden; opacity: 0; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;}
.hys .ys_main .ys_con .ys_list > li:nth-child(1) .ys_ico > span{background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240401/20240401171608_1152827346.png) center no-repeat;}
.hys .ys_main .ys_con .ys_list > li:nth-child(1) .ys_ico > i{background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240401/20240401171628_1695450976.png) center no-repeat;}
.hys .ys_main .ys_con .ys_list > li:nth-child(2) .ys_ico > span{background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240401/20240401171706_218532467.png) center no-repeat;}
.hys .ys_main .ys_con .ys_list > li:nth-child(2) .ys_ico > i{background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240401/20240401171727_179570357.png) center no-repeat;}
.hys .ys_main .ys_con .ys_list > li:nth-child(3) .ys_ico > span{background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240401/20240401171809_1244816988.png) center no-repeat;}

.hys .ys_main .ys_con .ys_list > li:nth-child(3) .ys_ico > i{background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240401/20240401180633_1204802147.png) center no-repeat;}
.hys .ys_main .ys_con .ys_list > li:nth-child(4) .ys_ico > span{background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240401/20240401180843_2067222455.png) center no-repeat;}
.hys .ys_main .ys_con .ys_list > li:nth-child(4) .ys_ico > i{background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240401/20240401180905_1927681866.png) center no-repeat;}
.hys .ys_main .ys_con .ys_list > li:nth-last-child(1){margin-right: 0;}


/**/
.g-cases{ height:740px; background:#fff; padding:80px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative; }
.g-cases .tit01{height:148px; }
.casetit{height: 85px;width:1466px;margin:0 auto 55px;}
.casetit ul{max-width: 1366px;overflow: hidden;float: left;}
.casetit li{ height: 85px;float: left; font-size:20px; color: #666666;text-align: center;box-sizing: border-box;position: relative;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;border-right: 1px solid #d7d7d7;padding:0 28px;}
.casetit li em{display: block;width: 50px; height: 50px; overflow: hidden; position: relative;margin:0 auto 12px; background: #2e343e;border-radius: 100%;}
.casetit li em img{width:100%; display: block;}
.casetit li a{color: #666666; text-decoration: none; font-size:20px; }
.casetit li.cur a,.casetit li:hover a{color: #cb0505; font-weight: bold;}
.casetit li:hover em,.casetit li.cur em{background:#cb0505;}
.casetit li:nth-child(1){padding-left:0;}
.casetit span{height: 85px;float: left; font-size:20px; color: #666666;text-align: center;box-sizing: border-box;position: relative;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;width:105px;display: block;padding-left:25px;}
.casetit span em{display: block;width: 50px; height: 50px; overflow: hidden; position: relative;margin:0 auto 12px; background: #2e343e;border-radius: 100%;}
.casetit span em img{width:100%; display: block;}
.casetit span a{color: #666666; text-decoration: none; }
.casetit span:hover a{color: #cb0505; font-weight: bold;}
.casetit span:hover em{background:#cb0505;}

.case{position: relative;height: 428px;width:98%;margin:0 auto;}
.m_case dl{width: 445px;position: relative;margin-right: 26px;}
.m_case dl dt{width: 445px;height: 400px; }
.m_case dl dt img{width: 100%;display: block;}
.m_case dl dd{width: 385px;height: 82px;overflow: hidden;; padding:22px 40px 10px;text-align: center;box-sizing: border-box;margin:0 auto;box-shadow:0 8px 20px #eeeeee;position: absolute;left:50%;margin-left:-192px;bottom:20px;z-index: 1;background: #fff;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.m_case dl dd h4{font-size: 20px;color:#333333;line-height: normal;font-weight: normal;margin-bottom: 10px; -webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.m_case dl dd h4 a{color:#333333;font-size: 20px;}
.m_case dl dd p{font-size: 14px;color: #666;line-height: 24px;max-height:48px;opacity: 0; -webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.m_case dl dd::after{content: "";width:0;height:8px;background: #cb0505;position: absolute;left:50%;bottom:0;transform: translate(-50%);transition:width .35s linear;-webkit-transition: width .35s linear;-moz-transition:width .35s linear;}

.m_case dl:hover dd{height: 167px;}
.m_case dl:hover dd h4{font-weight: bold;}
.m_case dl:hover dd p{opacity: 1;}
.m_case dl:hover dd::after{width:100%;}

/*about*/
.about{position: relative;padding: 120px 0 0;}
.about:after{content: '';background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240326/20240326144125_8084817.jpg)no-repeat right;width: 49.22%;height: 620px;position: absolute;right: 0;top: 11%;z-index: -1;}
.about_box{margin: 0 auto;}
.about_con{display: inline-block;/* padding-top: 160px;*/width: 42%;}
.about_con p{font-size: 40px;text-transform: uppercase;color: #ccc;line-height: 40px;}
.about_con p b{color: #006fb9;font-weight: bold;background-image: linear-gradient(to right, #cb0000 0, #cb0000 100%);-webkit-background-clip: text;color: transparent;}
.about_con em{display: flex;flex-direction: column;font-size: 32px;padding-top: 10px;}
.about_con em span{font-size: 15px;line-height: 30px;padding-top: 45px;}
.about_con a{width: 164px;height: 44px;border: 1px solid #eee;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #666;margin-top: 30px;}
@media screen and (max-width: 1920px) and (min-width: 1500px) .box1{max-width: 1500px;}
.box1{max-width: 1500px;}
.ab_b{margin-top: 50px;padding: 30px 0;display: flex;justify-content: space-between;align-items: center;width: 66%;background: #cb0000;}
.ab_b ul{width: 80%;display: flex;justify-content: space-between;margin-left: 10%;}
.ab_b li i{font-size: 40px;color: #fff;display: inline-block;font-family: Arial;}
.ab_b ul p{}
.ab_b li span{display: inline-block;font-size: 15px;color: #fff;margin-left: 5px;}
.ab_b li em{font-size: 16px;margin-top: 20px;color: #fff;}
.ab_b ul li{text-align: center;}
.ab_b>p{width: 49%;font-size: 138px;text-transform: uppercase;color: #eee;font-weight: bold;letter-spacing: 25px;text-align: right;font-family: Arial;font-weight: 800;}
/*sj*/.pro_sub{position: relative;}
.pro_sub:before{content: '';width: 60px;height: 3px;background: #cb0000;position: absolute;bottom: -24px;left: 0%;}
.pro_sub p{font-size: 40px;font-family: din;text-transform: uppercase;flex-direction: column;line-height: 40px;}
.pro_sub p span{font-size: 28px;display: block;color: #999;letter-spacing: 6px;line-height: 30px;padding-top: 13px;font-family: "Microsoft YaHei";}
.pro_sub a:before{content: '';width: 100px;height: 23px;background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240417/20240417161031_784307364.png) right no-repeat;position: absolute;bottom: 27px;left: 29%;}
.pro_sub a{float: right;color: #999;position: relative;margin-top: -40px;font-size: 16px;}
.ap_bc{padding: 80px 0 250px 0;background:#f9f9f9  url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240326/20240326153836_1732199031.jpg) bottom center no-repeat;margin-top: 110px;}
.ap_ic{display: flex;position: relative;margin-top: 60px;}
.ap_rc{position: absolute;right: 0;top: 0;width: 69%;height: 100%;display: flex;align-items: center;}
.ap_lc{width: 50%;position: relative;}
.ap_lc img{width: 100%;transition: all 1s;}
.ap_lc>a{display: block;overflow: hidden;}
.ap_lc:hover img{transform: scale(1.1);}
.ap_lc>a i{position: absolute;bottom: 26px;left: 30px;color: #fff;font-size: 16px;display: flex;align-items: center;}
.ap_lc>a i span{color: #fff;font-size: 22px;margin-left: 6px;transition: all .5s;font-family: "iconfont";}
.ap_rc .new_web_div2021{width: 100%;}
.ap_rc ul{display: flex;flex-wrap: wrap;justify-content: space-between;background: #fff;padding: 24px;}
.ap_rc img{width: 100%;height: auto;}
.ap_rc li{width: 49%;position: relative;overflow: hidden;}
.ap_rc li>a{display: block;position: relative;}
.ap_rc li p a{display: block;position: absolute;bottom: 28px;left: 32px;color: #fff;font-size: 16px;}
.ap_rc li p a:after{content: "\eb8d";font-family: "iconfont";font-size: 22px;position: absolute;top: 0;right: -30px;transition: all .5s;}
.ap_rc li:nth-child(n+3){margin-top: 20px;}
.ap_rc li>a:after{position: absolute;content: "";bottom: 0;left: 0;background: url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240417/20240417161057_1435887876.png) no-repeat left bottom;width: 100%;height: 100%;}
.ap_rc li>a: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);}
.ap_rc li:hover>a:before{left: 100%;transition: 0.2s;}
.ap_rc li:hover p a:after{transform: translateX(5px);}
.ap_lc:hover>a i span{transform: translateX(5px);}
a.ap_btn{font-size: 16px;color: #fff;display: flex;width: 190px;height: 54px;line-height: 54px;background: #cb0000;border-radius: 30px;align-items: center;justify-content: center;margin: 0 auto;margin-top: 50px;}
a.ap_btn span{color: #fff;font-size: 30px;transform: rotate(-90deg);margin-left: 14px;}



/*新闻*/
.hbnes {   padding: 80px 0 20px 0;   overflow: hidden; background: linear-gradient(-180deg, #fff, #f5f5f5);}
.news_bg{}
.news_top ul{text-align:center; margin:0px auto;}
.news_wz{ height:48px;line-height: 36px; }
.news_wz b{font-size:26px;}
.news_wz span{font-size:24px; margin-left: 8px; color: #ccc; text-transform: uppercase; font-family: Arial;}
.news_wz em{font-size:16px; font-weight:200; display: block;color: #999;}
.news_tab{margin-top:10px;}
.news_tab li{display:inline-block; background: #fff; box-shadow: 0px 0px 20px #eee; width: 171px; height: 42px; line-height: 42px; text-align: center; border-radius: 30px;}
.news_tab li+li{margin-left:19px;}
.news_tab li a{font-size:18px;font-weight:100; color:#666;display: block;height: 42px; line-height: 42px; }
.news_tab li.on{color:#fff; background:linear-gradient(-90deg, #cb0000, #da251d);box-shadow:0px 0px 10px rgba(218,37,29,0.3);width: 171px; height: 42px; line-height: 42px;}
.news_tab li.on a{color:#fff !important;}
.news_a{margin-right: 17px;}
.news_a em{position:relative;font-size: 20px;color: #c2c2c2; top:8px;}
.news_a .sPrev, .news_a .sNext{position:absolute;top: 2px;font-size: 20px;color: #c2c2c2;cursor: pointer;}
.news_a .sPrev{right: 5px;transform: rotate(-90deg);}
.news_a .sNext{left: 5px;transform: rotate(90deg);}
.news_a i:hover{color:#005cab;}
.news_list{height:28vw; min-height:500px !important;width: 100%;overflow: hidden;}
.news_list .tempWrap {width: 100% !important;}
.news_list .news_div{height:100%;}
.news_list .news_div_item{width: 25%;display: inline-block;position: relative;height:500px;transition:0.5s; padding:30px 40px 1px;border-right:1px #eee solid;}
.news_list .news_div_item:first-child{border-left:1px #eee solid;}
.news_list .news_div_item_date{font-weight: 400;height: 26px; line-height: 22px;}
.news_list .news_div_item_content{padding-right: 14px; padding-bottom:90px;}
.news_list .news_div_item_year, .news_list .news_div_item_month, .news_list .news_div_item_day{display: inline-block; font-size: 15px;line-height: 22px; color: #999;}

.news_list .news_div_item_a{font-size: 18px;display: block;margin-bottom: 16px;position:relative;transition:0.3s; font-weight:normal; color:#222;}
.news_list .news_div_item_a::before{position:absolute;content:'查看详情';bottom: -152px;left: 0;width: 0;height: 33px;background: #fff;border-radius: 40px;line-height: 33px;color: #999;font-size: 15px;transition:0.5s;padding-left: 43px; border:1px #eee solid; font-weight: 100; display: none;}
.news_list .news_div_item_a::after{position:absolute;content:'';bottom: -141px;font-size: 43px;background:url(//memberpic.114my.com.cn/haolong88/uploadfile/image/20240417/20240417161135_111351822.png) no-repeat center;width: 18px;height: 14px;left: 0;transition:0.5s;}
.news_list .news_div_item_body{font-size: 14px;color: #666;font-weight: 100;line-height: 24px;}
.news_list .news_div_item_pic, .news_list .news_div_item_pic a, .news_list .news_div_item_image{width:100%;height:auto;display: block;}
.news_list .news_div_item_pic{  height: 15vw; overflow: hidden;}
.news_list .news_div_item img{transition:0.3s all linear; }
.news_list .news_div_item:hover img{transform:scale(1.1);}
.news_list .news_div_item:hover .news_div_item_a{color: #cb0000;transition:0.3s;}
.news_list .news_div_item:hover .news_div_item_a::before{padding-left:40px;display: block;width: 130px;}
.news_list .news_div_item:hover .news_div_item_a::after{left:110px;}


/*copy*/
input, textarea { outline: none; border: none; }
.cop_bc{width: 100%; position: relative; overflow: hidden; border-top: #cb0000 10px solid;background: #011439;}
.cop_bc:after { position: absolute; content: ""; width: 400px; height: 100%; background: #cb0000; right: -160px; top: 0; display: none; }
.cop_c { display: flex; justify-content: space-between; position: relative; }
.cop_lc { width:57%; padding: 87px 0 50px 50px; position: relative; }
.copp { display: flex; justify-content: space-between; }
.copp ul li a { font-size: 14px; color: rgba(255,255,255,0.47); padding-bottom: 15px; display: block; }
.copp ul li:first-child a { font-size: 18px; color: #fff; padding-bottom: 30px; }
.copp ul li a:hover, .foot_c a:hover { color: #fff; }
.yq_c { display: flex; align-items: center; height: 85px; justify-content: space-between; }
.l_lj b { font-size: 25px; color: #333; font-weight: bold; }
.l_lj b span { font-size: 25px; color: #cb0000; }
.l_lj p { font-size: 22px; color: #201f1d; font-weight: bold; margin-right: 9px; }
.l_lj { display: flex; align-items: center; height: 100%; padding-right: 19px; border-right: 1px solid #eee; }
.links_c { width: 85%; }
.cop_rc { position: relative; width: 35%; padding: 85px 0 0; }
.dy_c>div { padding-top: 22px; text-align: center; }
.dy_c>div p { font-size: 14px; color: #666; }
.dy_c>div p:last-child { padding-top: 8px; }
.lx_c>p { font-size: 18px; color: #fff; }
.lx_c>div { font-size: 18px; color: rgba(255,255,255,0.47); line-height: 36px; margin: 20px 0; }
.lx_c>div a { color: rgba(255,255,255,0.47); }
.lx_c>div a:hover { color: #fff; }
.hwthl{ text-align:center; width:130px; font-size:15px !important;}
.bq_ewm { display: flex; margin-bottom: 15px; margin-top: -20px; }
.bq_ewm li { position: relative; }
.bq_ewm li span { width: 36px; height: 36px; border: 2px solid #fff; border-radius: 100%; text-align: center; line-height: 34px; font-size: 14px; color: #fff; display: block; transition: all .5s; }
.bq_ewm li+li { margin-left: 12px; }
.foot_bc { position: relative; }
.foot_bc:after { position: absolute; content: ""; background: rgba(255,255,255,0.14); width: 1500px; height: 1px; top: 0; right: 2px; }
.foot_c { display: flex; height: 80px; align-items: center; }
.foot_c a, .foot_c div { font-size: 14px; color:rgba(255,255,255,0.47);; }
.ewm_cc { display: none; position: absolute; top: -155px; left: calc(50% - 75px); }
.ewm_cc img { width: 150px!important; }
.linkTagcs { width: 100%!important; }
.bq_ewm li:hover span { background: #cb0000; border: 2px solid #cb0000; }
.dy_c>p { background: #fff; padding: 13px; border-radius: 6px; }
.foot_c div { line-height: 24px; }
.fee_ce { width: 29.2%; }
.con_box { width: 100%;/* background:#2d7dd2; */ padding: 74px 0 0 57px; height: 100%; position: relative; z-index: 2; }
.con_c { position: relative; }
.cc_t { width: 110px; height: 110px; background: #e43022; position: absolute; top: 0; left: -110px; text-align: center; padding-top: 18px; }
.cc_t em { font-size: 26px; color: #fff; font-weight: bold; }
.cc_t i { font-size: 12px; color: #c5c9e1; text-transform: capitalize; }
.cc_t p { font-size: 22px; color: #c5c9e1; margin-top: 10px; }
.cc_ri { width: 100%; }
.feed_lx { overflow: hidden; }
.feed_lx ul li { width: 100%; }
.cc_ri ul li { height: 49px; position: relative; margin-bottom: 18px; }
.cc_ri ul li span { position: absolute; top: -20px; left: 0; line-height: 20px; color: #fa9900; }
.cc_ri ul li input { width: 100%; height: 49px; line-height: 49px; padding: 0 0 0 12px; outline: none; font-size: 16px; color: #333; background: #fff; }
.cc_ri ul li input:focus, .cc_ri textarea:focus, .code input#authcode:focus { border: 1px solid #0e131f; }
.cc_ri ul li.li08 { margin-left: 0; height: 121px; }
.cc_ri textarea { width: 100%; height: 121px; line-height: 33px; outline: none; font-size: 16px; color: #333; padding: 0 0 0 12px; background: #fff; font-family: "Microsoft YaHei", 微软雅黑; }
.code { font-size: 0; display: flex; justify-content: space-between; align-items: center; position: relative; }
.code input#authcode { width: 58%; height: 49px; padding-left: 12px; display: inline-block; vertical-align: top; background: #fff; }
.code i { vertical-align: middle; position: absolute; right: 47%; top: 50%; margin-top: -15px; }
.code img { margin-left: 13px; }
#submit { color: #fff; font-size: 16px; width: 100%; height: 49px; line-height: 49px; text-align: center; background-color: #cb0000; display: inline-block; vertical-align: top; transition: all .5s; cursor: pointer; }
.feed_lx b { font-size: 20px; line-height: 40px; }
#file { margin-top: 37px; }
.colr { display: flex; justify-content: space-between; position: relative; z-index: 9; }
.linkk { background: #fff; }
.co_lc { width: 70.8%; }
.cop_lc:before { content: ""; position: absolute; width: 1px; height: 100%; background: rgba(255,255,255,0.1); top: 0; left: 0; }
.cop_lc:after { content: ""; position: absolute; width: 1px; height: 100%; background: rgba(255,255,255,0.1); top: 0; right: 135px; }
.cop_c:after { content: ""; position: absolute; width: 1px; height: 100%; background: rgba(255,255,255,0.1); top: 0; left: 16%; }
.cop_c:before { content: ""; position: absolute; width: 1px; height: 100%; background: rgba(255,255,255,0.1); top: 0; right: 39%; }
/*下拉*/
.hea_cc>ul>li>dl { position: absolute; overflow: hidden; width: 100%; display: block; z-index: 10000; padding: 20px; background: #fff; transition: all 0.3s; left: 0; padding: 40px; visibility: hidden; top: 115px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.hea_cc>ul>li>dl>dd { display: block; overflow: hidden; margin: auto; }
.nav_xl1 li { width: calc(100%/3); float: left; padding: 0 30px; height: 285px !important; }
.nav_xl1 li p { font-size: 20px; text-align: center; color: #d0b393; display: block; line-height: 50px; transition: all 0.3s; }
.xl_bt { width: 100%; border-bottom: 1px #eee solid; padding-bottom: 40px; overflow: hidden; }
.xl_bt p { font-size: 30px; color: #333; float: left; font-weight: bold; line-height: 40px; }
.xl_bt a { width: 120px; height: 40px; background: #cb0000; text-align: center; color: #fff; font-size: 16px; display: block; float: right; line-height: 40px; }
.fl_box { width: 100%; overflow: hidden; }
.fl_box li { width: calc( (100% - 40px)/5); float: left; margin-top: 25px; }
.fl_box li+li { margin-left: 10px; }
.fl_box li a { font-size: 17px; color: #666; position: relative; padding-left: 20px; text-align: left; line-height: 20px; display: block; }
.fl_box li a:hover { color: #cb0000; }
.fl_box li a:before { content: ""; width: 10px; height: 10px; border: 1px #949494 solid; position: absolute; left: 0; top: 6px; border-radius: 50%; }
.fl_box li a:hover:before { border-color: #cb0000; }
.fl_box li:nth-child(6) { margin-left: 0 }
.fl_box li dt { margin-top: 5px; padding-left: 20px; }
.fl_box li dt a { font-size: 15px; color: #999; }
.fl_box li dt a:before { border-color: #a9a9a9; }
.re { width: 100%; overflow: hideen; margin-top: 30px; }
.re .rbt { font-size: 30px; color: #333; float: left; font-weight: bold; border-left: 5px #00 solid; border-left: 5px #cb0000 solid; padding-left: 10px; margin-bottom: 30px; }
.re .t_box { width: 100%; overflow: hidden; }
.t_box>.progdwz2021 li { float: left; width: calc((100% - 30px)/4); border-radius: 15px; }
.t_box>.progdwz2021 li img { width: 100%; height: auto; border: 1px #eee solid; }
.t_box>.progdwz2021 li+li { margin-left: 10px; }
.t_box>.progdwz2021 li a { line-height: 40px; }
.t_box>.progdwz2021 li span { display: block; text-align: center; }
.re .t_box>.news_div>.news_div_item { float: left; width: calc((100% - 20px)/2); text-align: left; border: 1px #eee solid; margin-bottom: 20px; box-shadow: 0 0 5px #eee; padding: 20px; }
.re .t_box>.news_div>.news_div_item+.news_div_item { margin-left: 20px; }
.re .t_box>.news_div>.news_div_item:nth-child(3) { margin-left: 0; }
.re .t_box .news_div_item_a { font-size: 16px; line-height: 35px; color: #cb0000; font-weight: bold; }
.re .t_box .news_div_item_body { font-size: 14px; line-height: 23px; color: #666; }
.news_div_item_date { display: flex; }
.news_div_item_year, .news_div_item_month, .news_div_item_day { color: #666; font-size: 16px; }
.hea_cc>ul>li:hover>dl { opacity: 1; visibility: inherit; }
.com_bo { width: 100%; color: #666; line-height: 25px; overflow: hidden; text-align: left; }
.nb-comp-base { right: 1720px !important; }
.ban_bc:after { content: ''; position: absolute; width: 993px; height: 366px; background: url()center no-repeat; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 7; }
.ban_bc:before { content: ''; position: absolute; width: 100%; height: 100%; background: url(//memberpic.114my.com.cn/dgyouan/uploadfile/image/20230411/20230411135141_1824757135.png) repeat 0px 0px; background-size: 2px; -webkit-background-size: 2px; -moz-background-size: 2px; -o-background-size: 2px; -ms-background-size: 2px; left: 0; top: 0; z-index: 6; }




/*定义版面统一宽度*/
.box { width: 1500px; margin: 0 auto; overflow: hidden; }
.w1400 { width: 1500px; margin: 0 auto; }
.w1500 { width: 1500px; margin: 0 auto; overflow: hidden; }
/*距离*/
.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.top30 { margin-top: 30px; }
.top40 { margin-top: 40px; }
.top50 { height: 50px; }
.top60 { margin-top: 60px; }
.top70 { margin-top: 70px; }
.top80 { height: 80px; }
.top90 { margin-top: 90px; }
.top100 { margin-top: 100px; }
/*top*/
.hsecond { width: 100%; margin: 0 auto; padding: 0 8%; min-width: 1500px; height: 100px; display: flex; justify-content: space-between; align-items: center; width: 100%; z-index: 180; transition: all 0.5s ease; background: none; box-shadow: none; border-bottom: 1px solid rgba(255,255,255,0.1); position: absolute; top: 0; left: 0; }
.logo { float: left; display: flex; justify-content: space-between; align-items: center; width: auto; }
.logo img { margin-right: 0px; }
.logo a { margin-right: 0% }
.zb_k { display: flex; justify-content: space-between; align-items: center; }
/*nav*/
.nav { float: left; width: auto; }
.NavCeshi { }
.NavCeshi .r { background: none; }
.NavCeshi > li { float: left; transition: 0.2s all ease-in-out; position: relative; padding: 0 2rem; }
.NavCeshi > li > a { display: block; text-align: center; padding: 0px 0; font-size: 16px; line-height: 100px; color: #fff; transition: 0.2s all ease-in-out; height: 100px; position: relative; z-index: 1113; }
.NavCeshi > li > a:after, .NavCeshi > li > a::after { content: ''; width: 0%; height: 2px; background: #fff; display: block; position: absolute; left: 0; bottom: 0; transition: 0.3s all ease-in-out; }
.NavCeshi > li.navcurrent > a:after, .NavCeshi > li.navcurrent > a::after, .NavCeshi > li:hover > a:after, .NavCeshi > li:hover > a::after { width: 100%; }
.NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a { color: #fff; font-weight: bold; }
.NavCeshi li>.nav2 { display: none; position: absolute; left: -10px; top: 100px; z-index: 99999; }
.NavCeshi li>.nav2 a { display: block; margin-top: 0px; background: #fff; height: 62px; line-height: 62px; width: 150px; font-size: 15px; text-align: center; color: #333; border-bottom: none; }
.NavCeshi li>.nav2 a:hover { background: #e12228; color: #fff; }
.hul.fl { padding-top: 53px; }

 @media screen and ( max-width:1680px ) {
.NavCeshi > li { padding: 0 1.8rem; }
}

 @media screen and ( max-width:1600px ) {
.NavCeshi > li { padding: 0 1.5rem; }
}

 @media screen and ( max-width:1440px ) {
.NavCeshi > li { padding: 0 1.3rem; }
}

 @media screen and ( max-width:1440px ) {
.hsecond{min-width: 1300px;}
.NavCeshi > li { padding: 0 1rem; }
}

 @media screen and ( max-width:1366px ) {
 .nav{width: 800px !important;}
.NavCeshi > li { padding: 0 0.77rem !important; }
.logo1 { font-size: 1.3rem; }
.logo1 p { width: 86px; font-size: 13px; }
.nav { float: right; width: 660px; }
}

.tel { }
.tel img { vertical-align: text-bottom; }
.tel span { font-size: 30px; color: #FFF; font-weight: bold; font-family: "Arial"; }
.sp_bg { width: 100%; height: 900px; background-color: #d7d6d6; }
.cjz2 { }
.sousou { width: 340px; position: absolute; top: 100px; right: 0px; background: #fff; border-radius: 10px; padding: 10px 20px 25px 10px !important; z-index: 9999; }
.hot_right { float: right; margin-top: 15px; }
.hot_right .search_2 { float: left; }
.hot_right .search_2 input { border: none; height: 31px; background: #f5f5f5; border-radius: 30px 0 0 30px; padding-left: 20px; width: 280px; font-size: 14px; color: #979797; }
.hot_right .search_tu { float: left; height: 31px; background: #f5f5f5; border-radius: 0 30px 30px 0; width: 30px; }
.hot_right .search_tu input { margin-top: 6px; }
.hot_left { padding-top: 15px; padding-left: 15px; }
.hot_left a { padding-right: 14px; font-size: 14px; line-height: 30px; color: #666; }
.hot_left a:hover { color: #116a8c; }
/*banner*/
.bann { overflow: hidden; }
.slider { width: 100%; }
.slick-slide { height: auto; }
.slick-slide img { width: 100%; }
.slick-prev { left: 38px; z-index: 99; }
.slick-next { right: 40px; }
.bann>button { display: none!important; }
.ban_bc { width: 100%; position: relative; }
.slick-dotted.slick-slider { margin-bottom: 0!important; }
.bann_num>span { color: #fff; display: block; z-index: 999; cursor: pointer; }
.bann_num>.ban_prev { position: absolute; top: 50%; left: 40px; transform: rotate(180deg); }
.bann_num>.ban_next { position: absolute; top: 50%; right: 40px; }
.ban_dot { position: absolute; bottom: 46px; left: 50%; display: flex; margin-left: -33px; }
.ban_dot li { width: 12px; height: 12px; border-radius: 100%; background: #fff; }
.ban_dot li+li { margin-left: 12px; }
.ban_dot li button { display: none; }
.ban_dot li.slick-active { background: #e12228; }
/**/
.mol_nav{}
.mol_nav ul{display: flex;justify-content: space-between;height: 150px;}
.mol_nav li{display: flex;justify-content: center;padding-left: 6%;flex-direction: column;width: 50%;transition: 0.5s;background: #fff;position: relative;box-shadow: 0px 5px 10px #eee;flex-direction: row;align-items: center;justify-content: flex-start;}
.mol_nav li i{font-size: 40px;line-height: 40px;}
.mol_nav li:after{content: '';width: 3px;height: 0px;background: #cb0000;position: absolute;bottom: -18px;left: 50%;transition: 0.5s;}
.mol_nav li.on:after{height: 40px;}
.mol_nav li.on{background: #cb0000;}
.mol_nav li.on span{color: #fff;}
.mol_nav li.on p{color: rgba(255, 255, 255, 0.5);}
.mol_nav li.on i{color: #fff;}
.mol_nav li span{font-size: 20px;color: #333;display: flex;opacity: 1;line-height: 30px;}
.mol_nav li p{font-size: 15px;line-height: 18px;padding: 0px 0 0;color: #999;padding-left: 3%;display: block;width: 80%;}
/*简介*/
.about_s { width: 100%; background: url() center no-repeat; height: 820px; }
.about_w { width: 60%; }
.about_k { display: flex; justify-content: space-between; align-items: center; }
.aboutw_y { font-size: 48px; color: #e12228; padding-top: 15% }
.aboutw_e { line-height: 48px; font-size: 36px; margin-bottom: 65px; margin-top: 35px; color: #444; }
.aboutw_s { font-size: 16px; line-height: 30px; }
.aboutw_s p { display: block; margin-bottom: 40px; color: #555; }
.aboutw_si a { display: block; width: 180px; height: 52px; background-color: #9f9fa0; line-height: 52px; text-align: center; font-size: 18px; color: #FFF; float: left; margin-right: 3%; }
.aboutw_si a:hover { background-color: #e12228; }
.about_m { width: 34% !important; }
.about_m>ul { display: flex; width: 44%; flex-wrap: wrap; }
.about_m>ul li { width: 100%; padding-bottom: 50px; }
.about_m li b { display: inline-block; font-size: 48px; font-family: "Arial"; font-weight: bold; color: #e12228; }
.about_m li i { font-size: 18px; color: #555; }
.about_m li span { display: inline-block; position: relative; font-size: 48px; font-weight: bold; color: #e12228; }
.product { margin: 80px 0; }
.tie { text-align: center; margin-bottom: 50px; }
.tiel { font-size: 45px; color: #333; font-weight: bolder; }
.tiel strong { color: #e12228; }
.tiew { font-size: 24px; color: #555; }