@charset "utf-8";

#header{ height: 130px; position: fixed; z-index: 999; width: 100%; left: 0; background: #fff; border-bottom:  1px solid #E7E7E9}
#header .main_box{position: relative; z-index: 98;} 

#top_bar{ border-bottom: 1px solid #e7e7e9; height: 55px; line-height: 55px; vertical-align: middle;}

.top_padding{ padding-top: 130px;}

#top_tel{height:55px; line-height:55px; font-size: 14px; color: #363638; position:absolute; right:60px; top:0px;  padding-left:20px; background:url(../images/icon_top_tel.png) left center no-repeat; }
#top_tel strong{font-size:18px; font-weight: 400; color:#31353a; }

#bnt_top_search_box{ position:absolute; right: 0px; top:0px; z-index: 9;        height:55px; line-height:55px; background: url(../images/line_top.png) left center no-repeat;}
#bnt_top_search{ display: block;  width: 20px; padding-left: 20px;   height:55px; line-height:55px;   background:url(../images/icon_top_search.png) right center  no-repeat; }
#bnt_top_search:hover{background:url(../images/icon_top_search_hover.png) right center no-repeat;}
 
#logo { position: absolute; top: 15px; left: 0; background: #fff; padding:0 10px;}
#logo a img{ vertical-align:middle;}

 
#top_search_box{position:absolute; top:43px; right:0px; height:30px; z-index:99; width: 258px; border: 1px solid #e5e5e5;  }
#top_search_box form{display:block; position:relative;  height:30px; width: 253px;}
#top_search_box  input{display: block;background: none;border: none;}
#top_search_box .text{width: 180px; height: 30px;line-height: 30px;font-size: 12px;color: #545454;margin-left: 13px;}
#top_search_box .submit{width: 40px; position:absolute; right:0; top:0; cursor:pointer; height: 30px;margin-left: 5px; background:url(../images/icon_sharch.png)  center  no-repeat;}
#top_search_box .submit:hover{   }
#top_search_box:hover{  }
 
 
/*头部搜索*/
#j_seach_box{position:fixed;z-index:9999;top:0;left:0;display:none;height:100%;width:100%}
#j_seach_box .bg_box{position:fixed;z-index:9994;top:0;display:none;height:100%;width:100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#D8000000', endColorstr='#D8000000');background:rgba(0,0,0,.85)}
#j_seach_box form{position:absolute;border-radius:4px;overflow:hidden;top:50%;z-index:9999;background:#fff;height:80px;width:60%;left:20%; margin-top:-40px;-moz-transform:scale(.8);-o-moz-transform:scale(.8);-o-moz-transform:scale(.8);-webkit-moz-transform:scale(.8);transform:scale(.8)}
#j_seach_box input[type=text]{border:none; width: 100%;  display:block;height:80px;text-align:center;color:#434343;font-size:16px;background:0 0;line-height:80px;padding:0 20px}
#j_seach_box input[type=text]:focus{text-align:left}
#j_seach_box input[type=submit]{position:absolute;right:0;top:0;padding:0;z-index:2; height:80px;width:80px; line-height: 83px; cursor:pointer;border:none; background: none; font-size: 3.4rem; color: #676767}
#j_seach_box input[type=submit]:hover{color: #1ea78a; }
#j_seach_box form.on{-moz-transform:scale(1);-o-moz-transform:scale(1);-o-moz-transform:scale(1);-webkit-moz-transform:scale(1);transform:scale(1)}

 
/*=================导航=================*/
#nav{position:absolute;top:77px;right:-35px;}
#nav ul{ }
#nav li{display:block;display:inline-block; padding: 0 33px; min-width:30px;position:relative; background: url(../images/line_nav.png) left top no-repeat;}
#nav li:first-child { background: none;}
#nav li .a{display:block;text-align:center; position: relative;  height: 53px;}
#nav li .a h1{line-height: 16px; height: 16px; font-size:16px;color:#484849;text-align:center;display:block;margin-bottom:5px;position:relative;z-index:2; }
#nav li .a strong{font-size:12px; line-height: 14px; text-transform: uppercase; display:block;color:#bdc0c2;  text-align:center;position:relative;z-index:1}
#nav li .a span{position:absolute;bottom:0;left:0;width:110%;text-align:center}
#nav li .a i{display:block;margin:0 auto;text-align:center;z-index:1;height:3px;width:0;background:#2d56a4;overflow: hidden;}
#nav li.on .a strong{ }
#nav li.on i{width:100%;}
#nav li .a:hover i{width:100%;}
#nav li .a:hover strong{ }
#nav li.on .a:hover i{transform:rotateX(0);-webkit-transform:rotateX(0);-moz-transform:rotateX(0)}
#nav.title{position:relative}
#nav .list{width:135px;left:0;max-height:0;position:absolute;top:85px;z-index:0; -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease; opacity:0;filter:alpha(opacity=0); -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);}

#nav .list::before{ display: block; position:absolute;top:-10px;right:50%; overflow:hidden;width:0;height:0;border:10px solid #fff;border-color:#fff transparent;border-top:0; margin-right: -9px; content: "";}

#nav .list a{width:135px;height:50px;line-height:50px;text-align:center;color:#222;display:block;font-size:14px;text-decoration:none;opacity:1;background-color:#fff;border-bottom:#e9ecf1 1px solid;-webkit-transition:opacity .4s,-webkit-transform .5s;-moz-transition:opacity .4s,-moz-transform .5s;-ms-transition:opacity .4s,-ms-transform .5s;transition:opacity .4s,transform .5s}

#nav .list a:hover{color:#2d56a4;border-bottom:#2d56a4 1px solid;}
#nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10; top:65px; opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);}

/*
#nav li:focus .list a,#nav li:hover .list a{opacity:1;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}
#nav li:hover .list a:nth-child(1){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
#nav li:hover .list a:nth-child(2){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
#nav li:hover .list a:nth-child(3){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
#nav li:hover .list a:nth-child(4){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
#nav li:hover .list a:nth-child(5){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
#nav li:hover .list a:nth-child(6){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
#nav li:hover .list a:nth-child(7){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
#nav li:hover .list a:nth-child(8){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}
#nav .list a:nth-child(1){-webkit-transition-delay:350ms;-moz-transition-delay:350ms;-ms-transition-delay:350ms;-o-transition-delay:350ms;transition-delay:350ms}
#nav .list a:nth-child(2){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-ms-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
#nav .list a:nth-child(3){-webkit-transition-delay:250ms;-moz-transition-delay:250ms;-ms-transition-delay:250ms;-o-transition-delay:250ms;transition-delay:250ms}
#nav .list a:nth-child(4){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-ms-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
#nav .list a:nth-child(5){-webkit-transition-delay:150ms;-moz-transition-delay:150ms;-ms-transition-delay:150ms;-o-transition-delay:150ms;transition-delay:150ms}
#nav .list a:nth-child(6){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
#nav .list a:nth-child(7){-webkit-transition-delay:50ms;-moz-transition-delay:50ms;-ms-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}
#nav .list a:nth-child(8){-webkit-transition-delay:0s;-moz-transition-delay:0s;-ms-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
*/


/*======================移动端头部======================*/
#m_header{ display: none; height: 50px; position: fixed; left: 0; top: 0; width: 100%; background: #fff; box-shadow: 0 0 3px #999; z-index: 9999;}
#m_logo{ position: absolute; top: 0; left: 10px; }
#m_logo img{ height: 50px; }

#m_bnt_top_search{ position: absolute; top: 0; display: block; width: 50px; line-height: 50px; text-align: center; right: 50px; font-size: 2.4rem; color: #2a53a0;}

/*移动端导航*/
#m_bnt_nav{position: absolute;top: 0;right: 0;cursor: pointer;width: 50px;height:50px;background-color:#2d56a4;text-align: center; }
#m_bnt_nav .point{display: inline-block;width: 28px;height: 22px;margin-top: 12px;position: relative;}
#m_bnt_nav .point:hover .navbtn,
#m_bnt_nav .point:hover .navbtn::after,
#m_bnt_nav .point:hover .navbtn::before{width: 28px;}
#m_bnt_nav .navbtn{position: absolute;top: 13px;right: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #FFF;}
#m_bnt_nav .navbtn::after,
#m_bnt_nav .navbtn::before{position: absolute;right: 0;display: inline-block;width: 28px;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #FFF;}
#m_bnt_nav .navbtn::after{top: -11px;}
#m_bnt_nav .navbtn::before{top: 10px;}
#m_bnt_nav .point.on .navbtn{background: transparent;}
#m_bnt_nav .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#m_bnt_nav .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
 
#m_nav{position:absolute;top:50px;left:0;display:none;width:100%;z-index:999; }
#m_nav{  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E52d56a4', endColorstr='#E52d56a4');background:rgba(45,86,164,0.9);}
#m_nav li{display:block;width:100%; }
#m_nav li .a{display:block;text-align:center;position:relative;height:40px;padding:0 2rem}
#m_nav li .a h1{ display: inline-block; font-size:16px; color:#fff; padding-right: 10px;}
#m_nav li .a strong{ display: inline-block; text-transform:uppercase; font-size:14px; line-height:40px;height:40px;color:#fff; z-index:11; opacity:.8;filter:alpha(opacity=80);}
#m_nav li .a i{opacity:0;filter:alpha(opacity=0); position:absolute;right:0;top:0; text-align:center;z-index:4; color: #fff; font-size: 1.4rem; height:40px; line-height:40px; overflow: hidden;}
#m_nav .on .a{ }
#m_nav .on .a strong{color:#fff}
#m_nav .on.title .a i{ transform:rotate(270deg);-webkit-transform:rotate(270deg); -moz-transform:rotate(270deg);}
#m_nav .title .a i{  opacity:1;filter:alpha(opacity=100);}
#m_nav .title .a {  margin:0 20px;}
#m_nav .title .list{display:none;position:relative; }
#m_nav .title{position:relative}
#m_nav .title .list{position:relative;width:100%;z-index:9}
#m_nav .title .list .box{padding:0 30px 10px 30px;background:#f5f5f5}
#m_nav .title .list a{display:block;font-size:1.4rem;color:#fff;text-align:center;line-height:3rem}


/*================= banner===================*/
#banner { width: 100%;  position: relative; height: 598px;  }
#banner .main_box{ height: 600px;}
#banner .swiper-slide{ display: block; height: 598px; overflow: hidden; text-align:center; height: auto; background:#fff;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;  }
#banner .swiper-slide img{ display: block;   }
#banner .swiper-pagination-bullets{ bottom: 3rem;}
#banner .swiper-pagination-bullet{   background: none; border: 2px solid #fff;}
#banner .bnt{ position: absolute; top: 50%; width: 60px;  height: 60px;  border-radius: 50%; font-size: 6rem; color: #8d8a86; margin-top: -30px; z-index: 9; cursor: pointer;}
#banner .bnt_prev{left: 40px;  }
#banner .bnt_next{right: 40px; transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg);   } 
#banner .bnt:hover{ color: #2d56a4; }
#banner .bnt.off{ opacity:.5;filter:alpha(opacity=50);}

/*================= banner===================*/
.m_top_padding{ margin-top: 50px; display: none;}
#m_banner { display: none; width: 100%;  position: relative;  }
#m_banner  .swiper-slide{ display: block; overflow: hidden; text-align:center; height: auto; background:#fff;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}
#m_banner  .swiper-slide img{ display: block; width: 100%;  }
#m_banner .swiper-pagination-bullets{ bottom: 2rem;}
#m_banner .swiper-pagination-bullet{  height: 5px; width: 5px; background: none; border: 2px solid #fff;}
#m_banner .bnt{ position: absolute; top: 50%; width: 60px;  height: 60px;  border-radius: 50%; font-size: 6rem; color: #8d8a86; margin-top: -30px; z-index: 9; cursor: pointer;}
#m_banner .bnt{ position: absolute; top: 50%; width: 4rem;  height: 4rem; color: #2d56a4; border-radius: 50%; font-size: 4rem; margin-top: -2rem; z-index: 9; cursor: pointer;}
#m_banner .bnt_prev{left: 20px;   }
#m_banner .bnt_next{right: 20px;     } 
#m_banner .bnt:hover{ }
#m_banner .bnt.off{ opacity:.5;filter:alpha(opacity=50);}
 

/*================= index===================*/
#page_index .floor{ padding: 60px 0; }
.s_title{position:relative;margin-bottom:5rem;text-align: center; }
.s_title img{ vertical-align: middle;}
.s_title h1{ display: block;  color: #f08519; font-size: 3.6rem; font-weight: 700;}
.s_title span{font-size:1.8rem; color:#797979; display: block;    text-transform: uppercase;  padding:1.3rem 0 1.3rem 0;}
.s_title p{font-size:16px;color:#666; text-transform: uppercase; display: block;  }
.s_more{ margin: 0 auto; text-align:center; background: #969aa0; border-radius: 4px; font-size:15px; line-height:45px; height:45px; width: 260px; color:#fff;   display: block;}
.s_more:hover{color:#fff; background: #2d56a4; }

#mode_business{ background: #edf1f6; padding: 4.5rem 0;}
#mode_business ul{   }
#mode_business li{ display: block;   float: left;  position: relative;    }
#mode_business li a{ display: block; padding: 2.5rem; }
#mode_business li .pic_box{ width:100%;  overflow:hidden;}
#mode_business li .pic_box img{ max-width:100%; display: block; margin: 0 auto; border-radius:10px;}
#mode_business li .text_box{ position: relative; padding: 20px 0 5px 0;  }
#mode_business li .text_box h1{  display:block; text-align: center; font-size:20px; margin-bottom: 1rem; color:#060001; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#mode_business li .text_box h2{ display:block; text-align: center;   font-size:12px; color:#b5b5b6;    }
#mode_business li:hover a{ background: #fff; box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.1);}
#mode_business li:hover a .text_box{  }

/*===================================*/
#mode_space { background: url(../images/bg_f2.jpg) no-repeat; background-size: 100% 100%; padding: 7rem 0; }
 
/*===================================*/
#mode_space .section1 .content{ margin-bottom: 7.5rem; padding-bottom: 7.5rem; border-bottom: 1px solid #e1e1e1;}
#mode_space .section1 ul{ margin: -1.5rem -.8rem;   }
#mode_space .section1 li{ display: block;   float: left;  position: relative;    }
#mode_space .section1 li a{ display: block; margin: 1.5rem .8rem; position: relative; border: 1px solid #595d60;  }
#mode_space .section1 li .pic_box{  width:100%;  overflow:hidden;}
#mode_space .section1 li .pic_box img{ width:100%; display: block;}
#mode_space .section1 li .text_box{ position:absolute;  width: 100%; height: 100%; left: 0; top: 0;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F1F2226', endColorstr='#7F1F2226');background:rgba(31,34,38,0.1);}
#mode_space .section1 li{}
#mode_space .section1 li .text_box .box{ position: absolute; right: 5%; bottom: 5%; display:inline-block; text-align: center; }
#mode_space .section1 li .text_box h1{  display:block; font-size: 1.4rem; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#mode_space .section1 li .text_box strong{ padding-right: 5px; font-size:1.8rem; color:#fff;}
#mode_space .section1 li .text_box span{font-size:0; color:#fff;  display: block; text-align: center; -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0); transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); }
#mode_space .section1 li:hover a .text_box{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#A52d56a4', endColorstr='#A52d56a4');background:rgba(45,86,164,0.65); }
#mode_space .section1 li:hover a .text_box .box{ width: 100%; bottom: 50%; right: 0; margin-bottom: -5rem; }
#mode_space .section1 li:hover .text_box span{ margin-top: 3rem; font-size:3.4rem;  -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);  transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); }
#mode_space .section1 .s_more{ margin-top: 20px;}


/*==============图册切换=====================*/
#j_space_slide1{ position: relative; height: 380px; overflow: hidden; margin-bottom: 7rem;}
#j_space_slide1 .hd{ padding: 0; box-sizing: border-box; padding-left: 10px;}
#j_space_slide1 .hd a{ display:inherit;  padding: 68px 0; margin-bottom: 10px; text-align: center; background: url(../images/bg_space_hd.png) center no-repeat; background-size: 100% 100%;}
#j_space_slide1 .hd a .box{ padding-left: 70px; display: inline-block; text-align: left; background: url(../images/icon_sapce_hd1.png) left center no-repeat;}
#j_space_slide1 .hd a h1{ color: #30353a; display: block; font-size: 1.8rem; margin-bottom: 5px;}
#j_space_slide1 .hd a span{ color: #30353a; display: block; font-size: 1.4rem;}
#j_space_slide1 .hd a.li2 .box{   background: url(../images/icon_sapce_hd2.png) left center no-repeat;}

#j_space_slide1 .hd a.on{background: url(../images/bg_space_hd_on.png) center no-repeat; background-size: 100% 100%;}
#j_space_slide1 .hd a.on h1{ color: #fff; }
#j_space_slide1 .hd a.on span{ color: #fff;  }
#j_space_slide1 .hd a.li1.on .box{   background: url(../images/icon_sapce_hd1_on.png) left center no-repeat;}
#j_space_slide1 .hd a.li2.on .box{   background: url(../images/icon_sapce_hd2_on.png) left center no-repeat;}

#j_space_slide1 .bd{padding: 0;}
#mode_space_slide2{ display: none;}

.mode_space_slide .li{ position: relative; overflow: hidden;}
.mode_space_slide li{ display: block; position: relative;}
.mode_space_slide img{ width: 100%; display: block; }
.mode_space_slide li h1{ position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 1rem 2rem; color: #fff; font-size: 14px; margin-top: 1.5rem;   display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E531353A', endColorstr='#E531353A');background:rgba(49,53,58,0.9);}

.mode_space_slide .swiper-pagination{ text-align: right;}
.mode_space_slide .swiper-pagination-bullets{ bottom: 1rem; left: auto; width: auto; right: 1.5rem;}
.mode_space_slide .swiper-pagination-bullet{  width: 6px; height: 6px; background: none; border: 1px solid #fff; opacity: 1; margin: 0 2px;}
.mode_space_slide .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #2d56a4; border: 1px solid #2d56a4;}
.mode_space_slide .bnt{ position: absolute; top: 50%; width: 60px;  height: 60px;  border-radius: 50%; font-size: 6rem; color: #8d8a86; margin-top: -30px; z-index: 9; cursor: pointer;}
.mode_space_slide .bnt{ position: absolute; top: 50%; width: 4rem;  height: 4rem; color: #fff; border-radius: 50%; font-size: 4rem; margin-top: -2rem; z-index: 9; cursor: pointer;}
.mode_space_slide .bnt_prev{left: 20px;   }
.mode_space_slide .bnt_next{right: 20px;     } 
.mode_space_slide .bnt:hover{ color: #2d56a4; }
.mode_space_slide .bnt.off{ opacity:.5;filter:alpha(opacity=50);}
 
/*==============舒适办公室环境=====================*/
#mode_space .j_row{margin: 0; position: relative; }
#mode_space_icon{  padding: 0;  box-sizing: border-box; padding-right: 5px;}
#mode_space_icon .box{ background: #fff;}
#mode_space_icon ul{  padding: 15px 0; background: #fff;}
#mode_space_icon li{ padding: 19px 0; }
#mode_space_icon li img{ display: block; margin: 0 auto; max-width: 30%;}
#mode_space_icon li h1{ margin: 0 5px; color: #656463; font-size: 14px; margin-top: 1.5rem; text-align: center; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#mode_space_icon li:hover img{transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); }

/*==============舒适办公室环境图册切换=====================*/
#j_space_slide2{ padding: 0; position: relative; overflow: hidden; box-sizing: border-box; padding-left: 5px;}
#j_space_slide2 .box{ position: relative;}
#j_space_slide2 .bnt{ position: absolute; top: 50%; width: 60px;  height: 60px;  border-radius: 50%; font-size: 6rem; color: #8d8a86; margin-top: -30px; z-index: 9; cursor: pointer;}
#j_space_slide2 .bnt{ position: absolute; top: 50%; width: 4rem;  height: 4rem; color: #fff; border-radius: 50%; font-size: 4rem; margin-top: -2rem; z-index: 9; cursor: pointer;}
#j_space_slide2 .bnt_prev{left: 20px;   }
#j_space_slide2 .bnt_next{right: 20px;  } 
#j_space_slide2 .bnt:hover{ color: #2d56a4;}
#j_space_slide2 .bnt.off{ opacity:.5;filter:alpha(opacity=50);}

#j_space_slide2 .bd{ overflow: hidden;}
#j_space_slide2 .bd img{ width: 100%;  display: block;}
#j_space_slide2 .hd{ position: absolute; left: 0; bottom: 0; width: 100%; z-index: 9;  height: 45px; line-height: 45px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E53C3E42', endColorstr='#E53C3E42');background:rgba(60,62,66,0.9);}
#j_space_slide2 li{ padding: 0;  ; }
#j_space_slide2 .hd h1{ color: #fff; text-align: center; font-size: 1.4rem; cursor: pointer;}
#j_space_slide2 .swiper-slide-active{ background: #2d56a4;}

/*==============创客学院=====================*/
#mode_school { background: url(../images/bg_school.jpg) no-repeat; background-size: 100% 100%; padding: 8rem 0; }
#mode_school ul{ margin: -1.5rem -1rem;   }
#mode_school li{ display: block;   float: left;  position: relative;    }
#mode_school li a{ display: block; margin: 3%; position: relative; }
#mode_school li .pic_box{  width:100%;  overflow:hidden;}
#mode_school li .pic_box img{ width:100%; display: block;}
#mode_school li .text_box{ position:absolute;  width: 100%; height: 100%; left: 0; top: 0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E52d57a3', endColorstr='#E52d57a3');background:rgba(45,87,163,0.9); opacity:0;filter:alpha(opacity=0); -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);}
#mode_school li{}
#mode_school li .text_box .box{ position: absolute; right: 10%; top: 50%; margin-top: -35px; width: 80%; display:block; text-align: center; }
#mode_school li .text_box h1{text-align: center; display:block; font-size: 1.6rem; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#mode_school li .text_box span{font-size:4rem; color:#fff;  display: block; text-align: center; margin-bottom: 1.5rem;}
#mode_school li:hover a .text_box{ opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); }
#mode_school li a:hover .text_box .box{  margin-top: -50px; }
#mode_school .s_more{  margin-top: 80px; }
 
 /*==============无忧服务=====================*/
 
#mode_service{  padding: 0;  box-sizing: border-box;  }
#mode_service .s_title{ margin-bottom: 40px;}
#mode_service ul{  background: #fff;}
#mode_service li{ padding: 10px 0; }
#mode_service li a{ display: block;}
#mode_service li img{ display: block; margin: 0 auto; max-width: 50%; border-radius:15px;}
#mode_service li h1{ margin: 0 5px; color: #656463; font-size: 18px; margin-top: 1.5rem; text-align: center; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#mode_service li:hover img{transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); }


/*==============footer=====================*/
#footer{ background:#353537;  }
#footer .main_box{ position:relative;}
#footer .up_box{background: url(../images/logo_fot.png) left center no-repeat; padding: 55px 0;}
#footer .content{height:100px;  margin-left: 240px; padding-left: 50px;  border-left: 1px solid #5d5d5d;  position: relative;}
#footer .un_box { font-size: 12px; text-align: center;  color:#727273; height: 50px; line-height: 50px; background: #2e2e30;  }
#footer .un_box a{color:#727273;}
#footer a:hover{ color:#2d56a4; text-decoration: underline;}

/*==============底部联系=====================*/
#fot_contact{ position: absolute; right: 220px; top: 0; border-left: 1px solid #5d5d5d; padding-left: 50px; height: 100px;  }
#fot_contact h1 strong{letter-spacing: 2px; font-size: 22px; color: #fff; font-family: "Impact"; padding-right: 5px;}
#fot_contact h1{ color: #fff; font-size: 16px; margin-bottom: 15px; text-transform: uppercase;}
#fot_contact p{  color: #a1a09f; line-height: 26px; font-size: 12px;}
#fot_contact p strong{ color: #2d56a4; font-size: 16px; font-weight: 700; }

 /*==============底部二维码=====================*/
#fot_ewm{ position: absolute; right: 0; top: 0px;  }
#fot_ewm .box{ position: relative; display: table; padding-left: 110px; height: 100px;}
#fot_ewm .box img{width: 110px;   position: absolute; left: 0; top: 0; }
#fot_ewm .box strong{  line-height: 25px; font-size: 12px; color:#fff; opacity:.48;filter:alpha(opacity=48);   }

#fot_nav{   width: 390px;    } 
#fot_nav .box{ margin-right: -100px; }
#fot_nav dl{     margin-bottom: 5px; line-height: 28px; padding-top: 12px; }
#fot_nav dt{ display: inline-block; font-size: 15px; color: #fff; }
#fot_nav dd{ display: inline-block; font-size: 14px; color: #919191;}
#fot_nav a{ display: inline-block; font-size:14px;    color:#919191;  padding-left: 15px; padding-right: 5px; }
#fot_nav a:hover{ color:#2d56a4; text-decoration: none;}
  
/*===================内页banner================*/
#n_banner{ display:block; width:100%; height:255px; position: relative; }
#m_n_banner{ position: absolute; left: 0; top: 0;  width: 100%; height: 140px; display: none; background-size: 100% auto; }
#n_banner .main_box{ display: table; height:255px;}
#n_banner .box{ display: table-cell; vertical-align: middle;   overflow:hidden; text-align:center; }
#n_banner h1{ font-size:30px; font-weight:bold; color:#fff; display:block; margin-bottom:5px; text-transform:uppercase; }
#n_banner h2{ font-size:30px; color:#fff;  display:block;}
 
/*==============n_content_left=====================*/
.n_left{ width:260px; float:left;  overflow:hidden; margin-top: 45px;}
.n_nav_box{ background:#fbfbfc; padding:5px 0 20px 0;  border:1px solid #dcdcde;}
#n_nav_title{  padding:25px 30px; }
#n_nav_title strong{ display:block;   color:#2d56a4; display:block;   font-size:18px;  text-transform: uppercase; }
#n_nav_titlee span{ display:block; color:#31353a; display:block; font-weight:bold; font-size:18px; } 

/*=================侧导航==================*/
#n_nav{}
#n_nav dt{ position:relative; padding:0 8px; display:block;   height:55px; overflow:hidden;  border-left: 3px solid #fbfbfc;}
#n_nav dt:last-child a{ border: none;}
#n_nav dt a{font-size:16px; padding-left: 20px; color:#30353a; line-height:54px; display:block; border-bottom: 1px solid #dcdcde; position: relative;}
#n_nav dt a i{ opacity:0;filter:alpha(opacity=0);}
#n_nav dt.title i{ position: absolute; right: 20px; top: 2px;  font-size: 24px; color: #30353a; font-style: normal; transform:rotate(90deg);-webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);  opacity:1;filter:alpha(opacity=100);}

#n_nav dt.on{ border-left: 3px solid #2d56a4;}
#n_nav dt.on a{ background: #2d56a4; color:#fff; border-bottom:3px solid #2d56a4;}

#n_nav dt:hover{border-left: 3px solid #2d56a4;}
#n_nav dt:hover a{background: #2d56a4; color:#fff}

#n_nav dt.title:hover{border-left:3px solid #2d56a4; }
#n_nav dt.title:hover i{  color: #fff; }
#n_nav dt.title:hover a{color:#fff;}

#n_nav dt.title.on{ border-left:3px solid #2d56a4;}
#n_nav dt.title.on a{  color:#fff;}
#n_nav dt.title.on i{color: #fff;  }

#n_nav dt.title.title_on{border-left:3px solid #2d56a4;}
#n_nav dt.title.title_on a{color:#fff; background: #2d56a4;}
#n_nav dt.title.title_on i{transform:rotate(0deg);-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); color: #fff;}
#n_nav dt.title_on a,#n_nav dt.title.title_on.on a{ }
#n_nav dd{ padding:10px 0px;  display:none; }

#n_nav dd .box{}
#n_nav dd a{padding-left:10px;line-height:30px;font-size:14px;color:#636060;display:block;height:30px;  padding: 0 35px;}
#n_nav dd a:hover{ color:#2d56a4;}
#n_nav dd a.on{ color: #2d56a4;}
 
/*==============左侧快捷链接=====================*/
#left_links{ display:block; margin-top: 30px; }
#left_links a{ position: relative; display:block; margin-bottom: 20px;}
#left_links a:last-child{ margin-bottom: 0;}
#left_links a img{ width:260px;  display: block;}
#left_links a .icon_box{ position:absolute;  display:block; left:0; top:0; width:100%; height:100%;  }
#left_links a:hover .icon_box {filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#4C000000', endColorstr='#4C000000');background:rgba(0,0,0,0.3);}
#left_links .icon_box::before,#left_links .icon_box::after {position: absolute;top: 10px;right: 10px;bottom: 10px;left: 10px;content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;}
#left_links .icon_box::before {border-top: 1px solid #fff;border-bottom: 1px solid #fff;-webkit-transform: scale(0,1);transform: scale(0,1);}
#left_links .icon_box::after {border-right: 1px solid #fff;border-left: 1px solid #fff;-webkit-transform: scale(1,0);transform: scale(1,0);}
#left_links a:hover .icon_box::before,#left_links a:hover .icon_box::after {opacity: .4;-webkit-transform: scale(1);transform: scale(1);}

  
/*==============n_content_right=====================*/
.n_right{ width:905px;float:right;  margin-top: 45px;} 
.n_title{ position:relative; height:70px; line-height:70px; z-index: 2;  border-bottom:1px solid #dde0e2; }
.n_title h1{ font-size:20px; border-bottom:2px solid #2d56a4; display:inline-block;   color:#30353a; margin-bottom:0px; }
.n_title a.li{font-size:18px;  line-height:70px; border-bottom:1px solid #dde0e2; display:inline-block;   color:#30353a; margin-bottom:0px;margin-right: 70px;}
.n_title a:hover{ color: #2d56a4;}
.n_title a.on{border-bottom:2px solid #2d56a4;}

/*==============面包屑导航=====================*/
#mode_position{ position:absolute; line-height: 80px; right:0px; top:0px; color:#8a8c8e;  padding-left:15px;}
#mode_position i.j_iconfont{ padding-right: 3px; font-size: 16px; color:#999;}
#mode_position, #mode_position a, #mode_position i{ font-size:12px; color:#76787a;}
#mode_position span{ font-size:12px; color:#2d56a4; font-style:normal;}
#mode_position a:hover{ color:#2d56a4;}

#n_main_box #mode_position{line-height: 80px;  }

/*==================分类导航=================*/
#n_sub_nav{ position:relative; display:inherit; text-align:center; margin-top:10px; margin-bottom:40px;}
#n_sub_nav a{ width:100px;  margin:0 5px; display:inline-block; height:30px; line-height:30px; border-radius:0px; background:#fff;   text-align:center; color:#fff; background:#68696b; font-size:14px;}  
#n_sub_nav a:hover{  background:#2d56a4;}
#n_sub_nav a.on { background:#2d56a4;}


/*==================移动端导航=================*/
#m_n_nav{ background: #373849;  display: none; line-height: 50px; position: relative; z-index: 99; }
#bnt_back{ position:absolute; left: 1rem; top:0;  color: #fff; font-size: 26px;}
#m_n_nav i{}
#m_n_nav h1{ font-size: 18px; color: #fff; text-align: center;}
#bnt_sub_nav{ position: absolute; right: 1rem; top: 0; cursor: pointer; color: #fff; font-size: 26px; }
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #d2b068; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #d2b068;}

#sub_nav_content dt{height:40px;line-height:40px;position:relative;background:#fff;  border-top:1px solid #e7e7e7; z-index: 999; }
#sub_nav_content dt a{ margin:0 20px; display:block;color:#5b5349; height: 40px; font-size:14px; font-weight: 400;  }
#sub_nav_content dt a i{ position: absolute; right: 15px; top: 0; opacity:0;filter:alpha(opacity=0); }
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color:#2d56a4; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #2d56a4;  }
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{ color:#2d56a4;}
#sub_nav_content dd{  display:none;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color:#2d56a4}


/*==============n_content=====================*/
#page_inner{ margin-bottom: 60px;}
#n_content{ padding-top: 30px;    }
#n_main_box{   margin-bottom: 30px;}
 
 /*==================大事记=================*/
#n_dsj  { background:url(../images/bg_dsj.png) center top repeat-y;  margin-left: 25px; margin-top: 15px;}
#n_dsj .content{ background:url(../images/bg_dsj_first.png) center 10px no-repeat; }
#n_dsj  dl{ position:relative;   overflow: hidden;}
#n_dsj dd{margin-bottom: 90px;}
#n_dsj .dd{ display:block; width:100%;  position:relative; min-height:130px;  }
#n_dsj dd:last-child{ margin-bottom: 40px;}
#n_dsj .dd .pic_box{ position:absolute;  top:0; right: 50%; margin-right: -7px; width: 50%;  background:url(../images/icon_dsj.png) right center no-repeat; }
#n_dsj .dd .pic_box img{ max-width:91%;  float: right; width: 230px;  margin-right: 9%;  display:block; border:1px solid rgb( 231, 233, 235 );}
#n_dsj .dd .text_box { margin-left: 53.65%; width: 46.35%;  }
#n_dsj .dd .text_box .box{ position:relative;}
#n_dsj .dd .text_box h1{  font-size:23px; font-weight:400; display:block; color:#3d3e3f; margin-bottom:5px;}
#n_dsj .dd .text_box .ar_article{ text-align:left;  font-size:14px; line-height:28px; color:#666768; text-align:justify;}
#n_dsj .dd .text_box .ar_article p{ font-size:14px; line-height:28px; color:#666768; }
#n_dsj  dd:nth-child(2n) .pic_box{right: auto; margin-right: 0;  left: 50%; margin-left: -7px;  background:url(../images/icon_dsj.png) left center no-repeat;}
#n_dsj  dd:nth-child(2n) .pic_box img{margin-right: 0; float: none; margin-left: 9%;  }
#n_dsj  dd:nth-child(2n) .text_box{ margin: 0; text-align: right;}
#n_dsj  dd:nth-child(2n) .ar_article,#n_dsj  dd:nth-child(2n)  .ar_article p{text-align: right !important;}
#n_dsj  dd:nth-child(2n):hover .pic_box{ top:10px;   background:url(../images/icon_dsj.png) left center no-repeat;}
#n_dsj .dd:hover .pic_box{ top:10px; background:url(../images/icon_dsj_hover.png) right center no-repeat;}
#n_dsj .dd:hover{ }
#n_dsj .dd:hover h1{ color:#2d56a4}
#dsj_hide_box{ display: none;}
#bnt_dsj_more{ margin-top: 40px; }
#bnt_dsj_more a{ position: relative;background:#2d56a4;  cursor: pointer; display:block; margin:0px auto; height:40px; line-height:40px; width:160px; text-align:center; font-size:14px; color:#fff;  }
#bnt_dsj_more a h1{ display: none;position: absolute; left: 0; top: 0; background:#2d56a4; height: 40px;  width:100%; text-align:center; font-size:14px; color:#fff; }
#bnt_dsj_more.on h1{ display: block;}

 /*==================团队管理=================*/
#n_team li{ display: block; margin-bottom: 65px; position: relative;}
#n_team li:last-child{ margin: 0;}
#n_team li .pic_box{ position: relative; z-index: 2;}
#n_team li .pic_box img{ display: block; margin-left: 50px; width: 135px; height: 135px; border-radius: 50%;}
#n_team li .text_box{ padding:90px 85px 40px 35px; border-radius: 5px; border: 1px solid #e4e8ee; background: #f7f7f9; margin-top:-67.5px; position: relative;}
#n_team li .title{ position: absolute; left: 235px; top: -50px;}
#n_team li .title h1{ font-size: 16px; color: #808182;}
#n_team li .title h1 strong{ padding-right: 10px; font-size: 22px; color: #30353a;}
#n_team li .bnt_swich{position: absolute; right: 25px; bottom: 20px; font-size: 20px; color: #30353a; cursor: pointer;}
#n_team li .bnt_swich.on{ color: #2d56a4; transform:rotate(180deg);-webkit-transform:rotate(180deg);  -moz-transform:rotate(180deg);}
#n_team li .ar_article{ overflow: hidden; height: 30px;}
#n_team li .ar_article.on{ height: auto;}

.bnt_link { background:#2d56a4;  cursor: pointer; display:block; margin:0px auto; height:65px; line-height:65px; width:250px; text-align:center; font-size:16px; color:#fff; border-radius: 3px; }
.bnt_link:hover{ }

/*==============基础服务=====================*/
#n_service_base{  padding: 0;  box-sizing: border-box; padding-right: 5px;}
#n_service_base .box{ background: #fff;}
#n_service_base ul{ padding: 0; margin: -10px;  background: #fff;  box-sizing: border-box;}
#n_service_base li{  box-sizing: border-box; }
#n_service_base li .box{ box-sizing: border-box; margin: 5%; padding: 20% 0; border-radius:5px; border: 1px solid #dadadd;}
#n_service_base li img{ display: block; margin: 0 auto; max-width: 30%;}
#n_service_base li h1{ margin: 0 5px; color: #656463; font-size: 16px; margin-top: 1.5rem; text-align: center; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#n_service_base li:hover img{transform:rotateY(180deg);-webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg); }

/*==============增值服务=====================*/
#banner_service_zz .box{ display: none;}


/*==============服务列表=====================*/
.service_list ul{ padding: 0; margin: 0 -10px;  box-sizing: border-box;}
.service_list li{ border-bottom: 1px solid #e6e6e7;  position: relative; }
.service_list li a{ display: block;  box-sizing: border-box; padding:20% 8%; }
.service_list li .pic_box{ position: relative;}
.service_list li img{ display: block; margin: 0 auto;  max-width: 100%; box-shadow: 0 0 8px #ddd;  border:1px solid #fff;}
.service_list li h1{  color: #565656; height: 20px; line-height: 20px; font-size: 14px; margin-top: 1.5rem; margin-bottom: .8rem; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.service_list li span{ margin-top: 5px; display: block; height: 20px; line-height: 20px; padding-left: 25px; font-size: 12px; color: #9b9b9d;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.service_list li span.li1{ background: url(../images/icon_service_info1.png) left center no-repeat;}
.service_list li span.li2{ background: url(../images/icon_service_info2.png) left center no-repeat;}
.service_list li:hover h1{ color: #2d56a4}
.service_list li:hover img{  border-radius: 50px 0 50px 0; }

#n_service{}
#n_service .title{ margin-bottom: 20px;}
#n_service .title h1{ font-weight: 700; text-align: center; font-size: 27px; color: #4d5053}
#n_service .floor{ margin-top: -130px; padding:190px 0 70px 0; margin-bottom: -70px; border-bottom: 1px solid #e6e6e7;}
#n_service .service_list{  }
#n_service .service_list li{ border-bottom: none;}
#n_service .service_list li a{padding:8% 8%;}
#n_service .more{ position: relative; z-index: 2; margin:30px auto 0 auto; text-align:center;  border: 1px solid #ccc; border-radius: 4px; font-size:15px; line-height:50px; height:50px; width: 180px; color:#565656;   display: block;}
#n_service .more:hover{color:#fff; background: #2d56a4;  border: 1px solid #2d56a4;}
#service_hot{ background: #f9f9fa; padding: 50px 0; margin-top: -30px;}

/*==============服务导航=====================*/
#nav_aside_box{ width: 200px; height: 490px; position: relative; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF');background:rgba(255,255,255,0.8);}
#nav_aside{ padding-top: 0px;}
#nav_aside dl{ position: relative;}
#nav_aside dt { margin: 0 30px;  height: 70px; line-height: 70px; font-size: 16px; }
#nav_aside dt a{ display: block; color: #000;  position: relative; }
#nav_aside dt i{ position: absolute; top: 0; right: 0px; font-size: 24px; color: #000; font-style: normal;}
#nav_aside dd{ position: absolute; left: 200px; top: 0; padding:0 20px 10px 20px; min-height: 60px; width: 540px; opacity:0;filter:alpha(opacity=0); filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC0E8069', endColorstr='#CC0E8069');background:rgba(14,128,105,0.8);transform:rotateY(120deg);-webkit-transform:rotateY(120deg);-moz-transform:rotateY(120deg);-o-transform:rotateY(120deg);-ms-transform:rotateY(120deg);z-index:99;visibility:hidden;transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;-ms-transform-origin:0 0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition-timing-function:cubic-bezier(.08,.72,.71,.96);-webkit-transition-timing-function:cubic-bezier(.08,.72,.71,.96)
}

#nav_aside dd h1{ display: block; font-size: 14px; color: #fff; padding-top: 10px; font-weight: 400;}
#nav_aside dd .type_box{font-size: 12px; color: #fff; line-height: 20px;  }
#nav_aside dd .type_box a{font-size: 12px; color: #fff;}
#nav_aside dd .type_box i{ padding: 0 5px;}

#nav_aside dl:hover {filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC0E8069', endColorstr='#CC0E8069');background:rgba(14,128,105,0.8);}
#nav_aside dl:hover  a{ color: #fff;}
#nav_aside dl:hover  a i{ color: #fff;}
#nav_aside dl:hover dd{opacity:1;filter:alpha(opacity=100);transform: rotateY(0deg);-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);z-index: 15;visibility: visible;}

/*==============移动端服务导航=====================*/
#m_nav_aside{ display: none; padding: 1rem 0; background: #2d56a4; position: fixed; top: 50px; z-index: 5; left: 0; width: 100%;}
#m_nav_aside a{ height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #fff;  display: block;}

/*==============服务分类=====================*/
#mode_service_search{ padding: 1.5rem 0; background: #2d56a4;}
#mode_service_search dt{ font-size: 14px; color: #fff; display: inline-block; height: 28px; line-height: 28px;}
#mode_service_search dd { display: inline-block;}
#mode_service_search dd a{border-radius: 5px; margin: .5rem 0; padding: 0 20px; height: 28px; line-height: 28px; font-size: 14px; color: #fff; display: inline-block;}
#mode_service_search dd a.on,#mode_service_search dd a:hover{background: #fff; color: #2d56a4;}

/*==============服务统计=====================*/
.count_box{ color: #444141; font-size: 16px; display:block; }
.count_box strong{ font-size: 18px; font-weight: 700; color: #2d56a4;}

/*==============创新产业=====================*/
#n_cxcy .ar_article{ margin-top: -30px; padding: 50px 0 30px 0; background: #f6f6f6; }

/*==============创客学院=====================*/
#mode_shop {  padding: 5rem 0; }
#mode_shop .title h1{ font-size: 24px; color: #272626; font-weight: 700; margin-bottom: 40px; text-align: center; }
#mode_shop ul{ margin: -1.5rem -1rem;   }
#mode_shop li{ display: block;   float: left;  position: relative;    }
#mode_shop li a{ display: block; margin: 6%; position: relative; }
#mode_shop li .pic_box{  width:100%;  overflow:hidden;}
#mode_shop li .pic_box img{ width:100%; display: block; }
#mode_shop li .text_box{ }
#mode_shop li{}
#mode_shop li .text_box .box{ position: relative;   margin: 1.5rem 1rem 0 1rem; padding-bottom: .1rem; display:block; text-align: center; }
#mode_shop li .text_box h1{  margin-bottom: .5rem;   display:block; font-size: 1.6rem; color: #272626; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#mode_shop li .text_box span{font-size:1.4rem; color:#949292;  display: block;   margin-bottom: 1.5rem;}
#mode_shop li:hover .text_box h1{  color: #2d56a4; }
#mode_shop li:hover a{ box-shadow: 0 5px 10px #ccc; }
#mode_shop li:hover .text_box .box{   }
 
/*==============众创导航=====================*/
#space_nav{ margin-bottom: 40px; padding-top: 20px;}
#space_nav li{ display: inline-block; width: auto; margin-right: 30px;}
#space_nav a{ position: relative; z-index: 2;   text-align:center;  border: 1px solid #d3d3d6; border-radius: 4px; font-size:16px; line-height:45px; height:45px; width: 140px; color:#606062;   display: block;}
#space_nav .on a{color:#2d56a4; border: 1px solid #2d56a4;}
#space_nav a:hover{color:#2d56a4; border: 1px solid #2d56a4;}

/*==============众创空间====================*/
#n_space .content{ position: relative; min-height: 600px;}
#j_map{ position: absolute; right: 0; top: 0; width: 460px;  }
#j_map.fix{ position: fixed; top: 160px; right: 50%; margin-right: -600px;}
#j_map.m_fix{ position: fixed; top: 50px; right: 0%; z-index: 9999;}
.location-map{position:relative;float:right;width:100%;min-height:35.875rem; overflow: hidden;}
.location-map .inner{position:absolute;top:0;right:0;bottom:0;left:0}
#maps{height:700px}
#maps img{max-width:inherit!important}
#maps .anchorBL{display:none!important}

/*==============空间列表=====================*/
#n_space{ padding-bottom: 30px;}
#n_space .content{   width: 700px; overflow:hidden;     min-height: 630px;}
#n_space .content.m_fix{ position: fixed; top: 270px; left: 0; width: 100%;}
#n_space .swiper-slide{height: auto;-webkit-box-sizing: border-box;  box-sizing: border-box; padding: 0 30px 0 0;}
#n_space ul{  }
#n_space li{ background: #f9f9f9; position: relative; padding: 30px; border-radius: 2px; margin-bottom: 35px; }
#n_space li:last-child{margin-bottom: 0px;}
#n_space li a{ display: block; position: relative;}
#n_space li .pic_box{ position: relative; float: right; width: 32%;}
#n_space li img{ display: block; margin: 0 auto; width: 100%;    border:3px solid #fff;}
#n_space li .text_box{ width: 68%; }
#n_space li .text_box .box{ padding-top: 25px;}
#n_space li h1{  color: #3d3d3d; height: 20px; line-height: 20px; font-size: 18px; margin-bottom: 3rem; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#n_space li span{margin-top: 15px;display: inline-block;height: 20px;line-height: 20px;width: 50%;padding-left: 25px;float: left;font-size: 12px;box-sizing:  border-box;color: #9b9b9d;white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#n_space li span.li1{ background: url(../images/icon_space1.png) left center no-repeat;}
#n_space li span.li2{ background: url(../images/icon_space2.png) left center no-repeat;}
#n_space li span.li3{ background: url(../images/icon_space3.png) left center no-repeat;}
#n_space li:hover { background: #2d56a4;}
#n_space li:hover span.li1{ background: url(../images/icon_space1_on.png) left center no-repeat;}
#n_space li:hover span.li2{ background: url(../images/icon_space2_on.png) left center no-repeat;}
#n_space li:hover span.li3{ background: url(../images/icon_space3_on.png) left center no-repeat;}
#n_space li:hover h1{ color: #fff}
#n_space li:hover span{ color: #fff}
 



 


/*=========蒜泥活动=========*/
#page_active { margin-top: 20px;}
#page_active .title h1{ color:#2c2b2b; font-size:24px; font-weight: 700; margin-bottom: 60px;}
#page_active .content{ background: url(../images/line_active.png) 45px top repeat-y;}
#page_active dl{ position: relative;}
#page_active dt{ position: absolute; left: 0; top: 0; border-radius: 50%; overflow:hidden; width: 83px; height: 83px; display: block; border: 2px solid #2d56a4; background: #fff;}
#page_active dt strong{ padding-top: 22px;  font-size: 20px; color: #2d56a4; display: block; text-align: center;}
#page_active dt span{ color: #343434; font-size: 16px; display: block; text-align: center;}
#page_active dd{ margin-left: 160px; }
#page_active li{ background: #f9f9f9; position: relative;  margin-bottom: 60px;  height: 240px;}

#page_active li a{ display: block; position: relative; padding-left: 480px; }
#page_active li .pic_box{ position: absolute; left: 0; top: 0;  width: 432px; height: 240px; overflow: hidden;}
#page_active li img{ display: block; margin: 0 auto; width: 100%;  height: 100%;   }
#page_active li .text_box{  padding-top: 60px; margin-right: 30px; }
#page_active li .text_box .box{ }
#page_active li h1{  color: #000; height: 20px; line-height: 20px; font-size: 18px; margin-bottom: 3rem; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#page_active li span{ margin-top: 15px; display: block; height: 20px; line-height: 20px; font-size: 14px;  color: #5b5959;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis; }
#page_active li span i{ color: #2d56a4;}
#page_active li span.li2{  }
#page_active li:hover { background: #2d56a4;}
#page_active li:hover span.li1{ }
#page_active li:hover span.li2{  }
#page_active li:hover h1{ color: #fff}
#page_active li:hover span,#page_active li:hover span i{ color: #fff}


/*=========蒜泥动态=========*/
.news_left{ float: left; width: 805px;}
.news_right{ float: right; width: 310px;}
#n_news{margin-top: 10px;}
#n_news .list li{ background: #f4f4f5; border-radius: 0 10px 10px 0; position: relative;  margin-bottom: 40px;  height: 190px;}
#n_news .list li a{ display: block; position: relative; padding-left: 350px; }
#n_news .list li .pic_box{ position: absolute; left: 0; top: 0;  width: 300px; height: 190px; overflow: hidden;}
#n_news .list li img{ display: block; margin: 0 auto; width: 100%;  height: 100%;   }
#n_news .list li .text_box{  padding-top: 35px; margin-right: 40px; }
#n_news .list li .text_box .box{ }
#n_news .list li h1{  color: #000;  font-size: 18px; margin-bottom: 10px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#n_news .list li span{ margin-top: 15px; display: block; height: 20px; line-height: 20px; padding-left: 0px; font-size: 14px; color: #5b5959;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#n_news .list li span i{ font-size: 16px;}
#n_news .list li p{ margin-top: 15px; display: block; height:48px; line-height: 24px; font-size: 14px; color: #969798;  display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#n_news .list li span{ }
#n_news .list li:hover { background: #2d56a4;}
#n_news .list li:hover h1,#n_news .list li:hover p{ color: #fff}
#n_news .list li:hover span{ color: #fff}

.news_right {}
.news_right .title h1{ margin-bottom: 25px; font-size: 18px; display: block; color: #000;}
.news_right li{ display:block; margin-bottom: 35px;  overflow:hidden; position:relative; }
.news_right li a{  display:block; position:relative;}
.news_right li .pic_box{  overflow:hidden;}
.news_right li .pic_box img{ width:100%; display: block;}
.news_right li .text_box{ position:absolute; left:0; bottom:0; width: 100%; box-sizing: border-box; padding: 0 20px;  height:0px; overflow: hidden; line-height: 40px;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000', endColorstr='#CC000000');background:rgba(0,0,0,0.8);}
.news_right li .text_box h1{  font-size:16px; color:#fff; display:block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; width: 100%;   }
.news_right li:hover .text_box{ height: 40px;}
.news_right li .text_box:hover{ background: #2d56a4;}

/*==============新闻详情=====================*/
.n_article { margin-bottom:0px;  }
.n_article .ar_title{  margin-bottom: 10px;}
.n_article .ar_title{ padding:0 0 0px 0; position:relative; }
.n_article .ar_title h1{ font-size:22px; margin-bottom:20px;  display:block;    color:#000;}
.n_article .ar_title h2{ font-size:12px;  position:relative;  text-align: left; display:block;  color:#999999; }
.n_article .ar_article{ padding-top:20px; min-height:400px;}

 /*======== 上一篇下一篇 ===========*/
#ar_fot{ margin-top:10px; position:relative; padding:15px 0; border-bottom:1px dashed #e5e5e5;border-top:1px dashed #e5e5e5;}
#ar_fot h1{ display:block; font-size:12px; line-height:30px; color:#575859; font-weight:bold;}
#ar_fot h1 a{ font-size:12px; color:#575859; font-weight:normal;}
#ar_fot h1 a:hover{ color:#3c81d1;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}



/*==============舒众创空间详情=====================*/
#page_show_space .title h1{ font-size: 20px; color: #272626; font-weight: 700; margin-bottom: 40px; text-align: left; }

#page_show_space .n_article{ width: 640px;}
#page_show_space .ar_title h1{ font-size: 22px; color: #353535; font-weight: 700; }
#page_show_space .ar_title h2{ font-size: 18px; color: #4f4e50; font-weight: 400; }
#page_show_space .ar_title .info{ margin-bottom: 15px; margin-top: 10px;}
#page_show_space .ar_title .info span { color: #818084; font-size: 14px; display: inline-block; margin-right: 15px;}
#page_show_space .ar_title .mark span { color: #4cbba1; border: 1px solid #4cbba1; font-size: 12px; display: inline-block; margin-right: 10px; line-height: 24px; height: 24px; border-radius: 12px; padding: 0 23px;}
#page_show_space .n_article .ar_article{ height: 170px; min-height: 100px;}


/*==============舒众创空间详情图册=====================*/
#mode_show_pic_list{ padding: 0; position: relative; margin-bottom: 6rem;  box-sizing: border-box;  }
#mode_show_pic_list .box{ position: relative;}
#mode_show_pic_list .bnt{ position: absolute; top: 50%; width: 60px;  height: 60px;  border-radius: 50%; font-size: 6rem; color: #8d8a86; margin-top: -30px; z-index: 9; cursor: pointer;}
#mode_show_pic_list .bnt{ position: absolute; top: 50%; border-radius: 50px; color: #fff; height: 36px; width: 36px; text-align: center; line-height: 36px; font-size: 20px; margin-top: -18px; z-index: 9; cursor: pointer;  background:rgba(0,0,0,.5);}
#mode_show_pic_list .bnt_prev{left: 20px;   }
#mode_show_pic_list .bnt_next{right: 20px;  } 
#mode_show_pic_list .bnt:hover{ background: #2d56a4;}
#mode_show_pic_list .bnt.off{ opacity:.5;filter:alpha(opacity=50);}

#mode_show_pic_list .bd{ position: absolute; right: 0; top: -360px; overflow: hidden; width: 500px;}
#mode_show_pic_list .bd img{ width: 100%;  display: block;}
#mode_show_pic_list .hd{   width: 100%;  margin-top: 20px; }
#mode_show_pic_list li{ padding: 0; position: relative;}
#mode_show_pic_list .hd{ overflow: hidden;}
#mode_show_pic_list .hd .swiper-slide-active::after{ content: ""; width: 100%; height: 100%; box-sizing: border-box; border: 3px solid #2d56a4; position: absolute; left: 0; top: 0;}
#mode_show_pic_list .hd img{display: block; width: 100%; cursor: pointer;}
#mode_show_pic_list .swiper-slide-active{ background: #2d56a4;}

/*==============众创空间详情图标=====================*/ 
#mode_show_space_icon{ padding-bottom: 6rem; }
#mode_show_space_icon dl{ margin-top: 3.5rem; padding: 6%; border: 2px solid #dcdcdc; border-radius: 10px;}
#mode_show_space_icon dt{ font-size: 18px; color: #2e2d2d;}
#mode_show_space_icon dd{ margin-right: -20%;}
#mode_show_space_icon dd li{ padding-top: 3rem;}
#mode_show_space_icon dd img{ padding-right: 10px; display: inline-block; vertical-align: middle;}
#mode_show_space_icon dd h1{ display: inline-block; font-size: 16px; color: #484849;}

/*==============众创空间详情活动=====================*/ 
#mode_slide_active{ background: #fafafb; padding: 45px; margin-bottom: 60px;}
#mode_slide_active .content{ overflow-x: hidden;}
#mode_slide_active ul{ }
#mode_slide_active li{ display: block;   float: left;  position: relative;    }
#mode_slide_active li a{ display: block; margin: 3%; position: relative; }
#mode_slide_active li .pic_box{  width:100%;  overflow:hidden;}
#mode_slide_active li .pic_box img{ width:100%; display: block;}
#mode_slide_active li .text_box{ position:absolute;  width: 100%; height: 100%; left: 0; top: 0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E52d56a4', endColorstr='#E52d56a4');background:rgba(45,86,164,0.9); opacity:0;filter:alpha(opacity=0); -moz-transform:scale(0); -o-moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);}
#mode_slide_active li{}
#mode_slide_active li .text_box .box{ position: absolute; right: 10%; top: 50%; margin-top: -35px; width: 80%; display:block; text-align: center; }
#mode_slide_active li .text_box h1{text-align: center; display:block; font-size: 1.6rem; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#mode_slide_active li .text_box span{font-size:4rem; color:#fff;  display: block; text-align: center; margin-bottom: 1.5rem;}
#mode_slide_active li:hover a .text_box{ opacity:1;filter:alpha(opacity=100); -moz-transform:scale(1); -o-moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); }
#mode_slide_active li a:hover .text_box .box{  margin-top: -50px; }
#mode_slide_active .s_more{  margin-top: 80px; }
#mode_slide_active .bnt{ position: absolute; top: 2px;   font-size: 2.8rem; color: #737272;  z-index: 9; cursor: pointer;}
#mode_slide_active .bnt.on{color: #2d56a4; }
#mode_slide_active .bnt_prev{right: 40px;  }
#mode_slide_active .bnt_next{right: 0px; } 
#mode_slide_active .bnt:hover{ color: #2d56a4; }
#mode_slide_active .bnt.off{ opacity:.5;filter:alpha(opacity=50);}

/*=========地理位置=========*/
#mode_space_map .content{ padding: 0; margin: 0; background: #fafafb; border-radius: 10px; overflow: hidden;}
#mode_space_map .j_item{ padding: 0;  border-radius:10px 0 0 10px; display: block; overflow: hidden;}
#mode_space_map iframe { height: 330px;  border-radius:10px 0 0 10px; display: block; overflow: hidden;}
#mode_space_map .info_box{ display: table; height: 330px;}
#mode_space_map dl{padding: 0px 50px 0 50px;display: table-cell;vertical-align: middle;height: 260px;overflow-y: scroll;display: block;margin-top: 34px;margin-right: 30px;}
#mode_space_map dd{ display: block; margin-bottom: 40px; padding-left: 50px;}
#mode_space_map dd:last-child{ margin-bottom: 0;}
#mode_space_map dd.li1{ background: url(../images/icon_space_id1.png) left 5px no-repeat;}
#mode_space_map dd.li2{ background: url(../images/icon_space_id2.png) left 5px no-repeat;}
#mode_space_map dd.li3{ background: url(../images/icon_space_id3.png) left 5px no-repeat;}
#mode_space_map dd h1{ color: #060001; font-size: 14px;}
#mode_space_map dd .ar_article{ font-size: 12px;}


/*=========联系我们=========*/
#n_contact .title h1{ color:#2d56a4; font-size:24px; font-weight: 700; margin-bottom: 40px;}
#n_contact ul{ margin: -1.5rem -1rem;   }
#n_contact li{ display: block;   float: left;  position: relative;    }
#n_contact li a{ display: block; margin: 3.5%; padding:30px 7%; position: relative; background: #fbfbfb; border-radius: 5px; }
#n_contact li .pic_box{ position: absolute; right: 7%; top: 30px;  width: 85px; height: 85px; border: 3px solid #fff; overflow: hidden;}
#n_contact li img{ display: block; margin: 0 auto; width: 100%;  height: 100%;   }
#n_contact li .text_box{      margin-right: 100px; }
#n_contact li .text_box .box{ }
#n_contact li h1{  color: #2d56a4;  font-size: 18px; margin-bottom: 15px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#n_contact li span{  display: block;  line-height: 30px;  font-size: 14px; color: #3c3e3e;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
/***************/
#gotop{position:fixed; bottom: 48px; right: 10px; z-index: 999; display: none;}
@media (max-width:640px){
	#gotop img{ width: 30px;}
	}
.logos{}
.logos img{ float:left; margin:0 20px 0 0; border:#CCC solid 1px; padding:6px;}
.media{ margin-top:15px;}
.con{
    height: 56px;
    line-height: 54px;
    border: 1px solid #eee;
    background-color: #fff;
    padding-left: 20px;
    font-size: 16px;
    color: #333;
}
.zzfw > .j_col_sm-4{ margin-bottom:15px;}
.con .j_col_sm-4:nth-of-type(n+4) {
	margin-top: 10px;
}
.con:hover {
	border-color: #2d56a4;
	background-color: #2d56a4;
	color: #fff;
	box-shadow: 0 0 25px rgba(0,0,0,.1);
}
.interpret {
    text-align: center;
    margin-top: 8px; margin-bottom:4%;
}
.tw-h1 {
    font-size: 24px;
    color: #333;
}
.text-center {
    text-align: center;
}
.Pagec{ display:block; height:2rem; width:2rem;background:#b1b1b1; margin-right:0.5rem;margin-top:0.5rem;float:left;border:#999999 solid 1px; text-align:center;line-height:
2rem; font-weight:bold;color:#333;}
.Page{display:block; height:2rem; width:2rem; background:#f1f1f1;margin-right:0.5rem;margin-top:0.5rem; float:left; border:#999999 solid 1px;text-align:center; line-height:
2rem;color:#333;}
.Pagec a{ color:#333;}
.Page a{ color:#333;}