/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th{margin:0;padding:0;border:0;outline:0;}
table{border-collapse:collapse;border-spacing:0}/*合并表格边框*/
ul,li,ol,dt,dl,dd{list-style:none}
p {margin:0 0 0.5em 0}
a {text-decoration:none; color:#333;}
.pointer{cursor:pointer}/*指针变手形*/
.clear{clear:both;line-height:0;height:0;font-size:0}
input{border:1px #ccc solid;margin:1px;padding:1px;}
input:hover{border:1px #20A7DF solid;background:#f5f5f5}
body{font:14px "微软雅黑",Arial, Helvetica, sans-serif;line-height:22px;color:#333;}

.top,.nav,.img-scroll,.main_right,.no,.main_left_down,.footer,.yqlj,.nav1,.nav2 {display:none;}

.wap_head {width:100%; display:block;}
.wap_head h1 {float:left; width:39%; line-height:42px; height:42px; padding:5px 0 5px 1%;}
.wap_head .tel {float:right; width:59%; text-align:right; line-height:42px; height:42px; padding:5px 1% 5px 0;}
.wap_head .tel a {font-size:20px; background:url(../images/tel.png) left center no-repeat; padding-left:25px; color:#f60;}
.wap_head .wap_nav li {width:25%; float:left; line-height:30px;}
.wap_head .wap_nav li a {display:block; height:auto; text-align:center; background:#20A7DF; margin:1px; color:#fff;border-radius:3px;}
@font-face {font-family:"iconfont";src: url('iconfont.eot');src: url('iconfont.eot?#iefix') format('embedded-opentype'),url('iconfont.woff') format('woff'),url('iconfont.ttf') format('truetype'),url('iconfont.svg#iconfont') format('svg');}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.main{ width:100%; height:auto; margin:20px auto;padding-top:0;}
.main_left{ width:100%; float:none;}
.main_left_top{ width:100%; height:235px; background:#fff;}
.main_left_top ul{ padding:0px 20px 0 20px;}
.main_left_top ul li{ float:left; width:50%; text-align:center}
.main_left_top h2{ color:#20A7DF; font-size:18px; height:76px; line-height:55px; letter-spacing:2px; padding-left:35px;}
.main_left_top ul li p{ color:#333333; font-size:16px; line-height:50px;}
.img_shadow {width:84px; height:84px; border-radius:42px;margin: 0 auto; transition:0.5s}
.main_left_top ul li:hover .img_shadow{box-shadow: 3px 3px 10px #7B7A7A;}

.bj_service{ width:100%; min-width:300px; height:auto; background:#20A7DF; overflow:hidden; }
.bj_list{ width:100%; margin:0 auto}
.bj_list ul{ padding:20px 0 0 0;}
.bj_list li{ width:30.3%; height:auto; float: left; margin:1.5%; text-align:center;}
.bj_list li span{ display:block; width:100px; height:100px; border:2px solid #f5f5f7; border-radius:50%; margin:0 auto; transition:0.5s}
.bj_list li:hover span {background:#fff;}
.bj_list li:hover p {color:#024b78;}
.bj_list li:hover .iconfont {color:#20A7DF;}
.bj_list li p {line-height:40px; margin:0; color:#fff; font-size:16px;}
.bj_list .iconfont{ font-size:50px;color:#fff;position:relative;top:32px;}
.bj_list ul li span i.snbj {font-size:55px;}
.bj_list ul li span i.bgsbq {font-size:35px;}
.bj_list ul li span i.hhys {font-size:40px;}
.bj_list ul li span i.hkys {font-size:55px;}

.foot {clear:both; text-align:center; line-height:20px; background:#333; color:#ccc; font-size:12px; padding:20px 0;}
.foot a {color:#fff;}

.banner_text{ width:100%; margin:0 auto}
.text1{ position:absolute; top:200px; padding:30px;background:rgba(208, 234, 247, 0.8);border-radius:30px;}
.text1 span {color:#20A7DF;}
@keyframes myfirst{
0%   { top:200px; margin-left:30px;}
50%  { top:200px; margin-left:100px;}
60%  { top:200px; margin-left:100px;}
70%  { top:200px; margin-left:110px;}
75%  { top:200px; margin-left:100px;}
80%  { background:rgba(208, 234, 247, 0.7); top:200px; margin-left:110px; border-radius:30px; }
85%  { top:200px; margin-left:100px;}
90%  { top:200px; margin-left:110px;}
100% { top:200px; margin-left:30px;}}
@-moz-keyframes myfirst /* Firefox */{
0%   { top:200px; margin-left:30px;}
50%  { top:200px; margin-left:100px;}
60%  { top:200px; margin-left:100px;}
70%  { top:200px; margin-left:110px;}
75%  { top:200px; margin-left:100px;}
80%  { background:rgba(208, 234, 247, 0.7); top:200px; margin-left:110px; border-radius:30px; }
85%  { top:200px; margin-left:100px;}
90%  { top:200px; margin-left:110px;}
100% { top:200px; margin-left:30px;}}
@-webkit-keyframes myfirst /* Safari 和 Chrome */{
0%   { top:200px; margin-left:30px;}
50%  { top:200px; margin-left:100px;}
60%  { top:200px; margin-left:100px;}
70%  { top:200px; margin-left:110px;}
75%  { top:200px; margin-left:100px;}
80%  { background:rgba(208, 234, 247, 0.7); top:200px; margin-left:110px; border-radius:30px; }
85%  { top:200px; margin-left:100px;}
90%  { top:200px; margin-left:110px;}
100% { top:200px; margin-left:30px;}}
@-o-keyframes myfirst /* Opera */{
0%   { top:200px; margin-left:30px;}
50%  { top:200px; margin-left:100px;}
60%  { top:200px; margin-left:100px;}
70%  { top:200px; margin-left:110px;}
75%  { top:200px; margin-left:100px;}
80%  { background:rgba(208, 234, 247, 0.7); top:200px; margin-left:110px; border-radius:30px; }
85%  { top:200px; margin-left:100px;}
90%  { top:200px; margin-left:110px;}
100% { top:200px; margin-left:30px;}}
.text1{animation: myfirst 5s;-moz-animation: myfirst 5s;-webkit-animation: myfirst 5s;-o-animation: myfirst 5s;}

.tiao {width:100%; height:40px; position:absolute; top:346px; left:0; line-height:40px; background:rgba(0,0,0,0.3);}
.tiao span {display:block; width:98%; margin:auto; text-align:right; padding-right:2%; color:#fff;}
.tiao span a {color:#fff;}
.list_box {width:100%; background:#fff; margin:270px auto 0; min-height:500px; font-family:"宋体";}
.ab {width:100%; margin:270px auto 0;}
.about_box {width:100%; background:#fff; min-height:500px; float:right;}
.info {padding:30px 20px; font-family:"宋体";}
.zuo {display:none;}
.you {padding:0;}
.shangxia {float:right; overflow:hidden;}
.shangxia .shang {float:left; margin-right:20px;}
.shangxia .xia {float:left;}
.shangxia li a {color:#20A7DF;}
.new_list {background:#f9f9f9; margin-bottom:30px; overflow:hidden; padding:15px;}
.new_list img {float:none; margin-right:0; width:100%; height:auto; max-width:360px;}
.new_list h1 {line-height:50px; font-size:20px; font-family:"微软雅黑";}
.new_list p a.mao {float:right; color:#fff; padding:5px 10px; font-family:"微软雅黑"; background:#20A7DF; margin-right:10px;}
.page {text-align:center; color:#aaa;}
.page span {padding:3px 5px; margin:0 1px; border:1px solid #aaa; color:#aaa;}
.page a {padding:3px 5px; margin:0 1px; border:1px solid #20A7DF; color:#20A7DF;}
.page select {color:#aaa;}