@charset "utf-8";
/* CSS Document */
/*main 内容*/
.main,.pro_main,.serve_main,.experience_main,.business_main,.case{ width:100%;}
.main_1,.main_2,.main_3,.main_4,.main_5,.main_7,.main_8,.pro_main_1,.pro_main_2,.pro_main_3,.pro_main_4,.pro_main_5,.serve_title,.case_title{ width:1200px; margin:auto; margin-top:70px; text-align:center;}
.main_1>span>p,.main_2>span>p,.main_3>span>p,.main_4>span>p,.main_5>span>p,.main_7>span>p,.pro_main_1>span>p,.pro_main_2>span>p,.pro_main_3>span>p,.pro_main_4>span>p,.pro_main_5>span>p,.serve_title>span>p,.case_title>span>p{ color:#0bb9f8; font-size:30px; margin-bottom:16px;}
.main_1>span font,.main_2>span>font,.main_3>span>font,.main_4>span>font,.main_5>span>font,.main_7>span>font,.pro_main_1>span>font,.pro_main_2>span>font,.pro_main_3>span>font,.pro_main_4>span>font,.serve_title>span>font,.case_title>span>font{ color:#5f6367; font-size:16px; line-height:24px;}
.main_1>span img,.main_5>span img{ margin:0 auto;}

.main_2_con{ background:url(../img/home_duihua1.png) no-repeat left; height:181px; position:relative; margin-top:20px;}
.main_2_con div{ position:absolute; margin-left:180px;}
.main_2_con .main_2_con_p1{ color:#FFF; font-size:18px; line-height:66px;text-align:left;}
.main_2_con .main_2_con_p2{ color:#4c4c4c; font-size:16px; line-height:30px; text-align:left; margin-top:30px;}
.main_2_con_1{background:url(../img/home_duihua2.png) no-repeat right; height:184px; position:relative; margin-top:20px;}
.main_2_con_1 div{ position:absolute; top:0; right:0; margin-right:20px;}
.main_2_con_1 .main_2_con_1_p1{ color:#FFF; font-size:18px; line-height:66px;text-align:left; padding-left:100px;}
.main_2_con_1 .main_2_con_1_p2{ color:#4c4c4c; font-size:16px; line-height:30px; text-align:left; margin-top:30px; padding-right:100px;}
.main_2_con_2{background:url(../img/home_duihua3.png) no-repeat left;}

.main_3_img{width:1200px;height:268px;overflow:hidden;}
.main_3_con a{float:left;width:398px;height:50px;background-color:#3ab6d9;margin-bottom:10px; border:solid 1px #0bb9f8; font-size:20px; color:#226b80;text-align:center;line-height:50px;letter-spacing:8px;}
.main_3_con a:hover{ color:#0bb9f8;}
.main_3_text{ border:1px solid #f2f2f2; height:230px; width:1200px; margin-top:30px;}
.main_3_text_left,.main_3_text_right{ float:left; text-align:left; width:600px; font-size:12px; color:#666; line-height:24px; float:left;}
.main_3_text_left span,.main_3_text_right span{ color:#0bb9f8; font-size:16px; text-align:center; line-height:46px; width:500px; padding-top:20px;}
.main_3_text_left p b,.main_3_text_right p b{ width:24px; height:24px; background:url(../img/home_ico_weixiao1.png) no-repeat;margin:0 10px; display:block; float:left;}
.main_3_text_right p b{background:url(../img/home_ico_weixiao2.png) no-repeat;}
.main_3_text_left p,.main_3_text_right p{ margin:14px 0;}

/*案例轮播*/
.main_4{ width:100%;} 
.main_4_con{ background-color:#373d41; width:100%; height:420px;}
.main_4_con_box{ width:1450px; overflow:hidden; height:420px; margin:0 auto; position:relative;}
.main_4_con_box_left{ position:absolute; z-index:1001; top:0; left:0; width:50px; height:420px; background:rgba(55,61,65,0.3); z-index:9999;}
.main_4_con_box_right{ position:absolute; z-index:1000;top:0; right:0;width:50px; height:420px; background:rgba(55,61,65,0.3); z-index:9999;}
.main_4_con_box_right img,.main_4_con_box_left img{ position:absolute; top:194px;left:16px;}
.main_4_con_box_position{ display:none;}
.main_4_con_box:hover .main_4_con_box_position{ display:block; cursor:pointer;}
/*.main_4_con_box ul{overflow:hidden;}*/
.main_4_con_box ul li{ position:relative; width:290px; height:420px; float:left;}
.main_4_con_box ul li .bg{ background-color:#373d41; width:290px; height:420px; opacity:0.5; position:absolute; left:0; }
.main_4_con_box ul li:hover .bg{ background-color:#0bb9f8; opacity:0.8; display:block; }
.main_4_con_box_icon1,.main_4_con_box_icon,.main_4_con_box_icon2{ position:absolute; left:50%; width:290px; margin-left:-145px; margin-top:110px;}
.main_4_con_box_icon{ z-index:999; transition:0.4s; -moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.main_4_con_box_icon1{ z-index:998;  transition:0.4s;-moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.main_4_con_box ul li:hover .main_4_con_box_icon{  z-index:9; transform:translateY(-50px); -moz-transform:translateY(-50px); -ms-transform:translateY(-50px); -o-transform:translateY(-50px); -webkit-transform:translateY(-50px);}
.main_4_con_box ul li:hover .main_4_con_box_icon1{ display:block; transform:translateY(-50px); -moz-transform:translateY(-50px); -ms-transform:translateY(-50px); -o-transform:translateY(-50px); -webkit-transform:translateY(-50px);}
.main_4_con_box_icon2{ top:200px;z-index:1000; margin:0; left:135px;transition:0.4s;-moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.main_4_con_box_icon2 p{ width:20px; height:3px; background-color:white; text-align:center; }
.main_4_con_box ul li:hover .main_4_con_box_icon2 {transform:translateY(-50px); z-index:-1; -moz-transform:translateY(-50px); -ms-transform:translateY(-50px); -o-transform:translateY(-50px); -webkit-transform:translateY(-50px);}
.main_4_con_box_title{ font-size:22px; font-weight:bold; position:absolute; text-align:center; width:290px; left:0; color:white; top:220px; z-index:1001;transition:0.4s;-moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.main_4_con_box ul li:hover .main_4_con_box_title{transform:translateY(-70px); -moz-transform:translateY(-70px); -ms-transform:translateY(-70px); -o-transform:translateY(-70px); -webkit-transform:translateY(-70px);}
.main_4_con_box_text{ position:absolute; top:260px; color:white; z-index:-100;transition:0.4s;-moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s;}
.main_4_con_box_text p{ padding:0 20px; font-size:14px; line-height:24px;}
.main_4_con_box ul li:hover .main_4_con_box_text{transform:translateY(-70px);z-index:1001;-moz-transform:translateY(-70px); -ms-transform:translateY(-70px); -o-transform:translateY(-70px); -webkit-transform:translateY(-70px);}
.main_4_con_box_btn{position:absolute; z-index:-100; top:360px; color:white; width:120px; height:40px; border:1px solid #fff; line-height:40px; font-size:14px; left:85px;transition:0.4s;-moz-transition:0.4s; -ms-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s}
.main_4_con_box ul li:hover .main_4_con_box_btn{transform:translateY(-70px); z-index:1001;-moz-transform:translateY(-70px); -ms-transform:translateY(-70px); -o-transform:translateY(-70px); -webkit-transform:translateY(-70px);}
.main_4_con_box_btn:hover{ background-color:#fff; color:#0bb9f8;  cursor:pointer;}


.main_5 .main_5_animation{  z-index:1000;position:relative; width:100%; }
@keyframes run{
    0%{ -webkit-transform: scale(0); opacity:1;transform: scale(0); }
	100%{ -webkit-transform: scale(1); opacity:0;transform: scale(1);  }
}
.main_5 .main_5_animation .main_5_animation_1,.main_5 .main_5_animation .main_5_animation_2,.main_5 .main_5_animation .main_5_animation_3,.main_5 .main_5_animation .main_5_animation_4,.main_5 .main_5_animation .main_5_animation_5{
	position:absolute;top:211px;right:219px;border-radius:50%;width:200px;height:200px;border:2px solid #0bb9f8;animation-name:run;animation-duration:4s;animation-iteration-count:infinite;
	-webkit-animation-duration:4s;-webkit-animation-iteration-count:infinite;
	-moz-animation-duration:4s;-moz-animation-iteration-count:infinite;
	-ms-animation-duration:4s;-ms-animation-iteration-count:infinite; 
}
.main_5 .main_5_animation .main_5_animation_2{animation-delay:0.8s; -webkit-animation-delay:0.8s; -moz-animation-delay:0.8s;}
.main_5 .main_5_animation .main_5_animation_3{animation-delay:1.6s;-webkit-animation-delay:1.6s; -moz-animation-delay:1.6s;}
.main_5 .main_5_animation .main_5_animation_4{animation-delay:2.4s;-webkit-animation-delay:2.4s;-moz-animation-delay:2.4s;}
.main_5 .main_5_animation .main_5_animation_5{animation-delay:3.2s;-webkit-animation-delay:3.2s;-moz-animation-delay:3.2s;}

.main_5_icon{ font-size:14px; color:#333; margin-top:20px; width:1000px; margin:0 auto;  display:inline-block; margin-bottom:70px;}
.main_5_icon_1,.main_5_icon_2,.main_5_icon_3,.main_5_icon_4{float:left; width:190px; background:url(../img/home_icon_renzheng4.jpg) no-repeat; height:50px;display:inline-block; line-height:50px; padding-left:60px; text-align:left;}
.main_5_icon_2{ background:url(../img/home_icon_renzheng3.jpg) no-repeat;}
.main_5_icon_3{ background:url(../img/home_icon_renzheng2.jpg) no-repeat;}
.main_5_icon_4{ background:url(../img/home_icon_renzheng1.jpg) no-repeat;}

.main_6{ background:url(../img/home_shuju.jpg) no-repeat; height:100px; width:1920px; margin: 0 auto;}
.main_6 p{ line-height:100px; text-align:center; width:1200px; margin:0 auto; font-size:24px; color:white;}
.main_6 p a{ color:white;}

.main_7 table{ border-collapse:collapse; margin-top:60px; margin-bottom:60px;}
.main_7 table tr{ height:100px; overflow:hidden;}
.main_7 table tr td{ border:1px solid #e6e6e6; }
.main_7 table tr td span{position:relative; width:200px; height:100px; overflow:hidden;}
.main_7 table tr td span img{ transition:0.6s;-moz-transition:0.6s; -ms-transition:0.6s; -o-transition:0.6s; -webkit-transition:0.6s;}
.main_7 table tr td span:hover img{ position:absolute; bottom:0px; left:0;transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}

.main_8{ text-align:left; font-size:14px; margin-bottom:10px;}
.main_8 a{ width:100px;  margin-left:20px; color:#666;}
.main_8 a:hover{ color:#0bb9f8;  cursor:pointer;}



/*产品主页面*/
.pro_main_list{ width:1200px; margin:80px auto 0 auto;}
.pro_main_list .pro_main_list_1{ width:284px; height:355px; overflow:hidden;border:1px solid #f5f5f5; margin: 0 18px 40px 0;float:left;}
.pro_main_list .pro_main_list_1:nth-child(4n){ margin-right:0;}
.pro_main_list .pro_main_list_1 span { heigt:70px; background-color:#f5f5f5; font-size:18px; color:#333; width:284px; padding:12px 0 6px 0;}
.pro_main_list .pro_main_list_1 span font{ color:#999; font-size:14px; padding-bottom:4px;}
.pro_main_list .pro_main_list_1:hover{border:1px solid #0bb9f8;}
.pro_main_list .pro_main_list_1:hover span{background-color:#0bb9f8;}
.pro_main_list .pro_main_list_1:hover p.colorStyle{color:white;}
.pro_main_list .pro_main_list_1:hover font{color:white;}

.pro_main_fun{ background-color:#fafafa; width:100%;}
.pro_main_fun .pro_main_3{ overflow:hidden;}
.pro_main_fun .pro_main_3 span{ margin:70px auto 30px auto;}
.pro_main_fun .pro_main_3 ul li font{ width:150px;text-align:center; display:inline-block; margin:20px 0 80px 0;}
.pro_main_fun .pro_main_3 ul li{ width:150px; float:left;  margin:0 auto;}

.pro_main_4 .pro_main_4_item{ overflow:hidden; margin:40px auto;}
.pro_main_4 .pro_main_4_item ul li{ width:224px; margin-right:20px; float:left;}
.pro_main_4 .pro_main_4_item ul li:nth-child(5){ margin-right:0;}
.pro_main_4 .pro_main_4_item ul li a{ width:224px; height:74px; background-color:#ea7232; font-size:24px; line-height:74px; color:white; text-align:center; display:inline-block;}
.pro_main_4 .pro_main_4_item ul li font{ height:150px; border: 1px solid #e6e6e6; border-top:none; display:inline-block; padding:30px 20px 0 20px; color:#666; line-height:36px; font-size:14px; text-align:left;}
.pro_main>div.main_7{ margin-top:0; }

.pro_main_5{ padding-top:50px;}
.pro_main_5 .pro_main_5_cont{ overflow:hidden; margin-top:70px;}
.pro_main_5 .pro_main_5_cont img{ margin:0 70px 120px 100px; float:left;}
.pro_main_5 .pro_main_5_cont a{ display:inline-block; float:left; border:1px solid #e6e6e6; border-radius:5px; height:170px; width:400px; margin:60px 0 0 20px;}
.pro_main_5 .pro_main_5_cont a b{ margin:0 30px 0 20px;float:left; width:80px; height:170px; display:inline-block;background:url(../img/pro_ico_tiyan.png) no-repeat center center;}
.pro_main_5 .pro_main_5_cont a font{ width:270px; display:inline-block; text-align:left; color:#8d9399;}
.pro_main_5 .pro_main_5_cont a font.title{ color:#5f6367; font-size:30px; line-height:60px; padding-top:34px;}
.pro_main_5 .pro_main_5_cont a:hover{border:1px solid #0bb9f8;}
.pro_main_5 .pro_main_5_cont a:hover font.title{ color:#0bb9f8;}
.pro_main_5 .pro_main_5_cont a:hover b{ background-image:url(../img/pro_ico_tiyan_hover.png);}
/*2018-12-27 产品更新为大图*/
.chanpin{ position:relative; left:50%; width:1920px; margin-left:-960px;}
.chanpin img{ display:block;}


/*服务*/
.serve_main_1_cont{ text-align:left;  }
.serve_main_1 .serve_main_1_cont p.text-color{ overflow:hidden; margin-top:50px;}
.serve_main_1 .serve_main_1_cont p.text-color span{ font-size:18px; color:#000; height:260px; float:left; padding-top:120px; line-height:36px;}
.serve_main_1 .serve_main_1_cont p.text-color span a{ font-size:16px; color:#4c4c4c;}
.serve_main_1 .serve_main_1_cont p.text-color span a font{ color:red;}
.serve_main_1 .serve_main_1_cont p.text-color b{ background:url(../img/serve_img_chanpin.jpg) no-repeat; width:660px; height:350px; display:inline-block; float:left;}
.serve_main_1 .serve_main_1_cont p.text-color1{ color:#4c4c4c; font-size:14px; line-height:30px;}
.serve_main_1 .serve_main_1_cont p.text-color1 a{ font-size:16px;}

.serve_main_2_cont{ overflow:hidden;margin-top:70px;}
.serve_main_2_cont_box{width:358px; margin-right:60px; border:solid 1px #0bb9f8; float:left;}
.serve_main_2_cont_box:nth-child(3){margin:0;}
.serve_main_2_cont_box .top_box{width:360px;  background-color:#0bb9f8; height:200px; display:table-cell; vertical-align:middle;}
.serve_main_2_cont_box .bom_box{ height:200px;}
.serve_main_2_cont_box .bom_box p{ width:360px; text-align:center;  padding:48px 0 20px 0; font-size:30px; color:#333;}
.serve_main_2_cont_box .bom_box a{ width:280px;  text-align:left; font-size:18px; color:#999999; line-height:30px; display:inline-block;}
.serve_main_2_cont_text{ color:#4c4c4c; font-size:14px; line-height:30px; text-align:left; padding-top:420px;}

.serve_main_3{ margin-bottom:60px;}
.serve_main_3_cont{ overflow:hidden; margin-top:70px;}
.serve_main_3_cont_1{ width:880px; height:220px; border:solid 4px #f5f5f5;overflow:hidden; float:left;}
.serve_main_3_cont_1 div{ margin-left:46px; text-align:left; float:left;}
.serve_main_3_cont_1 img{ float:right; margin:20px 90px 0 0;}
.serve_main_3_cont_1 div p{ font-size:36px; color:#333; padding:40px 0 20px 0;}
.serve_main_3_cont_1 div a{ font-size:18px; color:#666; line-height:30px;}
.serve_main_3_cont_2{ float:right; margin:70px auto; }

.serve_about{margin: 20px 0; }
.serve_about p{font-size: 16px;   color: #333; line-height: 36px; text-align:left; padding-bottom: 10px;}


/*体验*/
.exp_banner{ overflow:hidden; position:relative;}
.exp_banner div{ position:absolute; top:40px;left:22%; color:white;}
.exp_banner div p{ font-size:42px; line-height:80px; font-weight:bold;}
.exp_banner div font{color:#d5e9ff; font-size:20px; margin-bottom:44px;}
.exp_banner div a{ width:160px; height:36px; line-height:36px; border:1px solid #83cdfb; font-weight:400; display:inline-block; text-align:center;margin-top:30px; color:#d5e9ff;}
.exp_banner div a:hover{ background-color:white; color:#0aa6f7; cursor:pointer;}

.experience_main_1{ width:1200px; margin:100px auto; overflow:hidden;}
.experience_main_1 a{ display:inline-block; border:1px solid #e6e6e6; border-radius:5px; height:170px; width:400px; margin:60px 0px 0 135px;}
.experience_main_1 a:nth-child(2){ margin-right:0;}
.experience_main_1 a b{ margin:0 30px 0 20px;float:left; width:80px; height:170px; display:inline-block;background:url(../img/pro_ico_tiyan.png) no-repeat center center;}
.experience_main_1 a:nth-child(2) b{background:url(../img/experience_ico_tiyan.png) no-repeat center center;}
.experience_main_1 a font{ width:270px; display:inline-block; text-align:left; color:#8d9399;}
.experience_main_1 a font.title{ color:#5f6367; font-size:30px; line-height:60px; padding-top:34px;}
.experience_main_1 a:hover{border:1px solid #0bb9f8;}
.experience_main_1 a:hover font.title{ color:#0bb9f8;}
.experience_main_1 a:hover b{ background-image:url(../img/pro_ico_tiyan_hover.png);}
.experience_main_1 a:nth-child(2):hover b{ background-image:url(../img/experience_ico_tiyan_hover.png)}

.experience_main_3 img{ margin:70px 0 100px 0;}

.experience_main_4{ height:600px; width:100%; overflow:hidden; background-color:#fafafa;}
.experience_main_4>div{ width:1200px; margin:0 auto; text-align:left;}
.experience_main_4>div>div{ float:left; margin:250px 0 0 40px;}
.experience_main_4>div>div p{ font-size:36px; line-height:72px;}
.experience_main_4>div>div font{ font-size:18px; line-height:36px; color:#666;}
.experience_main_4 img{ float:right; margin-top:70px;}

.experience_main_5{ background-color:#0bb9f8; height:600px;}
.experience_main_5 div{ width:1500px; margin:0 auto;}
.experience_main_5 div p{ width:100%; text-align:center; font-size:24px; color:white; padding:60px 0 20px 0;}

.experience_main_6{ height:600px; width:100%; overflow:hidden; }
.experience_main_6>div{ width:1200px; margin:0 auto; text-align:left;}
.experience_main_6>div>div{ float:right; margin:230px 240px 0 0;}
.experience_main_6>div>div p{ font-size:30px; line-height:50px;}
.experience_main_6>div>div font{ font-size:18px; line-height:36px; color:#666;}
.experience_main_6 img{ float:left; margin:140px 0 0 230px;}

.experience_main_7{ height:600px; width:100%; overflow:hidden; background-color:#fafafa;}
.experience_main_7>div{ width:1200px; margin:0 auto; }
.experience_main_7>div>div{ float:left; margin:140px 0 0 0; text-align:center; background:url(../img/experience_img_2weima.png) no-repeat center top; padding-top:260px;}
.experience_main_7>div>div p{ font-size:30px; line-height:50px;}
.experience_main_7>div>div p span{ width:264px;}
.experience_main_7>div>div font{ font-size:18px; line-height:36px; color:#666;}
.experience_main_7 img{ float:right; margin:50px 120px 0 0px;}


/*注册*/
.login_main_box{ width:1200px; margin:0 auto;height:180px; }
.login_main_box_step{ background:url(../img/login_1.jpg) no-repeat left center; height:46px;  margin:50px 0 30px 0; }
.login_main_box_step1{ background:url(../img/login_2.jpg) no-repeat left center;} /**/
.login_main_box_step p a{ display:inline-block; width:320px; text-align:center;color:#999; font-size:16px;line-height:46px;}
.login_main_box_step p a:nth-child(1){ color:#fff;}
.login_main_box_step span{ font-size:14px; color:#333; display:block; padding-left:60px; margin-top:30px;}
.login_main_box_step span a{ color:red;}
.login_main_box_step font{ width:1120px; padding-bottom:10px; font-weight:bold; font-size:16px; color:#38adff; border-bottom:1px dashed #38adff; display:inline-block; padding-left:20px; margin:30px 0 20px 20px;}
/*input*/
.login_main_from{ width:1200px; margin:0 auto; padding-left:100px;}
.login_main_from form ul li{ margin-bottom:20px; line-height:34px;}
.login_main_from form ul{ margin-bottom:70px;}
.login_main_from form ul li>font{ font-size:16px; text-align:right; color:#666666; display:inline-block; width:90px; margin-right:6px;}
.login_main_from form ul li input{ border-color:1px solid #cccccc; height:30px; width:400px; padding-left:10px; font-size:14px; line-height:16px; color:#333;}
.login_main_from form ul li input:hover{ border:1px solid #38adff; width:402px; height:32px;}

.login_main_from form ul li input.dianhua:hover{ width:98px;}
.login_main_from form ul li input.dianhua1:hover{ width:282px;}
.login_main_from form ul li input.yanzheng{ width:200px; margin-left:-4px; margin-right:4px;}
.login_main_from form ul li input.yanzheng1{ margin-left:0;}
.login_main_from form ul li input.yanzheng:hover{ width:202px;}
.login_main_from form ul li b{ width:190px; display:inline-block; height:34px; background-color:#fff200; color:red; font-size:14px; letter-spacing:8px; text-align:center;}
.login_main_from form ul li span{ color:#999; font-size:12px;}
.login_main_from form ul li span font{ color:red; padding:0 10px; display:inline-block; width:10px;}
.login_main_from form ul li span a{ color:#999; }
.login_main_from form ul li span a:hover{ color:#38adff; cursor:pointer;}
.login_main_from form ul li .button{ width:414px;  border:none; color:white; background-color:#19c9ff;outline:none; height:40px; font-size:16px; border-radius:5px; margin:10px 0 0 0;}
.login_main_from form ul li .button:hover{width:414px; border:none; height:40px; background-color:#0080ff; cursor:pointer; }
.login_main_from form ul>span{ padding-left:96px; display:block;height:22px; margin-top:-10px; color:red;}
.login_main_from form ul>span font{ display:none;}
/*省市*/
.floatingFrame .floatingFrameContent .panelContents label{display:inline-block;float:left;width:90px;margin-right:6px;text-align:right;color:#646566;font-size:16px;}
.floatingFrame .floatingFrameContent .panelContents input{width:190px;padding-left:6px;line-height:34px;font-size:16px;border:1px solid #b3b3b3;}
.floatingFrame .floatingFrameContent .panelContents div div{width:150px;float:left;position:relative;}
.floatingFrame .floatingFrameContent .panelContents div div a{display:inline-block;position:relative;width:100%;height:32px;line-height:34px;padding-left:6px;border:1px solid #b3b3b3;cursor:pointer;}
.floatingFrame .floatingFrameContent .panelContents div div a:hover{border:1px solid #38adff;}
.floatingFrame .floatingFrameContent .panelContents div div a img{position:absolute;right:10px;top:12px;}
.floatingFrame .floatingFrameContent .panelContents ul{z-index:30;display:none;position:absolute;left:0;top:32px;width:166px;border:1px solid #b3b3b3;background:#fff;}
.floatingFrame .floatingFrameContent .panelContents ul:hover{ border:1px solid #38adff;}
.floatingFrame .floatingFrameContent .panelContents ul.scrollListStyle{height:240px;overflow-y:scroll;overflow-x:hidden;}
.floatingFrame .floatingFrameContent .panelContents ul li{padding-left:6px;line-height:40px;color:#666;cursor:pointer;  margin:0;}
.floatingFrame .floatingFrameContent .panelContents ul li:hover{color:#000;background:#f5f5f5;}



/*注册完成*/
.login-ok_main_from ul{ margin-bottom:70px;}
.login-ok_main_from ul li a{ font-size:16px; color:#333;}

/*留言板word*/
.word_main_box{ width:1200px; margin:0 auto;height:80px; }
.word_main_title font{ width:1120px; padding-bottom:10px; font-weight:bold; font-size:16px; color:#38adff; border-bottom:1px dashed #38adff; display:inline-block; padding-left:20px; margin:30px 0 20px 20px;}
.login_main_from form ul li textarea:hover{ border:1px solid #38adff; }

/*合作business*/
.business_main_flex{ display:flex;flex-wrap: wrap; margin-top:70px;}
.business_main_flex div{ width:400px; height:260px; background-color:#f6f8f8;}
.business_main_flex div:nth-child(even){ background-color:#fff;}
.business_main_flex div b{ width:90px; height:74px; margin:40px auto 0 auto; display:block;}
.business_main_flex div font{ font-size:14px; color:#666;}
.business_main_flex div p{ padding:26px 0 20px 0; font-size:16px; font-weight:bold;}
.business_main_flex div .b1{ background-image:url(../img/business_icon_1.png);}
.business_main_flex div .b2{ background-image:url(../img/business_icon_2.png);}
.business_main_flex div .b3{ background-image:url(../img/business_icon_3.png);}
.business_main_flex div .b4{ background-image:url(../img/business_icon_4.png);}
.business_main_flex div .b5{ background-image:url(../img/business_icon_5.png);}
.business_main_flex div .b6{ background-image:url(../img/business_icon_6.png);}
.business_main_flex div:hover .b1{ background-image:url(../img/business_icon_7.png);}
.business_main_flex div:hover .b2{ background-image:url(../img/business_icon_8.png);}
.business_main_flex div:hover .b3{ background-image:url(../img/business_icon_9.png);}
.business_main_flex div:hover .b4{ background-image:url(../img/business_icon_10.png);}
.business_main_flex div:hover .b5{ background-image:url(../img/business_icon_11.png);}
.business_main_flex div:hover .b6{ background-image:url(../img/business_icon_12.png);}
.business_main_flex div:hover{ background-color:#0bb9f8; color:#fff;}
.business_main_flex div:hover font{ color:#fff;}

.business_main_flex_2{ display:flex; margin:50px 0 70px 0; justify-content:space-between; color:#fff;}
.business_main_flex_2 div{ width:224px; height:224px; display: flex; justify-content: center;align-items: center;  }
.business_main_flex_2 div.bg1{ background-image:url(../img/business_img_1.jpg);}
.business_main_flex_2 div.bg2{ background-image:url(../img/business_img_2.jpg);}
.business_main_flex_2 div.bg3{ background-image:url(../img/business_img_3.jpg);}
.business_main_flex_2 div.bg4{ background-image:url(../img/business_img_4.jpg);}
.business_main_flex_2 div.bg5{ background-image:url(../img/business_img_5.jpg);}
.business_main_flex_2 div p{ font-size:20px; line-height:36px; background-color:rgba(13,86,251,0.3); text-align:center; border-radius:16px; ; width:150px;}
.business_main_flex_2 div ul{ background-color:rgba(13,86,251,0.4); font-size:16px; text-align:center; border-radius:5px; padding:14px 24px; line-height:30px;display:none;}
.business_main_flex_2 div:hover p{ display:none;}
.business_main_flex_2 div:hover ul{ display:block;}

.business_main_call{ background-image:url(../img/business_img_6.jpg); width:100%; height:500px; margin-bottom:50px; opacity:0.8; position:relative;}
.business_main_call div{ background-color:rgba(171,182,187,05); height:210px; width:460px; border-radius:5px; color:#fff;line-height:36px; position:absolute; top:138px; left:20%;}
.business_main_call div p{ font-size:18px; padding:30px 0 0 30px;}
.business_main_call div font{ font-size:14px; display:block; margin-left:30px;}
/*产品*/
.product_content_main{ width:100%;}
.product_content_main .intro{ width:1120px; margin:0 auto; margin-top:50px; overflow:hidden;}
.product_content_main .intro img{ float:left;}
.product_content_main .intro div.text{ width:480px; float:left; margin:50px 0 0 50px;}
.product_content_main .intro div.text h3{ width:480px; text-align:center; color:#666;}
.product_content_main .intro div.text font{ text-align:left; display:block; font-size:14px; color:#666; line-height:28px; padding-top:20px;}
.product_content_main .intro div.img{ margin:0 auto; padding-top:40px; overflow:hidden; width:1120px;}
.product_content_main .intro div.img img{ float:left; margin:0 15px;}
.product_content_main .intro div.img img:nth-child(4){ margin-right:0;}
.product_content_main .intro div.img img{ border-radius:5px; border:1px solid #99e4ff;}
.product_content_main .item_1{width:1140px; margin:30px auto; font-size:14px;}
.product_content_main .item_1 h4{ padding:0 0 10px 20px; color:#4ccfff; border-bottom: 1px dashed #80ddff;}
.product_content_main .item_1 p{ padding:10px 0 0 30px; line-height:36px; font-size:14px; color:#666;}
.item_1 table{ margin:20px 0 0 30px; text-align:left;  line-height:40px; color:#666;  border-collapse: collapse; width:1080px;}
.item_1 table,.item_1 table tr th,.item_1 table tr td{border:1px solid #f5f5f5;padding-left:10px;}
.item_1 table tr th{ background-color:#f5f5f5; height:50px; line-height:50px;}
.item_position{ position:relative;}
.item_position img{ position:absolute; top:80px; left:460px;}

/*案例1*/
.case{ width:1200px; margin:0 auto;}
.case_main{ width:100%; text-align:center; margin-bottom:60px;}
.case_main p.text{ font-size:16px; line-height:30px; border: 2px solid #ccc; padding:30px; margin:30px 0; color:#666; text-align:left;}
.case_main div.title{ position:relative; margin:30px 0;}
.case_main div.title b{ width:20px; height:50px; background-color:#fff; border-left:2px solid #1599e4; display:inline-block;  transform:rotate(45deg); position:absolute; left:-10px; top:-25px;}
.case_main div.title p{ background-color:#1599e4; text-align:left; font-size:16px; font-weight:bold; padding-left:20px; color:#fff; line-height:40px;}
/*服务条款*/
.tos .tos-main{ margin:40px auto; width:1100px;}
.tos .tos-main h4{ color:#005c99; font-size:16px; line-height:32px;}
.tos .tos-main h5{ color:#333; font-size:14px; line-height:28px;}
.tos .tos-main p{ color:#666; line-height:28px; font-size:14px; }
.tos .tos-main span{ color:#005c99; line-height:28px; font-size:14px; }