/*初始化*/
@charset "utf-8";
ul,li,h1,h2,h3,h4,h5,h6, :after, :before {margin: 0;padding: 0;font-style: normal;list-style: none}
body, html {width: 100%;height: 100%;background:#fff;margin: 0;padding: 0;font-style: normal;list-style: none}
body {font-size: 14px;color: #666;font-family: "Microsoft YaHei", SimSun, "Helvetica Neue", Arial, Helvetica, sans-serif;}
a {color: #666;text-decoration: none;cursor: pointer;outline: 0;transition: all .3s}
a:active {outline: 0}
a:hover {outline: 0;color: #2e4e99;text-decoration: none}
table {border-collapse: collapse;border-spacing: 0;margin: auto}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: 400}
em, i {font-style: norm}
img {max-width: 100%;}

@media screen and (min-width:1200px){
    

/*顶部*/
.topbanner{width:100%;height:60%;display:block;}
.topbanner img{width:80%;display:block;height:100%;margin: 0 auto;}
header{width:100%;height:160px;display:block;background:url(/skin/images/bj.png);background-size: 2%;}
header div{width:100%;margin:0 auto;max-width:1200px;}
header div .div1{width:100%;height: 160px;float:left;}
header div .div1 img{
   width: 100%;
    height: 120px;
    margin: 20px;
}
header .top_m{display:none;}
header  .top img {
    width: auto;
   height: 140px;
}
header div .div2{width:700px;height: 160px;float:left;text-align: center;}
header div .div2 img{
        height: 120px;
    margin-top: 3%;
}
header div .div2 ul{margin: 28px 0 0 50px;}
header div .div2 li{font-size: 20px;line-height: 34px;}
header div .div3{width: 300px;float: right;font-size: 38px;text-align: right;color:#2e4e99}
header div .div3 span{font-size:18px;}
header div .div3 img{position: relative;left: 10px;top: 10px;}
/*导航*/


/*banner*/
.banner1{width:100%;height:730px;background:#ccc}
.swiper-slide {
    width: 100% !important;
}
body .banner .swiper-slide{height:100%;}
.server .follow-wrap {
  /*background: url(/skin/images/followbg1.jpg) no-repeat center center;*/
  background-size: cover;
  max-width: 1200px;
  margin: 0 auto;
  display: block;
}
.server .follow-wrap .title-line {
  text-align: center;
  margin-top: 35px;
}
.server .follow-wrap .title-line .entit {
  font-size: 14px;
  color: #fff;
  text-transform: uppercase;
  opacity: .5;
  height: 30px;
}
.server .follow-wrap .title-line .chtit {
  margin-top: -5px;
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  height: 40px;
}
.server .follow-wrap .follow-con {
  margin-top: 95px;
  position: relative;
}
.server .follow-wrap .follow-con .flist {
  padding: 0 10px 20px;
}
.server .follow-wrap .follow-con .flist .icon {
  text-align: center;
}
.server .follow-wrap .follow-con .flist .con {
  margin-top: 25px;
  text-align: center;
  color: #fff;
}
.server .follow-wrap .follow-con .flist .con .tit {
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
}
.server .follow-wrap .follow-con .flist .con .cn {
  margin-top: 5px;
  font-size: 1rem;
  line-height: 25px;
  height: 100px;
  overflow: hidden;
}
.server .follow-wrap .follow-con .fline {
  position: absolute;
  margin-top: -20%;
  width: 100%;
  text-align: center;
}
.server .col-md-13 {
    width: 20%;
    float: left;
}
.footer .col-md-3 {
    width: 25%;
}
/*foot**/
body .footer {
  background: #404856;
  padding-bottom: 0;
}
 .footer .f1box {
  height: 50px;
  border-bottom: 1px solid #008681;
}
 .footer .f1box .link-ul{
     max-width: 1200px;
     margin: 0 auto;
 }
.footer .pic{
    text-align: center; 
 }
 .footer .f1box .link-ul .list {
  display: inline-block;
  float: left;
  width: 11%;
}
.footer .f1box .link-ul .list:first-child {
  background: no-repeat;
}
.footer .f1box .link-ul .list a {
  line-height: 50px;
  text-align: center;
  display: block;
  font-size: 1.8rem;
  color: #fff;
}
 .footer .f2box {
  border-top: 1px solid #00ded6;
  color: #666;
}
 .footer .f2box .fbox1 {
  padding: 25px 0;
}
 .footer .f2box .fbox1 .flogobox {
  padding: 10px 0;
}
 .footer .f2box .fbox1 .flogobox .pic img {
  max-width: 60%;
}
 .footer .f2box .fbox1 .flogobox .con {
  margin-top: 20px;
  font-size: 1.2rem;
  color: #6d6d6d;
  line-height: 25px;
}
 .footer .f2box .fbox1 .cconbox {
  padding: 10px 0;
}
 .footer .f2box .fbox1 .cconbox .cbox .ccon p {
  font-size: 1.4rem;
  margin-bottom: 0;
  line-height: 30px;
  color: #fff;
}
 .footer .f2box .fbox1 .cconbox .cbox .ccon p a{color:#fff;}
 .footer .f2box .fbox1 .cconbox .ewmbox {
  text-align: center;
}
 .footer .f2box .fbox2 .copyright {
  padding: 15px 0;
  text-align: center;
  font-size: 1.2rem;
  color: #fff;
  text-transform: uppercase;
  line-height: 20px;
}


.container{background: #fff;overflow: hidden;}
.container .menu{width: 20%;overflow:auto;float: left;height: 100%;/* border-right: 1px solid #aaa; */background: #f5f5f5;color: #fff;}
/*position 菜单背景图标*/
.positionIicon{display: inline block;width: 32px;height: 32px;margin: 0px 4px;float: left;margin-right: 10px;}
.container .menu h3{font-size: 20px;cursor: pointer;padding: 8px 0;background: linear-gradient(top, #6694ff, #2e4e99);background: -ms-linear-gradient(top, #6694ff, #2e4e99);background: -webkit-linear-gradient(top, #6694ff, #2e4e99);background: -moz-linear-gradient(top, #6694ff, #2e4e99);}
.container .menu ul{display: none;overflow: hidden;}
.container .menu ul li{float: left;width: 44%;height: 120px;padding: 2%;}
.menu img{width:100%;height:100px;}
.container .menu .selected{background: #ccc;border-radius: 14px;}
.container .content{width: 80%;height: 730px;float: left;}
.container .content{width: 80%;height: 730px;float: left;}
.container .content .get-menu{margin-left: -10px;}
.container .content .get-menu a{display: inline-block;font-size: 15px;height: 40px;}
.container .content .get-menu span{display: inline-block;height: 40px;margin-left: -110px;}
.container .content .menu1 .tab {display: none;}
.container .content .menu1 .tab img{
    height: 100%;
}
.container .content .menu1 .active{display: block;}
.container .content .menu1 .tab p{font-size: 14px;line-height: 20px;color: rgba(0,0,0,1);word-break:break-all;}
.container .content .menu1 .tab .tt{font-size: 14px;font-weight: bold;}
.container .content .menu2 .tab {display: none;}
.container .content .menu2 .active{display: block;}
.container .content .menu3 .tab {display: none;}
.container .content .menu3 .active{display: block;}
.container .content .menu4 .tab {display: none;}
.container .content .menu4 .active{display: block;}
.container .content .menu5 .tab {display: none;}
.container .content .menu5 .active{display: block;}
.container .content .menu6 .tab {display: none;}
.container .content .menu6 .active{display: block;}
.container .content .menu7 .tab {display: none;}
.container .content .menu7 .active{display: block;}
.container .content .menu8 .tab {display: none;}
.container .content .menu8 .active{display: block;}
.menu::-webkit-scrollbar {/*滚动条整体样式*/width: 4px;/*高宽分别对应横竖滚动条的尺寸*/height: 4px;scrollbar-arrow-color:red;}
.menu::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: rgba(0,0,0,0.2);scrollbar-arrow-color:red;}
.menu::-webkit-scrollbar-track {/*滚动条里面轨道*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background: rgba(0,0,0,0.1);}
/*推荐案例*/
body .tjal{height: 560px;width:100%;background:#e8e8e7;}
.tjal .tjal_cen{margin:0 auto;width:100%;max-width:1200px;}
.tjal_t{height: 100px;font-size: 20px;line-height: 50px;border-bottom: solid 1px #fff;color: #2e4e99;background: #fff;}
.tjal_t ul{float:right;margin-right: 20%;}
.tjal_t ul li{float: left;height: 100px;line-height: 100px;font-size: 18px;margin: 0 10px;}
.tjal .tjal_c{width:100%;margin-top: 2%;}
.tjal .tjal_c .tjal_c_img{
    width: 22%;
    margin-top: 23px;
    margin-left: 10px;
}
body .tjal .tjal_c .tjal_c_div{
    position: relative;
    width: 72%;
    padding: 0 2px 0 6px;
    margin-left: 24.9%;
    background: #eeeeec;
    color: #4d4d4d;
    margin-top: -27%;
    height: 130px;
    text-align: left;
    display: block;
}
body .tjal .tjal_c .tjal_c_div h3{
    text-align: left;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 15px;
    height: 30px;
    line-height: 30px;
}
body .tjal .tjal_c .tjal_c_div p{
    text-align: left;
    font-size: 12px;
    line-height: 24px;
    display: block;
}

.tjal .tjal_l p{line-height:30px; height:30px;font-size: 18px;color:#4d4d4d;}
.tjal .tjal_l h3{height: 50px;
    line-height: 50px;
    padding-top: 4%;
    padding-bottom: 6%;
    font-size: 30px;}
.tjal_l{
    width: 100%;text-align: center;
}
.tjal .tjal_l_img{display:none;}
.tjal .tjal_l_img .chang {width: 50px;
    border-bottom: 3px #000 solid;
    margin: 0 auto;
    height: 5px;}
.tjal .tjal_l_img .duan{
    width: 35px;
    border-bottom: 3px #000 solid;
    margin: 0 auto;
    height: 5px;
}    
body .tjal .tjal_c li{
    width: 31%;
    height: 150px;
    float: left;
    margin: 1.1%;
    overflow: hidden;
    text-align: center;
    border-radius: 10px;
    background: #eeeeec;
}
body .tjal .tjal_c li img{width:100%;border-radius:5%;}
.tjal_c li a{color:#fff;}
.tjal_c li a h3{font-size:16px;}
/*.tjal_c li:hover{-webkit-filter: drop-shadow(0px 0px 8px #ccc);filter: drop-shadow(0px 0px 8px #ccc);background:#af823d;}*/
/*运行理念*/
body .yyln{margin:50px 0;clear: both;height: 620px;}
.yyln .yyln_h{    margin: 0 auto;
    text-align: center;
    width: 100%;height: 20%;}
.yyln .yyln_h p{
    height: 25px;
    border-bottom: 1px #000 solid;
    width: 30%;
    line-height: 12px;
    float: left;
}
.yyln .yyln_h h3{
    height: 50px;
    line-height: 50px;
    width: 40%;
    float: left;
    font-size: 40px;
    color: #0f5d7a;
}
.yyln_cen{margin:0 auto;width:100%;max-width:1200px;}
.yyln_cen .yyln_l{float:left;width:40%;margin-left: 10%;display:block;}
.yyln .yyln_cen .yyln_t{float:left;width:40%;text-align:left;margin-left: 5%;}
.yyln .yyln_t_d{
    height: 100%;
    margin: 4% 0;
    border-bottom: 1px #ccc dashed;
}
.yyln .yyln_t_d h4{
    border: 1px #0f5d7a solid;
    width: 10%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    color: #0f5d7a;
}
.yyln .yyln_t_d p{
    line-height: 30px;
}
.yyln .yyln_t b{font-size:36px;color:#000;}
.yyln .yyln_t span{font-size:18px;color:#2e4e99;line-height: 45px;}
.yyln_t div{font-size:18px;}
/*公司简介*/
.gsjj{height:570px;padding:50px 0 0;background:#f5f5f5}
.gsjj_cen{margin:0 auto;width:100%;max-width:1200px;}
.gsjj .gsjj_t{margin: 0;
    margin-left: 4%;
    font-size: 20px;
    text-align: center;
    width: 40%;
    float: left;
}
.gsjj .gsjj_t img{margin:0 auto 5%;}
.gsjj .gsjj_c{
    font-size: 14px;
    line-height: 33px;
    float: left;
    width: 46%;
    height: 68%;
    margin-left: 4%;
    margin-top: 1%;
    
}
.gsjj .gsjj_c p{
    width: 11%;
    float: right;
    text-align: center;
    background: #215d7a;
    color: #ffffff;
    font-size: 14px;
    margin-right: 1%;
}
.gsjj_c img{float: left;margin: 0 25px;}
.gsjj .gsjjimg{height:100%;margin-top:6%;}
.gsjj .gsjjimg img{
        float: left;
     margin: 0;
    width: 32%;
    height: 80px;
    margin-top: 30px;
    margin-right: 1%;
}
.gsjj .gsjj_l{width:100%;clear:both;margin-top:5%;display:block;}
.gsjj .gsjj_l ul{width:100%;}
.gsjj .gsjj_l li{float:left;width:23%;text-align:center;}
.gsjj .gsjj_l li p{height:30px;line-height: 30px;}
.gsjj .gsjj_l .p1{height:80px;line-height: 80px;}
.gsjj .gsjj_l li .h61{
    position: relative;
    right: 87px;
    top: -60px;
    width: 5%;
    float: right;
    color: #24598f;
}
.gsjj .gsjj_l li .h62{
    position: relative;
    right: 94px;
    top: -60px;
    width: 5%;
    float: right;
    color: #24598f;
}
.gsjj .gsjj_l li .h63{
    position: relative;
    right: 76px;
    top: -60px;
    width: 5%;
    float: right;
    color: #24598f;
}
.gsjj .gsjj_l li p font{
    color: #24598f;
    font-size: 40px;
    
}
/*预约建设*/
.yyjs{height:690px;padding-top:50px;}
.yyjs_cen{margin:0 auto;width:100%;height:100%;max-width:1200px;}
.yyjs_t{text-align:center;}
.yyjs_cen .yyjs_t b{font-size:30px;color:#0f5d7a;}
.yyjs_cen .yyjs_t span{font-size:14px;color:#95989a;line-height: 45px;}
.yyjs .tab {width: 100%;height:100%;margin: 30px auto;}
.yyjs .tab-title {
    height: 77%;
    font-size: 0;
    width: 20%;
    float: left;
    margin: 0;
    margin-right: 5%;
    border: 5px #000 solid;
    background: #fff;
}
.tab-title .tab-title_v{
    position: relative;
    left: 15%;
    height: 100%;
    padding: 15%;
    text-align: left;
}
.yyjs .tab-title .item_none {
    display: block;
}
.tab-title .item {display: inline-block;margin: 0 4.6px;text-align: center;color: #fff;font-size: 14px;border: solid 1px #ccc;
        width: 130%;
    margin: 0 4.6px;
    height: 35px;
    line-height: 35px;
    background: #383839;
}
.yyjs .yyjs_con:nth-child(1) {
    height: 480px !important;
    width: 30%;
    display: block;
}
.tab-title .item  img{
        display: block;
    float: left;
    height: 30px;
    margin-top: 3px;
    margin-left: 17%;
}
.tab-title .item-cur {color: #fff;background-color: #0f5d7a;}
.yyjs .tab-cont {
        width: 75%;
    /*height: 590px;*/
    clear: none;
    float: left;
}
.tab-cont__wrap {width:100%;}
.tab-cont .item {text-align: center;color: #fff;}
.tab-cont__wrap .yyjs_con{width:31%;height: 230px;margin-left:1%;float: left;margin-bottom: 20px;}
.tab-cont__wrap .yyjs_con img{width:100%;height:100%}
.tab-cont__wrap .yyjs_con div{background: #0f5d7a;height: 40px;line-height: 40px;position: relative;top: -40px;color:#fff;text-decoration: none;}
.tab-cont__wrap .yyjs_con span{position: relative;color: #2e4e99;top: -25px;border: solid 1px #2e4e99;padding: 10px 20px;}
.tab-cont__wrap .yyjs_con span:hover{background:#2e4e99;color:#fff;}
.tab-cont__wrap .yyjs_con a {
    /*display: block;*/
    /*background: none;*/
    /*color: #fff;*/
    /*height: 30px;*/
    /*line-height: 30px;*/
}

body .server{
    text-align: center;
    clear: both;
    background: url(/skin/images/followbg1.jpg) no-repeat center center;
    background-size: cover;
    padding: 10px 0;
    width: 100% !important;
    max-width: 100%;
    margin: 0 auto;
    height: 520px;
}
body .servert img{
       height: 55px;
    width: 20%;
    margin: 1% 0;
}
body .serverb{
    width: 100%;
}
body .serverb img{height:20px;}
body .serverc{
   width: 100%;
    margin-top: 2%;
    margin-bottom: 2%;
}
body .serverc li{
    width: 30%;
    margin-right: 3%;
    margin-bottom: 3%;
    margin-left: 0;
    float: left;
    height: 80px;
}
/*新闻资讯*/

body .xwzx{height:540px;padding-top:50px;background:#f5f5f5;margin-bottom: 0;}
.xwzx_cen{margin:0 auto;width:100%;max-width:1200px;}
.xwzx_t{text-align:center;}
.xwzx_t b{font-size:36px;color:#000;}
.xwzx_t span{font-size:18px;color:#2e4e99;line-height: 45px;}
.xwzx_c{margin-top:20px;width:55%;float:left;margin-left:5%;}
.xwzx_cen .xwzx_l{width:40%;float:left;margin-top:27px;}
.xwzx_cen .xwzx_l .xwzx_l_content{height:80px;background:#fff;}
.xwzx_cen .xwzx_l .xwzx_l_content h2{font-size:18px;height:30px;line-height:50px;text-indent: 20px;}
.xwzx_cen .xwzx_l .xwzx_l_content p{height:30px;line-height:30px;text-indent: 20px;}
.xwzx_cen .xwzx_c li{width:100%;margin:1%;background:#fff;height:80px;line-height:80px;float:left;padding-right: 1%;overflow:hidden;}
.xwzx_cen .xwzx_c li span{font-size: 18px;width: 20%;display: block;text-align: center;float: left;line-height: 26px;margin-top: 10px;border-right: solid 1px #ccc;}
.xwzx_cen .xwzx_c li a{font-size: 18px;width: 76%;display: block;float: right;}
.xwzx_cen .xwzx_c li:hover{color:#2e4e99}
/*底部*/
body footer{width:100%;background:#2e4e99;display:block;}
footer .foo_cen{margin:0 auto;padding: 25px 0;width:100%;text-align: center;color: #fff;max-width:1200px;}
footer .foo_cen p {margin:10px 0;}
footer .foo_cen ul{overflow: hidden;}
footer .foo_cen ul li{    float: left;
    width: 12%;
    height: 36px;
    line-height: 36px;
    color: #ccc;}
footer .foo_cen ul li a{color: #fff;font-size: 16px;padding: 0 4px;}
footer .foo_cen a{color:#fff}
footer .foo_cen a:hover{}

.bottom{display:none;}

/*汉蕴动态*/
body .news,.wd{ width:54%; padding:0; font-size:0;float: left;}
body .news_t{ height:44px; background:url(/skin/images/news_tbg.gif) no-repeat 0 0; line-height:44px;overflow: hidden;}
body .news_t ul li{ float:left;}
body .news_t ul li a{ font-size:18px; color:#fff; font-weight:bold; display:block; width:166px; height:44px; line-height:44px; text-align:center;}
body .news_t ul li.cur a,.news_t ul li a:hover{ color:#fff; background:#0f5d7a;}
body .news_t span,.wd_t span{ float:right; padding:0 15px 0 0;}
body .news_t span a,.wd_t span a{ font-size:14px; color:#fff;font-weight: bold;}
body .news dl{ width:655px; padding:18px 0 15px; display:inline-block; overflow:hidden;}
body .news dt{ width:334px; float:left;margin-left:0;}
body .news dt img{ width:334px; height:173px;}
body .news dd{ float:left; overflow:hidden; width:300px; padding:25px 0 0 15px;margin-left:0;}
body .news dd h5{ height:30px; line-height:30px; overflow:hidden;}
body .news dd h5 a{ font-size:16px; color:#2c56a3;}
body .news dd p{ font-size:14px; color:#666; height:50px; line-height:25px; padding:0;overflow: hidden;}
body .news dd span{ display:block; padding:15px 0 0;}
body .news dd span a{font-size: 12px;color: #fff;display: block;width: 50px;height: 20px;text-align: center;line-height: 20px;background: #0f5d7a;overflow: hidden;}
body .news_m ul{ width:655px; display:inline-block; overflow:hidden;}
body .news_m ul li{ height:34px; line-height:34px; border-bottom:#c4c4c4 1px dashed; overflow:hidden; background:url(/skin/images/news_ico.gif) no-repeat 0 17px; width:300px; float:left; margin:0 27px 0 0;}
body .news_m ul li a{ font-size:14px; color:#666; padding:0 0 0 15px;}
body .news_m ul li a:hover,.wd dt a:hover{ color:#2c56a3;}

/*常见问题*/
body .wd{ width:44%;float: left;margin-left:1%;}
body .wd_t{ background:url(/skin/images/wd_tbg.gif) no-repeat;height: 44px;line-height: 44px;overflow: hidden;}
body .wd_t a{font-size: 16px;color: #fff;font-weight: bold; padding:0 0 0 15px;}
body .wd dl{ width:522px; height:110px; border-bottom:#c7c7c7 1px dashed; padding:15px 0 0;overflow: hidden;}
body .wd dt{ background:url(/skin/images/wen.gif) no-repeat 0 2px; padding-left:30px; height:25px; line-height:25px; overflow:hidden;}
body .wd dt a{ font-size:14px; color:#666; font-weight:bold;}
body .wd dd{ font-size:14px; color:#666; background:url(/skin/images/da.gif) no-repeat 0 5px; padding:0 0 0 30px; line-height:24px; height:72px; overflow:hidden;}

.server .server_img img{display:none;}

}


@media screen and (max-width:1200px){
	
	
/*手机端自适应*/
header{height:110px;width:100%;}
header div{width:100%;margin:0 auto;}
header img{width:8rem;height:6.5rem;}
header .div2{position: relative;top: -81px;left: 120px;}
header .div2 li{width:100%}
header .div3{display:none;}
.nav{width:100%;}
.nav_cen{background: #2e4e99;height: 42px;line-height: 42px;padding: 0 1.5%;}
.nav_cen a{color: #fff;width: 5.5%;display: block;float: left;}
.banner1{display:none;}
.tjal {
    height: 750px;
    width: 100%;
    background: #45403d;
}
.tjal_t {
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    border-bottom: solid 1px #fff;
    color: #2e4e99;
    background: #fff;
}
.tjal_c {
    background: #665c55;
}

/*推荐案例*/
.tjal{height:750px;width:100%;}
.tjal .tjal_cen{margin:0 auto;}
.tjal_t{height: 50px;font-size: 20px;line-height: 50px;border-bottom: solid 1px #fff;color: #2e4e99;}
.tjal_t ul{float:right;}
.tjal_t ul li{float: left;height: 50px;line-height: 50px;font-size: 16px;margin: 0 10px;}
.tjal_c li{width:15%;height:130px;float:left;margin:1.1%;overflow:hidden;}
.tjal_c li img{width:100%;height:280px;border-radius:5%;}
.tjal_c li:hover{-webkit-filter: drop-shadow(0px 0px 8px #ccc);filter: drop-shadow(0px 0px 8px #ccc);}

}<!--0.00018119812011719-->