@charset "utf-8";
/* CSS Document 1600px */
body{font-family: Arial; overflow-y:scroll;  margin: 0px; color:#333;} 

/* 顶部导航栏开始 */
.navigation a:link {color:#0a4374; text-decoration:none;}
.navigation a:visited {color:#0a4374; text-decoration:none;}  
.navigation a:hover {color:#ec7703; text-decoration:none;} 
.navigation a:active {color:#0a4374; text-decoration:none;}

.navigation{margin: auto; text-align: left; width: 100%; height:150px; color: white; z-index:999; position: fixed; top: 0; left: 0; right: 0; background: #EEE;}
.nav_top{width:calc(100% - 10px); height:30px; margin:auto; text-align:left; padding-left:10px;}
.nav_top span{ font-size:0.8rem; color:#0a4374; height:30px; line-height:30px;}
.nav_logo{width:calc(100% - 10px); height:90px; text-align:left; margin:auto; text-align:left; padding-left:10px;}
.ul_box{width:100%; margin:auto; }
.ul_box div{width:calc(100% - 10px); margin:auto; padding-left:10px; }
.ul_box ul{list-style: none; text-align: left; margin: auto; padding: 0px; }
.ul_box ul li{display: inline-block; font-size: 1rem; margin-right: 20px; height:30px; line-height: 30px; }
/* 顶部导航栏结束 */


/* 二级目录开始 */
.main_title_box{width:100%; margin:auto; height:50px; box-shadow: 3px 3px 3px #999; z-index:999; position: fixed; top: 150px; left: 0; right: 0;}
/* 这里是底纹背景的代码 */
.main_title_box{background: linear-gradient(-45deg, #3b3b3b 25%, #676767 0, #676767 50%, #3b3b3b 0, #3b3b3b 75%, #676767 0); background-size: 5px 5px;}
.main_title_box div{width:calc(100% - 10px); margin:auto; height:50px; line-height: 50px; padding-left:10px;}
.main_title_box div span{ color:#FFF; font-size: 1.2rem; font-weight:bold; }
/* 二级目录结束 */


/* 首页banner开始 */
.index_banner_box{width:100%; margin:auto; margin-top:200px; box-shadow: 3px 3px 3px #999;}
.index_banner_box img{ width:100%;}
/* 首页banner结束 */


/* 首页详情页开始 */
.main_index_box{width:100%; margin:auto; display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:space-between; background:#F3F3F3; } /* 总的DIV */

.main_index_left{width:70%; text-align: left; box-shadow: 3px 3px 3px #999; position:relative;}
.main_index_left_row1{ width:calc(100% - 20px); padding:10px;}
.main_index_left_row1 p{ font-size:0.8rem; line-height:150%;}
.main_index_left_row2{ width:100%; padding-top:20px; padding-bottom:20px; }
.main_index_left_row2 div{ width:calc(100% - 20px); padding-right:10px; padding-left:10px; padding-bottom:20px;}
.main_index_left_row2 img{ width:100%;}

.main_index_right{width:30%; text-align: left; box-shadow: 3px 3px 3px #999; background: #36C; position:relative;}
.main_index_right{background: linear-gradient(-45deg, #e3e1e1 25%, #f3f2f2 0, #f3f2f2 50%, #e3e1e1 0, #e3e1e1 75%, #f3f2f2 0); background-size: 5px 5px;}
.main_index_right_title{ width:calc(100% - 30px); margin-top:30px; padding-left:10px; padding-right:10px;}
.main_index_right_title span{font-size:0.8rem; line-height:150%;font-weight:bold; color:#0a4374;}
.main_index_right ul{list-style: none; text-align: left; margin: auto; padding: 0px; }
.main_index_right ul li{font-size: 0.5rem; padding-left:10px; padding-right:10px; line-height:200%; }
/* 首页详情页结束 */


/* 产品详情页开始 */
.main_product_box{width:100%; margin:auto; display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:space-between; margin-top:200px;} /* space-between 第一个子元素紧贴容器起始端，最后一个子元素紧贴容器结束端 */
.main_product_left{width:25%; text-align: left; box-shadow: 3px 3px 3px #999; position:relative;}
.main_product_left{background: linear-gradient(-45deg, #e3e1e1 25%, #f3f2f2 0, #f3f2f2 50%, #e3e1e1 0, #e3e1e1 75%, #f3f2f2 0); background-size: 5px 5px;}
.main_product_left_title{ width:calc(100% - 10px); padding-left:10px; background: #CCC; background-color: rgba(10, 67, 116, 0.9);}
.main_product_left_title span{font-size:0.7rem; font-weight:bold; height:35px; line-height:35px; color:#FFFFFF;  }
.main_product_left ul{list-style: none; text-align: left; margin: auto; padding: 0px; }
.main_product_left ul li{font-size: 0.6rem; padding-left:10px; line-height:200%; }
.main_product_left_none{height:30px;}

.main_product_left a:link {color:#333; text-decoration:none;}
.main_product_left a:visited {color:#333; text-decoration:none;}  
.main_product_left a:hover {color:#ec7703; text-decoration:none;} 
.main_product_left a:active {color:#333; text-decoration:none;}

.main_product_right{width:75%; text-align: left; box-shadow: 3px 3px 3px #999; position:relative; }
.main_product_right_row0{ width:calc(100% - 10px); height:35px; padding-left:10px;}
.main_product_right_row0 span{ height:35px; line-height:35px; font-size:0.7rem; font-weight:bold; color:#0a4374;}
.main_product_right_row1{ width:100%; border-bottom:1px #999 solid; margin:auto; display:flex; display:-webkit-flex; flex-wrap:wrap; justify-content:flex-start;}/* flex-start 使子元素沿主轴方向从起点开始排列 */
.main_product_right_row1_box{width:calc(33% - 10px); text-align: center; position:relative; padding:5px; }
.main_product_right_row1_box img{ width:100%; }
.main_product_right_row2{ width:calc(100% - 20px); padding-left:10px; padding-right:10px; padding-bottom:30px; padding-top:30px;}
.main_product_right_row2 h3{ margin:0; color:#0a4374;}
.main_product_right_row2 p{ font-size:0.8rem;}
.main_product_right_row2 p{ line-height:150%}
.main_product_right_row3{ width:calc(100% - 20px); padding-left:10px; padding-right:10px;}
.main_product_right_row3 h3{ margin:0; color:#0a4374; margin-bottom:10px;}
/* 产品详情页结束 */

/* datasheet表格开始 */
.datasheet_table{ width:100%; font-size:0.6rem; border:none; table-layout:fixed; } /* table-layout:fixed 列宽相同 */
.datasheet_table tr{ height:30px;}
.datasheet_table tr td{ text-align:center;}
.datasheet_table_head{ background:#0a4374; color:#FFF;}
.datasheet_table_head td{ font-size:0.6rem; height:40px;}
/* datasheet表格结束 */

.product_none_title{width:100%; margin:auto; height:50px;}

/* 底部开始 */
.foot_bottom_box{margin: auto; text-align: left; width: 100%; height:50px; box-shadow: 3px 3px 3px #999;}
.foot_bottom_box{background: linear-gradient(-45deg, #002142 25%, #003264 0, #003264 50%, #002142 0, #002142 75%, #003264 0); background-size: 5px 5px;}
.foot_bottom_box div{width:calc(100% - 20px); margin:auto; height:50px; line-height: 50px; padding-left:20px;}
.foot_bottom_box div span{ color:#FFF; font-size:0.6rem;}
/* 底部栏结束 */