/*header*/
html {padding:0;margin:0;}
body{line-height: 160%; font-size: 14px; font-family: "Microsoft YaHei","微软雅黑"}
ul {list-style: none;padding:0;margin:0;}
ul li{ list-style-type: none;}
* {transition: all 0.3s ease 0s;}

a {text-decoration: none; color: #555;}
a:focus, a:hover{ color: #333;}



/*头部样式*/
.jjloog{ margin-top: 20px; margin-left: 10px; margin-bottom: 10px;}
.navbar {border:0;margin:0;min-height: 0;border-radius: 0; }
.navbar-yb{ background: #fff; position: absolute; z-index: 10; width: 100%; padding: 20px 0;}

.container {padding:0;}

.navbar-default{ background-color: transparent; }
.dropdown-menu>li>a {text-align: center;line-height: 30px;}
.navbar-nav ul li a {	padding:0  ;margin:0 ;}
.navbar-nav {	float: none;display: inline-block; border: 0px; margin: 0px; padding: 20px; padding-top: 40px; }
.navbar-default .navbar-nav>.active>a{   background-color: #2656a4;

    border-radius: 20px 0 20px 0;
    display: inline-block;
    color: #fff;}
.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-yb .navbar-nav>li>a:focus, .navbar-yb .navbar-nav>li>a:hover {
    border-radius:  0;
    background-color: #2656a4;

    display: inline-block;
    color: #fff;
}
.navbar-right .dropdown-menu{ right: auto; left: 0;}

/*logo样式*/
.navbar-brand {	height: 100%;padding:0;}
/*导航a标签样式*/
.nav>li {	padding:6px 30px;margin-bottom: -5px;}

.nav>li:focus > a, .nav>li:hover > a{color: #fff; }
.nav>li>a {font-size: 14px; color: #4d4c4c;padding:0;font-size: 16px;}
.nav>li>a > p{ font-size: 12px; text-transform: uppercase; color: #fff; margin-bottom: 0;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {color: #fff; background-color: transparent;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color: transparent;}
.navbar-default .navbar-nav>li>a{color: #333; padding: 10px 20px; font-weight: inherit;}
.navbar-nav > li {
    padding:5px;
    margin:0 auto;
    text-align: center;
}
.dropdown-menu{background: #dcdcdc; border: 0px;transition: all 0s ease 0s;}

.dropdown-menu>li>a{ display: inline-block;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a{color:#444; padding:10px 10px; width: 100%;}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background:#6f6f6f ;background:rgba(111,111,111,.8)}


.top-tel{ display: inline-block;   padding-left: 10px; padding-right: 40px; text-align: left; float: right;}
.top-tel .top-tel-t{ display: inline-block;   font-size: 14px;}
.top-tel .top-tel-c{ display: inline-block;   font-size: 22px; font-weight: bold; color: #1266AF;}

/*banner*/
.swiper-container {  width: 100%;  height: 100%;  background: #00a6e9;  }
.swiper-slide {  font-size: 18px;  color:#fff;  -webkit-box-sizing: border-box;  box-sizing: border-box;  padding: 0;  }
.xx-banner{ position: relative; display: inline-block;}
.text{ position: absolute; z-index: 10; top: 50%; right: 10%; width:100%;}
.ani-slide p{  transform:translateX(0);  opacity:1;  }
.swiper-pagination {  bottom: 10px;  left: 0;  width: 100%;  }

.xx-banner .text{ display: inline-block; width: 100%; text-align: left;  position: absolute; top: 20%; height: 100%; left:0%;}
.xx-banner .texta{ display: inline-block; position: absolute;  font-size: 18px;  line-height: 30px; width: 100%; text-align: center; }
.xx-banner .textb{ display: inline-block; position: absolute;  font-size: 38px; color: #2656a4; width: 100%; text-align: center; top: 20%;  letter-spacing: 6px;
    font-weight: 600; text-shadow: 3px 3px 10px #999; line-height: 50px;   text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.xx-banner .textd{ display: inline-block; position: absolute;  font-size: 18px;  width: 100%; text-align: center; top: 30%; font-weight: bold; line-height: 40px; margin-top: 20px; }
.xx-banner .textd a{ background: #2656a4; color: #fff; padding: 10px 30px; border-radius: 100px;}

.newspage ,.sycppage,.syaboutpage{ width: 100%; padding: 40px 0;}
.about-tit{ display: inline-block; width: 100%; text-align: left; padding: 20px; padding-top: 40px; position: relative; }
.about-cn{ font-size: 36px; color: #2656a4; display: inline-block;  padding-left: 10px; line-height: 50px; font-weight: bold;  margin-right: 5px; }
.about-en{ font-size: 36px; text-transform:uppercase; color: #0091d5; font-weight: bold; display: inline-block; line-height: 30px;  }

.about-x{  display: inline-block; width: 40px; height: 3px ; margin: 12px;   background: #0091d5;}
.about-note{ display: inline-block; font-size: 14px; text-align: left; color: #999; margin-left: 10px;  padding-top: 8px;}

.gsjjbody{ width: 100%; padding: 0px 20px;  line-height: 25px;}
.gsjjnote{ height: 100px; overflow: hidden; width: 100%;}
.gsjjmore{ display: inline-block; width: 100%; text-align: center; font-size: 14px; padding: 20px 10px;   line-height: 20px;}
.gsjjmore a{ background: #2656a4; border-radius: 100px; color: #fff;  float: left; margin-top: 20px; padding: 10px 30px}
.gsjjmore a:hover{ padding: 10px 40px; box-shadow: 5px 5px 15px #999;}

.page-tit{ display: inline-block; width: 100%; text-align: center; padding: 20px 10px; padding-top: 0; position: relative; }
.page-cn{ font-size: 24px; color: #2656a4; display: inline-flex; justify-content: center;
    align-items: center; line-height: 30px; width: 100%; margin: 5px auto; text-align: center; font-weight: bold; }
.page-cn:before,.page-cn:after{ background: #00a6e9; width: 60px; height: 2px; content: ''; margin:  15px;}
.page-en{ font-size: 14px; text-transform:uppercase; width: 100%; text-align: center; color: #999; font-weight: bold; display: inline-block; line-height: 30px;  }

.page-x{  display: inline-block; width: 2px; height: 40px ; margin: 12px;  position: absolute; left: 50%; margin-left: -1px; background: #2656a4;}
.page-note{ display: inline-block; font-size: 14px; text-align: center; color: #999; width: 100%;   padding-top: 8px;}


.sycpcen{ display: inline-block; width: 100%; padding: 0 8px; position: relative; overflow: hidden;}
.sycpcen .news-pagination{ width: 100%; text-align: right; display: inline-block;  bottom: auto; position: absolute; }
.sycpcen .swiper-pagination-bullet-active,.casepage-r  .swiper-pagination-bullet-active{background: #2656a4; width: 50px;  border-radius: 100px;}
.sycpcen .swiper-slide{ border-right: 1px solid #f5f5f5;  }


.cj-div{   width: 100%; position: relative;  margin-bottom: 20px;}
.cj-div a{   width: 100%;}
.cjimg{ width: 100%; height: 220px; border-radius: 0px; overflow: hidden;}
.cjimg img{ width: 100%; height: 100%;}

.lm-div .cjimg{ height: 280px;}
.jidi-ulb .cjimg{ height: 320px; border-radius: 0;}

.cjtit{ position: absolute; text-align: center; font-size: 14px; width: 100%; border-radius:  0; left: 0; bottom: 0; height:40px;
    line-height: 40px; overflow: hidden; background: rgba(38,86,164,.8); color: #fff;}
.cjtitb{ position: absolute; width: 70%; font-size: 14px; text-align: center; border-radius: 0 20px 0 0; left: 0; bottom: 0; height: 40px;
    line-height: 40px; overflow: hidden;  background: rgba(38,86,164,.8); color: #fff;}
.cj-div:hover .cjimg{ box-shadow: 5px 5px 15px #999;}
.cj-div:hover .cjimg img{ transform: scale(1.1)}
.cj-div:hover .cjtit{ width: 100%; border-radius: 8px;}

.pagemore{ display: inline-block; width: 100%; text-align: center; font-size: 14px; padding: 20px 10px;  margin-top: 20px; line-height: 20px;}
.pagemore a{ color: #fff; border-radius: 100px; border: 1px solid #00a6e9; background: #00a6e9; display: inline-block; padding: 10px 30px}
.pagemore a:hover{ color: #fff; background: #2656a4; border: 1px solid #2656a4; padding: 10px 35px;}

.cp-fanye{  display: inline-block; width: 100%;   z-index: 1}
.cp-fanye  .iconfont { color: #ccc; cursor: pointer; font-size: 24px; border: 1px solid #2656a4;  background: rgba(38,86,164,.8); height: 50px; width: 50px; line-height: 50px; text-align: center;}
.cp-fanye  .cp-next{ position: absolute;  top: 30%;  margin-top: -30px; display: inline-block; left: 10px;z-index: 5  }
.cp-fanye  .cp-prev{ position: absolute; top: 30%;  margin-top: -30px; display: inline-block; right: 10px;z-index: 5}
.cp-fanye .cp-next:hover .iconfont,.cp-fanye .cp-prev:hover .iconfont{ color: #fff; border-color: #2656a4; background: #2656a4; }
.pg-main{ padding: 20px 0; width: 100%; display: inline-block;}
.zl-div{ width: 100%;  }
.zlimg{ width: 100%; height: 240px; overflow: hidden; background-color: #f5f5f5; border: 1px solid #f5f5f5}
.zlimg img{ width: 100%; min-height: 100%;}
.zltit{  width: 100%; background: #f5f5f5; line-height: 40px; text-align: center;}
.zltit span{ background: #2656a4; width: 100px; display: inline-block; float: left; line-height: 40px; color: #fff;}
.zltit .name{ display: inline-block; width: calc(100% - 100px); color: #2656a4; background: #f5f5f5; float: left;}

.zl-div:hover{ box-shadow: 5px 5px 10px #999}
.zl-div:hover .zlimg img{ transform: scale(1.1)}

.zl-div:hover .zltit .name{ color: #fff; background: #00a6e9; width: calc(100% - 120px)}
.zl-div:hover .zltit span{ width: 120px;}

.sy-news .news-body{ margin-top: -6px;}
.sy-news .news-img{ border-radius: 0; overflow: hidden;}
.news-div{ display: inline-block; width: 100%; padding: 0; border-bottom: 1px solid #f5f5f5;}
.sy-news .news-div{border-bottom: 0; margin-top: 20px;}
.news-more{ display: inline-block; padding: 0 ; float: right;}
.news-more a{ display: inline-flex; padding: 6px 20px; padding-right: 0; color: #666;}
.news-more a .jiantou{ font-size: 24px; display: inline-block;  font-weight: bold}
.news-more a:hover{ color: #fff; background: #2656a4; border-radius: 100px;}
.news-note{ font-size: 12px; color: #666; display: inline-block; width: 100%; margin-top: 0px; line-height: 20px; }
.news-foot{ display: inline-block; width: 100%; border-top: 1px solid #f5f5f5; padding: 5px 0;}
.news-note-h{ height: 40px; overflow: hidden;}
.news-img{ height: 260px; display: inline-block; overflow: hidden; width: 100%; padding: 0; border-radius: 0px;}
.newspage .news-img{ height:200px;}
.news-img img{ width: 100%; min-height: 100%}
.news-body{ display: inline-block; width: 100%; padding: 6px 20px;}
.sy-news .news-div:hover{ box-shadow: 5px 5px 10px #ccc;}
.sy-news .news-tit{   padding: 2px 4px; font-weight: 500; color: #666; font-size: 14px; overflow: hidden; height: 30px; line-height: 30px;}
.news-tit a{  position: relative; padding-left: 15px; line-height: 30px; height: 30px; font-size: 14px; font-weight: bold; overflow: hidden; display: inline-block;}
.news-tit:hover a{ font-weight: bold; color: #2656a4;}
.news-tit a:before{ content: ''; width: 10px ; background: #2656a4; height: 2px; top: 50%; margin-top: -1px; left: 0; position: absolute;}
.sy-news .news-tit a:before{ width: 5px; height: 5px; border-radius: 5px; background: #ccc;}
.sy-news .news-time{   display: inline-block; float: right; color: #999; font-size: 12px; line-height: 30px; float: left; text-align: left;}
.sy-news .news-tit:hover a:before{ background: #2656a4}
.sy-news .news-more{ float: right;}
.sy-news .news-more a{ padding-left: 0;}
.sy-news .news-more a:hover{padding: 6px 20px; }

.ryzz{ display: inline-block; width: 100%; overflow: hidden; padding:  20px; padding-top: 50px;  }

.ryzz-div{ position: relative; display: inline-block;  }

.ryzz-img{  border: 0px solid #ddd; background: #fff; overflow: hidden; border-radius: 8px 8px 0 0;}
.ryzz-img img{ width: 100%;  padding: 16px;}

.ryzz-tit-l{ display: inline-block; width: 100%; text-align: center;  background: #014eaa; border: 0px solid #eee; border-radius: 0;}
.ryzz-tit-l a{ display: inline-block; width: 100%; font-size: 14px; line-height: 40px; font-weight: bold; color: #fff;}
.ryzz-tit-l small{ display: inline-block; width: 100%; font-size: 12px; color: #fff;}

.ryzz .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: auto;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.ryzz-fanye{position: absolute; top: 50%; width: 100%; height: 50px;}
.ryzz-fanye  .iconfont { color: #ccc; cursor: pointer; font-size: 24px; border: 2px solid #ccc; border-radius: 100px; height: 50px; width: 50px; line-height: 50px; text-align: center;}
.ryzz-fanye  .ryzz-next{ position: absolute;top: -20px; display: inline-block; right: -60px;}
.ryzz-fanye  .ryzz-prev{ position: absolute;top: -20px; display: inline-block; left: -80px;}
.ryzz-fanyefanye .ryzz-next:hover .iconfont,.ryzz-fanye .ryzz-prev:hover .iconfont{ color: #00a6e9; border-color: #00a6e9; }
.ryzz .ryzz-pagination{ width: 100%; text-align: center; display: inline-block;  bottom: auto; position: absolute; padding-left: 50px;}


.footpage{ width: 100%; padding: 30px; border-top: 4px solid #00a6e9; background: #224DA3; color: #fff;}
.footpage a{ color: #fff;}
.footnav{ display: inline-block; width: 100%; text-align: right; padding: 30px 0;}
.footnav li{ display: inline-block;}
.footnav li a{ display: inline-block; padding: 6px 12px;}
.footlx{ line-height: 30px;  font-size: 12px; display: inline-block; padding: 10px 0; width: 100%;}
.footlx li .iconfont{ padding-left: 4px; font-size: 12px;}
.footbr{ display: inline-block; width: 100%; text-align: right;}
.footerwm{ width: 100px; margin-top: 20px; float: right; margin-left: 5px;}
.footewmtext{ display: inline-block; float: right;  font-size: 12px; text-align: right;}
.footewmtexta{ display: inline-block; padding: 6px; margin-top: 30px;  color: #fff;}
.footewmtextb{ display: inline-block; padding: 6px 10px; background: #fff; font-size: 24px; font-weight: bold; color: #173F8F;}
.footbq{ display: inline-block;width: 100%; line-height: 30px; padding: 10px 0; color: #ccc; font-size: 12px;}
.footlogo{ float: left; margin: 5px 10px;}
.footname{ display: inline-block; width: 100%; padding: 0px 10px;}
.footname .cn{ display: inline-block; width: 100%; line-height: 40px; font-size: 24px; font-weight: bold;}
.footname .en{ display: inline-block; width: 100%; line-height: 20px; font-size: 14px;}
.footb{ display: inline-block; width: 100%; border-top: 1px solid #ccc; padding: 10px; margin-top: 10px;}

/*内页*/
.hpbreadcrumb{ width: 100%; background: #014eaa; color: #fff; border-bottom: 1px solid #014eaa;}
.hpbreadcrumb a{ color: #fff;}
.breadcrumb{ background: transparent; line-height: 40px;}

.page-ny-nav{ width: 100%; padding: 10px 0; background: #014eaa; border-bottom: 1px solid #014eaa; }

.ny-nav-ul{ margin-top: 0px; width: 100%; display: inline-block; text-align: center;}
.ny-nav-ul li{ margin: 0 5px; display: inline-block;
}
.ny-nav-ul li a{   padding: 8px 0px; display: inline-block;  color: #fff; font-weight: bold; width: 100px;margin-top:10px;overflow: hidden;}
.ny-nav-ul li a:hover,.ny-nav-ul li a.active{ background: #fff; color: #014eaa;}

.page-ny{  padding: 40px 0 40px 0; border-bottom: 1px solid #f5f5f5;}


.page-con{ width: 100%; margin-top: 10px; line-height: 30px;color: #666;}
.page-con img{ max-width: 100%; height: auto;}

.cpzs-tita{ display: inline-block; width: 100%; font-size: 24px; line-height: 50px; font-weight: bold;}

.cpzs-titb{ font-size: 16px; display: inline-block; width: 100%; color: #999; font-weight: bold;}

.cpzs-con{ display: inline-block; width: 100%; }

.lxwm-name{ font-size: 24px; font-weight: bold; display: inline-block; width: 100%; line-height: 50px;}
.lxwm-name span{ color: #014eaa }
.lxwm-note{ font-size: 12px; color: #666; margin-top: 0px; line-height: 20px; }

.lxwmtel{ display: inline-block; width: 100%; margin-top: 20px;}
.lxwmtel li{ display: inline-block; width: 100%; margin-top: 10px;}
.lxwmtel li.tels{ font-size: 24px; font-weight: bold; color: #014eaa;}

.lxwmform{   display: inline-block; width: 100%; padding: 20px;}
textarea.form-control.mytextarea{ height: 10vh;}
.mybtn{background: #014eaa; color: #fff; font-size: 14px;  width: 100%;}


/*人才*/
.recruit-container {
    margin-bottom: 180px;
    width: 100%;
}
.recruit-main {
    width: 98%;
    margin-top: 20px;
    min-width: 737px;
}
.recruit-main .recruit-text {
    padding: 0 20px 20px;
    position: relative; background: #e3f1e7;
    display: none;
}
.recruit-main .recruit-text .send-btn {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.recruit-main .recruit-text .send-btn a {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    background-color: #00a6e9;
}
.recruit-main .recruit-text .send-btn a:hover {
    background-color: #00a6e9;
}
.recruit-main .text {
    font-size: 14px;
    line-height: 25px; position: relative; width: 100%; left: auto; right: auto;
}
.recruit-main .li {
    background: #f5f5f5;
    width: 100%;
    border-bottom: 1px solid #D2D2D2;
}
.recruit-main .lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.recruit-main .lists .penel {
    flex-grow: 1;
    text-align: center;
    padding: 12px 12px;
    font-size: 14px;
    position: relative;
    width: 25%;
}
.recruit-main .lists .penel p {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 638px;
}
.recruit-main .lists .penel i {
    /*display: block;*/
    color: #999999;
}
.recruit-main .lists .penel span {
    display: block;
    color: #999999;
}
.recruit-main .lists .penel .open-close {
    position: absolute;
    line-height: 54px;
    top: 0;
    right: 0;
    width: 70px;
    text-align: center;
    cursor: pointer;
    color: #333;
    font-size: 16px; display: inline-block;
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.recruit-main .lists .penel .open-close.on {
    transform: rotate(90deg); color: #00a6e9;
    -webkit-transform: rotate(90deg);
}
.recruit-main .lists .penel .open-close:hover,
.recruit-main .lists .penel .open-close:active {
    color: #999;
}
.recruit-main .lists .num-penel {
    text-align: left;
}
.recruit-main .lists-title {
    background-color: #00a6e9;
    border-bottom: none;
}
.recruit-main .lists-title .penel {
    font-size: 18px;
}
.recruit-main .lists-title .penel span {
    color: #fff;
}

/**/
















@media (max-width: 1366px) {
    .navbar-default .navbar-nav>li>a{ padding: 6px;}
    .jjloog{ margin-left: 0px;}
    .navbar-nav{ padding: 6px;}
}

@media (max-width: 768px) {
    .top-tel, .format-penel ,.footnav{
        display: none;
    }
    .navbar-nav{ background: #f5f5f5;}
    .navbar-nav, .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li > a {
        width: 100%;
    }

    .dropdown ul {
        display: inline-block;
        width: 100%;
        padding: 10px;
    }

    .dropdown ul li a {
        display: inline-block;
        padding: 5px;
        line-height: 20px;
    }

    .xx-banner .textb {
        font-size: 14px;
        top: 25%; line-height: 22px; left: 20%;
        width: 60%; margin: 0 auto;
        letter-spacing: 1px;
    }

    .xx-banner .textd {
        font-size: 12px;
        top: 40%;
    }

    .xx-banner .texta {
        padding: 10px 28%;
    }
    .about-en,.about-cn{ font-size: 24px;}
    .about-tit{ padding: 10px; padding-top: 10px;}
    .ryzz-fanye{left: 0}
    .ryzz-fanye .ryzz-next{right: 10px; z-index: 5}
    .ryzz-fanye .ryzz-prev{ left: 10px; z-index: 5}
    .navbar-yb{ padding: 0;}
    .gsjjbody{ padding: 5px;}
    .cjimg{ height: 260px;}
    .pagemore{ margin-top: 0px; padding: 5px;}
    .footpage{ padding: 10px;}
    .search-wrap .search-text{ width: 78%;}
    .page-ny-nav.ny-left .ny-nav-ul li{ width: 24%;}
    .news-div{ padding: 0;}
    .recruit-main{ min-width: 100%;}
    .recruit-main .lists .penel .open-close{ width: 30px; line-height: 44px;}

}

/*public*/
.fenyeys{ float:left; width:100%; display: inline-block; padding: 20px 10px; text-align:center;  font-size: 12px; font-family: "微软雅黑";}
.fenyeys span{  margin:2px 6px; border-radius:25px;  padding:5px 10px; background:#00a6e9; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:5px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#00a6e9;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}

/*客服*/
.side{  height:170px;position:fixed;bottom:0px; right:0px;  top: 0px;   margin:auto auto;z-index: 1000; margin-top: 10%;}
.side-ul>li{ position: relative;  margin-bottom: 10px; }
.side-ul>li:last-child{ border-bottom: none;}
.side-ul>li>a{  color:#fff ; display: block; width: 50px; height:50px; background: #00a6e9;   border-radius: 5px 0px 0px 5px;}
.side-ul>li>a > .iconfont{ font-size: 25px;line-height: 50px; }
.side-ul>li:hover a{
    background:#00a6e9;
}
.side-ul>li:hover>a{  color:  #404040;}
.side-ul>li>a .kuang1,.side-ul>li>a .kuang2,.side-ul>li>a .kuang3{ ;position: absolute; right: 50px; top: 0px; display: none;opacity: 0;width: 200px; background: #00a6e9 ; padding: 13px; color: #fff;border-radius: 5px;}
.side-ul>li.qq:hover>a .kuang1{ display: block; opacity: 1;}
.side-ul>li.weixin:hover>a .kuang2,.side-ul>li.weixin:hover>a .kuang2:hover{ display: block; opacity: 1; top:60px;}
.side-ul>li.dianhua:hover>a .kuang3{ display: block; opacity: 1;  top: 0px;}


.ny-r-c{display: inline-block; width: 100%;}

.p0{ padding-left: 0px; padding-right: 0px;}
.pl0 {	padding-left:0;}
.pr0 {	padding-right:0;}
.p8{padding-right: 8px;
    padding-left:8px;}
.ml0 {	margin-left:0 ;}
.mr0 {	margin-right:0;}
.ml100 {	margin-left:100px ;}
.fl {	float: left;}
.fr {	float: right;}
.w100 {	width: 100%;}
.mt10 {	margin-top: 10px !important;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt6 {	margin-top: 6px;}
.mt60 {	margin-top: 60px;}
.tac {	text-align: center;}
.pb10 {	padding-bottom: 10px;}
.borderb1 {	border-bottom:1px solid #d4d4d4;}
.rela{position: relative}
.ba-f5f5f5{ background: #f5f5f5;}
h3 {margin:0;}
h4 {	margin:0;}
a {	text-decoration: none !important;}