@charset "utf-8";
/*===============================================技术支持： 银灵子================================================*/
 
/*===============================================header================================================*/
 
#top_bar{height: 35px; line-height: 35px; vertical-align: middle; background: #f3f3f5; border-bottom: 1px solid #ddd;  color: #909093; font-size: 12px; display: block;}
#top_bar .main_box{ height: 35px;}
#top_bar span{ font-weight: 700; color: #0082c6;}
#top_bar .top_link_box{ position: absolute; right: 0; top: 0; line-height: 35px;}
#top_bar .top_link_box a{ color: #6f747c; font-size: 12px; padding-left: 20px;}
#top_bar a:hover{ color: #0082c6;}

#search_box{ position:absolute; right:0px;  top:0px;}
#search_box form{ position:relative;  border-left: 1px solid #ddd; position:relative; width: 288px; height: 35px;}
#search_box input{display: block;background: none;border: none;}
#search_box .text{width: 214px; height: 35px; width: 214px; line-height: 35px;font-size: 14px;color: #7f7f87;margin-left: 13px;}
#search_box .submit{width: 50px;cursor: pointer; position:absolute; right:0; top:0; cursor:pointer; height: 35px; line-height:35px;background:url(../images/icon_search.png) center no-repeat #016599; }
#search_box  form:hover{ }

#logo_box .main_box{ height: 90px; }
#link_top_box{position: absolute; top: 17.5px; right: 0; }
#link_top_box a{position: relative; display: inline-block; height: 55px; margin-left: 35px;}
#link_top_box a img{ }
#link_top_box a.top_tel{   width: 140px;}
#link_top_box a.top_tel strong{ position: absolute; top: 30px; right: 0; font-size: 12px; color: #929396;  display:block;}

#logo_box .ewm_box{ position: absolute; right: 0; top: 12.5px; height:65px; color: #6d6d6d; font-size: 12px;}
#logo_box .ewm_box .box{ display: inline-block; padding-left: 20px;}
#logo_box .ewm_box img{ vertical-align: middle; height: 65px; width: 65px;}

/*===============================================header================================================*/
#header{position: fixed; width: 100%; top: 0; bottom: 0; height: 175px;  z-index: 999; width: 100%; left: 0; background: #fff; }
#header .main_box{position: relative; z-index: 98;} 
.top_padding{ padding-top: 176px;}

/*=================电话=================*/
#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:50px; line-height:50px; }
#bnt_top_search{ display: block;  width: 50px;    height:50px; line-height:50px;   background:url(../images/icon_search.png) right center  no-repeat; -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-in-out; }
#bnt_top_search:hover{-moz-transform:scale(1.2); -webkit-moz-transform:scale(1.2); transform:scale(1.2);}
 
#logo { position: absolute; top: 25px; left: 0; background: #fff; }
#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: #0082c6; }
#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_box{background: #016599; color: #fff;}
#nav{ height: 50px; line-height: 50px; padding-right: 0px;}
#nav ul{ display: flex; }
#nav li{flex: 1;  position:relative;  }
#nav li .a{display:block;text-align:center; position: relative;  height: 50px;}
#nav li .a h1{  font-size:15px;color:#fff;text-align:center;display:block; font-weight: 700; position:relative;z-index:2; }

#nav li .a span{position:absolute;bottom:0;left:0;width:100%;text-align:center;  }
#nav li .a i{display:block;margin:0 auto;text-align:center;z-index:1;height:0px;width:100%;background:#0082c6; color: #0082c6; overflow: hidden; -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-in-out; }
#nav li.on .a strong{ }
#nav li.on i{height:50px;}
#nav li .a:hover i{height:50px;}
#nav li .a:hover strong{ }
#nav li.on .a:hover i{width:100%;}
#nav.title{position:relative}
#nav .list{width:136px;left:50%; margin-left: -68px; max-height:0;position:absolute; top: 50px;z-index:0; padding-top: 10px;  -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 li:nth-child(2) .list{ display: none !important;}
#nav .list::before{ display: block; position:absolute;top:0px;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 dl{ position: relative; width:136px; overflow: visible;}

#nav .list dt 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 dl:hover dt a{color:#0082c6;border-bottom:#0082c6 1px solid;}
#nav .list dd{ position: absolute; left: 135px; top: 0;  width: 0; overflow: hidden; -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-in-out;}
#nav .list dd a{width:100%; padding: 0 20px; height:50px;line-height:50px;text-align:left;color:#222;display:block;font-size:14px;text-decoration:none;opacity:1;background-color:#fff;border-bottom:#e9ecf1 1px solid; border-left:#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; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#nav .list dd a:first-child{ border-left: none;}
#nav .list dl:hover dd{ width: 200px;}
#nav .list dd a:hover{color:#0082c6;}
#nav li:focus .list,#nav li:hover .list{max-height:2000px;z-index:10; top: 53x; padding-top: 10px; 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);}
  
/*======================移动端头部======================*/
#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: #0082c6;}

/*移动端导航*/
#m_bnt_nav{position: absolute;top: 0;right: 0;cursor: pointer;width: 50px;height:50px;background-color:#0082c6;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:fixed;top:50px;left:0;display:none;width:100%;z-index:999; max-height: auto; overflow-y:scroll;}
#m_nav{ background: #0082c6;}
#m_nav ul{ }
#m_nav li{display:block;width:100%; border-top: 1px solid rgba(255,255,255,.3)}
#m_nav li .a{display:block;text-align:left;position:relative;height:40px; line-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:13px;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 {   }
#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:left;line-height:3rem;border-top: 1px solid rgba(255,255,255,.1); padding: 0 20px;}


/*================= banner===================*/
#banner { width: 100%;  position: relative; height: 560px; cursor: pointer;}
#banner .main_box{ height: 560px;}
 
#banner .swiper-slide{ display: block; height: 560px; 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-bullet{background: #fff; border: 2px solid #fff; opacity: 1;}
#banner .swiper-pagination-bullets{ bottom: 3rem;}
#banner .swiper-pagination-bullet.swiper-pagination-bullet-active{   background: #d73131; border: 2px solid #d73131;}
 
#banner .bnt{ position: absolute; top: 50%; width: 60px;  height: 60px;  border-radius: 50%; font-size: 6rem; color: #fefefe; 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: #0082c6; }
 
#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: #fefefe; margin-top: -30px; z-index: 9; cursor: pointer;}
#m_banner .bnt{ position: absolute; top: 50%; width: 4rem;  height: 4rem; color: #0082c6; 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);}
 .swiper-pagination-bullets{ width: 100%;}
  .swiper-pagination-bullets span{ margin: 0 5px;}
/*================= index===================*/
#page_index .floor{ padding: 60px 0; }
.s_title{position:relative;margin-bottom:3.5rem;text-align: center; }
.s_title img{ display: block; margin: 0 auto;}
 
.s_title h1{ display: block; text-align: left; color: #3a3a3b; font-size: 2.2rem; font-weight: 700; margin-bottom: 5px;}
.s_title span{font-size:1.6rem; text-align: left; color:#c6c6c7; display: block;    text-transform: uppercase;   }
.s_title p{font-size:16px;color:#a3a4a4; text-transform: uppercase; display: block;  }
.s_title .more{position: absolute; right: 0; top: 5px; font-size: 36px; color:#006599; display: block;}
.s_title .more:hover{color:#0082c6;   }
 
/*==================业务范围=================*/
#page_index .floor.f1{ padding-bottom: 40px;}
#mode_yw .content{ height: 500px; background: #f0f0f4; position: relative; overflow: hidden;}
#mode_yw .bd{ width: 923px; position: relative;}
#mode_yw .bd li{ position: relative;  height: 500px; display: block; }
#mode_yw .bd li .text_box{ width: 320px; box-sizing: border-box; padding: 40px;}
#mode_yw .bd li .text_box h1{ padding-top: 50px; display: block; margin-bottom: 38px; }
#mode_yw .bd li .text_box i{ display: block; height: 3px; width: 25px; background: #006599;  margin-bottom: 30px;} 
#mode_yw .bd li .text_box p{text-indent: 2em; color: #605f61; line-height: 30px; font-size: 14px; text-align: justify;}
#mode_yw .bd .pic_box{ position: absolute; right: 0; top: 0; width: 600px; height: 500px;}
#mode_yw .bd .pic_box img{width: 600px; height: 500px; display: block;}

#mode_yw .bnt_box{position: absolute; width:60px; left: 50px; bottom: 90px;}
#mode_yw .bnt{position:absolute;bottom:0;cursor:pointer;z-index:99;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}

#mode_yw .bnt_prev{left:-10px;width:35px;height:35px;background:url(../images/bnt_prev_on.png) no-repeat; }
#mode_yw .bnt_prev:hover{background:url(../images/bnt_prev_on.png) no-repeat;}
#mode_yw .bnt_next{right:-10px;width:35px;height:35px;background:url(../images/bnt_next.png) no-repeat; }
#mode_yw .bnt_next:hover{ background:url(../images/bnt_next_on.png) no-repeat; }

#mode_yw .hd{position: absolute; right: 0; top: 0px; width: 275px; border: 1px solid #eee; border-bottom: none; background: #fdfdfd; height:498px;  }
#mode_yw .hd li{ border-bottom: 1px solid #eee; display: block; ;height: 82px; line-height: 82px;}
#mode_yw .hd li:last-child{ border-bottom: none; height: 83px;}
#mode_yw .hd li *{ -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-in-out; }
#mode_yw .hd li a{ padding-left: 128px;position: relative; display: block;}
#mode_yw .hd li a img{ position: absolute; left: 80px; top:26.5px; height:30px; width: 30px; z-index: 12; }
#mode_yw .hd li a img.icon_on{ opacity: 0;}
#mode_yw .hd li a i{ position: absolute; right:-1px; top: -1px; z-index: 1; height: 85px; background:#006599; width: 0;}
#mode_yw .hd li a strong{position: relative; z-index: 12; color: #383839; font-size: 16px; display: block; }
#mode_yw .hd li:hover a img.icon{opacity: 0;}
#mode_yw .hd li:hover a img.icon_on{opacity: 1;}
#mode_yw .hd li:hover a strong{ color: #fff;}
#mode_yw .hd li:hover a i{width: 300px;}
#mode_yw .hd li.on a img.icon{opacity: 0;}
#mode_yw .hd li.on a img.icon_on{opacity: 1;}
#mode_yw .hd li.on a strong{ color: #fff;}
#mode_yw .hd li.on a i{    width: 277px;}

/*==================首页快捷模块=================*/
#page_index .f2 .main_box{ background: #f0f0f4; position: relative; height: 220px;}
#page_index .f2 a{ height: 50px; line-height: 50px; display: block;  font-size: 16px;padding-left: 46px; text-align: center; width: 149px; -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-in-out;  letter-spacing:3px;}
#page_index .f2 a:hover{ letter-spacing:5px; font-weight: 700;}

/*==================在线评估=================*/
#model_zxpg{position: absolute; left: 0; top: 0; width:220px; ; height: 220px; background: #006599; padding: 0 50px;  }
#model_zxpg .title{ padding-top: 42px; display: block; margin-bottom: 40px;}
#model_zxpg a{ background: url(../images/bnt_bg_zxpg.png) left center;color: #4b4b4e; }

/*==================会员登录=================*/
#model_login{ margin-left: 320px;  padding-left: 85px; padding-top: 42px; }
#model_login .title{display: block; margin-bottom: 15px;}
#model_login a{  background: url(../images/bnt_bg_login.png) left center;   color: #fff; }
#model_login .icon{ position: absolute; right: 50px; top: 60px;}

/*==============项目=====================*/
#mode_index_project { background: url(../images/bg_f2.jpg) center bottom no-repeat #f0f0f4; background-size: 100% 100%; padding: 6rem 0; }
#mode_index_project ul{ margin:0 -25px; margin-bottom: -30px;}
#mode_index_project li{ display: block; float: left;  position: relative; margin-bottom: 30px; }
#mode_index_project li a{ display: block; overflow: hidden; position: relative; margin: 0 25px 0px 25px;   background: #006599; }
#mode_index_project li .pic_box{  width:100%;    overflow:hidden; -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-in-out; }
#mode_index_project li .pic_box img{ width:100%; display: block;}
 
#mode_index_project li .text_box{ position:absolute;  width: 100%; left: 0; bottom: 0; padding-top: 55px; height: 35px; background: url(../images/bg_line.png) left bottom repeat-x;}
  
#mode_index_project li .text_box .box{ width: 100%; display:block; text-align: center; -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-in-out;  }
#mode_index_project li .text_box h1{text-align: center; display:block; font-size: 1.6rem; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#mode_index_project li .text_box span{font-size:1.2rem; color:#fff;  display: block; text-align: center; border: 1px solid rgba(255,255,255,.5); line-height: 24px; height: 24px; width: 67px; border-radius: 3px; margin:15px auto 0 auto;}
#mode_index_project 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_index_project li a:hover .text_box { height: 100%; background: rgba(0,101,153,.7);}

#mode_index_project li a:hover .text_box .box{position: absolute; right: 0%; bottom: 50%; margin-bottom: -50px;  }
#mode_index_project li a:hover .pic_box{ opacity: .15;}

/*==============拓视优势=====================*/
#mode_youshi .content{ position: relative; height: 680px; }
#mode_youshi .content .bg{ position: absolute; top: 0px; left: 50%; margin-left: -550px; z-index: 0;}
#mode_youshi .content li{ display: block; position: absolute;}
#mode_youshi .content li.li1{ left: 10px; top: 0;  width: 220px;}
#mode_youshi .content li.li2{ left: 50%; margin-left: -115px; top: 0;  width: 240px;}
#mode_youshi .content li.li3{ right: -12px; top: 0;  width: 240px;}
#mode_youshi .content li.li4{ left: 231px; top: 347px;  width: 266px;}  
#mode_youshi .content li.li5{ right: 220px; top: 347px;  width: 260px;}
#mode_youshi .content li a{ display: block; text-align: center;}
#mode_youshi .content li .icon{background: rgba(255,255,255,0); width: 140px; height: 140px; border-radius: 50%; margin: 0 auto; position: relative;}
#mode_youshi .content li .icon .box{position: absolute; right:-10px; top: -10px; display:block;border-radius: 50%;  width: 100%; height: 100%; background: rgba(255,255,255,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-in-out; border: 10px solid rgba(0,110,153,0);}
#mode_youshi .content li h1{margin-bottom: 10px; margin-top: 15px; display: block; font-size: 18px; font-weight: 700;}

#mode_youshi .content li .info{ text-align: justify; line-height: 24px; font-size: 14px; color: #6a6a6a;}
#mode_youshi .content li:hover .icon .box{border: 10px solid rgba(0,110,153,.37); }

 /*==============经典案例=====================*/
#mode_case{ background: url(../images/bg_case.jpg) center no-repeat; background-size: 100% 100%; }
 #certify{position:relative;width:1200px;margin:0 auto}
#certify .swiper-container{padding-bottom:45px}
#certify .swiper-slide{width:600px;    height: 405px;background:#fff; display: block; padding:10px;box-sizing:border-box}
#certify .swiper-slide img{width:100%;display:block}
#certify .swiper-slide h1{line-height:30px;padding-top:15px;text-align:center;color:#636363;font-size:1.1em;margin:0}
#certify .swiper-pagination{width:100%;bottom:20px}
#certify .swiper-slide:hover{ color: #0082c6;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #00aadc;background-color:#fff}
#certify .bnt_box{position:relative;width:60px;margin:30px auto 0 auto}
#certify .bnt{position:absolute;bottom:0;cursor:pointer;z-index:99;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}

#certify .bnt_prev{left:-10px;width:35px;height:35px;background:url(../images/bnt_prev.png) no-repeat; }
#certify .bnt_prev:hover{background:url(../images/bnt_prev_on.png) no-repeat;}
#certify .bnt_next{right:-10px;width:35px;height:35px;background:url(../images/bnt_next.png) no-repeat; }
#certify .bnt_next:hover{ background:url(../images/bnt_next_on.png) no-repeat; }

/*关于拓视*/
#mode_about{ width: 560px; float: left; overflow:hidden; }
#mode_about .title{ margin-bottom: 35px;}
#mode_about .content {background: #f0f0f4;} 
#mode_about .content img{ width: 100%; max-height: 270px;}
#mode_about .content .text_box{ padding: 30px;}
#mode_about .content p{ line-height: 26px; color: #7f7f7f; font-size: 14px;}
#mode_about .content a.more{font-size:1.4rem; color:#fff;  display: block; text-align: center;background:#006599; line-height: 24px; height: 24px; width: 67px; border-radius: 3px; margin-top:15px; margin-bottom: 10px;}
#mode_about .content a:hover{ letter-spacing: 2px;}

/*移民资讯*/
#mode_news{ width: 580px; float: right; overflow:hidden; }
#mode_news .title{ margin-bottom: 35px;}

#mode_news ul{ margin-bottom:10px}
#mode_news .up_box li { display:block; position:relative; height: 170px; background:#f0f0f4;  }
#mode_news .up_box li .fl{float: left; display: block; position: relative; width:250px; height:170px; overflow: hidden;}
#mode_news .up_box li  .fl img{ width:100%; height:100%; }
#mode_news .up_box li  .fr{ float: right; width: 265px; position:relative;   height:170px;margin-right:35px; }
#mode_news .up_box li  .fr h1{ display:block; padding-top:35px;}
#mode_news .up_box li  .fr h1 a{  font-size:17px;  color:#3a3a3b;   display:block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#mode_news .up_box li  .fr span{  font-size:12px; display:block;   color:#888888; margin-top:10px;}
#mode_news .up_box li .fr h1 a:hover{ color:#006599;  }
#mode_news .up_box li .fr p{ line-height:22px;  color:#818181; height: 44px; overflow:hidden; padding-top:12px; font-size:12px;}

/*================= 文字新闻 ==================*/
#mode_news .text_news li{ display: block; position: relative; height: 36px; line-height: 36px;}
#mode_news .text_news a{background: url(../images/icon_dd.png) left center no-repeat;  padding-left: 12px;  font-size: 16px; color: #5f5f5f; float: left; margin-right: 25px; display: block; line-height: 36px; width: 202px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#mode_news .text_news li a{   width: 445px; display: block; }
#mode_news .text_news li span{ font-size: 13px; color: #9f9f9f; position: absolute; right: 0; top: 0;}
#mode_news .text_news li a:hover{ color: #006599;}

/*==============footer=====================*/
 
#footer{ background:#3e3e41;  }
#footer .main_box{ position:relative;}
#footer .up_box{  padding: 55px 0;}
#footer .content{ position: relative;  margin-top: 20px;}
#footer .un_box { font-size: 12px; text-align: center;  color:#747475; height: 65px; line-height: 65px;  border-top: #525254 1px solid;  }
#footer .un_box p{ display: inline;}
#footer .un_box a{color:#747475;}
#footer a:hover{ color:#fff; text-decoration: underline;}
 

/*==============底部联系=====================*/
#fot_contact{width: 600px; padding-top: 15px; }
#fot_contact p{  color: #9c9ca2; line-height: 34px; font-size: 15px;}

#consult_box{width: 200px; position: absolute; right: 290px; top: 0;}
#consult_box a{margin-top: 5px; display: block; float: right; margin-bottom: 25px;}
#consult_box .tel_box{ text-align: right; font-size: 14px; color: #fff; }
#consult_box .tel_box strong{ padding-top: 5px; display: block; color: #fff; font-size: 22px; }
 
 /*==============底部二维码=====================*/
#fot_ewm{ position: absolute; right: 0; top: 0px;  }
#fot_ewm .box{ position: relative; display: inline-block; padding-left: 20px; height: 120px;}
#fot_ewm .box img{width: 120px;  height: 120px; display: block; }
#fot_ewm .box span{ display: block; text-align: center; line-height: 30px; font-size: 12px; color:#fff; opacity:.65;filter:alpha(opacity=65);   }
 
#fot_nav{  display: block;} 
#fot_nav .box{   }
#fot_nav a{ display: inline-block; font-size:15px; color:#fff; padding-right: 30px; }
#fot_nav a:hover{ color:#0082c6; text-decoration: none;}
  
#gotop_box{ position:fixed; right:10px; bottom:0px; width:53px; }
#gotop_box a{ display:block;  }
#gotop_box:hover{  bottom:0px;}

 /*==============移动端tab=====================*/
#m_fot_nav{ background: #0082c6; position: fixed; bottom: 0; width: 100%; padding: 10px 0; z-index: 666; display: none;}
#m_fot_nav li img{ display: block; width: 25px; height: 25px; margin: 0 auto;}
#m_fot_nav li a{display: block;}
#m_fot_nav li h3{color: #fff; text-align: center; font-size: 12px; display: block; padding-top: .5rem;}

/*===================内页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{ float: left; width: 820px;  overflow:hidden; }
.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:#006599; 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 #006599;}
#n_nav dt.on a{ background: #006599; color:#fff; border-bottom:3px solid #006599;}

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

#n_nav dt.title:hover{border-left:3px solid #006599; }
#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 #006599;}
#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 #006599;}
#n_nav dt.title.title_on a{color:#fff; background: #006599;}
#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:#006599;}
#n_nav dd a.on{ color: #006599;}
 
/*==============左侧快捷链接=====================*/
#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_title {margin-top: 35px;}
.n_title .main_box{position:relative; z-index: 2;  border-bottom:1px solid #dfe0e2; }
.n_title h1{ font-size:18px; font-weight: 400;  color:#b5b5b7; text-transform: uppercase; }
.n_title h1 strong{padding-right: 5px; padding-bottom: 15px;  font-size:22px; color:#016599; display:inline-block; border-bottom:2px solid #0082c6; }
 
/*==============二级导航=====================*/
#sub_nav{ position: absolute; right: 20px; top: -17px; }
#sub_nav .box{ position: relative;}
#sub_nav .bd{    width: 500px; overflow: hidden; padding-left: 2px;}
#sub_nav li{ display: block;   float: left;  position: relative;    }
#sub_nav li a{ border: 1px solid #cfcfcf;   position: relative;  color: #5a5a5b; display:block; height:45px; line-height:45px; text-align:center; font-size:14px; -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-in-out;  }
#sub_nav li a:hover {background: #0082c6; color: #fff; border: 1px solid #0082c6;  }
#sub_nav li.on a{background: #0082c6; color: #fff; border: 1px solid #0082c6;}
#sub_nav .bnt{ position: absolute; top: 15px; cursor: pointer; color: #0082c6; font-weight: bold;}
#sub_nav .bnt:hover{color: #0082c6;}
#sub_nav .bnt_prev{ left: -20px;} 
#sub_nav .bnt_next{ right: -20px;} 


/*==================移动端导航=================*/
#m_n_nav{   display: none; line-height: 50px; position: relative; z-index: 99;   background: #efefef; }
#bnt_back{ position:absolute; left: 1rem; top:0;  color: #fff; font-size: 26px; display: none;}
#m_n_nav #n_n_title{ text-align: center; display: inherit; padding-top: 10px; position: relative;}
#m_n_nav #n_n_title::after{ content: ''; display: block; width: 100%; position: absolute; top: 32px;  height: 4px; background: #204f97; }
#m_n_nav h1{z-index: 9; position: relative; border-left: 10px solid #efefef;  border-right: 10px solid #efefef; font-size: 14px; color: #fff; display:inline-block; line-height: 36px; padding: 0px 15px; background: #204f97; text-align: center;}
#bnt_sub_nav{ position: absolute; right: 1rem; top: 0; cursor: pointer; color: #fff; font-size: 26px; display: none; }
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{   display: none;  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: #010101;}
#sub_nav_content ul li.on a{color: #d2b068;}

#sub_nav_content dt{height:32px;line-height:32px;position:relative;  margin: 0 5px;  z-index: 999; border-radius: 5px; box-shadow: 0 1px 5px rgba(0,0,0,.6); background-image: linear-gradient(to top, #ccc 0%,   #ebebeb 100%);}
#sub_nav_content dt a{ margin:0 20px; display:block;color:#5b5349; height: 32px; 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-image: linear-gradient(to top, #04359b 0%,   #2184d5 100%);}
#sub_nav_content dt.on, #sub_nav_content dt.title_on{ background-image: linear-gradient(to top, #04359b 0%,   #2184d5 100%);}
#sub_nav_content dt.title_on a{ color:#006599; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #006599;  }
#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:#006599;}
#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:#006599}


/*==============n_content=====================*/
#page_inner{ margin-bottom: 60px;}
#n_content{ padding-top: 30px; position: relative; min-height: 500px;}
#n_main_box{   margin-bottom: 60px;     min-height: 400px;}

/*内页右边*/
.n_right{ float: right; width: 325px; }
.n_right.fix_right{ position: fixed; top: 30px; margin-left: 875px;  }
.n_right .ad_box{ }
.n_right .ad_box a img{ display: block; -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-in-out; }
.n_right .ad_box a:hover img{box-shadow: 0 5px 5px #ccc;}
.link_box{ display: block; margin-top: 20px; background: #0082c6; padding: 30px;}
.link_box a{background: #fff;border-radius: 2px;display: block;padding: 20px;margin-bottom: 15px;-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-in-out; }
.link_box a:last-child{margin-bottom: 0px;}
.link_box a:hover{ border-radius: 10px;}

#page_about .up_box{ padding: 60px 0 40px;}
#page_about .linian{ color: #fff; height: 405px; background: url(../images/page_about3.jpg) center top no-repeat; }
#page_about .linian h1{font-size: 18px; padding-top: 78px; padding-bottom: 5px; }
#page_about .linian h2{ font-size: 24px; padding-bottom: 50px;}
#page_about .linian p{ font-size: 16px; line-height: 28px;}
#page_about .linian span{ font-size: 14px; display: block; line-height: 28px;}

.ys_title{ text-align: center; padding-top: 75px;}
.ys_title strong{ font-size: 32px; color: #e48a00; text-transform: uppercase;}
.ys_title h1{ font-size: 26px; color: #5d5d5d; }

.page_youshi .floor{ padding: 60px 0;}
.page_youshi .floor .title {padding-bottom: 50px;}
.page_youshi .floor .title h1{ color: #0082c6; font-size: 18px; text-align: center; font-weight: 700; text-transform: uppercase;}
.page_youshi .floor .title strong{ color: #575757; font-size: 24px; text-align: center;}

.page_youshi .f2{ background: #ececec;}
.page_youshi .f3{ background: url(../images/bg_page_ys3.jpg) center top no-repeat #ececec;}
.page_youshi .f4_5{ background: url(../images/bg_page_ys4.jpg) center top no-repeat #ececec;}
.page_youshi .f4 .title h1,.page_youshi .f4 .title h1 strong{ color: #fff;}
.page_youshi .f4  ul{  overflow:hidden;  }
.page_youshi .f4 li{ text-align: center; float:left; position:relative; width:33.33%; height: 287px;  display:block;    }
.page_youshi .f4 li.li2 p{ color: #6d6d6d;}
.page_youshi .f4 p{padding-top: 115px; color: #fff; line-height: 28px; width: 170px; margin: 0 auto;}
.page_youshi .f4 a img{ display: block; margin: 90px auto 85px auto; }

.page_youshi .f5{margin-bottom: 60px; padding-bottom: 0;}
.page_youshi .f5 img{ display: block; margin: 0 auto;}

/*==============案例=====================*/
#n_case{ display:block;   overflow:hidden;}
#n_case ul{ margin-right: -40px; overflow:hidden; margin-bottom: -30px; }
#n_case li{ float:left; position:relative; width:380px; border:7px solid #ecebef; display:block; margin-bottom: 35px; margin-right: 30px; background: #edeff1; -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-in-out; }
#n_case li a{ display:block;   overflow:hidden;    }
#n_case li .pic_box{width:380px; height:220px; margin-bottom: 10px; overflow: hidden;}
#n_case li img { display:block;  width:380px; height: 220px;}
#n_case li h1{  position:relative; text-align: center; line-height: 30px; z-index:2;  display:block;  font-size:16px; color:#4a4a4a;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  }
#n_case li:hover h1{  text-decoration:none; color: #fff;}
#n_case li:hover{ background: #0082c6;  border:7px solid #0082c6;}
  
.project_nav{ padding: 30px 0; height: 120px; background: #f0f1f6;}
.project_nav ul *{ -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-in-out; }
.project_nav li{ display: block; float: left; width: 20%;}
.project_nav li a {text-align: centerc; height: 120px; width: 120px; overflow: hidden; box-sizing: border-box; border-radius: 50%; display: block; position: relative; border: 1px solid #c6c6c6; margin: 0 auto;}
.project_nav li a img{position: absolute; display: block; top: 25px; left: 50%; margin-left: -20px;}
.project_nav li a img.icon_on{ display: none;}
.project_nav li a h1{padding-top: 70px; font-size: 17px; font-weight: 400; text-align: center; display: block;}
.project_nav li.on a{ background: #0082c6; border: 1px solid #0082c6;}
.project_nav li.on a img.icon_on{ display:block;}
.project_nav li.on h1{ color: #fff;}
.project_nav li:hover a{ background: #0082c6; border: 1px solid #0082c6;}
.project_nav li:hover a img.icon_on{ display:block;}
.project_nav li:hover h1{ color: #fff;}


/*签证服务*/
#mode_project{margin-top: 50px; }
#mode_project ul{ margin-right: -50px;}
#mode_project li{width: 375px; background: #f3f3f6;  position: relative;  margin-bottom: 30px; margin-right: 36px; float: left;}
#mode_project li a{ display: block; position: relative;   }
#mode_project li .pic_box{ position: relative; width: 375px; height: 240px; overflow: hidden;}
#mode_project li img{ display: block; margin: 0 auto; width: 100%;  height: 100%;   }
#mode_project li .mark{ position: absolute; left: 0; top: 20px; background: url(../images/bg_mark.png) left center no-repeat; width: 105px; height: 32px; color: #fff; font-size: 14px; line-height: 32px; text-align: center;}
#mode_project li .text_box{  padding:35px 40px; }
#mode_project li .text_box .box{ }
#mode_project li h1{margin-bottom: 15px;  color: #4d4d4d;  font-size: 18px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; -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-in-out; } 
#mode_project li span{ display: block;  line-height: 24px; font-size: 14px; color: #4d4d4d; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#mode_project li p {display: block;  line-height: 24px; font-size: 14px; color: #4d4d4d;  display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#mode_project li strong{ display: block; width: 100px; height: 33px; line-height: 33px; border: 1px solid #cacacc; color: #454545; text-align: center; font-size: 13px; border-radius: 3px; margin-top: 25px; -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-in-out; }
#mode_project li h1:hover{ color: #0082c6}
#mode_project li strong:hover{ background: #0082c6; border: 1px solid #0082c6; color: #fff; }

/*==============项目优势=====================*/
.project_youshi{}
.project_youshi .box{ position: relative;}
.project_youshi .bd{ overflow: hidden;}
.project_youshi li{ display: block;   float: left;  position: relative; height: 290px;  background: #ecebef;  }
.project_youshi li .a{padding: 7px;}
.project_youshi li img{ display: block; margin: 0 auto; width: 100%;   }
.project_youshi li h1{  padding: 0 30px 10px 30px; text-align: center; position: relative; color: #4a4a4a;  display: block; line-height: 26px; font-size: 17px;  padding-top: 10px;} 
.project_youshi p{display: block;  padding: 0 15px 0px 15px;  text-align: center; color: #666666;  overflow:hidden; line-height: 23px; height: 69px; font-size: 13px;}
.project_youshi li a:hover strong{  color: #0082c6}
.project_youshi .hd{position: absolute; bottom: 15px; right: 0; }
.project_youshi .bnt{ display: inline-block; font-size: 27px; cursor: pointer; color: #b3b3b3; -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-in-out; }
.project_youshi .bnt:hover{color: #0082c6;}
.project_youshi .bnt_prev{ left: -50px;} 
.project_youshi .bnt_next{ right: -50px;} 

/*==============申请流程=====================*/
.project_liucheng{}
.project_liucheng .box{ position: relative;}
.project_liucheng .hd{position: absolute; bottom: 15px; right: 0; }
.project_liucheng .bnt{ display: inline-block; font-size: 27px; cursor: pointer; color: #b3b3b3; -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-in-out; }
.project_liucheng .bnt:hover{color: #0082c6;}
.project_liucheng .bnt_prev{ left: -50px;} 
.project_liucheng .bnt_next{ right: -50px;} 
.project_liucheng .bd{ overflow: hidden;}
.project_liucheng li{ display: block;   cursor: pointer;  float: left;  position: relative;    }
.project_liucheng li .a{height: 155px; width: 150px; margin: 0 auto; background: url(../images/bg_step.png) center top no-repeat;}
.project_liucheng li h1{ text-align: center; position: relative; color: #535353;  display: block; line-height: 26px; font-size: 15px;  padding-top: 3px;} 
.project_liucheng li h2{  padding-top: 60px ; text-align: center; position: relative; color: #535353;  display: block; line-height: 15px; font-size: 15px;  } 
.project_liucheng li.on .a{ background: url(../images/bg_step_on.png) center top no-repeat;}
.project_liucheng li.on .a h1,.project_liucheng li.on .a h2{  color: #fff}
.project_liucheng .p{display: block; opacity: 0;}
.project_liucheng .info_box{ margin-top: 30px; padding: 15px; border: 1px solid #e1e1e1; border-radius: 3px; line-height: 25px; text-align: center; font-size: 15px; color: #535353;}

/*签证服务*/
#mode_service{margin-top: 50px; }
#mode_service li{  position: relative;  margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #d7d7d7;  height: 240px;}
#mode_service li:last-child{ margin-bottom: 0; }
#mode_service li a{ display: block; position: relative; padding-left: 415px; }
#mode_service li .pic_box{ position: absolute; left: 0; top: 0;  width: 360px; height: 240px; overflow: hidden;}
#mode_service li img{ display: block; margin: 0 auto; width: 100%;  height: 100%;   }
#mode_service li .mark{ position: absolute; left: 0; top: 20px; background: url(../images/bg_mark.png) left center no-repeat; width: 105px; height: 32px; color: #fff; font-size: 14px; line-height: 32px; text-align: center;}
#mode_service li .text_box{  padding-top: 10px;  }
#mode_service li .text_box .box{ }
#mode_service li h1{margin-bottom: 15px;  color: #4d4d4d;  font-size: 18px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} 
#mode_service li span{ display: block;  line-height: 24px; font-size: 14px; color: #4d4d4d; }
#mode_service li p {display: block;  line-height: 24px; font-size: 14px; color: #4d4d4d;  display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#mode_service li strong{ display: block; width: 100px; height: 30px; line-height: 30px; border: 1px solid #cacacc; color: #454545; text-align: center; font-size: 13px; border-radius: 3px; margin-top: 30px;}
#mode_service li h1:hover{ color: #0082c6}
#mode_service li strong:hover{ background: #0082c6; border: 1px solid #0082c6; color: #fff; }
 
/*==============签证服务详情=====================*/
#page_service_detail .service_info .content{ position: relative; padding: 30px 0; padding-left:430px;  height: 195px; background: #f3f3f6;}
#page_service_detail .service_info .img{ position: absolute; left: 0; top: 0; height: 255px; width: 395px;}
#page_service_detail .service_info .text_box{height: 195px; overflow-y: auto;  padding-right: 30px; }
#page_service_detail .service_info .ar_article{}
#page_service_detail .f2 .content{height: 175px; overflow-y: auto;}
#page_service_detail .f2 .left{ width: 720px; float: left;}
#page_service_detail .f2 .right{ width: 430px; float: right;}

/*移民资讯*/
#n_news{ }
#n_news .list li{  position: relative;  margin-bottom: 25px; padding-bottom: 25px; border-bottom: 1px solid #d7d7d7;  height: 200px;}
#n_news .list li:last-child{ margin-bottom: 0; }
#n_news .list li a{ display: block; position: relative; padding-left: 330px; }
#n_news .list li .pic_box{ position: absolute; left: 0; top: 0;  width: 300px; height: 200px; overflow: hidden;}
#n_news .list li img{ display: block; margin: 0 auto; width: 100%;  height: 100%;   }
#n_news .list li .text_box{  padding-top: 10px;  }
#n_news .list li .text_box .box{ }
#n_news .list li h1{  color: #666767;  font-size: 18px; font-weight: 700; margin-bottom: 5px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#n_news .list li h2 span{font-weight: 400;  display:inline-block; padding-right: 10px; font-size: 13px; color: #b9b9b9; }
#n_news .list li p{ margin-top: 10px; display: block; height:48px; line-height: 24px; font-size: 13px; color: #89898c;  display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical;-webkit-line-clamp: 2;}
#n_news .list li strong{ display: block; width: 100px; height: 30px; line-height: 30px; background: #bbbebf; color: #fff; text-align: center; font-size: 13px; border-radius: 3px; margin-top: 30px;}
#n_news .list li h1:hover{ color: #0082c6}
#n_news .list li strong:hover{ background: #0082c6;  }

/*相关推荐*/
.mode_tj {margin-top: 60px;}
.mode_tj .title{ position: relative;  border-bottom: 1px solid #dfe0e2;}
.mode_tj .title h1{ padding-right: 5px; font-weight: 700; padding-bottom: 15px;font-size: 22px; color: #424242; display: inline-block; border-bottom: 2px solid #0082c6;}
.mode_tj .title a{ position: absolute; right: 0; top: 5px; -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-in-out; }
.mode_tj .title a:hover{top: -0px;}
.mode_tj .content{ position: relative;  margin-top: 30px;  }

/*==============相关资讯=====================*/
.mode_tj_news .content{ padding-left: 385px; height: 240px; margin-top: 15px;}
.mode_tj_news  .pic_box{ position: absolute; left: 0;     top: 16px;  width: 360px; height: 240px; overflow: hidden;}
.mode_tj_news  .pic_box a{ display: block;width: 360px; height: 240px; }
.mode_tj_news .pic_box img{ display: block; margin: 0 auto; width: 100%;  height: 100%;   }
.mode_tj_news .pic_box .mark{ position: absolute; left: 0; top: 20px; background: url(../images/bg_mark.png) left center no-repeat; width: 105px; height: 32px; color: #fff; font-size: 14px; line-height: 32px; text-align: center;}
.mode_tj_news .pic_box h1{ position: absolute; left: 0; bottom: 0; width: 320px; padding: 10px 20px; display: block; background: rgba(0,0,0,.65); } 
.mode_tj_news .pic_box strong{display: block; color: #fff; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; font-size: 15px;}

.mode_tj_news ul{ margin-right: -35px;  }
.mode_tj_news li{ width: 295px; position: relative; display: block; float: left; padding-right: 95px; line-height: 50px; border-bottom: 1px dotted #848487; margin-right: 33px;}
.mode_tj_news li a{  display: block; color: #545457;  font-size: 15px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} 
.mode_tj_news li span{ position: absolute; right: 0; top: 0; display: block; font-size: 13px; color: #545457; } 
.mode_tj_news li strong{ display: inline-block; color: #016599; }
.mode_tj_news li:hover a{ color: #0082c6}
 
/*==============相关案例=====================*/
.mode_tj_case .content{ min-height: 200px; }
.mode_tj_case .box{ position: relative;}
.mode_tj_case .bd{width: 1200px; overflow: hidden;}
.mode_tj_case li{ display: block;   float: left;  position: relative; height: 215px;  }
.mode_tj_case li a{ display: block; overflow: hidden;}
.mode_tj_case li img{ display: block; margin: 0 auto; width: 100%;  height: 100%;   }
.mode_tj_case li .mark{ position: absolute; left: 0; top: 20px; background: url(../images/bg_mark.png) left center no-repeat; width: 105px; height: 32px; color: #fff; font-size: 14px; line-height: 32px; text-align: center;}
.mode_tj_case li a{  position: relative; overflow: hidden; display:block;   text-align:center; font-size:15px; -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-in-out;  }
.mode_tj_case h1{ background: #fff; position: relative; z-index: 2; display: block;  padding-top: 10px;} 
.mode_tj_case strong{display: block;  color: #4a4a4a; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; font-size: 15px;}
.mode_tj_case li a:hover strong{  color: #0082c6}

.mode_tj_case .bnt{ position: absolute; top: 75px; font-size: 36px; cursor: pointer; color: #9ea0a1; -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-in-out; }
.mode_tj_case .bnt:hover{color: #0082c6;}
.mode_tj_case .bnt_prev{ left: -50px;} 
.mode_tj_case .bnt_next{ right: -50px;} 

/*==============新闻详情=====================*/
.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:#575757;}
.n_article .ar_title h2{ font-size:12px;  position:relative;  text-align: left; display:block;  color:#c6c6c8; }
.n_article .ar_title h2 strong{ padding-right: 10px;}
#n_news .n_article .ar_article{ padding-top:20px; height:700px; overflow: auto;}

 /*======== 上一篇下一篇 ===========*/
#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;}

/*=========联系我们=========*/
#n_contact .up_box{background: #f5f5f5; padding: 60px 0;}
#n_contact .un_box{ padding: 60px 0 0;}
#n_contact .map{ border: 1px solid #dddfe1;}
#n_contact .map iframe{ display: block;}

/*=========在线评估=========*/
#page_zxpg {margin-bottom: 60px;}
#page_zxpg .up_box{ margin-bottom: 40px;}
#page_zxpg .up_box .form{ margin-right: -50px;}
#page_zxpg .up_box .title { margin-top: 70px;}
#page_zxpg .up_box .title h1{ display: block; height: 55px; background: url(../images/bg_title_zxpg.png) center top no-repeat; line-height: 55px; text-align: center; color: #fff; font-size: 20px; font-weight: 700;}
#page_zxpg .up_box .info{ margin-bottom: 50px;}
#page_zxpg .form .label{display: inline-block; position: relative;     margin-right: 23px;}
#page_zxpg .form .label.must{ padding-left: 15px;}
#page_zxpg .form .radio{display: inline-block; position: relative;padding-left: 25px; background: url(../images/icon_radio.png) left center no-repeat;}
#page_zxpg .form .radio.first{ margin-right: 23px; }
#page_zxpg .form .radio.on{background: url(../images/icon_radio_on.png) left center no-repeat;}
#page_zxpg .form .radio input{ display: block;  filter:alpha(opacity=0); opacity:0;cursor:pointer;  width:100%; height:100%; padding-left:0; position: absolute;left: 0;top: 3px; z-index: 9}
#page_zxpg .form .label strong{display: inline-block; color: #4a4a4a; font-size: 18px; font-weight: 700;}
#page_zxpg .form .label input{border: 2px solid #a7a7a7;line-height: 40px; height: 40px;  display: inline-block; padding: 0 20px; font-size: 16px;}
#page_zxpg .form .label i{font-size: 20px; font-weight: 700; position: absolute; left: 0; top: 8px; color: #f00;}
#page_zxpg .un_box{ position: relative;}
#question_box { position: relative;  width: 780px;}
#zhezhao{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;  z-index: 9; opacity: 0;}
#page_zxpg .form_item{background: #f1f1f1; padding: 35px; margin-bottom: 10px;}
#page_zxpg .form_item .title { margin-bottom: 30px;}
#page_zxpg .form_item .title h1{ font-size: 18px; color: #5f5f5f; font-weight: 700;}
#page_zxpg .form_item .title p{ font-size: 14px; color: #5f5f5f; font-weight: 700;}
#page_zxpg .form_item .content { margin: 15px 0;}
#page_zxpg .form_item .content label{margin: 15px 45px 15px 0; font-size: 15px; display: inline-block; position: relative; z-index: 2; padding-left: 28px;}
#page_zxpg .form_item .content label input{ display: block;  filter:alpha(opacity=0); cursor:pointer; opacity:0; width:100%; height:100%; padding-left:0; position: absolute;left: 0;top: 3px; z-index: 9}
#page_zxpg .form_item .content label.radio{background: url(../images/icon_radio.png) left center no-repeat;}
#page_zxpg .form_item .content label.radio.on{background: url(../images/icon_radio_on.png) left center no-repeat;}
#page_zxpg .form_item .content label.checkbox{background: url(../images/icon_checkbox.png) left center no-repeat;}
#page_zxpg .form_item .content label.checkbox.on{background: url(../images/icon_checkbox_on.png) left center no-repeat;}
.j_bnt_pg{ display: block; border-radius: 3px; text-align: center; line-height: 50px; height: 50px; margin:50px auto 0 auto; width: 200px; font-size: 16px; color: #fff; background: #0082c6;}

.project_box{ margin-top: 20px;}
.project_box .title{ background: #0082c6; color: #fff; padding: 30px 25px; font-size: 17px; font-weight: 700; line-height: 25px; text-align: center;}
.project_box .content { border: 1px solid #f1f1f1; padding:15px 0px;}
.project_box .content h3{ display: block; color: #707070; font-size: 14px; text-align: center; line-height: 24px; }
.project_box .content h3 span{  color: #f00;  }
.project_box .content .box{    padding: 10px 35px;  height: 165px;overflow: auto;}
.project_box .content a{ margin-top: 10px; display: block; line-height: 44px; height: 44px; border-radius: 22px; border:1px solid #0082c6; text-align: center; color: #555555; padding: 0 20px;}
.project_box .content a strong{ display: block; width: 100%; white-space: nowrap;overflow:hidden;text-overflow: ellipsis; }

.pg_right{ float: right; width: 380px; }
.pg_right.fix_right{ position: fixed; top: 30px; margin-left: 820px; z-index: 99;  }
.m_pg_right{ display: none;}
.m_pg_right .bnt_close_pop{ display: block; background: #0082c6; color: #fff; padding: 10px 25px; font-size: 15px; font-weight: 400; line-height: 25px; text-align: center; }

/*=========登录系统=========*/
#page_login{ min-height:610px; background: url(../images/bg_login.jpg) center top no-repeat #f6fbfe; padding-bottom: 80px;}
#page_login .main_box{ width: 940px;}
#page_login .title{ padding-top:  460px; padding-bottom: 100px; }
#page_login .title img{ display: block; margin:  0 auto; }

#page_login .left{float: left; width: 465px;padding-top: 70px}
#page_login .left h1{ color:#016599; font-size:26px; line-height: 30px;}
#page_login .left i{display: block; height: 3px; width: 25px; background: #016599;   margin: 20px 0 30px 0;}
#page_login .left p{ color:#636363; font-size:14px; line-height: 30px; margin-bottom: 60px;}
#page_login .left a{ display: inline-block;}
#page_login .right{float: right; width: 373px; height: 458px; background: url(../images/bg_lgin_model.png) right top no-repeat;}
#page_login .right form{margin: 185px auto; width: 285px;}
#page_login .right .text{border: none; line-height: 50px; margin-top: 15px; font-size: 15px; height: 50px; border-bottom: 1px solid #dbdbdb; width: 100%; color: #393939;}
#page_login .right .submit{border: none;   text-align:center; font-size:16px; border-radius: 3px; width: 100%; line-height:45px; height:45px; background: #0182c6; color:#fff;   display: block; margin-top: 40px;}

.j_pop_model{ display: none;  width: 100%; position: fixed; top: 0px; z-index: 999; background: rgba(0,0,0,.8); height: 100%;}
.j_pop_model.show{display: block;}
.j_pop_model .j_pop{  position: absolute; top: 50%; left: 0; width: 100%;}
.j_pop_model .box{ max-width: 280px; margin: 0 auto; width: 400px; background: #fff; border-radius: 10px 10px 0 0; position: relative;}
.j_pop_model .title{ background: #0082c6; color: #fff; padding: 20px 25px; font-size: 17px; font-weight: 700; line-height: 25px; text-align: center;}
.j_pop_model .content { border: 1px solid #f1f1f1; padding:15px 15px;}
.j_pop_model .content h3{ display: block; color: #707070; font-size: 14px; padding-bottom: 15px;  line-height: 24px; }
.j_pop_model .content h3 span{  color: #f00;  }
.j_pop_model .content .box{    padding: 10px 35px;  height: 165px;overflow: auto;}
.j_pop_model .bnt_close_pop{ display: block; background: #0082c6; color: #fff; padding: 10px 25px; font-size: 15px; font-weight: 400; line-height: 25px; text-align: center; }

.j_pop_model input.text{border: 1px solid #a7a7a7;line-height: 40px; height: 40px;  display:block; width: 100%; box-sizing: border-box; padding: 0 20px; font-size: 16px; margin-bottom: 20px;}
.j_pop_model label.checkbox input{ display: block;  filter:alpha(opacity=0); cursor:pointer; opacity:0; width:100%; height:100%; padding-left:0; position: absolute;left: 0;top: 3px; z-index: 9}
.j_pop_model label.checkbox{background: url(../images/icon_checkbox.png) left center no-repeat; display: inline-block; position: relative; z-index: 2; padding-left: 28px;}
.j_pop_model label.checkbox.on{background: url(../images/icon_checkbox_on.png) left center no-repeat;}
.j_pop_model .submit{display: block; border-radius: 3px; text-align: center;   margin:30px auto 0 auto; width: 200px; font-size: 16px; color: #fff; background: #0082c6; border: none; line-height: 44px; height: 44px; border-radius: 22px; border:1px solid #0082c6; text-align: center;  }
.j_pop_model a.submit{margin:20px auto 0 auto; }

.submit{ cursor: pointer;}



/*=========登录详情=========*/
.project_letter{ padding: 60px 0; background: #f2f2f4;}
.project_letter .content{ height: 300px; background: url(../images/bg_show_jdcx.png) center top no-repeat; }
.project_letter .content .ar_article{ padding: 50px; }

#page_login_detail {}
#page_login_detail .f2 .title h1{ padding-left: 45px;  background: url(../images/icon_zsgw.png) left top no-repeat ;  }
#page_login_detail .f2 .left{ width: 545px; float: left; overflow: visible;}
#page_login_detail .f2 .right{ width: 545px; float: right;overflow: visible;}
#page_login_detail .f2 .right .title h1{ background: url(../images/icon_wenan.png) left top no-repeat; }
#page_login_detail .f2 .content img{ width: 545px; height: 327px; display: block; border-radius: 10px; box-shadow:  0 3px 3px #ccc; overflow: hidden;}

/*申请人信息*/
.login_member .content{ padding: 30px 60px; background: #ececec;  border-radius: 10px; background: url(../images/bg_jdcx3.png) 920px bottom no-repeat #ececec;}
.login_member ul{ width: 800px;}
.login_member ul li{padding-left: 20px; line-height: 45px; display: inline-block; width: 100%; color: #6a6a6a; font-size: 16px;  background: url(../images/icon_member_item.png) left 15px no-repeat;}

/*项目进度*/
.project_jindu{}
.project_jindu .box{ position: relative; width: 1040px; overflow: hidden; margin: 0 auto;}
.project_jindu .bnt_box{ position: absolute; right: 0; bottom: 0px; height: 45px;}
.project_jindu .bnt_box a{ position: relative; margin-left: 5px; border-radius: 2px; overflow: hidden; top: auto; right: auto; display: inline-block; padding: 0 50px; height: 45px; line-height: 45px; background: #878889; color: #fff; }
.project_jindu .bnt_box a:hover{ top:  auto;background: #0082c6;}
.project_jindu .bnt_box a.on{ background: #0082c6;}
.project_jindu .bnt{ position: absolute; top:80px; display: inline-block; font-size: 36px; cursor: pointer; color: #b3b3b3; -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-in-out; }
.project_jindu .bnt:hover{color: #0082c6;}
.project_jindu .bnt_prev{ left: 0px;} 
.project_jindu .bnt_next{ right: 0px;} 
.project_jindu .bd{ overflow: hidden;}
.project_jindu li{ display: block;   cursor: pointer;  float: left;  position: relative;    }
.project_jindu li .a{height: 190px; width: 150px; margin: 0 auto; background: url(../images/icon_step.png) center top no-repeat; -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-in-out; }
.project_jindu li h1{ text-align: center; position: relative; color: #fff;  display: block; line-height: 26px; font-size: 15px;  padding-top: 3px; 
}
.project_jindu li h2{ font-family: "Impact"; padding-top: 35px ; text-align: center; position: relative; color: #fff;  display: block; font-size: 15px;  } 
.project_jindu li span{  padding-top: 85px; text-transform: uppercase; text-align: center; position: relative; color: #5e5e5e;  display: block;  font-weight: 700; font-size: 15px;  } 
.project_jindu li.on .a{ background: url(../images/icon_step_on.png) center top no-repeat;}
.project_jindu li:hover .a{ background: url(../images/icon_step_hover.png) center top no-repeat;}
.project_jindu li.on .a h1,.project_jindu li.on .a h2{  color: #fff}
.project_jindu .p{display: block; opacity: 0;}
.project_jindu .info_box{ margin-top: 30px; padding: 15px; border: 1px solid #e1e1e1; border-radius: 30px; line-height: 30px; text-align: center; font-size: 15px; color: #535353;}
.project_jindu .ad_box{ margin: 0 auto; margin-top: 45px;}
.project_jindu .ad_box img{ display: block; margin: 0 auto;}

/*搜索页面*/
#page_search { margin-bottom: 3rem;  }
#page_search li{ width: 100%; position: relative; display: block;  line-height: 50px; border-bottom: 1px dotted #848487; margin-right: 33px;}
#page_search li a{  display: block; color: #545457;  font-size: 15px; display: block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;} 
#page_search li strong{ display: inline-block; color: #016599; }
#page_search li:hover a{ color: #0082c6}
 

/*==============分页——银灵子=====================*/
.page { margin:0px auto 0px auto; }
.page .box{display:inherit; width:100%;  text-align: center; padding-top: 40px;}
.page a{ padding:0 12px; height:30px; border-radius:3px; line-height:30px; display:inline-block; border:1px solid #b8b8bd; margin:0 2px;  color:#68686a; font-size:13px; }
.page .on{ background:#0082c6; color:#fff !important;border:1px solid #0082c6;}
.page span{ background:#0082c6; color:#fff !important;border:1px solid #0082c6;}
.page a:hover{ background:#0082c6; color:#fff !important; text-decoration:none; border:1px solid #0082c6; }
.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */
-o-transition: all 1s; /* Opera */}