header { width: 100%; overflow: hidden; }header img { width: 100%; }
.head { overflow: hidden; position: relative; }
.head .hd { position: absolute; z-index: 1; bottom: 0; left: 45%; margin-right: -0.5rem; padding: 0.1rem; }
.head .hd ul { overflow: hidden; display: -moz-box; display: -webkit-box; display: box; height: 0.45rem; display: block }
.head .hd ul li { -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; width: 0.45rem; height: 0.45rem; border-radius: 50%; margin-right: 0.1rem; font-size: 0px; background: #a7a7a7; border: 1px solid #a7a7a7; float: left; }
.head .hd ul .on { background: #ffffff; }
.head img { width: 100%; }
nav { overflow: hidden; margin: 0.8rem auto; }
nav ul li { width: 28%; margin: 0 2.5% 0.25rem; float: left; text-align: center; }
nav ul li span { width: 2.8rem; height: 2.8rem; background-color: #32a689; border-radius: 50%; display: inline-block; }
nav ul li:nth-of-type(1) span {  background: url(../images_cy/cyxd_05.jpg) no-repeat; background-size: 2.8rem 2.8rem;  }
nav ul li:nth-of-type(2) span {  background: url(../images_cy/cyxd_07.jpg) no-repeat; background-size: 2.8rem 2.8rem;  }
nav ul li:nth-of-type(3) span { background: url(../images_cy/cyxd_09.jpg) no-repeat; background-size: 2.8rem 2.8rem;  }
nav ul li:nth-of-type(4) span { background: url(../images_cy/cyxd_14.jpg) no-repeat; background-size: 2.8rem 2.8rem; }
nav ul li:nth-of-type(5) span { background: url(../images_cy/cyxd_16.jpg) no-repeat; background-size: 2.8rem 2.8rem;  }
nav ul li:nth-of-type(6) span {  background: url(../images_cy/cyxd_18.jpg) no-repeat; background-size: 2.8rem 2.8rem;}

nav ul li p { line-height: 1.2rem; text-align: center; font-size: 0.6rem; }
nav ul li .nav_span:before { width: 0.5rem; height: 0.5rem; background-size: 4rem 2.06rem; margin: 0.15rem auto; }
footer {    margin: 0.6rem auto;}
.dbfoot {width: 96%;overflow: hidden;padding: 2%;margin:0 auto;}
.dbwx {width: 40%;margin-right: .6rem;}
.dbwx img {width: 100%;margin-top: 0.15rem;}
.dblogo_dd p span img{width: 10%;}
.dblogo_dd {width: 54%;}
.dblogo img {width: 100%;margin-bottom: 0.1rem;}
.dblogo_dd p {color: #333333;font-size: 0.54rem;    margin-top: 0.2rem;}

.flogo {overflow: hidden;}
.flogo img {float: left;width: 100%;height: auto;}
.QQ {overflow: hidden;height: 46px;margin: 0px;padding: 4px;position: fixed;z-index: 99999;left: 0px;top: -50px;background: rgba(255, 255, 255, 1);width: 100%;border-bottom: 1px solid #f1f1f1;-webkit-box-shadow: 0 0 10px #666;font-family: "microsoft yahei";box-shadow: 0 0 10px #666;}
.QQ a {text-decoration: none;}
.QQ img {float: left;border-right: 1px dashed #f1f1f1;margin-right: 8px;padding-right: 0px;}
.QQ h4 {line-height: 24px;font-size: 20px;margin: 0px;padding: 0px;color: #000;}
.QQ p {font-size: 14px;line-height: 18px;color: #666;margin: 0px;padding: 0px;}
.show2 {-webkit-animation: show2 18s infinite;}
@-webkit-keyframes show2 {0% {top: -50px;opacity: 0;}10% {top: 0px;opacity: 1;}50% {top: 0px;opacity: 1;}60% {top: -50px;opacity: 0;}100% {top: -50px;opacity: 0;}}
.QQ h4 span {font-size: 14px;}