@charset "utf-8";
/* CSS Document */
html,body{ margin: 0 auto;  padding: 0;   min-width: 320px;   max-width: 100%;   font: 0.875em ;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ padding:0; margin:0; border: 0 none;  font-style: inherit;  font-weight: inherit; font-family:"微软雅黑"; font-size: inherit;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
.clear{clear:both;}
.gray{-webkit-filter: grayscale(95%); -moz-filter: grayscale(95%); -ms-filter: grayscale(95%); -o-filter: grayscale(95%); filter: grayscale(90%); filter: gray;} 
.img_blk{width:100%;}

/* font */
@font-face {
font-family:DIN-Regular;
src: url('../../fonts/DIN-Regular.otf');
}
.font_shuzi{
font-family:DIN-Regular;
}

/*圆角*/
.borad_1{-moz-border-radius: 10px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px; border-radius: 10px 0px 0px;}/*圆角左上*/
.borad_2{-moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; border-radius: 0px 10px 0px 0px;}/*圆角右上*/
.borad_3{-moz-border-radius: 0px 0px 10px; -webkit-border-radius: 0px 0px 10px 0px; border-radius: 0px 0px 10px;}/*圆角右下*/
.borad_4{-moz-border-radius: 0px 0px 0px 10px; -webkit-border-radius: 0px 0px 0px 10px; border-radius: 0px 0px 0px 10px;}/*圆角左下*/
.borad_5{-moz-border-radius: 3px 3px 0px 0px; -webkit-border-radius: 3px 3px 0px 0px; border-radius:3px 3px 0px 0px;}/*圆角左上右上*/
.borad_6{-moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px;}/*圆角左下右下*/
.borad_7{-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}/*圆角全部*/
.borad_8{-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}/*圆角全部*/
.borad_9{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}/*圆角全部*/
.borad_10{-moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}/*圆角全部*/
.borad_50{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}/*圆角全部*/
/*文字溢出用...处理*/
.text_overflow{overflow: hidden; text-overflow: ellipsis; white-space:nowrap;}
/*border边框*/
.border_nei{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*btn*/
.lan_btn{background:#3e8ddc; color:#fff;}
.lan_btn:hover{background:#2275c7; color:#fff;}

.lanxian_btn{border:#3e8ddc 1px solid; color:#3e8ddc;}
.lanxian_btn:hover{border:#2275c7 1px solid; color:#2275c7;}

.black_line{float:left; background:#dbdbdb; width:68px; height:3px;}
/*banner*/
.banner{width:100%; margin-top:60px;}
.swiper-container{width:100%; }
.swiper-slide{background-position:center; background-size: cover;}
.swiper-slide img {width: 100%; display: block;}
.banner_zi{width:100%; float:left; position:absolute; top:0; text-align:center;}
.banner_zi h1{float:left; width:100%; text-align:center; font-size:2em; color:#fff;  padding:25px 0 10px 0;}
.banner_zi h2{float:left; width:100%; text-align:center; font-size:1.3em; color:#fff;  padding-bottom:20px;}
.banner_zi span{background:#4cc159; font-size:0.9em; color:#fff; padding:7px 35px; border-radius:4px; }
.banner_zi span:hover{background:#69bf29;}

.banner_zi_data{width:100%; float:left; position:absolute; top:16%;}
.banner_zi_data h1{float:left; width:90%; text-align:right; font-size:1.6em; color:#fff;  padding:25px 5% 8px 5%;}
.banner_zi_data h2{float:left; width:90%; text-align:right; font-size:1.1em; color:#fff;  padding:0 5% 20px 5%;}

.banner_zi_survey{width:100%; float:left; position:absolute; top:15%;}
.banner_zi_survey h1{float:left; width:90%; text-align:center; font-size:1.6em; color:#fff; padding:25px 5% 8px 5%;}
.banner_zi_survey h2{float:left; width:90%; text-align:center; font-size:1.1em; color:#fff;  padding:0 5% 20px 5%;}

.banner_zi_api{width:100%; float:left; position:absolute; top:13%;}
.banner_zi_api h1{float:left; width:90%; text-align:center; font-size:1.6em; color:#fff; padding:25px 5% 8px 5%;}
.banner_zi_api h2{float:left; width:90%; text-align:center; font-size:1.1em; color:#fff;  padding:0 5% 20px 5%;}

.boxxx{width:100%; position:absolute; top:26%; z-index:2;}
.banner_zi_panel{width:90%; background:#3e8ddc; float:left; margin-left:5%;}
.banner_zi_panel h1{float:left; width:90%; font-size:.38rem; color:#fff;  padding:.25rem 5% .15rem 5%;}
.banner_zi_panel span{float:left; width:90%; font-size:.25rem; color:#fff;  padding:0 5% .25rem 5%; line-height:1.5;}

.banner_zi_case{width:100%; float:left; position:absolute; top:60px; text-align:center;}
.banner_zi_case h1{float:left; width:90%; text-align:center; font-size:.46rem; color:#fff; padding:0.5rem 5% 8px 5%;}
.banner_zi_case span{float:left; width:90%; text-align:center; font-size:.28rem; color:#fff;  padding:0 5% .2rem 5%; line-height: 1.6;}
.banner_zi_case a{background:#4cc159; font-size:.24rem; color:#fff; padding:.14rem .3rem; border-radius:4px; }
.banner_zi_case a:hover{background:#69bf29;}

.banner_zi_program{width:100%; float:left; position:absolute; top:60px;}
.banner_zi_program h1{float:left; width:90%; text-align:left; font-size:.38rem; color:#fff;  padding:0.5rem 5% 8px 5%;}
.banner_zi_program span{float:left; width:90%; text-align:left; font-size:.26rem; color:#fff;  padding:0 5% 20px 5%;}

.am-share{border-radius:0; bottom:0; left:0; position:fixed; text-align:center; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 300ms; transition: transform 300ms ; width:100%; z-index: 1110; }
.am-modal-active{transform:translateY(0px);  -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) }
.am-share-sns{background-color:#fff;  padding:15px 0; height:auto; zoom:1; overflow:auto; }

.sharebg{background-color:rgba(0, 0, 0, 0.4); bottom: 0; height:100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.sharebg-active{opacity: 1; display:block; }

.case_fenul{float:left; width:98%; padding:0 1%;}
.case_fenul span{border:#ddd 1px solid; background:#fff; color:#666a75; font-size:.24rem; padding:10px 0; float:left; margin:8px 2%; width:45%; text-align:center;}
.case_fenul .case_fenul_qie,.case_fenul span:hover{border:#3e8ddc 1px solid; background:#3e8ddc; color:#fff;}

.case_city_box{width:98%; padding:0 1%; float:left;}
.case_city_box ul{}
.case_city_box li{float:left; width:30%; padding:.18rem 0 .18rem 3.33%;}
.case_city_box li i{float:left;}
.case_city_box li i img{width:.4rem; height:.4rem;}
.case_city_box li span{float:left; font-size:.22rem; color:#333;  padding:.08rem 0 0 .1rem; text-align:left;}
.case_city_box .case_city_qie,.case_city_box li:hover{background:rgba(23, 175, 235, 0.1); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}

/*about*/
.about_box{float:left; width:90%; padding:.3em 5%; background:#f7f7f7;}
/*.about_box h1{float:left; width:100%; color:#666; font-size:.38rem; font-family:Arial, Helvetica, sans-serif;}*/
.about_box h1{float:left; width:100%; color:#333; font-size:.36rem; padding:5px 0 15px 0; line-height:1.4em;}
.about_box span{float:left; width:100%; color:#666; font-size:0.22rem; padding:.25rem 0 .15rem 0; line-height:1.7;}
.index_about_list{float:left; width:33%; padding-bottom:.1rem;}
.index_about_list span{float:left; width:100%; font-size:.48rem; color:#333;}
.index_about_list span p{float:left;}
.index_about_list span em{font-size:15px; padding:4px 0 0 3px; float:left; color:#555; font-weight:300;}
.index_about_list small{float:left; width:95%; font-size:.22rem; color:#666; padding-right:5%; line-height: 1.5}

.zia1{color:#444; font-size:14px; text-decoration:underline;}
.zia1:hover{color:#3e8ddc; font-size:14px; text-decoration:underline;}


.about_map{width:100%; float:left; background:url(../images/pic/about_map_bg.jpg) repeat-y; padding-bottom:15px; margin-bottom:20px;}

.contact_add{ background:#3e8ddc; width:84%;  padding:10px 5% 10px 5%; float:left; margin-left:3%;}

.contact_eml{background:#fff; width:90%;  padding:20px 5%; float:left; }
.contact_eml span{display:block; width:100%; font-size:1em; color:#0756af; padding-bottom:5px;}
.contact_eml small{display:block; width:100%; font-size:0.8em; color:#666; border-bottom:#e7eaed 1px solid; padding:10px 0;}
.contact_eml a{background:#4cc159; font-size:0.8em; color:#fff; padding:10px 30px; border-radius:4px; margin:20px 0 0 0; float:left;}
.contact_eml a:hover{background:#69bf29;}


.con_left2{width:100%; float:left; padding-bottom:.3rem;}
.con_left2 dl{width:100%; height:50px;}
.con_left2 dt{width:100%; float:left; font-size:.24rem; color:#666; padding:.2rem 0;}
.con_left2 dt small{display: inline-block; font-size:15px; color:#F00; padding:2px 5px 0 0;}

.con_left2 dd{width:100%; float:left;}
.con_ts{font-size:.22rem; color:#999999; width:100%; float:left; height:40px; line-height:40px; padding:10px 0 0 0;}
.con_btn_box{width:100%;  float:left;}
.con_btn1{ padding:0 .8rem; height:38px; line-height:38px; color:#fff; font-size:.24rem; background:#3e8ddc; border:#3e8ddc 1px solid; text-align:center; border-radius:4px; cursor:pointer;  margin-right:.3rem; -moz-appearance:none; /* Firefox */  -webkit-appearance:none; /* Safari 和 Chrome */}
.con_btn1:hover{background:#2275c7; border:#2275c7 1px solid;}
.con_btn2{padding:0 .8rem; height:38px; line-height:38px; color:#3e8ddc; font-size:.24rem; background:#fff; border:#3e8ddc 1px solid; text-align:center; border-radius:4px; cursor:pointer; -moz-appearance:none; /* Firefox */  -webkit-appearance:none; /* Safari 和 Chrome */}
.con_btn2:hover{background:#2275c7; border:#2275c7 1px solid; color:#fff;}

.input22{width:90%; height:32px; line-height:32px; border:#e5eaee 1px solid; background:#FFF; border-radius:4px; padding-left:5px; color:#666;  -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */}
.input23{width:90%; height:50px; line-height:22px;  border:#e5eaee 1px solid; background:#FFF; border-radius:4px; padding:5px; color:#666;  -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */}
.input24{width:90%; height:80px; line-height:22px;  border:#e5eaee 1px solid; background:#FFF; border-radius:4px; padding:5px; color:#666;  -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */}

.rfq_add{float:left; width:90%; background:url(../images/contact_dian.png) repeat-x left top;  padding:30px 0; margin:0 5%;}
.rfq_add h2{float:left; width:100%; font-size:.3rem; color:#333;}
.contact_list{float:left; width:100%; padding:20px 0 0 0;}
.contact_list dt{float:left; width:100%; font-size:.24rem; color:#333;}
.contact_list dd{float:left; width:100%; font-size:.22rem; color:#666; padding-top:3px;}
.contact_list dt small{font-weight:bold; color:#666; font-size:.22rem; font-family:"微软雅黑";}
.contact_list dt span{color:#333; font-family:"微软雅黑";}

/*team*/
.index_team{float:left; width:94%; padding:0 3%; background:url(../images/index_team_bg.jpg) repeat-x; position:relative;}
.index_team img{width:100%; display:block;}
.index_team_zibox{position:absolute; top:0.4rem; margin:0 0 0 .2rem; width:85%; }
.index_team h2{float:left; width: 100%; font-size:.32rem; color:#fff; text-shadow:1px 1px 1px #888;}
.index_team span{float:left; width: 100%; font-size:.2rem; color:#fff; padding:.1rem 0 0 0; line-height: 1.5; text-shadow:1px 1px 1px #888;}

/*index_service*/
.index_service_box{width:100%; padding:.3rem 0; float:left;}
.index_service_box h2{float:left; width:90%; font-size:.36rem; color:#333; padding:0.2em 5% 1em 5%;}
.index_service_box h6{float:left; width:90%; font-size:0.9em; color:#666; padding:0.5em 5% 2em 5%;}

.index_service_nrbox{width:84%; float:left; padding:.3em 8%; cursor:pointer;}
.ndex_service_bg1{background:#fcfcfc;}
.ndex_service_bg1:hover{background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.15);}
.ndex_service_bg2{background:#f4f4f4;}
.ndex_service_bg2:hover{background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.15);}
.index_service_nrbox h2{font-size:.25em; color:#0756af; font-weight:bold; float:left; width:100%; height:.8rem; padding: 0;}
.index_service_nrbox span{font-size:.22em; color:#666; float:left; width:100%; padding:10px 0 10px 0; line-height:1.6; height:100px;}
.index_service_nrbox i{float:left; width:100%;}
.index_service_nrbox i img{width:30%;}
.index_service_nrbox p{float:left; width:100%; padding:20px 0 0 5px;}
.index_service_nrbox p img{width:11%;}

/*kehu_box*/
.kehu_box{width:100%; background:url(../images/index_kehu_bg.jpg) bottom no-repeat; float:left;}
.kehu_title{width:88%; float:left; padding:10px 6% 0 6%;}
.kehu_title h2{float:left; width:100%; color:#333; font-size:.36rem; padding:15px 0 15px 0; line-height:1.4em;}
.kehu_title span{float:left; width:100%; color:#666; font-size:.22rem; padding:20px 0 15px 0; line-height:1.7;}
.kehu_title h3{float:left; width:100%;}
.kehu_title h3 a{float:left; color:#666; font-size:0.9em; text-decoration:none; margin-right:40px; background:url(../images/dian_hui.png) no-repeat 0 8px; padding-left:15px;}
.kehu_title .index_kefu_aqie,.kehu_title h3 a:hover{color:#0756af; background:url(../images/dian_lan.png) no-repeat 0 8px;}

.index_kefu_main{width:94%; float:left; padding:0 3% 1rem 3%;}
#wrap{width:100%; background:#fff; float:left; padding:.1rem 0 .4rem 0;}
#wrap ul li{width:25%;  float:left; list-style:none;   text-align:center; cursor:pointer; padding:.3rem 0;}
#wrap ul li i{display:block; width:100%;  text-align:center; padding:10px 0;}
#wrap ul li span{color:#5d5c5c; font-size:.2rem; float:left; width:100%; text-align:center; height:0.4em;}

/*foot*/
.foot_box{width:90%; padding:.3rem 5%; background:#39424b; float:left;}
.foot_xinxi{border-bottom:#4d555d 1px solid;  float:left; width:100%; padding-bottom:.28rem}
.foot_xinxi span{float:left; width:100%; font-size:.22rem; color:#a2a5a8; padding:0.3em 0;}
.foot_xinxi i{float:left; padding:0 5px 0 0; margin-top:14px;}
.foot_zi{width:100%; line-height:.38rem; font-size:.22rem; padding:1em 0 0 0; color:#a2a5a8; float:left; font-family:"微软雅黑"}


/*datacollection_main*/
.datacollection_main_right{width:90%;  background:#3e8ddc; padding:.3rem 5%; float:left;}
.datacollection_main_right h2{float:left; width:100%; color:#fff; font-size:.38rem; padding:.1rem 0 .2rem 0;}
.datacollection_main_right span{float:left; width:100%; color:#fff; font-size:.23rem; padding:.2rem 0 .2rem 0; line-height:1.5;}
.datacollection_youshi_list{float:left; width:100%; border-bottom:#67a9ec 1px solid; padding:.2rem 0;}
.datacollection_youshi_list dt{float:left; color:#fff; width:100%; font-size:.3rem;}
.datacollection_youshi_list dt i{float:left; width:4%;  padding:10px 0 0 0;}
.datacollection_youshi_list dt span{float:left; width:96%;  font-size:.24rem; color:#fff;}
.datacollection_youshi_list dd{float:left; font-size:.22rem; color:#d0e8ff;  width:96%; padding:3px 0 0 4%; line-height:.32rem;}
.datacollection_youshi_list dd a{font-size:.22rem; color:#d0e8ff; text-decoration:underline;}

.datacollection_main_fugai{width:90%; float:left; background:url(../images/pic/datacollection_map.jpg) no-repeat center #005f99; background-size:100%; padding:.5rem 5%;}
.datacollection_main_fugai h2{float:left; width:90%; padding:0 5%; color:#fff; font-size:.38rem;}
.datacollection_main_fugai span{float:left; width:90%; padding:10px 5% .4rem 5%; font-size:.22rem;  color:#fff; line-height:1.7;}
.datacollection_main_fugai h3{float:left; width:90%; padding:0 5%; font-size:.22rem;  color:#fff; line-height:22px;}
.datacollection_main_fugai a{background:#4cc159; font-size:.22rem; color:#fff; text-decoration:none; padding:8px 20px; margin-left:5%;}
.datacollection_main_fugai a:hover{background:#69bf29; font-size:.22rem; color:#fff; text-decoration:none; padding:8px 20px;}

/*case*/
.case_box{float: left; width:100%;}
.datacollection_case_title{width:100%; padding:.45rem 0 .4rem 0; float:left;}
.datacollection_case_title h2{display: block; width: 100%; font-size:.38rem; color:#333; text-align:center;}
.datacollection_case_title span{display: block; width: 100%; font-size:.24rem; color:#585858; text-align:center; padding:10px 0 0 0;}

.datacollection_case_box{width:90%; display: flex; justify-content: space-between; padding: 0 5%;}
.datacollection_case_list{width:47%; box-shadow:0 5px 15px rgba(0, 0, 0, 0.06); margin-bottom:.3rem; background:url(../images/case/case_di.jpg) no-repeat bottom; position: relative;}
.datacollection_case_list i{display: block; width: 100%;}
.datacollection_case_list i img{width:100%;}
.datacollection_case_list h2{display: block; width: 100%; font-size:.24rem; color:#17afeb; padding:10px 5% 5px 6%; line-height:.32rem; box-sizing: border-box;}
.datacollection_case_list span{display: block; width: 100%; font-size:.22rem; color:#b4b4b4; padding:0 5% .1rem 6%; position: absolute; bottom: .1rem; box-sizing: border-box;}

.case_more_box{width:100%; float:left; text-align:center; padding:.6rem 0 .6rem 0;}
.case_more{padding:9px 30px; font-size:.22rem;}

.case_nav_box{width:94%; float:left; padding:0 3% .33rem 3%;}
.case_nav_box ul{display:inline-block; float:left; width:100%; border-bottom:1px solid #eee;}
.case_nav_box li{color:#333; text-decoration:none; font-size:.24rem; cursor:pointer; float:left; width:25%; text-align:center; padding:0 0 0 0; position:relative;}
.case_nav_box li a{color:#999; padding:0 0 1em 0; float:left; text-align:center; width:100%;}
.case_nav_box .case_nav_qie, .case_nav_box li a:hover{color:#333; border-bottom:#444 2px solid;}
.case_nav_box li i.slide-icon{position:absolute; top:0.5em; left:5em;  width: 4px;  height: 4px;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.case_nav_box li:hover i.slide-icon{border-color:#333;}

.case_fen_box{width:100%; background:#fff; position:fixed; bottom:0; height:300px; z-index:999;}


/*tanchu*/
.modal{display:none;  background:#fff;  overflow:auto; z-index:992; position:absolute; width:90%; left:5%;}
.closeBtn{position:absolute; right:20px; top:15px; font-family:PingFang Light; font-size:26px; color:#fff; text-shadow: #333 1px 1px 2px; z-index:999;}
.closeBtn:hover{cursor:pointer; color:#ff604e;}
.overlay {width:100%;  height:100%;  position:fixed;  top:0;  left: 0;  z-index:991;  display: none;}

.case_nr_box{width:100%; float:left;}
.case_nr_pp{float:left; width:100%; position:relative; height:200px;}
.case_nr_pp img{width:100%;}
.case_nr_pp small{position:absolute; top:0; width:100%; height:200px;}
.case_nr_pp span{position:absolute; top:0;  width:100%; z-index:993; height:200px;}

.case_nr_zi{float:left; background:#fff;  width:88%;  padding:.2rem 6% .3rem 6%;}

.case_nr_zi1{font-size:.3rem; color:#17afeb; float:left; width:100%; line-height: 1.5;}
.case_nr_zi2{float:left; width:100%; font-size:.24rem; color:#666; padding:.1rem 0 .15rem 0;}
.case_nr_zi2 span em{font-size:.24rem; color:#444; padding-left:.1rem;}
.case_nr_zi3{float:left; width:100%; font-size:.24rem; color:#666;}
.case_nr_zi3 span em{font-size:.24rem; color:#444; padding-left:.1rem;}
.case_nr_zi4{float:left; width:100%; font-size:.24rem; color:#666; padding:.15rem 0 0 0;}
.case_nr_zi4 span em{font-size:.24rem; color:#444; padding-left:.1rem;}
.case_nr_zi5{font-size:.22em; color:#444; line-height:.32rem; float:left; width:100%; padding:.15rem 0 0 0; max-height:200px; overflow:auto;}


.case_kong{width:100%; padding:10px 0 40px 0; float:left;}
.case_kong span{float:left; width:100%; text-align:center;}
.case_kong span img{width:3.5rem; height:2.6rem;}
.case_kong small{float:left; width:100%; text-align:center; font-size:.26rem; color:#888; padding-top:.2rem;}


/*在线调查解决方案*/
.fsliu_box{width:100%; padding:.3rem 0 0 0; float:left;}
.fsliu_box p{float:left; width:18%; font-size:.22rem; color:#fff; text-align:center;}
.fsliu_box p i{float:left; width:100%; padding-bottom:8px;}
.fsliu_box p i img{width:60%;}
.fsliu_box small{float:left; padding:20px 0 0 0;}
.fsliu_box small img{width:50%;}

/* panel 样本分布 */
.panel_con{width:100%; float:left;}
.panel_title{width:100%; text-align:center;}
.panel_telst{text-align:center}
.panel_telst li{font-size:.2rem; color:#333; background:#f5f5f5; padding:.2rem .2rem;  display:inline; cursor:pointer;}
.panel_telst li.panel_titleon {background:#3e8ddc; color:#fff;}
.panel_lst{width:100%; float:left; display:none; padding-top:20px;}
.panel-wrap{margin-top:.2rem;}
.panel-wrap .panel_show {display:block;}

.panel_nr_box{width:95%; padding:0 0 0 5%; float:left;}
.panel_nr_box ul{}
.panel_nr_box li{float:left; width:33%; padding:.2rem 0;}
.panel_nr_box li i{float:left;}
.panel_nr_box li i img{width:.4rem; height:.4rem;}
.panel_nr_box li span{float:left; font-size:.22rem; color:#333;  padding:0.5em 0 0 0.5em; height:1em;}
.panel_map{width:100%; float:left; text-align:center; padding:20px 0 30px 0;}
.panel_map img{width:100%;}

/* main */
.main_box{float:left; width:90%; padding:.3rem 5% 0 5%;}
.main_box h2{float:left; width:100%; color:#333; font-size:.38rem; padding-bottom:0.3em;}
/*.main_box h2{float:left; width:100%; color:#555; font-size:.22rem; }*/
.main_box span{float:left; width:100%; color:#666; font-size:.24rem; padding:.3rem 0 0 0; line-height:.36rem;}
.main_box em{float:left; width:100%; text-align:center;}
.main_box em img{width:100%; margin:.4rem 0 .2rem 0;}

.jcxx_list{width:100%; float:left; padding:15px 0 0 0;}
.jcxx_list small{padding:0.4em 1em;  float:left; border:#ececec 1px solid; border-radius:4px; color:#666; font-size:.22rem; margin:6px 12px 6px 0;}

.gongneng_list_box{width:100%; float:left; padding:15px 0 30px 0;}
.gongneng_list_box ul{display: flex;     justify-content: space-between; flex-wrap: wrap;}
.gongneng_list_box li{width:50%;  float:left; list-style:none;   text-align:center; border-top:#eeeef0 1px solid; border-left:#eeeef0 1px solid;  padding:.2rem 0 .3rem 0;}
.gongneng_list_box li i{display:block; width:100%;  text-align:center; padding:10px 0 0 0;}
.gongneng_list_box li em{display:block; width:20px; height:2px; background:#c0c0c9; margin:0 auto;}
.gongneng_list_box li span{display:block; width:100%; color:#333; font-size:.28rem; padding:12px 0 3px 0;}
.gongneng_list_box li small{display:block; width:88%; color:#777; font-size:.2rem; line-height:.32rem; padding:.1rem 4% .05rem 8%; text-align:left;}
.gongneng_list_borderright{border-right:#eeeef0 1px solid;}
.gongneng_list_borderbottom{border-bottom:#eeeef0 1px solid;}

/* program */
.program_box{width:90%; padding:.5rem 5%; float:left;}
.program_box h2{font-size:.38rem; color:#333; text-align:center; line-height:.58rem; float:left; width:100%;}
.program_box p{font-size:.24rem; color:#585858; text-align:center; padding:.2rem 0 0 0; line-height:.38rem; float:left; width:100%;}
.program_img{float:left; width:100%; text-align:center;}
.program_img img{width:100%; margin:.3rem 0 0 0;}
#page{width:100%; float:left; text-align:center; padding:.3rem 0 .5rem 0;}
.load_more{border:#3e8ddc 1px solid; color:#3e8ddc; padding:9px 30px; font-size:.24rem; background:#fff; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari 和 Chrome */}

/*panel_tally*/
.panel_tally{width:auto; position:fixed; right:3%; bottom:5%; z-index:9999; background:#4cc159; padding:.15rem .15rem .15rem .3rem;}
.panel_tally a{color:#fff; font-size:.21rem; display: flex; align-items: center;}
.panel_tally a i{float:left; width:.32rem; padding:0 .1rem 0 0;}
.panel_tally a i img{width:100%;}
.panel_tally_opacity{filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity:0.2; opacity:0.2;}


/*product*/
.product_banner{width: 84%; padding: 0 8% 1.8rem 8%; background: url(../images/product_banner.jpg) no-repeat center bottom; height: auto; margin-top: 60px;}
.product_banner_zi{width: 100%; padding: .3rem 0 0 0;}
.product_banner_zi h1{display: inline-block; width: 100%; font-size: .4rem; color: #fff; font-family: Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;}
.product_banner_zi span{display: inline-block; width: 100%; font-size: .26rem; color: #fff; font-weight: 300; padding: 5px 0 20px 0; line-height: .44rem; font-family: Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;}
.product_banner_zi p{display: inline-block; width: 100%;}
.product_banner_zi p a{display: inline-block; font-size: .26rem; color: #368df3; background: #fff; padding: .16rem .8rem; font-family: Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;}
.product_banner_zi p a:hover{background: #e4f0ff;}
.product_banner_img{width: 100%; padding: .3rem 0 0 0; text-align: center;}
.product_banner_img img{width: 100%;}

.product_box{width: 100%; background: #f7fbff;}
.product_main{width: 100%;}
.product_title{width: 94%; padding: 0 3%;}
.product_title h2{display: inline-block; width: 100%; text-align: center; font-size: .4rem; color: #2a2b52; padding: 20px 0 5px 0;}
.product_title span{display: inline-block; width: 100%; text-align: center; font-size: .24rem; color: #6f6e89; line-height: 1.6;}


.product_nr{width: 100%; padding: 30px 0; display: flex; flex-wrap:wrap; justify-content:center;}
.product_list{width: 45%; padding: 30px 0 30px 0; margin: 0 2% .2rem 2%; background-color: #fff; border-radius: 4px; box-shadow: 0 5px 20px 0 rgba(43,41,41,0.08);}
.product_list i{display: inline-block; width: 100%; text-align: center;}
.product_list h2{display: inline-block; width: 90%; text-align: center; padding: 20px 5% 10px 5%; font-size: .32rem; color: #2a2b52; font-weight: 550;}
.product_list span{display: inline-block; width: 87%; padding: 0 6% 0 7%; font-size: .22rem; color: #6f6e89; line-height: 1.5;}

.product_you_box{width: 100%; float: left;}
.product_you{width: 90%; float: left; padding: .2rem 5% .2rem 5%;}
.product_you_img{width: 90%; padding: 0 5%; float: left;}
.product_you_img img{width: 100%;}
.product_you_list{width: 100%; float: left; padding: .15rem 0;}
.product_you_list i{float: left; width: 80px;}
.product_you_list span{float: left;}
.product_you_list span h2{display: inline-block; width: 100%; font-size: .3rem; color: #2a2b52;}
.product_you_list span span{display: inline-block; width: 100%; font-size: .22rem; color: #6f6e89; line-height: 1.6; padding: .1rem 0 0 0;}





/*index tan*/
.index_tan{width: 68%; padding: 7% 6%; background: #fff; position: fixed; bottom: 50%; right: 50%; margin:0 -40% -2.1rem 0; z-index: 9999; border-radius: 4px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.3); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.3); -box-shadow: 0 0 10px rgba(0,0,0,.3);}
.index_tan_closebtn{position:absolute; right:10px; top:10px; background:url(../images/close.png) no-repeat; background-size: 100%; display: block; width: 25px; height: 25px; cursor: pointer;}
.index_tan_closebtn:hover{background:url(../images/close_hover.png) no-repeat; background-size: 100%;}

.index_tan span{display: block; width: 100%; font-size: .38rem; color: #364655; padding: .2rem 0 0 0;}
.index_tan small{display: block; width: 100%; font-size: .22rem; color: #364655; line-height: 1.5; padding: .15rem 0 .25rem 0;}
.index_tan a{display: inline-block; color:#fff; font-size:.22rem; background:#3e8ddc; border:#3e8ddc 1px solid; text-align:center; border-radius:4px; cursor:pointer; padding: .15rem .5rem;}
.index_tan a:hover{background:#2275c7; border:#2275c7 1px solid;}
.index_foot_tan{width: 220px; height: 105px; background: url(../images/index_foot_tan.jpg) no-repeat; border-radius: 4px; position: fixed; bottom: 50px; right: 0; display: none;}
.index_foot_tan span{display: block; width: 92%; font-size: .27rem; color: #fff; padding: .2rem 0 0 8%;}
.index_foot_tan small{display: block; width: 92%; font-size: .22rem; color: #eff6ff; line-height: 1.5; padding: .05rem 0 .06rem 8%;}
.index_foot_tan a{display: inline-block; font-size: .2rem; color: #368df3; background: #fff; padding: .1rem .2rem; font-family: Helvetica Neue For Number,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif; margin-left: 8%; border-radius: 4px;}
.index_foot_tan a:hover{background: #e4f0ff;}

.anim_right_bot{-webkit-animation: anim_move 1.6s ease 1; -moz-animation: anim_move 2s ease 1; animation: anim_move 1.6s ease 1; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards;}
/*游动动画 -- 用于重新播放*/
@-webkit-keyframes anim_move{
    0%{ right:50%; bottom:50%; transform: scale(1);}
    100%{ right:0px; bottom:20px; transform: scale(0.5);}
}
@-moz-keyframes anim_move{
    0%{ right:50%; bottom:50%; transform: scale(1);}
    100%{ right:0px; bottom:20px; transform: scale(0.5);}
}
@keyframes anim_move{
  0%{ right:50%; bottom:50%; transform: scale(1);}
  100%{ right:0px; bottom:20px; transform: scale(0.5);}
}


/* diyplatform 发布系统 */
.diy_btn{float: left; background:#4cc159; font-size:.22rem; color:#fff; text-decoration:none; padding:8px 20px; margin:.1rem 0 0 0;}
.diy_btn:hover{background:#69bf29; font-size:.22rem; color:#fff; text-decoration:none; padding:8px 20px;}

.diyplatform_leftlisttitle{float:left; width:100%!important; color:#fff!important; font-size:.38rem!important; padding: 0!important;}
.diyplatform_leftlist{float: left; width: 46%; padding: .3rem 0 0 0;}
.diyplatform_leftlist dt{display: block; width: 100%; font-size: .24rem; color: #fff; padding: 0 0 .2rem 0;}
.diyplatform_leftlist dd{display: block; width: 100%; font-size: .22rem; color: #cfe7fe; padding: 0 0 .15rem 0;}
.diyplatform_leftlist dd::before{content: ""; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background: #fff; vertical-align: middle; margin-right: 6px;}
.diyplatform_leftlist_width1{width: 58%;}
.diyplatform_leftlist_width2{width: 42%;}

.diyplatform_rightlist{float: left; width: 100%; padding: .2rem 0; border-bottom: #67a9ec 1px solid;}
.diyplatform_rightlist dt{float:left; font-size:.3rem; color:#fff; width:100%;}
.diyplatform_rightlist dt::before{content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #fff; vertical-align: middle; margin-right: 8px;}
.diyplatform_rightlist dd{float:left; width:100%; padding: .1rem 0 0 12px; box-sizing: border-box;}
.diyplatform_rightlist dd small{float: left; font-size: .22rem; color: #d0e8ff; margin: 0 .2rem .1rem 0;}