@import url("font-awesome.min.css");
@import url("owl.carousel.min.css");
@import url("swiper-3.3.1.min.css");
@import url("wap.css");
@import url("animate.css");
/* CSS Document */
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-size:14px;
color:#555;
font-family:"Microsoft YaHei", "??????","Simsun","Arial Black","verdana";;
background-color: #f6f6f6;
line-height:24px; overflow-x:hidden;
}
input,button,textarea,select{font-family:"Microsoft YaHei", "??????";}
UL {list-style-type:none;}
UL,p,li,form,h1,h2,h3,h4,h5,dd,dl,dt,ol{
PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
::selection {
color:#fff; background-color:#0B89DD;
}
::-moz-selection {
color:#fff; background-color:#0B89DD;
}
::-webkit-selection {
color:#fff; background-color:#0B89DD;
}
::-webkit-scrollbar {
    width: 8px;
    height: 4px;
    background-color: #F5F5F5
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0, .6);
    background-color: #888;
}
video::-webkit-media-controls-enclosure { overflow:hidden;    }
video::-webkit-media-controls-panel {
        width: calc(100% + 30px);
    }
.ycyc{ overflow:hidden;}
img{ border:0px;}
.sdbj{padding-top:1.5%; padding-bottom:1.5%;}
.hs{ background-color:#F7FBFE;}
#head{
width:100%;
float:left; background-color:#fff;background-size:cover;
}
#tou{ width:100%; float:left;}
#flash{ 
width:100%;float:left; position:relative; z-index:5; 
}
#hyweb{
width:100%;
float:left; overflow:hidden

}
#nyweb{
width:100%;
float:left;
padding-bottom:1%; padding-top:1%; background-color:#fff;

}


#dibu{
width:100%;
float:left;
background-color:#0B89DD;
padding-top:0.3%;
padding-bottom:0.3%; overflow:hidden;

}
#body{margin-left:auto;margin-right:auto; min-width:320px;max-width:1200px;}
#piaofu{width:100%;height:62px;position:fixed;bottom:0px;left:0px; z-index:300;}
#top{
width:97%;
float:left; padding:0.8% 1.5%;; 
}
#top .one{width:60%; }
#top .two{width:40%;}
#top .logo{ width:96%; float:left; text-align:left;}
#top .logo img{ max-width:92%; display:block;height:83px;}
#top .top1{ width:96%; float:right; position:relative;}
#top .ewm{ width:22%; float:right; margin-left:4%;}
#top .ewm img{ width:100%; display:block;}
#top .qt{ width:70%; float:right; }
#top .qt .wz{ width:100%; float:left; line-height:2; font-size:18px; font-weight:bold; color:#0B89DD; text-align:right;}
#top .qt .wz .yl{ color:#ff6600;}
#top .qt .wz i{font-size:1.1em; margin-left:10px;line-height:1.5; margin-right:10px;}
#top .qt .wz a{ color:#0B89DD; }
#search{ width:74%; left:0px; bottom:5px; background-color:rgba(11,137,221,1); height:35px; position:absolute;}
#search .input{
width:60%;
color:#fff;
padding-left:5%;
padding-right:5%;
height:33px;
line-height:33px;
font-size:14px;
float:left;
font-family:"Microsoft YaHei", "??????", "????";
border:0px;
background:none;outline:none;
}
#search .buttom{
width:35px;
height:35px;
cursor:pointer;
border:0px;
background-color:rgba(255,255,255,0.5);
margin:0px;
padding:0px;
float:right;
background-image: url(../images/so.png);
background-repeat: no-repeat;
background-position: center center;
}
#nav{ width:100%; float:left; background-color:#0B89DD; }
#menu { width:100%; float:right;Z-INDEX: 100; POSITION: relative;}
#menu UL {list-style-type:none;}
#menu UL LI {
FLOAT: left;  display: block;POSITION: relative; width:12.5%;
}
#menu UL LI .change {
background-color:#0E98F3;color:#fff;
}
#menu UL LI A {
TEXT-ALIGN: center;
DISPLAY: block;
color:#fff;
font-size:16px; 
line-height:50px;transition:all 0.5s ease-in-out 0s; overflow:hidden; position: relative; z-index: 1; 

}
#menu UL LI A:hover{ background-color:#0E98F3;color:#fff;}
#menu UL LI A.sec{ background-color:#0E98F3;color:#fff;}
#menu UL LI OL {
POSITION: absolute;
WIDTH:100%;
DISPLAY: none;
COLOR: #fff;
MARGIN-LEFT: 0px;
padding:0px;
left:0px;
background-color:#0E98F3;
}
#menu UL LI:last-child OL,#menu UL LI:nth-last-of-type(2) OL{right:0px; left:auto;}

#menu UL LI OL LI {
DISPLAY: block; FLOAT: none; background-image:none; font-weight:normal; padding:0px; padding:0px;
margin:0px; text-align:left;WIDTH:100%;
}
#menu UL LI OL LI A { text-align:center;font-weight:normal;
WIDTH: auto;font-size:13px;
DISPLAY: block;
overflow:hidden;
COLOR:#fff; padding:6px;
LINE-HEIGHT: 22px; border-bottom:#0B89DD solid 1px;
margin:0px;
}
#menu UL LI OL LI A:hover { 
color:#fff;
 background-color:#0B89DD; background-image:none; border-bottom:#0E98F3 solid 1px;

}
.clear{ clear:both;}
#dbdh{ width:100%; float:left; text-align:center; background-color:#1E428A;border-radius:40px; margin-bottom:3%}
#dbdh a{ color:#fff; display:inline-block; margin-left:0.8%; margin-right:0.8%; line-height:40px; font-size:16px;}
#dbdh a:hover{color:#fff;}


.clear{ clear:both;}
a:link {
text-decoration: none;
color:#5a5a5a;
}
a:visited {
text-decoration: none;
color:#5a5a5a;
}
a:hover {
color:#0B89DD;
}

.hg2{ margin-top:30px;}
.hg{ margin-top:25px;}
.hg1{ margin-top:20px;}
#bottom{
width:98%; padding:1%;
float:left;
line-height:22px;color:#fff; overflow:hidden;

}
#bottom .footer{ width:100%; float:left; padding-bottom:1%;}
#bottom .ewm{ width:20%; text-align:center; float:left; color:#fff; font-size:14px; line-height:28px;}
#bottom .ewm img{ max-width:100%; }
#bottom .link{ width:100%; float:left; border-bottom:#fff solid 1px; margin-bottom:1%; padding-bottom:1%;}
#bottom .link .bt{ font-size:16px; color:#fff; font-weight:bold; width:100%; line-height:2; float:left;}
#bottom .link .links{ width:100%; margin-top:1%; float:left;}
#bottom .link b{ margin-right:12px;}
#bottom .link p{ line-height:25px;  color:#fff; font-size:15px;}
#bottom .link a{ color:#fff;}
#bottom .link span{ margin-left:8px; margin-right:8px;}
#bottom .bq{ width:100%;   font-size:14px; line-height:30px;color:#fff;  text-align:center; float:left;}
#bottom .bq a{ color:#fff;}
.izl-rmenu {
position: fixed;
right: 0;
bottom: 20%;
z-index: 999;width: 42px;
}
.izl-rmenu .btn {
width: 40px;
height: 40px;
cursor: pointer;
position: relative; border:#ddd solid 1px; margin-top:-1px; text-align:center;color:#0B89DD; line-height:40px;background:#fff;
}
.izl-rmenu .btn:hover{ color:#fff; border:#0E98F3 solid 1px;}
.izl-rmenu .btn i{ font-size:18px; line-height:40px;}
.izl-rmenu .btn-qq {
}
.izl-rmenu .btn-qq:hover {
background-color: #0B89DD;
}
.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited {

}
.izl-rmenu .btn-wx {

}
.izl-rmenu .btn-wx:hover {
background-color: #0B89DD;
}
.izl-rmenu .btn-wx .pic {
position: absolute;
left: -120px;
top: -1px;
display: none;
width: 120px;
height: 120px;
}
.izl-rmenu .btn-phone {

}
.izl-rmenu .btn-phone:hover {
background-color: #0B89DD;
}
.izl-rmenu .btn-phone .phone {
background-color:#0B89DD;
position: absolute;
width: 160px;
left: -160px;
top: -1px;
line-height: 41px;
color: #FFF;
font-size: 18px;
text-align: center;
display: none;
}
.izl-rmenu .btn-qq .qq {
background-color:#0B89DD;
position: absolute;
width: 100px;
left: -100px;
top: -1px;
line-height: 41px;
color: #FFF;
font-size: 12px;
text-align: center;
display: none;
}
.izl-rmenu .btn-qq .qq a{ color:#fff;}
.izl-rmenu .btn-top {
display: none;
}
.izl-rmenu .btn-top:hover {
background-color:#0B89DD; color:#fff;
}
#footer{width:100%;float:left;HEIGHT:62px;background-color:#0B89DD;filter:alpha(Opacity=90);-moz-opacity:.9;opacity:.9;background:-webkit-linear-gradient(top, #0A71B6 ,#0B89DD)}#footer UL{TEXT-ALIGN:left}#footer UL LI{width:20%;text-align:center;height:62px;float:left; padding-top:}#footer UL LI A{width:100%;font-size:12px;overflow:hidden;display:block;cursor:pointer;text-align:center;line-height:30px;color:#fff; padding-top:30px;}#footer UL LI.home{background-image:url(../images/home.png);background-repeat:no-repeat;background-position:center 4px}#footer UL LI.tel{background-image:url(../images/dh.png);background-repeat:no-repeat;background-position:center 4px}#footer UL LI.dx{background-image:url(../images/fx.png);background-repeat:no-repeat;background-position:center 4px}#footer UL LI.fx{background-image:url(../images/dx.png);background-repeat:no-repeat;background-position:center 4px; position:relative; height:32px; padding-top:32px; cursor:pointer;}#footer UL LI.fx A{ padding:0px;}#footer UL LI.d05{background-image:url(../images/ico4.png);background-repeat:no-repeat;background-position:center 4px}
#wxnr{ width:100%;position:fixed; top:10%; z-index:1000; display:none;}
#wxnr .nrdf{ width:70%; padding:5%; float:left; margin-left:10%; text-align:center; background-color:#fff;box-shadow: 0px 2px 6px #777;-webkit-box-shadow: 0px 2px 6px #777;-moz-box-shadow: 0px 2px 6px #777;border-radius:10px;}
#wxnr  img{ width:127px; }
#wxnr  p{ font-size:14px; line-height:30px; text-align:center; }
#wxnr  p i{ font-size:16px;}
#wxnr  span{ display:inline-block; padding-left:10px; padding-right:10px; line-height:30px; background-color:#0B89DD; color:#fff;border-radius:4px; margin-left:12px; cursor:pointer;}
#dbdh{ width:220px; position:absolute; left:0px; bottom:62px; background-color:#444F5B;border-radius:6px; padding:10px; display:none; z-index:10000;}
#cdh{width:220px;float:left;max-height:200px; overflow-y:auto;overflow-x:hidden;  }
#cdh p{width:220px;float:left;margin:0px;line-height:32px; font-size:12px; padding-top:0px; height:32px;text-align:center;border-bottom:#0E98F3 solid 1px;TEXT-OVERFLOW: ellipsis;
WHITE-SPACE: nowrap;
OVERFLOW: hidden;}
#cdh p A{ color:#fff; display:block;line-height:32px; font-size:12px;  background-color:#0B89DD; height:32px; padding-top:0px;}
#cdh p A:hover{ background-color:#0E98F3; color:#fff;padding:0px;height:32px;line-height:32px;}
#gdtz{ width:200px; position:fixed; z-index:1001; bottom:8%; left:10px;}
#gdtz img{ width:100%; margin-top:5px; margin-bottom:5px;}
#gdtz p{ font-size:16px; text-align:right; color:#000; line-height:28px; cursor:pointer;}


.page {margin-top: 10px;
          text-align: center;
          }
.page a {
    vertical-align: middle;
    border: #efefef 1px solid;
    color: #505050;
    padding: 5px 8px;
    margin-right: 3px;
    margin-left: 3px;
}
.page span {
    vertical-align: middle;
    border: #efefef 1px solid;
    padding: 5px 8px;
    margin-right: 3px;
    margin-left: 3px;
}