@charset "utf-8";
/*全局初始化样式*/
*{ box-sizing: border-box; outline: none;}
body{ padding:0; margin:0 auto; font-size: 14px; line-height: 1.42857143; font-family:arial,Microsoft YaHei,'微软雅黑','宋体'; color: #555; min-width: 320px; width: 100%; zoom:1; background:url(../img/bg-body.jpg) repeat left top; overflow-x:hidden;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
        
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
}

/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li,.dl,.dl dd,.dl dt{ list-style:none; margin: 0; padding: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#555;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}

/*初始化a的样式和字体样式*/
a{ color:#555; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #0064b1;}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both;
 font-size: 0px;}
.clearfix { zoom: 1;}


/*栅格化系统*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}


.w987,
.w1200,
.w1360{ width: 92%; margin: 0 auto;}
@media(min-width:1000px){
	.w987{ width:987px;}
}
@media(min-width:1200px){
	.w1200{ width:1200px;}
}
@media(min-width:1440px){
	.w1360{ width:1360px;}
}
/*全局样式*/




/*页面框架结构*/
.contain{} /*页面主体内容*/
.maincontent{ padding:10% 0;} /*主要内容*/
.txt-justify{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; overflow:hidden;}
.singlepage{ line-height:24px;}

@media(min-width:768px){
	.maincontent{ padding:46px 0;}
}


/*分页*/
.pages{ text-align:center; font-size:0;}
.pages a{ border:1px solid #eee; padding:0 3%; line-height:30px; display:inline-block; font-size:12px; vertical-align:middle;}
.pages .a_prev,
.pages .a_next{ font-family:'宋体';}
.pages .num{ font-style:normal; padding:0 5px;}
.pages .a_first{ margin-right:5px;}
.pages .a_end{ margin-left:5px;}
.pages a:hover,
.pages .num .a_cur{ background-color:#0064b1; color:#fff;}

@media(min-width:768px){
	.pages a{ line-height:35px; padding:0 18px;}
	.pages .num{ padding:0 10px;}
	.pages .a_first{ margin-right:10px;}
    .pages .a_end{ margin-left:10px;}
}
/*分页*/


/*头部*/
.header{ position:absolute; width:100%; left:0; top:0; z-index:110; background-color:rgba(255,255,255,0.1);}
.top{ width:93.75%; text-align:center; padding:12px 0; color:#fff; position:relative;}
.top a{ color:#fff;}

.logo{position:relative; z-index:105;}
.logo a{ display:block;}
.logo img{ width:100%;}
/* .index .logo1{ width:20%; max-width:121px; position:absolute; left:50%; margin-left:-10%; top:9px;} */
.logo2{ width:20%; max-width:100px; display:block; position:absolute; left:0; top:0; background-color:rgba(255,255,255,0.5); padding:13px 5px 12px;}

.header .topbox{ float:right; position:relative; z-index:105;}
.header .language{ vertical-align:middle; display:inline-block; margin-right:5px; font-size:16px;}
.header .language:before{ content:''; width:1px; height:16px; background-color:rgba(255,255,255,0.2); display:inline-block; margin:0 6px; vertical-align:middle;}
.header .language a:hover{ text-decoration:underline;}
.header .searchbox,
.header .searchbox i{ width:16px; height:16px;}
.header .searchbox{ vertical-align:middle; display:inline-block; position:relative;}
.header .searchbox i{ background:url(../img/ico-zoom.png) no-repeat left top; vertical-align:top; display:block; cursor:pointer;}
.header .search{ width:200px; max-width:480px; height:30px; position:absolute; border:1px solid #eee; background-color:#fff; border-radius:15px; right:-15px; top:20px; display:none;}
.header .search .key{ border:0; margin:0; background:none; width:85%; max-width:430px; height:30px; line-height:30px; padding:0 5%; float:left;}
.header .search .btn{ width:15%; max-width:50px; height:100%; display:block; background-color:#0064b1; background-image:url(../img/ico-case-zoom.png); background-position:center; background-repeat:no-repeat; background-size:50%; border-radius:0 15px 15px 0; float:right; cursor:pointer;}


.header .nav-btn{ width:25px; height:25px; position:relative; display:inline-block; vertical-align:middle; cursor:pointer;}
.header .nav-btn i{ font-style:normal; width:5px; height:5px; background-color:#fff; display:block; position:absolute; opacity:0; transition:all 0.3s;}


.navopen .logo .logo-white{ display:none;}
.navopen .logo .logo-bule{ display:block;}
.navopen a{ color:#555;}
.navopen a:hover{ color:#0064b1;}
.navopen .header .searchbox i{ background-image:url(../img/ico-zoom-bule.png);}
.navopen .header .language a{ color:#0064b1;} 
.navopen .header .language:before,
.navopen .header .nav-btn i{ background-color:#0064b1;}
.navopen .mainnav{ color:#555;}
.navopen .mainnav li:first-child{ display:none;}
.navopen .mainnav li{ text-align:left;}
.navopen .mainnav li.aon > a{ color:#0064b1;}
.navopen .mainnav li i{ font-style:normal; color:#eee;}
.navopen .mainnav li em{ display:none;}



.logo .logo-bule,
/* .index .logo2, */
/* .index .mainnav, */
.mainnav,
.mainnav .line{ display:none;}

.index .header{ /* background:none; */ position:fixed;}
.index .logo1{ display:inline-block;}
.index .logo1{display: none;}

.navopen,
.navopen body{ overflow:hidden;}


@media(min-width:768px){
	.logo1,
	.logo1 img{ width:121px; height:100px;}
	/* .index .logo1{ margin-left:-60px;} */
	.logo2{ width:100px; height:100px;}
	
	.header .language{ margin-right:15px;}
	.header .language:before{ margin:0 15px;}
}
@media(min-width:1024px){
  .index .logo {display: none;}
	.header .language{ margin-right:46px;}
	.top{ padding:0; height:60px;}
	.header .topbox{ padding:12px 0;}
	.header .nav-btn{ display:none;}
	.header .topbox{ padding:19px 0;}
	/* .index .header .nav-btn{ display:inline-block;} */
	
	.header .nav-btn{ width:36px; height:36px;}
	.header .nav-btn i{ width:4px; height:4px;}
	.header .nav-btn i.i1{ left:0; top:0;}
	.header .nav-btn i.i2{ left:4px; top:4px;}
	.header .nav-btn i.i3{ left:8px; top:8px;}
	.header .nav-btn i.i4{ left :12px; top:12px;}
	.header .nav-btn i.i5{ left:16px; top:16px;}
	.header .nav-btn i.i6{ right:12px; bottom:12px;}
	.header .nav-btn i.i7{ right:8px; bottom:8px;}
	.header .nav-btn i.i8{ right:4px; bottom:4px;}
	.header .nav-btn i.i9{ right:0px; bottom:0;}
	.header .nav-btn i.i10{ right:0; top:0;}
	.header .nav-btn i.i11{ right:4px; top:4px;}
	.header .nav-btn i.i12{ right:8px; top:8px;}
	.header .nav-btn i.i13{ right:12px; top:12px;}
	.header .nav-btn i.i14{ left:12px; bottom:12px;}
	.header .nav-btn i.i15{ left:8px; bottom:8px;}
	.header .nav-btn i.i16{ left:4px; bottom:4px;}
	.header .nav-btn i.i17{ left:0; bottom:0;}
	.header .nav-btn i.i18{ left:16px; top:0;}
	.header .nav-btn i.i19{ left:16px; bottom:0;}
	.header .nav-btn i.i20{ left:0; top:16px;}
	.header .nav-btn i.i21{ right:0; top:16px;}

	.header .nav-btn i.i1,
	.header .nav-btn i.i5,
	.header .nav-btn i.i9,
	.header .nav-btn i.i10,
	.header .nav-btn i.i17,
	.header .nav-btn i.i18,
	.header .nav-btn i.i19,
	.header .nav-btn i.i20,
	.header .nav-btn i.i21{ opacity:1;}
	
	
	.navopen .header .nav-btn i{ opacity:0;}
	.navopen .header .nav-btn i.i1,
	.navopen .header .nav-btn i.i2,
	.navopen .header .nav-btn i.i3,
	.navopen .header .nav-btn i.i4,
	.navopen .header .nav-btn i.i5,
	.navopen .header .nav-btn i.i6,
	.navopen .header .nav-btn i.i7,
	.navopen .header .nav-btn i.i8,
	.navopen .header .nav-btn i.i9,
	.navopen .header .nav-btn i.i10,
	.navopen .header .nav-btn i.i11,
	.navopen .header .nav-btn i.i12,
	.navopen .header .nav-btn i.i13,
	.navopen .header .nav-btn i.i14,
	.navopen .header .nav-btn i.i15,
	.navopen .header .nav-btn i.i16,
	.navopen .header .nav-btn i.i17{ opacity:1;}
	
	
	.mainnav{ width:70%; display:block; float:right; text-align:right; padding-right:2%; font-size:0;}
	.mainnav ul > li{ line-height:60px; padding:0 1%; display:inline-block; font-size:14px; position:relative;}
	.mainnav li i,
	.mainnav li em{ display:none;}
	.mainnav li i{ font-size:30px; font-weight:lighter; font-family:Microsoft YaHei,'微软雅黑'; text-align:center; position:relative;}
	.mainnav li a{ display:block; position:relative;}
	.mainnav li > a:after{ content:''; width:0; height:2px; background-color:#fff; display:block; position:absolute; bottom:0; left:50%; transform:translateX(-50%); transition:all 0.3s;}
	.mainnav li > a:hover:after,
	.mainnav li.aon > a:after{ width:100%;}
	
	.mainnav li .subnav{ width:90px; position:absolute; left:50%; margin-left:-45px; background-color:rgba(255,255,255,0.1); display:none;}
	.mainnav li .subnav dd{ line-height:30px;}
	.mainnav li .subnav dd a{ text-align:center;}
	.mainnav li .subnav dd span{ display:block; transition:all 0.3s;}
	.mainnav li .subnav dd a:hover{ background-color:#0064b1;}
	.mainnav li .subnav dd a:hover span{ transform:translateX(5px);}
	
	
	/* .index .mainnav{ display:block; transform:translateX(900%); transition:all 0.3s; position:fixed; right:0; top:0; z-index:100; width:62.5%; height:100%; background-color:#fff; padding-top:15%;} */
	.navopen .mainnav{ transform:translateX(0);}
/* 	.index .mainnav ul{ position:relative; width:100%; height:100%; padding:0 2%;}
	.index .mainnav .line{ height:1px; width:0; display:block; background-color:#555; position:absolute; left:0%; top:115px; z-index:1; transition:all 0.3s;}
	.index .mainnav ul > li{ padding:0 1.5%; vertical-align:top; position:relative;}
	.index .mainnav li > a:after{ display:none;}
	.index .mainnav li .anav{ font-size:16px; font-weight:bold;}
	.index .mainnav li em{ width:1px; height:100%; display:block; background-color:#eee; margin:0 auto; display:none;}
	.index .mainnav li i{ display:block;}
	.index .mainnav li i:before{ content:''; width:1px; height:120%; display:block; background-color:#eee; position:absolute; left:50%; margin-left:-1px; bottom:100%;}
	.index .mainnav li .subnav{ display:block; width:100%; position:static; margin:0;}
	.index .mainnav li .subnav dd a:hover{ background:none;}
	.index .mainnav li:hover em{ display:block;}	 */
}
@media(min-width:1200px){
	.mainnav{}
	.mainnav ul > li{ padding:0 15px;}
}
@media(min-width:1366px){
	.mainnav{ width:980px;}
	.mainnav ul > li{ padding:0 25px;}
}
@media(min-width:1600px){
	/* .index .mainnav ul > li{ padding:0 2%;} */
}
@media(min-width:1920px){
	/* .index .mainnav ul > li{ padding:0 2.5%;} */
}
@media(max-width:1000px){
	.header .nav-btn i.i1{ left:0; top:0;}
	.header .nav-btn i.i2{ left:5px; top:5px;}
	.header .nav-btn i.i3{ left:10px; top:10px;}
	.header .nav-btn i.i4{ right:5px; bottom:5px;}
	.header .nav-btn i.i5{ right:0; bottom:0;}
	.header .nav-btn i.i6{ right:0; top:0;}
	.header .nav-btn i.i7{ right:5px; top:5px;}
	.header .nav-btn i.i8{ left:5px; bottom:5px;}
	.header .nav-btn i.i9{ left:0; bottom:0;}
	.header .nav-btn i.i10{ left:10px; top:0;}
	.header .nav-btn i.i11{ left:10px; bottom:0;}
	.header .nav-btn i.i12{ left:0; top:10px;}
	.header .nav-btn i.i13{ right:0; top:10px;}
	
	.header .nav-btn i.i1,
	.header .nav-btn i.i3,
	.header .nav-btn i.i5,
	.header .nav-btn i.i6,
	.header .nav-btn i.i9,
	.header .nav-btn i.i10,
	.header .nav-btn i.i11,
	.header .nav-btn i.i12,
	.header .nav-btn i.i13{ opacity:1;}
	
	.navopen .header .nav-btn i{ opacity:0;}
	.navopen .header .nav-btn i.i1,
	.navopen .header .nav-btn i.i2,
	.navopen .header .nav-btn i.i3,
	.navopen .header .nav-btn i.i4,
	.navopen .header .nav-btn i.i5,
	.navopen .header .nav-btn i.i6,
	.navopen .header .nav-btn i.i7,
	.navopen .header .nav-btn i.i8,
	.navopen .header .nav-btn i.i9{ opacity:1;}
}
@media(max-width:768px){
	.index .mainnav,
    .mainnav{ display:block; transform:translateX(900%); transition:all 0.3s; position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background-color:#fff;}
	.navopen .mainnav{ transform:translateX(0);}
	
	.navopen .mainnav{ padding-top:20%; font-size:16px;}
	.navopen .mainnav ul{ padding-left:30%;}
	.navopen .mainnav li{ padding:1% 0;}
	.navopen .mainnav li .anav{ font-size:24px;}
	.navopen .mainnav li i{ display:inline-block; font-size:40px; position:relative;}
	.navopen .mainnav li i:before{ content:''; width:100px; height:1px; background-color:#eee; position:absolute; top:50%; margin-top:-1px; right:110%}
	.navopen .mainnav li .subnav{ padding-bottom:3%; padding-left:40px; display:none;}
	.navopen .mainnav li .subnav dl{ margin-left:-5px; margin-right:-5px;}
	.navopen .mainnav li .subnav dd{ float:left; padding:0 5px;}
	.navopen .mainnav li.aon .subnav{ display:block; padding-left:50px;}
}
@media(max-width:480px){
	.navopen .mainnav{ padding-top:30%; font-size:14px;}
	.navopen .mainnav ul{ padding-left:20%;}
	.navopen .mainnav li i{ font-size:30px;}
	.navopen .mainnav li i:before{ width:30px;}
	.navopen .mainnav li .anav{ font-size:20px;}
}
/*头部*/


/*底部*/
.footer{ color:rgba(255,255,255,0.5); font-size:12px; background-color:#000; padding:2% 0;}
.footer a{ color:rgba(255,255,255,0.5);}
.footer a:hover{ text-decoration:underline; color:#fff;}
.footer .nav-bt a:before{ content:""; width:1px; height:12px; display:inline-block; vertical-align:middle; margin:0 5px; background-color:rgba(255,255,255,0.5);}
.footer .nav-bt a:first-child:before{ display:none;}
.footer .txtbox .txt a{ color:rgba(255,255,255,0.3);}
.footer .txtbox .txt a:hover{ color:#fff;}
.footer .txtbox .txt span{ color:rgba(255,255,255,0.3); font-size:12px;}

.footer .sharebox{ display:none;}
.index .footer{ position:absolute; width:100%; bottom:0; padding:0 0 2%; background:none;}
.index .footer .txtbox .txt span{ display:block;}

@media(min-width:768px){
	.index .footer{ font-size:14px; line-height:24px;}
}
@media(min-width:1024px){
	.footer{ font-size:14px; padding:23px 0 41px;}
	.index .footer{ padding-bottom:15px;}
	.footer .sharebox{ display:block; float:right; font-size:0;}
	.footer .sharebox .codebox{ width:110px; height:110px; padding:2px; background-color:#fff; position:absolute; left:50%; margin-left:-55px; bottom:45px; border:1px solid #2f3c45; display:none; z-index:20;}
	.footer .sharebox .codebox:before,
	.footer .sharebox .codebox:after{ content:''; width:0; height:0; font-size:0; line-height:0; border-width:5px; border-style:solid dashed dashed dashed; position:absolute; left:50%; margin-left:-3px; z-index:1;}
	.footer .sharebox .codebox:before{ border-color:#2f3c45 transparent transparent transparent; bottom:-11px;}
	.footer .sharebox .codebox:after{ border-color:#fff transparent transparent transparent; bottom:-10px;}
	.footer .sharebox .ti,
	.footer .sharebox .item{ vertical-align:middle; display:inline-block; font-size:14px; margin-left:14px;}
	.footer .sharebox .ti{ margin-left:0;}
	.footer .sharebox .item{ width:37px; height:36px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; cursor:pointer; opacity:0.7;}
	.footer .sharebox .fx-sina{ background-image:url(../img/ico-share-sina.png);}
	.footer .sharebox .fx-wechat{ background-image:url(../img/ico-share-wechat.png);}
	.footer .sharebox .item:hover{ opacity:1;}
	.footer .sharebox .item:hover .codebox{ display:block;}
	
	.index .footer .sharebox{ display:none;}
}
/*底部*/


.banner{ width:100%;}
.banner .mb img{ width:100%;}
.banner .pc{ width:100%; height:460px; background-position:center; background-repeat:no-repeat; background-size:cover; display:none;}

@media(min-width:1024px){
	.banner .pc{ display:block;}
	.banner .mb{ display:none;}
}



/*模拟select控件*/
.select{ position:relative; display:block; margin:0 auto; width: 100%; height:46px; line-height:46px; color:#bbb; border:1px solid #eee; border-radius:20px; vertical-align:middle; text-align:left; user-select:none; -webkit-touch-callout:none; background-color:#fff;}
.select .placeholder{ position: relative; display: block; height:100%; padding:0 15px 0 22px; z-index: 1; border-radius: 20px; cursor: pointer;}
.select .placeholder:before{ content:""; width:1px; height:100%; background-color:#eee; position:absolute; right:25%;}
.select .placeholder:after{ position: absolute; right:9.3%; top:50%; margin-top:-3px; content: ''; width:0; height:0; font-size:0; line-height:0; font-size:0; border-width:6px; border-style:solid dashed dashed dashed; border-color:#bbb transparent transparent transparent; z-index: 10; transition:all 0.3s;}
.select ul{ display: none; position: absolute; overflow: hidden; width: 100%; background: #fff; border-radius: 2px; top: 100%; left: 0; list-style: none; margin: 5px 0 0 0; padding: 0; z-index: 100;}
.select ul li{ display: block; text-align: center; color: #999; cursor: pointer; padding:0 10px; line-height:30px;}
.select ul li:hover{ background:#0064b1;  color:#fff;}
.select.is-open .placeholder:after{}
.select.is-open ul{ display: block;}
.select.is-open .placeholder:after{ border-style:dashed dashed solid dashed; border-color:transparent transparent #0064b1 transparent; margin-top:-6px;}



/*重置placeholder样式*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{ color: #bbb;}
input:-moz-placeholder,
textarea:-moz-placeholder{color:#bbb;}
input::-moz-placeholder,
textarea::-moz-placeholder{color:#bbb;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color:#bbb;}



.menubox{ width:100%; background-color:#fff; line-height:50px; border-bottom:1px solid #eee;}
.menubox .location{ background:url(../img/ico-location.png) no-repeat left center; padding-left:15px; color:#999; font-size:12px; float:right; display:none;}
.menubox .location a{ margin:0 10px; color:#999;}
.menubox .location a:first-child{ margin-left:0;}
.menubox .location a:hover{ color:#0064b1;}
.menubox .location span{ margin-left:10px; color:#555;}

.menubox .nav-menu{ text-align:center;}
.menubox .nav-menu ul{ font-size:0;}
.menubox .nav-menu li{ display:inline-block; line-height:50px; padding:0 2%; font-size:14px; vertical-align:top; position:relative;}
.menubox .nav-menu li > a{ display:block; position:relative; padding:0 2px; overflow:hidden;}
.menubox .nav-menu li > a:after{ content:''; width:100%; height:2px; position:absolute; left:-100%; bottom:0; background-color:#0064b1; transition:all 0.3s;}
.menubox .nav-menu li.aon > a,
.menubox .nav-menu li > a:hover{ color:#0064b1; font-weight:bold;}
.menubox .nav-menu li.aon > a:after,
.menubox .nav-menu li > a:hover:after{ display:block; left:0;}
.menubox .nav-menu li .submenu{ width:100px; background-color:#fff; border:1px solid #eee; border-radius:5px; position:absolute; left:50%; margin-left:-50px; top:100%; padding:10px 0; display:none;}
.menubox .nav-menu li .submenu:before,
.menubox .nav-menu li .submenu:after{ content:''; width:0; height:0; line-height:0; font-size:0; border-width:4px; border-style:dashed dashed solid dashed; position:absolute; left:50%; margin-left:-2px;}
.menubox .nav-menu li .submenu:before{ border-color:transparent transparent #eee transparent; z-index:1; top:-9px;}
.menubox .nav-menu li .submenu:after{ border-color:transparent transparent #fff transparent; z-index:2; top:-8px;}
.menubox .nav-menu .submenu dd{ line-height:25px; text-align:center;}
.menubox .nav-menu .submenu dd a{ display:block;}
.menubox .nav-menu .submenu dd a:hover{ background-color:#0064b1; color:#fff;}


@media(min-width:1024px){
	.menubox .location{ display:block;}
	.menubox .nav-menu{ float:left; text-align:left; width:65%;}
	/*.menubox .nav-menu li{ margin:0 0 0 40px;}*/
    .menubox .nav-menu li{ margin:0 0 0 7px;}
	.menubox .nav-menu li:first-child{ margin-left:0;}
}


/*首页*/
html.index,
html.index body{ width:100%; height:100%; overflow:hidden;}
.home-container,
.homeban-container{ width:100%; height:100%;}
.home-container .swiper-slide { background-position: center; background-size: cover;}

.home-container > .swiper-wrapper{
    -webkit-transition-timing-function: cubic-bezier(0.66, 0.03, 0.22, 1.01);
         -o-transition-timing-function: cubic-bezier(0.66, 0.03, 0.22, 1.01);
            transition-timing-function: cubic-bezier(0.66, 0.03, 0.22, 1.01);
}


/*首页Banner 控制器*/
.homeban-container .controls{ width:90%; position:absolute; left:50%; margin-left:-45%; bottom:10%; z-index:110;}
.homeban-container .swiper-button-next,
.homeban-container .swiper-button-prev{ width:14px; height:25px; background-size:14px 25px; position:absolute; top:50%; margin-top:-12px;}
.homeban-container .swiper-button-prev{ left:0;}
.homeban-container .swiper-button-next{ right:0;}
.homeban-container .controls .swper-pager{ text-align:center;}
.homeban-container .controls .swper-pager .item{ padding:0 5px; display:inline-block;}
.homeban-container .controls .swper-pager .item span{ width:8px; height:8px; display:block; background-color:rgba(0,0,0,0.2); border-radius:50%;}
.homeban-container .controls .swper-pager .active span{ background-color:#fdf001;}


/*首页Banner 文字*/
.homeban-container .big-title{ width:80%; max-width:520px; position:absolute; left:50%; top:33%; margin-left:-40%; text-align:center;}
.homeban-container .big-title > *{ opacity:0; transition:opacity 1s ease-in-out 0.5s;}
.homeban-container .big-title img{ transition:0.66s ease-in-out 0s; width:100%;}
.homeban-container .big-title .big img{transform: translateX(200px); width:78.26%; max-width:407px;}
.homeban-container .big-title .litter img{transform: translateX(-200px); padding-top:2%;}

.homeban-container .swiper-slide-active .big-title > *,
.slide-title.swiper-slide-active .big-title > *{ opacity:1; transition:opacity 0.66s ease-in-out 0.5s;}
.homeban-container .swiper-slide-active .big-title img,
.slide-title.swiper-slide-active .big-title img{transform: translateX(0);transition:1s ease-in-out 0.5s;}


/*首页滚屏分页器*/
.home-container .swiper-pagination{ width: 115px; height: 100%; top: 0; left: 0; z-index: 100; display:none;}
.home-container .swiper-pagination-box{ position: relative; padding: 50px 0; height: 100%; width: 100%; background: url(../img/line-homescroll.png) repeat-y 40px center;}
.home-container .swiper-pagination-box .item{ position: relative; height: 50px; line-height: 50px; margin-bottom: 100px; color: #fff; cursor: pointer;}
.home-container .swiper-pagination-box .item *{ transition: all .3s ease;}
.home-container .swiper-pagination-box .item::after{ content: " "; position: absolute; top: 50%; left: 33px; width: 15px; height: 1px; background: #fff; font-size: 0; overflow: hidden; z-index: 0; opacity: .3;
}
.home-container .swiper-pagination-box .item::before { content: " "; position: absolute; bottom: -50px; left: 38px; width: 4px; height: 4px; background: #fff; font-size: 0; overflow: hidden;}
.home-container .swiper-pagination-box .item:last-child::before { display: none;}
.home-container .swiper-pagination-box .item .num{ position: absolute; height: 100%; width: 40px; left: 42px; border-right: 0 rgba(0, 100, 177, 0) solid; z-index: 1;}
.home-container .swiper-pagination-box .item .name{ text-align: left; padding-left: 52px; font-size: 12px; width: 0; overflow: hidden;}
.home-container .swiper-pagination-box .item .name span{ display: block; width: 150px;}

.home-container .swiper-pagination-box .item.active .num{ left: 3px; border-right: 5px rgba(0, 100, 177, 1) solid;}
.home-container .swiper-pagination-box .item.active .name{  width: 100%;}


/*首页滚屏指引*/
.swiper-slide1 .mousescroll,
.swiper-slide1 .mousescroll:after{ width:16px; height:25px;}
.swiper-slide1 .mousescroll{ position:absolute; left:50%; margin-left:-8px; bottom:10px; z-index:112;}
.swiper-slide1 .mousescroll:after{ content:''; position: absolute; top:0; left:0; background-image:url(../img/ico-scroll.png); background-repeat:no-repeat; background-position:center; background-size:16px 25px;
	-webkit-animation: start 1.5s infinite ease-in-out;
	   -moz-animation: start 1.5s infinite ease-in-out;
	        animation: start 1.5s infinite ease-in-out;
}


.home-container .centerslide{ display:table;}
.home-container .centerslide .boxcenter{ display:table-cell; vertical-align:middle; text-align:center;}
.home-container .swiper-slide{ text-align:center; color:#fff;}

.home-container .swiper-slide .tibox{}
.home-container .swiper-slide .tibox em{ font-style:normal; font-size:20px; display:block;}
.home-container .swiper-slide .tibox > span{ font-size:16px; line-height:18px; display:block; padding-top:1%;}
.home-container .swiper-slide .tibox a{ display:inline-block; color:#fff; border:1px solid #fff; padding:1% 10%; margin-top:8%;}
.home-container .swiper-slide .tibox a span{ display:block; transition:all 0.3s;}
.home-container .swiper-slide .tibox a:hover span{ transform:translateX(5px);}

.home-container .swiper-slide2 .list{ padding-top:5%;}
.home-container .swiper-slide2 .list li{ padding:2% 0;}
.home-container .swiper-slide2 .list li a{ color:#fff;}
.home-container .swiper-slide2 .list li span{ display:block;}

.home-container .swiper-slide3{ padding-top:35%;}

.home-container .swiper-slide4{ padding-top:40%;}
.home-container .swiper-slide4 .slidebox{ padding-top:12%;}
.home-container .swiper-slide4 .slidebox .swiper-overall{}
.home-container .swiper-slide4 .swiper-overall .swiper-slide{ position:relative;}
.home-container .swiper-slide4 .swiper-slide .txtbox{ position:absolute; width:100%; left:0; bottom:0; padding:2%; line-height:18px; background-color:rgba(0,0,0,0.5);}
.home-container .swiper-slide4 .swiper-slide .txtbox em{ font-style:normal; display:block;}
.home-container .swiper-slide4 .swiper-slide img{ width:100%;}

.home-container .swiper-slide4 .slidebox .btn{ width:30px; height:30px; display:block; position:absolute; top:50%; margin-top:-15px; background-position:center; background-repeat:no-repeat; background-size:cover; z-index:10; opacity:0.5; cursor:pointer;}
.home-container .swiper-slide4 .slidebox .prev{ background-image:url(../img/btn-prev2.png); left:5px;}
.home-container .swiper-slide4 .slidebox .next{ background-image:url(../img/btn-next2.png); right:5px;}
.home-container .swiper-slide4 .slidebox .btn:hover{ opacity:1;}

.home-container .swiper-slide4 .slidebox .preview{ background-image:url(../img/line1-home.png); background-position:left bottom; background-repeat:no-repeat; background-size:100% auto; padding-top:3%;}
.home-container .swiper-slide4 .slidebox .preview .swiper-slide{ text-align:center; padding-top:20px;}
.home-container .swiper-slide4 .slidebox .preview .swiper-slide span{ display:inline-block; padding-bottom:5px;}
.home-container .swiper-slide4 .slidebox .preview .swiper-slide i{ width:16px; height:24px; display:block; margin:0 auto; background:url(../img/ico-address.png) no-repeat left top; margin-bottom:5px;}
.home-container .swiper-slide4 .slidebox .preview .active{ padding-top:0;}
.home-container .swiper-slide4 .slidebox .preview .swiper-slide:after{ content:''; width:1px; height:20px; display:none; margin:0 auto; background-color:#fff;}
.home-container .swiper-slide4 .slidebox .preview .active:after{ display:block;}


.home-container .swiper-slide5 .contactbox{ padding-top:8%;}
.home-container .swiper-slide5 .contactbox .txt span{ display:block; line-height:30px;}
.home-container .swiper-slide5 .contactbox .txt span:before{ content:''; width:16px; height:20px; display:inline-block; margin-right:5px; background-position:center; background-repeat:no-repeat; background-size:cover; vertical-align:middle;}
.home-container .swiper-slide5 .contactbox .txt .sp1:before{ background-image:url(../img/ico-tel.png);}
.home-container .swiper-slide5 .contactbox .txt .sp2:before{ background-image:url(../img/ico-address2.png);}
.home-container .swiper-slide5 .codebox{ font-size:0; padding-top:5%; width:80%; margin:0 auto;}
.home-container .swiper-slide5 .codebox .item{ width:50%; display:inline-block}
.home-container .swiper-slide5 .codebox .item img{ max-width:110px;}
.home-container .swiper-slide5 .codebox .item span{ display:block; font-size:14px;}

@media(min-width:768px){
	.homeban-container .big-title{ margin-left:-260px;}
	
	.homeban-container .swiper-button-next,
    .homeban-container .swiper-button-prev{ width:24px; height:44px; background-size:24px 44px; margin-top:-22px;}
	.homeban-container .controls .swper-pager .item span{ width:12px; height:12px;}
	
	.home-container .swiper-slide .tibox em{ font-size:32px; line-height:50px;}
	.home-container .swiper-slide .tibox > span{ font-size:18px; line-height:50px; padding:0;}
	.home-container .swiper-slide .tibox a{ padding:0; width:160px; height:40px; text-align:center; line-height:40px; font-size:18px; margin-top:40px;}
	
	.swiper-slide1 .mousescroll,
    .swiper-slide1 .mousescroll:after{ width:23px; height:36px;}
    .swiper-slide1 .mousescroll:after{ background-size:23px 36px;}
	
	.home-container .swiper-slide2 .list{ font-size:0; padding-top:103px; width:80%; max-width:940px; margin:0 auto;}
	.home-container .swiper-slide2 .list li{ width:33.33333%; display:inline-block; font-size:18px;}
	.home-container .swiper-slide2 .list li .ico{ display:inline-block; width:100px; height:100px; text-align:center; position:relative;}
	.home-container .swiper-slide2 .list li .ico img{ display:inline-block; width:42px; height:42px; position:absolute; left:50%; top:50%; margin-left:-21px; margin-top:-21px;}
	.home-container .swiper-slide2 .list li .ico i{ width:100%; height:100%; display:block; background-image:url(../img/round-homepage2.png); background-position:center; background-repeat:no-repeat; background-size:cover; animation:irotate 2s linear infinite;}
	.home-container .swiper-slide2 .list li span{ padding-top:32px;}
	
	.home-container .swiper-slide4{ padding-top:20%;}
	
	.home-container .swiper-slide5 .codebox{ width:257px;}
	.home-container .swiper-slide5 .codebox .item{ width:110px;}
	.home-container .swiper-slide5 .codebox .item:first-child{ margin-right:37px;}
	.home-container .swiper-slide5 .codebox .item span{ padding-top:5%;}
}
@media(min-width:1024px){
	.homeban-container .controls{ position:static;}
	.homeban-container .controls .swper-pager{ width:100%; height:12px; position:absolute; left:0; bottom:66px; z-index:112;}
	.homeban-container .swiper-button-prev{ left:12.5%;}
	.homeban-container .swiper-button-next{ right:12.5%;}
	
	.home-container .swiper-slide3{ padding-top:15%;}
	
	.home-container .swiper-slide4{ padding-top:13%;}
	.home-container .swiper-slide4 .slidebox{ padding-top:40px;}
	.home-container .swiper-slide4 .slidebox .btn{ opacity:0.2;}
	.home-container .swiper-slide4 .swiper-overall .swiper-slide{ padding:10px 60px 0;}
	.home-container .swiper-slide4 .swiper-slide .imgbox,
	.home-container .swiper-slide4 .swiper-slide .imgbox img{ width:360px; height:240px;}
	.home-container .swiper-slide4 .swiper-slide .imgbox{ position:relative; float:left; background-color:#0064b1;}
	.home-container .swiper-slide4 .swiper-slide .imgbox img{ position:absolute; right:-10px; top:-10px;}
	.home-container .swiper-slide4 .swiper-slide .txtbox{ width:390px; left:auto; bottom:auto; right:60px; top:50%; transform:transform:translateY(-50%); font-size:16px; background:none; text-align:left; padding:0; line-height:30px;}
	.home-container .swiper-slide4 .swiper-slide .txtbox{ width:390px; left:auto; bottom:auto; right:60px; top:50%; transform:translateY(-50%); font-size:16px; background:none; text-align:left; padding:0; line-height:30px;}
	.home-container .swiper-slide4 .swiper-slide .txtbox em{ position:relative;}
	.home-container .swiper-slide4 .swiper-slide .txtbox em:before{ content:''; width:90px; height:1px; background-color:#fff; position:absolute; left:-100px; top:50%; margin-top:1px;}
	
	.home-container .swiper-slide5 .contactbox .txt{ width:340px; text-align:left; margin:0 auto; font-size:16px;}
	.home-container .swiper-slide5 .contactbox .txt span{ line-height:40px;}
	.home-container .swiper-slide5 .contactbox{ padding-top:50px;}
	.home-container .swiper-slide5 .codebox{ padding-top:29px;}
	.home-container .swiper-slide5 .codebox .item span{ padding-top:20px;}
}
@media(min-width:1200px){
	.home-container .swiper-slide4 .swiper-slide .txtbox em:before{ width:120px; left:-140px;}
	
	.home-container .swiper-slide4 .slidebox .swiper-overall{ width:1100px; margin:0 auto;}
	.home-container .swiper-slide4 .swiper-overall .swiper-slide{ padding-left:181px;}
	.home-container .swiper-slide4 .swiper-overall .swiper-slide .txtbox{ font-size:18px; width:345px; right:100px;}
	
	.home-container .swiper-pagination{ display:block;}
}

/*指引动画*/
@-webkit-keyframes start {
	0%,30%{ opacity: 0; -webkit-transform: translate(0,-8px);}
	60% { opacity: 1; -webkit-transform: translate(0,0);}
	100% { opacity: 0; -webkit-transform: translate(0,10px);}
}
@-moz-keyframes start {
	0%,30% { opacity: 0; -moz-transform: translate(0,-8px);}
	60% { opacity: 1; -moz-transform: translate(0,0);}
	100% { opacity: 0; -moz-transform: translate(0,10px);}
}
@keyframes start {
	0%,30% { opacity: 0; transform: translate(0,-8px);}
	60% { opacity: 1; transform: translate(0,0);}
	100% { opacity: 0; transform: translate(0,10px);}
}

/*第二屏 旋转*/
@-webkit-keyframes irotate{
	0%{ -webkit-transform:rotate(0deg);}
	100%{ -webkit-transform:rotate(-360deg);}
}
@-moz-keyframes irotate{
	0%{ -moz-transform:rotate(0deg);}
	100%{ -moz-transform:rotate(-360deg);}
}
@keyframes irotate{
	0%{ transform:rotate(0deg);}
	100%{ transform:rotate(-360deg);}
}




/*集团简介*/
.about{}
.about .imgbox{ text-align:center;}
.about .txt-justify .tibox .h1{ font-size:16px;}
.about .txt-justify .txt1{ padding:5% 0;}
.about .txtlist{}
.about .txtlist li{ padding-top:5%; text-align:center;}
.about .txtlist li:first-child{ padding-top:0;}
.about .txtlist li .txt span{ color:#0064b1; font-weight:bold; padding:2% 0; display:block;}

@media(min-width:768px){
	.about{ line-height:24px;}
	.about .txtlist li .ico{ width:60px; float:left;}
	.about .txtlist li .txt{ width:90%; width:calc(100% - 60px); float:left; text-align:left; padding-left:20px;}
	.about .txtlist li .txt span{ padding:0;}
}
@media(min-width:1024px){
	.about .imgbox{ width:45%; float:right;}
	.about .txt-justify{ width:54%; float:left;}
}
@media(min-width:1200px){
	.about .imgbox{ width:448px;}
	.about .txt-justify{ width:744px;}
	.about .txt-justify .txt1{ padding:20px 0 25px;}
	.about .txtlist li{ padding-top:30px;}
}


/*领导致辞*/
.leader{}
.leader .tibox .h1{ font-size:16px;}
.leader .p{ margin-top:3%;}
.leader .txtrp{ text-align:right;}
.leader .txtrp img{ margin-top:3%;}

@media(min-width:1024px){
	.leader{ line-height:24px;}
	.leader .p{ margin-top:28px;}
	
	.leader .txtrp img{ margin-top:16px;}
}



/*发展历程*/
.history{}
.history .tibox{ padding-bottom:5%;}
.history .tibox em{ font-style:normal; display:block; font-size:16px; font-weight:bold;}
.history .tibox span{ text-transform:uppercase;}

.history .swiper-history{ overflow:visible;}
.history .honorbox,
.history .historybox{ position:relative;}
.history .historybox{ padding-bottom:5%; border-bottom:1px solid #eee; overflow-x:hidden;}

.history .swiper-slide time{ width:24%; float:left; font-size:30px; line-height:25px; font-weight:bold; position:relative;}
.history .swiper-slide time i{ width:13px; height:79px; display:block; background-repeat:no-repeat; position:absolute; left:50%; margin-left:-6px;}
.history .swiper-slide .txt{ width:75%; float:right; padding:2% 5% 4% 0;}

.history .btn{ width:24px; height:24px; display:block; text-align:center; line-height:24px; cursor:pointer; position:absolute; bottom:-12px; z-index:10; background-position:center; background-repeat:no-repeat; background-size:cover;}
.history .prev{ left:0; background-image:url(../img/btn-history-prev.png);}
.history .next{ right:0; background-image:url(../img/btn-history-next.png);}


.history .historybox .btn{ bottom:5px;}

.history .swiper-history{ border-bottom:1px solid #0064b1;}


.history .honorbox{ padding-top:5%;}
.history .swiper-honor{ background-image:url(../img/bg-history.png); background-position:center bottom; background-repeat:no-repeat; background-size:100% auto; border-bottom:2px solid rgba(0,100,177,0.4);}
.history .swiper-honor .swiper-slide{ width:33.33333%;}
.history .swiper-honor .swiper-slide .txt{ padding-bottom:10%;}
.history .swiper-honor .swiper-slide time i{ background-position:center top; background-image:url(../img/ico-honor.png);}

@media(min-width:1024px){
	.history .btn{ width:30px; height:30px; line-height:30px; bottom:-15px;}
	
	.history .historybox{ padding-bottom:50px;}
	.history .honorbox{ padding-top:50px;}
	
	.history .swiper-honor .swiper-slide time{ width:70px; text-align:center;}
	.history .swiper-honor .swiper-slide .txt{ padding:0 0 60px 0;}
}
@media(min-width:1200px){
	.history{ padding:14px 0 53px;}
	
	.history .tibox{ padding-bottom:30px;}
	
	.history .historybox{ height:390px;}
	.swiper-history-bg{ background:url(../img/line-history.png) no-repeat center;}
	.history .historybox .btn{ bottom:0; top:130px;}
	
	.history .swiper-history{ border-bottom:0; width:912px; margin:0 auto; position:relative;}
	.history .swiper-history .swiper-slide{ height:180px;}
	.history .swiper-history .item{ width:265px; margin-left:-35px;}
	.history .swiper-history time{ width:70px;}
	.history .swiper-history .txt{ width:190px; padding:0;}
	
	.history .swiper-history .liodd{ padding-bottom:40px;}
	.history .swiper-history .liodd time i{ top:35px; background-position:center bottom; background-image:url(../img/line3-history.png);}
	.history .swiper-history .lieven{ padding-top:154px;}
	.history .swiper-history .lieven time i{ background-image:url(../img/line2-history.png); background-position:center top; bottom:35px;}
	
	.history .historybox .flage .lieven{ padding-bottom:40px; padding-top:0;}
	.history .historybox .flage .lieven time i{ top:35px; bottom:auto; background-position:center bottom; background-image:url(../img/line3-history.png);}
	.history .historybox .flage .liodd{ padding-top:154px; padding-bottom:0;}
	.history .historybox .flage .liodd time i{ background-image:url(../img/line2-history.png); background-position:center top; bottom:35px; top:auto;}
	
	
	.history .swiper-honor .swiper-slide{ width:33.333333%;}
	.history .swiper-honor .swiper-slide1{ width:281px;}
	.history .swiper-honor .swiper-slide1 .txt{ width:186px;}
	.history .swiper-honor .swiper-slide2{ width:484px;}
	.history .swiper-honor .swiper-slide2 .txt{ width:411px;}
	.history .swiper-honor .swiper-slide3{ width:435px;}
	.history .swiper-honor .swiper-slide3 .txt{ width:361px;}
	.history .swiper-honor .swiper-slide .txt{ padding-bottom:90px;}
}
@media(max-width:1024px){
	.history .swiper-slide time i{ top:110%;}
	
	.history .swiper-history .swiper-slide time i{ background-position:center bottom; background-image:url(../img/line3-history.png);}
}



/*集团新闻*/
.news{}
.news .slidebox-os .swiper-slide .stxtbox{ background-color:rgba(0,0,0,0.8); color:#fff; padding:0; width:100%; position:absolute; left:0; bottom:0;}
.news .slidebox-os .swiper-slide a{ color:#fff;}
.news .slidebox-os .swiper-slide a:hover{ text-decoration:underline;}
.news .slidebox-os .swiper-slide{ font-size:12px;}
.news .slidebox-os .swiper-slide time{ width:24%; float:left; text-align:center; background-color:#0064b1; padding:2% 0;}
.news .slidebox-os .swiper-slide time em{ font-style:normal; font-size:24px; line-height:20px; display:block;}
.news .slidebox-os .swiper-slide .txtbox{ width:76%; float:right; padding:2%;}
.news .slidebox-os .swiper-slide .ti,
.news .slidebox-os .swiper-slide .txt .p{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .slidebox-os .swiper-slide .txt a{ display:none;}
.news .slidebox-os .swiper-slide-active .stxtbox{ display:block;}


.newslist{ padding:5% 0;}
.newslist li{ padding:2% 0;}
.newslist li .item{ background-color:#fff; border-bottom:1px solid #eee; padding:0 2% 2%;}
.newslist li time em{ font-style:normal; font-size:30px;}
.newslist li .imgbox img{ width:100%;}
.newslist li .txtbox{ padding-top:2%;}
.newslist li .txtbox a.ahref{ font-size:16px; font-weight:bold;}
.newslist li .txtbox p{ padding-top:1%; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden;}
.newslist li .txtbox .amore{ display:none; width:31px; height:13px; background:url(../img/more1-news.png) no-repeat left top;}
.newslist li:hover .item{ box-shadow:0 0 5px 3px rgba(188,188,188,0.1); border-color:transparent;}
.newslist li:hover .txtbox a.ahref{ color:#0064b1;}
.newslist li:hover .txtbox a.amore{ background-image:url(../img/more2-news.png);}
.newslist li:hover time:after{ background-color:#0064b1;}


.newsinfo{}
.newsinfo .tibox{ text-align:center; border-bottom:1px solid #eee;}
.newsinfo .tibox .ti{ font-size:18px;}
.newsinfo .tibox time{ padding:2%; display:block;}
.newsinfo .txtbox{ padding:5% 0;}

@media(min-width:768px){
	.news .slidebox-os .swiper-slide{ font-size:14px;}
	.news .slidebox-os .swiper-slide time{ width:90px;}
	.news .slidebox-os .swiper-slide time em{ font-size:30px; line-height:25px;}
	.news .slidebox-os .swiper-slide .txtbox{ width:84%; width:calc(100% - 90px);}
	.news .slidebox-os .swiper-slide .txtbox .txt{ float:none; width:100%; padding:0;}
	.news .slidebox-os .swiper-slide .txtbox .ti{ font-size:16px;}
	
	
	.newslist li .item{ font-size:0; padding-left:0;}
	.newslist li .item time,
	.newslist li .item .imgbox,
	.newslist li .item .txtbox{ font-size:14px; vertical-align:middle; display:inline-block;}
	
	.newslist li time{ width:12.5%; text-align:center;}
	.newslist li time span{ display:block; padding-bottom:5px;}
	.newslist li time:after{ content:''; width:20px; height:3px; display:block; margin:0 auto; background-color:#c7c7c7;}
	.newslist li time em{ display:block; font-size:40px; line-height:35px;}
	.newslist li .imgbox{ width:17.91%;}
	.newslist li .txtbox{ width:69.59%; padding:0 0 0 3%;}
	.newslist li .txtbox p{ padding:0; margin:1% 0;}
	
	
	.newsinfo .tibox .ti{ font-size:20px;}
	.newsinfo .tibox time{ padding:10px;}
}
@media(min-width:1024px){
	.news .slidebox-os .swiper-pagination{ position:static; padding-top:30px;}
	.news .slidebox-os .swiper-slide .stxtbox{ width:100%;}
	
	
	.newslist li .item{ padding-top:1%;}
	.newslist li .item .txtbox{ padding-top:0; vertical-align:top;}
	.newslist li .item .txtbox .amore{ display:block;}
}
@media(min-width:1200px){
	.news{ padding:14px 0 50px;}
	
	.news .slidebox-os .swiper-slide .stxtbox{ height:90px;}
	.news .slidebox-os .swiper-slide time{ height:90px; padding:13px 0;}
	.news .slidebox-os .swiper-slide time em{ font-size:50px; line-height:45px;}
	.news .slidebox-os .swiper-slide .txtbox{ width:810px; padding:25px 28px;}
	.news .slidebox-os .swiper-slide .txt .p{ width:630px; display:inline-block; vertical-align:middle;}
	.news .slidebox-os .swiper-slide .txt a{ display:inline-block; vertical-align:middle; color:#bd985f;}
	
	
	.newslist{ padding:37px 0 30px;}
	.newslist li{ padding-top:20px; padding-bottom:0;}
	.newslist li:first-child{ padding-top:0;}
	.newslist li .item{ padding:20px 30px 20px 0;}
	
	.newslist li time{ width:150px; height:120px; padding:28px 0; position:relative; display:table-cell;}
	.newslist li time:after{ position:absolute; bottom:0; left:50%; margin-left:-10px;}
	.newslist li time em{ font-size:50px; line-height:45px;}
	
	.newslist li .imgbox,
	.newslist li .imgbox img{ width:215px; height:120px;}
	
	.newslist li .item .txtbox{ width:705px; padding-top:7px; padding-left:36px;}
	.newslist li .item .txtbox p{ margin:10px 0; line-height:24px;}
}




/*项目动态*/
.project{}

@media(min-width:768px){
	.project .newslist li .item{ padding:2% 0 2% 2%;}
	.project .newslist li .txtbox{ padding-right:3%;}
}
@media(min-width:1024px){
	.project .newslist li time{ width:9.16%;}
	.project .newslist li .txtbox{ width:70%; padding-right:2.93%}
}
@media(min-width:1200px){
	.project{ padding:14px 0 21px;}
	
	.project .newslist li time{ width:110px;}
	.project .newslist li .txtbox{ width:845px;}
}



/*招标公告*/
.tender{}
.tender .filterbox{ font-size:0;}
.tender .filterbox .select{ width:49%; display:inline-block; font-size:14px; height:36px; line-height:36px; border-radius:18px; margin-left:2%;}
.tender .filterbox .select:first-child{ margin-left:0;}
.tender .filterbox .select .placeholder{ padding:0 15px 0 20px;}
.tender .filterbox .searchbox{ margin-top:3%; border:1px solid #eee; background-color:#fff; height:36px; line-height:36px; border-radius:18px;}
.tender .filterbox .searchbox .key{ width:88%; height:34px; line-height:34px; border-bottom-left-radius:18px; border-top-left-radius:18px; padding:0 20px; background:none; border:0; margin:0; float:left;}
.tender .filterbox .searchbox .btn{ width:12%; height:100%; display:block; background-color:#0064b1; border-top-right-radius:18px; border-bottom-right-radius:18px; float:right; background-image:url(../img/ico-case-zoom.png); background-position:center; background-repeat:no-repeat; background-size:50%; cursor:pointer;}


.tender .tenderlist{ padding:5% 0;}
.tender .tenderlist li{ padding:2% 0;}
.tender .tenderlist li .item{ background-color:#fff; padding:2% 2% 2% 30px; border-bottom:1px solid #eee; position:relative;}
.tender .tenderlist li .item:before{ content:''; width:20px; height:28px; display:block; background:url(../img/ico-note1.png) no-repeat left top; position:absolute; left:0; top:0;}
.tender .tenderlist li a{ display:block;}
.tender .tenderlist li .txt em{ font-style:normal;}
.tender .tenderlist li .txt p{ white-space:nowrap; text-overflow:ellipsis; text-overflow:hidden; overflow:hidden; color:#999;}
.tender .tenderlist li.istop .item:before{ background-image:url(../img/ico-note2.png);}
.tender .tenderlist li:hover .item:before{ background-image:url(../img/ico-note3.png);}
.tender .tenderlist li:hover a{ background-image:url(../img/more2-news.png);}
.tender .tenderlist li:hover .item{ box-shadow:0 0 5px 3px rgba(188,188,188,0.1); border-color:transparent;}

.tender-info .instor{ padding-top:5%;}

@media(min-width:768px){
	.tender .filterbox .select{ width:25%; vertical-align:middle;}
	.tender .filterbox .searchbox{ width:46%; display:inline-block; vertical-align:middle; margin-left:2%; margin-top:0;}
	
	
	.tender .tenderlist li .item{ padding:20px 30px 25px 40px; line-height:24px;}
	.tender .tenderlist li a{ background:url(../img/more1-news.png) no-repeat right center; padding-right:98px; overflow:hidden; color:#555;}
	.tender .tenderlist li time,
	.tender .tenderlist li .category,
	.tender .tenderlist li .txt em{ font-size:16px;}
	
	.tender .tenderlist li time{ float:left; width:93px;}
	.tender .tenderlist li .category{ float:left; text-align:center; width:70px}
	.tender .tenderlist li .txt{ float:left; width:68%; width:calc(100% - 93px -70px); padding-left:40px;}
	.tender .tenderlist li .txt em{ display:block; white-space:nowrap; text-overflow:ellipsis; position:relative;}
	.tender .tenderlist li .txt em:before{ content:''; width:34px; height:1px; display:block; position:absolute; left:-40px; top:50%;  margin-top:-1px; background-color:#555;}
}
@media(min-width:1024px){
	.tender .filterbox .select,
	.tender .filterbox .searchbox{ height:46px; line-height:46px; border-radius:23px; margin-left:10px;}
	.tender .filterbox .select{ width:160px;}
	.tender .filterbox .searchbox{ width:390px;}
	.tender .filterbox .searchbox .key{ height:44px; line-height:44px; border-bottom-left-radius:22px; border-top-left-radius:22px;}
	.tender .filterbox .searchbox .btn{ border-top-right-radius:22px; border-bottom-right-radius:22px; background-size:23px 23px;}
	
	.tender .tenderlist li{ padding:20px 0 0 0;}
	.tender .tenderlist li:first-child{ padding-top:0;}
}
@media(min-width:1200px){
	.tender{ padding:4px 0 45px;}
	
	.tender .tenderlist{ padding:40px 0 29px;}
	.tender .tenderlist li .txt{ width:868px;}
}




/*人才理念*/
.join{ padding:5% 0;}
.join .tibox{ padding-bottom:5%;}
.join .tibox h1{ font-weight:bold; font-size:14px; margin-top:3%;}
.join .tibox a{ background-color:#0064b1; color:#fff; width:140px; height:36px; line-height:36px; border-radius:18px; text-align:center; display:block;}
.join .tibox a:after{ content:'>'; font-family:'宋体'; margin-left:12px;}

.join .txtlist li{ padding:3% 0; text-align:center;}
.join .txtlist li .ico{ background-color:rgba(0,100,177,0.1); width:100px; height:100px; border-radius:50%; padding:5px; margin:0 auto;}
.join .txtlist li .bg{ width:90px; height:90px; border-radius:50%; color:#fff; text-align:center; padding:18px 0 19px;}
.join .txtlist li img{ width:36px; height:39px;}
.join .txtlist li span{ display:block; line-height:24px;}

.join .txtlist li.li1 .bg{ background-color:#0064b1;}
.join .txtlist li.li2 .bg{ background-color:#0092b1;}
.join .txtlist li.li3 .bg{ background-color:#46c478;}
.join .txtlist li.li4 .bg{ background-color:#bd985f;}

@media(min-width:768px){
	.join .tibox a{ float:right;}
	
	.join .txtlist li .ico{ float:left;}
	.join .txtlist li .txt{ width:80%; width:calc(100% - 100px); text-align:left; float:left; padding-left:29px; line-height:24px;}
	.join .txtlist li dd span{ width:80px; display:block; float:left;}
	.join .txtlist li dd .p{ width:80%; width:calc(100% - 80px); float:left;}
}
@media(min-width:1024px){
	.join .tibox{ padding-bottom:38px;}
	.join .tibox h1{ margin:0;}
	
	.join .txtlist ul{ margin-left:-25px; margin-right:-25px;}
	.join .txtlist li{ width:50%; float:left; padding:0 25px; padding-top:105px;}
	.join .txtlist li.li1,
	.join .txtlist li.li2{ padding-top:0;}
}
@media(min-width:1200px){
	.join{ padding:13px 0 46px;}
	
	.join .txtlist li .txt{ width:450px; padding-top:19px;}
	.join .txtlist li dd .p{ width:340px;}
}




/*联系我们*/
.contact{}
.contact .mapbox{ width:100%; height:400px; padding:10px; background-color:#fff; border:1px solid #eee;}
.contact .mapbox .map{ width:100%; height:100%;}
.contact .mapbox img{ max-width:none;}

.contact .txtbox{ padding-top:5%;}
.contact .txtbox .p{ padding-bottom:3%;}

.contact .txtbox .contactlist{ padding-bottom:5%;}
.contact .txtbox .contactlist li{ padding-top:3%;}
.contact .txtbox .contactlist li:first-child{ padding-top:0;}
.contact .txtbox .contactlist li span{ display:block;}

.contact .txtbox .codelist{ padding-top:1%;}
.contact .txtbox .codelist .item{ float:left; margin-left:21px;}
.contact .txtbox .codelist .item:first-child{ margin-left:0;}
.contact .txtbox .codelist .item .imgbox{ background-color:rgba(0,0,0,0.2); padding:8px; border-radius:3px; display:inline-block;}
.contact .txtbox .codelist .item .imgbox img{ width:110px; height:110px;}
.contact .txtbox .codelist .item span{ display:block; text-align:center; padding-top:13px;}


@media(min-width:768px){
	.contact .txtbox .contactlist li{ padding-top:0;}
	.contact .txtbox .contactlist li span{ display:block; float:left; margin-left:65px;}
	.contact .txtbox .contactlist li .sp1{ width:19.42%; margin-left:0;}
	.contact .txtbox .contactlist li .sp2{ width:20%;}
	.contact .txtbox .contactlist li .sp3{ width:35.57%;}
}
@media(min-width:1024px){
	.contact .txtbox{ width:55%; float:left; padding-top:0;}
	.contact .mapbox{ width:40%; height:520px; float:right;}
}
@media(min-width:1000px) and (max-width:1200px){
	.contact .txtbox .contactlist li span{ margin:0; float:none;}
	.contact .txtbox .contactlist li .sp1,
	.contact .txtbox .contactlist li .sp2,
	.contact .txtbox .contactlist li .sp3{ width:auto;}
}
@media(min-width:1200px){
	.contact{ padding:13px 0 5px;}
	
	.contact .txtbox{ width:500px;}
	.contact .mapbox{ width:650px; height:700px;}
	.contact .txtbox .p{ padding-bottom:29px;}
	.contact .txtbox .contactlist li .sp1{ width:140px;}
	.contact .txtbox .contactlist li .sp2{ width:150px;}
	.contact .txtbox .contactlist li .sp3{ width:255px;}
}




/*在线留言*/
.message{}
.message .imgbox{ margin:5% 0; background-color:#fff; border:1px solid #eee; padding:10px;}
.message .imgbox img{ width:100%;}

.message .formbox{}
.message .formbox li{ padding:2%; font-size:0; line-height:30px;}
.message .formbox li .ti,
.message .formbox li .inputbox,
.message .formbox li .btnbox,
.message .formbox li .required{ display:inline-block; vertical-align:middle; font-size:14px;}
.message .formbox li .ti{ width:24%; max-width:70px;}
.message .formbox li .inputbox,
.message .formbox li .btnbox{ width:70%;}
.message .formbox li .inputbox{ height:30px; line-height:30px; border:1px solid #eee; border-radius:3px; background-color:#fff;}
.message .formbox li .inputbox .text{ border:0; margin:0; background:none; width:100%; height:100%; padding:0 2%;}
.message .formbox li.textareabox .inputbox{ height:90px;}
.message .formbox li.textareabox .ti{ vertical-align:top;}
.message .formbox li .inputbox .textarea{ padding:2%;}
.message .formbox li .required{ width:4%; text-align:right; color:#f00;}
.message .formbox li .btn{ width:100px; height:35px; line-height:35px; text-align:center; color:#fff; font-weight:bold; background-color:#0064b1; border-radius:3px;}

@media(min-width:1024px){
	.message .txtbox{ padding-bottom:45px;}
	
	.message .imgbox{ width:500px; float:right; margin:0;}
	.message .formbox{ width:461px; float:left;}
}
@media(min-width:1200px){
	.message{ padding:25px 0 14px;}
}



/*大发公益*/
.welfare{}

.slidebox-os{ position:relative; overflow:hidden;}
.slidebox-os .swiper-slide{width:80%; position:relative;}
.slidebox-os .swiper-slide .imgbox{ position:relative;}
.slidebox-os .swiper-slide .imgbox img{ width:100%; display:block;}
.slidebox-os .swiper-slide .imgbox:before{ content:''; width:100%; height:100%; display:block; position:absolute; background-color:rgba(0,0,0,0.6);}
.slidebox-os .swiper-slide .stxtbox{ display:none;}
.slidebox-os .swiper-slide-active .imgbox:before{ display:none;}

.slidebox-os .txtlist{ background-color:#fff; padding:2% 0; width:80%; margin:0 auto;}
.slidebox-os .txtlist li{ display:none;}
.slidebox-os .txtlist li .ti{ font-weight:bold;}

.slidebox-os .btn{ width:24px; height:24px; cursor:pointer; background-position:center; background-repeat:no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-12px; z-index:10;}
.slidebox-os .prev{ background-image:url(../img/btn-prev2.png); left:1%;}
.slidebox-os .next{ background-image:url(../img/btn-next2.png); right:1%;}

.slidebox-os .swiper-pagination{ text-align:center; margin:0 auto; position:static; font-size:0; padding:2% 0;}
.slidebox-os .swiper-pagination span{ margin-left:10px; width:20px; height:3px; border-radius:0;}
.slidebox-os .swiper-pagination span:first-child{ margin-left:0;}


.welfare .txtbox{ padding-top:5%;}
.welfare .txtbox .txt{}
.welfare .txtbox .tibox{ background-color:#0064b1; color:#fff; width:142px; height:40px; line-height:40px; padding:0 5px 0 8px; border-top-left-radius:5px; border-bottom-left-radius:5px; margin:5% 0; position:relative;}
.welfare .txtbox .tibox:before,
.welfare .txtbox .tibox:after{ content:''; width:0; height:0; line-height:0; font-size:0; border-width:10px 10px; position:absolute; right:-20px;}
.welfare .txtbox .tibox:before{ border-style:solid dashed dashed solid; border-color:#0064b1 transparent transparent #0064b1; top:0;}
.welfare .txtbox .tibox:after{ border-style:dashed dashed solid solid; border-color:transparent transparent #0064b1 #0064b1; bottom:0;}
.welfare .txtbox .tibox span:before{ content:''; width:4px; height:4px; border-radius:50%; display:inline-block; vertical-align:middle; margin-right:10px; background-color:#fff;}

.welfare .welfarelist li{ padding-top:4px;}
.welfare .welfarelist li:first-child{ padding-top:0;}
.welfare .welfarelist li .item{ background-color:#fff;}
.welfare .welfarelist li .ti{ background-color:#b2d0e7; color:#fff; padding:0 2%;}
.welfare .welfarelist li .info{ padding:2%;}


@media(min-width:768px){
	.slidebox-os .txtlist{ display:none;}
	.slidebox-os .swiper-slide .stxtbox .ico{ width:100px; height:100px; background-color:rgba(0,100,177,0.4); border-radius:50%; padding:5px; display:table; float:left; margin-top:-50px; transition:all 0.3s;}
	.slidebox-os .swiper-slide .stxtbox .ico span{ display:table-cell; width:100%; height:100%; background:#0064b1; border-radius:50%; text-align:center; vertical-align:middle;}
    .slidebox-os .swiper-slide .stxtbox .txt{ width:80%; width:calc(100% - 100px); padding-left:24px; float:right;}
	.slidebox-os .swiper-slide .stxtbox .txt .ti{ font-weight:bold;}
	.slidebox-os .swiper-slide-active .stxtbox{ position:relative; display:block; padding:2%;}
	.slidebox-os .swiper-slide:hover .stxtbox .ico{ transform:translateY(-5px);}
	
	.welfare .txtbox .tibox{ margin:28px 0 24px;}
	.welfare .welfarelist li .ti{ width:10%; height:40px; line-height:40px; padding:0 10px; border-radius:5px 0px 0px 5px; float:left;}
	.welfare .welfarelist li .info{ width:90%; border-radius:0px 5px 5px 0px; padding:0 10px; float:right; line-height:40px;}
	.welfare .welfarelist li.lie .info{ line-height:20px;}
}
@media(min-width:1024px){
	.slidebox-os .swiper-slide .stxtbox{ width:53%;}
	.slidebox-os .swiper-pagination{ position:absolute; z-index:10; bottom:10%; right:10%; padding:0;}
	.slidebox-os .btn{ top:40%;}
	
	.welfare .txtbox{ width:930px; margin:0 auto;}
	.welfare .txtbox .tibox{ font-size:16px; font-weight:bold;}
	
	.welfare .welfarelist li .ti{ width:90px;}
	.welfare .welfarelist li .info{ width:840px;}
	.welfare .welfarelist li.lie .info{ line-height:40px;}
}
@media(min-width:1200px){
	.welfare{ padding:14px 0 49px;}
	
	.welfare .txtbox{ padding-top:58px;}
	
	.slidebox-os .btn{ top:260px;}
	.slidebox-os .swiper-pagination{ bottom:30px; right:180px;}
	.slidebox-os .swiper-pagination span{ width:40px;}
	
	.slidebox-os .swiper-slide{ width:900px;}
	.slidebox-os .swiper-slide .imgbox,
	.slidebox-os .swiper-slide .imgbox img{ width:900px; height:500px;}
	.slidebox-os .btn{ width:30px; height:30px; margin-top:-15px;}
	.slidebox-os .prev{ left:51px;}
    .slidebox-os .next{ right:51px;}
}




/*情景房产*/
.property{}

.property .txtbox{ padding-top:5%;}
.property .txtbox .txt{ border-bottom:1px solid #eee; padding-bottom:5%;}
.property .txtbox .txtlist{ padding-top:5%;}
.property .txtbox .txtlist li{ padding:2% 0;}
.property .txtbox .txtlist li .ti{ background-color:#0064b1; border-radius:3px 0 0 3px; width:86px; height:35px; line-height:35px; padding:0 10px 0 17px; color:#fff; position:relative;}
.property .txtbox .txtlist li .ti:before,
.property .txtbox .txtlist li .ti:after{ content:''; width:0; height:0; line-height:0; font-size:0; border-width:10px 10px; position:absolute; right:-20px;}
.property .txtbox .txtlist li .ti:before{ border-style:solid dashed dashed solid; border-color:#0064b1 transparent transparent #0064b1; top:0;}
.property .txtbox .txtlist li .ti:after{ border-style:dashed dashed solid solid; border-color:transparent transparent #0064b1 #0064b1; bottom:0;}
.property .txtbox .txtlist li .info{ padding-top:2%;}

@media(min-width:768px){
	.property .txtbox .txt{ width:32%; float:left; border-bottom:0; border-right:1px solid #eee; padding-bottom:0; padding-right:40px;}
	.property .txtbox .txtlist{ width:60%; float:right; padding-top:0;}
}
@media(min-width:1024px){
	.property .txtbox{ width:900px; margin:0 auto; line-height:24px;}
	.property .txtbox .txt{ width:261px;}
	.property .txtbox .txtlist{ width:542px;}
	
	.property .txtbox .txtlist li .ti{ float:left;}
	.property .txtbox .txtlist li .info{ width:412px; float:right; padding-top:0; margin-top:-5px;}
	.property .txtbox .txtlist li .info{ width:412px; float:right; padding-top:0; margin-top:-5px;}
}
@media(min-width:1200px){
	.property{ padding:14px 0 49px;}
}




/*大发案例*/
.case{}
.case .searchbox{ line-height:30px; max-width:564px;}
.case .searchbox .ti{ width:30%; max-width:83px; float:left;}
.case .searchbox .ti:before{ content:''; width:12px; height:18px; display:inline-block; background:url(../img/ico-address3.png) no-repeat center; vertical-align:middle; margin-right:5px;}
.case .searchbox .search{ width:70%; max-width:480px; height:30px; border:1px solid #eee; background-color:#fff; border-radius:15px; float:right;}
.case .searchbox .search .key{ border:0; margin:0; background:none; width:85%; max-width:430px; height:30px; line-height:30px; padding:0 5%; float:left;}
.case .searchbox .search .btn{ width:15%; max-width:50px; height:100%; display:block; background-color:#0064b1; background-image:url(../img/ico-case-zoom.png); background-position:center; background-repeat:no-repeat; background-size:50%; border-radius:0 15px 15px 0; float:right; cursor:pointer;}

.case .caselist{ padding:5% 0 3%; margin-bottom:5%; border-bottom:1px solid #eee;}
.case .caselist li{ padding:2% 0;}
.case .caselist li .item{ padding:10px 10px 14px;}
.case .caselist li .imgbox img{ width:100%;}
.case .caselist li .tibox{ padding:2% 0; border-bottom:1px solid #eee; font-weight:bold;}
.case .caselist li .tibox .tel{ float:right; color:#0064b1; width:45%;}
.case .caselist li .tibox .tel:before{ content:''; width:20px; height:20px; display:inline-block; background:url(../img/ico-case-tel.png) no-repeat center #0064b1; border-radius:50%; vertical-align:middle; margin-right:5px;}
.case .caselist li .tibox .ti{ width:54%; float:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.case .caselist li .info{ padding:2% 0;}
.case .caselist li .info dd{ padding:1% 0;}
.case .caselist li .info dd:before{ content:''; width:20px; height:20px; border-radius:50%; display:inline-block; margin-right:5px; vertical-align:middle; background-color:#cfdce6; background-position:center; background-repeat:no-repeat;}
.case .caselist li .info .li1:before{ background-image:url(../img/ico-case-1.png);}
.case .caselist li .info .li2:before{ background-image:url(../img/ico-case-2.png);}
.case .caselist li .info .li3:before{ background-image:url(../img/ico-case-3.png);}
.case .caselist li .info .li4:before{ background-image:url(../img/ico-case-4.png);}
.case .caselist li .abtn{ width:100px; height:35px; line-height:35px; background-color:#0064b1; color:#fff; text-align:center; font-weight:bold; display:block; margin:0 auto; border-radius:3px;}
.case .caselist li.soldout .abtn{ background-color:#c0d1df}
.case .caselist li .abtn:hover{ background-color:#bd985f;}
.case .caselist li.soldout .abtn:hover{ background-color:#c0d1df}
.case .caselist li .item:hover{ box-shadow:0 0 5px 3px rgba(188,188,188,0.1); background-color:#fff;}
.case .caselist li .item:hover .tibox .tel{ color:#bd985f;}
.case .caselist li .item:hover .tibox .tel:before{ background-color:#bd985f;}
.case .caselist li .item:hover .abtn{ background-color:#bd985f;}


.caseinfo{}
.caseinfo .slidebox-os .swiper-slide{ width:62.5%;}
.caseinfo .slidebox-os .swiper-slide .stxtbox{ background-color:rgba(0,100,177,0.7); color:#fff; padding:2%; width:100%; position:absolute; left:0; bottom:0;}
.caseinfo .slidebox-os .swiper-slide{ font-size:12px;}
.caseinfo .slidebox-os .swiper-slide .txtbox{ width:76%; float:right; padding:2%;}
.caseinfo .slidebox-os .swiper-slide .ti,
.caseinfo .slidebox-os .swiper-slide .p{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.caseinfo .slidebox-os .swiper-slide .ti{ font-weight:bold;}
.caseinfo .slidebox-os .swiper-slide-active .stxtbox{ display:block;}


.caseinfo .txtbox{ padding-top:5%;}
.caseinfo .txtbox .tibox{ line-height:24px; padding-bottom:8px; border-bottom:1px solid #eee;}
.caseinfo .txtbox .tibox .abtn{ float:right; width:45px; height:24px; line-height:24px; background-color:#bd985f; color:#fff; text-align:center; font-weight:bold; display:block; margin:0 auto; border-radius:3px; margin-left:5px;}
.caseinfo .txtbox .tibox .tel{ float:right; color:#bd985f; font-weight:bold;}
.caseinfo .txtbox .tibox .tel:before{ content:''; width:20px; height:20px; display:inline-block; background:url(../img/ico-case-tel.png) no-repeat center #bd985f; border-radius:50%; vertical-align:middle; margin-right:5px;}
.caseinfo .txtbox .tibox .ti{ float:left; width:40%; font-weight:bold; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

.caseinfo .txtbox .info{ padding:5% 0; border-bottom:1px solid #eee;}
.caseinfo .txtbox .info .dl{ padding-bottom:10px;}
.caseinfo .txtbox .info dd{ padding:1% 0;}
.caseinfo .txtbox .info dd:before{ content:''; width:20px; height:20px; border-radius:50%; display:inline-block; margin-right:5px; vertical-align:middle; background-color:#cfdce6; background-position:center; background-repeat:no-repeat;}
.caseinfo .txtbox .info .li1:before{ background-image:url(../img/ico-case-1.png);}
.caseinfo .txtbox .info .li2:before{ background-image:url(../img/ico-case-2.png);}
.caseinfo .txtbox .info .li3:before{ background-image:url(../img/ico-case-3.png);}
.caseinfo .txtbox .info .li4:before{ background-image:url(../img/ico-case-4.png);}
.caseinfo .txtbox .info .abtn{ width:80px; height:30px; line-height:30px; background-color:#0064b1; color:#fff; text-align:center; font-weight:bold; display:block; border-radius:3px; cursor:pointer;}

.caseinfo .txtbox .txt-justify{}
.caseinfo .txtbox .txt-justify .h1{ font-size:14px; padding:17px 0 14px;}
.caseinfo .txtbox .txt-justify .table{ border-collapse:collapse;}
.caseinfo .txtbox .txt-justify .table td{ border:1px solid #eaeaea; text-align:center;}
.caseinfo .txtbox .txt-justify .table .TDti td{ background-color:#f2f2f2;}
.caseinfo .txtbox .txt-justify .table td.TD1{ width:10.8%;}
.caseinfo .txtbox .txt-justify .table td.TD2{ width:51.86%;}
.caseinfo .txtbox .txt-justify .table td.TD3{ width:24.4%}
.caseinfo .txtbox .txt-justify .table td.TD4{ width:12.94%;}

.caseinfo .txtbox .p{ padding-top:5%;}


.caseinfo .showbg{ width:100%; height:100%; background-color:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:120; display:none;}
.caseinfo .mapbox{ width:80%; height:80%; position:fixed; z-index:121; left:50%; top:-200%; transform:translateX(-50%); transition:all 0.3s;}
.caseinfo .mapbox img{ max-width:none;}
.caseinfo .mapbox .map{ width:100%; height:100%;}
.caseinfo .mapbox .close{ width:40px; height:40px; color:#fff; background-color:rgba(0,0,0,0.8); background-image:url(../img/ico-close.png); background-position:center; background-repeat:no-repeat; position:absolute; right:0; top:0; z-index:10; cursor:pointer;}
.caseinfo .mapshow{ top:50%; transform:translate(-50%,-50%);}


@media(min-width:768px){
	.case .searchbox{ width:564px; margin:0 auto; line-height:40px;}
	.case .searchbox .search,
	.case .searchbox .search .key{ height:40px; line-height:40px;}
	.case .searchbox .ti{ width:83px;}
	.case .searchbox .search{ width:480px; border-radius:20px;}
	.case .searchbox .search .btn{ border-radius:0 20px 20px 0; background-size:23px 23px;}
	
	
	.case .caselist ul{ margin-left:-2%; margin-right:-2%;}
	.case .caselist li{ width:50%; float:left; padding:2%;}
	
	
	.caseinfo .slidebox-os .btn{ top:50%;}
	.caseinfo .slidebox-os .swiper-pagination{ position:static; padding-top:30px;}
	.caseinfo .slidebox-os .swiper-slide{ font-size:14px;}
	.caseinfo .slidebox-os .swiper-slide .stxtbox .ti{ font-size:16px;}
	
	
	.caseinfo .txtbox .tibox{ line-height:35px; padding-bottom:8px;}
	.caseinfo .txtbox .tibox .tel{ font-size:16px;}
	.caseinfo .txtbox .tibox .abtn{ width:100px; height:35px; line-height:35px; margin-left:12px;}
	.caseinfo .txtbox .tibox .ti{ font-size:16px; width:60%; max-width:444px;}
	
	.caseinfo .txtbox .info{ padding:20px 0; position:relative;}
	.caseinfo .txtbox .info .abtn{ width:100px; height:35px; line-height:35px; position:absolute; right:0; bottom:30px;}
	
	.caseinfo .txtbox .txt-justify .table td{ padding:20px 0;}
	.caseinfo .txtbox .txt-justify .table .TDti td{ padding:15px 0;}
	.caseinfo .txtbox .p{ padding-top:30px;}
}
@media(min-width:1024px){
	.case .caselist li .tibox{ padding:0; line-height:50px;}
	.case .caselist li .tibox .tel{ width:140px; text-align:right;}
	.case .caselist li .tibox .ti{ width:210px;}
	.case .caselist li .info{ line-height:30px; padding:10px 0 20px;}
	.case .caselist li .info dd{ padding:0;}
	
	.caseinfo .txtbox{ width:750px; margin:0 auto;}
	
	.caseinfo .mapbox{ width:750px; height:500px;}
}
@media(min-width:1200px){
	.case{ padding:4px 0 34px;}
	.caseinfo{ padding:30px 0 18px;}
	
	.caseinfo .slidebox-os .swiper-slide{ width:750px;}
	.caseinfo .slidebox-os .swiper-slide .imgbox,
	.caseinfo .slidebox-os .swiper-slide .imgbox img{ width:750px; height:500px;}
	.caseinfo .slidebox-os .swiper-slide .stxtbox{ height:90px; padding:25px 33px;}
	
	.case .caselist{ padding:24px 0 21px; margin-bottom:30px;}
	.case .caselist ul{ margin-left:-20px; margin-right:-20px;}
	.case .caselist li{ width:33.333333%; float:left; padding:16px 20px;}
}




/*网站地图*/
.ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;}
.ul_sitemap li strong{ width:90px; display:inline-block;}

.defBox{background-repeat: no-repeat; background-position: center; background-size: cover;overflow: hidden; position: relative;}
a.daflogo{display: block; width: 30%;margin:8% auto 0;}
a.daflogo img{width: 100%;}

.defBox .btnDef{position: absolute; display: block; bottom: 20px;left: 50%;margin-left: -150px;  width:300px;padding-top: 40px; background:url('../img/in-01.png') no-repeat center 0;text-align: center;}
.defBox .btnDef span{display: inline-block;border:1px solid #fff; color: #fff; font-size: 16px; border-radius: 30px; line-height: 35px;padding:0 40px;}
.defBox ul{padding:0 15px; margin: 40px 0 0; }
.defBox ul li{width: 50%;float: left; text-align: center;margin-bottom: 20px;}
.defBox ul li a{display:block; border:1px solid #fff; color: #fff;  font-size: 15px; border-radius: 30px; line-height: 35px;padding:0 25px; width: 90%;margin: 0 auto;}