@charset "utf-8";
body, html {font:12px Tahoma,Arial,Helvetica,sans-serif;color:#333;}
body,html,h1,h2,h3,h4,h5,ol,ul,li,dl,dt,dd,p,span,form,input,img {margin:0;padding:0;}
h1,h2,h3,h4,h5 {font-size:12px;}
ul,li {list-style-type:none;}
img {border:none;}
a {color:#000;;text-decoration:none;}
a:hover {color:#0abfac; text-decoration: none;}

.min1{  width: 100%;background-color: #fff;position: fixed;top:0; left: 0; z-index: 1000;}
.top{  width:1230px; height: 90px;  margin: auto; }
.top .logo{ width: 284px; height: 43px; margin-top: 25px; float: left;}
.top .nav{ float: right; width: 400px;margin-top: 35px; }
.top .nav li{ width: 100px; text-align: center; float: left; font-size: 18px;}

.banner{width: 100%; background-color: #e3f6f6; height: 602px; margin-top: 90px;}
.banner .mid3{ width: 1230px; height: 537px; background:url(../images/bg.jpg) no-repeat; text-align: center; margin: auto; padding-top:55px; position:relative;}
.banner .mid3 .mianfei{ position: absolute; top:40px; left: 790px; background-color: #08a191; width:95px; padding-left: 10px; height: 36px; line-height: 36px;
     color: #fff; background: url(../images/mfsy.png) no-repeat; font-size: 18px; }
.banner .mid3 .f56{ font-size: 56px; font-weight: bold; margin-bottom: 10px;}
.banner .mid3 .f18{ font-size: 18px; width: 480px; line-height: 30px; margin: auto;}
.banner .mid3  .down{ background-color: #0abfac; width: 280px; height: 58px; line-height: 58px; font-size: 30px; font-weight:bold; text-align: center; color: fff; margin:10px auto; border-radius:30px}
.banner .mid3  .down:hover{background-color: #08a191; }

.menu {list-style-type: none;  margin: 0;  padding: 0;   }
.menu a { display: block; text-decoration: none; color: black; }
.dropdown-content {display: none; position: absolute; background-color: #fff; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;  width: 255px; overflow: hidden; 
     left:480px; border-radius:10px; padding: 10px;}
.dropdown-content img{border-radius:10px; max-width: 230px;}
.dropdown-content p{ text-align: center; padding: 10px 0; font-size: 14px;}
.dropdown:hover .dropdown-content {display: block; }

.cpjs{ width: 1230px; margin: auto;}
.cpjs .biao{width: 100%; font-size: 32px; font-weight: bold; padding: 30px 0; text-align: center;}
.cpjs .miao{width: 100%;  font-size:20px; line-height:38px; }
.cpjs .pei{ width: 100%; padding:50px 0; text-align: center;}

.cpgn{width: 100%; background-color: #f5f5f5; height:565px; overflow: hidden;}
.cpgn .ntop{ width: 100%; background-color: #0abfac; }
.cpgn .ntop .mid{width: 1230px; height: 78px; line-height: 78px; margin: auto;}
.cpgn .ntop .mid .nav{ font-size: 20px; color:#fff; font-weight: bold; float: left;height: 78px;
     line-height: 78px;
     padding: 0 46px;
     font-size: 20px;
     color: #fff;cursor: pointer;
     font-weight: bold;
     float: left; }
.cpgn .ntop .mid .active{ background-color: #08a191;}
.cpgn .ntop .mid a:hover{height: 78px; line-height: 78px; background-color: #08a191; float: left; font-size: 20px; color:#fff; font-weight: bold; }
.cpgn .box{width: 1230px; margin: auto; overflow: hidden;}
.cpgn .box .peil{ margin-left: 60px; float: left; font-size: 22px; color:#606060; width: 500px; margin-top: 150px; line-height:40px; }
.cpgn .box .peir{ float: right; margin-right: 60px; width: 400px; margin-top: 45px;}

.cpgn .box .peil2{  float: left; margin-left: 60px; width: 430px; margin-top: 45px;}
.cpgn .box .peir2{ margin-right: 60px; float: right; font-size: 22px; color:#606060; width: 500px; margin-top:45px; line-height:40px;}

.cpgn .box .peil3{  float: left; margin-left: 60px; width: 430px; margin-top: 45px;}
.cpgn .box .peir3{ margin-right: 60px; float: right; font-size: 22px; color:#606060; width: 500px; margin-top:150px; line-height:40px;}

.yycj{ width: 1230px; margin: auto;}
.yycj .biao{width: 100%; font-size: 32px; font-weight: bold; padding: 30px 0 0 0; text-align: center;}
.yycj .zstu{ width: 100%; padding: 70px 0; text-align: center;}

.lxmid{ width: 100%; background-color: #f5f5f5; margin-bottom: 100px;}
.lxwm{ width: 1230px; margin: auto; height: 507px; background: url(../images/lxbg.png) no-repeat; background-position: 50px 114px; }
.lxwm .bt{width: 100%; font-size: 32px; font-weight: bold; padding: 30px 0 0 0; text-align: center;}
.lxwm .lxmin{ width:825px; padding: 70px 0;  float: left; }
.lxwm .lxmin .tel{ width: 400px; height: 80px; border-radius: 10px; font-size: 48px; font-weight: bold; color: #4d4d4d; margin-left:395px; 
     background: #fff url(../images/tel.png) no-repeat; background-position: 10px 5px; padding-left: 90px; line-height: 80px;float: left;}
.lxwm .lxmin .mail{ width: 400px; height: 80px; border-radius: 10px; font-size:32px; font-weight: bold; color: #4d4d4d; margin-left:395px; 
     background: #fff url(../images/mail.png) no-repeat; background-position: 10px 5px; padding-left: 90px; line-height: 80px; margin-top: 30px; float: left;}

.lxwm .weix{ width:224px; float: right; background-color: #fff; padding: 18px; border-radius: 10px; overflow: hidden; margin-top:65px; margin-right: 60px;}
.lxwm .weix p{text-align: center; font-size: 20px;}

.bottom{ width: 100%; height:45px; line-height:45px; background-color: #ededed; overflow: hidden; text-align: center; }