/* 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;}

.wap_head {display:none;}

.top {width:1200px; margin:auto; line-height:45px; font-size:13px; color:#555; text-align:right;}
.top span {float:left; padding-left:20px;}
.top a {background:#fff; padding:4px 15px 5px;border-radius:8px;box-shadow:inset 1px 1px 1px #999;color:#20A7DF; margin-left:20px; margin-right:20px;}
.top a:hover {color:#2874C9;}

.nav {width:1200px;height:54px; line-height:54px; margin:auto; background:url(../images/bg_t.png) repeat-x;border-radius:21px; z-index:2;}
.nav h1 {width:187px; height:54px; float:left; background:url(../images/logo_bg.png) repeat-x;}
.nav h1 img {margin:5px 0 0 25px;}
.nav ul {float:right;width:1013px;}
.nav ul li {line-height:54px; width:125px;float:left; height:auto;position:relative;}
.nav li a {text-align:center;display:block;color:#fff;font-size:14px;font-weight:normal;}
.nav li:hover a {color:#024b78;}
.nav ul li.on a {color:#024b78;}
.nav ul li ul {position:absolute;z-index:3;top:54px;left:0;display:none;width:100%;background:#20A7DF; padding:20px 0;}
.nav ul li ul li {line-height:30px;height:auto;float:none; width:80%; padding:0 10%;}
.nav ul li ul li a{line-height:30px;display:block;height:30px;color:#fff;}
.nav ul li:hover ul li a {color:#fff;}
.nav ul li ul li a:hover {color:#024b78;}
.nav ul li ul i {position:absolute; display:block; width:100%; height:10px; top:-7px; left:0; background:url(../images/jt.png) center top no-repeat; z-index:5;}

.img-scroll {position:relative; margin:40px auto; width:1200px;}
.img-scroll .prev,.img-scroll .next {position:absolute;display:block;width:40px;height:100px;background-color:rgba(0, 0, 0, 0.35);top:235px;color:#FFF;text-align:center;line-height:92px;font-size:50px;cursor:pointer}
.img-scroll .prev { left:-60px; padding-right:15px;}
.img-scroll .next { right:-60px; padding-right:15px;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);}
.img-scroll span:hover{ background-color:rgba(0, 0, 0, 0.45); color:#20A7DF}
.img-list {position:relative; width:1200px; height:570px; overflow:hidden}
.img-list ul {width:9999px;}
.img-list li {position:relative; float:left; display:inline; width:236px; margin-right:10px; height:570px; background-color:#BDBDDF; text-align:center; line-height:100px;transition:0.5s; overflow:hidden}
.imgListp1{position:absolute; top:0px; padding-left:20px; font-size:20px;}
.imgListp2{position:absolute; top:70px; padding-left:20px; font-size:16px; font-family:Arial, Helvetica, sans-serif;text-align: left;line-height: 20px;}
.img-list a:hover{ color:#f57b11; }
@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:1200px; height:540px; margin:50px auto;padding-top: 45px;}
.main_left{ width:795px; float:left}
.main_right{ width:315px; float:right; height:470px; background:#fff; padding:35px;}
.main_left_top{ width:795px; height:235px; background:#fff}
.main_left_down { width:795px; height:280px; background:#fff; margin-top:25px;}
.left_down_img{ width:280px; height:280px; overflow:hidden; cursor:pointer}
.left_down_img img{ width:280px; height:280px; transition:0.5s}
.left_down_img:hover img{ width:300px!important; height:300px!important; margin-left:-10px; margin-top:-10px;}
.main_left_top ul{ padding:0px 20px 0 20px;}
.main_left_top ul li{ float:left; width:25%; 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;}
.left_down_list{ margin-left:320px; margin-top:-280px;}
.left_down_list h2{ width:440px; height:82px; line-height:82px; color: rgba(76, 76, 76, 0.78); font-size:18px; border-bottom:1px solid #cccccc}
.left_down_list h2 a{ float:right; background:url(../images/btn.png); color:#ffffff; font-size:14px; display:block; width:76px; height:35px; line-height:30px; font-weight:100; margin-top: 24px; text-align:center}
.left_down_list h2 a:hover{color:#024b78}
.left_down_list li{ height:32px; line-height:32px; border-bottom:1px dashed #ccc; width:440px; }
.left_down_list li a {background:url(../images/dian.png) left center no-repeat; padding-left:10px;}
.left_down_list li a:hover {background:url(../images/dian1.png) left center no-repeat; padding-left:10px; color:#f60;}
.left_down_list li a span{ float:right}

.main_right h2{ width:315px; height:40px; line-height:40px; color: rgba(76, 76, 76, 0.78); font-size:18px;}
.main_right h2 a{ float:right; background:url(../images/btn.png); color:#ffffff; font-size:14px; display:block; width:76px; height:35px; line-height:30px; font-weight:100; margin-top: 4px; text-align:center}
.main_right h2 a:hover{color:#024b78}
.box{width:315px;height:310px;margin: 15px auto;position:relative;}
.pic{width:315px;height:310px;overflow:hidden;}
.pic ul li{list-style-type:none;width:315px;height:310px;position:relative;overflow:hidden;}
.pic ul li img{width:315px;height:310px;}
.bnav {width:100px;height:14px;position:absolute;bottom:10px;right:20px;}
.bnav ul li {width:12px;height:12px;float:left;margin-right:5px;cursor:pointer;border:1px solid #fff;background-color: #fff;}
.bnav ul .bg {background:#20A7DF;width:14px;height:14px;border:none;}
.about_info h2{ color:#333; font-size:14px; font-weight:100; letter-spacing:2px;}
.about_info p{ color:#666; font-size:12px;  letter-spacing:2px; line-height:25px;}
.bj_service{ width:100%; min-width:1200px; height:330px; background:#20A7DF; }
.bj_list{ width:1200px; margin:0 auto}
.bj_list ul{ padding:80px 30px;}
.bj_list li{ width:16.6%; height:200px; float: left; text-align:center;}
.bj_list li span{ display:block; width:120px; height:120px; border:2px solid #f5f5f7; border-radius:60px; 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:70px; margin:0; color:#fff; font-size:16px;}
.bj_list .iconfont{ font-size:65px;color:#fff;position:relative;top:45px;}
.bj_list ul li span i.snbj {font-size:70px;}
.bj_list ul li span i.bgsbq {font-size:50px;}
.bj_list ul li span i.hhys {font-size:55px;}
.bj_list ul li span i.hkys {font-size:70px;}

.footer {padding-top:80px; height:210px; overflow:hidden;}
.foot_nav {width:1200px; margin:auto;}
.foot_nav ul {width:150px; float:left;}
.foot_nav ul h2 {font-size:15px; color:#333; line-height:30px; height:30px;}
.foot_nav ul li a {font-size:12px; font-weight:bold; color:#999; line-height:30px; height:30px;}
.foot_nav ul li a:hover {color:#0aa;}
.yqlj {width:1200px; margin:15px auto 0; border-top:1px solid #ccc; line-height:54px; height:54px;}
.yqlj span {font-size:15px; font-weight:bold;}
.foot {clear:both; text-align:center; line-height:60px; background:#333; color:#ccc; font-size:12px;}
.foot a {color:#fff;}

.banner_text{ width:1200px; margin:0 auto}
.text1{ position:absolute; top:200px; padding:30px;}
.text1 span {color:#20A7DF;}
@keyframes myfirst{
0%   { top:200px; margin-left:30px;}
50%  { top:200px; margin-left:500px;}
60%  { top:200px; margin-left:500px;}
70%  { top:200px; margin-left:510px;}
75%  { top:200px; margin-left:500px;}
80%  { background:rgba(208, 234, 247, 0.7); top:200px; margin-left:510px; border-radius:30px; }
85%  { top:200px; margin-left:500px;}
90%  { top:200px; margin-left:510px;}
100% { top:200px; margin-left:30px;}}
@-moz-keyframes myfirst /* Firefox */{
0%   { top:200px; margin-left:30px;}
50%  { top:200px; margin-left:500px;}
60%  { top:200px; margin-left:500px;}
70%  { top:200px; margin-left:510px;}
75%  { top:200px; margin-left:500px;}
80%  { background:rgba(208, 234, 247, 0.7); top:200px; margin-left:510px; border-radius:30px; }
85%  { top:200px; margin-left:500px;}
90%  { top:200px; margin-left:510px;}
100% { top:200px; margin-left:30px;}}
@-webkit-keyframes myfirst /* Safari 和 Chrome */{
0%   { top:200px; margin-left:30px;}
50%  { top:200px; margin-left:500px;}
60%  { top:200px; margin-left:500px;}
70%  { top:200px; margin-left:510px;}
75%  { top:200px; margin-left:500px;}
80%  { background:rgba(208, 234, 247, 0.7); top:200px; margin-left:510px; border-radius:30px; }
85%  { top:200px; margin-left:500px;}
90%  { top:200px; margin-left:510px;}
100% { top:200px; margin-left:30px;}}
@-o-keyframes myfirst /* Opera */{
0%   { top:200px; margin-left:30px;}
50%  { top:200px; margin-left:500px;}
60%  { top:200px; margin-left:500px;}
70%  { top:200px; margin-left:510px;}
75%  { top:200px; margin-left:500px;}
80%  { background:rgba(208, 234, 247, 0.7); top:200px; margin-left:510px; border-radius:30px; }
85%  { top:200px; margin-left:500px;}
90%  { top:200px; margin-left:510px;}
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:1170px; margin:auto; text-align:right; padding-right:30px; color:#fff;}
.tiao span a {color:#fff;}
.nav1 {margin-top:350px; margin-bottom:40px; overflow:hidden;}
.n_nav {width:1200px; margin:auto;}
.n_nav a { display:block; height:53px; line-height:53px; width:199px; text-align:center; background:#ccc; margin-right:1px; font-size:16px; color:#333; float:left;}
.n_nav a:hover {background:#444; color:#20A7DF;}
.n_nav a.on {background:#444; color:#20A7DF;}
.list_box {width:1200px; background:#fff; margin:auto; min-height:500px; font-family:"宋体";}
.ab {width:1200px; margin:auto; margin-top:350px;}
.nav2 {width:200px; float:left;}
.nav2 .n_nav {width:100%;}
.about_box {width:970px; background:#fff; min-height:500px; float:right;}
.info {padding:70px 60px; font-family:"宋体";}
.you {padding-left:6%;}
.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:left; margin-right:30px; width:280px; height:210px;}
.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;}