body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } .p1{padding:1px; } .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none; } .db{display:block; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h{font-size:0px; line-height:0; overflow:hidden; clear:both; } body{font:12px "microsoft yahei",Arial,sans-serif; } a{text-decoration:none; } a:hover{color:#fda51b; }
.d-flex {display: flex!important;}
.flex-wrap {flex-wrap: wrap!important;}
.justify-content-center {justify-content: center!important;}
.mb-0 {margin-bottom: 0!important;}

/*右边悬浮窗*/
.leftbtn{ width: 45px; position: fixed; right: 10px; bottom: 15px; z-index: 999; display: none;}
.leftbtn .ico{ width: 45px; height: 45px;border-radius:50%; margin-bottom: 5px; cursor: pointer; position: relative;}
.leftbtn .qq{ background: #fda51b url(/static/module/index/hkcmstongyong/img/cimg23.png) center no-repeat;}
.leftbtn .qq .cont{ background: #fda51b url(/static/module/index/hkcmstongyong/img/cimg23.png) 15px center no-repeat; border-radius:50px;padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; width: 100px; position: absolute; top: 0; right: 0; z-index: 999;}
.leftbtn .wechat{ background: #fda51b url(/static/module/index/hkcmstongyong/img/cimg24.png) center no-repeat;}
.leftbtn .wechat .cont{ width: 153px; padding: 1px 16px 5px 1px; position: absolute; left: -170px; top: -44px;}
.leftbtn .wechat .cont img{ display: block;  width: 153px; height: 153px;}
.leftbtn .wechat .cont span{ display: block; line-height: 20px; font-size: 12px; text-align: center; color: #1a1a1a;background: #ffffff;padding-bottom: 3%;}
.leftbtn .tel{ background: #fda51b url(/static/module/index/hkcmstongyong/img/cimg25.png) center no-repeat;}
.leftbtn .tel .cont{ background: #fda51b url(/static/module/index/hkcmstongyong/img/cimg25.png) 15px center no-repeat; border-radius:50px;padding-left: 45px; height: 45px; line-height: 45px; color: #fff; font-size: 18px; width: 180px; position: absolute; top: 0; right: 0; z-index: 999;}
.leftbtn .official-wechat{ background: #fda51b url(/static/module/index/hkcmstongyong/img/cimg26.png) center no-repeat;}
.leftbtn .official-wechat .cont{ width: 153px; padding: 1px 16px 5px 1px; position: absolute; left: -170px; top: -44px;}
.leftbtn .official-wechat .cont img{ display: block;  width: 153px; height: 153px;}
.leftbtn .official-wechat .cont span{ display: block; line-height: 20px; font-size: 12px; text-align: center; color: #1a1a1a;}
.leftbtn .backtop{ background:#7d7d7d url(/static/module/index/hkcmstongyong/img/returnTop.png) center no-repeat;opacity:.8;filter:alpha(opacity=80);}
.leftbtn .backtop:hover{opacity:1; filter:alpha(opacity=100);}
.leftbtn .ico .cont{ display: none;}
/*右边悬浮窗*/
@media only screen and (max-width: 480px) {
	.banner{padding-top: 50px;}
	.leftbtn .qq{display: none !important;}
}

/*翻页组件*/
.pageBar{width: 100%;overflow: hidden;float: left;padding-top: 0px;margin-bottom: 20px;display: inline;}
.pageBar .pageList{width: 100%;overflow: hidden;float: left;line-height: 35px;text-align: center;}
.pageBar .pageList .pageindex {padding-left: 8px;padding-right: 8px;}
.pageBar .pageList .current {padding-left: 8px;padding-right: 8px;}
.pageBar .pageList a{font-size: 14px;display: inline-block;text-align: center;width:auto;text-align:center;color: #000;margin-top: 10px;margin-right: 5px;margin-left: 5px;background: #eee;min-width:30px;padding-left: 4px;padding-right:4px;}
.pageBar .pageList a:hover{color: #fff;background: #000;}
.pageBar .pageList .selected{font-size: 14px;display: inline-block;text-align: center;color: #fff;background: #000;cursor: default;}
.pageBar .pageList .selected:hover{color: #fff;background: #000;}
.pageBar span{font-size: 15px !important;font-weight: 400 !important;}

/*banner*/
.banner{width: 100%;position: relative;overflow: hidden;height: 350px;}
.banner .title{position: absolute;top: calc(50% - 26px);display: block;width: 100%;text-align: center;font-size: 20px;color: #fda51b;}
.banner img {width: 100%;height: 350px;display: block;object-fit: cover;}
.banner .banner-con{position: absolute;width: 50%;left: 0;right: 0;top: 20%;padding: 3%;margin: 0 auto;text-align: center;}
.banner-con .text1{font-size: 34px;color: #fda51b;font-weight: bold;padding-bottom: 1%;}
.banner-con .text2{font-size: 30px;color: #ffffff;padding-bottom: 2%;}
.banner-con .text3{font-size: 16px;color: #ffffff;padding-bottom: 2%;}
.banner-con .text4{display: inline-block;padding: 1.5% 3%;background: #fda51b;margin-top: 3%;}
.banner-con .text4 a{font-size: 18px;color: #ffffff;}
.banner img{width: 100%;display: block;}
@media only screen and (max-width: 480px) {
	.banner{padding-top: 50px;}
	.swiper-button-next, .swiper-button-prev{display: none !important;}
	.banner .banner-con{width: 90%;padding: 5% 0;top: 10%;}
	.banner-con .text1{font-size: 22px;}
	.banner-con .text2{font-size: 16px;}
	.banner-con .text3{font-size: 12px;padding-bottom: 0;}
	.banner-con .text4 a{font-size: 13px;}
}

/*内页banner*/
.inbanner{width: 100%;position: relative;overflow: hidden;max-height: 550px;}
.inbanner img{width: 100%;display: block;}
@media only screen and (max-width: 480px) {
	.inbanner{padding-top: 50px;}
}

/*头部*/
.header{position: relative;display: block;width: 100%;z-index: 999999;}
.wp {width: 100%;max-width: 1200px;margin: 0 auto;}
.hd-bottom .logo {float: left;height: 90px;line-height: 90px;}
.header.fixed .hd-bottom{position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 9999;background-color: #fff;}
.hd-bottom{*zoom:1;background: #ffffff;}
.hd-bottom:after,.hd-bottom:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; }
.hd-bottom .logo{float: left;height: 90px;line-height: 90px;}
.hd-bottom .logo img{display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;}
.menuBtn{display: none;position: relative;float: right;margin-top: -2px;width: 40px;height: 40px;padding: 5px;cursor: pointer;}
.menuBtn b{display: block;width: 100%;height: 3px;border-radius: 2px;background-color: #fda51b;margin: 8px 0 7px;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.menuBtn.open b{position: absolute;left: 5px;top: 35%;display: none;width: 30px;}
.menuBtn.open b:first-child{display: block;transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.menuBtn.open b:last-child{display: block;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}
.yunu-nav{float: left;padding: 0px 15px;display: block;}
.yunu-nav li{float: left;position: relative;}
.yunu-nav li.active a{color: #fda51b;}
.yunu-nav li.active .yunu-menu a{color: #424242;}
.yunu-nav li.active .yunu-menu a.active{color: #fda51b;background-color: #e9ecef;}
.yunu-nav li > a{position: relative;display: block;font-size: 15px;font-weight: bold;padding: 0 15px;text-align: center;line-height: 90px;color: #424242;transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-webkit-transition: .5s;-o-transition: .5s;}
.yunu-menu{position: absolute;left: -65px;width: 200px;top: 100%;z-index: 1000;min-width: 10rem;padding: .5rem 10px;display: none;margin: 0;font-size: 1rem;color: #212529;text-align: left;list-style: none;background-color: #fff;background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);}
.form-control {float: left;display: block;padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;appearance: none;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.yunu-menu .btn{float: left;width: 30%;display: inline-block;font-weight: 400;line-height: 1.5;text-align: center;text-decoration: none;vertical-align: middle;user-select: none;border: 1px solid transparent;padding: .375rem 0;font-size: 1rem;background-color: #fda51b;color: #fff;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
input:focus-visible {outline: none;border: 1px solid #fda51b;}
textarea:focus-visible {outline: none;border: 1px solid #fda51b;}
.yunu-nav li>a:hover{color: #fda51b!important;}
.yunu-menu li,.yunu-menu li>a{float: none;padding: 0;line-height: 30px;}
.yunu-menu li:hover{background-color: #e9ecef;}
.yunu-nav .search-pc{display: list-item;}
.yunu-nav .search-web{display: none;}
.yunu-nav li.search-pc .yunu-menu.on{display:block;}
@media only screen and (max-width: 959px) {
/*头部*/
.yunu-nav{padding: 0;}
.yunu-nav .search-pc{display: none;}
.yunu-nav .search-web{display: list-item;}
.hd-top{display: none;}
.header{position: fixed;top: 0;}
.yunu-header{position: fixed;top: 0;left: 0;right: 0;width: 100%;z-index: 9999;background-color: #fff;box-shadow: 0 5px 10px rgba(0,0,0,.05);}
.hd-bottom .logo{height: 50px;line-height: 50px;}
.hd-bottom .logo img{max-width: 80%;max-height: 35px;}
.menuBtn{display: block;}
.yunu-nav{position: fixed;top: 51px;left: 0;right: 0;width: 100%;height: 100%;float: none;background-color: #ffffff;display: none;z-index: 999999;}
.yunu-nav > li{float: none;}
.yunu-nav > li > a{height: 44px;line-height: 44px;color: #fff;border-bottom: 1px solid #fff;text-align: left;transition: .0s;-ms-transition: .0s;-moz-transition: .0s;-webkit-transition: .0s;-o-transition: .0s;margin-right: 0;}
.hd-bottom .logo{margin-left: 5%;}
.menuBtn{margin-right: 5%;}
.yunu-nav > li > a{color: #000000;}
.yunu-nav > li {border-bottom: 1px solid #dfdfdf;}
.hd-bottom{background: #ffffff;box-shadow: 1px 1px 1px #000000;}

.yunu-menu{position: initial;width: 100%;padding: 0;border: 0;}
.yunu-menu.on{display: block;}
.yunu-menu li{border-top: 1px solid #dfdfdf;}
.yunu-menu li a{height: 44px;line-height: 44px;text-align: left;padding: 0 30px;}
}

@media only screen and (max-width: 480px) {
	.hd-bottom .logo{margin-left: 5%;}
	.menuBtn{margin-right: 5%;}
	.yunu-nav > li > a{color: #000000;}
	.yunu-nav > li {border-bottom: 1px solid #dfdfdf;}
	.hd-bottom{background: #ffffff;box-shadow: 1px 1px 1px #000000;}
}

/*分页样式*/
.pagination-block {display: flex;justify-content: center;font-size: 14px;margin: 1rem 0;}
.pagination_info {margin: 0 10px;display: flex;align-items: center;}
.pagination {margin: 0;display: flex;padding-left: 0;list-style: none;}
.pagination li {border-bottom: none!important;padding: 0!important;margin: 0!important;overflow:initial!important;}
.pagination li a, .pagination li span {padding: .375rem .75rem;}
.pagination li a, .pagination li span {position: relative;display: block;color: #6c757d;text-decoration: none;background-color: #fff;border: 1px solid #dee2e6;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.pagination li a:hover {z-index: 2;color: #0a58ca;background-color: #e9ecef;border-color: #dee2e6;}
.pagination .disabled span {color: #6c757d;pointer-events: none;background-color: #fff;border-color: #dee2e6;}
.pagination .active span {color: #ffffff;background-color: #fda51b;border-color: #fda51b;}
.pagination_jump {display: flex;align-items: center;}
.pagination_jump>* {padding: 0 4px;}
.pagination_jump input {border-radius: 0;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;padding: .375rem .75rem;}
.pagination_jump input:focus {outline: none;}
.pagination_jump .btn {padding: .25rem .5rem;font-size: .875rem;}
 @media only screen and (max-width: 480px) {
	 .pagination_info {display: none;}
 }
/*footer*/
.footer{width: 100%;display: block;background: #424242;padding: 2% 0;}
.footer_con{width: 63%;overflow: hidden;margin: 0 auto;}
.footer_con .footer-top{overflow: hidden;margin-bottom: 2%;border-bottom: 1px solid #ffffff;padding-bottom: 2%;}
.footer-top .footer-t-l{display: block;width:33%;float: left;}
.footer-top .footer-t-l .flogo{width: 50%;margin-bottom: 5%;}
.footer-top .footer-t-l .flogo img{display: block;width: 100%;}
.footer-top .footer-t-l ul{overflow: hidden;width: 90%;}
.footer-top .footer-t-l ul li{display: block;width: 100%;color: #ffffff;font-size: 14px;margin-bottom: 2%;}
.footer-top .footer-t-c{display: block;width:33%;float: right;}
.footer-top .footer-t-c .tit{font-size: 18px;font-weight: bold;color:#ffffff;padding: 2% 0 5%;}
.footer-top .footer-t-c ul{overflow: hidden;width: 90%;}
.footer-top .footer-t-c ul li{display: block;width: 33.33333%;float: left;margin-bottom: 3%;}
.footer-top .footer-t-c ul li a{color: #ffffff;font-size: 14px;}
.footer-top .footer-t-r{display: block;width:33%;float: left;}
.footer-top .footer-t-r .tit{font-size: 18px;font-weight: bold;color:#ffffff;padding: 2% 0 5%;}
.footer-top .footer-t-r ul{overflow: hidden;width: 90%;}
.footer-top .footer-t-r ul li{display: block;width: 100%;color: #ffffff;font-size: 14px;margin-bottom: 2%;}
.footer-bon{font-size: 14px;text-align: center;color: #ffffff;}
.footer-bon a{color: #ffffff;}
.footer-bon a:hover{color: #fda51b;}
@media only screen and (max-width: 480px) {
	.footer_con{width: 90%;padding: 3% 0;}
	.footer-top .footer-t-c{width: 100%;margin-bottom: 5%;}
	.footer-top .footer-t-c .flogo{width: 40%;}
	.footer-top .footer-t-l{width: 100%;}
	.footer-top .footer-t-r{width: 100%;}
	.footer-top .footer-t-r ul li{width: 100%;}	
}