html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin:0;padding:0;}
body{font-family:'HarmonyOS Sans SC',Arial,Geneva,Microsoft YaHei,"Helvetica Neue",Helvetica,sans-serif;font-size:12px;color:#585858;-webkit-font-smoothing:antialiased;background:#f9f9f9;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6,button,dd,dt,dl{margin:0px;padding:0}
h1,h2,h3,h4,h5,h6,button,.btn{clear:both;font-size:14px;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;_display:block;}
form,input,select;,textarea,td,th {font-size:12px;}
img {border:none;}
em,i{font-style:normal}
li {list-style-type:none;}
button, input {height:auto;-ms-interpolation-mode:bicubic;vertical-align:middle;}
textarea {background:none repeat scroll 0 0 #ffffff;resize:none;}
a{color:#333;text-decoration:none;}
a:hover{color:#0054a7;}



.w1200 { margin:auto;width:1200px;clear:both;}
.w1400 { margin:auto;width:1400px;clear:both;}
.w90C { margin:auto;max-width:90%; min-width:1400px;}

.b1rem_top { display:none;}

.b1 {height:1px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b5 {height:5px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b10 {height:10px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b15 {height:15px;font-size:1px;clear:both;width:100%;overflow:hidden}
.b20 {height:20px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b25 {height:25px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b30 {height:30px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b50 {height:50px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b60 {height:60px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b80 {height:80px;font-size:1px; clear:both;width:100%;overflow:hidden}
.b100{height:100px;font-size:1px; clear:both;width:100%;overflow:hidden}

.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.white { background:#fff; overflow: hidden;padding: 0 0 80px;}
.dark { background:#f9faff;overflow: hidden;padding: 0 0 80px;}

.contenttxt{padding:20px;line-height:30px;font-size:16px;color:#111;font-family:"Microsoft YaHei"!important}
.contenttxt img { max-width:100%;margin:0 auto; display:block}
.contenttxt p,.contenttxt span,.contenttxt font,.contenttxt th,.contenttxt td,.contenttxt div,.contenttxt i,.contenttxt em,.contenttxt h1,.contenttxt h2,.contenttxt h3,.contenttxt h4,.contenttxt h5{font-size:16px!important; font-family:"Microsoft YaHei"!important;font-weight:normal!important;text-indent:0px!important;white-space: normal!important}
.contenttxt td{padding-left:15px!important;}

/*============================================================================*/



.hx_nav {line-height:50px;font-size:14px; background:#f9f9f9;}
.hx_nav i {font-style:normal;font-weight:bold;color:#444444;padding:0 6px;font-family:simsun;}
.hx_nav em {font-style:normal;color:#222;font-size:16px; margin-right:5px;float:left;}


/*头部样式 THE*/
.header_top .mobile_menu,.mobile_menu_list { display:none;}

.header_top { position: fixed;top: 0;width: 100%;height: 70px;z-index:6666;padding:0 3%; box-sizing:border-box;transition: all .5s; background:rgb(0 0 0/.4);}

.header_logo { float:left;}
.header_logo a { display:block; height:70px;display: flex;align-items: center;}
/*.header_logo img { height:30px;filter: grayscale(1000%) brightness(1000%);}*/

.header_menu { float:right;}
.header_menu ul li { float:left; height:70px;margin:0 20px;position:relative; display: flex;align-items: center;cursor: pointer;}
.header_menu ul li span { font-size:14px;display:inline-block;}
.header_menu ul li span i { display:inline-block; margin-left:10px; transition:all .2s;}
.header_menu ul li:hover span i { transform: rotate( 180deg);}
.header_menu ul li span i:before { content:'';display:inline-block; width:5px; height:5px; transform: rotate( 45deg); border-bottom:1px solid #fff;border-right:1px solid #fff;position: relative;top: -3px;}
.header_menu ul li:hover span i:before {top: -5px;}
.header_menu ul li:hover span i:before { border-color:#e60215;}

.header_menu ul li span b {position:relative;}
.header_menu ul li span em { position:absolute; top:31px; left:9px;display:none;z-index:1;}
.header_menu ul li:hover span em { display:block;}
.header_menu ul li span em:before,
.header_menu ul li span em:after {content: '';display: inline-block;border-style: solid;border-width: 8px 8px 0 0;transform: rotate( 225deg);position: absolute;}
.header_menu ul li span em:before { border-color: transparent #ddd;top: -1px;}
.header_menu ul li span em:after { border-color: transparent #fff;top: 0px;}

.header_menu ul li span a { color:#fff;}
.header_menu ul li:hover span a { color:#e60215;}
.header_menu ul li dl { background:#fff; position:absolute;left:50%; transform:translate(-50%,0); top:60px; min-width:120px; text-align:center;padding:5px 0; border:1px solid #eee; display:none;}
.header_menu ul li:hover dl { display:block;}
.header_menu ul li dl dd { font-size:14px; line-height:34px;}

.header_menu ul li span.iconfont { color:#fff; font-size:16px;}
.header_menu ul li span.iconfont em {top: 33px;left: -9px;}

.header_top.on .header_menu ul li span.iconfont { color:#222;}
.header_top.on { background:rgb(255 255 255/1);box-shadow: 0 0 10px rgb(0 0 0 /.1);}
.header_top.on .header_logo img { filter:none;}
.header_top.on .header_menu ul li span i:before { border-color:#333;}
.header_top.on .header_menu ul li:hover span i:before { border-color:#e60215;}
.header_top.on .header_menu ul li span a { color:#333;}
.header_top.on .header_menu ul li:hover span a { color:#e60215;}

.header_menu .hx_search { position:absolute; top:60px; right:0; background:#fff;width: 250px; border:1px solid #eee; display:none;}
.header_menu ul li:hover .hx_search { display:block;}
.header_menu .hx_search .input_1,
.header_menu .hx_search .input_2 { float:left; height:40px; border:none; box-sizing:border-box;color:#999;outline:none;}
.header_menu .hx_search .input_1 { padding: 0 15px; width:200px;}
.header_menu .hx_search .input_2 { width:50px; font-size:16px; background:#fff;}

.header_menu ul li.chanpinann { position:initial;}
.header_menu ul li.chanpinann span em {top:41px;}
.header_top .chanpin { width:100%; left:50%; top:70px; position:absolute; background:#fff; padding-bottom:50px; border:1px solid #eee;transform:translate(-50%,0); display:none;}
.header_menu ul li.chanpinann:hover .chanpin { display:block;}
.header_top .chanpin .dl_1 { float:left; width:20%; margin-top:30px; padding:0 10px; box-sizing:border-box;}
.header_top .chanpin .dl_1 strong { height:50px; line-height:50px;margin-bottom:20px; display:block;border-bottom:1px solid #ddd;}
.header_top .chanpin .dl_1 strong img { height:51px; background:#fff;}
.header_top .chanpin .dl_1 strong a { display:inline-block; font-size:16px; color:#e60215; }
.header_top .chanpin .dl_1 .dl_1_list { height:240px;}
.header_top .chanpin .dl_1 .dl_1_list a { display:block; font-size:12px; color:#333; line-height:30px; padding-left:68px;}

/*头部样式 END*/

/*幻灯区样式 THE*/
.pc_banner { position: relative;}
.pc_banner .banner_swiper { position: relative; width:100%; overflow:hidden;}
/*.pc_banner .banner_swiper .swiper-slide a { width:100%; height:100vh; display:block;background-position: center;}*/
.pc_banner .b_menu { position:absolute;right:0;top:50%;z-index:10;transform: translate(0, -50%);width:40px;}
.pc_banner .b_menu span { display:block; padding:6px 0; border-radius:0;background:none;width:auto;}
.pc_banner .b_menu span:before { content:''; height:1px;width:20px; background:#fff;transition: all .5s;display:block;}
.pc_banner .b_menu span.swiper-pagination-bullet-active:before {width:40px;}
.pc_banner .shubiao { position:absolute;left:50%;bottom:10px;z-index:10;transform: translate(-50%,0);width:30px; height:30px; background:url(../icon/shubiao.png) no-repeat center; background-size:30px;}

/*幻灯区样式 END*/

/*标题样式 THE*/
.pc_title { margin-top:80px; text-align:center;}
.pc_title strong,.pc_title span{ display:block;}
.pc_title strong { line-height: 28px;font-size: 30px;font-weight: 300; color:#333;}
.pc_title span { line-height: 32px;font-size: 15px;font-weight: 400;color: #999; margin-top:10px;letter-spacing:5px;}
/*标题样式 END*/


.shangyong { overflow:hidden;}
.shangyong li { float:left; height:75vh; width:50%; box-sizing:border-box; padding:10% 100px;}
.shangyong li.li_1 { background:url(../image/202111271036.jpg) no-repeat center;}
.shangyong li.li_2 { background:url(../image/202111271044.jpg) no-repeat center; text-align:right;}
.shangyong li a { color:#fff;}

.shangyong li strong { font-size:30px; font-weight:400;display:block;margin-bottom:30px;}
.shangyong li p { font-size:20px; line-height:32px;}



.PageProductCat { }
.PageProductCat ul { display:flex; flex-wrap:wrap;}
.PageProductCat ul li { background:#f1f6fa; width:32%; margin-right:2%; box-sizing: border-box;padding: 4%; text-align:center; transition:all .3s;}
.PageProductCat ul li:nth-child(3n+3) { margin-right:0;}
.PageProductCat ul li:nth-child(1n+4) { margin-top:2%;}
.PageProductCat ul li img { width:80px; display:block; margin:0 auto;transition:all .3s;}
.PageProductCat ul li span { display:block; font-size:20px; margin:25px 0 10px; color:#222;}
.PageProductCat ul li em { line-height:32px; font-size:16px; color:#999; border-bottom:1px solid #999; display:inline-block; transition:all .3s;}
.PageProductCat ul li:hover { box-shadow: 0 15px 15px -10px rgba(0 0 0/.15);}
.PageProductCat ul li:hover img { transform:scale(1.2);}
.PageProductCat ul li:hover em { color:#0054a7; border-bottom:1px solid #0054a7;}


.sell_sec .pc_title { position:relative;}
.sell_sec .pc_title strong { color:#fff;}
.sell_sec .pc_title span { color:rgb(255 255 255/.6);}
.sell_sec { background:url(../image/202111161700.jpg) no-repeat center;overflow: hidden;padding: 0 0 100px;background-size: 100% 100%; position:relative;}
.sell_sec:before { content:''; display:block; width:100%; height:100%; position:absolute;top:0; left:0; background:rgb(0 0 0/.6);}
.sell_sec ul { position:relative;}
.sell_sec ul li { float:left; width:25%;}
.sell_sec ul li a { display:block; box-sizing:border-box; width:100%; padding:0 10px;}
.sell_sec ul li .image { width:100%; overflow:hidden;border-radius:5px;position:relative;}
.sell_sec ul li .image img { width:100%;transition:all .8s;}
.sell_sec ul li:hover .image img { transform: scale(1.1);}
.sell_sec ul li p { font-size:24px; color:#fff; position:absolute; left:0; bottom:0;background: -webkit-linear-gradient(top, transparent,rgb(0 0 0/.3)); padding:60px 20px 20px; width:100%;box-sizing:border-box;}



.sell_sec1_title { margin:60px 0 30px; text-align:center;}
.sell_sec1_title strong { font-size:36px; color:#000; display:block; font-weight:400;}
.sell_sec1_title p { color:#999; font-size:16px; margin-top:10px;}


.sell_sec1_box .sell_fenlei { text-align:center;}
.sell_sec1_box .sell_fenlei ul { display:inline-block;}
.sell_sec1_box .sell_fenlei li { float:left; height:35px; line-height:35px; padding:0 20px; background:#fff; color:#999; font-size:16px; border:1px solid #eee; margin-left:-1px;cursor:pointer;}
.sell_sec1_box .sell_fenlei li.on { background:#e60215; color:#fff;}
.sell_sec1_box .sell_fenlei li.on a { color:#fff;}

.sell_sec1_box .sell_list { border:none;}
.sell_sec1_box .sell_list ul { display:flex; flex-wrap:wrap;}
.sell_sec1_box .sell_list ul li { width:23.5%; margin-right:2%; box-sizing:border-box; padding:50px 30px; background:#fff; box-shadow: 5px 15px 15px -10px rgb(0 0 0/.15);}
.sell_sec1_box .sell_list ul li:nth-child(4n+4) { margin-right:0;}
.sell_sec1_box .sell_list ul li:nth-child(1n+5) { margin-top:2%;}
.sell_sec1_box .sell_list ul li .image { width:100%; overflow:hidden;}
.sell_sec1_box .sell_list ul li .image img { width:100%; transition:all .3s;}
.sell_sec1_box .sell_list ul li p { height:48px; font-size:22px; color:#000; background:#fff; line-height:48px; text-align:center; margin-top:15px;}
.sell_sec1_box .sell_list ul li:hover .image img { transform:scale(1.04);}



.jjfa_sec ul li { width:15.5%; float:left; height:540px; overflow:hidden;position:relative;}
.jjfa_sec ul li.on { width:22.5%;}
.jjfa_sec ul li img { transition:all .5s;}
.jjfa_sec ul li:hover img { transform: scale(1.2);}

.jjfa_sec ul li .text { background:rgb(0 0 0/.4); position:absolute; top:0; left:0; width:100%; height:100%;}

.jjfa_sec ul li .text .shell { padding:25px; box-sizing:border-box; position:absolute; bottom:0;}
.jjfa_sec ul li .text strong { font-size:24px; font-weight:500; color:#fff;}
.jjfa_sec ul li .text strong:after { content:''; display:block; width:70px; height:2px; background:#e60215;margin:20px 0 10px;}
.jjfa_sec ul li .text p { font-size:14px; color:#fff;line-height: 24px;margin-top: 10px; display:none;}
.jjfa_sec ul li .text span { float: right;color: #fff; display:block; margin-top:5px; display:none;}

.jjfa_sec ul li.on .text .shell { background:rgb(230 2 21 /.8);}
.jjfa_sec ul li.on .text p,
.jjfa_sec ul li.on .text span { display:block;}
.jjfa_sec ul li.on .text strong:after { display:none;}



.xinwen_sec1 ul li { width:24.25%; margin:50px 1% 0 0; float:left;box-shadow: 0 0 5px 2px #eee; background:#fff; position:relative;}
.xinwen_sec1 ul li:nth-child(4n+4) { margin-right:0;}
.xinwen_sec1 ul li .text { height:270px;padding: 25px 20px 15px; box-sizing:border-box;}
.xinwen_sec1 ul li .text strong { display: block; color:#222;font-size: 18px;line-height: 28px;margin-bottom: 10px;width: 73%;}
.xinwen_sec1 ul li .text p { font-size:16px; color:#666; line-height:26px;overflow: hidden;word-break: break-all;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 6;}
.xinwen_sec1 ul li span { border-top: 1px solid #eee;display: block;text-align:right; font-size:14px; color:#666; line-height:48px; height:48px;width:100%;box-sizing:border-box; padding:0 20px;}
.xinwen_sec1 ul li span:hover { color:#e60215;}

.xinwen_sec1 ul li .image { width:100%; height:270px; position:absolute; top:0; left:0; overflow:hidden; display:none;}
.xinwen_sec1 ul li .image img { width:100%;}
.xinwen_sec1 ul li:hover .image { display:block;}

.xinwen_sec1 ul li .shijian { position:absolute; top:-25px; right:30px; width:70px; height: 70px; background: #e60215; color:#fff; text-align:center; font-size:14px;}
.xinwen_sec1 ul li .shijian i,.xinwen_sec1 ul li .shijian em { display:block;}
.xinwen_sec1 ul li .shijian i { font-size:25px; margin-top:6px;}

.xinwen_sec ul li { float:left; width:31.333333%; margin:30px 3% 0 0;}
.xinwen_sec ul li:nth-child(3n+3) { margin-right:0;}
.xinwen_sec ul li .image { width:100%; overflow:hidden;}
.xinwen_sec ul li .image img { width:100%; transition:all .8s;}
.xinwen_sec ul li:hover .image img { transform: scale(1.1);}
.xinwen_sec ul li strong { font-size:24px; margin:25px 0 ;display:block; font-weight:400;}
.xinwen_sec ul li p { font-size:16px; opacity: .5; line-height:28px;}



.bangzhu { overflow:hidden; padding:80px 0;}
.bangzhu li { float:left; height:600px; line-height:600px; width:50%; box-sizing:border-box; text-align:center;position:relative;background-repeat: no-repeat;background-position:center;}
.bangzhu li:before { content:''; display:block; width:100%; height:100%; position:absolute;top:0; left:0; background:rgb(0 0 0/.6);}
/*.bangzhu li.li_1 { background:url(../image/202111271145.jpg) no-repeat center;}*/
/*.bangzhu li.li_2 { background:url(../image/202111271146.jpg) no-repeat center;}*/
.bangzhu li a { color:#fff; font-size:30px;position:relative;}




/*供应内容页 THE*/
.PageProductMain { background:#fff; padding:4% 2%; border-radius:5px; box-shadow: 0 15px 15px -10px rgba(0 0 0/.15);}

.hx_preview { overflow:hidden;}
.hx_preview .left { float:left; margin-right:80px;}
.hx_preview .right { overflow:hidden; height:500px; width:600px;position:relative;}
.hx_preview .right h1 { font-size:30px; font-weight:500; color:#222; margin-bottom:30px; display:block;}
.hx_preview .right p { font-size:16px; color:#333; line-height:30px;}

.hx_preview .right .caozuo {  position:absolute; bottom:30px; width:100%;}
.hx_preview .right .caozuo a { float:left;height:38px; line-height:38px; display:block; margin-right:20px; background:#0054a7; border-radius:6px; font-size:16px; color:#fff; width:25%; text-align:center;}
.hx_preview .right .caozuo a.a_3 { background:#7ebd25;}

.hx_content { background:#fff;}
.hx_content .bd { border:none;}

.hx_content_menu { background:#f5f5f5; height:50px; line-height:50px; font-size:16px; color:#333; text-align:center; border-top:8px solid #f5f5f5; border-radius:10px 10px 0 0; margin-top:40px;}
.hx_content_menu ul { display:inline-block;}
.hx_content_menu ul li { float:left; padding:0 30px; cursor:pointer; font-size: 18px;}
.hx_content_menu ul li.on { color:#0054a7; font-weight:600; background:#fff; border-radius:8px 8px 0 0;}

.hx_content .neirong { padding:50px 20px;}

.hx_content .canshu { }
.hx_content .canshu dl { font-size:14px;border:1px solid #ddd; width:80%; margin:-1px auto 0;}
.hx_content .canshu dl dt,
.hx_content .canshu dl dd { padding:8px 10px;box-sizing:border-box; display: table-cell;vertical-align: middle;}
.hx_content .canshu dl dt { border-right:1px solid #ddd; width:120px;background:#f9f9f9;}



/*供应内容页 END*/


.jjfa_meun { font-size:16px; color:#333; text-align:center; background:#fff;margin-bottom:20px;}
.jjfa_meun ul { display:inline-block;}
.jjfa_meun ul li { float:left; margin:0 20px;line-height:60px;}
.jjfa_meun ul li.on a { color:#e60215; font-weight:700;}

.jjfa_meun ul li .hx_search {border:1px solid #e6e6e6;overflow: hidden;margin-top:13px; border-radius:5px;}
.jjfa_meun ul li .hx_search .input_1,
.jjfa_meun ul li .hx_search .input_2 { float:left; height:36px; border:none; box-sizing:border-box;color:#999;outline:none;}
.jjfa_meun ul li .hx_search .input_1 { padding: 0 10px; width:150px;}
.jjfa_meun ul li .hx_search .input_2 { width:40px; font-size:16px; background:#fff;}



/*解决方案 THE*/
.jjfa_box { overflow:hidden;}
.jjfa_box .w1440 { display:flex;}
.jjfa_box_l { flex:1; overflow:hidden;}
.jjfa_box_r { width:260px; margin-left:20px;}







.jjfa_box_list { background:#fff; box-sizing:border-box; padding:4% 2%; border-radius:5px; box-shadow: 0 15px 15px -10px rgba(0 0 0/.15);}
.jjfa_box_list ul li { overflow:hidden;border-bottom: 1px solid #eee;padding-bottom: 30px;margin-bottom: 30px;font-size:16px;color:#999;}
.jjfa_box_list ul li .image { padding-right: 20px; width:20%; float:left;}
.jjfa_box_list ul li .image img { width:100%;}
.jjfa_box_list ul li .text { overflow:hidden;}
.jjfa_box_list ul li .text strong { font-size:24px; display:block; margin-bottom:15px;}
.jjfa_box_list ul li .text strong span { display:inline-block;}
.jjfa_box_list ul li .text p { display:block; margin-bottom:15px;line-height:1.8;}
.jjfa_box_list ul li .text span { display:block; }

.jjfa_box_list ul li .ljxz { float:right;}
.jjfa_box_list ul li .ljxz a {height:36px; line-height:36px; display:block;background:#3661d1; font-size:16px; color:#fff; width:140px; text-align:center;}

.jjfa_box_tuijian { padding:20px;background:#fff;}
.jjfa_box_tuijian strong { font-size:18px; color:#333; font-weight:300;}
.jjfa_box_tuijian ul { border:1px solid #eee; margin-top:10px;}
.jjfa_box_tuijian ul li { padding:10px 15px; font-size:14px; line-height:26px;border-top:1px solid #eee;}
.jjfa_box_tuijian ul li:nth-child(1) { border-top:none;}

.jjfa_box_show { background:#fff; padding:2%; border-radius:5px; box-shadow: 0 15px 15px -10px rgba(0 0 0/.15);}
.jjfa_box_show_title { font-size:30px; color:#222;}
.jjfa_box_show_shijian { padding:10px 0; border-bottom:1px solid #eee; display:block;margin-bottom:30px; color:#999; font-size:16px;}


/*解决方案 END*/




/*下载 THE*/
.down_title { border-bottom:1px solid #eee; overflow:hidden;margin-bottom:30px; }
.down_title .down_title_l { float:right;}
.down_title .down_title_l a { height:36px; line-height:36px; display:block;background:#3661d1; font-size:16px; color:#fff!important; width:140px; text-align:center;}
.down_title .down_title_r { overflow:hidden;}
.down_title .down_title_r h2 { font-size:26px; color:#222; font-weight:300; display:block;}
.down_title .down_title_r span { display:block; margin:10px 0;color:#999; font-size:14px;}

/*下载 END*/


.video_show .player { display: flex;align-items: center;justify-content: center;}


/*人才 THE*/
.show_job { margin-top:20px;}
.show_job table { border-collapse: collapse; background:#fff;}
.show_job table tr:nth-child(1) { background:#eee;}
.show_job table tr:nth-child(1) td { color:#333;}
.show_job table tr:nth-child(2n+3) { background:#f9f9f9;}
.show_job table tr td { height:48px; color:#333; font-size:12px; border:1px solid #e6e6e6; text-align:center;}

.job_content { background:#fff; padding:30px;}

/*人才 END*/

/*单页样式 THE*/
.webpage_content { }
.webpage_gsjj { background:#fff; padding:30px; overflow:hidden;}
.webpage_gsjj .text { float:left; width:50%; margin-right:50px;}
.webpage_gsjj .text strong { font-size:32px; color:#222; font-weight:300; display:block; margin-bottom:20px;}
.webpage_gsjj .text p { font-size:16px; color:#666; line-height:30px;}
.webpage_gsjj .image { overflow:hidden;}
.webpage_gsjj .image img { width:100%;}



.webpage_jzg_title { margin: 15px 0 50px;text-align: center;}
.webpage_jzg_title strong { font-size: 32px;color: #000;display: block;font-weight: 300;}
.webpage_jzg_title p { color: #999;font-size: 16px;margin-top: 10px;}
.webpage_jzg { background:#fff; overflow:hidden;padding:30px;}
.webpage_jzg ul li { float:left; width:31.333333%; margin-right:3%;}
.webpage_jzg ul li:nth-child(3n+3) { margin-right:0;}
.webpage_jzg ul li .image { width:100%;}
.webpage_jzg ul li .image img { width:100%;}
.webpage_jzg ul li strong { font-size:22px; display:block; margin:15px 0 10px; font-weight:400; color:#222;}
.webpage_jzg ul li p { font-size:16px;line-height: 24px;margin-top: 10px;}
.webpage_jzg ul li p:after { content:''; display:block; width:100%; height:2px; background:#e60215;margin:20px 0 10px;}


.webpage_zhengshu { background:#fff; overflow:hidden;padding:30px 20px;}
.webpage_zhengshu .bd { border:none;}
.webpage_zhengshu .bd ul li { width:25%;float:left;}
.webpage_zhengshu .bd ul li .image { padding:10px; width:100%; box-sizing:border-box;}
.webpage_zhengshu .bd ul li img { width:100%;border:1px solid #eee; padding:10px;box-sizing:border-box;}


.webpage_jianxun { background:#fff; overflow:hidden;padding:30px;}
.webpage_jianxun ul li { float:left; width:30%; margin-right:5%;}
.webpage_jianxun ul li:nth-child(3n+3) { margin-right:0;}
.webpage_jianxun ul li strong { font-size:32px; font-weight:300; display:block; margin-bottom:30px;color:#222;}
.webpage_jianxun ul li p { font-size:16px; color:#888; line-height:30px;}
.webpage_jianxun ul li a { height:36px; line-height:36px; display:block;background:#3661d1; font-size:16px; color:#fff; width:140px; text-align:center;margin-top:50px;}


.webpage_lxhx { background:#fff; overflow:hidden;padding:30px;}
.webpage_lxhx_l dl { padding:10px; font-size:16px; line-height:30px;overflow:hidden;}
.webpage_lxhx_l dl dt { float:left; color:#222;}
.webpage_lxhx_l dl dd { overflow:hidden;}
.webpage_lxhx_r { width:50%; height:400px;float:right;}

.webpage_hxly { background:#fff; overflow:hidden;padding:30px;}
.webpage_hxly .image { float:left; width:48%; margin-right:50px;}
.webpage_hxly .image img { width:100%;}
.webpage_hxly .text { overflow:hidden;}
.webpage_hxly .text strong { font-size:22px; font-weight:300; color:#222; display:block; margin-bottom:30px;}
.webpage_hxly .text p { line-height:30px; font-size:16px; color:#666;}

.webpage_table { background:#fff; overflow:hidden;padding:30px;}



.webpage_qdhz_l { width:360px; float:left;}
.webpage_qdhz_r { width:820px; float:right;}
.webpage_qdhz_l .qdhz_sec_1 { padding:30px 20px; background:#e60215; color:#fff;}
.webpage_qdhz_l .qdhz_sec_1 strong { font-size:22px;font-weight:300; display:block; margin-bottom:15px;}
.webpage_qdhz_l .qdhz_sec_1 p { font-size:16px; margin-bottom:10px;}

.webpage_qdhz_r .qdhz_sec_2 { padding:15px 30px 30px; background:#fff;}
.webpage_qdhz_r .qdhz_sec_2 dl { margin-top:15px;}
.webpage_qdhz_r .qdhz_sec_2 dl dt { float:left; color:#e60215; font-size:16px; width:15px; height:30px; line-height:30px;}
.webpage_qdhz_r .qdhz_sec_2 dl input { border:1px solid #f5f5f5; background:#f5f5f5; height:32px; font-size:14px; border-radius:3px; padding:0 15px; width:50%;outline:none;}
.webpage_qdhz_r .qdhz_sec_2 dl textarea { border:1px solid #f5f5f5; background:#f5f5f5;padding:10px 15px;font-size:14px; height:300px; width:90%;outline:none;} 
.webpage_qdhz_r .qdhz_sec_2 dl button {height: 36px;line-height: 36px;background: #3661d1;font-size: 16px;color: #fff;width: 140px;text-align: center; border:none;cursor: pointer;}

/*单页样式 END*/








.pc_footer { background:#F2F2F2;overflow:hidden;}
.pc_footer_l { float:left; padding:40px 0;}
.pc_footer_r { float:left; padding:40px 0;}
.pc_footer_b { text-align:center; line-height:25px; font-size:14px; color:#999;padding-bottom:20px;}
.pc_footer_b a { color:#999;}

.pc_footer dl { float:left;}
.pc_footer dl dt { font-size:14px; color:#000;line-height:30px;}
.pc_footer dl dd { display:block; line-height:28px; font-size:14px; color:#999;}
.pc_footer dl dd a{color:#999;}
.pc_footer_r dl { margin-right:78px;}

.pc_footer_r dl .wxgzh { text-align:center;}
.pc_footer_r dl .wxgzh p { font-size:14px; margin-top:5px;}


/*客服 THE*/
.kefu { position: fixed;right:10px;bottom:10%;background:#fff;border-radius:4px;z-index:9999;box-shadow: -3px 0 18px 0 rgb(0 0 0 / 8%); display:none;}
.kefu ul li { width:65px; height:65px; text-align:center; box-sizing:border-box;position:relative}
.kefu ul li:nth-child(1n+2) { border-top:1px solid #eee;}
.kefu ul li p { font-size:12px; padding-top:10px; color:#000;}
.kefu ul li p:before { display:block;font-family:'iconfont'; margin-right:5px; width:26px; height:26px; line-height:26px;margin: 0 auto 6px;font-size: 26px; color:#0058a7;}
.kefu ul li.li_1 p:before { content:"\eafc";}
.kefu ul li.li_2 p:before { content:"\eafa";}
.kefu ul li.li_3 p:before { content:"\e963";}
.kefu ul li.li_4 p:before { content:"\eafd";}

.kefu ul li .pop_up { position:absolute;top: 0px;right: 65px; padding-right:10px;display:none;}
.kefu ul li:hover .pop_up { display:block;}
.kefu ul li .pop_up .shell { background: #fff;box-shadow: -3px 0 18px 0 rgb(0 0 0 / 8%); width:150px; box-sizing:border-box; border-radius:4px;}
.kefu ul li .pop_up .shell span { display:block;font-size:14px; line-height:22px;}
.kefu ul li .pop_up .shell span.span_1 { padding-top: 10px; color:#888;}
.kefu ul li .pop_up .shell span.span_2 { font-size:16px; color:#e60215;}
.kefu ul li .pop_up .shell span.span_3 { padding-bottom:10px;font-size:16px; color:#e60215;}
.kefu ul li .pop_up .shell span.span_2 img,
.kefu ul li .pop_up .shell span.span_3 img { margin-top:5px;}
.kefu ul li i { display:none;}
.kefu ul li:hover i { display:block;}
.kefu ul li i:before { content: "";display:block;width: 0;height: 0;border-left: 6px solid #fff;border-right: 6px solid transparent;border-top: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;top:50%;right:64px;transform: translate(0, -50%);z-index:1;}
.kefu ul li .pop_up.sm { bottom:0;top:auto;}
.kefu ul li .pop_up.sm img { width:100%;}
.kefu ul li .pop_up.sm .shell { height: auto;padding: 15px;}
/*客服 END*/



/* album */
.cdx-album{width:400px;height:500px;z-index:1000;}
#mid_pos {position:absolute;}
#mid_div {width:400px;height:400px;cursor:crosshair;background:#F2F2F2;border:1px solid #e6e6e6;}
#zoomer {width:160px;height:120px;background:#FFFFFF url('/image/ab-zoom-bg.gif');position:absolute;z-index:6;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:500px;height:473px;border:#DDDDDD 1px solid;background:#FFFFFF;position:relative;overflow:hidden;right:-410px;top:-495px;z-index:10000}
#big_pic {position:absolute;}
.tbs {width:414px;height:56px;margin:20px 0;}
.tbs img {cursor:pointer;}
.tbsl {width:32px;height:56px;float:left;}
.tbsr {width:20px;height:56px;float:left; margin-left:-7px;}
.tbsm {width:350px;height:56px;float:left;overflow:hidden;}
.ab_zoom {width:30px;height:30px;background:rgba(0,0,0,.6) url(../icon/ab-zoom.png) no-repeat center center;position:absolute;z-index:5;margin:370px 0 0 -30px;background-size:20px;}
.ab_play {width:48px;height:48px;border-radius:50%;background:url(../icon/ab-play.png) no-repeat center center;position:absolute;z-index:7;margin:-223px 0 0 176px;}
.ab_play:hover {background:url(../icon/ab-play-on.png) no-repeat center center;cursor:pointer;}
.ab_hide {width:40px;height:40px;background:url(../icon/ab-hide.png) no-repeat center center;position:absolute;z-index:12;margin:-390px 0 0 350px;display:none;background-size:40px;}
.ab_hide:hover {background:url(../icon/ab-hide.png) no-repeat center center;cursor:pointer;background-size:40px;opacity:.6;}
.ab_video {width:400px;height:400px;border:#eee 1px solid;background:#fff;position:absolute;z-index:10;margin:-402px 0 0 0;display:none;}
.ab_im {padding:2px;margin:0 14px 0 0;border:#e6e6e6 1px solid;float:left;width:50px;height:50px;}
.ab_on {padding:2px;margin:0 14px 0 0;border:#e60215 1px solid;float:left;width:50px;height:50px;background:#e60215;}
video{height:400px!important;}




@media(max-width:768px)
{
@media screen and (max-width:320px){html{font-size:42.67px;font-size:13.33333vw}}
@media screen and (min-width:321px) and (max-width:31.2rem){html{font-size:48px;font-size:13.33333vw}}
@media screen and (min-width:361px) and (max-width:375px){html{font-size:50px;font-size:13.33333vw}}
@media screen and (min-width:376px) and (max-width:393px){html{font-size:52.4px;font-size:13.33333vw}}
@media screen and (min-width:394px) and (max-width:412px){html{font-size:54.93px;font-size:13.33333vw}}
@media screen and (min-width:413px) and (max-width:414px){html{font-size:55.2px;font-size:13.33333vw}}
@media screen and (min-width:415px) and (max-width:480px){html{font-size:64px;font-size:13.33333vw}}
@media screen and (min-width:481px) and (max-width:5.8rem){html{font-size:72px;font-size:13.33333vw}}
@media screen and (min-width:541px) and (max-width:6.8rem){html{font-size:85.33px;font-size:13.33333vw}}
@media screen and (min-width:641px) and (max-width:720px){html{font-size:96px;font-size:13.33333vw}}
@media screen and (min-width:721px) and (max-width:768px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px;font-size:13.33333vw}}
@media screen and (min-width:769px){html{font-size:102.4px}}

.b1 { overflow:hidden;width:100%;height:.1px;}
.blank {overflow:hidden;width:100%;height:.16rem; background:#f5f5f5;}
.blank20 {overflow:hidden;width:100%;height:.2rem; background:#f5f5f5;}
.blank88 { overflow:hidden;width:100%;height:.88rem;}
.b_1rem { overflow:hidden;width:100%;height:.1rem;}
.b_2rem { overflow:hidden;width:100%;height:.2rem;}
.b_3rem { overflow:hidden;width:100%;height:.3rem;}
.b_4rem { overflow:hidden;width:100%;height:.4rem;}
.b_5rem { overflow:hidden;width:100%;height:.5rem;}
.b_6rem { overflow:hidden;width:100%;height:.6rem;}
.b_7rem { overflow:hidden;width:100%;height:.7rem;}
.b_8rem { overflow:hidden;width:100%;height:.8rem;}
.b_88rem { overflow:hidden;width:100%;height:.88rem;}
.b_9rem { overflow:hidden;width:100%;height:.9rem;}
.b_94rem { overflow:hidden;width:100%;height:.94rem;}
.b1rem { overflow:hidden;width:100%;height:1rem;}
.b1_1rem { overflow:hidden;width:100%;height:1.1rem;}
.b1_18rem { overflow:hidden;width:100%;height:1.18rem;}
.b1_2rem { overflow:hidden;width:100%;height:1.2rem;}
.b1_3rem { overflow:hidden;width:100%;height:1.3rem;}
.b1_4rem { overflow:hidden;width:100%;height:1.4rem;}
.b2rem { overflow:hidden;width:100%;height:2rem;}

.blank-top{overflow:hidden;width:100%;height:0rem}
.text-overflow {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.text-overflow2 {overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.text-overflow3 {overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}

.kefu { display:none;}

.b1rem_top { height:1rem;font-size:1px;clear:both;width:100%;overflow:hidden; display:block;}

.w90C { max-width:100%; min-width:100%;}
.w1200 { width:100%;}
.pages { line-height:36px;}

.contenttxt{line-height:.6rem;font-size:.28rem;color:#111;font-family:"Microsoft YaHei"!important;padding:0;}
.contenttxt img { max-width:100%;margin:0rem auto; display:block;height: auto;}
.contenttxt p,.contenttxt span,.contenttxt font,.contenttxt th,.contenttxt td,.contenttxt div,.contenttxt i,.contenttxt em,.contenttxt h1,.contenttxt h2,.contenttxt h3,.contenttxt h4,.contenttxt h5{font-size:16px!important; font-family:"Microsoft YaHei"!important;font-weight:normal!important;text-indent:0px!important;white-space: normal!important}
.contenttxt td{padding-left:15px!important;}

/*标题自适应样式 THE*/
.sell_sec1_title { margin:.6rem 0;}
.sell_sec1_title strong { font-size:.5rem;}
/*标题自适应样式 THE*/

.sell_fenlei { padding:0 .2rem;}
.sell_sec1_box .sell_fenlei li { font-size:.26rem; height:.58rem; line-height:.58rem; padding:0; width:23.5%; margin:0 2% .1rem 0; box-sizing:border-box; overflow:hidden; padding:0 .1rem;}
.sell_sec1_box .sell_fenlei li:nth-child(4n+4) { margin-right:0;}


.sell_sec1_box .sell_list ul li { width:49%; margin-top:1%;}
.sell_sec1_box .sell_list ul li:nth-child(2n+2) { margin-right:0; float:right;}

.hx_preview .right { width:100%; height:auto;}

.jjfa_box_list .main { background:#fff;}
.sell_sec1_box .main { background:#fff;}


.bangzhu { padding:0;}
.bangzhu li { width:100%; height: 4.68rem;line-height: 4.8rem;background-size: 100%;}

.xinwen_sec1 ul li {width: 100%;}

.jjfa_sec ul li { width:100%;}
.jjfa_sec ul li.on { width:100%;}


.pc_footer_r { display:none;}
.pc_footer_b { padding:.3rem;}

.hx_preview .left { float:none;}
.hx_preview .right .shell_l { padding:0 .3rem;}
.hx_preview .right h1 { font-size:.44rem;margin-bottom: .3rem;}

.jjfa_meun { font-size:.26rem;}
.jjfa_meun ul { display: -webkit-box;overflow-x: scroll;-webkit-overflow-scrolling:touch;}
.jjfa_meun ul li { line-height:.88rem;}



.webpage_jzg,
.webpage_jianxun,
.webpage_hxly,
.webpage_gsjj { padding:.3rem;}
.webpage_gsjj .text { width:100%; float:none;margin-right:0;}
.webpage_hxly .image {float: none;width: 100%;margin-right: 0px;}
.webpage_jzg ul li {float: none;width: 100%;margin-right: 0;}
.webpage_jianxun ul li {float: none;width: 100%;margin-right: 0;}

.webpage_zhengshu { padding:.3rem 0;}
.webpage_zhengshu .bd ul li { width:3.7rem;}
.webpage_zhengshu .bd ul li img { padding:.1rem;}
.webpage_zhengshu .tempWrap { width:100%;}


.webpage_lxhx { padding:.3rem;}
.webpage_lxhx_r { width:100%; float:none;}

/*新闻自适应样式 THE*/
.jjfa_box_l { width:100%;}
.jjfa_box_r { width:100%; margin-top:.4rem;}
.jjfa_box_list { padding:.3rem;}
.jjfa_box_list ul li {padding-bottom: .3rem;margin-bottom: .3rem;}
.jjfa_box_list ul li .image { width:40%;}
.jjfa_box_list ul li .text strong { overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.jjfa_box_list ul li .text p { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.jjfa_box_show { padding:.3rem;}
.jjfa_box_show_title {font-size: .4rem;}
.jjfa_box_show_shijian {margin-bottom: .3rem;}

.down_title .down_title_l { float:none; margin-bottom:.3rem;}
.down_title .down_title_r h2 {font-size: .38rem;}
.jjfa_box_list ul li .ljxz a {height: .6rem;line-height: .6rem;font-size: .28rem;width: 2rem; margin-left:.3rem;}
/*新闻自适应样式 END*/

/*头部自适应样式 THE*/
.header_top { border-bottom:#eee 1px solid}
.header_top { width:100%; height:1.3rem; background:#fff; padding:0 .2rem; display:flex; align-items:center;}
.header_top .header_logo a { display:block; display: flex;align-items: center;}
.header_top .header_logo img { height:.8rem;}
.header_top .header_menu { display:none;}
.header_top .header_login { display:none;}
.header_top .mobile_menu {width:.44rem; box-sizing:border-box; float:right; border-radius:3px; display:inline-block;}
.header_top .mobile_menu span { width:100%; height:3px; display:block; background:#0054a7;}
.header_top .mobile_menu span:nth-child(1n+2) { margin-top:5px;}

.header_top .mobile_menu_list { position:absolute; width:100%;  top:1.3rem; left:0; z-index:2; display:block;}
.header_top .mobile_menu_list ul { overflow:hidden;background:#fff;padding-bottom:.3rem; display:none;}
.header_top .mobile_menu_list ul li { line-height:.8rem; display:block; width:100%; padding-left:.8rem; font-size:.3rem;}

.mobile_search { width: .5rem;position:relative; margin-left:auto; margin-right:.2rem;}
.mobile_search span {  font-size: .4rem; font-weight:700;}
.header_top .hx_search { position:absolute; top:1rem; left:0; background:#fff;width: 5rem; padding:.3rem; width:100%; border-bottom:1px solid #eee;display:none;}
.header_top .hx_search .input_1,
.header_top .hx_search .input_2 { float:left; height:.76rem; border:none; box-sizing:border-box;color:#999;outline:none;border: 1px solid #eee;}
.header_top .hx_search .input_1 { padding: 0 .3rem; width: 5.9rem; border-right:none;}
.header_top .hx_search .input_2 { width:1rem; font-size:.32rem; background:#fff; border-left:none;}

/*头部自适应样式 END*/

/*幻灯*/
.bannerBox { }
.bannerSwiper { position: relative; width:100%; overflow:hidden; z-index:1;}
.bannerSwiper .swiper-slide img { width:100%;}
.bannerSwiper .bannerSwiperM { position:absolute;left:50%;bottom:.2rem;z-index:20; transform:translate(-50%,0);}
.bannerSwiper .bannerSwiperM ul { display:flex;}
.bannerSwiper .bannerSwiperM span { display:block; width:.4rem; height:2px; margin:0 .1rem; float:left; background:rgb(255 255 255/.6); border-radius:0;}
.bannerSwiper .bannerSwiperM span.swiper-pagination-bullet-active { background:#fff;}

/*标题*/
.indexTit { text-align:center; margin-bottom:.4rem;}
.indexTit strong { font-size:.42rem; color:#292929;}

.indexTitle { margin-bottom:.4rem; text-align:center;}
.indexTitle strong { display:flex; align-items:center; justify-content: center; font-size:.42rem; color:#111;}
.indexTitle strong:before,.indexTitle strong:after { content:''; display:block; width:.5rem; height:4px; background:#e1e2e3; margin:0 .3rem;}
.indexTitle span { display:block; font-size:.26rem; color:#999; margin-top:.04rem; font-weight:200;text-transform:uppercase;}
.indexTitle p { font-size:.3rem; color:#444;}

/*产品推荐*/
.ProductTabBox { padding:.6rem .2rem; background:#fff;}
.ProductTab .bd { border:none;}
.ProductTabTit { border-bottom:1px solid #eee; margin-bottom:.3rem;}
.ProductTabTit ul { display: -webkit-box;overflow-x: scroll;-webkit-overflow-scrolling:touch;}
.ProductTabTit ul::-webkit-scrollbar {display: none;}
.ProductTabTit ul li { text-align:center; position: relative;transition: .36s ease-out; cursor: pointer; width:25%;}
.ProductTabTit ul li a { display: inline-block; padding:.2rem 0;}
.ProductTabTit ul li img { width:1rem;}
.ProductTabTit ul li span { display:block; font-size:.22rem; margin-top:.2rem; color:#222;}
.ProductTabTit ul li.on a { border-bottom:2px solid #0054a7;}
.ProductTabTit ul li.on span { color:#0054a7;}

.ProductTabList { }
.ProductTabList ul { display:flex; flex-wrap:wrap;}
.ProductTabList ul li { width:49%; margin-right:2%; position:relative;}
.ProductTabList ul li:nth-child(2n+2) { margin-right:0;}
.ProductTabList ul li:nth-child(1n+3) { margin-top:2%;}
.ProductTabList ul li .image { width:100%; overflow:hidden;}
.ProductTabList ul li .image img { width:100%;}
.ProductTabList ul li .text { position: absolute; top:0; left:0; width:100%; box-sizing:border-box; padding:.4rem .3rem 0;}
.ProductTabList ul li .text strong { font-size:.32rem; color:#222; font-weight:400; display:block;}
.ProductTabList ul li .text p { margin-top:.1rem; font-size:.26rem; color:#888; line-height:1.6;}
.ProductTabList ul li .img { position: absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:0 .3rem .2rem;}
.ProductTabList ul li .img img { width:100%;}

.AboutusSec { background:url({DT_SKIN}hx-style/ad/240829_10005.jpg) no-repeat center; background-attachment: fixed; background-size: cover;}
.AboutusSec .text { background:#0054a7; color:#fff; padding:.8rem .5rem; box-sizing:border-box;}
.AboutusSec .text strong { font-size:.48rem; display:block; border-bottom:1px solid rgb(255 255 255/.2); font-weight:400; padding-bottom:.2rem; margin-bottom:.4rem;}
.AboutusSec .text strong em { font-size:.26rem; margin-left:.2rem;}
.AboutusSec .text p { font-size:.3rem; line-height:.5rem;}
.AboutusSec .text span { display:block; margin-top:.8rem;}
.AboutusSec .text span a { display:flex; align-items:center; justify-content:center; width:3rem; height:.7rem; border:1px solid #fff; font-size:.28rem; color:#fff;}
.AboutusSec .AboutusNumber { display:flex; align-items:center; color:#0054a7; padding:.6rem .2rem; background:#fff;}
.AboutusSec .AboutusNumber ul { display:flex; flex-wrap:wrap;}
.AboutusSec .AboutusNumber ul li { width:50%; box-sizing:border-box; padding:.4rem;}
.AboutusSec .AboutusNumber ul li:nth-child(2n+2) { border-left:1px dashed rgb(0 84 167/.3);}
.AboutusSec .AboutusNumber ul li:nth-child(1n+3) { border-top:1px dashed rgb(0 84 167/.3);}
.AboutusSec .AboutusNumber ul li span { font-size:.6rem; display:block;}
.AboutusSec .AboutusNumber ul li span em { font-size:.24rem;}
.AboutusSec .AboutusNumber ul li p { font-size:.26rem; color:#999;}

.HonorBox { padding:.6rem .2rem; background:#f9f9f9;}
.HonorSwiperBox { position: relative;}
.HonorSwiper { overflow:hidden;}
.HonorSwiper .swiper-slide { }
.HonorSwiper .swiper-slide img { width:100%;}
.HonorSwiperBox .HonorSBnt { position:absolute; width:1rem; height:1rem; box-sizing:border-box; top:50%;z-index:10; cursor:pointer;transform: translate(0, -50%);display: flex;align-items: center;justify-content: center;}
.HonorSwiperBox .HonorSPrev { left:0; padding-left:7px;}
.HonorSwiperBox .HonorSNext { right:0;;; padding-right:7px;}
.HonorSwiperBox .HonorSBnt i { display:block; width:.3rem; height:.3rem; box-sizing:border-box;transform: rotate(45deg);opacity:.9;}
.HonorSwiperBox .HonorSBnt.HonorSPrev i { border-bottom:2px solid #999;border-left:2px solid #999;}
.HonorSwiperBox .HonorSBnt.HonorSNext i { border-top:2px solid #999;border-right:2px solid #999;}

.PhotoSec { background:#0054a7; padding:.6rem 0;}
.PhotoSec .indexTitle strong { color:#fff;}
.PhotoSec .indexTitle span { color:#fff;}
.PhotoMarqueeBox .PhotoMarquee { }
.PhotoMarquee .bd { border:none;}
.PhotoMarquee .bd ul { }
.PhotoMarquee .bd ul li { width:3rem; margin-left:.3rem;} 
.PhotoMarquee .bd ul li img { width:100%;}

.ProjectSec { background:#fafafa; padding:.6rem .3rem;}
.ProjectSec ul { display:flex; flex-wrap:wrap;}
.ProjectSec ul li { box-sizing:border-box; position: relative; overflow:hidden; cursor:pointer; padding-top: 100%; width:100%;} 
.ProjectSec ul li:nth-child(1n+2) { margin-top:2%;}
.ProjectSec ul li .image { position:absolute; top:0; left:0; right:0; bottom:0; display: flex; justify-content: center;}
.ProjectSec ul li .image img { height:100%;}
.ProjectSec ul li h3 { position: absolute;left: 0;bottom: 0;width: 100%;height: 1rem;background-image: linear-gradient(0deg, #0054a7 20%, rgb(0 0 0 / 0) 80%);padding-top: 4rem;text-align: center;font-size: .4rem;line-height: .5rem;color: #fff;transition: .36s ease-out;transform: translate(0, 0);}
.ProjectSec ul li .text { position:absolute; left:0; top:0; background:rgb(0 84 167/.9); width:100%; height:100%; box-sizing:border-box; color:#fff; padding-top:60px; transition: .36s ease-out; transform: translate(0, 100%);}
.ProjectSec ul li .text strong { font-size:22px;  display:block; margin-bottom:40px; text-align:center;}
.ProjectSec ul li .text p { font-size:18px; line-height:40px; padding-left:60px;}
.ProjectSec ul li .text p:before { content:''; display:block; width:6px; height:6px;border-radius:50%; background:#fff; margin: 16px 10px 0 0; float:left;}
.ProjectSec ul li .text span { width: 160px; display: block; margin:40px auto 0;height: 42px;border: solid 1px #abc1e6;line-height: 40px;color: #abc1e6; font-size:14px;transition: .36s ease-out; border-radius:4px; text-align:center; box-sizing:border-box;}
.ProjectSec ul li .text span:hover { border: solid 1px #fff; background:#fff; color:#0054a7;}
.ProjectSec ul li:hover h3 { transform: translate(0, 100%);}
.ProjectSec ul li:hover .text { transform: translate(0, 0);}

.indexNewsSec { background:#f5f5f5; padding:.6rem .2rem;}
.indexNewsSec ul { display:flex; flex-wrap:wrap; margin-top:.6rem;}
.indexNewsSec ul li { width:49%; margin-right:2%; box-sizing:border-box; padding:.2rem; background:#fff; transition: 0.36s; transform: translateY(0);}
.indexNewsSec ul li:nth-child(2n+2) { margin-right:0;}
.indexNewsSec ul li:nth-child(1n+3) { margin-top:2%;}
.indexNewsSec ul li .image { width:100%; overflow:hidden;}
.indexNewsSec ul li .image img { width:100%;transition: 0.36s;}
.indexNewsSec ul li .text { margin-top:.2rem;}
.indexNewsSec ul li .text span { display:block; font-size:.26rem; color:#999;}
.indexNewsSec ul li .text span i { font-size:.3rem; margin-right:.16rem;}
.indexNewsSec ul li .text p { margin-top: .2rem;font-size: .28rem;line-height: .5rem;color: #333;height: .5rem;}
.indexNewsSec ul li .text em { display:block; font-size: .22rem;line-height: .28rem;color: #999;margin-top: .4rem;}
.indexNewsSec ul li .text em img { margin-left:.1rem;}
.indexNewsSec ul li:hover { transform: translateY(-10px); box-shadow: 0px 6px 25px rgb(0 0 0/.08);}
.indexNewsSec ul li:hover .image img { transform: scale(1.08);}
.indexNewsSec ul li:hover .text em { color:#0054a7;}


.PageProductCat ul { padding:0 .2rem;}
.PageProductCat ul li {padding:4% 2%;}
.PageProductCat ul li span {font-size: .26rem; margin: .3rem 0 .2rem;}
.PageProductCat ul li em {line-height: .5rem;font-size: .22rem;}}

/*联系我们*/
.AboutTel { padding:0 .2rem .6rem;}
.AboutTel ul li { box-sizing:border-box; padding:0 30px 60px; border: solid 1px #e5e5e5; transition:all .3s; background:#fff;}
.AboutTel ul li:nth-child(1n+2) { margin-top:2%;}
.AboutTel ul li .li_Title { padding: 40px 0 28px 0;border-bottom: 1px solid #f1f4f6; margin-bottom: 30px;}
.AboutTel ul li .li_Title strong { display:block; color: #303030; font-size:22px;}
.AboutTel ul li .li_Title span { display:flex; flex-wrap:wrap; margin-top:12px; font-size:16px; margin-left:-10px;}
.AboutTel ul li .li_Title span a { color:#7d7d7d; display:flex; align-items:center; transition:all .3s; margin-left:10px;}
.AboutTel ul li .li_Title span a em { text-decoration:underline;}
.AboutTel ul li .li_Title span a img { height:20px; margin-right:10px;}
.AboutTel ul li p { font-size:16px; color: #303030; line-height:30px;}
.AboutTel ul li p a { color: #303030; transition:all .3s;}
.AboutTel ul li font { font-size:16px; color:#7d7d7d; display:block; margin-top:15px;}
.AboutTel ul li font a { color: #7d7d7d; transition:all .3s;}
.AboutTel ul li font i { font-family:'SimSun';font-weight: 700;margin-left: 8px;}
.AboutTel ul li .li_Title span a:hover { color:#0054a7;}
.AboutTel ul li p a:hover { color:#0054a7;}
.AboutTel ul li font a:hover { color:#0054a7;}
.AboutTel ul li:hover { box-shadow: 0 15px 15px -10px rgb(0 0 0 /.1);}

.AboutBox { padding:.6rem .2rem;}
.AboutBox .image { width:100%; overflow:hidden;}
.AboutBox .image img { width:100%;}
.AboutBox .text { padding-top:.4rem;}
.AboutBox .text strong { display: block; color: #000; font-weight: 400;font-size: 24px;margin-bottom: 20px;padding-bottom: 20px;border-bottom: solid 1px #e5e5e5;}
.AboutBox .text h4 { display:block; color:#000; line-height:26px; font-weight:400; font-size:18px;}
.AboutBox .text p { line-height:28px; font-size:16px; color:#666;}

.AboutMedia { padding:.6rem .2rem;}
.AboutMedia ul { display:flex; justify-content:center;}
.AboutMedia ul li { position:relative; cursor: pointer;}
.AboutMedia ul li:nth-child(1n+2) { margin-left:40px;}
.AboutMedia ul li span { display:flex; width:60px; height:60px; align-items:center; justify-content:center; color:#999; border:1px solid #ccc; border-radius:50%; font-size:40px; transition:all .3s;}
.AboutMedia ul li .image { background:#fff; padding:8px; border-radius:6px; position:absolute; top:76px; left:50%; transform:translate(-50%,0); display:none; box-shadow:0 0 15px rgb(0 0 0/.1);}
.AboutMedia ul li .image:before { content:''; display:block; width:0; height:0; border-style:solid; border-color:transparent transparent #fff transparent; border-width:5px; position:absolute; top:-10px; left:50%; transform:translate(-50%,0);}
.AboutMedia ul li .image img { width:120px; height:120px;}
.AboutMedia ul li:hover span { background:#0054a7; color:#fff; border-color:#0054a7;}
.AboutMedia ul li:hover .image { display:block;}


}


.wydzwr{
    background: #fff;
    padding: 34px;
}
.wydzwrkf{
    border-bottom: solid 1px #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.wydzwrkf h3{
    color: #333;
    font-size: 16px;
}
.wydzwrkf p{
    width: 140px;
    margin: 0;
    border: solid 1px #eee;
    text-align: center;
    color: #333;
    padding: 5px 0px;
    border-radius: 5px;
    margin-top: 8px;
}
.wydzwrwx{
    border-bottom: solid 1px #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.wydzwrwx h3{
    color: #333;
    font-size: 16px;
}
.wydzwrwx p{
    color: #666;
    overflow: hidden;
    line-height: 2;
    margin-top: 7px;
}
.wydzwrwx p img{
    float: left;
    margin-right: 8px;
}
.wydzwrdh{
    overflow: hidden;
    border-bottom: solid 1px #eee;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.wydzwrdh h3{
    margin-bottom: 6px;
}
.aboutdw .wydzwrdhl{
    float: left;
}
.aboutdw .wydzwrdhr{
    float: left;
}
.aboutdw .wydzwrdhr p{
    width: 230px;
}
.wydzwrdhl{float: left;display: none;}
.wydzwrdhr{float: none;}
.wydzwrdhr h2{
    font-weight: bold;
    color: #333;
    font-size: 36px;
}



.liuyuan{
    background: url(../images/onewydz.jpg) center;
    background-size: cover;padding:20px 0;
}

.ly_form{width:700px;float:left;padding:0px 50px;}
.ly_form h5{font-size:28px;padding:10px 0;color:#000}
.ly_form dl{padding:7px 0;}
.ly_form input { border:1px solid #f5f5f5; background:white; font-size:14px; border-radius:3px; padding:10px 15px; width:100%;outline:none;box-sizing:border-box}
.ly_form textarea { border:1px solid #f5f5f5; background:white;padding:10px 15px;font-size:14px; height:200px; width:100%;outline:none;box-sizing:border-box} 
.ly_form input.btn-send {padding:10px 15px;background: #00a0e9;font-size: 18px;color: #fff;width: 100%;text-align: center; border:none;cursor: pointer;box-sizing:border-box}

.ly_info{overflow: hidden;width:400px;float:right;padding-top:60px}


/*页码样式*/
.PagesBox { text-align:center; margin:20px 0;}
.PagesBox a { border: 1px solid #ddd; background:#fff;padding: 5px 6px; font-size:16px; color:#333; border-radius: 4px;}
.PagesBox a:hover { background:#0054a7; color:#fff; border:1px solid #0054a7;}
.PagesBox strong { border: 1px solid #0054a7; background:#0054a7;padding: 6px; font-size:16px; color:#fff; font-weight:400;border-radius: 4px;}
.PagesBox cite { display:none;}
.PagesBox .pages_inp { border: 1px solid #ddd; font-size:16px;padding:6px;margin-top: -6px;outline:none;border-radius: 4px;}
.PagesBox .pages_btn { background:#fff;border: 1px solid #ddd; font-size:16px;padding:3px;margin-top: -6px; color:#333; height:35px; width:60px; font-weight:400;border-radius: 4px; cursor:pointer;}
.PagesBox .pages_btn:hover { background:#0054a7; color:#fff; border:1px solid #0054a7;}