@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;}
.banner a{ display:block; height:500px;}
.product,.product_td,.product_jg,.product_ff{ width:1200px; margin:80px auto 0;}
.product h1,.product_td h1,.product_jg h1,.product_ff h1{font-size:36px; color:#f00;text-align: center; font-weight:bold;}
.product dl{ padding:60px 0 0;}
.product dt{ float:left; width:450px;}
.product dd{ float:right; width:700px;}
.product dd p{ text-indent:2em; line-height:35px; font-size:16px;}
.btn{ width:100%; float:left; display:block; margin:30px 0 0;}
.btn1,.btn2{ padding:6px 20px; margin:0 20px 0 0;  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:0 -60px 0 0;}
.product_td li{ float:left; width:448px; margin:60px 60px 0 0; border:1px solid #378caf; padding:20px 20px 20px 100px; font-size:15px; height:120px; line-height:30px; position:relative; color:#444;}
.product_td li span{ position:absolute; top:0; left:0; width:62px; text-align:center; line-height:160px; background:url(images/index_03.jpg) no-repeat center 0; font-size:30px; color:#fff;}
.product_jg ul{ float:left; margin:20px -60px 0 0;}
.product_jg li{ float:left; width:570px; margin:40px 60px 0 0;}
.product_jg li h2{ font-size:22px; line-height:40px; color:#fff; background:url(images/index_04.jpg) no-repeat; padding:0 0 0 60px;}
.product_jg li p{ padding:20px 0 0; font-size:15px; line-height:30px; color:#444;}
.product_ff ul{ float:left; margin:0 -60px 0 0;}
.product_ff li{ float:left; width:528px; margin:60px 60px 0 0; border:1px dashed #378caf; padding:30px 20px; height:72px;}
.product_ff li h2{ float:left; width:70px; text-align:center; line-height:70px; border:1px dashed #378caf; color:#378caf; border-radius:100%; font-size:36px;}
.product_ff li p{ float:right; width:430px; height:72px; font-size:16px; color:#444; line-height:30px; display: flex; justify-content: space-around; flex-direction: column;}

.about{ background:#378caf; 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:30px; color:#333; text-indent:2em; margin:10px 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;}

.line {line-height: 30px;}

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