@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} 
table {border-collapse:collapse;border-spacing: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/banner.jpg) no-repeat center 0; height:420px; }
.product{ width:1200px; margin:60px auto 0; }
.pro_img{ width:298px; height:278px; float:left; text-align:center; display: table-cell;vertical-align:middle;  *display: block;  border:1px solid #eee;}
.pro_img i{display:inline-block;  height:100%; vertical-align:middle;}
.pro_img img{ max-height:270px; max-width:270px;vertical-align:middle;}
.pro_intro{ width:600px; height:278px; float:left; padding:0 40px; border-bottom:1px solid #eee;border-top:1px solid #eee; }
.pro_intro h1{ font-size:24px; font-weight:bold; line-height:60px; border-bottom:1px solid #eee; }
.pro_intro h1 a{color:#2cadc4;}
.pro_con{ display:inline-block; height:140px; padding:15px 0; line-height:28px; color:#666;}
.pro_att{ line-height:48px; border-top:1px solid #eee;}
.pro_att em{ padding:0 20px 0 0;}
.pro_btn{ width:216px; height:118px; float:left; padding:80px 0; border:1px solid #eee; text-align:center; background:#fcfcfc;}
.btn1,.btn2{ width:160px;  display:inline-block; line-height:40px;  border-radius:5px; margin:10px 0; font-size:18px;}
.btn1{background:#2cadc4; color:#fff;  }
.btn2{  background:#fff; color:#2cadc4; border:1px solid #2cadc4;}

.product_att{ width:1200px; margin:40px auto;}
.product_att h1,.product_jg h1{ font-size:24px; font-weight:bold; color:#fff; line-height:60px; text-align:center; background:#6cbecd;}
.product_att ul{ float:left; margin:0 -8px 0 0;}
.product_att li{ width:272px; float:left; border:1px solid #bce6ee; margin:8px 8px 0 0; line-height:60px; padding:0 10px; color:#2cadc4; text-align:center;}
.product_att li:hover,.product_jg li:hover{ background:#e8f5f7;}
.product_jg{ width:1200px; margin:0 auto 40px; }
.product_jg ul{ float:left; margin:0 -15px 0 0;}
.product_jg li{ width:372px; float:left; border:1px solid #bce6ee; margin:9px 9px 0 0; line-height:22px; padding:0 10px; color:#2cadc4; height:60px; display: flex;align-items: left; justify-content: space-around; flex-direction: column;}


.about{ background:#6cbecd; padding:60px 0 0; margin:60px 0 0;}
.about h2{ font-size:36px; text-align:center; font-weight:bold; color:#fff;}
.company{ width:1140px; background:#fff; margin:30px auto 0; padding:30px;}
.company dt{ width:490px; float:right;}
.company dd{ width:620px; float:left;}
.company dd h3{font-size:24px;  line-height:50px;}
.company dd p{ font-size:14px; line-height:30px; text-indent:2em; text-align:justify; color:#666;}
.contact{width:1200px; margin:0 auto; padding:50px 0; text-align:center; font-size:24px; color:#fff; line-height:48px; }
.tel{ font-size:30px; 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;}