@charset "utf-8";
/* CSS Document */
html{ min-width:1200px;}
body{ font-size:14px; font-family:"\5FAE\8F6F\96C5\9ED1";  color:#333;}
*{ padding:0; margin:0;}
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.riqi{ float:right; display:block;}
a{ color:#333; text-decoration:none;}

.top{ min-width:1180px; background:#fff; border-bottom:1px solid #ccc; line-height:40px; padding:0 10px;}
.tia_l{ float:left;}
.top_r{ float:right; display:block;}
.top_r img{ vertical-align:middle; line-height:40px; padding:0 5px 0 0;}
.top a{ padding:0 5px; font-size:14px;}
.banner{ background:url(images/index_01.jpg) center 0; height:500px;}
.product,.product_td,.product_list{ width:1200px; margin:80px auto 0;}
.product h1,.product_td h1{ width:500px; margin:0 auto; border:1px solid #0c445d; color:#0c445d; text-align:center; font-size:30px; font-weight:bold; line-height:60px; border-radius:10px;}
.product dl{ margin:50px 0 0;}
.product dt{ float:left; width:500px;}
.product dt img{ width:500px;}
.product dd{ float:right; width:660px;}
.product dd h2{ font-size:20px; color:#e20009; font-weight:bold; }
.product dd p{ line-height:30px; font-size:15px; padding:10px 0;}
.btn{ width:100%; float:left; display:block; margin:20px 0 0; text-align:center;}
.btn1,.btn2{ padding:4px 20px; margin:0 10px;  border:1px solid #f30; text-align:center; font-size:18px;}
.btn1{background:#f30; color:#fff;}
.btn2{background:#fff; color:#f30;}
.product_td ul{ float:left; margin:26px -60px 0 0;}
.product_td li{ float:left; width:200px; margin:24px 24px 0 0;  padding:10px; line-height:24px; height:60px; display: flex;
justify-content: space-around; flex-direction: column; text-align:center; color:#0c445d; box-shadow:0 0 8px #2a4654;}
.product_list ul{ float:left; margin:0 -80px 0 0;}
.product_list li{ float:left; width:270px; margin:0 40px 0 0; text-align:center; font-size:16px; line-height:30px; color:#0c445d;}
 
.about{ background:#073044; margin:80px 0 0;}
.about h1{ text-align:center;  font-size:36px; padding:40px 0; color:#fff; font-weight:bold;}
.aboutcon{ width:1120px; margin:0 auto; background:#fff; padding:40px;}
.aboutcon dd{ width:620px; float:left;}
.aboutcon dd h2{ font-size:24px;}
.aboutcon dd p{ line-height:28px; color:#555; text-indent:2em; margin:5px 0 0; }
.aboutcon dt{ width:460px; float:right;}
.contact{ width:1200px; margin:0 auto; padding:40px 0; color:#fff;}
.tel{ line-height:55px; font-size:24px; text-align:center;}
.phone{ font-size:36px; text-align:center; font-weight:bold;}

footer,.foot {text-align:center;line-height:1.8;background-color:#FFF; font-size:14px; min-width:1200px;}
.foot {padding:8px 0 20px 0;}
.foot_nav {line-height:2.0}
.foot_nav a {padding:0 5px;}