@charset "utf-8";
/* reset */
/*{-webkit-user-select: none;}*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu {margin: 0; padding: 0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details {display: block;}
table {border-collapse: collapse; border-spacing: 0;}
caption,th {text-align: left; font-weight: normal;}
html,body,fieldset,img,iframe,abbr {border: 0;}
h1,h2,h3,h4,h5,h6,small {font-size: 100%;}
textarea,input,button,select,keygen,legend {font: normal 14px/1.25 -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif; color: #666; outline: 0; resize: none;}
a,button {cursor: pointer;}
a,a:link,a:visited,a:active {color: #333; text-decoration: none; text-decoration: none; cursor: pointer;-moz-transition: background-color 0.6s ease-out, color 0.15s ease-out; -webkit-transition: background-color 0.3s ease-out, color 0.15s ease-out; -ms-transition: background-color 0.3s ease-out, color 0.15s ease-out; transition: background-color 0.3s ease-out, color 0.15s ease-out;}
a:hover {color: #1560AA; text-decoration: underline;}
body {min-width: 1200px; background: #FFF; font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif; font-size: 14px; color: #333; line-height: 1.75; }

.f-clearfix {clear: both;}
.f-fl {float: left;}
.f-fr {float: right;}
.f-tl{text-align: left;}
.f-tc{text-align: center;}
.f-tr{text-align: right;}
.mt-1{margin-top:1px;}.mt-2{margin-top:2px;}.mt-3{margin-top:3px;}.mt-4{margin-top:4px;}.mt-5{margin-top:5px;}.mt-6{margin-top:6px;}.mt-7{margin-top:7px;}.mt-8{margin-top:8px;}.mt-9{margin-top:9px;}.mt-10{margin-top:10px;}.mt-11{margin-top:11px;}.mt-12{margin-top:12px;}.mt-13{margin-top:13px;}.mt-14{margin-top:14px;}.mt-15{margin-top:15px;}.mt-16{margin-top:16px;}.mt-17{margin-top:17px;}.mt-18{margin-top:18px;}.mt-19{margin-top:19px;}.mt-20{margin-top:20px;}.mt-21{margin-top:21px;}.mt-22{margin-top:22px;}.mt-23{margin-top:23px;}.mt-24{margin-top:24px;}.mt-25{margin-top:25px;}.mt-26{margin-top:26px;}.mt-27{margin-top:27px;}.mt-28{margin-top:28px;}.mt-29{margin-top:39px;}.mt-30{margin-top:30px;}

/* website */
div{max-width: 1920px; margin:0 auto;}
.w_wrap{width: 1200px; margin:0 auto;}
#web_header {}
#web_header .f-fl{padding: 15px 0 0 0;}
#web_header .f-fr{height: 100px; text-align: right;}
#web_header .f-fl img,#web_header .f-fr img{display: block;}

.portal_search{}
.portal_search form{padding: 15px 0 0 45px;}
.portal_search .s{width: 80px; height: 40px; line-height: 30px; border: 2px solid #DDD; border-right: 0; box-sizing: border-box; float: left; padding: 0 10px;}
.portal_search .k{width: 290px; height: 40px; line-height: 30px; border: 2px solid #DDD; border-right: 0; box-sizing: border-box; float: left; padding: 0 10px;}
.portal_search .b{width: 50px; height: 40px; line-height: 28px; background: #0057B7; border: none; padding: 0; color: #FFF;}

.nav_bar {height: 45px; background: #0F60B0;}
.nav_bar .a_one{float:left; width:12%; text-align: center; list-style: none; position: relative;}
.nav_bar .a_one:nth-child(5){width:23%;}
.nav_bar .a_one:nth-child(6){width:12%;}
.nav_bar .a_one:nth-child(7){width:17%;}
.nav_bar .a_one .a_two{overflow: hidden; border-right: 1px solid rgba(0,0,0,0.1); font-size: 16px; line-height: 45px; font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif; color: #EDF1FE; display: block;}
.nav_bar .a_one:hover .a_two,.nav_bar .a_one .a_two:hover,.nav_bar .a_one .a_two.on{color: #FFF; background: #CE2327;}
.nav_bar a{text-decoration:none;}
.nav_ul .a_one .sub_menu{display: none; width: calc(100% - 1px); position: absolute; z-index: 999; left:0; top: 45px; text-align:center; list-style: none; background: #FFF; box-sizing:border-box; padding: 0 5px 5px 5px;-moz-box-shadow:1px 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow:1px 3px 5px rgba(0,0,0,0.5); box-shadow:1px 3px 5px rgba(0,0,0,0.5);}
.nav_ul .a_one .sub_menu li{overflow: hidden;}
.nav_ul .a_one .sub_menu li:nth-child(1){margin-top: 5px;}
.nav_ul .a_one .sub_menu li.sOne{ vertical-align:middle;}
.nav_ul .a_one .sub_menu li.sOne a{ padding: 3px 0; display: block; color: #666; border-bottom: 1px solid #DFDFDF;}
.nav_ul .a_one .sub_menu li.sOne a:hover{ color:#FFF; background: #0F60B0;}
.top_nav{display: flex; height:100%; align-items: center; list-style: none;}
.top_nav li{height:100%; line-height: 100%; padding:0 20px;border-left:1px solid rgba(255,255,255,0.99); background-color: #DFEAF4; display: flex; align-items: center;}

.banner_index{height:500px; overflow:hidden;}
.fullSlide{width:100%; max-width:1920px; margin:0 auto;  position:relative; height:500px;}
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.fullSlide .bd ul{ width:100% !important;}
.fullSlide .bd li{ width:100% !important; height:500px; overflow:hidden; text-align:center;  }
.fullSlide .bd li a{ display:block; height:500px; }
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0;}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;}
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:100px; height:3px; margin:15px; overflow:hidden; background-color: #FFF;}
.fullSlide .hd ul .on{ background-color: #EEE;}

.site_path{height: 120px; overflow: hidden; background: url(../images/site_path.jpg) no-repeat center 0;}
.site_path h3{line-height: 120px; color: #FFF; font-weight: normal; text-indent: 10px;}
.site_path h3 a{color: #FFF;;}
.site_path h3 i{font-size: 16px;}
.site_navigation{border-bottom: 1px solid #CCCCD2; padding: 30px 0 0 0; text-align: center; max-width: 1200px; display: flex;}
.site_navigation span{width: 24%; margin-right:1.33%;}
.site_navigation span:last-child{margin-right:0; margin-left:auto;}
.site_navigation span a{text-decoration: none; display: block; width:100%; padding: 5px 0;}
.site_navigation span .sOne{border: 1px solid #CCCCD2; border-bottom:none; background-color: #E2E2E7; color: #666; border-radius:10px 0 0 0;}
.site_navigation span .sOne:hover,.site_navigation span .sOne.on{border: 1px solid #104A82; border-bottom:none; background-color: #104A82; color: #FFF;}

.about_index{border: 1px solid #CFCFCF; padding: 15px 0; margin-top: 30px;}
.about_index .aimg{width: 360px; padding: 5px 20px; text-align: center;}
.about_index .aimg img{display: block; padding-bottom:10px;}
.about_index .aimg a{text-decoration: underline; font-size: 16px;}
.about_index .txt{width: 765px; padding: 0 0 0 20px; text-align: left;}
.about_index .txt .bd{font-size: 14px; line-height: 1.8; padding: 5px 0;}
.about_index .txt .bd p{padding-bottom: 10px;}

.box_hd{height: 90px; overflow: hidden; background: url(../images/box_t1.png) no-repeat center 0; text-align: center;}
.box_hd h3{font-size: 22px; color: #0F60B0; line-height: 1.4; padding-top: 25px;}
.box_hd h4{font-size: 16px; color: rgba(0,0,0,0.5); line-height: 1.1; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}

.product_category_index{background: #0E559C; padding: 20px;}
.product_category_index .hd{width: 60px; height: 180px; border-radius: 3px; overflow: hidden; border: 1px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.1); color: #FFF; font-size: 22px; text-align: center; line-height: 1.3; padding: 10px 0; display: flex; align-items: center; box-sizing: border-box;display:none; }
.product_category_index .hd div{width:100%; text-align: center; text-shadow: 2px 2px 2px rgba(0,0,0,0.2);}
.product_category_index .bd{width: 1200px;}
.product_category_index .bd ul{list-style: none;}
.product_category_index .bd ul li{width: 33.33%; font-size: 16px; float: left; color: #B4D5F5; border: 1px solid rgba(0,0,0,0.1); text-align: center; line-height: 28px; box-sizing: border-box;}
.product_category_index .bd ul li a{color: #FFF; display: block; background: rgba(255,255,255,0.2); padding:15px 0;}
.product_category_index .bd ul li a img{display: none; width:120px; border-radius: 60px; margin:0 auto;}
.product_category_index .bd ul li a:hover{color: #0E559C;background: rgba(255,255,255,0.8);}

.case_index{padding: 30px 0 0 0;}
.case_index_list{width: 100%; list-style: none; padding: 10px 0;}
.case_index_list li{width: 20%; padding:10px; float: left; box-sizing: border-box; border: 1px solid #CCC; background-color: #E2E2E7; text-align: center;}
.case_index_list li img{display: block; object-fit: cover; max-width: 100%; box-sizing: border-box;}
.case_index_list li h3{line-height: 35px; font-weight: normal;}
.case_index_list li:hover{border: 1px solid #0F60B0; background-color: #FFF;}

.news_index{padding: 20px 0;}
.news_index .bd{overflow: hidden;}
.more_index{padding: 35px 0 10px 0; clear: both; display: block; text-align: center;}
.more_index a{padding: 8px 25px; line-height: 100%; border: 1px solid #DDD; color: #666;}
.more_index a:hover{border: 1px solid #0F60B0; color: #0F60B0;}

.news_index_list{width: 105%; list-style: none;}
.news_index_list li{width:385px; height: 140px; float: left; margin: 20px 22px 0 0; border: 1px solid #DFDFDF; background: #FAFAFA; box-sizing: border-box;}
.news_index_list li div{text-align: left; padding: 15px 25px 0 20px;}
.news_index_list li div h3{font-size: 16px;}
.news_index_list li div p{color: #777; padding-top: 5px;}
.news_index_list li:hover{border: 1px solid #0F60B0;}

.content_box{padding:10px 0; border-bottom: 2px solid #CCCCD2;}

#web_footer {background: #E2E2E7;overflow: hidden; margin-top: 50px;}
.footer_menu{width: 424px;height: 160px;padding: 15px 0 5px 0;border-right: 1px solid #D8D8DC;}
.footer_menu dl{width: 50%; float: left; text-align: left; color: #666;}
.footer_menu dl dt{display: block; font: normal 16px/32px 'Microsoft YaHei UI','Microsoft Yahei','Microsoft Jhenghei','Lucida Grande','Lucida Sans Unicode','helvetica','tahoma','arial','sans-serif';}
.footer_menu dl dd{font: normal 14px/22px 'Microsoft YaHei UI','Microsoft Yahei','Microsoft Jhenghei','Lucida Grande','Lucida Sans Unicode','helvetica','tahoma','arial','sans-serif';}
.footer_menu dl dd a{display: block;}
.footer_attention{width: 344px;height: 160px;padding: 15px 0 5px 65px;border-right: 1px solid #D8D8DC;}
.footer_attention dl{width: 100%; text-align: left; color: #666;}
.footer_attention dl dt{display: block; font: normal 16px/32px 'Microsoft YaHei UI','Microsoft Yahei','Microsoft Jhenghei','Lucida Grande','Lucida Sans Unicode','helvetica','tahoma','arial','sans-serif';}
.footer_attention dl dd{font: normal 24px/40px 'Microsoft YaHei UI','Microsoft Yahei','Microsoft Jhenghei','Lucida Grande','Lucida Sans Unicode','helvetica','tahoma','arial','sans-serif';padding: 10px 0;}
.footer_attention dl dd a{padding-right:15px;}
/*
.footer_attention dl dd a{display: block;width: 40px;height: 40px;overflow: hidden;background: #ABABB4; color: #FFF; text-align: center;float: left;margin: 0 10px 0 0;border-radius: 20px;}
.footer_attention dl dd a:hover{background: #E6162D;}
*/
.footer_contact{width: 315px;padding: 15px 0 5px 0;}
.footer_contact dl{width: 100%; text-align: left; color: #666;}
.footer_contact dl dt{display: block; font: normal 16px/32px 'Microsoft YaHei UI','Microsoft Yahei','Microsoft Jhenghei','Lucida Grande','Lucida Sans Unicode','helvetica','tahoma','arial','sans-serif';}
.footer_contact dl dd{padding: 10px 0 0 55px; height: 50px; background:url(../images/footer_contact_icon.png) no-repeat 0 10px;}
.footer_contact dl dd h4{font-size: 18px; color: #666; line-height:24px; font-weight: bold;}
.footer_contact dl dd p{font-size: 12px; color: #999;}
.footer_copyright{background: #CCCCD2; text-align: center; padding: 15px;}
.footer_copyright p{font: normal 14px/24px 'Microsoft YaHei UI','Microsoft Yahei','Microsoft Jhenghei','Lucida Grande','Lucida Sans Unicode','helvetica','tahoma','arial','sans-serif'; color: #666;}
.footer_copyright p img{vertical-align: middle; padding-right:2px;}

/*内页文字列表css*/
.newsList{width:100%; margin:15px 0; list-style:none;}
.newsList li{border: 1px solid rgba(0,0,0,0.1); padding:10px 15px; margin-bottom:10px; box-sizing: border-box; background: #FAFAFA;}
.newsList li:hover{border: 1px solid #0F60B0;}
.newsList li h3{display:block; text-align:left; font:normal 16px/1.7 'Microsoft Yahei'; overflow:hidden;}
.newsList li h3 a{background:url(../images/arrow.png) 2px center no-repeat; text-indent:10px; float:left;}
.newsList li h3 .timein{float:right; color:#AAA; font:normal 14px/1.7 'Microsoft Yahei'; overflow:hidden;}
.newsList li .articleDes{display:block; clear:both; text-align:left; font:normal 14px/1.7 'Microsoft Yahei'; color:#777; padding:10px 0 5px 10px;}
.newsList li .articleDes a{color:#0F60B0; text-decoration:underline;}

/*产品图片列表*/
.imageList_default ul{margin:0px; list-style:none; width:105%; padding:15px 0;}
.imageList_default ul li{width:290px; min-height:330px; float:left; margin:5px 11px 10px 0; display:inline; text-align:center;background-color:#FFF; background-color: #E2E2E7; border:1px solid #E2E2E7;}
.imageList_default ul li:nth-child(1),.imageList_default ul li:nth-child(5),.imageList_default ul li:nth-child(9){margin-right:9px;}
.imageList_default ul li:hover{border:1px solid #0F60B0; background-color: #FFF;}
.imageList_default ul li .p_title{display:block; line-height:1.3; padding:15px 5px 10px 5px; border-top:1px solid #EEE; font-weight:normal; word-wrap:break-word; word-break:break-all;}
.imageList_default .thumbnail_product{cursor:pointer; margin:0px; background:#FFF;}
.imageList_default .thumbnail_product a{display:block; overflow:hidden; text-align:center;}
.imageList_default .thumbnail_product img{vertical-align:middle; margin:35px; object-fit: cover;}

.imageList_about ul{margin:0px; list-style:none; width:105%; padding:15px 0;}
.imageList_about ul li{width:300px; min-height:190px; float:left; text-align:center; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; border:1px solid #CCC;background-color: #E2E2E7; box-sizing: border-box;}
.imageList_about ul li:hover{border:1px solid #0F60B0; background-color: #FFF;}
.imageList_about ul li .p_title{display:block; line-height:1.3; padding:9px 5px 13px 5px; border-top:1px solid #EEE; font-weight:normal; word-wrap:break-word; word-break:break-all;}
.imageList_about .thumbnail_product{cursor:pointer; margin:0px;}
.imageList_about .thumbnail_product a{display:block; overflow:hidden; text-align:center;}
.imageList_about .thumbnail_product img{vertical-align:middle;display:block; object-fit: cover;}

.imageList_case ul{margin:0px; list-style:none; width:105%; padding:15px 0;}
.imageList_case ul li{width:400px; min-height:320px; float:left; text-align:center; border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; border:1px solid #CCC;background-color: #E2E2E7; box-sizing: border-box;}
.imageList_case ul li:hover{border:1px solid #0F60B0; background-color: #FFF;}
.imageList_case ul li .p_title{display:block; line-height:1.3; padding:9px 5px 13px 5px; border-top:1px solid #EEE; font-weight:normal; word-wrap:break-word; word-break:break-all;}
.imageList_case .thumbnail_product{cursor:pointer; margin:0px;}
.imageList_case .thumbnail_product a{display:block; overflow:hidden; text-align:center; padding: 20px; background-color: #FFF;}
.imageList_case .thumbnail_product img{vertical-align:middle;display:block; object-fit: cover;}

/*信息最终页*/
#article_view_content{width:100%; margin:10px auto; overflow:hidden;}
#article_view_content .aTitle{text-align:center; font:normal 24px/1.7 'Microsoft Yahei'; padding:4px 0px 8px 0px; background:url(../images/underline.png) repeat-x 0px bottom; color:#333;}
#article_view_content .aProperties{text-align:center; font:normal 12px/1.9 'Microsoft Yahei'; color:#999; padding:8px 0px 0px 0px;}
#article_view_content .aProperties span{cursor:pointer;}
#article_view_content .aContent{text-align:left; padding:10px 0 10px 0px;word-wrap:break-all;font:normal 14px/1.7 'Microsoft Yahei';}
#article_view_content .aContent table{border-left:1px solid #AAA; border-top:1px solid #AAA;}
#article_view_content .aContent table td{border-right:1px solid #AAA; border-bottom:1px solid #AAA; padding: 5px 15px 3px 15px;}
#article_view_content .aContent p{padding:2px 0 6px 0;}
#article_view_content  #aContent img{border:1px solid #DDD; padding: 25px; box-sizing: border-box; max-width:1192px; border-radius: 10px; box-shadow: 2px 2px 4px rgba(0,0,0,0.1);}
#article_view_content .aImages{text-align:center; padding:15px 0 5px 0;}
#article_view_content .aImages img{padding:4px; border:1px solid #DDD;}
#article_view_content .aContent .pImages{width:480px; float: left;}
#article_view_content .aContent .pImages img{padding:4px; border:1px solid #DDD; max-width:1192px; width:100%; border-radius: 10px; box-shadow: 2px 2px 4px rgba(0,0,0,0.1);}
#article_view_content .aContent .pContents{width:700px; float: right; overflow: hidden;}
#article_view_content .aContent .aImg{float: left; border: 1px solid #ddd; padding:20px;}
#article_view_content .aContent .aImg img{display: block; box-sizing: border-box;}
#article_view_content .aContent .aTxt{width:660px; float: right;}
#article_view_content .aContent .aImg,#article_view_content .aContent .aTxt{padding-top:15px;}
#article_view_content .aContent .aTxt p{}
#article_view_content .aContent .btn_box{width:100%; background-color: #CE2327; color: #FFF; font-size: 20px; padding: 5px 25px; margin-top:20px; box-sizing: border-box; text-align: center;}

.box_pn{display:block; clear:both; width:100%;}
.box_pn .item_prev,.box_pn .item_next{color:#999; line-height: 1.7; display:block; border-top:1px solid #DFDFDF; padding:5px 0;}

/*列表数字分页*/
.pagination{display:inline-block; *display:inline;text-align:center; width:100%; padding:25px 0 0 0;}
.pagination>li{display:inline-block; *display:inline;}
.pagination>li>a,.pagination>li>span{background-color:#FFF;border:1px solid #DDD;float:left;line-height:1.42857;margin-left:1px;padding:6px 12px;position:relative;text-decoration:none;color:#666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;}
.pagination>li.active>a,.pagination>li.active>a:hover,.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{background-color:#0F60B0;border-color:#0F60B0;color:#fff}

/*新增DIY*/
.productTableV1{max-width:100%; margin:0 auto; border-left:1px solid #DDD; border-bottom:1px solid #CFCFCF;}
.productTableV1 td{text-align:center; padding:15px 10px; border-right:1px solid #DDD; border-top:1px solid #CFCFCF; word-wrap:break-word; word-break:break-all;}

.product_hd{background-color: #E2E2E7;margin-top: 15px;}
.product_hd span{background-color: #0F60B0; color: #FFF; line-height: 39px; float: left; font-size: 18px; padding: 0 25px; border-radius: 0 5px 5px 0;}

.products_hd{display: flex;}
.products_hd ul{width:50%; list-style: none; display: flex; padding:0; box-sizing: border-box; background: #0F60B0; border-left:1px solid rgba(255,255,255,0.5); border-right:1px solid rgba(255,255,255,0.5);}
.products_hd ul li{padding:10px; box-sizing: border-box; color:rgba(255,255,255,0.99);}
.products_hd ul li:first-child{width:55%; text-align: left;}
.products_hd ul li:nth-child(2){width:30%; text-align: center;}
.products_hd ul li:last-child{width:15%; text-align: center; margin-right:0; margin-left:auto;}
.products_bd{display: block;}
.products_bd ul{width:100%; list-style: none; display: flex;
flex-direction: row;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;align-content: stretch;align-content: flex-start;align-content: center;align-content: flex-end;align-content: space-between;align-content: space-evenly;align-content: space-around;box-sizing: border-box;
}
.products_bd ul li{width:50%; display: flex; align-items:center;line-height: 1.75; box-sizing: border-box; margin: 0; padding:10px 0; border-bottom:1px solid rgba(0,0,0,0.1);}
.products_bd ul li div:first-child{width:55%; text-align: left;}
.products_bd ul li div:first-child img{object-fit:scale-down; margin-right:8px; vertical-align: middle;}
.products_bd ul li div:nth-child(2){width:30%; text-align: center;}
.products_bd ul li div:last-child{width:15%; text-align: center; margin-right:0; margin-left:auto;}
.products_bd ul li div:last-child a{text-decoration: underline;}
.products_bd ul li:nth-child(4n-1),.products_bd ul li:nth-child(4n-2){background-color: #DFEAF4;}

/*
object-fit: fill|contain|cover|scale-down|none|initial|inherit;
*/
.site_pop{position: fixed; width:160px; top:15px;right:15px;}
.site_pop h4{padding-top:65px;}