@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;}

.nav_bar {height: 45px; background: #104A82;}
.nav_bar .a_one{float:left; width:150px; text-align: center; list-style: none; position: relative;}
.nav_bar .a_one .a_two{overflow: hidden; border-right: 1px solid #155FA8; font-size: 18px; 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: #104A82;}

.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 10px 0; text-align: center; max-width: 1200px;}
.site_navigation span{float:left; width: 25%; padding: 3px 5px; box-sizing: border-box;}
.site_navigation span a{text-decoration: none; display: block; padding: 5px 0;}
.site_navigation span .sOne{border: 1px solid #CCCCD2; background-color: #E2E2E7; color: #666;}
.site_navigation span .sOne:hover,.site_navigation span .sOne.on{border: 1px solid #104A82; 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;}
.about_index .aimg img{display: block;}
.about_index .txt{width: 765px; padding: 0 20px 0 0; 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: #104A82; line-height: 1.4; padding-top: 25px;}
.box_hd h4{font-size: 16px; color: #999; line-height: 1.1; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}

.product_category_index{background: #104A82; padding: 20px;}
.product_category_index .hd{width: 60px; height: 160px; border-radius: 3px; overflow: hidden; border: 1px solid rgba(255,255,255,0.3); background: rgba(0,0,0,0.1); color: #FFF; font-size: 22px; text-align: center; line-height: 1.5; padding: 10px 0; box-sizing: border-box;}
.product_category_index .bd{width: 1130px;}
.product_category_index .bd ul{list-style: none;}
.product_category_index .bd ul li{width: 25%; height: 40px; font-size: 16px; float: left; color: #B4D5F5; border: 1px solid rgba(0,0,0,0.2); text-align: center; line-height: 38px; box-sizing: border-box;}
.product_category_index .bd ul li a{color: #FFF; display: block; background: rgba(255,255,255,0.2);}
.product_category_index .bd ul li a:hover{color: #104A82;background: rgba(255,255,255,0.8);}

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

.news_index{padding: 30px 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 #104A82; color: #104A82;}

.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 #104A82;}

.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 0 0;}
.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: 28px; color: #666; line-height:28px; font-weight: normal;}
.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;}

/*内页文字列表css*/
.newsList{width:100%; margin:15px 0; list-style:none;}
.newsList li{border: 1px solid #DFDFDF; padding:10px 15px; margin-bottom:10px; box-sizing: border-box; background: #FAFAFA;}
.newsList li:hover{border: 1px solid #104A82;}
.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:#395BA1; 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 #5593C6; 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;}

.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 #5593C6; 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;}

.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 #5593C6; 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;}

/*信息最终页*/
#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;}
#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:490px; width:100%;}
#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;}
#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{text-indent: 28px;}
#article_view_content .aContent .aTxt .btn_box{width:50%; float:left; 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%;}
.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:#7693CF;border-color:#395BA1;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: #104A82; color: #FFF; line-height: 39px; float: left; font-size: 18px; padding: 0 25px; border-radius: 0 5px 5px 0;}