@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td, span, em{margin:0;padding:0; font-family:"微软雅黑";}
body, button, input, select, textarea {font:12px/1.5  arial; }
h1, h2, h3, h4, h5, h6,address, cite, dfn, em, var {font-style:normal; font-size:12px; font-weight:normal;}
code, kbd, pre, samp {font-family:"微软雅黑";}
img{border:none;}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;text-decoration:none;}

.border_nei{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.yincang{white-space: nowrap;  overflow:hidden;  text-overflow:ellipsis;}
.gray{-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%);filter: grayscale(100%); filter: gray;} 
.gray2{-webkit-filter:grayscale(80%); -moz-filter: grayscale(80%); -ms-filter: grayscale(80%); -o-filter: grayscale(80%);filter: grayscale(80%); filter: gray;} 
.alpha2{opacity:0.4; filter: alpha(opacity=40);}
.alpha3{opacity:0.6; filter: alpha(opacity=40);}

.clear{clear:both;}
.yuanjiao1{-moz-border-radius:3px;-webkit-border-radius: 3px; border-radius: 3px;}
.yuanjiao2{-moz-border-radius:4px;-webkit-border-radius: 4px; border-radius: 4px;}
.yuanjiao3{-moz-border-radius:5px;-webkit-border-radius: 5px; border-radius: 5px;}
.yuanjiao4{-moz-border-radius:60px;-webkit-border-radius: 60px; border-radius: 60px;}
.borad_50{-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}/*圆角全部*/

.kuang{width:1200px; margin:0 auto;}
/* font */
@font-face {
font-family:DIN-Regular;
src: url('../fonts/DIN-Regular.otf');
}
.font_shuzi{
font-family:DIN-Regular;
}

/* aaaaa */
.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;}

.huanggradients{
  background: -webkit-linear-gradient(left, #e5c884 , #cca757); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #e5c884 , #cca757); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #e5c884 , #cca757); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #e5c884 , #cca757); /* 标准的语法 */
  color:#fff;
}
.huanggradients:hover{background:#cca757; color:#fff;}

.black_line{float:left; background:#dbdbdb; width:80px; height:3px;}


/* top */
.top{background:#fff; width:100%; height:80px;  box-shadow:0 0 10px rgba(0, 0, 0, 0.2); position:fixed; z-index:999; top:0;}
.top_box{height:80px; }
.logo{width:192px; float:left; margin-top:19px;}

.language_box{float:right; border:#d2d4d7 1px solid; font-size:14px; padding:2px 10px; color:#555; margin-top:27px; margin-left:20px; position: relative;}
.language_box i{float:left; padding:4px 6px 0 0;}

#lag{float:left;}
.lagli1{color:#555;}
.lagli1:hover{color:#009ae1;}
.lagli2{background-color:#fff; color:#333; width:70px; height:30px; line-height:30px; float:left; border-radius:3px; display:block; text-align:left; padding-left:10px; position:absolute; z-index:99999; top:24px; left:10px;  box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}

/* banner */
.banner{height:620px; overflow:hidden; margin-top:80px;}
.banner .d1{width:100%; height:620px; display:block; position:absolute; left:0px;}
.banner .d2{width:100%; height:30px; clear:both; position:absolute; z-index:100; left:0px; top:640px;}
.banner .d2 ul{float:left; position:absolute; left:50%; top:0; margin:0 0 0 -46px; display:inline;}
.banner .d2 li{width:15px; height:15px; overflow:hidden; cursor:pointer; background:url(../images/banner/img1.png) no-repeat center; float:left;margin:0 4px; display:inline;}
.banner .d2 li.nuw{background:url(../images/banner/img1_1.png) no-repeat center;}
#banner_box{width:100%;	height:auto; float:left; position:relative;}
.banner a{background-size:100% 100%;}

/* index_about */
.index_about_box{width:100%; background:url(../images/index_about_bg.jpg) repeat-y center; height:700px;}
.index_about_nr{ position:relative;}
.index_about_left{float:left; width:800px; padding:60px 0 70px 0;}
.index_about_left h1{float:left; width:100%; color:#666; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.index_about_left h2{float:left; width:100%; color:#333; font-size:28px; padding:15px 0 20px 0; line-height:50px;}
.index_about_left h2 em{float:left; width:100%; color:#333; font-size:32px;}
.index_about_left h3{float:left; width:600px; color:#666; font-size:14px; padding:40px 200px 45px 0; line-height:28px;}

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


.index_about_right{float:left; width:300px; background:#3e8ddc; padding:40px 20px 0 80px;}
.index_about_list{float:left; width:100%; padding:14px 0;}
.index_about_list span{float:left; width:100%; font-size:54px; color:#fff;}
.index_about_list span p{float:left;}
.index_about_list span em{font-size:22px; padding:11px 0 0 5px; float:left;}
.index_about_list small{float:left; width:100%; font-size:14px; color:#cbe5ff;}

.index_team_box{width:1200px; height:280px; float:left; background:url(../images/index_team.jpg) no-repeat; cursor:pointer;}
.index_team_box h1{float:left; font-size:24px; color:#fff; margin:50px 0 0 60px; width:450px;}
.index_team_box h1 small{float:left; font-size:14px; padding:8px 0 0 0; line-height:28px;}

.index_team_line{width:2px; height:130px; background:#fff; position:absolute; right:285px; top:450px; z-index:9999;}

/* index_service */
.service_title{padding:55px 0 35px 0; float:left; width:1200px;}
.service_title h1{font-size:26px; color:#333; float:left; }
.service_title h2{font-size:14px; color:#999;  float:left; padding:15px 0 0 10px;}

.index_service_nrbox{width:190px; float:left; padding:40px 25px 20px 25px; cursor:pointer; margin-top:8px;}
.ndex_service_bg1{background:#fcfcfc;}
.ndex_service_bg1:hover{background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.15);  top:-1px;  position:relative; z-index:9;}
.ndex_service_bg2{background:#f4f4f4;}
.ndex_service_bg2:hover{background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.15); top:-1px; position:relative; z-index:9;}
.index_service_nrbox h1{font-size:16px; color:#0756af; font-weight:bold; float:left; width:100%; height:45px;}
.index_service_nrbox h2{font-size:14px; color:#666; float:left; width:100%; padding:20px 0 10px 0; line-height:23px; height:130px;}
.index_service_nrbox i{float:left; width:100%;}
.index_service_nrbox p{float:left; width:235px; padding:30px 0 0 5px;}

#myscroll{display:block; width:1200px; position:relative; height:360px;	overflow:hidden; padding:20px 0 0 0;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block;	float:left;	list-style-type:none; padding:0; margin:0;}
#myscroll ul li {display:block; float:left;	padding:0; width:300px;}

#mybtns{width:400px; display:block; height:42px; float:right;}
#mybtns a{width:42px; height:42px; display:block; float:right; border:#ececec 1px solid;}
#mybtns #left{background:url(../images/jt_left.png) no-repeat center;}
#mybtns #left:hover{background:url(../images/jt_left2.png) no-repeat center #4cc159;}
#mybtns #right{background:url(../images/jt_right.png) no-repeat center;}
#mybtns #right:hover{background:url(../images/jt_right2.png) no-repeat center #4cc159;}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.ndex_service_bg1:hover,.ndex_service_bg2:hover {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


/* index_kehu */
.index_kehu{width:100%; background:url(../images/index_kehu_bg.jpg) repeat center; float:left; height:540px; margin:30px 0 0 0;}
.index_kefu_left{width:550px; float:left; padding:80px 0 0 0;}
.index_kefu_left h1{float:left; width:100%; color:#333; font-size:26px; padding:15px 0 20px 0; line-height:40px;}
.index_kefu_left h2{float:left; width:600px; color:#666; font-size:15px; padding:40px 200px 45px 0; line-height:28px;}
.index_kefu_left h3{float:left; width:100%;}
.index_kefu_left h3 a{float:left; color:#666; font-size:15px; text-decoration:none; margin-right:45px; background:url(../images/dian_hui.png) no-repeat 0 8px; padding-left:15px;}
.index_kefu_left .index_kefu_aqie,.index_kefu_left h3 a:hover{color:#0756af; background:url(../images/dian_lan.png) no-repeat 0 8px;}

.index_kefu_right{width:570px; float:left; background:rgba(255, 255, 255, 0.2); margin:50px 0 0 0; padding:30px 40px;}

#wrap{width:570px;}
#wrap ul li{width:142px; height:130px; float:left; list-style:none;  position:relative;overflow:hidden; text-align:center; cursor:pointer;}
#wrap ul li i{display:block; width:142px;  text-align:center; padding:30px 0 15px 0;}
#wrap ul li span{color:#5d5c5c; font-size:14px;}
#wrap ul li .cover{width:142px; height:130px; position:absolute; top:0px; left:142px; background:rgba(23, 175, 235, 0.2);}
#wrap ul li .cover p{font-size:14px;  color:#fff; text-align:center;}
#wrap ul li .cover p.p1{padding-top:60px;}
#wrap ul li .cover p small{background:#3e8ddc; color:#fff; padding:5px 10px; font-size:12px;}
#wrap ul li .cover p small:hover{background:#2275c7; color:#fff;}

/* foot */
.foot_box{width:100%; background:#39424b; float:left;}
.foot_nav_box{float:left;}
.foot_nav{float:left; width:230px; padding:40px 0 0 10px;}
.foot_nav dt{font-size:16px; color:#fff; float:left; width:240px; padding-bottom:15px;}
.foot_nav dd{float:left; width:240px; padding:0 0 6px 0;}
.foot_nav dd a{color:#a2a5a8;}
.foot_nav dd a:hover{color:#fff;}
.foot_xinxi{border-bottom:#4d555d 1px solid; border-top:#4d555d 1px solid; float:left; width:1200px; margin-top:25px; line-height:70px;}
.foot_xinxi span{float:left; color:#a2a5a8; padding:0 35px 0 10px;}
.foot_xinxi i{float:right; padding:0 5px 0 0; margin-top:14px;}

.foot_zi_box{float:left;}
.foot_zi1{width:700px; line-height:70px; color:#a2a5a8; float:left; font-family:Arial, Helvetica, sans-serif;}
.foot_zi2{width:500px; line-height:70px; color:#a2a5a8; float:left; text-align:right;}
.foot_zi2 a{color:#a2a5a8; text-decoration:none;}
.foot_zi2 a:hover{color:#17afeb; text-decoration:underline;}



/* datacollection 数据采集 */
.datacollection_banner{width:100%; background:url(../images/pic/datacollection_banner.jpg) no-repeat center; height:400px;  margin-top:80px; }
.recruit_banner{width:100%; background:url(../images/pic/recruit_banner.jpg) no-repeat center; height:400px;  margin-top:80px; }
.api_banner{width:100%; background:url(../images/pic/api_banner.jpg) no-repeat center; height:400px;  margin-top:80px; }
.datacollection_main_box{width:1200px; float:left;  margin-top:310px;}
.datacollection_main_left{width:750px; float:left;}
.datacollection_main_nr{width:650px; background:#f7f7f7; margin-top:30px; float:left; padding:30px 50px 20px 50px;}
.datacollection_main_nr h1{float:left; width:100%; color:#333; font-size:28px; padding:15px 0 20px 0; line-height:40px;}
.datacollection_main_nr h2{float:left; width:600px; color:#666; font-size:14px; padding:40px 0 45px 0; line-height:24px;}
.datacollection_main_fugai{width:550px; float:left; background:url(../images/datacollection_map.jpg) no-repeat center; padding:0 100px; height:300px;}
.datacollection_main_fugai h1{float:left; width:100%; color:#fff; font-size:28px; padding:50px 0 0 0;}
.datacollection_main_fugai h2{float:left; width:490px; color:#fff; font-size:14px;  line-height:22px; padding:15px 60px 40px 0;}
.datacollection_main_fugai h3{float:left; width:490px; color:#fff; font-size:14px;  line-height:22px; padding:0 60px 0 0;}
.datacollection_main_fugai a{background:#4cc159; font-size:14px; color:#fff; text-decoration:none; padding:8px 20px;}
.datacollection_main_fugai a:hover{background:#69bf29; font-size:14px; color:#fff; text-decoration:none; padding:8px 20px;}

.datacollection_main_right{width:350px; float:left; background:#3e8ddc; padding:40px 50px 30px 50px; height:561px;}
.datacollection_main_right h1{float:left; width:100%; color:#fff; font-size:26px; padding:15px 0 20px 0; line-height:40px;}
.datacollection_main_right h2{float:left; width:350px; color:#fff; font-size:14px; padding:30px 0 40px 0; line-height:24px;}
.datacollection_youshi_list{float:left; width:350px; border-bottom:#67a9ec 1px solid; padding:20px 0;}
.datacollection_youshi_list dt{float:left; font-size:18px; color:#fff; width:100%;}
.datacollection_youshi_list dt i{float:left; width:12px; padding:11px 0 0 0;}
.datacollection_youshi_list dt span{float:left; width:338px; font-size:18px; color:#fff;}
.datacollection_youshi_list dd{float:left; font-size:13px; color:#d0e8ff;  width:338px; padding:3px 0 0 12px; line-height:22px;}
.datacollection_youshi_list dd a{font-size:13px; color:#fff; text-decoration:underline;}


.datacollection_case_title{width:1200px; padding:50px 0; float:left;}
.datacollection_case_title h1{font-size:26px; color:#333; text-align:center;}
.datacollection_case_title h2{font-size:16px; color:#585858; text-align:center; padding:10px 0 0 0;}

.datacollection_case_list{width:1200px;}
.datacollection_case_list dl{float:left; width:340px; box-shadow:0 5px 15px rgba(0, 0, 0, 0.1); margin-right:90px;}
.datacollection_case_list dt{float:left;}
.datacollection_case_list dd{float:left; padding:0 50px 20px 50px; width:240px; background:url(../images/case/case_di.jpg) no-repeat bottom;}
.datacollection_case_list dd h1{font-size:24px; color:#17afeb; padding:30px 0 10px 60px; background:url(../images/case/case_f1.jpg) no-repeat 0 23px;}
.datacollection_case_list dd h2{font-size:14px; color:#333; line-height:28px; padding:0 0 30px 10px;}
.case_more_box{width:1200px; float:left; text-align:center; padding:20px 0 60px 0;}
.case_more{padding:10px 30px; font-size:14px;}

/* surveysolution 在线调查解决方案 */
.surveysolution_banner{width:100%; background:url(../images/pic/surveysolution_banner.jpg) no-repeat center; height:400px;  margin-top:80px; }
.fsliu_box{width:610px;}
.fsliu_box span{float:left; width:120px; font-size:14px; color:#fff; text-align:center;}
.fsliu_box span i{float:left; width:120px; padding-bottom:8px;}
.fsliu_box small{float:left; padding:20px 10px 0 10px;}

/* Programming Platform 编程系统 */
.program_banner{width:100%; background:url(../images/program/program_banner.jpg) no-repeat center; height:400px;  margin-top:80px;}
.program_banner_zi{padding:80px 0 0 0;}
.program_banner_zi h1{font-size:48px; color:#fff; float:left; width:100%; font-family:PingFang Light;}
.program_banner_zi h2{font-size:20px; color:#fff; float:left; width:100%; font-family:PingFang Light; padding:10px 0 40px 0; line-height:36px;}
.program_banner_zi a{border:#fff 1px solid; font-size:16px; color:#fff; padding:12px 60px;}
.program_banner_zi a:hover{background:#4cc159; border:#4cc159 1px solid; color:#fff;}

.progranm_box1{padding:60px 0 0 0;}
.progranm_box1 i{float:left; width:551px; padding:0 0 50px 0;}
.progranm_box1 span{float:left; width:600px; padding:130px 0 0 49px;}
.progranm_box1 span h1{font-size:26px; color:#333;}
.progranm_box1 span h2{font-size:14px; color:#666; line-height:26px; padding:10px 0 0 0;}
.progranm_box2{width:100%; background:#f5f8fa; float:left;}
.progranm_box2_nr{padding:60px 0 0 0;}
.progranm_box2_nr i{float:left; width:617px; padding:0 0 50px 0;}
.progranm_box2_nr span{float:left; width:500px; padding:150px 0 0 83px;}
.progranm_box2_nr span h1{font-size:26px; color:#333;}
.progranm_box2_nr span h2{font-size:14px; color:#666; line-height:26px; padding:10px 0 0 0;}

.program_gongneng{}
.program_gongneng h3{font-size:26px; color:#333; text-align:center; float:left; width:1200px; padding:60px 0;}
#program_gongneng_list{width:1200px; padding-bottom:50px; float:left; border-top:#eeeef0 1px solid;}
#program_gongneng_list ul li{width:399px; height:170px; float:left; list-style:none;  position:relative;overflow:hidden; text-align:center; cursor:pointer; border-left:#eeeef0 1px solid; border-bottom:#eeeef0 1px solid; padding:30px 0 0 0;}
#program_gongneng_list ul li i{display:block; width:399px;  text-align:center; padding:30px 0 10px 0;}
#program_gongneng_list ul li em{display:block; width:20px; height:2px; background:#c0c0c9; margin:0 auto;}
#program_gongneng_list ul li span{display:block; width:399px; color:#5d5c5c; font-size:14px; padding:15px 0 0 0;}
#program_gongneng_list ul li .cover{width:399px; height:200px; position:absolute; top:0px; left:399px; background:#f5f8fa;}
#program_gongneng_list ul li .cover small.p1{}
#program_gongneng_list ul li .cover small.p1 h1{color:#333; padding:40px 30px 0 30px; width:339px;  font-size:16px; float:left; text-align:center; font-weight:bold;}
#program_gongneng_list ul li .cover small.p1 h2{color:#666; padding:10px 30px 0 30px; width:339px;  font-size:14px; float:left; text-align:left; line-height:22px;}

/* Online Community 在线调研社区 */
.community_banner{width:100%; background:url(../images/pic/community_banner.jpg) no-repeat center; height:400px;  margin-top:80px;}
.community_banner_zi{padding:80px 0;}
.community_banner_zi h1{font-size:48px; color:#fff; float:left; width:100%;  font-family:PingFang Light;}
.community_banner_zi h2{font-size:26px; color:#fff; float:left; width:100%;  font-family:PingFang Light; padding:10px 0 40px 0; line-height:40px;}



.community_box{}
.community_box h1{font-size:24px; color:#333; text-align:center; float:left; width:1200px; padding:60px 0 0 0;}
.community_box h2{font-size:20px; color:#585858; text-align:center; float:left; width:1200px; padding:20px 0 0 0; font-family:PingFang Regular; line-height:44px;}
.community_box h3{ float:left; width:1200px; padding:50px 0; text-align:center;}

.community_main{width:100%; background:url(../images/pic/community_p2.jpg) no-repeat center; height:579px; float:left;}
.community_main h1{float:left; width:1150px; color:#333; font-size:28px; padding:60px 0 20px 50px;}
.community_list{width:100%; float:left; padding:30px 0 0 0;}
.community_list li{float:left; border-right:#dbe1e5 solid 1px; padding:0 20px;}
.community_list li i{float:left; width:100%; text-align:center;}
.community_list li span{float:left; width:100%; font-size:14px; color:#333; text-align:center; padding:10px 0 0 0;}

.community_main_left{width:500px; float:left; padding:140px 50px 0 50px}
.community_main_left h1{float:left; width:100%; color:#333; font-size:28px; padding:5px 0 10px 0;}
.community_main_left h2{float:left; width:450px; color:#666; font-size:14px; padding:0 50px 45px 0; line-height:26px;}
.community_main_right{float:left; width:600px; padding:50px 0 40px 0; text-align:center;}
.community_fabu{width:100%; background:#f5f8fa; float:left;}
.community_fabu_left{width:550px; float:left; padding:160px 50px 0 50px}
.community_fabu_left h1{float:left; width:100%; color:#333; font-size:28px; padding:5px 0 10px 0;}
.community_fabu_left h2{float:left; width:500px; color:#666; font-size:14px; padding:0 50px 45px 0; line-height:26px;}
.community_fabu_right{float:left; width:500px; padding:50px 0 50px 50px; text-align:left;}

/* Quote Request 询价咨询 */
.rfq_banner{width:100%; background:url(../images/pic/rfq_banner.jpg) no-repeat center; height:400px;  margin-top:80px;}
.rfq_banner_zi{padding:100px 0 0 0; text-align:center;}
.rfq_banner_zi h1{font-size:48px; color:#fff; float:left; width:100%; font-family:PingFang Light;}
.rfq_banner_zi i{display:block; width:60px; height:2px; background:#fff; margin:80px auto 15px auto;}
.rfq_banner_zi h2{font-size:20px; color:#fff; float:left; width:100%; font-family:PingFang Light; padding:10px 0 40px 0; line-height:36px;}
.rfq_banner_zi a{border:#fff 1px solid; font-size:16px; color:#fff; padding:12px 60px;}
.rfq_banner_zi a:hover{background:#4cc159; border:#4cc159 1px solid; color:#fff;}

.rfq_liuchen_box{padding:50px 0;}
.rfq_liuchen_box h1{font-size:26px; color:#333; text-align:center;}
.rfq_liuchen_box h2{font-size:16px; color:#585858; text-align:center; padding:10px 0 0 0;}

.rfq_left{float:left; width:700px; padding-bottom:60px;}
.rfq_right{float:left; width:358px; background:url(../images/contact_dian.png) repeat-y left; height:470px; margin-top:60px; padding:20px 50px 20px 90px;}
.rfq_right h1{float:left; width:100%; font-size:22px; color:#333;}
.contact_list{float:left; width:100%; padding:30px 0 0 0;}
.contact_list dt{float:left; width:100%; font-size:16px; color:#333;}
.contact_list dd{float:left; width:100%; font-size:14px; color:#666; padding-top:3px;}
.contact_list dt small{font-weight:bold; color:#666; font-size:14px; font-family:"微软雅黑";}
.contact_list dt span{color:#333; font-family:Arial, Helvetica, sans-serif;}

.rfq_tan_box{width:600px; float:left; padding:0 50px 20px 50px;}

/* liuchen css */
.i-process .list{background:#fff url("../images/rfq/rfq_line.png") no-repeat center; margin: 0 auto; width: 1200px; height: 333px;}
.fl{float:left; display: inline;}
.fr{float:right; display: inline;}
.por{position: relative;}
.poa{position: absolute;}
.inner-item {margin: 0 auto; position: relative; padding-top:70px;}
.i-process{position: relative; width: 1200px; margin: 0 auto;}
.i-process .hold {width: 1106px; height: 352px; margin: 0 auto;}
.i-process .btn {width:68px; height:150px; line-height:20px; color:#555; font-size:14px; text-align: center; transform: translateX(50px); opacity: 0;}
.i-process .btn.cur {color:#222;}
.i-process .btn:nth-child(1) {left:63px; top:141px;}
.i-process .btn:nth-child(2) {left:221px; top:50px;}
.i-process .btn:nth-child(3) {left:374px; top:110px;}
.i-process .btn:nth-child(4) {left:539px; top:5px;}
.i-process .btn:nth-child(5) {left:698px; top:65px;}
.i-process .btn:nth-child(6) {left:866px; top:72px;}
.i-process .btn:nth-child(7) {left:1037px; top:130px;}
.i-process .btn .light {float: left; width: 10px; height: 10px; border-radius: 5px; background: #fff; margin: 12px 29px;}
.i-process .btn .light:after {content: ""; position: absolute; left: -5px; top: -5px; z-index: -1; width: 20px; height: 20px; border-radius: 10px; background:#4cc159; opacity: 0.3;}
.i-process .btn.cur .light:after {animation: Circle 1.2s infinite linear;}
.i-process .btn.cur .light:after {animation: Circle 1.2s infinite linear;}
.i-process .btn .circle {width: 68px; height: 68px; border-radius: 34px; background: #edeff1; margin: 12px 0;}
.i-process .btn.cur .circle1 {background: #3e8ddc;}
.i-process .btn.cur .circle2 {background: #4cc159;}

.i-process .btn .circle:after {content: ""; position: absolute; left: 0; top: 0; width: 68px; height: 68px; background: url(../images/rfq/bg_sign01.png) no-repeat;}
.i-process .btn.cur .circle:after {background-position: 0 -68px;}
.i-process .btn:nth-child(2) .circle:after {background-image: url(../images/rfq/bg_sign02.png);}
.i-process .btn:nth-child(3) .circle:after {background-image: url(../images/rfq/bg_sign01.png);}
.i-process .btn:nth-child(4) .circle:after {background-image: url(../images/rfq/bg_sign02.png);}
.i-process .btn:nth-child(5) .circle:after {background-image: url(../images/rfq/bg_sign01.png);}
.i-process .btn:nth-child(6) .circle:after {background-image: url(../images/rfq/bg_sign02.png);}
.i-process .btn:nth-child(7) .circle:after {background-image: url(../images/rfq/bg_sign01.png);}
.i-process {/* height: 350px; */}
.w-f {width: 100%;}
.h-f {height: 100%;}
.fwn {font-weight: normal;}
.tac {text-align: center;}
.t-f {transition: all 0.5s;}
.t-c {transition: color 0.5s;}
.t-bg {transition: background 0.5s;}
@keyframes Circle {
 0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        transform: scale(1);
        opacity: 0.3;
    }
    100% {
        transform: scale(0.5);
        opacity: 0;
    }
}


.rfq_biaoge{width:100%; background:url(../images/pic/rfq_bg.jpg) no-repeat center; height:674px;}
.rfq_title{}
.rfq_title h1{float:left; width:100%; color:#333; font-size:26px; padding:60px 0 20px 0; line-height:40px;}
.rfq_title h2{float:left; width:100%; color:#666; font-size:15px; padding:20px 0 10px 0; line-height:28px;}
.rfq_title h2 a{color:#666; text-decoration:underline;}
.rfq_title h2 a:hover{color:#3e8ddc;}

.con_left2{width:500px; float:left; padding-top:25px;}
.con_left2 dl{width:500px; height:50px;}
.con_left2 dt{width:100px; float:left; font-size:15px; color:#444; line-height:30px;}
.con_left2 dt em{float:left; font-size:15px; color:#F00; padding:2px 5px 0 0;}
.con_left2 dd{width:350px; float:left;}
.con_ts{font-size:14px; color:#999999; width:100%; float:left; height:40px; line-height:40px; padding:10px 0 0 0;}
.con_btn_box{width:100%; height:auto; padding-top:15px; padding-bottom:15px; float:left;}
.con_btn1{width:130px; height:38px; line-height:38px; color:#fff; font-size:14px; background:#3e8ddc; border:#3e8ddc 1px solid; text-align:center; border-radius:4px; cursor:pointer;  margin-right:30px;}
.con_btn1:hover{background:#2275c7; border:#2275c7 1px solid;}
.con_btn2{width:130px; height:38px; line-height:38px; color:#3e8ddc; font-size:14px; background:#fff; border:#3e8ddc 1px solid; text-align:center; border-radius:4px; cursor:pointer;  margin-right:30px;}
.con_btn2:hover{background:#2275c7; border:#2275c7 1px solid; color:#fff;}

.input22{width:320px; height:32px; line-height:32px; border:#e5eaee 1px solid; background:#FFF; border-radius:4px; padding-left:5px; color:#666;}
.input23{width:315px; height:50px; line-height:22px;  border:#e5eaee 1px solid; background:#FFF; border-radius:4px; padding:5px; color:#666;}
.input24{width:315px; height:80px; line-height:22px;  border:#e5eaee 1px solid; background:#FFF; border-radius:4px; padding:5px; color:#666;}

/* about 团队 联系 */
.about_banner{width:100%; background:url(../images/pic/about_banner.jpg) no-repeat center; height:450px;  margin-top:80px; }
.about_main_box{width:1200px; float:left;  margin-top:310px;}
.about_main_left{width:700px; float:left;}
.about_main_nr{width:600px;  margin-top:170px; float:left; padding:40px 50px 30px 50px;}
.about_main_nr h1{float:left; width:100%; color:#666; font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.about_main_nr h2{float:left; width:100%; color:#333; font-size:28px; padding:5px 0 20px 0;}
.about_main_nr h3{float:left; width:500px; color:#666; font-size:14px; padding:40px 100px 45px 0; line-height:28px;}

.about_main_right{width:500px; float:left; background:#fff; padding:10px 0 30px 0;}
.about_main_right h1{float:left; width:440px; padding:20px 30px; color:#333; font-size:22px; text-align:center;}
.about_main_right h2{float:left; width:440px; padding:30px 30px; color:#333; font-size:22px; text-align:center;}
.about_main_right em{background:#dbdbdb; width:68px; height:3px; margin:100px auto 0 auto; display:block;}
.about_main_right h3{float:left; width:440px; padding:0 30px; color:#666; font-size:14px; text-align:center;}
.about_main_right h4{float:left; width:500px; padding-top:40px;}

.team_box{background:url(../images/pic/about_p2.jpg) no-repeat; height:310px; float:left; width:1200px; padding:35px 0;}
.team_left{float:left; width:610px; position:relative;}
.team_left span{position:absolute; left:80px;}
.team_left small{position:absolute; top:100px;}
.team_right{float:left; width:540px; padding-left:660px;}
.team_right h1{float:left; width:100%; color:#333; font-size:28px; padding:10px 0 0 0;}
.team_right h2{float:left; width:100%; color:#555; font-size:16px; padding:5px 0 20px 0;}
.team_right h3{float:left; width:540px; color:#666; font-size:14px; padding:30px 0 45px 0; line-height:26px;}

.contact_box{}
.contact_box h1{font-size:26px; color:#333; text-align:center; float:left; width:1200px; padding:60px 0 0 0;}
.contact_box h2{font-size:16px; color:#585858; text-align:center; float:left; width:1200px; padding:10px 0 0 0;}
.contact_map{width:1200px; float:left; padding:50px 0; position:relative;}
.contact_add{position:absolute; background:#3e8ddc; width:350px; top:80px; right:70px; padding:10px 75px 230px 75px;}

.contact_eml{position:absolute; background:#fff; width:320px; top:335px; right:110px; padding:20px 50px; z-index:999;}
.contact_eml span{display:block; width:100%; font-size:18px; color:#0756af; padding-bottom:5px;}
.contact_eml small{display:block; width:100%; font-size:14px; color:#666; border-bottom:#e7eaed 1px solid; padding:10px 0;}
.contact_eml a{background:#4cc159; font-size:14px; color:#fff; padding:10px 30px; border-radius:4px; margin:20px 0 0 0; float:left;}
.contact_eml a:hover{background:#69bf29;}

/* panel 样本分布 */
.panel_banner{width:100%; background:url(../images/panel/panel_banner.jpg) no-repeat center; height:400px;  margin-top:80px; }
.panel_main_box{width:1120px; float:left;  margin-top:320px; background:#3e8ddc; padding:40px 40px;}
.panel_main_box h1{float:left; width:100%; font-size:26px; color:#fff;}
.panel_main_box h2{float:left; width:100%; font-size:14px; color:#fff; line-height:24px; padding:15px 0 0 0;}
.panel_box{width:1200px;}
.panel_box h1{font-size:26px; color:#333; text-align:center; float:left; width:1200px; padding:60px 0 0 0;}
.panel_box h2{font-size:16px; color:#585858; text-align:center; float:left; width:1200px; padding:10px 0 0 0;}
.panel_title{width:1200px; text-align:center; float:left; padding:50px 0;}
.panel_title span{font-size:14px; color:#333; background:#f5f5f5; padding:15px 35px; margin:0 15px; cursor:pointer;}
.panel_title .panel_title_qie,.panel_title span:hover{background:#3e8ddc; color:#fff;}
.panel_nr_box{width:1200px; float:left;}
.panel_nr_box ul{width:480px; float:left; padding:5px 0 25px 0;}
.panel_nr_box li{float:left; width:120px; padding:20px 0;}
.panel_nr_box li i{float:left; width:30px;}
.panel_nr_box li span{float:left; line-height:32px; font-size:12px; color:#444; padding:0 10px;}
.panel_map{width:720px; float:left; text-align:center; padding:0px 0 60px 0;}


.panel_con{width:1200px; margin:0 auto; margin-top:50px;}
.panel_title{height:30px; }
.panel_telst{width:390px; margin:0 auto;  text-align:center}
.panel_telst li{font-size:14px; color:#333; background:#f5f5f5; padding:15px 35px;  float:left; margin:0 15px; display:inline; cursor:pointer;}
.panel_telst li.panel_titleon {background:#3e8ddc; color:#fff;}
.panel_lst{width:1200px; float:left; display:none; margin-top:10px; padding-top:20px;}
.panel-wrap{margin-top: 30px;}
.panel-wrap .panel_show {display: block;}

/* panel 样本定位 */
.profile_banner{width:100%; background:url(../images/panel/profile_banner.jpg) no-repeat center; height:400px;  margin-top:80px; }
.profile_main_left{width:700px; float:left; padding:50px 50px 0 50px}
.profile_main_left h1{float:left; width:100%; color:#333; font-size:28px; padding:5px 0 20px 0;}
.profile_main_left h2{float:left; width:650px; color:#666; font-size:14px; padding:40px 50px 45px 0; line-height:26px;}
.profile_main_right{float:left; width:400px; padding:110px 0 0 0;}

.jcxx_box{width:1100px; float:left; padding:0 50px;}
.jcxx_box h1{float:left; width:100%; color:#333; font-size:28px; padding:5px 0 20px 0;}
.jcxx_list{width:1200px; float:left; padding:25px 0 0 0;}
.jcxx_list span{width:auto; padding-left:15px; padding-right:15px; float:left; border:#ececec 1px solid; border-radius: 4px; height:30px; line-height:30px; color:#666; font-size:14px; margin:8px 20px 8px 0;}

.quality_banner{width:100%; background:url(../images/panel/quality_banner.jpg) no-repeat center; height:400px;  margin-top:80px; }
.quality_main_left{width:500px; float:left; padding:90px 50px 0 50px}
.quality_main_left h1{float:left; width:100%; color:#333; font-size:28px; padding:5px 0 20px 0;}
.quality_main_left h2{float:left; width:450px; color:#666; font-size:14px; padding:40px 50px 45px 0; line-height:26px;}
.quality_main_right{float:left; width:600px; padding:50px 0 40px 0; text-align:right;}
.quality_fabu{width:100%; background:#f5f8fa; float:left;}
.quality_fabu_left{width:550px; float:left; padding:110px 50px 0 50px}
.quality_fabu_left h1{float:left; width:100%; color:#333; font-size:28px; padding:5px 0 20px 0;}
.quality_fabu_left h2{float:left; width:500px; color:#666; font-size:14px; padding:40px 50px 45px 0; line-height:26px;}
.quality_fabu_right{float:left; width:500px; padding:50px 0 50px 50px; text-align:left;}


#program_profile_list{width:1120px; padding-bottom:50px; float:left; border-top:#eeeef0 1px solid;}
#program_profile_list ul li{width:279px; height:170px; float:left; list-style:none;  position:relative;overflow:hidden; text-align:center; cursor:pointer; border-left:#eeeef0 1px solid; border-bottom:#eeeef0 1px solid; padding:30px 0 0 0;}
#program_profile_list ul li i{display:block; width:279px;  text-align:center; padding:15px 0 10px 0;}
#program_profile_list ul li em{display:block; width:20px; height:2px; background:#c0c0c9; margin:0 auto;}
#program_profile_list ul li span{display:block; width:279px; color:#5d5c5c; font-size:15px; padding:10px 0 0 0; font-weight:bold;}
#program_profile_list ul li .cover{width:279px; height:200px; position:absolute; top:0px; left:279px; background:#f5f8fa;}
#program_profile_list ul li .cover small.p1{}
#program_profile_list ul li .cover small.p1 h1{color:#333; padding:40px 30px 0 30px; width:219px;  font-size:16px; float:left; text-align:center; font-weight:bold;}
#program_profile_list ul li .cover small.p1 h2{color:#666; padding:10px 30px 0 30px; width:219px;  font-size:14px; float:left; text-align:left; line-height:22px;}

/* case 案例分享 */
.case_banner{width:100%; background:url(../images/case/case_banner.jpg) no-repeat center; height:400px;  margin-top:60px;}
.case_banner_zi{padding:70px 0 0 0;}
.case_banner_zi h1{font-size:48px; color:#fff; float:left; width:100%; font-family:PingFang Light;}
.case_banner_zi h2{font-size:20px; color:#fff; float:left; width:100%; font-family:PingFang Light; padding:10px 0 40px 0; line-height:36px;}
.case_banner_zi a{border:#fff 1px solid; font-size:16px; color:#fff; padding:12px 60px;}
.case_banner_zi a:hover{background:#4cc159; border:#4cc159 1px solid; color:#fff;}

.case_fenbox{width:1300px; margin:0 auto; height:235px;  border:#e5e5e5 1px solid; background:#fff; box-shadow: 0 4px 18px 0 rgba(0,0,0,0.05);}
.case_fenbox.solid {position:fixed; background:#fff; border:none; border-top:#e5e5e5 1px solid; width:100%; top:80px; left:0; right:0; z-index:99; -webkit-box-shadow:0 4px 18px rgba(0, 0, 0, 0.05); box-shadow:0 4px 18px rgba(0, 0, 0, 0.05); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out;}



#nav-header{width:1200px; border-bottom: 1px solid #eee; float:left; margin-bottom:50px; position:relative; z-index:100;}
#nav-header nav{display:inline-block; float:left; padding:20px 0 0 0; width:1200px; text-align:center;}
#nav-header nav li{color:#333;	list-style:none;	padding:0 16px;	text-decoration:none; display: inline-block; vertical-align: middle; font-size:16px;   position:relative; z-index:9999;}
#nav-header nav li a{color:#999; height:50px; line-height:50px; display:block; padding:0 15px; border-bottom:#fff 2px solid;}
#nav-header nav .case_nav_qie, #nav-header nav li a:hover{color:#333; border-bottom:#444 2px solid;}
#nav-header nav li:hover .slide-submeu1{display:block;}
#nav-header nav li:hover .slide-submeu2{display:block;}
#nav-header nav li i.slide-icon{
  position: absolute;
  top:22px;
  right:18px;
  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;
}
#nav-header nav li:hover i.slide-icon{
  border-color:#333;
}

/*子菜单*/
#nav-header .slide-submeu1{position:absolute; left:-240px; top:52px; z-index:1000; width:600px;  padding:15px 20px;  background:#fff; border-top:1px solid #E4E4E4; box-shadow:-1px 3px 5px rgba(000, 000, 000, 0.1); 	display:none;}
.case_fenul{float:left; width:600px;}
.case_fenul span{border:#ddd 1px solid; background:#fff; color:#666a75; font-size:14px; padding:4px 13px; float:left; margin:9px 15px 9px 0; cursor: pointer;}
.case_fenul .case_fenul_qie,.case_fenul span:hover{border:#3e8ddc 1px solid; background:#3e8ddc; color:#fff;}

#nav-header .slide-submeu2{position:absolute; left:-400px; top:52px; z-index:1000; width:800px;  padding:10px 20px;  background:#fff; border-top:1px solid #E4E4E4; box-shadow:-1px 3px 5px rgba(000, 000, 000, 0.1); 	display:none;}
.case_gq_box{float:left; width:800px;}
.case_gq_box span{float:left; width:140px; padding:13px 10px; cursor: pointer;}
.case_gq_box span i{float:left; width:40px; text-align:left;}
.case_gq_box span small{float:left; line-height:24px; font-size:14px; color:#666a75; width:100px; padding:6px 0 0 0; text-align:left;}
.case_gq_box span small:hover{color:#0756af;}
.case_gq_box .case_country_qie,.case_gq_box span:hover{background:#fff; box-shadow:0 3px 18px rgba(000, 000, 000, 0.12); color:#0756af;}


#case_img{width:1260px; padding:0 0 20px 0; float:left;}
#case_img ul li .a1 img{width:360px; height:300px;}
#case_img ul li{width:360px; height:300px; list-style:none; position:relative; float:left; overflow:hidden; margin:10px 30px 50px 30px;  box-shadow:0 5px 15px rgba(0, 0, 0, 0.1); z-index:2;} 
#case_img ul li .a1 .divA{position:absolute; z-index:2; bottom:0; left:0; width:320px; height:75px; padding:10px 20px; background: url(../images/case/case_di.jpg) repeat-x bottom #fff;}
#case_img ul li .a1 .divA>.p1{width:320px; height:40px; font-size:18px; font-weight:500; line-height:40px; color:#17afeb; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}    
#case_img ul li .a1 .divA>.p2{width:320px; height:35px; font-size:14px; color:#b4b4b4; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*遮罩*/
#case_img ul li .a2{position:absolute; top:0; left:-380px; width:360px; height:300px; text-align:center; color:white; background:url(../images/case/case_imgbg2.png) no-repeat; transition:all 0.2s; } 
#case_img ul li .a2 .p4{width:330px; text-align:center; position:absolute; top:80px; left:-360px; color:#fff; font-size:20px; font-weight:bold; transition:all 0.2s 0.1s ease-out; padding:0 15px;}
#case_img ul li .a2 .p5{width:330px; text-align:center; line-height:22px ; position:absolute; top:90px; left:-360px; margin:30px 0 10px 0; font-size:14px; color:white; transition:all 0.2s 0.2s ease-out ; padding:0 15px;}
#case_img ul li .a2 .p7{position:absolute; bottom:-70px; left:100px; width:160px; height:38px; line-height:38px; border-radius:20px; margin:10px auto; border:1px solid; transition:all 0.2s 0.5s ;}

/*fenye*/
.fenye{width:1200px; padding:10px 0 50px 0; float:left; text-align:center;}
.fenye span{padding:0 6px;}
.fenye span a{padding:8px 15px; border:#eaeaea 1px solid; background:#FFF; font-size:14px; text-align:center; color:#888; text-decoration:none; border-radius:4px;}
.fenye a.fenye_qie,.fenye span a:hover{background:#4cc159; border:#4cc159 1px solid; color:#FFF;}

/*tanchu*/
.modal{display:none;  background:#fff;   overflow:auto;  z-index:9999;  position:absolute;  width:800px;  min-height:350px;}
.closeBtn{position:absolute; right:20px; top:15px; font-family:PingFang Light; font-size:24px; color:#555; z-index:99;}
.closeBtn:hover{ cursor: pointer; color:#ff604e;}
.overlay {width:100%;  height:100%;  position:fixed;  top:0;  left: 0;  z-index: 1000;  display: none;}

.case_nr_box{width:800px; float:left; position:relative;}
.case_nr_pp{float:left;}
.case_nr_zi{float:left; background:#fff; position:absolute; width:490px; padding:20px; top:60px; left:270px;}
.case_nr_zi h5{font-size:20px; color:#17afeb; float:left; width:100%;}
.case_nr_zi h6{font-size:14px; color:#444; line-height:22px; float:left; width:480px; padding:3px 10px 0 0; max-height:130px; overflow:auto;}

.case_nr_zi h3{float:left; width:100%; font-size:14px; color:#666; padding:5px 0;}
.case_nr_zi h3 span em{font-size:14px; color:#444; padding-left:5px;}
.case_nr_zi h4{float:left; width:100%; font-size:14px; color:#666;}
.case_nr_zi h4 span em{font-size:14px; color:#444; padding-left:5px;}
.case_nr_zi h7{float:left; width:100%; font-size:14px; color:#666; padding:5px 0;}
.case_nr_zi h7 span em{font-size:14px; color:#444; padding-left:5px;}

.case_nr_biao{position:absolute; top:10px; left:10px;}
.case_nr_biao span{color:#fff; float:left; border-radius:4px 0; background:rgba(0,0,0,.5); font-size:12px; height:24px; line-height:24px; padding:0 10px; margin-right:10px;}
.case_nr_biao small{color:#fff; float:left; border-radius:4px 0; background:rgba(0,0,0,.5); font-size:12px; height:24px; line-height:24px; padding:0 10px;}

.case_kong{width:100%; padding:10px 0 40px 0; float:left;}
.case_kong span{float:left; width:100%; text-align:center;}
.case_kong small{float:left; width:100%; text-align:center; font-size:14px; color:#888;}

/*panel_tally*/
.panel_tally{width:56px; position:fixed; right:5px; bottom:300px; z-index:99;}
.panel_tally span{display:block; width:56px; border-radius:4px; font-weight:700; border:1px solid #ececec; height:75px; position:relative; overflow: visible; visibility: visible; text-align:center; background:#fff;}
.panel_tally span a{display:block; text-align:center; padding:45px 0 0 0; background:url(../images/index_service_p4.png) no-repeat center 12px #fff; background-size:30px 28px; font-size:14px; color:#4cc159; height:30px; border-radius: 4px;}
.panel_tally span a:hover{background:url(../images/index_service_p44.png) no-repeat center 12px #4cc159; background-size:30px 28px; font-size:14px; color:#fff;}
.panel_tally_zi{width:120px; height:32px; position: absolute; top: 13px; left: -150px; line-height: 20px; font-size: 14px; color: #4cc159; background: #fff; border: 1px solid #CFF3DE; box-shadow: 0 2px 6px 0 rgba(0,0,0,.1); border-radius: 3px; padding:10px 2px 0 11px;}
.panel_tally_zi i{content: ''; width: 0; height: 0; border-width: 7px 0 7px 7px; border-style: solid; border-color: transparent transparent transparent #fff; margin: 40px auto; position: absolute; top: -26px; right: -5px; display: block;}
.panel_tally_dian{background:url(../images/dian_shan.gif) no-repeat; width:31px; height:28px; position:absolute; top:-9px; left:-9px;}

/*product*/
.product_banner{width: 100%; background: url(../images/product_banner.jpg) no-repeat center; height: 685px; margin-top: 80px;}
.product_banner_container{width: 1270px; margin: 0 auto;}
.product_banner_zi{float: left; width: 500px; padding: 110px 0 0 30px;}
.product_banner_zi h1{display: inline-block; width: 100%; font-size: 42px; 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 h2{display: inline-block; width: 100%; font-size: 20px; color: #fff; font-weight: 300; padding: 15px 0 50px 0; line-height: 42px; 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 h3{display: inline-block; width: 100%;}
.product_banner_zi h3 a{display: inline-block; font-size: 18px; color: #368df3; background: #fff; width: 220px; height: 48px; line-height: 48px; text-align: center; 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 h3 a:hover{background: #e4f0ff;}
.product_banner_img{float: left; width: 740px; padding: 45px 0 0 0;}

.product_box{width: 100%; background: #f7fbff;}
.product_main{width: 1200px; margin: 0 auto;}
.product_title{width: 1200px;}
.product_title h1{display: inline-block; width: 100%; text-align: center; font-size: 36px; color: #2a2b52; padding: 10px 0 15px 0;}
.product_title h2{display: inline-block; width: 100%; text-align: center; font-size: 16px; color: #6f6e89;}
.product_title h3{display: inline-block; width: 100%; font-size: 36px; color: #2a2b52; padding: 60px 0 15px 0;}
.product_title h4{display: inline-block; width: 100%; font-size: 16px; color: #6f6e89; line-height:28px;}

.product_nr{width: 1200px; padding: 60px 0; display: flex; justify-content: space-between;}
.product_list{width: 270px; padding: 40px 0 60px 0; 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: 270px; text-align: center; padding: 20px 0 0 0;}
.product_list h1{display: inline-block; width: 230px; text-align: center; padding: 30px 20px 20px 20px; font-size: 22px; color: #2a2b52; font-weight: bold;}
.product_list h2{display: inline-block; width: 210px; padding: 0 30px; font-size: 13px; color: #6f6e89; line-height: 24px;}

.product_you_box{width: 1200px; float: left;}
.product_you{width: 629px; float: left; padding: 50px 0 80px 0;}
.product_you_img{width: 571px; float: left; padding: 100px 0 0 0;}
.product_you_list{width: 629px; float: left; padding: 20px 0 10px 0;}
.product_you_list i{float: left; width: 80px;}
.product_you_list span{float: left; width: 470px; padding: 0 79px 0 0;}
.product_you_list span h1{display: inline-block; width: 100%; font-size: 18px; color: #2a2b52;}
.product_you_list span h2{display: inline-block; width: 100%; font-size: 13px; color: #6f6e89; line-height: 22px; padding: 10px 0 0 0;}

.footbanner_box{width: 100%; background: url(../images/product_footbanner.jpg) no-repeat center; height: 320px;}
.foot_banner_nr{width: 1200px; margin: 0 auto;}
.foot_banner_nr h5{display: inline-block; width: 100%; text-align: center; font-size: 36px; color: #fff; padding: 80px 0 25px 0;}
.foot_banner_nr h6{display: inline-block; width: 100%; text-align: center; font-size: 16px; color: #dce4eb;}
.foot_banner_btn{width: 1200px; margin: 50px auto 0 auto; text-align: center;}
.foot_banner_btn a{display: inline-block; margin: 0 20px; width: 180px; height: 45px; line-height: 45px; font-size: 16px; color: #fff;}
.foot_btna1{background: #298df8; border: #368df3 1px solid;}
.foot_btna1:hover{background: #3185df;}
.foot_btna2{border: #fff 1px solid;}
.foot_btna2:hover{border: #298df8 1px solid; background: #298df8;}



/*index tan*/
.index_tan{width: 490px; height: 190px; padding: 30px; background: #fff; position: fixed; bottom: 52%; right: 50%; margin:0 -275px -100px 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:15px; top:15px; 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: 34px; color: #364655;}
.index_tan small{display: block; width: 100%; font-size: 14px; color: #364655; line-height: 24px; padding: 5px 0 20px 0;}
.index_tan a{display: block; width:130px; height:38px; line-height:38px; color:#fff; font-size:14px; background:#3e8ddc; border:#3e8ddc 1px solid; text-align:center; border-radius:4px; cursor:pointer;  margin-right:30px;}
.index_tan a:hover{background:#2275c7; border:#2275c7 1px solid;}
.index_foot_tan{width: 230px; height: 120px; background: url(../images/index_foot_tan.jpg) no-repeat; border-radius: 4px; position: fixed; bottom: 50px; right: 3px; display: none;}
.index_foot_tan span{display: block; width: 210px; font-size: 18px; color: #fff; padding: 18px 0 0 20px;}
.index_foot_tan small{display: block; width: 210px; font-size: 14px; color: #eff6ff; line-height: 24px; padding: 2px 0 5px 20px;}
.index_foot_tan a{display: inline-block; font-size: 12px; color: #368df3; background: #fff; width: 90px; height: 28px; line-height: 28px; text-align: center; 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: 20px; 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);}
}