body{width:100%;}
.webhead{width:100%;margin:0 auto;}
.toop{width:100%;background:#00528a;}
.tooph{width:1200px;margin:0 auto;display:flex;justify-content:space-between;}
.toop span{width:130px;color:white;margin:13px 10px;}
/**.nav .mainlevel{float:left;font-family:emoji;}
.nav .mainlevel :hover{float:left;font-family:math;padding:1px 15px;border-bottom:2px solid #dd4814;color:#00528a;font-size:18px;width:90px;font-weight:600;}
.nav .active a{float:left;font-family:math;padding:1px 15px;color:#00528a;font-size:18px;width:auto;}
.nav .mainlevel a{color:#383737;text-decoration:none;text-align:center;display:block;padding:1px 25px;width:90px;font-family:emoji;
font-size:18px;}**/
li{list-style-type:none;}
a{color:#00437d;text-decoration:none;outline:none;}
/**banner**/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, span{padding:0;margin:0;}
.banner{display:block; width:100%; height:380px; list-style:none; padding:0; margin:0; position:relative}
.banner p{position:relative;top:-280px;margin-left:100px;font-size:35px;color:white;}
.soso{margin:5px 30px;display:flex;z-index: 999;}
.jisou{margin:5px;height:25px;width:40px;background:#dd4814;color:#ffff;transition: color 0.3s;border:1px solid #ffff;border-radius:5px;}
.wxian{height:25px;width:250px;border:1px solid #ffffff;margin-top:3px;}
/**product**/
.product{left:30px;}
.product_list{width:100%;justify-content:space-evenly;display:flex;flex-wrap:wrap;margin-left:5px;}
.product_show{width:383px;height:225px;justify-content:start;display:flex;flex-direction:row;background-color:#f2f5f8;margin:5px;border-radius:2px;}
.product_show a img{top:50px;left:0px;width:220px;height:220px;margin:10px;border-radius:2px;}
.product_show a h3{width:130px;display:flex;color:#5e5d5d;padding:50px 20px;padding-top:50px;position:relative;right:30px;}
/**栏目导航**/
.navid{padding:5px 30px;font-size:48px;color:#00437d;line-height: 80px;background:white;}
.snavid{height:20px;width: auto;margin:10px 5px;font-size:20px;padding-left:20px;clear:both;}
/**news**/
.news{background-color: #f8f8ff;border-radius:5px;margin:30px 60px;}
.news_list{width:100%;display:flex;flex-wrap:wrap;}
.news_show{padding:20px;flex-direction:column;display: flex;border-radius:5px;border-bottom:50px solid white;}
.news_show h3 a{text-decoration:none;color: #00437d;}
.news_show p a{color:#00437d;padding:5px 10px;line-height:50px;text-decoration:none;}
/**project**/
.project{left:30px;background-color: #ffffff;}
.project_list{width:100%;display:flex;flex-wrap:wrap;justify-content:space-evenly;background:#f8f8ff;padding-top:5px;padding-bottom:10px;}
.project_show{width:383px;height:225px;display:flex;flex-direction:column;border-radius:2px;margin-bottom:10px;}
.project_show a img{width:383px;height:220px;margin:10px auto;border-radius:2px;}
.project_show a h3{width:100px;display:flex;color:#f6f6f6;position:relative;top:-150px;left:20px;background:black;text-indent:15px;}
/**project**/
.labout,.top_product,.sector,.news{width:1200px;margin:auto;clear:both;}
.labout_list{width:100%;display:flex;flex-wrap:wrap;background:ghostwhite;}
.labout_top{width:500px;height:400px;margin:10px;justify-content:center;display:flex;}
.labout_top img{width:500px;height:400px;margin:10px;}
.writing{height:400px;display:flex;flex-flow:wrap;flex:3;margin:20px 20px 20px 0px;color:#f7f7f7;background-color:#ffffff;border-radius:2px;}
.writing h3{padding-top:70px;padding-left:40px;padding-bottom:20px;color:#00528a;font-size:28px;}
.writing span{padding-left:40px;bottom:15px;position:relative;display:flex;color:#252525;padding-right:90px;line-height:35px;overflow:hidden;height:200px;font-family:serif;font-size:18px;letter-spacing:3px;}
.writing i a{margin: 10px 40px;font-size:18px;position:relative;bottom:20px;font-family:math;letter-spacing:3px;text-decoration:none;color:#00528a}
/**footer**/
.footer{background-color:#00528a;height:260px;width:100%;flex-direction: column;;display:flex;}
.row1{display:flex;flex-direction:column;color:#fff;}
.row1 img{width:120px;border-radius:2px;margin:50px 10px 20px;}
.row2{display:flex;flex-direction:column;margin:30px 10px;color:#fff;}
.row2 span,.row3 span{margin:15px 0px;color:#fff;font-weight:bold;}
ul li a,.row3 li{line-height:30px;color:#fff;font-size:14px;}
.row3{display:flex;flex-direction:column;margin:30px 10px;color:#fff;padding-right:30px;}
.line1{justify-content:space-around;display:flex;margin-left:10px;}
.line2{text-align:center;width: 100%;font-size:14px;color: #fff}
/**产品**/
.tab{width: 100%;height:325px;text-align: center;margin:10px auto;background-color:#efefef;}
.tab_list ul{display:flex;height:50px;margin:0 auto;border-radius:8px;background:ghostwhite;}
.tab li{list-style: none;height: 50px;line-height:50px;width:14%;border-right:1px solid white;color:#ffff;background:#00528a;}
.tab_list .active{background-color:#0383f1;color:#ffff;width:14%;}
.tab_list .active a{background-color:#0383f1;color:#ffff;width:14%;font-weight:bold;}
.tab_con{margin:10px auto;width:100%;height:200px;}
.item{display: none;margin:5px;border:1px solid #efefef;}
.box{display: flex;}
.product{display:flex;flex-direction:column;margin:5px;}
.product img{width:100%;height:200px;}
.price{position:relative;width:220px;height:25px;margin:10px auto;} 
.price h3{text-align:center;font-size:16px;}
.price p{ margin: 0px;left: 0px;position: absolute;}