@charset "utf-8";
/*全局初始化样式2018*/
body{ padding:0px; margin:0px auto; font-family:Microsoft YaHei,arial,'宋体'; color: #666; width: 100%; zoom:1;

 /*禁用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;
 min-width:320px;
 color:#333;
 font-size:12px;
}
.swiper{  padding-top: 105px;}  
ul>li{list-style-type: disc;}
.ul,.ul li,form,.dl,.dl dt,.dl dd,div,.p{ padding: 0px; margin: 0px;}
/*默认去除ul、li的默认样式*/
.ul,.ul>li{ list-style:none; margin: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;}
/*表单元素获得焦点时不显示虚线框*/
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;}
.solutions{display: none;}
.news{display: none;}
.h1-title {
    font-size: 24px;
    color: #201c38;
    text-align: center;
    margin: 0 auto 20px;
    letter-spacing: 2px;
    font-weight: 700;
    font-family: "Source Han Sans CN Bold", "思源黑体", "微软雅黑", "Microsoft Yahei", 'webfont', "Hiragino Sans GB", Arial, "Helvetica", "Microsoft YaHei New", "STXihei", "华文细黑", 'sans-serif';
}
.h1-title.line {
  position: relative;
  margin-bottom: 30px;
}
.h1-title.line:after {
  content: "";
  width: 1.03rem;
  height: .03rem;
  position: absolute;
  left: 50%;
  bottom: px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  background: #ec008c;
  display: block;
  -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
       -o-transform: translateX(-50%);
          transform: translateX(-50%);
}
.p-desc {
    width: 99%;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #201c38;
    margin: 0 auto 30px;
    text-align: center;
    font-weight: 400;
    font-family: "Source Han Sans CN Regular", "思源黑体", "微软雅黑", "Microsoft Yahei", 'webfont', "Hiragino Sans GB", Arial, "Helvetica", "Microsoft YaHei New", "STXihei", "华文细黑", 'sans-serif';
}
.solutions .solutions-wrap .solution-item {
    -webkit-border-radius: .1rem;
    -moz-border-radius: .1rem;
    border-radius: .1rem;
    background: white;
    text-align: center;
    overflow: hidden;
    position: relative;
    color: #201c38;
    -webkit-box-shadow: 0 0.1rem 0.16rem rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0.1rem 0.16rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
    margin-bottom: 15px;
}
.solutions .solutions-wrap .solution-item:nth-child(2) .item-content .item-title span {
  background: #ec008c;
}
.solutions .solutions-wrap .solution-item .item-img img {
  width: 100%;
  display: block;
}
.solutions .solutions-wrap .solution-item .item-content {
  padding: 30px 7px;
  color: #201c38;
}
body > section {
    padding: 1.3rem 0;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.solutions .solutions-wrap .solution-item .item-content .item-title {
  font-size: 22px;
  line-height: 1;
  margin-bottom: 20px;
  vertical-align: middle;
  font-weight: 700;
  font-family: "Source Han Sans CN Bold", "思源黑体", "微软雅黑", "Microsoft Yahei", 'webfont', "Hiragino Sans GB", Arial, "Helvetica", "Microsoft YaHei New", "STXihei", "华文细黑", 'sans-serif';
}
.solutions .solutions-wrap .solution-item .item-content .item-title span {
  color: white;
  background: #02a5e5;
  -webkit-border-radius: .08rem;
     -moz-border-radius: .08rem;
          border-radius: .08rem;
  font-size: .3rem;
  padding: 0 .14rem;
  height: .45rem;
  line-height: .45rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: .14rem;
  margin-top: -0.08rem;
}
.postimg .swiper-slide {
    height: 300px;
    
    line-height: 300px;
    text-align: center;
}
.solutions .solutions-wrap .solution-item .item-content .item-desc {
  font-size: 16px;
  line-height: 25px;
  letter-spacing: 1px;
  font-weight: 400;
  font-family: "Source Han Sans CN Regular", "思源黑体", "微软雅黑", "Microsoft Yahei", 'webfont', "Hiragino Sans GB", Arial, "Helvetica", "Microsoft YaHei New", "STXihei", "华文细黑", 'sans-serif';
}
/*初始化a的样式和字体样式*/
a{ color:#666; text-decoration:none; noline: -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ color: #222;}

*{ -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
/*清楚浮动*/
.clear{ clear:both; height:0px; overflow:hidden;} /*清除浮动*/
 .clearfix {*zoom:1;}/*IE/7/6*/
 .clearfix:after { content:"\200B"; display:block; height:0; clear:both; }
.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

.dot{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.content{ min-height:200px; padding:3% 0; font-size: 14px;}
.Pic100{ position:relative; width:100%; height:0;}
.Pic100 img{ position:absolute; left:0; top:0; width:100%; height:100%;}
.wid{ max-width:1200px; margin:0 auto;}
.txtbox{ /*单片 设置文字两端对齐*/ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word;line-height:24px; font-size:14px;}

.auto {margin: 0 auto; }
.auto_1200 {max-width: 1200px;}
@media(max-width:1200px){
 .auto_1200{ padding: 3% 2%;}
 .content{display: none;}
 .solutions{display:block;}
 .news{display:block ;}
}

body, ul {
    margin: 0;
    padding: 0;
}
body,html{
    height: 100%;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
ul li {
    list-style-type: none;
}
.slides-box {
    width: 100%;
    height: 100%;
    margin: auto;
    overflow: hidden;
}
.slides {
    position: relative;
    height: 100%;
    width: 100%;
    margin: auto;
    float: left;
}
.slides li {
	position: absolute;
    width:  100%;
    height: 100%;
}
.slides li img{
    display: block;
    width: 100%;
    margin: auto;
}
.prev, .next {
    position: absolute;
    z-index: 99;
    top: 50%;
    margin-top: -40px;
    left: 0;
    height: 70px;
    width: 30px;
    color: #fff;
    cursor: pointer;
    background-color: #000;
    opacity: .5;
}
.prev:hover, .next:hover{
	opacity: .7;
}
.prev{
	background-image: url("data:image/gif;base64,R0lGODlhHgBGAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MkIwQTM1OTQ0MTQ3NDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjY0M0UwQjkxMEQ3RTExRTVCOTJFQkFCNkU5QTFCNUE5IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjY0M0UwQjkwMEQ3RTExRTVCOTJFQkFCNkU5QTFCNUE5IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFCRDY2OUNGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFCRDY2OURGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAHgBGAAACUIyPqcvtD6OctNqLs968+w+G4kiWIYB6aMqtrOYCrTuv9ZvFt7zpPf2zBXEY31Al3CGTQ56yY2wuiTng8yqFWo9Lk/cLDovH5LL5jE6r15oCADs=");
}
.next {
    left: auto;
    right: 0;
    background-image: url("data:image/gif;base64,R0lGODlhHgBGAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMwMTQgNzkuMTU2Nzk3LCAyMDE0LzA4LzIwLTA5OjUzOjAyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjAzODAxMTc0MDcyMDY4MTE5MkIwQTM1OTQ0MTQ3NDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg0QTYyN0Y0MEQ3RTExRTVBMTAyQURBQ0QxRjY2NTc1IiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg0QTYyN0YzMEQ3RTExRTVBMTAyQURBQ0QxRjY2NTc1IiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzUgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEFCRDY2OUNGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEFCRDY2OURGM0REMTFFMkFCOTg5QTlBMkVEQjFBRjAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQBAAABACwAAAAAHgBGAAACV4yPqcvtD6OctNqLs968+w+G4kiWFIB+aNqtLOcCXjy79Xq/G93aPf7TaXgwX1GYMQ6VGGKSeXE2oRZplFqxVrEn7kSb9X6BR5P5jE6r1+y2+w2Py+fmAgA7");
}
.pagination{
	position: absolute;
	bottom: 5px;
	z-index: 99;
}
.pagination li{
    padding: 5px 3px;
	float: left;
}
.pagination li a{
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 25px;
    background: #000;
	color: #fff;
    text-align: center;
    font-family: Arial;
	text-decoration: none;
}
.pagination .active{
	background: red;
}
/*头部*/

.top{ background: url(../images/top_bg.png) no-repeat center top #fff; box-shadow:0px 1px 5px #333; position: fixed; width: 100%; height: 104px; z-index: 999;}
.top .auto{position:relative; z-index:100;}
.top .top_box{ position: absolute; right: 6%; height: 25px; line-height: 25px;}
.top .top_box a{ color: #fff; padding-right: 20px;}
.top .top_box a.lx_top:after{ content: ''; width: 1px; background: #fff;position: absolute; display: block; height: 10px; top: 7px; left: 60px;}
.top .top_box a.lang{ background: url(../images/xl_ico.png) no-repeat right;}
.top .logo{ padding:1% 0;}
.top .logo img{ display:block;height:45px;    width: 30%;
    margin-top: 20px;}

.top nav{ position:absolute; top:63%; margin-top:-7px;right:-72px;}
.top nav li{ float:left; padding:0 10px;}
.top nav li a{ display:block; line-height:32px; border:1px solid transparent;color: #333; font-size: 16px; padding-bottom: 20px;}
.top nav li a:hover,
.top nav li a.aon{ border-bottom: solid 2px #1b4ba4;}
.top nav li.aon a{ border-bottom: solid 2px #1b4ba4; color: #1b4ba4;}
.top .search{ position:absolute; right:0; top:65%;margin-top:-16px; width:34px; height:32px;background:url(../images/search_ico.png) no-repeat center center; z-index:10;}
.top .search figure{position:absolute; right:0; top:0; width:0; overflow:hidden; transition:0.3s;}
.top .search:hover figure{ width:200px;}
.top .search .text{ width:100%; padding:0 34px 0 5px; height:32px; line-height:32px; border:none;border:1px solid #4e4644; background:#fff;}
.top .search .btn{ position:absolute; right:0; top:0;width:34px; height:100%; padding:0; border:none; background:url(../images/top-btn_search.png) no-repeat center center; cursor:pointer;}


.top nav li dl dd a{ padding-bottom: 0;}
.top nav li dl dd a{ color: #fff;}
.top nav li.aon dl dd a{border-bottom: none; color: #fff;}
.top nav li dl dd a:hover{ border-bottom: none;}

.top nav li span{ display:none;}
.top nav dl{ width: 140px;}
.top nav dl,
.top nav .sub_menu{ position:absolute;line-height:40px; z-index:100; display:none; text-align:center; }
.top nav dl{ margin-top: 0; margin-bottom: 0;background:url(../images/menu_bg.png); padding: 0 3%; margin-left: -4.8%;}
.top nav dl dd{ margin-left: 0;}
.top nav .one dl{ margin-left:1%;}
.top nav li:last-child dl{ left:auto !important; right:0;}
.top nav dd,
.top nav dd a{ font-size:14px;}
/*.top nav li dd:after,*/
/*.top .layer,*/
/*.top .layer2{ position:absolute;left:0; width:100%; top:100%; z-index:50; height:100%; display:none;background:url(../images/menu_bg.png)}*/


@media(max-width:1200px){
 .banner{ padding-top: 0!important;}
 .top{ position: inherit;}
 .top .auto_1200{ padding: 0;}
 .top nav{ top:100%; margin-top:0; right:0; margin-right:0; background-color:#fff; z-index:100; display:none; width: 100%;}
 .top nav,
 .top .search{ right:8%; top: 55%;}
 .top nav{ margin-right:52px;}
 .top nav li{ padding:0 5px;}

 .top .mobile_menu{ position:absolute; right:2%; width:50px; height:36px; top:60%; margin-top:-18px; background-color:#4e4644; border-radius:5px;}
 .top .mobile_menu span,
 .top .mobile_menu span::before,
 .top .mobile_menu span::after{ position:absolute; width:100%; height:3px; background-color:#fff;}
 .top .mobile_menu span::before,
 .top .mobile_menu span::after{ content:''; left:0;}
 .top .mobile_menu span{ left:15%; width:70%; top:50%; margin-top:-1.5px;}
 .top .mobile_menu span::before{ top:8px;}
 .top .mobile_menu span::after{ top:-8px;}
 .top .top_box{display: block;  top: 42%;  right: 10%; font-size: 16px;}
 .top .top_box .lx_top{ display: none;}
 .top .top_box a.lang{ color: #1b4ba4;}
 .top .logo{ padding: 1% 2%;}
 .top .logo{ padding: 1% 2%;}
 .top nav li a{ display: none;}
 .top nav li#m1 a{ display: block; padding-bottom: 0; color: #fff; font-size: 12px; text-align: center}
 .top nav li#m1 span{ display: none;}
 .top nav li dl dd a{ display: block; text-align: center;}

  .top, .top .auto { height: auto;}



 .top nav{ position: fixed; left: 0; top: 0; width: 100%; max-width: 220px; height: 100%; background-color: #1b4081; z-index: 100; transform: translateX(-100%); opacity: 0; transition: 0.3s; padding:0; margin:0;}
 .top nav.navOut { transform: translateX(0); opacity: 1; display: block;}
 .top nav li{ float:none; width:100%; padding-left:2%;border-bottom: 1px solid rgba(255,255,255,0.6); box-shadow: 0 1px 0 rgba(255,255,255,0.4); height:auto;}
 .top nav li a{ text-align:left;}
 .top nav li span{ color:#fff; display:block; line-height:50px; text-align: center;}
 .top nav li#m00{display: block;}
 .top nav li .navA{ display:none;}

 .top nav.navOut .ul{padding-top: 15%;}
 .top nav li.aon{ background: none;}
 .top nav li:hover{background: none;}

 .top nav li dl,
 .top nav li .sub_menu{ position:static; width:100%; }
 .top nav dl{ margin-left: 0;}
 .top nav li dd{  display:block; position:relative; line-height:30px; margin: 0;}
 .top nav li dd i{ position:absolute; top:0; left:0; width:100%; height:30px;}
 .top nav li .sub_menu a{ display:block; line-height:24px;}

 .top .layer,
 .top .layer2{ display: none !important;}

}
.postimg{display: none;}
@media(max-width:1000px){
 .top nav{ top:100%; margin-top:0; right:0; margin-right:0; background-color:#fff; z-index:100; display:none; width: 100%;}
 .top nav li{ float:none; text-align:center; padding:5px 20px;}
 /*.top .search{ margin-right:60px;}*/
 .top .mobile_menu{ position:absolute; right:2%; width:50px; height:36px; top:50%; margin-top:-18px; background-color:#4e4644; border-radius:5px;}
 .top .mobile_menu span,
 .top .mobile_menu span::before,
 .top .mobile_menu span::after{ position:absolute; width:100%; height:3px; background-color:#fff;}
 .top .mobile_menu span::before,
 .top .mobile_menu span::after{ content:''; left:0;}
 .top .mobile_menu span{ left:15%; width:70%; top:50%; margin-top:-1.5px;}
 .top .mobile_menu span::before{ top:8px;}
 .top .mobile_menu span::after{ top:-8px;}
 /*.top .top_box{ display: none;}*/
 .top .logo{ padding: 1% 2%;}
 .top .search{ display: none;}
.postimg{display:block;}
.h_solution .list ul{display: none;}
 .top nav{ position: fixed; left: 0; top: 0; width: 100%; max-width: 220px; height: 100%; background-color: #1b4081; z-index: 100; transform: translateX(-100%); opacity: 0; transition: 0.3s; padding:0; margin:0;}
 .top nav.navOut { transform: translateX(0); opacity: 1; display: block;}
 .top nav li{ float:none; width:100%; padding-left:2%;border-bottom: 1px solid rgba(255,255,255,0.6); box-shadow: 0 1px 0 rgba(255,255,255,0.4); height:auto;}
 .top nav li a{ text-align:left;}
 .top nav li span{ color:#fff; display:block; line-height:50px; text-align: center;}
 .top nav li#m00{display: block;}
 .top nav li .navA{ display:none;}

 .top nav.navOut .ul{padding-top: 15%;}
 .top nav li.aon{ background: none;}
 .top nav li:hover{background: none;}

 .top nav li dl,
 .top nav li .sub_menu{ position:static; width:100%; }
 .top nav dl{ margin-left: 0;}
 .top nav li dd{  display:block; position:relative; line-height:30px; margin: 0;}
 .top nav li dd i{ position:absolute; top:0; left:0; width:100%; height:30px;}
 .top nav li .sub_menu a{ display:block; line-height:24px;}

 .top nav .layer{ position:fixed; left:0; top:0; height:100% !important; width:100%; background: url(../images/nav_last.png); max-height:100%; overflow:auto; display:none;}
 .top nav .layerOut{ display:block !important;}
 .top nav .layer2{ display:none !important;}
}
.slides-box{display:block;}
@media(max-width:640px){
	

 .top .logo{ padding-right:50%;}
 .top .logo img{ height:auto; height: 45px;     width: 100%; 
     margin-top: 0px;}
 .top .top_box{ display: block; top: 32%; right: 12%; }
 .top .top_box a{ color: #1b4ba4;}
 .top .search{ display: none;}
 .top .top_box a.lx_top{ display: none;}
 .top .top_box a.lang{ font-size: 16px;}
}



.ind_ban{position:relative;}
.ind_ban .title{ width: 100%; background: url(../images/menu_bg1.png); position: absolute; z-index: 9; height: 100%; left: 0;
 top:0;}
.ind_ban .title div{ width: 1200px; margin: 0 auto; color: #fff; padding-top: 12%}
.ind_ban .title div h3{ font-size: 48px; font-weight: normal; margin-bottom: 0; padding-bottom: 0;}
.ind_ban .title div p{ font-size: 18px; text-transform: uppercase;}
@media(max-width:1000px){
 .ind_ban .title div{ width: 100%; padding: 3%;}
 .ind_ban .title div h3{ font-size: 28px;}
 .ind_ban .title div p{ font-size: 16px;}
}



.ind_icon{ z-index:99999; position: fixed; width:100%; text-align:center; bottom: -40px;}
.ind_icon a{position:relative;top:-90px;display:inline-block;background-image: url(../images/ban_icon.png);background-repeat:no-repeat;
 background-position:center center; width:40px;height:40px;animation: icon 1s ease-in 0.5s infinite;}
@keyframes icon {
 0% {top:-90px;}
 50% {top:-80px;}
 100% {top:-90px;}
}
@-moz-keyframes icon {
 0% {top:-90px;}
 50% {top:-80px;}
 100% {top:-90px;}
}
@-webkit-keyframes icon {
 0% {top:-90px;}
 50% {top:-80px;}
 100% {top:-90px;}
}
@-o-keyframes icon {
 0% {top:-90px;}
 50% {top:-80px;}
 100% {top:-90px;}
}



/*当前位置*/
.location { border-bottom: 1px solid #dcdcdc; text-align:right; padding-bottom: 1%; margin-bottom: 1%; margin-top: 1%;}
.location em{ font-style: normal; padding-left:20px; background:url(../images/home.jpg) no-repeat left center; font-size:14px; line-height:2; margin-top:13px; color:#d6d6d6; }
.location em a {  color: #999; }
.location em a:hover{ text-decoration:underline;}
.location em span{ color:#1b4ba4; font-weight:bold;}


/*核心竞争力*/
.h_title{ text-align: center; padding-bottom: 3%;}
.h_title h3{ font-size: 42px; font-weight: normal; color: #333333; position: relative;}
.h_title p{ color: #7c7c7c; font-size: 14px;}
.h_title h3:after { position: absolute; content: ''; left: 50%; margin-left: -25px; background-color: #3076f6; width: 50px; height: 2px; bottom: -15px; }
.h_title h3:nth-child(1) { margin-top:0;}
.h_title h3:nth-child(8) { margin-bottom:0;}
.h_power .more{display: block; width: 200px;height: 40px;margin:40px auto 0; background:#1C4BA5 url(../images/more_a_hover.jpg) no-repeat 119% center;color: #fff;padding-left: 50px;line-height: 40px;}

.h_power ul li{ float: left; width: 25%; text-align: center; color: #fff; padding: 1% 6%; height: 300px;}
.h_power ul li.li_0{ background: #1b4ba4;}
.h_power ul li.li_1{ background: #4584f7;}
.h_power ul li.li_2{ background: #221455;}
.h_power ul li.li_3{ background: #5365aa;}

.h_power ul li h3{ font-weight: lighter; font-size: 50px; position: relative;}
.h_power ul li h3:after { position: absolute; content: ''; left: 50%; margin-left: -25px; background-color: #fff; width: 50px; height: 2px; bottom: -15px; }
@media(max-width:1000px){
 .h_power ul li{ width: 50%; height: 200px;}
 .h_power ul li h3{ font-size: 18px;}
 .h_power ul li p{ padding-top: 15%;}
 .h_title h3{ font-size: 24px;}
}
@media(max-width:640px){
 .h_power ul li{ height: 150px;}
 .h_power ul li p{ padding-top: 10%; font-size: 12px;}
 .h_title h3{ font-size: 18px;}
}



.h_solution .tab{ text-align:center; padding:0 0 5%;}
.h_solution .tab span{ display:inline-block; min-width:125px; font-size:18px; padding:0 2% 2px;
 cursor:pointer; border-right: solid 1px #bababa; color: #666;}
.h_solution .tab span:last-child{ border-right: 0;}
.h_solution .tab span.cur{ color: #3076f6;}

.h_solution .list ul{ display:block;}


.h_solution .list li{ float:left; width:33.333333%;}
.h_solution .list li a{ padding:0px 5px; display:block;}
.h_solution .list li div{position:relative; display:block; height: 100%;}
.h_solution .list li img{ display:block; width:100%;}
.h_solution .list li a figure{ position:absolute; left:0; top:0; width:100%; height:100%; background: url(../images/hpro_bg.png); opacity:0; transition:0.3s;}
.h_solution .list li a:hover figure{ opacity:1;}
.h_solution .list li dl{ display:table;  width:100%;  padding:8% 8% 0 8%; color: #fff; margin: 0;}
.h_solution .list li dd{ margin: 0; font-size: 16px; padding-top: 5%; line-height: 28px; padding-bottom: 5%;}
.h_solution .list li dt{ font-size: 24px;}
.h_solution .list li dl span{ border-bottom: solid 1px #fff;}



@media(max-width:1000px){
 /*.h_solution .list li{ width:50%; }*/
}
@media(max-width:640px){
 .h_solution h1{ font-size:24px;}
 .h_solution h1 b{font-size:14px;}
 .h_solution .tab span{ min-width:inherit; padding:0 5%; margin-bottom: 5%; font-size: 15px;}
 .h_solution .list li{ width: 100%; margin-bottom: 2%;}
}
@media(max-width:375px){
 .h_solution .tab span,
 .h_solution .list li h3{ font-size:16px;}
 .h_solution .list li p{ display:none;}
 .h_solution .list li figure img{ width:35px; height:35px;}
}


/*理念*/
.h_Idea{background: url(../images/linian_bg.jpg) no-repeat center center; background-size: cover; padding: 5% 0; margin: 3% 0;}
.h_Idea .idea_ti{ width: 50%;  color: #fff;}
.h_Idea .idea_ti h2,
.h_Idea .idea_ti h3 { font-weight: lighter; font-size: 48px;}
.h_Idea .idea_ti h3{ margin-top: 0;}
.h_Idea .idea_ti p{ margin-top: 0; font-size: 15px; margin-bottom: 15%;}
.h_Idea .idea_ti a{ border: solid 1px #93abd7; padding: 15px 50px; color: #fff; font-size: 14px;}
.h_Idea .idea_ti a i{ font-style: normal; font-family: "宋体"; padding-left: 50px;}

@media(max-width:1000px){
 .h_Idea .idea_ti h2,
 .h_Idea .idea_ti h3 { font-weight: lighter; font-size: 24px;}
}
@media(max-width:640px){
 .h_Idea .idea_ti h2,
 .h_Idea .idea_ti h3 { font-weight: lighter; font-size: 18px;}
 .h_Idea .idea_ti p{ font-size: 14px;}
 .h_Idea .idea_ti a{ padding: 2% 3%;}
}

/*荣誉客户*/
/*.h_Honor{padding:3% 0;}*/
.h_Honor{ padding-bottom: 3%; display: block;}
.h_Honor .h_title h3:after{ display: none;}
.h_Honor .h_title h3{ padding-bottom: 0; margin-bottom: 0;}
.h_Honor .h_title{ padding-bottom: 0;}
.h_Honor .auto{ position:relative; z-index:1;}
.h_Honor .wrap{ padding-top:3%;}
.h_Honor .title{ font-weight:bold; padding:2% 0;position:relative;font-size:48px; color:#f57921;}
.h_Honor .list li{ float:left; width:20%; text-align:center; border: solid 1px #dedede; margin-right: 4%; margin-bottom: 3%; }
.h_Honor .list li.last{ margin-right: 0;}
.h_Honor .list li figure,
.h_Honor .list li figure{ position:relative;}
.h_Honor .list li figure a{ position:absolute; left:0; top:0; height:100%; width:100%;}
.h_Honor .list li figure img{ display:block; width:100%; }

.h_Honor .bx-default-pager{ text-align: center;}
.h_Honor .bx-default-pager div{ display: inline-block;}
.h_Honor .bx-default-pager a{display: inline-block; width: 18px; height: 18px;  margin:5px;line-height: 100px; overflow: hidden; border-radius: 50%; border: solid 1px #dedede;}
.h_Honor .bx-default-pager a.active{ background: #3076f6;}
@media(max-width:768px){
 .h_Honor .list li{ width:48%;}
 .h_Honor .list li.end{ margin-right: 0;}
 .h_Honor{ padding-bottom: 3%; display: none;}
}
@media(max-width:480px){
 .h_Honor .title{ font-size:20px;}
 .h_Honor .list li figure a{ border-width:5px;}

}
.newbox {
    padding: 2% 0;
    margin-top: 2%;
}
.auto_1200 {
    max-width: 1200px;
}
.news {
  background: url("../images/news-bg.jpg") no-repeat center center / cover;
}
.news .h1-title {
  color: white;
}
.news .h1-title:after {
  background: rgba(255, 255, 255, 0.5);
}
.news .news-wrap .news-container .news-item {
  margin-bottom: 20px;
}
.news .news-wrap .news-container .news-item .item-main {
  float: left;
  width: 100%;
  max-width: 40%;
  margin: 2px 0 0 0;
  color: white;
}
.news .news-wrap .news-container .news-item .item-main .item-date {
  font-size: 18px;
  padding: 0 0 1px 0;
  margin: 0 0 1px 0;
  letter-spacing: 1px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  font-weight: 500;
  font-family: "Source Han Sans CN Medium", "Microsoft Yahei", 'webfont', "Hiragino Sans GB", Arial, "Helvetica", "Microsoft YaHei New", "STXihei", 'sans-serif';
}
.news .news-wrap .news-container .news-item .item-main .item-title {
  font-size: 16px;
  letter-spacing: 1px;
  font-family: "Source Han Sans CN Light", "Microsoft Yahei", 'webfont', "Hiragino Sans GB", Arial, "Helvetica", "Microsoft YaHei New", "STXihei", 'sans-serif';
  font-weight: 500;
}
.news .news-wrap .news-container .news-item .item-img {
  float: right;
  width: 100%;
  max-width: 55%;
  height: 120px;
  overflow: hidden;
  position: relative;
}
.news .news-wrap .news-container .news-item .item-img img {
  position: absolute;
  display: block;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.news .news-more {
  width: 30%;
  display: block;
  padding: 6px 6px;
  margin: 10px auto 0;
  font-size: 20px;
  letter-spacing: 1px;
  border: 1px solid white;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.news .news-more a {
  color: white;
  vertical-align: middle;
}
.news .news-more:after {
  content: "";
  display: inline-block;
  width: .33rem;
  height: .18rem;
  margin-left: .08rem;
  background: url("../images/index_v3/news-more.png") no-repeat center center / cover;
}
/*新闻中心*/
.newbox{padding: 2% 0; margin-top: 2%;}
.newbox li{ overflow:hidden; padding:2%; background: #f4f4f4; margin-bottom: 2%;}
.newbox li:last-child{ border-bottom:0;}
.newbox li div{ position:relative; padding-left:25%;}
.newbox li .Ispic{ position:absolute; left:0; top:0; height:100%; width:22%;}
.newbox li .Ispic img{ display:none;}
.newbox li h1{ margin:0; font-size:18px; font-weight:normal; padding:15px 0;}
.newbox li time{ color:#999; background: #e9e9e9;}
.newbox li p{color:#666; margin: 0; padding: 0; line-height:30px; height:90px; overflow:hidden; font-size: 14px;}
.newbox li:hover h1 a{ color: #3d5f9d;}
.newbox li:hover time{ color: #fff; background: #3d5f9d;}
@media(max-width:768px){
 .newbox li div{ padding-left:45%;}
 .newbox li .Ispic{width:42%;}
 .newbox li time{ margin-top: 20px; display: block;}
}
@media(max-width:480px){
 .newbox li div{ padding-left:0;}
 .newbox li .Ispic{ position:relative; display:block; width:auto; padding-bottom:50%;}
 .newbox li p{line-height:20px; height:60px; font-size:12px;}
 .newbox li h1{font-size:16px;}
}


/*分页*/
.Page001760 .Pages{ text-align:center; padding:3% 0;}
.Page001760 .Pages .p_cur,
.Page001760 .Pages .p_count,
.Page001760 .Pages .p_total,
.Page001760 .Pages .p_jump{ display:none;}
.Page001760 .Pages .p_page a{ border:1px solid #eee; line-height:21px; padding:5px 15px; display:inline-block;}
.Page001760 .Pages .p_page a:hover,
.Page001760 .Pages .p_page a.a_cur{ background-color:#3b5d9f; border-color:#3b5d9f; color:#fff;}
.Page001760 .Pages .p_page em{ font-style:normal;}
@media(max-width:640px){
 .Page001760 .Pages .p_page a.a_first,
 .Page001760 .Pages .p_page a.a_end,
 .Page001760 .Pages .p_page em{ display:none;}
 .Page001760 .Pages .p_page a{ padding:2% 5%; line-height:normal;}
}

/*新闻详情*/
.RichInfo005{padding-bottom:2%;  padding-top:3%;}
.RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px; background:none;}
.RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:22px;}
.RichInfo005 .news_info .title p{ margin:0; border-bottom:1px dashed #d2d2d2; padding-bottom:10px;}
.RichInfo005 .news_info .title p span{ margin:0 36px; color:#999;  font-size:12px;}
.RichInfo005 .news_info .info{ text-align:justify; text-justify:inter-ideograph; min-height: 450px;}
.RichInfo005 .news_info .info_back{ clear:both; padding:40px 0;}
.RichInfo005 .news_info .info_back a{ color:#666;; font-size:14px;
 overflow: hidden;
 text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 white-space: nowrap;
 display: block;}
.RichInfo005 .news_info .info_back a:hover{color:#00448f;}
.RichInfo005 .news_info .info p{ font-size:14px; color:#666; line-height:26px; margin:12px 0; text-indent:2em;}
@media(max-width:640px){
 .RichInfo005{ padding: 3%; width: 100%;}
 .RichInfo005 .news_info .title h1{ font-size: 16px;}
}

        .news_info_list_box{float: right;width: 30%;margin-top: 60px;padding-left: 30px;}
        .news_info_list{width: 100%;}
        .news_info_list dl{border-bottom: 1px dashed #ccc;padding-bottom: 20px;}
        .news_info_list dt{padding-bottom: 15px;font-size: 22px;font-weight: bold;}
        .news_info_list dd{margin: 5px 0;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 30px;line-height: 30px;}
        .news_info_list dd a{color: #1d74be;;}
        .news_info_list dd:hover a{text-decoration: underline;color: #1d74be;}
        .RichInfo005 .news_info .info{padding: 0 50px;}
        .RichInfo005 .news_info .info img{margin-left: -2em;}

        .menu{padding-bottom: 6%;}
        .menu dt{right: 0;top: 31px;}

        .news_info_list{}
        .news_info_list ul{border-bottom: 1px dashed #ccc;padding-bottom: 20px;margin-bottom: 35px;}
        .news_info_list ul li{width: 100%;text-align: center;padding-bottom: 25px;}
        .news_info_list ul li a{display: inline-block;width: 60%;height: 50px;line-height: 50px;text-align: center;font-size: 16px;color: #fff;background-color: #959595;}
        .news_info_list ul li.aon a{background-color: #006cba;}
        .news_info_list ul li a:hover{background-color: #006cba;}


        @media (min-width:769px){
            .RichInfo005 .news_info{width: 70%;float: left;border-right: 1px #ccc dashed;}
        }
         @media (max-width:769px){
            .news_info_list_box{display: none;}
            .RichInfo005 .news_info .info{padding: 0 15px;}

        }
        .news_info_list_box .news_info_list.on{position: fixed;width: 325px;top: 100px;}


.ColumnName{text-align: center;margin-top: 50px;}
.ColumnName h2{font-size: 30px; margin: 0; color: #807f7f;padding-bottom: 25px; border-bottom: 1px solid #be222a; display: inline-block;font-family: "宋体";}
.ColumnName span{font-size: 10px;color: #b6b6b6; display: block;text-transform : uppercase;}
.SinglePage{margin-top: 50px; text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden;}

/*底部*/
.footer{ color:#333;background-color:#f7f7f7;}

.footer a{ color:#777777;}
.footer a:hover{ color:#000;}

.footer footer{ line-height:24px; padding:1% 0; font-size:14px; background:#8e8e8e; text-transform:uppercase; color: #fff;}
.footer footer i{ font-style:normal; color:#fff; margin:0 12px;}
/* .footer footer figure{ float:right;} */
.footer footer a{ color:#fff;}
.footer footer a:hover{ color:#fff;}

.footer .bottom{ padding-top:2%; padding-bottom:3%;}
.footer .bottom dl{ float:left; width:12%;}
.footer .bottom dl.bottom_dl1{ width: 18%;}
.footer .bottom dl.bottom_dl1 .dl_box{ width: 50%; float: left;}
.footer .bottom dt{background:url(../images/bottom_nav.png) no-repeat left bottom; line-height:40px; color:#333; margin-bottom:5%; font-size: 16px;}
.footer .bottom dt a{ color: #333;}
.footer .bottom dt a:hover{color: #1B4BA4;}
.footer .bottom dd{ line-height:30px; font-size:13px; margin-left: 0;}

.footer .contact{ float:right; width:12%; margin-top: 3%; text-align: center;}
.footer .contact img{ width: 100%;}

.gettop{ position:fixed; right:1%; bottom:6.5%; background:url(../images/gotop.png) no-repeat; width:80px; height:80px; cursor:pointer; z-index:99;display: none;}


@media(max-width:1000px){
 .footer .contact,
 .footer .bottom dl{ float:none;width:auto;}
 .footer .bottom dl{ padding-bottom:10px;}
 .footer .bottom dt{ margin-bottom:10px;}
 .footer .bottom dd{ display:inline-block; margin-right:3%;}
 .footer .contact{ padding:3%; background-color:#fff; border-radius:5px; margin-top:4%;}
 .footer footer figure{ float:none;}
 .footer .contact img{ width: 30%;}
}
@media(max-width:768px){
 .footer .bottom dl{ display: none;}
 .footer .contact img{ width: 30%;}
}


/*banner*/
.banner{ padding-top: 104px;}
.banner div{ background-repeat:no-repeat; height:460px; background-position:center top;}
.banner img{ display:none;}
@media(max-width:1024px){
 .banner div{ display:none;}
 .banner img{ display:block; width:100%;}
}


/*menu*/
.menu{ padding-bottom:1%;}
.menu nav{ background:url(../images/menu_bg.png); line-height:60px;height:60px; margin-top:-60px; font-size: 16px;}
.menu nav li{ float:left; width: 10%; text-align: center}
.menu nav li:after{ display:block; width:0; height:0; margin:0 auto;content:'';border:8px solid transparent;  border-bottom:0;}
.menu nav li a{ display:block; padding:0 12px; position:relative; color: #fff;}
.menu nav li.aon a{background:#1b4ba4; color: #fff;}
.menu nav li.aon:after{border-top-color:#1b4ba4;}
.menu nav li.aon{ font-weight:bold; }
.menu nav li a:hover,
.menu nav li.aon a{color:#fff;background:#1b4ba4;}
@media(max-width:1200px){
 .menu nav{ background: #fff;}
 .menu nav li{ margin:0; width:25%; text-align:center;}
 .menu nav li a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; color: #555;}
 .menu nav{ height: auto; line-height: 40px; margin-top: 0;}
 .menu nav li:after{ display: none;}

}
@media(max-width:1000px){
 .menu dd,
 .menu nav{margin-top:0;}
 .menu nav ul{ float:none;}
}
@media(max-width:1000px) and (min-width:641px){
 .menu dl{ overflow:hidden;}
 .menu dd{ float:left;}
 .menu dt{ float:right; }
}
@media(max-width:768px){
 .menu nav{height:auto; line-height:40px;}
 .menu nav li{ margin:0; width:25%; text-align:center;}
 .menu nav li a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size: 14px;}
}
@media(max-width:640px){
 .menu dt{ padding-top:15px; padding-bottom:15px;}
 .menu dd{ width:auto; line-height:normal; text-align:left; padding:2%; background-position: right top; background-size:contain;}
 .top{ height: auto; position: relative;}
 .banner{ padding-top: 0;}
}
@media(max-width:480px){
 .menu dd{ font-size:20px;}
 .menu nav li{ width:33.33333333333%;}
}


/*产品中心*/
.pro_min1{padding-top:2%;padding-bottom: 3%;}
.pro_min1 .txt{ float:left;width:48%;}
.pro_min1 .txt figure{ position:relative;}
.pro_min1 .txt figure h1{ font-size:24px; font-weight:normal; margin:0; color:#1b4ba4;}
.pro_min1 .txt figure span{ color:#d5d5d5; text-transform:uppercase;}
.pro_min1 .txt .info{ padding:3% 0; font-size: 14px; line-height: 28px;}
.pro_min1 .txt .info p{ background: url(../images/xian_ico.png) no-repeat left top; padding-left: 25px;}
.pro_min1 .pic{ float:right; width:48%;}
.pro_min1 .pic img{ width:100%;}



@media(max-width:768px){
 .pro_min1 .txt,
 .pro_min1 .pic{ float:none; width:auto;}
}
@media(max-width:480px){
 .pro_min1 .txt figure h1{ font-size:20px;}
}

.pro_min2{padding-top:4%;padding-bottom: 4%; background: #f2f2f2;}
.pro_min2 .txt{ float:right;width:48%;}
.pro_min2 .txt figure{ position:relative;}
.pro_min2 .txt figure h1{ font-size:24px; font-weight:normal; margin:0; color:#1b4ba4;}
.pro_min2 .txt figure span{ color:#d5d5d5; text-transform:uppercase;}
.pro_min2 .txt .info{ padding:3% 0; font-size: 14px; line-height: 28px;}
.pro_min2 .txt .info p{ background: url(../images/xian_ico.png) no-repeat left top; padding-left: 25px;}
.pro_min2 .pic{ float: left;width:48%;}
.pro_min2 .pic img{ width:100%;}
@media(max-width:768px){
 .pro_min2 .txt,
 .pro_min2 .pic{ float:none; width:auto;}
 .pro_min2 .txt{ margin-top: 5%;}
}
@media(max-width:480px){
 .pro_min2 .txt figure h1{ font-size:20px;}
}



.pro_case{ padding: 3% 0;}
.pro_case .tab{ text-align:center; padding:2% 0 2%; background: #f2f2f2;}
.pro_case .tab span{ display:inline-block; min-width:125px; font-size:14px; width: 170px; height: 60px; line-height: 60px; cursor:pointer; color: #666;
 background: url(../images/tab_bg.png) no-repeat center; margin-left: -40px;overflow: hidden;
 text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 white-space: nowrap;  }
.pro_case .tab span:last-child{ border-right: 0;}
.pro_case .tab span.cur{ color: #1b4ba4; background: none;}

.pro_case .list{position: relative; width: 100%; min-height: 274px;}
.pro_case .list .slideBox{ background:#FFF; overflow: hidden; position:absolute; top: 0; left: 0; width: 100%; z-index:0;}
.pro_case .list .slideBox > a{ z-index: 9; display: block; position: absolute; top:50%; width:30px; height: 60px; border-radius:5px; }
.pro_case .list .slideBox > a.sPrev{ left: 0; background:#FFF url(../images/a_prev.png) no-repeat center; }
.pro_case .list .slideBox > a.sNext{right: 0; background:#FFF url(../images/a_next.png) no-repeat center;}

.pro_case .list li{ float:left; width:32%; margin-right:24px;}
/*.pro_case .list li.last{ margin-right: 0;}*/
.pro_case .list li a{position:relative; display:block; height: 100%;}
.pro_case .list li img{ display:block; width:100%;}

.pro_ti h3{ color: #1b4ba4; font-size: 24px; font-weight: normal;}

@media(max-width:640px){
 .pro_case h1{ font-size:24px;}
 .pro_case h1 b{font-size:14px;}
 .pro_case .tab span{ min-width:inherit; padding:0 5%; margin-bottom: 5%; font-size: 15px;}
 .pro_case .list li{ width: 100%; /* margin-bottom: 2%; */}
 .pro_case .list .slideBox > a{ top:35%; }
}
@media(max-width:375px){
 .pro_case .tab span,
 .pro_case .list li h3{ font-size:16px;}
 .pro_case .list li p{ display:none;}
 .pro_case .list li figure img{ width:35px; height:35px;}
}




.pro_ti1 h3{ color: #fff; font-size: 24px; font-weight: normal; margin: 0; padding-bottom: 3%;}
.pro_min3{background: url(../images/linian_bg1.jpg) no-repeat center center; background-size: cover; padding: 5% 0; margin: 3% 0;}
.pro_min3 ul li{width: 23.5%; float: left;border-radius: 0 15px 0 15px; background: #fff; padding: 2% 2%; margin-right: 2%;}
.pro_min3 ul li.last{margin-right: 0;}
.pro_min3 ul li.li_0 span{background: #fff url(../images/shequ_ico.png) no-repeat left; display: block; width: 100%; height: 86px; line-height: 86px;
 text-align: center; font-size: 18px; padding-left: 35px;}
.pro_min3 ul li.li_1 span{background: #fff url(../images/yiyuan_ico.png) no-repeat left; display: block; width: 100%; height: 86px; line-height: 86px;
 text-align: center; font-size: 18px; padding-left: 35px;}
.pro_min3 ul li.li_2 span{background: #fff url(../images/shangye_ico.png) no-repeat left; display: block; width: 100%; height: 86px; line-height: 86px;
 text-align: center; font-size: 18px; padding-left: 35px;}
.pro_min3 ul li.li_3 span{background: #fff url(../images/zhengfu_ico.png) no-repeat left; display: block; width: 100%; height: 86px; line-height: 86px;
 text-align: center; font-size: 18px; padding-left: 35px;}


@media(max-width:1000px){
 .pro_min3 ul li{ width: 48%; margin-right: 2%; margin-bottom: 2%;}
 .pro_min3 ul li span{ padding-left: 50%!important; background-size: 40%!important;}
}

.pic_box1{ padding-bottom: 3%;}
.pic_box1 img{ width: 100%;}

/*优势方案 安全体系*/
.pic_ti{}

.pic_box2{ background: #f3f6fa; padding: 3% 0;}
.pic_box2 li{ float:left; width:48.2%; margin-right:3.6%; margin-bottom:3.6%;}
.pic_box2 li:nth-child(2n){ margin-right:0;}
.pic_box2 li .Ispic{ display:block; padding-bottom:53%;}
.pic_box2 li .Ispic img{ display:none;}
.pic_box2 li div{ border-top:0; background: #fff; padding-bottom: 2%; position: relative;}
.pic_box2 li .dot{ padding:5% 5% 0 5%; font-size: 18px; color: #1b4ba4;}
.pic_box2 li div:after{ display:block; content: url(../images/san_ico.png); width: 30px; height: 16px; margin:0 auto; position: absolute; top: -16px; left: 49%;}
.pic_box2 li p{ line-height:18px; overflow:hidden; height:36px; color:#555; font-size:12px; padding:0 5%;}
@media(max-width:375px){
 .pic_box2 li .dot{ font-size:14px;}

}
.pic_ti h3{ font-size: 24px; color: #1b4ba4; font-weight: normal;}
.pic_ti h3 span{ color: #fff; border-radius: 0 15px 0 15px; background: #1b4ba4; padding: 1px 10px; margin-right: 10px; margin-top: 0;}
.pic_ti p{ font-size: 14px; color: #555; line-height: 28px;}

.pic_box3{ padding: 3% 0;}
.pic_box3 li{ float:left; width:48.2%; margin-right:3.6%; margin-bottom:3.6%;}
.pic_box3 li:nth-child(2n){ margin-right:0;}
.pic_box3 li .Ispic{ display:block; padding-bottom:53%;}
.pic_box3 li .Ispic img{ display:none;}
.pic_box3 li div{ border-top:0; background: #f3f6fa; padding-bottom: 2%; position: relative;}
.pic_box3 li .dot{ padding:5% 5% 0 5%; font-size: 18px; color: #1b4ba4;}
.pic_box3 li div:after{ display:block; content: url(../images/san_ico.png); width: 30px; height: 16px; margin:0 auto; position: absolute; top: -16px; left: 49%;}
.pic_box3 li p{ line-height:18px; overflow:hidden; height:36px; color:#555; font-size:12px; padding:0 5%;}
@media(max-width:375px){
 .pic_box3 li .dot{ font-size:14px;}

}


.pic_box4{ padding:3% 0;}

.pic_box4 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:3%;}
.pic_box4 li.last{ margin-right:0;}
.pic_box4 li{ display:block; background-color:#fff; transition:0.3s;}
.pic_box4 li figure{ position:relative;}
.pic_box4 li img{ display:block; width:100%;}
.pic_box4 li time{ position:absolute; text-align:center; left:5%; top:5%; color:#fff; font-size:40px; font-family:Arial, Helvetica, sans-serif;}
.pic_box4 li time b{ font-size:16px; display:block;}
.pic_box4 li div{ padding:5%; position:relative; background: #f3f6fa;}
.pic_box4 li h3{ margin:0; font-size:18px; font-weight: normal; color:#1b4ba4;}
.pic_box4 li p{ margin-bottom:0; line-height:24px; overflow:hidden; height:48px; color:#555;}
.pic_box4 li div:after{ display:block; content: url(../images/san_ico.png); width: 30px; height: 16px; margin:0 auto; position: absolute; top: -16px; left: 45%;}

.pic_box4 li:nth-child(2) div:before{ display:block; content: url(../images/san_ico.png); width: 30px; height: 16px;
 margin:0 auto; position: absolute; bottom: -16px; left: 45%;transform:rotate(180deg); z-index: 99;}
.pic_box4 li.last div:before{ display:block; content: url(../images/san_ico.png); width: 30px; height: 16px;
 margin:0 auto; position: absolute; bottom: -16px; left: 45%;transform:rotate(180deg); z-index: 99;}
.pic_box4 li:nth-child(2) div:after{ display: none;}

.pic_box4 .more{ text-align:center; padding-top:2%;}
.pic_box4 .more a{ display:inline-block; line-height:45px; border:1px solid #e5e5e5; padding:0 62px 0 30px; background:url(../images/pic_box4-more.gif) no-repeat 80% center; color:#a8a8a8; transition:0.3s;}
.pic_box4 .more a:hover{ background-color:#ed6d00; color:#fff; background-image:url(../images/pic_box4-more_hover.gif);}
@media(max-width:1000px){
 .pic_box4 li{ width:48%; margin-right:2%;}
}
@media(max-width:768px) and (min-width:481px){
 .pic_box4 li time{ font-size:30px;}
 .pic_box4 li h3{ font-size:14px;}
 .pic_box4 li p{ font-size:12px; line-height:20px; height:40px;}
}
@media(max-width:480px){
 .pic_box4 .title h1{font-size:24px;}
 .pic_box4 .title h1 span{ color:#e57e47;}
 .pic_box4 .title p{ font-size:18px;letter-spacing:5px; }
}



.pic_box5{ padding: 3% 0; background: #f3f6fa}
.pic_box5 li{ float:left; width:32%; margin-right:2%; margin-bottom:3.6%;}
.pic_box5 li:nth-child(3n){ margin-right:0;}
.pic_box5 li .Ispic{ display:block; padding-bottom:53%;}
.pic_box5 li .Ispic img{ display:none;}
.pic_box5 li div{ border-top:0; background: #fff; padding-bottom: 2%; position: relative;}
.pic_box5 li .dot{ padding:5% 5% 0 5%; font-size: 18px; color: #1b4ba4;}
.pic_box5 li div:after{ display:block; content: url(../images/san_ico.png); width: 30px; height: 16px; margin:0 auto; position: absolute; top: -16px; left: 49%;}
.pic_box5 li p{ line-height:18px; overflow:hidden; height:36px; color:#555; font-size:12px; padding:0 5%;}
@media(max-width:375px){
 .pic_box5 li .dot{ font-size:14px;}

}

/*优势方案 品牌优势*/
.brand_box1{padding:1% 0;}
.brand_box1 .auto{ position:relative;}
.brand_box1 .title{font-size:18px; color:#000;padding-bottom:3%;}
.brand_box1 .title b{ font-size:34px;  display:inline-block; padding-right:10px; line-height:26px; font-family:Tahoma, Geneva, sans-serif;}
.brand_box1 .title b:after{ width:100%; content:''; display:block; height:8px; margin-top:-4px; background-color:#efefef;}
.brand_box1 .title span{ display:block; padding-top:10px;}

.brand_box1 li{ position:relative; padding:8% 3% 10% 55%; background: #f3f6fa;}
.brand_box1 li:nth-child(2n){ padding:8% 55% 10% 3%;}
.brand_box1 li .Ispic{ position:absolute; left:0; top:0; width:50%; height:100%;}
.brand_box1 li .Ispic img{ display:none;}
.brand_box1 li .Ispic aside{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); transition:0.3s;}
.brand_box1 li .Ispic span{ position:absolute;  left:50%; margin-left:-66px; width:132px;top:50%; line-height:40px; margin-top:-20px;color:#fff; font-size:16px; text-align:center;}


.brand_box1 .video figure,
.brand_box1 .video a{position:absolute; left:50%; right:0; bottom:0; top:0;}
.brand_box1 .video a{ z-index:3;background:url(../images/video_ico.png) no-repeat center center;}
.brand_box1 .video figure img{ display:none;}
.brand_box1 .video video{ background:#000;z-index:5;position:absolute; left:50%;top:0; width:50%; height:100%;}


.brand_box1 li:nth-child(2n) .Ispic{ left:auto; right:0;}
.brand_box1 li p{ margin:0; line-height:28px; color:#555; font-size: 14px;}
.brand_box1 li h4{ font-size:24px; position: relative; font-weight:normal; margin:5% 0; color: #1b4ba4;}

.brand_box1 li h4:after { position: absolute; content: ''; left: 25px; margin-left: -25px; background-color: #3d5f9d; width: 50px; height: 2px; bottom: -15px; }


.brand_box1 li time{ width:100px; height:100px; border:2px solid #ebebeb; position:relative; display:block;}
.brand_box1 li time i{ font-style:normal; color:#b48a56; font-size:30px;font-family:Tahoma, Geneva, sans-serif; position:absolute; left:10%; bottom:-2px; border-bottom:2px solid #b48a56;}
@media(max-width:1000px) and (min-width:769px){
 .brand_box1 .title b{ font-size:24px;}

}
@media(max-width:1000px){
 .brand_box1 li{padding:3% 3% 10% 55%;}
 .brand_box1 li:nth-child(2n){ padding:3% 55% 10% 3%;}
 .brand_box1 li h4{ font-size: 14px;}
 .brand_box1 li p{ font-size: 12px;}
}
@media(max-width:768px){
 .brand_box1 .title{padding-bottom:5%; text-align:center;}

}
@media(max-width:480px){
 .brand_box1 .title b{ font-size:28px;}
 .brand_box1 li h4{ font-size:16px;}
 .brand_box1 li time{ width:50px; height:50px;}
}
@media(max-width:640px){
 .brand_box1 li{ padding:0 0 3% 0!important;}
 .brand_box1 li .Ispic{ position:relative; width:auto; display:block; padding-bottom:50%; height:auto; margin-bottom:3%;}
 .brand_box1 .video{ position: relative;}
 .brand_box1 .video a{ left: 0;}
 .brand_box1 .video video{ left: 0; width: 100%;}

}



.brand_box2 .div_h3 h3{ font-size: 20px; color: #1b4ba4; font-weight: normal;}
.brand_box2 .auto{ position:relative;}
.brand_box2 .list li div{ position:relative; font-size:12px;padding: 15% 50% 50% 50%;}
.brand_box2 .list li:nth-child(2n) div{ margin-right:0;}
.brand_box2 .list li .Ispic{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.brand_box2 .list li .Ispic img{ display:none;}
.brand_box2 .list li h5{font-size:14px; margin:0;position: absolute; width: 100%; background: url(../images/menu_bg.png);
bottom: 0; padding: 3%; text-align: center; color: #fff; font-weight: normal; font-size: 16px;}
.brand_box2 .list li h5 a:hover{color: #f57921;}
.brand_box2 .list li time{color:#444;}
.brand_box2 .list li p{ margin:20px 0; line-height:24px; overflow:hidden; height:72px;}
.brand_box2 .list li .more{ display:inline-block; line-height:25px; padding:0 15px; border-radius:25px; border:1px solid #ffdbbb; color:#f57921;}
.brand_box2 .list li .more:hover{ background:#febb12; color:#fff;}

.brand_box2 .bx-controls-direction{ position:absolute; right:0; top:3%;}
.brand_box2 .bx-controls-direction a{ float:left; margin-left:6px; width:40px; height:20px; overflow:hidden; line-height:100px; background:url(../images/btn.png) no-repeat left top;}
.brand_box2 .bx-controls-direction a.bx-next{ background-position:right top;}
.brand_box2 .bx-controls-direction a.disabled{ background-image:url(../images/btn_disable.png); cursor:default;}
@media(max-width:1200px){
 .brand_box2 .bx-controls-direction{ right:2%;}
}
@media(max-width:768px){
 .brand_box2 .title{ font-size:40px;}
 .brand_box2 .list li div{ margin-right:0 !important; margin-left:0 !important;}
 .brand_box2 .bx-controls-direction{ display: none;}

}
@media(max-width:480px){
 .brand_box2 .title{ font-size:24px;}
 .brand_box2 .list li div{ padding:0; margin-top:0;}
 .brand_box2 .list li .Ispic{ position:relative; width:auto; display:block; top:auto; height:auto; padding-bottom:66%; left:auto; background-size:contain; margin-bottom:20px;}
 .brand_box2 .list li h5{ bottom: 9%;}
}


/*经典案例*/
.classic li .box{ position:relative; padding:0;}
.classic li .box .more{ position: absolute; width:100%; height:100%; left:0; top:-100%;    text-align: center; background: rgba(8, 8, 8, 0.48);    transition: All 0.4s linear;
    -webkit-transition: All 0.4s linear;
    -moz-transition: All 0.4s linear;
    -o-transition: All 0.4s linear; padding:0;}
.classic li .box span{    position: absolute; top: 50%;  width: 100px; line-height: 27px;  margin-top: -10px;  color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin-left: -50px;}
.classic li:hover .box .more{ top:0;}

.classic{ min-height: 420px; padding-top: 3%;}
.classic li{ float:left; width:48.2%; margin-right:3.6%; margin-bottom:3.6%; overflow: hidden;}
.classic li:nth-child(2n){ margin-right:0;}
.classic li .Ispic{ display:block; padding-bottom:65%;overflow:hidden;transition:All
0.5s ease-in-out;-webkit-transition:All 0.5s ease-in-out;-moz-transition:All 0.5s
ease-in-out; -o-transition:All 0.5s ease-in-out;}

.classic li:hover div{ background: #1b4ba4;}
.classic li:hover div a,
.classic li:hover div p { color: #fff;}
.classic li .Ispic img{ display:none;}
.classic li .lisn{ border-top:0; background: #f3f6fa; padding-bottom: 3%;}
.classic li .dot{  font-size:16px; padding:3% 5% 0 5%; color: #1b4ba4;}
.classic li p{ line-height:18px; overflow:hidden; height:36px; color:#555; font-size:14px; padding:0 5%;}
.classic li aside{ border-top:1px solid #eaeaea; padding:0 5%; line-height:36px; text-align:right;}
.classic li aside a{ background:url(../images/classic-more_after.gif) no-repeat right center; padding-right:15px; color:#e14343; display:inline-block;}
.classic li aside a:before{ display:inline-block; content:''; background:url(../images/classic-more.png) no-repeat left top; width:9px; height:9px; margin-right:5px;}
@media(max-width:375px){
 .classic li .dot{ font-size:14px;}
 .classic li aside a{ font-size:12px;}
}


/*分页*/
/*分页*/
.Page_box .Pages{ text-align:center; padding:3% 0;}
.Page_box .Pages .p_cur,
.Page_box .Pages .p_count,
.Page_box .Pages .p_total,
.Page_box .Pages .p_jump{ display:none;}
.Page_box .Pages .p_page a{ border:1px solid #eee; line-height:21px; padding:5px 15px; display:inline-block;}
.Page_box .Pages .p_page a:hover,
.Page_box .Pages .p_page a.a_cur{ background-color:#1b4ba4; border-color:#1b4ba4; color:#fff;}
.Page_box .Pages .p_page em{ font-style:normal;}
@media(max-width:640px){
 .Page_box .Pages .p_page a.a_first,
 .Page_box .Pages .p_page a.a_end,
 .Page_box .Pages .p_page em{ display:none;}
 .Page_box .Pages .p_page a{ padding:2% 5%; line-height:normal;}
}


/*经典案例*/

.Case_ti{ width: 700px; margin: 0 auto; text-align: center; margin-bottom: 3%;}
.Case_ti h3{ font-size: 28px; color: #1b4ba4; font-weight: normal; position: relative; margin-top: 0;}
.Case_ti h3:after { position: absolute; content: ''; left: 47%; margin-left: -25px; background-color: #1b4ba4; width: 80px;
 height: 1px; bottom: -15px; }
.Case_ti p{ font-size: 14px; color: #555;}
.Case_ti video{ width: 100%;}

@media(max-width:767px){
 .Case_ti{ width: 100%; padding: 3%;}
 .Case_ti h3{ font-size: 18px;}
}


.CaseDetail .ImgSlide{width: 100%;}
.CaseDetail .bd{ position: relative;}
.CaseDetail .bd .bx-prev,.CaseDetail .bd .bx-next{position: absolute;top: 50%;width: 39px; height: 102px;margin-top: -40px;overflow: hidden;text-indent: -999px;cursor: pointer;background: url(../images/btn1.png) no-repeat;z-index: 99;}
.CaseDetail .bd .bx-prev{left:20px;}
.CaseDetail .bd .bx-next{right: 20px;background-position: -40px 0;}
.CaseDetail .bd .bx-prev:hover,.CaseDetail .bd .bx-next:hover{background: url(../images/btn1_hover.png) no-repeat; z-index: 99999;}
.CaseDetail .bd .bx-prev:hover{left: 20px;}
.CaseDetail .bd .bx-next:hover{right:20px;background-position: -40px 0;}
.CaseDetail .bd .bx-viewport{overflow: visible !important;}
.CaseDetail .bd li a{display: block;padding-bottom: 50%;background-repeat: no-repeat;background-position: center;background-size: contain;}
.CaseDetail .hd .bx-pager{display: none;}
.CaseDetail .hd li{}

.CaseDetail .hd .bx-wrapper{ margin: 0 auto;}
.CaseDetail .hd{ position: relative;}
.CaseDetail .hd li a{display: block; padding-bottom: 67%;background-repeat: no-repeat;background-position: center;background-size: contain;  }
.CaseDetail .hd .bx-prev,.CaseDetail .hd .bx-next{ position: absolute; background: url(../images/btn2.png) no-repeat; width:40px; height: 110px; line-height: 260px; overflow: hidden;}
.CaseDetail .hd .bx-prev{ left: 0; top: 10%;}
.CaseDetail .hd .bx-next{right: 0; top: 10%; background-position: -40px 0;}
.CaseDetail .hd .bx-prev:hover,.CaseDetail .hd .bx-next:hover{background: url(../images/btn2_hover.png) no-repeat;}
.CaseDetail .hd .bx-prev:hover{left: 0;}
.CaseDetail .hd .bx-next:hover{right: 0;background-position: -40px 0;}
.CaseDetail .SortList{width: 36%;float: right;margin-bottom: 40px;}
.CaseDetail .SortList .h3{font-size: 18px; font-weight: normal;margin-top: 0;}
.CaseDetail .SortList li{margin-right: 8px; margin-bottom: 8px; float: left;}
.CaseDetail .SortList li a{display: block; padding: 2px 10px; background: #eeeeee; border:1px solid #dbdbdb;}
.CaseDetail .SortList li a:hover{background: #c01a26; color: #fff; border:1px solid #e71818;}
.CaseDetail .RelatedList{width: 36%;float: right;overflow: hidden;}
.CaseDetail .RelatedList .h3{font-size: 18px; font-weight: normal;margin-top: 0;}
.CaseDetail .RelatedList ul{width: 103%;}
.CaseDetail .RelatedList li{width: 47%;margin:0 3% 3% 0;float: left;}

@media(max-width:767px){
 .CaseDetail .ImgSlide,.CaseDetail .SortList,.CaseDetail .RelatedList{width: 100%;float: none;}
}



/*投资运营*/

.Operate{ padding: 3% 0; padding-top: 0;}

.Operate1{ background: #f3f6fa; padding: 3% 0; padding-bottom: 0;}
.Operate1 ul{ margin-top:5%;}
.Operate1 li{ float:left; width:42%; margin-bottom:5.6%; margin-left: 8%; background: #fff; border-radius: 10px; position: relative;}
.Operate1 li p{ font-size: 14px; color: #555; line-height: 24px; background: url(../images/xian_ico.png) no-repeat left top; padding-left: 6%; padding-right: 3%; margin-left: 13%;}
.Operate1 li.li_0{border: solid 1px #bce1f0; }
.Operate1 li.li_1{border: solid 1px #bce1f0; }
.Operate1 li.li_2{border: solid 1px #9eecd9; }
.Operate1 li.li_3{border: solid 1px #9eecd9; }
.Operate1 li span{ position: absolute; left: -18%; top: -35px;}
.Operate1 li.li_0 span{ font-size: 14px; color: #fff; background: url(../images/li_bg1.png) no-repeat center; background-size: 65%; padding: 10%;}
.Operate1 li.li_1 span{ font-size: 14px; color: #fff; background: url(../images/li_bg1.png) no-repeat center; background-size: 65%; padding: 10%;}
.Operate1 li.li_2 span{ font-size: 14px; color: #fff; background: url(../images/li_bg2.png) no-repeat center; background-size: 65%; padding: 10%;}
.Operate1 li.li_3 span{ font-size: 14px; color: #fff; background: url(../images/li_bg2.png) no-repeat center; background-size: 65%; padding: 10%;}
.Operate1 li:nth-child(2n){ margin-right:0;}

@media(max-width:640px){
 .Operate1 li{ width: 48%; margin-left: 0; margin-right: 2%;}
 .Operate1 li span{ padding: 22%!important;left: -18%; top: -15%; position: initial; text-align: center;
  margin: 0 auto;
  display: block;
  background-size:55% !important;}
 .pic_ti h3{ font-size: 16px;}
 .pic_ti1 h3{ font-size: 16px!important;}
 .top nav li.aon a{ border-bottom: none;}
}


.Operate2{ padding:3% 0;}

.Operate2 li{ float:left; width:31.5%; margin-right:2.6%; margin-bottom:3%;}
.Operate2 li.last{ margin-right:0;}
.Operate2 li{ display:block; background-color:#fff; transition:0.3s;}
.Operate2 li figure{ position:relative;}
.Operate2 li img{ display:block; width:100%;}
.Operate2 li time{ position:absolute; text-align:center; left:5%; top:5%; color:#fff; font-size:40px; font-family:Arial, Helvetica, sans-serif;}
.Operate2 li time b{ font-size:16px; display:block;}
.Operate2 li div{ padding:5%; position:relative; background: #f3f6fa;}
.Operate2 li h3{ margin:0; font-size:18px; font-weight: normal; color:#1b4ba4;}
.Operate2 li p{ margin-bottom:0; line-height:24px; overflow:hidden; color:#555;}
.Operate2 li div:after{ display:block; content: url(../images/san_ico.png); width: 30px; height: 16px; margin:0 auto; position: absolute; top: -16px; left: 45%;}

.Operate2 li:nth-child(2) div:before{ display:block; content: url(../images/san_ico.png); width: 30px; height: 16px;
 margin:0 auto; position: absolute; bottom: -16px; left: 45%;transform:rotate(180deg); z-index: 99;}
.Operate2 li.last div:before{ display:block; content: url(../images/san_ico.png); width: 30px; height: 16px;
 margin:0 auto; position: absolute; bottom: -16px; left: 45%;transform:rotate(180deg); z-index: 99;}
.Operate2 li:nth-child(2) div:after{ display: none;}

.Operate2 .more{ text-align:center; padding-top:2%;}
.Operate2 .more a{ display:inline-block; line-height:45px; border:1px solid #e5e5e5; padding:0 62px 0 30px; background:url(../images/pic_box4-more.gif) no-repeat 80% center; color:#a8a8a8; transition:0.3s;}
.Operate2 .more a:hover{ background-color:#ed6d00; color:#fff; background-image:url(../images/pic_box4-more_hover.gif);}
@media(max-width:1000px){
 .Operate2 li{ width:48%; margin-right:2%;}
}
@media(max-width:768px) and (min-width:481px){
 .Operate2 li time{ font-size:30px;}
 .Operate2 li h3{ font-size:14px;}
 .Operate2 li p{ font-size:12px; line-height:20px; height:40px;}
 .Operate2 li{ width: 100%;}


}
@media(max-width:480px){
 .Operate2 .title h1{font-size:24px;}
 .Operate2 .title h1 span{ color:#e57e47;}
 .Operate2 .title p{ font-size:18px;letter-spacing:5px; }
 .Operate2 li:nth-child(2) div:after{display: none;}
 .Operate2 li:nth-child(2) div:before{ display:block; content: url(../images/san_ico.png); width: 30px; height: 16px;
  margin:0 auto; position: absolute; top: -16px; left: 45%; z-index: 99;transform:rotate(0deg);}

}

.Operate img{ width: 100%;}

.Operate3{background: url(../images/linian_bg1.jpg) no-repeat center center; background-size: cover; padding: 2% 0 5% 0; margin-bottom: 3%;}
.pic_ti1 h3{ font-size: 24px; color: #fff; font-weight: normal;}
.pic_ti1 h3 span{ color: #1b4ba4; border-radius: 0 15px 0 15px; background: #fff; padding: 1px 10px; margin-right: 10px; margin-top: 0;}
.Operate3 ul{ padding-top: 2%;}
.Operate3 ul li{ width: 31%; margin-right: 3%; float: left; color: #555; background: #fff; border-radius: 0 15px 0 15px;
 padding: 1% 3%; margin-bottom: 2%; font-size: 14px;}
.Operate3 ul li.last{ margin-right: 0;}
.Operate3 ul li i{ font-style: normal; color: #91a3c6; font-size: 20px; padding-right: 10px;}
.Operate3 ul li a{overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; display: block; }

@media(max-width:480px){
 .Operate3 ul li{ width: 100%; float: none; padding: 1% 4%;}
}



/*.PicList001137{ background-color:#f5f5f5;}*/
.PicList001137 .tips{ color:#255988; padding:2% 0;}
.PicList001137 .tips h3{ margin:0; font-weight:normal; font-size:36px; }
.PicList001137 .tips p{ font-size:16px;}

.PicList001137 li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%; background-color:#f5f5f5; position:relative;}
.PicList001137 li:nth-child(4n){ margin-right:0;}
.PicList001137 li p{ margin:0; line-height:24px; overflow:hidden; height:96px;}
.PicList001137 li a{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.PicList001137 li div{ padding:5%;}
.PicList001137 li figure{ position:relative; padding-bottom:43%; overflow:hidden;}
.PicList001137 li figure::after,
.PicList001137 li figure::before{ position:absolute; content:'';left:0; top:0; width:100%; height:100%; }
.PicList001137 li figure::before{background-color:rgba(37,89,136,0.8);z-index:0; }
.PicList001137 li figure::after{z-index:1; transform:translateX(-100%); opacity:0.5; transition:all ease-in-out 0.5s;
 background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
 background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
 background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
.PicList001137 li figure span{ position:absolute; z-index:2; width:100%; line-height:30px; top:50%; margin-top:-15px;  color:#fff; font-size:16px; text-align:center;}
.PicList001137 li:hover  figure::after{ opacity:0; transform:translateX(100%);}
@media(max-width:768px){
 .PicList001137 .tips h3{font-size:30px;}
 .PicList001137 .tips p{ font-size:14px;}
 .PicList001137 li{ width:32%;}
 .PicList001137 li:nth-child(4n){ margin-right:2%;}
 .PicList001137 li:nth-child(3n){ margin-right:0;}
}
@media(max-width:480px){
 .PicList001137 .tips h3{font-size:18px;}
 .PicList001137 li{ width:49%;}
 .PicList001137 li:nth-child(3n){ margin-right:2%;}
 .PicList001137 li:nth-child(2n){ margin-right:0;}
}
@media(max-width:375px){
 .PicList001137 li{ width:auto; margin-right:0 !important;}
}


.danpian{ min-height: 420px;}


/*搜索*/
.ssList{ margin-top:1%; min-height: 420px;}
.ssList li{border-bottom: #f0f0f0 1px dashed; line-height:27px; padding:10px 0 10px 15px; position:relative; }
.ssList li a{}
.ssList li a:hover{ color:#1b4ba4;}
.ssList li:before{left: 0; top: 47%; position: absolute; content: ''; width: 5px;  height: 5px; border-radius: 100px; background-color: #cccccc;}
.ssList li time{ float:right; color:#999; font-size:12px; margin-left:10px;}


.PicList010{ min-height: 420px;}
.PicList010 .list li{ float:left; width:23.5%; margin-right:2%;}
.PicList010 .list li div{border: #e6e6e6 1px solid;padding: 5px;background: #f9f9f9;}
.PicList010 .list li:hover div{border:#4584f7 1px solid; background:#4584f7;}
.PicList010 .list li div img{ width:100%; display:block;}
.PicList010 .list li.end{ margin-right:0;}
.PicList010 .list li h3{line-height: 48px;height: 48px; overflow:hidden; font-weight:normal;text-align: center;color: #999999; margin:0; font-size:14px; text-align:center;}
.PicList010 .list li a:hover h3{ color:#1b4ba4; font-weight:bold;}
.PicList010 .list li.clear{ float:none; width:100%; margin-right:0;}
@media(max-width:640px){
 .PicList010 .list li{ float:left; width:48%; margin-right:2%;}
}



/*联系我们*/
.contact{ margin: 0 auto; width: 900px;}
.contact .contact_fl{ width: 50%; float: left;}
.contact .contact_fl li{ padding: 2% 0;}
.contact .contact_fl li.li_1{ background: url(../images/dh_ico.png) no-repeat left; padding-left: 60px; display: block; color: #395a98; font-size: 26px; margin-bottom: 2%;}
.contact .contact_fl li.li_2{ background: url(../images/yx_ico.png) no-repeat left; padding-left: 60px; display: block; color: #395a98; font-size: 26px;}
.contact .contact_fl li h3,
.contact .contact_fl li p { margin: 0; padding: 0;}
.contact .contact_fl li p { color: #666; font-size: 14px;}
.contact .contact_fl li h3 { color: #4f4d4d; font-size: 16px;}

.contact .contact_fr{ width: 35%; float: right; text-align: center;}
.contact .contact_fr img{ width: 100%; background: url(../images/erwm_bg.png) no-repeat; padding: 5%; background-size: 100%;}
.contact .contact_fr p{ font-size: 16px;}

@media(max-width:768px){
 .contact{ width: 100%; padding: 3%;}
 .contact .contact_fl{ float: none; width: 100%;}
 .contact .contact_fr{ float: none; width: 100%;}
 .contact .contact_fl li.li_1{ font-size: 16px;}
 .contact .contact_fl li.li_2{ font-size: 16px;}
 .contact .contact_fl li h3{ font-size: 16px;}

}

.footer .contact_fl li{ padding: 2% 0;}
.footer .contact_fl li.li_1{ background: url(../images/dh_ico.png) no-repeat left; padding-left: 60px; display: block; color: #395a98; font-size: 26px; }
.footer .contact_fl li.li_2{ background: url(../images/yx_ico.png) no-repeat left; padding-left: 60px; display: block; color: #395a98; font-size: 26px;}
.footer .contact_fl li h3,
.footer .contact_fl li p { margin: 0; padding: 0;}
.footer .contact_fl li p { color: #666; font-size: 14px;}
.footer .contact_fl li h3 { color: #4f4d4d; font-size: 16px;margin-bottom: 3px}

@media(max-width:768px){
 .footer{ width: 100%; padding: 3%;}
 .footer .contact_fl{ float: none; width: 100%;}
 .footer .contact_fr{ float: none; width: 100%;}
 .footer .contact_fl li.li_1{ font-size: 20px;}
 .footer .contact_fl li.li_2{ font-size: 20px;}
 .footer .contact_fl li h3{ font-size: 16px;}
	.footer .contact_fl li{padding: 1.5% 0;}
}

@media(min-width:1000px){
	.footer .contact_fl{float: left;width: 20%;}
	 .footer .contact_fl li.li_1{ font-size: 16px;}
 	.footer .contact_fl li.li_2{ font-size: 16px;}
}

.Other001470{ width:70px; height:auto; position:fixed; top:20%; right:-10px; z-index:1;}
.Other001470 a{display:block;width: 60px;height: 60px;padding-top: 29px;padding-bottom:10px;
font-size:12px;color:#fff;text-align:center;margin-bottom:1px;position:relative;background-size: 90%;}
.Other001470 .icon1{ background:#223f74 url(../images/Other001470-icon.png) no-repeat;background-position:0 0;}
.Other001470 .icon2{ background:#47ca3d url(../images/Other001470-icon.png) no-repeat; background-position: 0 -80px;}
.Other001470 .icon3{background:#2d90eb url(../images/Other001470-icon.png) no-repeat; background-position: 0 -168px;}
.Other001470 .icon4{background:#f9304b url(../images/Other001470-icon.png) no-repeat; background-position: 0 -252px;}
.Other001470 .top{background:#3a3e46 url(../images/Other001470-icon.png) no-repeat; background-position: 0 -335px;}
.Other001470 .icon2 span{ width: 130px; height: 130px; padding:3px; position: relative; top: -38px; right: 150px; display: none;
 background: url(../images/wm_bg.png) no-repeat; text-align: center; line-height: 130px;border-radius: 10px;}
.Other001470 .icon1 span img{ display:inline-block; vertical-align:middle; width:125px; height:125px; margin-bottom:8px;}
.Other001470 .icon3 span{ width:160px; right:-188%; top:0; position:absolute; color:#fff; font-size:16px; padding-left:30px;
 height:100%; background:#2d90eb; text-align:left; line-height:55px;transition: 0.3s; opacity:0;}
.Other001470 a:hover{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1);}
.Other001470 .icon2:hover  span{ display:block;}
.Other001470 a.icon3:hover span{ right:55px; opacity:1;}
@media (max-width:640px){
 .Other001470{ display: none;}
}

@media(min-width:1200px){
.footer .contact_fl ul{ position:relative;}
.footer .contact_fl li.li_1{    position: absolute; left: -126%; top: 121px;  width: 100%;}
.footer .contact_fl li.li_2{    position: absolute;  left: -126%; top: 76px; width: 100%;}
.footer .contact_fl li:nth-child(3){    margin-top: 15%;}
}

