/*通用样式*/

/*通用*/
body{
    font:14px "黑体";
    color:#666;
    margin:0;
    padding:0;
    width: 100%;

}
ul,ol,p,h1,h2,h3,h4,h5,h6,dl,dt,dd{
    margin:0;
    padding:0;
    list-style:none;
}
input{
    border:0;
    outline: none;
}
a{
    color:#666;
    text-decoration:none;
}
a:hover{
    color:#00A0B8;
    text-decoration:none;
}
.lf{float:left;}
.rt{float:right;}
.clear{clear:both;}
/*整体布局*/
#top,#nav,#banner,#main{
    width: 990px;
    margin:0 auto;
}
/*头部  */

.picture{
    float:right;
    width: 590px;
    margin-top: 15px;
}
.panel{
    float:left;

}
#top{
    overflow: hidden;
    margin-top: 40px;
    font-size: 11px;
    margin-bottom:25px;
}
.picture ul.sousou{
    overflow: hidden;
    float: right;
    width: 406px;
}
.picture ul.sousou li{
    float:left;
    margin-right: 10px;
    height: 16px;
    line-height: 16px;
}
.picture ul .waves{
    border: 1px solid #04A0B7;
    border-radius: 5px;
    margin-right: 90px;
    width: 150px;
}
.picture ul .waves button{
    border: 0;
    background: #04A0B7;
    color:#FFFFFF;
    outline: none;
    border-radius: 0 4px 4px 0;
    float: right;
    height: 16px;
}
.picture ul .waves input{
    margin: 0;
    padding: 0;
    border:0;
    outline: none;
    height: 13px;
    margin-left: 5px;
    width: 100px;
}
.picture ul li b{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/gyrm.png) no-repeat;
    margin-top: 2px;
    float: left;
    margin-left: 30px;
}
.picture ul li i{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/wjk.png) no-repeat;
    margin-top: 2px;
    float: left;
}
.picture .liColoi li{
    float: left;
    height: 20px;
}
.picture .liColoi{
    overflow: hidden;
    margin-top: 12px;
    float: right;

}

/*轮播*/
.slider, .slider-panel img, .slider-extra {
    width: 990px;
    height: 320px;
}
.slider {
    text-align: center;
    margin: 30px auto;
    position: relative;
}
.slider-panel, .slider-nav, .slider-pre, .slider-next {
    position: absolute;
    z-index: 8;
}
.slider-panel {
    position: absolute;
}
.slider-panel img {
    border: none;
}
.slider-extra {
    position: relative;
}
.slider-nav {
    margin-left: -51px;
    position: absolute;
    left: 90%;
    bottom: 4px;
}
.slider-nav li {
    background: #eee;
    border-radius: 50%;
    opacity: 0.8;
    cursor: pointer;
    margin: 0 2px;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    height: 10px;
    line-height: 18px;
    width: 10px;
}
.slider-nav .slider-item-selected {
    background: blue;
}
.slider-page a{
    background: rgba(0, 0, 0, 0.2);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
    color: #fff;
    text-align: center;
    display: block;
    font-size: 22px;
    width: 28px;
    height: 62px;
    line-height: 62px;
    margin-top: -31px;
    position: absolute;
    top: 50%;
}
.slider-page a:HOVER {
    background: rgba(0, 0, 0, 0.4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
}
.slider-next {
    left: 100%;
    margin-left: -28px;
}
/*鼠标悬停*/
#nav ul{
    float:right;
    height: 40px;

}
#nav ul li{
    float:left;
    font-size: 14px;
    display: inline;
    padding: 0 15px;
    height: 15px; line-height: 15px;
}
#nav ul .pen{ width: 90px; padding: 0; text-align: center; border-left: solid 1px #666; }
#nav{
    margin-bottom: 30px;
    margin-top: 25px;
    position: relative;
    right: -13px;
}
#nav ul.clearn li.pen{

    position: relative;
}
#nav ul.clearn li a{display: block;}
#nav ul.clearn li a:hover{ color:#00A0B8; }
#nav ul.clearn li.pen:hover .me{ display: block;}
#nav ul.clearn li.pen ul.meme li{
    float: left;
    line-height: 25px;
    padding: 0;
    width: 90px;
}
#nav ul.clearn li.pen .me{
    position:relative;
    display: none;

    height: 40px;
    width: 600px;
    padding-top: 10px;
    z-index: 999999999;
    background: url(../images/san.png) no-repeat left top;

}
#nav ul.clearn li.pen ul.meme{
    height: 25px;
    background:#00A0B8;
    border-radius: 5px;
    float: left;
}
#nav ul.clearn li.pen img{ position: absolute; top: -10px; left: 33px; float: left;}

#nav ul.clearn li:nth-child(n+7) .me
{
 float: right;
 background: url(../images/san.png) no-repeat right top;
}
#nav ul.clearn li:nth-child(n+7) .me .meme
{
 float: right;
}












#nav ul.clearn li.pen ul.meme li a{
    color: #FFFFFF;font-size: 12px;
}
/*滚动条*/
#main .jiangu>ul{
    width: 340px;
    text-align: center;
    float: left;
}
#main .jiangu>ul>li{ margin-top: 15px;}
#main .jiangu>ul>li{
    margin-top: 15px;
    text-align: center;

}
#main .jiangu>ul li b{
    color:#02aec9;
    font-size: 15px;
}

#main .jiangu ul .yun{
    border-top:1px dashed #ddd;
}
#main .jiangu>ul .nji_li{
    line-height:24px;
    text-align: left;
    padding: 0 20px;
    font-size: 12px;
    color: #7b7b7b;
    height: 210px;
    overflow: hidden;
}
div.if_lji {
    height: 200px;
    position: relative;
     background: url(../images/ttt.png) no-repeat center top;
}
div.if_lji p { bottom: 28px;}
div.if_lji2 {
    height: 185px;
    position: relative;
     background: url(../images/ttt.png) no-repeat center bottom;
}
div.lf_link{
    margin: 0 50px;
    width: 210px;
}
div.lf_link div.if_lji p.pp1{
    position: absolute;
    top:0;
    left: 30px;
    z-index: 15;
}
div.lf_link div.if_lji div.pp2{
    position: absolute;
    top: 60px;
    left: 0;
    width: 200px;
    height: 120px;
    border: 0.214em solid #00A0B8;
    border-radius:10px ;
    z-index: 10;
}
div.lf_link div.if_lji div.pp2 dl{
    margin-top: 60px;
    margin-left: 20px;
}
p.pic{
    position: absolute;
    right: 20px;
    bottom: 15px;
    text-align: right;
    font-size: 12px;
}
/*自定义滚动条*/
.div1{ width: 100%; height: 210px; margin: 15px auto; position: relative; overflow: scroll; text-align: left; }
.div1 li{ font-size: 12px; background: url(../images/list.png) no-repeat left top; padding-left: 25px; line-height: 25px; color: #7b7b7b;}

/*轮播2*/
.clearfix:after{content:"";display:block;clear:both;}
.clearfix{zoom:1;}
.banner{width:2067px; height:471px; position:relative; overflow:hidden;}
.banner-btn{ display:none;}
.banner-btn a{ display:block; line-height:40px; position:absolute;top:120px; width:40px; height:40px;background-color: #000; opacity:0.3; filter:alpha(opacity=30);color: rgb(255, 255, 255);overflow: hidden; z-index:4;}
.prevBtn{left:5px;}
.nextBtn{right:5px;}
.banner-img{ font-size:0; *word-spacing:-1px;/* IE6、7 */ letter-spacing: -3px; position:relative;}
.banner-img li{ display:inline-block;*display:inline;*zoom:1;/* IE6、7 */ vertical-align: top; letter-spacing: normal;word-spacing: normal; font-size:12px;}
.banner i{ background:url(http://gtms01.alicdn.com/tps/i1/T1szNBFzlmXXX8QSDI-400-340.png)  no-repeat; width: 15px;height: 23px; cursor:pointer;margin: 8px 0 0 12px; display:block;}
.banner .nextBtn i{ background-position:-200px -24px;}
.banner .prevBtn i{ background-position:-200px 0px;}

.banner-circle{ position:absolute; left:50%; bottom: 15px;text-align: center;font-size: 0; filter:alpha(opacity:30); }
.banner-circle li{ border-radius: 10px; margin:2px; display: inline-block; display: -moz-inline-stack; vertical-align: middle;zoom: 1; }
.banner-circle li a{ display: block;padding-top: 9px;width: 20px;height: 20px;border-radius: 50%; background: #B7B7B7;overflow: hidden;}
.banner-circle .selected a{ background:#F40; }
/*页尾*/
#njhgt{
    width:100%;
    height: 240px;
    background: #BFE7ED;
}
.if_lji_lj{
    width: 990px;
    margin:0 auto;
}
.if_lji_lj ul li{
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    padding:0 5px;
    box-sizing:border-box;
}
.if_lji_lj ul{
    margin-top: 40px;
    overflow: hidden;
    width: 20%;
}
#footer .opens{
    width: 990px;
    margin: auto;

}
.linkyy img{
    display: inline-block;
}
.linkyy b{
    display:inline-block;
    width:1px;
    height:60px;
    margin: auto 10px;
    border-left:3px solid #009BB3;

}
.opens>p{
    width: 100px;
    position: fixed;
    right: 0;
    top: 350px;
    line-height:200px ;
    font-size: 11px;
    color: #999;

}

.if_lji_lj_nk{
    width:100%;
    border-top:1px dashed #ddd;
    margin-top: 38px;
    padding-top: 10px;
    font-size: 11px;
    padding-bottom: 120px;
}
.if_lji_lj_nk a{ color:#999; }
.if_lji_lj_nk ul{
    width: 700px;
    margin: 0 auto;
    text-align: center;
}
.if_lji_lj_nk ul  li{
    line-height: 25px;
    color: #999;
}
.if_lji_lj_nk ul  li img{
    margin: 15px 0;
}

.nhdkj_w ul{
    width: 25%;

    padding:  0 20px;

box-sizing:border-box;
font-size: 12px; 
line-height: 28px;
color: ##7b7b7b;
}

.nhdkj_w ul li{
    text-align: center;

}
#main .nhdkj_w .chang_jk{font-size: 15px;}
#main .nhdkj_w ul li b{
    color:#02aec9;
    display: block;
    font-family: "黑体";

}

#main .nhdkj_w ul .yun{
    border-top:1px dashed #ddd;
}
#main .nhdkj_w ul .nji_li{
    line-height:23px;
    text-align: left;
    margin:15px 10px 5px 7px;
    height: 255px;
}
/*  轮播3*/
#lunboThree{
    width: 990px;
    margin: 0 auto;
}
.focus {width:990px; height:230px; margin: 0 auto; overflow:hidden; position:relative;}
.focus ul { position:absolute;}
.focus ul li {float:left; overflow:hidden; position:relative; height: 223px; background:#000;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:2067px; height:20px; left:0; bottom:0; background:#000; display:none;}
.focus .btn {position:absolute; width:80px;  height:23px; padding:0px 10px 0px 10px; right:0; bottom:20px; text-align:right;}
.focus .btn span {display:block; width:10px; height:10px; border-radius: 50%; font-size:0; float: left; margin-left:5px; cursor:pointer; background:#fff;}
.focus .btn span.on {background:#fff; padding: 0;}
.focus .preNext {width:45px; height:100px; position:absolute; top:90px; cursor:pointer;}
.focus .pre {left:0; background:url(../images/shang.png) no-repeat 0 0;}
.focus .next {right:0;  background:url(../images/xia.png) no-repeat 0 0;}
.box{width:900px;margin:0 auto;}




#main .flsts>ul{
    width: 28%;
    text-align: center;
    float: left;
    margin-bottom: 50px;
}
#main .flsts>ul:nth-child(2){
     margin: 0 8%;
}
#main .flsts>ul>li{
    margin-top: 30px;
    text-align: center;

}
#main .flsts>ul li b{
    color:#07A2BA;
}

#main .flsts ul .yun{
    border-top:1px dashed #ddd;
    margin-top: 0px;
}
#main .flsts>ul .nji_li{
    line-height:23px;
    text-align: left;
    padding: 0 15px;
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 12px;
    line-height: 25px;
    color: #7b7b7b;
    height: 245px;
}

.linkyy{ width: 450px; margin: 0 auto; text-align: center; margin-top: 30px;}
.footer{ margin-bottom: 50px;}


/* 联系我们 */
.contact{ width: 100%; margin-bottom: 60px;}
.contact dd{ background:url(../images/fang.png) no-repeat; margin: 30px 0; padding-left: 75px;  }
.contact dd span{ display: block; width: 100%; color:#00A1BD; font-size: 16px; line-height: 21px;}
.contact dt{ width: 50%; float: left;}
.contact .kk{ border: solid 1px #00A1BD; box-sizing:border-box; }
.da{ margin: 80px 0;}











