@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;}
.header{ width:1200px; height:80px; margin:0 auto;}
.logo{ width:200px; float:left; padding:10px 0; text-align:center;}
.menu{ width:1000px; float:left;}
.menu li{ float:left; width:auto; padding:0 30px; line-height:80px; font-size:18px; }

.contenter{ width:1200px; margin:0 auto; }
.product{ width:1100px; padding:50px 50px 0;}
h1{ text-align:center; font-size:36px; font-weight:bold; color:#fffc00;}
.product h2{ text-align:center; padding:30px 0 0;}
.product h2 span{ padding:5px 30px; background:#fff; border-radius:80px; margin:0 10px; color:#407cfb; font-size:18px;}
.product dl{ float:left; width:1098px; padding:30px 0; margin:40px 0; border:1px solid #fff; background:rgba(255,255,255,0.2);}
.product dt{ width:550px; float:left; text-align:center;}
.product dd{ width:500px; float:left;  font-size:18px; font-weight:bold; color:#fff; line-height:36px; }
.btn{ text-align:center;}
.btn a{ border:1px dashed #fffc00; border-radius:80px; line-height:40px; padding:8px 30px; font-size:18px; color:#fffc00; margin:0 20px; font-weight:bold; }
.btn a:hover{ border:1px dashed #fff; color:#fff;}
.product_yl,.product_xyz{ width:1100px; padding:50px 50px 0;}
.product_yl dl{ padding:40px 0;}
.product_yl dt{ width:500px; float:left;}
.product_yl dd{ width:550px; float:right; font-size:18px; font-weight:bold; color:#fff; line-height:36px;}
.product_yl h3 span{border:1px dashed #fff; border-radius:80px; line-height:36px; padding:0 20px; float:left; margin-right:20px;}
.product_yl h3{ float:left; width:100%; margin-bottom:15px;}
.product_keshi{ width:1100px; padding:0 50px 0;}
.product_keshi h2{ text-align:center; color:#fff; font-size:24px; padding:20px 0;}
.product_keshi ul{ width:1100px; float:left;  padding:268px 0 0; margin:20px 0;}
.product_keshi li{ width:213px; float:left; border:1px dashed #fff; margin:0 15px; text-align:center; padding:15px; color:#fff; font-size:18px; border-radius:80px; height:48px; font-weight:bold;display: flex;align-items: left;justify-content: space-around;flex-direction: column;}
.product_keshi p{ padding:20px 0; font-size:18px; line-height:30px; color:#fff;}
.product_xyz ul{ float:left; margin:40px -25px 40px 0;  }
.product_xyz li{ float:left; width:200px; text-align:center; font-size:20px; color:#fff; font-weight:bold; margin:0 25px 0 0; }
.product_xyz dl{ padding:50px 0; border-top:1px solid #fff;}
.product_xyz dt{ float:right; width:415px;}
.product_xyz dd{ float:left; width:660px; color:#fff; line-height:45px; font-size:18px; font-weight:bold;}
.product_zc{ width:780px; margin:60px auto; height:504px; padding:45px 45px 45px 275px;color:#fff; line-height:45px; font-size:18px; font-weight:bold;}
.product_sf{ width:1100px; margin:50px auto; height:240px; color:#fff;font-size:18px; font-weight:bold; line-height:48px;}
.product_sf li{ float:left; width:275px; text-align:center;}
.product_sf span{color:#fffc00;}
.contact{ float:left; width:1100px; margin:0 50px 50px; background:#2489f1; padding:40px 0; text-align:center; color:#fff;}
.contact h2{ font-size:36px;}
.contact h3{ font-size:48px; color:#fffc00; padding:20px 0; font-weight:bold;}
.contact h4{ font-size:30px; font-weight:bold;}

.banner01{  height:600px;}
.banner01 a{ display:block; height:600px;}
.pro_box{ width:1200px; margin:60px auto 30px;}
.pro_box dt{ width:480px; float:right; text-align:center;}
.pro_box dd{ width:720px; float:left;}
.pro_box dd h1,.pro_yl dd h1{ text-align:left; color:#333; font-weight:normal;}
.pro_box dd p{ color:#666; line-height:40px; font-size:18px; text-indent:2em; padding:30px 0;}
.btn01{ float:left; width:120px; line-height:40px; text-align:center; color:#fff; font-size:18px; background:#00baff;}
.btn02{ float:left; width:118px; line-height:38px; text-align:center; color:#00baff; font-size:18px; border:1px solid #00baff;}
.product_key{ width:1200px; height:45px; margin:0 auto; background:url(../image/index_16.jpg) no-repeat; padding:45px 0 0;}
.product_key li{ float:left; width:240px; font-size:20px; font-weight:bold; text-align:center; color:#fff;}
.pro_yl{ width:1120px; margin:0 auto; background:#f1fcff; padding:40px;}
.pro_yl dt{ width:455px; float:left; padding:30px 0 0;}
.pro_yl dd{ width:630px; float:right;}
.pro_yl dd p{ color:#666; line-height:40px; font-size:18px;  padding:10px 0;}
.pro_djp{ width:1200px; margin:60px auto;}
.pro_djp p{ font-size:18px; line-height:36px; text-indent:2em; padding:50px 0 0;}
.pro_zy,.pro_syz,.pro_xg{ width:1200px; margin:0 auto;}
.pro_zy h2,.pro_syz h2,.pro_xg h2{ font-size:36px; text-align:center; color:#fff; background:url(../image/index_21.jpg) no-repeat; line-height:90px;}
.pro_zy ul{ float:left; margin:50px -88px 50px 0;}
.pro_zy li{ float:left; width:556px; margin:0 88px 0 0;}
.pro_zy li h3{ font-size:24px; color:#000; padding:15px 0;}
.pro_zy li p{ font-size:18px; line-height:36px; color:#666; }
.pro_syz_con ul{ float:left; margin:50px -30px 0 0;}
.pro_syz_con li{ width:180px; float:left; margin:0 24px 0 0; font-size:18px; font-weight:bold; color:#333; line-height:48px; text-align:center; }
.pro_syz_list ul{ margin:-20px 0 50px 0;}
.pro_syz_list li{ width:570px; float:left;   font-size:18px; line-height:60px; border-bottom:1px dashed #4dcef6; color:#00c3ff; padding:0 15px; }
.b1{ background:#eefbff;}
.b2{ background:#f7fdff;}
.pro_xg{ padding:0 0 60px 0;}
.pro_xg p{ font-size:18px; line-height:40px; color:#666; padding:20px 40px; border:1px solid #4dcef6;}
.contact01{ width:1200px; margin:0 auto; background:#2489f1; padding:40px 0; text-align:center; color:#fff;}
.contact01 h2{ font-size:36px;}
.contact01 h3{ font-size:48px; color:#fffc00; padding:20px 0; font-weight:bold;}
.contact01 h4{ font-size:30px; font-weight:bold;}

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

.product_yl01{ width:1200px; margin:80px auto;}
.product_yl01 h1,.pro_syz h1,.product_td h1{ width:600px; margin:0 auto; border:1px solid #333; color:#333; font-size:36px; font-weight:bold; line-height:60px; border-radius:50px; text-align:center;}
.pro_img{ float:left; width:100%;}
.pro_img dt{ width:200px; float:left;}
.pro_img dd{ width:370px; float:left; font-size:18px; line-height:30px;}
.pro_yl_con h3{ font-size:24px; line-height:60px; margin:20px 0 0; color:#333; font-weight:bold;}
.product_td{ width:1200px; margin:80px auto;}
.product_td ul{ float:left; margin:40px -50px 0 0; padding:85px 0 0;}
.product_td li{ float:left; width:148px; height:280px; margin:0 24px 0 0; font-size:18px; font-weight:800;  line-height:24px; border:1px solid #46b8ff; padding:15px; color:#2489f1;}
.productbox{ width:1200px; margin:0 auto; background:#fff;}
.company_name{ background:#005e64; line-height:100px; font-size:48px; font-weight:bold; color:#fff; text-align:center;}
.company_nav{ background:#007178; height:70px;}
.company_nav a{ float:left; width:598px; border:1px solid #fff; line-height:68px; text-align:center; font-size:30px; color:#fff; font-weight:700;}
.pro_title{ background:url(../image/pro02.jpg) no-repeat center; line-height:80px; font-size:40px; color:#fff; text-align:center; font-weight:bold;}
.pro_intro{ background:#f1f9fa; padding:60px 0;}
.tdimg{ text-align:center; margin:0 0 40px 0;}
.pro_intro dl{ width:1120px; margin:60px auto 0;}
.pro_intro dt{  width:395px;}
.pro_intro dd{ width:680px;}
.pro_intro dd p{ font-size:20px; line-height:48px; text-indent:2em; margin-bottom:30px;  font-weight:bold;}
.pro_intro dd h2{ font-size:24px; text-align:center; line-height:70px; color:#00aeb9;}
.btn03{ float:left; width:120px; line-height:40px; text-align:center; color:#fff; font-size:18px; background:#00aeb9;}
.btn04{ float:left; width:118px; line-height:38px; text-align:center; color:#00aeb9; font-size:18px; border:1px solid #00aeb9;}
.proyl{ width:1120px; margin:0 auto; padding:60px 40px;}
.proyl dt{ float:right; width:320px;}
.proyl dd{ float:left; width:760px;}
.proyl dd h2,.proyl01 dd h2{ background:#04afba; color:#fff; text-align:center; line-height:50px; font-size:24px; font-weight:bold;}
.proyl dd p,.proyl01 dd p{ font-size:18px; line-height:38px; padding:10px 0;}
.proyl dd h3,.profw h2{ color:#04afba; font-size:24px; font-weight:bold;}
.profw{ padding:0 40px;}
.profw ul{ float:left; margin:20px -50px 0 0;}
.profw li{ float:left; width:195px; margin:0 11px 0 0; background:#f1f9fa; padding:20px 10px; height:110px;}
.profw li h3{ font-size:24px; text-align:center; color:#04afba;}
.profw li p{ font-size:16px; line-height:24px; padding:10px 0 0;}
.proyl01{ width:1120px; margin:0 auto; padding:0 40px;}
.proyl01 dl{ margin-top:40px;}
.proyl01 dt{ float:left; width:300px;}
.proyl01 dd{ float:right; width:780px;}
.prodjp{ padding:40px;}
.prodjp dt{ float:left; width:560px;}
.prodjp dd{ float:right; width:530px; font-size:18px;  line-height:36px; padding:20px 0 0;}
.protd{ width:1120px; height:838px; background:url(../image/pro09.jpg) no-repeat center; padding:62px 0 0 80px;margin: 0 auto;}
.protd li{ float:left; width:242px; height:346px; padding:0 30px; margin:0 67px 60px 0; font-size:18px; color:#fff; font-weight:bold; line-height:36px; display: flex; justify-content: space-around; flex-direction: column;}
.prorq{ width:1120px; margin:20px auto 0;}
.prorq ul{ float:left; margin:40px -50px 0 0;}
.prorq li{ float:left; width:170px; margin:0 19px 0 0; font-size:18px; font-weight:bold; text-align:center; color:#00abb6; line-height:48px;}
.product_xyz01{ width:1120px; margin:0 auto 80px;}
.pro_yl_con{ width:540px; margin:30px 0 0;}
.pro_yl_con h2{  border-bottom:1px solid #00abb6; line-height:60px; font-size:24px; color:#00abb6; margin:0 0 20px 0; font-weight:bold;}
.pro_xyz_list{ width:540px; float:left;}
.pro_xyz_list i{ width:auto; padding:5px 20px; margin:5px 10px 5px 0; float:left; background:#f1f9fa;  color:#00abb6;  font-style:normal; font-size:18px;}
.pro_xyz_list i:hover{ background:#00abb6; color:#fff;}
.keshi01{margin:30px 0 0 0;}
.keshi01 li{ width:111px; float:left; background:#00abb6; color:#fff; border-right:1px solid #fff; line-height:40px; text-align:center; font-size:18px;}
.proxg{ padding:60px 40px;}
.proxg li{ font-size:20px; font-weight:bold; padding:20px 0; color:#00abb6; border-bottom:1px dashed #00abb6; line-height:36px;}