/*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{padding: 20px ; margin-left: 40px;}
.navbar {border:0;margin:0;min-height: 0;border-radius: 0;}
.bootsnav{ background:  linear-gradient(rgba(0,0,0,7),rgba(0,0,0,0));; position: absolute; z-index: 99 ; width: 100%}
.container {padding:0;}
.navbar-yb{   margin-top: 0px;   padding: 0;  z-index: 99; padding-right: 0px;}
.dropdown-menu>li>a {text-align: center;line-height: 30px; color: #333;}
.navbar-yb .navbar-nav { display: inline-block; border: 0px; margin: 0px; margin-top: 30px;  padding: 0px; padding-right: 100px;}
.navbar-yb .navbar-nav>li>a{ display: inline-block; width: 100%; padding-bottom: 5px; color: #fff;  }
.navbar-default .navbar-toggle{ background: #0E64C5;width: 90px; height: 92px; margin-top: 0; top: 0; border-radius: 0;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color:transparent;
    color: #fff;
}
.navbar-right {
    float: right!important;
    margin-right: 0px;
}
.navbar-yb .navbar-nav>li.active,.navbar-yb .navbar-nav>li:hover{   color: #0E64C5; background: transparent; border-bottom: 0px solid #0E64C5;}
.navbar-yb .navbar-nav>li>a:focus, .navbar-yb .navbar-nav>li>a:hover,.navbar-nav .active{ background: transparent;   color: #fff;  padding-bottom: 5px;}
/*logo样式*/
.navbar-brand {	height: 100%;padding:0;}
/*导航a标签样式*/
.nav>li {	padding:6px 20px;margin-bottom: -5px;}
.nav>li>a {font-size: 14px; color: #4d4c4c;padding:0;font-size: 16px;color: #333 ;}
.navbar-nav>li>.dropdown-menu{background:  rgba(14,100,197,.8); border: 0px;transition: all 0s ease 0s;}
.navbar-nav>li>.dropdown-menu a{color: #fff;}
.navbar-nav>li>.dropdown-menu a:hover{color: #0E64C5}
.navbar-yb .navbar-nav>li.weix>a:focus, .navbar-yb .navbar-nav>li.weix>a:hover,.navbar-nav .active{border-bottom: 0;}
.navbar-nav>li.weix>.dropdown-menu{ min-width: inherit; padding: 8px;}
.navbar-nav>li.weix>.dropdown-menu img{width: 100px; max-width: inherit;}
/*banner*/
.swiper-container {  width: 100%;  height: 100%;  background:  rgba(14,100,197,.8)  }
.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: 60%;}
.ani-slide p{  transform:translateX(0);  opacity:1;  }
.swiper-pagination {  bottom: 10px;  left: 0;  width: 100%;  }
.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: #0365a6;   border-radius: 5px 0px 0px 5px;}
.side-ul>li>a > .fa{ font-size: 25px;line-height: 50px; }
.side-ul>li:hover a{
    background:rgba(14,100,197,.8);
}
.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: #0365a6 ; 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;}

.navbar-default .navbar-toggle .fa{ color: #fff; font-size: 30px; width: 30px; display: inline-block;
    clear: both; margin: 6px 0;}
.navbar-toggle{ border: 0px; padding: 4px 8px; position: absolute; right: 0;  margin-right: 0px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: rgba(14,100,197,.8); border: 0px;}
.navbar-default .navbar-toggle:focus  .icon-bar, .navbar-default .navbar-toggle:hover  .icon-bar{ background-color: #5B7FB1; }
.navbar-yb .navbar-nav>li.navlast{color: #fff; text-align: right; float: right;}
.navbar-yb .navbar-nav>li.navlast a{ color: #fff; margin: 0 6px; display: inline-block; width: auto;}
.ditunav{ display: inline-block;}


.sypage{ display: inline-block; width: 100%; padding: 50px 0;}
.ab-page{ background: url("../images/aboutimg.jpg") center no-repeat #fff;}

.page-tit{ display: inline-block; width: 100%; text-align: center; position: relative; }
.page-en{ font-size: 24px; text-transform:uppercase; color: #0365a6; font-weight: bold; display: inline-block; line-height: 50px;  }
.page-cn{ font-size: 24px; color: #0E64C5; display: inline-block; font-weight: bold;  }
.page-x{  display: inline-block; width: 40px; height: 2px ; background: #0365a6;}
.ab-con{ display: inline-block; width: 100%; margin-top: 20px; color: #666; line-height: 180%;}
.page-tita.page-titb{ text-align: center;}
.page-note{ font-size: 14px;  color: #666; display: inline-block; }
.page-tita .page-cn{ letter-spacing: 5px; font-size: 28px;}
.page-con{ font-size: 12px; color: #555; display: inline-block; width: 100%; padding: 20px; text-align: center; line-height: 25px;}

.yous-page{ display: inline-block; width: 100%; padding: 10px 10%; text-align: center;}
.yous{ padding: 30px 10px;}


.yous .ser-tit{ font-size: 5rem; font-weight: bold; color: #0075FF; line-height: 3rem; display: inline-block; margin-top: 10px; position: relative;}
.yous .ser-note{ font-size: 12px; line-height: 1.6rem; color: #666; width: 100%; margin-top: 10px;}

.yous .ser-tit small{ position: absolute; font-size: 16px; top: -4px; right: -15px; line-height: 20px;}

.pageb-more{ display: inline-block; width: 100%; text-align: center;}
.pageb-more a{ display: inline-block; padding: 5px 40px; border-radius: 100px; text-align: center; line-height: 40px; margin-top: 40px;
     color: #0075FF; border: 1px solid #0075FF; font-size: 24px; font-weight: bold;}
.pageb-more a:hover{ padding: 5px 50px; background: #0075FF; color: #fff;}
.syserpage{ width: 100%; padding: 40px 0; background: url("../images/serpagebj.jpg") #F8F9FA; background-size: cover;}
.syserl{width: 100%;  padding: 40px 0; padding-left: 15%;  height: 400px; position: relative; z-index: 4;}
.syserr{width: 100%;  padding: 40px 0; padding-left: 20%;  height: 400px; position: relative; z-index: 3}
.pagetitc{ width: 100%; margin-left: 26%; z-index: 5; border: 1px solid #fff; padding: 50px }

.pagetitc .page-cn,.pagetitc .page-note,.pagetitc .page-en{ color: #fff; text-align: left;}
.pagetitc .page-cn{line-height: 40px;}
.pagetitc .page-en{width: 100%; margin-top: 10px; line-height: 30px;}
.pagetitc .page-en small{ font-size: 14px; }
.pagetitc .page-note{line-height: 30px; width: 80%;}
.pagetitc .page-x{background: #fff;}

.server-div{ width: 100%;  text-align: left; display: inline-block; height: 110px; z-index: 97; position: relative;}
.server-div .ser-icon{width: 30%; float: left;}
/*.server-div:hover{  color: #fff; transform: scale(1.1); z-index: 99; box-shadow: 3px 3px 10px #333;}*/

div.col-md-4 .server-div:hover .ser-icon .iconfont{  transform:rotate(360deg);
    -webkit-transform:rotate(360deg);
    -moz-transform:rotate(360deg);
    -o-transform:rotate(360deg);
    -ms-transform:rotate(360deg);}
.server-div .ser-tit{ font-size: 16px; font-weight: bold; color: #fff; line-height: 3rem; margin-top: 20px;}
.server-div .ser-note{ font-size: 12px; color: #fff;}
.server-div .ser-ri{ width: 65%; float: right;}
.syser-ul{width: 100%;}
.syser-ul li{ border: 1px solid rgba(254,254,254,.2);}
.syser-ul li:nth-child(odd){ border-left: 0}
.syser-ul li:nth-child(even){ border-right: 0}
.syser-ul li:nth-child(1),.syser-ul li:nth-child(2){ border-top: 0}
.syser-ul li:nth-child(5),.syser-ul li:nth-child(6){ border-bottom: 0}

.ggpage{ background: url("../images/ggbj.jpg"); padding: 40px 0;}

.ggpagecon{ font-size: 40px; text-align: center; display: inline-block; width: 100%; line-height: 60px; color: #fff;}
.ggpagecon a{ color: #fff;}
.ggmore{ display: inline-block; width: 100%; padding: 20px; text-align: center; }
.ggmore a{ display: inline-block; padding: 10px 40px; position: relative; border-radius: 100px; color: #fff;}
.ggmore a:nth-child(1){ background: #0075FF; z-index: 2; margin-right: -20px;}
.ggmore a:nth-child(2){ background: #28458B; z-index: 1; margin-left: -20px; padding-left: 60px;}
.page-type{ display: inline-block; float: right  ; margin-top: 20px;}
.page-type a{ display: inline-block; padding: 5px 30px; background: #fff; margin: 5px; border-radius: 100px; line-height: 25px;}

.page-type a:hover,.page-type a.active{ background: #0075FF;  background-image: linear-gradient(to right, #085DB6 , #062C8B); box-shadow: 5px 5px 15px #ccc; color: #fff;}
.pagetitd{  padding: 20px 0; display: inline-block; padding-bottom: 10px;}
.pagetitd .page-cn{ color: #0075FF;}
.pagetitd .page-note{ display: inline-block; width: auto;  }


.news-ul{ display: inline-block; width: 100%; padding: 20px 0;}
.news-ul li{ margin-top: 16px; }
.news-foot{ display: inline-block; width: 100%; border-top: 1px solid #f5f5f5; padding: 30px 0;}
.news-time{ font-size: 14px;     font-weight: 800;    color: #0075FF; float: left}
.news-more{ display: inline-block; float: right;}
.news-more a{ display: inline-block; padding: 6px 20px; color: #0075FF;}
.news-more a:hover{ color: #fff; background: #0075FF; border-radius: 100px;}
.news-tit{ font-size: 14px; font-weight: bold;}
.news-note{ font-size: 12px; color: #666; margin-top: 0px; line-height: 20px; }

.news-note-h{ height: 60px; overflow: hidden;}
.news-img{ max-height: 180px; display: inline-block; overflow: hidden; width: 100%; padding: 0; border-radius: 0px;}
.news-img img{ width: 100%; min-height: 100%}
.news-body{ display: inline-block; width: 100%; padding: 6px 10px;}
.sy-news .news-body{ margin-top: -6px;}
.sy-news .news-img{ border-radius: 0;}
.news-div{ display: inline-block; width: 100%; padding: 6px 10px; border-bottom: 1px solid #f5f5f5;}
.sy-news .news-div{border-bottom: 0; margin-top: 20px;}
.news-ul li:hover .news-div{ box-shadow: 5px 5px 16px #ccc; background: #fafafa; border-radius: 0px;}
.news-tit a{  position: relative; padding-left: 15px; line-height: 30px; height: 30px; overflow: hidden; display: inline-block;}
.news-tit:hover a{ color: #28458B;}
.news-tit a:before{ content: ''; width: 10px ; background: #28458B; height: 2px; top: 50%; margin-top: -1px; left: 0; position: absolute;}
.news-ul li:hover .news-div .news-img img,.sy-news li:hover .news-div .news-img img{ transform: scale(1.1)}
.news-ul li:hover .news-div .news-tit a,.sy-news li:hover .news-div .news-tit a{ color: #28458B; padding-left: 18px;}
.news-ul li:hover .news-div .news-tit a:before{ content: ''; width: 20px ; background: #28458B; height: 2px; top: 50%; margin-top: -1px; left: 0; position: absolute;}
.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;}
.sy-news .news-tit a{ display: inline-block; width: calc(100% -  80px); line-height: 30px; height: 30px; overflow: hidden;}
.sy-news .news-tit a:before{ width: 5px; height: 5px; border-radius: 5px; background: #ccc;}
.sy-news .news-tit .news-time{ width: 70px; display: inline-block; float: right; text-align: center;}
.sy-news .news-tit:hover a:before{ background: #28458B}

.sy-news .news-tit:hover a{ color: #28458B;  font-weight: bold;}

.linkpage{ background: url("../images/linksbj.jpg"); margin-bottom: -6px;}
.hzhb-ul{ display: inline-block; width: 100%; text-align: center; padding: 10px;}
.hzhb-ul li{ width: 33%;  text-align: center;   margin-bottom: 5px; padding: 6px; float: left;  display: inline-block; transition: all .8s ease 0s}
.hzhb-ul li img{ width: 100%; cursor: pointer;}
.hzhb-ul li:hover img{animation:swing 1s infinite linear  }
.hzhb-r{ width: 100%; padding: 0px;}
.pagetitl{ width: 100%; z-index: 5;  padding: 10px 5%; }

.pagetitl .page-cn,.pagetitl .page-note,.pagetitl .page-en{ color: #fff; width:80%;  text-align: left;}
.pagetitl .page-cn{line-height: 40px;}
.pagetitl .page-en{width: 100%;  line-height: 30px;}
.pagetitl .page-en small{ font-size: 14px; }
.pagetitl .page-note{line-height: 25px; height: 75px; overflow: hidden; width: 80%;}
.pagetitl .page-x{background: #fff;}

.pagefoot{ display: inline-block ; width: 100%; padding: 20px 0; background: url("../images/footbj.jpg") center #fafafa;   position: relative;}
.pagetitl .ggmore{ text-align: left;}
.pagetitl .ggmore a:hover{ box-shadow: 3px 3px 10px #0075FF; padding: 10px 50px; }
.pagetitl .ggmore a:first-child:hover{ box-shadow: 3px 3px 10px #333; padding: 10px 50px; }
.footcen{ display: inline-block; width: 100%; }
.footimg{ display: inline-block; margin-top: 10px;  width: 100%; text-align: left; line-height: 30px;}
.footlogo{display: inline-block;  padding-left: 20px;}
.footimg a{ color: #fff; display: inline-block; padding: 6px 20px;}
.footimg a:hover{ color: #fff;}

.footewm{ display: inline-block; width: 100%; color: #ddd; margin-top: 10px; float: right; text-align: center; line-height: 30px;}
.footewm img{ height: 80px;}

.footk{ display: inline-block; width: 80%; margin-left: 10%; padding: 6px;}
.footk .footk-t{ font-size: 14px; font-weight: bold; color: #fff; display: inline-block;   padding-bottom: 10px; margin-bottom: 10px;}
.footk .footk-c{ font-size: 12px ; color: #fff;}


/*neiye*/
.page-ny-nav{ width: 100%; padding: 0; display: inline-block; background: #fafafa; border-bottom: 1px solid #ececec; }

.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 10px; display: inline-block; position: relative;  line-height: 22px; color: #555; font-weight: bold;   margin-top:0px;}
.ny-nav-ul li a:before{content: ""; position: absolute; top: 0px; display: none; height: 2px; width: 100%; background: #0E64C5; left: 0;}
.ny-nav-ul li a small{ width: 100%; display: inline-block; line-height: 20px; color: #ccc; font-size: 12px; font-weight: 300;}
.ny-nav-ul li a:hover,.ny-nav-ul li a.active,.ny-nav-ul li a:hover small,.ny-nav-ul li a.active small{ color: #0E64C5;}
.ny-nav-ul li a:hover:before,.ny-nav-ul li a.active:before{ display: inline-block;}


.breadcrumb{ background: transparent; font-size: 12px; color: #ccc;}
.breadcrumb a{ color: #ccc;}

.nypage{ display: inline-block; width: 100%; padding: 0;}
.nypageb{ padding: 40px 0;}

.abouttit{ width: 100%; height: 200px; padding: 50px 20%; text-align: center; position: relative;}
.abouttit .titen{ color: #0E64C5; line-height: 50px; font-size: 36px; width: 280px; text-align: right; display: inline-block; font-weight: bold;}
.abouttit .titcn{ display: inline-block; color: #666; font-size: 18px; width: 280px;   text-align: right; display: inline-block; position: relative;}
.abouttit .titcn:before{ width: 100px; right: 80px; top: 50%; position: absolute; height: 1px; background: #999; content:'';}
.abouttit:after{ position: absolute; content:''; right: 0; top: 50%;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 10px solid #0E64C5;
    border-bottom: 5px solid transparent;
}
.aboutimg{ width: 100%; height: 400px; overflow: hidden;}
.aboutimg img{ width: 100%; min-height: 100%;}
.aboutr{ width: 100%; background: #FFFFFF; padding: 50px; height: 600px;}
.aboutrtit{ display: inline-block; width: 80%;}

.aboutrtitcn{ float: left; font-size: 36px; color: #0E64C5; font-weight: bold; padding-right: 10px; line-height: 60px;}
.aboutrtiten{ float: left; font-size: 18px; color: #0d0d0d; width: 240px; line-height: 30px; border-left: 1px solid #fff; padding-left: 10px;}
.aboutr .ab-con{ display: inline-block; width: 100%; line-height: 25px; max-height: 300px; overflow: hidden; font-size: 14px; color: #0d0d0d;}
.aboutr .yous{ padding: 16px 10px;}
.aboutr .yous-page{ padding: 20px; text-align: left;}
.aboutr .ser-tit,.aboutr .ser-note{ color: #0E64C5;}
.fazlc{ display: inline-block; margin-top: 20px; width: 100%; overflow: hidden;}
.fazlc-div{ display: inline-block; background: #f5f5f5; padding: 40px 20px; border-bottom: 2px solid #0E64C5;}
.fazlc-tit{ display: inline-block; float: left; font-size: 24px; color: #0E64C5;}
.fazlc-tit a{ color: #0E64C5 }
.fazlc-titb{ display: inline-block; float: right; font-size: 18px; color: #333;}
.fazlc-note{ display: inline-block; width: 100%; line-height: 25px; height: 100px;
    overflow: hidden; float: left; margin-top: 20px; font-size: 14px; color: #666;}

.fazlc-div:hover{background: #0E64C5;box-shadow: 5px 5px 10px #999;}
.fazlc-div:hover .fazlc-tit a,.fazlc-div:hover .fazlc-titb,.fazlc-div:hover .fazlc-note{ color: #fff;}
.swiper-fazlc-prev{position: absolute; left: 50%; top: 100%; margin-left: -50px; color: #ccc; font-size:
        30px; border-radius: 100px; border: 2px solid #ccc; width: 40px; height: 40px; text-align: center; line-height: 35px;}

.swiper-fazlc-next{position: absolute; left: 50%; top: 100%; right: -50px; color: #ccc; font-size: 30px;
    border-radius: 100px; border: 2px solid #ccc; width: 40px; height: 40px; text-align: center; line-height: 35px;}
.swiper-fazlc-next:hover,.swiper-fazlc-prev:hover{ color: #fff; background: #0E64C5; border: 0;}

.fazpage{ padding: 40px 0; padding-bottom: 80px;}
.qywhpage{ background: url("../images/wyehbj.jpg"); height:240px; }

.page-titb .page-cn{ color: #fff}
.page-titb .page-x{ background: #fff}
.page-titb .page-note{color: #fff;}

.qywh-div{ background: #fff; box-shadow: 3px 3px 10px #ccc; display: inline-block; margin-top: 20px; width: 100%; padding: 10px;}
.qywh-body{display: inline-block; width: 100%; text-align: center; border: 1px solid #ddd; padding: 40px 20px; }
.q-cn{color: #0E64C5; font-size: 24px; font-weight: bold;}
.q-en{color: #999; font-size: 12px;}
.q-note{color: #555; font-size: 14px;}

.ryzzpage{ padding: 40px 0; padding-top: 100px;}

.ryzz{ display: inline-block; margin-top: 20px; width: 100%; overflow: hidden;}
.ryzz-div{ display: inline-block; background: #f5f5f5; text-align: center; padding: 20px 10px; padding-bottom: 10px; border: 2px solid #fff;}
.ryzz-tit{ display: inline-block;  font-size: 16px; line-height: 30px; height: 30px; overflow: hidden; color: #0E64C5;}
.ryzz-tit a{ color: #0E64C5 }

.ryzz-div:hover{border:2px solid #0E64C5; box-shadow: 5px 5px 10px #999;}
.ryzz-div:hover .fazlc-tit a,.fazlc-div:hover .fazlc-titb,.fazlc-div:hover .fazlc-note{ color: #fff;}
.ryzz-div:hover .ryzz-img img{ transform: scale(1.1) }
.swiper-ryzz-prev{position: absolute; left: -50px; top: 40%;  color: #ccc; font-size:
        30px; border-radius: 100px; border: 2px solid #ccc; width: 40px; height: 40px; text-align: center; line-height: 35px;}

.swiper-ryzz-next{position: absolute; top: 40%; right: -50px; color: #ccc; font-size: 30px;
    border-radius: 100px; border: 2px solid #ccc; width: 40px; height: 40px; text-align: center; line-height: 35px;}
.swiper-ryzz-next:hover,.swiper-ryzz-prev:hover{ color: #fff; background: #0E64C5; border: 0;}
.ryzz-swiper-pagination{ text-align: center; padding: 20px;}
.ryzz .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}

.ryzz .swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
}
.abnewspage{ padding: 40px 0; background: #f5f5f5;}
.abnewspage .ggmore a:first-child:hover{ box-shadow: 3px 3px 10px #333; padding: 10px 50px; }

.sx-banner{ width: 100%; position: relative;}

.page-titc{ position: absolute; z-index: 5; top: 50%; margin-top: -20px;}
.page-titc .page-cn{ font-size: 40px; color: #fff}
.page-titc .page-x{ background: #fff}
.page-titc .page-note{font-size: 20px; color: #fff;}

.news-xx{ display: inline-block; width: 100%; padding: 40px 20px; background: #fff; box-shadow: 3px 3px 10px #ccc}
.new-note{ color: #999;}
.nypage .page-con{text-align: left}
.lxwml{ background: #0E64C5; color: #fff; line-height: 30px; padding: 40px 20px;}
.lxwml .page-titb{text-align: left; padding-bottom: 10px; border-bottom: 1px solid #fff; margin-bottom: 10px;}


.mybtn{background: #0E64C5; color: #fff; font-size: 14px; line-height: 40px; width: 100%;}

.lxwmtel{ display: inline-block; width: 100%; padding: 0 20px }
.lxwmtel li{ display: inline-block; width: 100%;margin:0 auto; letter-spacing:1px;}
.lxwmtel li.tels{ font-size: 24px; font-weight: bold; }
.pagea-note{ font-size: 12px; color: #ccc; line-height: 20px;}
.lxwmpageb{ display: inline-block; width: 100%; margin-top: 20px; border-top: 1px solid #f5f5f5;}
.lxwmform{ display: inline-block; width: 100%; padding: 10px 10%;}
.lxwmform input{ line-height: 50px; height: 50px; border-radius: 0; }
.lxwmform textarea{ height: 160px; border-radius: 0;}

/*人才*/
.recruit-container {
    margin-bottom: 180px;
    width: 100%;
}
.recruit-main {
    width: 98%;
    margin-top: 20px;
}
.recruit-main .recruit-text {
    padding: 0 20px 20px;
    position: relative;
    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: #377BE3;
}
.recruit-main .recruit-text .send-btn a:hover {
    background-color: #377BE3;
}
.recruit-main .text {
    font-size: 14px;
    line-height: 25px; position: relative; top: auto; right: auto; width: 100%;
}
.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; background: #eee;
}
.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: #377BE3;
    -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: #377BE3;
    border-bottom: none;
}
.recruit-main .lists-title .penel {
    font-size: 18px;
}
.recruit-main .lists-title .penel span {
    color: #fff;
}




















@media (max-width: 1366px) {
    .navbar-yb .navbar-nav{ padding-right: 40px;}
    .navbar-yb .navbar-nav>li.navlast  .ditunav{display: none; }
}

@media (max-width: 768px) {
    .page-tita .page-cn{ letter-spacing: 1px;  font-size: 24px;}
    .pagetitc{ margin-left: 0px;}
    .syserl{ padding-left: 20px; padding-right: 20px;}
    .pagetitc .page-cn, .pagetitc .page-note, .pagetitc .page-en{width: 100%;}
    .ggpagecon{ font-size: 24px; padding: 20px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form,.navbar-yb .navbar-nav{ width: 100%;}
    .dropdown ul{ background: rgba(254,254,254,.6)}
    .dropdown ul li a{ color: #fff; line-height: 30px;}
    .navbar-yb .navbar-nav{ padding-right: 20px;}
    .navbar-default .navbar-toggle{ width: 60px; height: 60px;}
    .bootsnav {
        background: linear-gradient(rgba(0,0,0,7),rgba(0,0,0,0.7)); position: relative;
    }
    .navbar-yb .navbar-nav>li.navlast{ float: left; text-align: left;}
    .pageb-more a{ margin-top: 10px; padding: 5px 20px; font-size: 18px;}
    .syserr{padding-left: 10px; height: auto}
    .server-div{ height: 70px;}
    .server-div .ser-tit{ margin-top: 5px;}
    .syser-ul .col-md-6{ width: 49%; float: left;}
    .page-type{ text-align: center; width: 100%}
    .page-type a{ padding: 5px 20px; border: 1px solid #eee;}
    .footimg{ margin-top: 40px;}
    .footimg a{ display: none}
    .page-titc .page-cn{font-size: 20px;}
    .page-titc .page-note{ font-size: 14px;}
    .page-titc{ margin-top: -40px;}
    .aboutr{ padding: 10px; height: auto;}
    .aboutr .yous-page{ padding: 0;}
    .page-note{ padding: 0 20px;}
    .ryzz-div { width: 100%;}
    .swiper-ryzz-next{ right: 10px; z-index: 6;}
    .swiper-ryzz-prev{left: 10px; z-index: 6}
    .format-penel,.txt-penel{ display: none;}
    }

/*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:#0E64C5; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:5px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#0E64C5;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}


.ny-r-c{display: inline-block; width: 100%;}
.nypage img{ max-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;}
.bg-f5f5f5{ background: #f5f5f5}
.rela{position: relative}
.ba-f5f5f5{ background: #f5f5f5;}
h3 {margin:0;}
h4 {	margin:0;}
a {	text-decoration: none !important;}