@charset "utf-8";
body {margin:0; font-size:14px; font-family:'Microsoft YaHei','lucida Grande',verdana; color:#333; min-width: 1200px;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, img, fieldset, input, p, blockquote, table, th, td, embed, object {padding:0; margin:0;}
ul,li {list-style:none;}
h1, h2, h3, h4, h5, h6 {font-size: 1.0em;}  
.clear,.cl{clear: both;} 
img{border: none;}
a{text-decoration: none; color: #222222}
.fl{float: left;}
.fr{float: right;}
.w1200{ width: 1300px; margin: 0 auto }
.w980{ width: 980px; margin: 0 auto }

.imgaaaaa{opacity: 0.7;filter: alpha(opacity=70);transition:all 1.2s linear;-moz-transition:all 1.2s linear;-o-transition:all 1.2s linear;-webkit-transition:all 1.2s linear; -webkit-transform:scale(1.12);-moz-transform:scale(1.12);-o-transform:scale(1.12);-m-transform:scale(1.12);transform:scale(1.12);}

.h5{ height: 5px; }
.h10{ height: 10px; }
.h15{ height: 15px; }
.h20{ height: 20px; }
.h30{ height: 30px; }
.h40{ height: 40px; }
.h50{ height: 50px; }
.h60{ height: 60px; }
.h70{ height: 70px; }

.top_info{ height: 40px; background: #f5f5f5; border: 1px solid #e4e4e4 }
.top_info_l{ line-height: 40px; color: #333333; width: 500px; }
.top_info_r{ line-height: 40px; color: #333333; width: 500px; }

.top{ padding: 10px 0px; }
.top_l{ width: 200px; }
.top_m{ margin-top: 10px; font-size: 18px; padding-left: 35px; border-left: 1px solid #999999; width: 380px; }
.top_m span{ font-size: 24px; color: #3765f6 }
.top_r{margin-top: 10px; width: 320px }
.top_r01{ margin-right: 15px; margin-top: 5px }
.top_r02{ font-size:18px; color: red;  }
.top_r02 span{ font-size:30px; color: red; font-weight: bold; display: block; font-family: Arial;  }



.search{ height: 30px; width: 333px; height: 50px; border:2px solid #3765f6; margin: 0 auto; margin-top: 20px; float: left; }
.search input{display: inline-block;border:none; font-size: 15px; }
.search_input{ width: 243px; height: 40px; line-height: 36px; padding: 5px 10px; }
.search_sub{ background: #3765f6; width: 69px; height: 50px; font-size: 14px; color: #FFF; float: right;}



.menu{ background: url(./../images/menubg.jpg) no-repeat center; height: 70px; }
.all_menu{ width: 210px; background: url(./../images/b_menu.jpg) no-repeat center left; font-size: 18px;  }
.menu ul{ padding-top: 10px; }
.menu li{ float: left; padding: 0px 20px; line-height: 60px;  }
.menu li a{ font-size: 18px; color: #FFF;  }




.banner_index{ background: url(./../images/banner.jpg) no-repeat center top; height: 658px; }
.banner_icp{ background: url(./../images/banner_icp.jpg) no-repeat center top; height: 437px; }
.banner_wlwh{ background: url(./../images/banner_wlwh.jpg) no-repeat center top; height: 437px; }
.banner_gbds{ background: url(./../images/banner_gbds.jpg) no-repeat center top; height: 437px; }
.banner_yp{ background: url(./../images/banner_yp.jpg) no-repeat center top; height: 437px; }
.banner_edi{ background: url(./../images/banner_edi.jpg) no-repeat center top; height: 437px; }
.banner_news{ background: url(./../images/banner_news.jpg) no-repeat center top; height: 300px; }


.c_title01{ text-align: center; color: #000000; font-size: 35px;font-weight: bold; }
.c_title01 span{ text-align: center; color: #3765f6; font-size: 35px;font-weight: bold;}
.c_title02{ text-align: center; background: url(./../images/ico01.png) no-repeat center center; height: 20px;    }
.c_title03{ text-align: center; color: #333333; font-size: 16px; }


.c_title04{ font-size: 24px;  padding: 30px; font-family:'Microsoft Yahei', "微软雅黑"; font-weight: 400; }
.c_title04 span{ color: #FFF; text-align: center; display: inline-block; padding: 0px 15px; line-height: 72px; width: 72px; font-weight: bold; background: url(./../images/c_title02.jpg) no-repeat center; margin-right: 15px; }
.c_title05{ font-size: 24px;  padding: 30px; font-family:'Microsoft Yahei', "微软雅黑"; font-weight: 400; color: #1f86c1; text-align: center; }



.c_title_icp_01{ text-align: center; color: #000000; font-size: 35px;font-weight: bold; }
.c_title_icp_01 span{ text-align: center; color: #3765f6; font-size: 35px;font-weight: bold;}
.c_title_icp_02{ text-align: center; background: url(./../images/icp00.png) no-repeat center center; height: 20px;    }
.c_title_icp_03{ text-align: center; color: #333333; font-size: 16px; }


.c_title_yp_01{ text-align: center; color: #000000; font-size: 35px;font-weight: bold;  }
.c_title_yp_02{ text-align: center; background: url(./../images/y00.png) no-repeat center center; height: 20px; margin-top: 10px;  }
.c_title_yp_03{ text-align: center; margin-top: 10px;  }

.c_title_edi_01{ text-align: center; color: #000000; font-size: 35px;font-weight: bold;  }
.c_title_edi_02{ text-align: center; background: url(./../images/y00.png) no-repeat center center; height: 20px; margin-top: 10px;  }
.c_title_edi_03{ text-align: center; margin-top: 10px;  }


.server01{ background: url(./../images/ico03.jpg) no-repeat; height: 320px; width: 215px; padding: 20px; margin-right: 20px;}
.server01_a{ font-size: 24px;  color: #FFF; }
.server01_b{ font-size: 14px; color: #FFF; height: 200px; padding-top: 10px;  }
.server01_c{ text-align: left; font-size: 18px; color: #FFF; }

.server02{ height: 170px; width: 475px; margin-right: 20px;}
.server02_t{ height: 130px; width: 435px; background: url(./../images/ico04.jpg) no-repeat; margin-bottom: 20px; padding: 20px; }
.server02_t01{ padding: 40px 0px 0px 100px; font-size: 24px; color: #FFF; }
.server02_t01 a{ font-size: 24px; color: #FFF; }
.server02_t02{ text-align: right; font-size: 16px; color: #FFF;padding-right: 80px; margin-top: 10px; }


.server02_b{ height: 170px; width: 475px; padding:  }
.server02_b01{ height: 130px; width: 187px; padding: 20px; background: url(./../images/ico05.jpg) no-repeat; margin-right: 20px;}
.server02_b01_a{ padding-top: 30px; padding-left: 30px; font-size: 24px; font-weight: 500; color: #FFF; }
.server02_b01_a a{ font-size: 24px; font-weight: 500; color: #FFF; }
.server02_b01_b{ text-align: right; color: #FFF; padding-top: 30px; padding-right: 20px; }

.server02_b02{ height: 130px; width: 187px; padding: 20px; background: url(./../images/ico06.jpg) no-repeat; }
.server02_b02_a{ padding-top: 30px; padding-left: 30px; font-size: 24px; font-weight: 500; color: #FFF; }
.server02_b02_a a{  font-size: 24px; font-weight: 500; color: #FFF; }
.server02_b02_b{ text-align: right; color: #FFF; padding-top: 30px; padding-right: 20px; }

.server03{ background: url(./../images/ico07.jpg) no-repeat; height: 320px; width: 215px; padding: 20px; margin-right: 20px;}
.server03_a{ font-size: 24px;  color: #FFF; }
.server03_b{ font-size: 14px; color: #FFF; height: 200px; padding-top: 10px;  }
.server03_c{ text-align: left; font-size: 18px; color: #FFF; }


.server04{  height: 360px; width: 255px;  }
.server04_t{ height: 190px; }
.server04_t img{ border-radius: 10px; }
.server04_t p{ font-size: 18px; color: #666666; }
.server04_b{ height: 160px; }
.server04_b img{ border-radius: 10px; }
.server04_b p{ font-size: 18px; color: #666666; }
.server_hr{ width: 40px; height: 1px ; background: #FFF; border: none; display: inline-block; }

.solution{ background: url(./../images/ico11.jpg) no-repeat top center ; height: 728px; }
.solution_left{ width: 600px; text-align: center; }
.solution_right{ width: 600px; }
.solution_right ul li{ height: 80px; padding-left: 100px; margin-top: 20px;}
.solution_right01{ font-size: 24px; color: #FFF; font-weight: 500; }
.solution_right02{ font-size: 16px; color: #FFF; margin-top: 10px; }

.advantage{}
.advantage li{ width: 300px; height:410px; border: 1px solid #999999; border-radius: 8px; float: left; margin-right: 23px;  }
.advantage01{  border-radius: 8px; }
.advantage01 img{  border-radius: 8px; }
.advantage02{ font-size: 30px; text-align: center; padding: 0px 10px; margin-top: 20px; }
.advantage03{ padding: 0px 15px; color: #8e8e8e ; font-size: 14px;  margin-top: 20px;}
.advantage04{ width: 150px; height: 50px; margin: 0 auto; border: 1px solid #666666; border-radius: 5px; text-align: center; line-height: 50px; font-size: 16px; margin-top: 20px; }
.advantage li:hover { border: 1px solid #3765f6; }
.advantage li:hover .advantage04{ border: 1px solid #3765f6; }
.advantage li:hover .advantage04{ border: 1px solid #3765f6; background: #3765f6 }
.advantage li:hover .advantage04 a{ display: block; text-align: center; color: #FFF; background: #3765f6 }



.index-news { 
 height:auto;
 width:100%;
 overflow:hidden;
 padding-bottom:40px
}
.index-news .fl {
 width:675px
}
.index-news .fr {
 width:500px
}
.index-news .fr .tit {
 font-size:14px;
 color:#999
}
.index-news .fr .tit span {
 font-weight:700;
 font-size:20px;
 color:#333;
 margin-right:15px
}
.index-news .fr .tit em {
 float:right;
 margin-top:4px
}
.index-news .fr .gun-news {
 padding-top:20px
}
.index-news .fr .gun-news ul li {
 padding:20px 0;
 border-bottom:1px solid #ccc
}
.index-news .fr .gun-news h2 {
 background:url(./../images/wen.jpg) no-repeat left bottom;
 font-size:14px;
 font-weight:700;
 line-height:29px;
 height:29px;
 display:block;
 padding-left:30px
}
.index-news .fr .gun-news p {
 background:url(./../images/da.jpg) no-repeat left top;
 font-size:14px;
 line-height:26px;
 display:block;
 padding-left:30px
}
.tab-news .hd {
 float:left;
 display:inline;
 width:125px;
 margin-right:20px
}
.tab-news .hd ul li {
 width:75px;
 height:164px;
 background:#1069ac;
 margin-bottom:1px;
 padding:25px
}
.tab-news .hd ul li h3 {
 font-size:14px;
 padding-top:15px;
 color:#fff
}
.tab-news .hd ul li h3 span {
 font-size:18px;
 font-weight:700;
 padding-bottom:5px;
 display:block;
 color:#fff
}
.tab-news .hd ul li .more {
 padding:3px 5px;
 border:1px solid #fff;
 text-align:center;
 margin-top:15px
}
.tab-news .hd ul li .more a {
 color:#fff
}
.tab-news .hd ul li.on {
 background:#0989ea
}
.tab-news .bd {
 float:left;
 display:inline;
 width:520px
}
.tab-news .bd dl {
 width:490px;
 height:165px;
 background:#f8f8f8;
 padding:15px
}
.tab-news .bd dl dt {
 float:left;
 display:inline
}
.tab-news .bd dl dd {
 float:right;
 display:inline;
 width:257px
}
.tab-news .bd dl dd .date {
 font-size:18px;
 color:#3765f6;
 font-weight:700
}
.tab-news .bd dl dd .date span {
 display:block;
 font-size:12px
}
.tab-news .bd dl dd h4 {
 font-weight:700;
 font-size:16px;
 padding:5px 0
}
.tab-news .bd dl dd p {
 line-height:25px
}
.tab-news .bd dl dt img {
 width:220px;
 height:162px
}
.tab-news .bd ul {
 padding-top:15px
}
.tab-news .bd ul li {
 line-height:40px
}
.tab-news .bd ul li span {
 float:right
}
.tab-news .bd ul li a:before {
 content:"●";
 font-size:12px;
 margin-right:7px;
 color:#3765f6
}


.hzlc{ height: 667px; background:url(./../images/ico14.jpg) no-repeat; }
.hzlc01{ padding-top: 90px; }
.hzlc01 ul li{ width: 300px; text-align: center; float: left; }
.hzlc01_a{ width: 100px; height: 100px; border-radius: 50px; background: #3765f6; font-size: 48px; text-align: center; line-height: 100px; color: #FFF; display: inline-block; }
.hzlc01_b{ margin-top: 20px; height: 50px; }
.hzlc01_c{ margin-top: 20px; font-size: 30px; color: #FFF }
.hzlc01_d{ margin-top: 20px; font-size: 16px; color: #FFF }
.hzlc01 ul li:hover .hzlc01_a { background: #FFF; color: #3765f6 }





.partners{ background: url(./../images/ico16.jpg) no-repeat center top; height: 689px; }


.bottom{ height: 250px; background: #0b131e;  padding-top: 50px; }
.bottom ul li{ width: 200px; text-align: center; float: left; }
.bottom_t{ font-size: 18px; color: #FFF; }
.bottom_b a{ font-size: 14px; color: #FFF; display: block; line-height: 30px }

.bottom_l{  width: 800px; }
.bottom_m{ width: 180px; text-align: center; }
.bottom_m01{ color: #FFF; margin-bottom: 10px; }
.bottom_m02{ color: #FFF; }

.bottom_r{  width: 220px; text-align: center; }


.bottom_r01{ }
.bottom_r02{ font-size: 24px; color: #FFF;  }
.bottom_r03{ font-size: 14px;color: #999999;  }
.bottom_r04{ height: 1px; background: url(./../images/ico18.jpg) no-repeat center; }
.bottom_r05{ font-size: 14px;color: #999999; }
.links{ font-size: 14px; color: #FFF; }
.links a{ font-size: 14px; color: #FFF; }

.bottom02{ padding: 20px 0px ; background: #040d19; color: #FFF; text-align: center; }
.bottom02 a{  color: #FFF; }

.online{ position: fixed; height: 100px; z-index: 99999; bottom: 0px;width: 100%;background: url(./../images/online-bj.png) no-repeat top left; }
.online01{ float: left; margin-top: -20px; margin-left: 20px;  margin-right: 15px;}
.online02{ width: 190px; height: 40px; color: #999999; display: block; float: left; margin-right: 15px; border: none; padding: 3px; }
.online03{ width: 140px; height: 45px;background: #ff7d09; font-size: 24px; color: #FFF; line-height: 45px; text-align: center; float: left; margin-right: 15px; cursor: pointer;}
.online04{ padding-top: 5px; cursor: pointer; width: 34px; float: left; }


.icp01{ background: #f3f3f3; }
.icp01_l{ width: 500px; padding-left: 50px; }
.icp01_a{ background: url(./../images/icp01.png) no-repeat 0px 0px; height: 70px;  padding-left: 90px; line-height: 70px; font-size: 25px; color: #333; margin-bottom: 50px; margin-top: 30px;}
.icp01_b{ background: url(./../images/icp01.png) no-repeat  0px -120px; height: 70px;  padding-left: 90px; line-height: 70px; font-size: 25px; color: #333; margin-bottom: 50px;   }
.icp01_c{ background: url(./../images/icp01.png) no-repeat  0px -240px; height: 70px;  padding-left: 90px; font-size: 25px; color: #333;  }

.icp01_a:hover{ color: #3765f6 }
.icp01_b:hover{ color: #6a3dff }
.icp01_c:hover{ color: #f38021 }

.icp01_r{ width:750px; text-align: center;  }
.ljzx{ height:50px; text-align: center; width: 210px; line-height: 50px; text-align: center; background: #6a70e2; font-size: 18px; color: #FFF; border-radius: 25px;  }
.ljzx a{display: inline-block; font-size: 18px; color: #FFF;  }


.icp_what{ background: url(./../images/icp03.jpg) center top; height: 775px; }
.icp_what_img{ text-align: center; }
.icp_what_b ul li{height: 80px;  width: 320px; padding: 10px 20px; border-radius: 8px; background: #FFF; border: 2px solid #CCC;   }
.icp_what_b ul li div{font-size: 24px; }
.icp_what_b ul li p{font-size: 14px; }
.icp_what_b01:hover { border: 2px solid #3765f6;   }
.icp_what_b01:hover div{ color: #3765f6;   }
.icp_what_b01:hover p{ color: #3765f6;   }
.icp_what_b02:hover { border: 2px solid #af51ff;   }
.icp_what_b02:hover div{ color: #af51ff;   }
.icp_what_b02:hover p{ color: #af51ff;   }
.icp_what_b03:hover { border: 2px solid #ff8a00;   }
.icp_what_b03:hover div{ color: #ff8a00;   }
.icp_what_b03:hover p{ color: #ff8a00;   }
.icp_what_b04:hover { border: 2px solid #1690e6;   }
.icp_what_b04:hover div{ color: #1690e6;   }
.icp_what_b04:hover p{ color: #1690e6;   }
.icp_what_b05:hover { border: 2px solid #eb500c;   }
.icp_what_b05:hover div{ color: #eb500c;   }
.icp_what_b05:hover p{ color: #eb500c;   }

.icp_whoicp_who{ background: #f3f3f3 }
.icp_whoicp_who li{ width: 300px; height: 210px; padding-top: 20px; background: #FFF; margin-right: 33px; margin-bottom: 33px; float: left; border-radius: 8px;  }

.icp_who01{ width: 100px; height: 100px; margin: 0 auto; border-radius: 50px; background: #eaeaea; text-align: center; line-height: 100px; font-size: 30px;}
.icp_who01 span{ font-size: 50px; color: #3765f6;  }
.icp_who02{ font-size: 24px; color: #3765f6; text-align: center;  margin-top: 10px; }
.icp_who03{ text-align: center; font-size: 18px; margin-top: 10px; }

.icp_why ul li{ width: 403px; float: left; margin-right: 45px; }
.icp_why01{ border-radius: 8px; }
.icp_why02{ font-size: 24px; color: #333333; margin-top: 10px; text-align: center; }
.icp_why03{ font-size: 16px; color: #666666; margin-top: 10px; }

.icp_how{background: url(./../images/icp09.jpg) no-repeat center; height: 825px;}
.icp_how01 li{ width: 210px; float: left; }
.icp_how02{ text-align: center; }
.icp_how02 img{ border-radius: 75px; }
.icp_how03{ text-align: center; font-size: 15px; color: #FFF; }

.icp_how01 li:hover .icp_how03{ color: #3765f6 }



.sqcl01 li{ width: 145px; height: 275px; float: left; padding: 40px 20px 0px 20px }
.sqcl02{ font-size: 20px; color: #FFF; height: 180px; text-align: center; }
.sqcl03{ font-size: 36px; color: #FFF; text-align: center; }

.sqcl01_a{ background: url(./../images/icp50.png) no-repeat top center; }
.sqcl01_b{ background: url(./../images/icp51.png) no-repeat top center;  }
.sqcl01_c{ background: url(./../images/icp52.png) no-repeat top center;  }
.sqcl01_d{ background: url(./../images/icp53.png) no-repeat top center;  }
.sqcl01_e{ background: url(./../images/icp54.png) no-repeat top center;  }
.sqcl01_f{ background: url(./../images/icp55.png) no-repeat top center;  }
.sqcl01_g{ background: url(./../images/icp56.png) no-repeat top center;  }

.blcl{ background: url(./../images/icp15.jpg) no-repeat top center; height: 563px; }
.blcl_left{ width: 600px; }
.blcl_right{ width: 600px; }

.blcl_left01,.blcl_right01{ font-size: 35px; text-align: center; color: #FFF; padding-top: 40px;  }
.blcl_left02{ padding: 20px ; color: #FFF;font-size: 16px;  line-height: 30px;}
.blcl_left02 a{ color: #FFF; font-size: 16px; display: inline-block; margin-right: 10px;}
.blcl_right02{ padding: 20px 60px; color: #FFF; font-size: 16px; line-height: 30px;}
.blcl_right02 a{ color: #FFF; font-size: 16px; display: inline-block; margin-right: 10px;}

.icphzlc01{  }
.icphzlc01 ul li{ width: 200px; min-height: 270px; float: left; margin-left: 100px; text-align: center; }


.icphzlc01 ul li:hover .icphzlc02{  border: 3px solid #3765f6;}
.icphzlc01 ul li:hover .icphzlc02 span{ color: #3765f6;}
.icphzlc01 ul li:hover .icphzlc03{ color: #3765f6; }
.icphzlc01 ul li:hover .icphzlc04{ color: #3765f6; }



.icphzlc02{ width: 184px; height: 184px; border: 3px solid #333333; border-radius: 92px; text-align: center; line-height: 184px; margin: 0 auto }
.icphzlc02 span{  font-size: 80px;  }
.icphzlc03{ font-size: 24px; margin-top: 15px; }
.icphzlc04{ font-size: 16px; margin-top: 10px;  }

.icp05_a{ font-size: 18px; }
.icp05_l{width: 600px; }
.icp05_l li{ line-height: 35px; }
.icp05_r{width: 600px; }
.icp06_a{ background: url(./../images/icp30.jpg) no-repeat center top; height: 590px; }


.icp06_a_left{ width: 650px;  }
.icp06_a_left ul{ font-size: 18px; color: #333333; text-align: right;  padding-right: 100px; }
.icp06_a_left ul li{ font-size: 18px; color: #333333; text-align: right;}
.icp06_a_right{ width: 650px; }
.icp06_a_right ul{ font-size: 18px; color: #333333; text-align: left;  padding-left: 100px; }
.icp06_a_right ul li{ font-size: 18px; color: #333333; text-align: left;}
.icp06_b{ font-size: 24px; text-align: center;  }

.icp06_a ul li:hover{ color: #3765f6; }


.icp07{ background-color:#f7f5f2  }
.icp07_a{ background: url(./../images/icp31.png) no-repeat 0px  80px ;height: 200px; padding-top: 60px;}
.icp07_a ul li{ float: left; margin-left: 90px; text-align: center; width: 115px; }
.icp07_a ul li div{ width: 120px; height: 120px; border-radius: 60px; background: #FFF; margin-top: -40px; line-height: 120px; text-align: center; }
.icp07_a ul li div span{ font-size: 50px;  }
.icp07_a ul li p{ text-align: center; font-size: 16px; margin-top: 15px; }

.map{ height: 700px; background: url(./../images/map.jpg) top center; }


.wlwh01_a{ background: url(./../images/w01.jpg) no-repeat  center ; height: 300px; padding:0px 60px; }
.wlwh01_a ul li{ width: 350px; float: left; font-size: 18px; }
.wlwh01_a ul li span{ width: 50px; height: 50px; display: inline-block;  background: #fd1f2b; font-size: 20px; line-height: 50px; text-align: center; border-radius: 50px; color: #FFF; margin-right: 10px; }

.wlwh01_a01:hover {color: #fd1f2b}
.wlwh01_a02:hover {color: #6763ff}
.wlwh01_a03:hover {color: #aa74fc}
.wlwh01_a04:hover {color: #fb9a48}







.wlwh02{ background: #f3f3f3 }
.wlwh02_a li{ width: 300px; height: 210px; padding-top: 20px; margin-right: 33px; margin-bottom: 33px; float: left; border-radius: 8px;  }

.wlwh02_a_01{ width: 100px; height: 100px; margin: 0 auto; border-radius: 50px;  text-align: center; line-height: 100px; font-size: 30px;}
.wlwh02_a_01 span{ font-size: 50px; color: #3765f6;  }
.wlwh02_a_02{ font-size: 24px; color: #3765f6; text-align: center;  margin-top: 10px; }
.wlwh02_a_03{ text-align: center; font-size: 18px; margin-top: 10px; }

.w01 .wlwh02_a_02{ color: #3765f6; }
.w02 .wlwh02_a_02{ color: #af51ff; }
.w03 .wlwh02_a_02{ color: #f64437; }
.w04 .wlwh02_a_02{ color: #eb6125; }
.w05 .wlwh02_a_02{ color: #6a3dff; }
.w06 .wlwh02_a_02{ color: #ff680d; }
.w07 .wlwh02_a_02{ color: #6179fc; }
.w08 .wlwh02_a_02{ color: #66cada; }

.w01 .wlwh02_a_01 span{ color: #3765f6  }
.w01:hover .wlwh02_a_01 span{ color: #FFF; }
.w01:hover .wlwh02_a_01{ background-color: #3765f6; }

.w02 .wlwh02_a_01 span{ color: #af51ff  }
.w02:hover .wlwh02_a_01 span{ color: #FFF; }
.w02:hover .wlwh02_a_01{ background-color: #af51ff; }

.w03 .wlwh02_a_01 span{ color: #f64437  }
.w03:hover .wlwh02_a_01 span{ color: #FFF; }
.w03:hover .wlwh02_a_01{ background-color: #f64437; }

.w04 .wlwh02_a_01 span{ color: #eb6125  }
.w04:hover .wlwh02_a_01 span{ color: #FFF; }
.w04:hover .wlwh02_a_01{ background-color: #eb6125; }

.w05 .wlwh02_a_01 span{ color: #6a3dff  }
.w05:hover .wlwh02_a_01 span{ color: #FFF; }
.w05:hover .wlwh02_a_01{ background-color: #6a3dff; }

.w06 .wlwh02_a_01 span{ color: #ff680d  }
.w06:hover .wlwh02_a_01 span{ color: #FFF; }
.w06:hover .wlwh02_a_01{ background-color: #ff680d; }

.w07 .wlwh02_a_01 span{ color: #6179fc  }
.w07:hover .wlwh02_a_01 span{ color: #FFF; }
.w07:hover .wlwh02_a_01{ background-color: #6179fc; }

.w08 .wlwh02_a_01 span{ color: #66cada  }
.w08:hover .wlwh02_a_01 span{ color: #FFF; }
.w08:hover .wlwh02_a_01{ background-color: #66cada; }



.wlwh03_a ul li{ width: 413px; height: 252px; float: left; margin-right: 30px; margin-bottom: 30px; }
.wlwh03_a_02{ padding:100px 20px 10px 20px; font-size: 24px; color: #FFF;  }
.wlwh03_a_03{ padding:0px 20px 0px 20px; font-size: 14px; color: #FFF; }
.wlwh03_a01{ background: url(./../images/w02.png) no-repeat; }
.wlwh03_a02{ background: url(./../images/w03.png) no-repeat; }
.wlwh03_a03{ background: url(./../images/w04.png) no-repeat; }
.wlwh03_a04{ background: url(./../images/w05.png) no-repeat; }
.wlwh03_a05{ background: url(./../images/w06.png) no-repeat; }
.wlwh03_a06{ background: url(./../images/w07.png) no-repeat; }

.wlwh04{ height: 700px; background: url(./../images/w11.jpg) no-repeat center top; }
.wlwh04_l{ margin-top: 30px; width: 650px }
.wlwh04_r{ margin-left: 85px; width: 560px; }
.wlwh04_r ul li{ margin-bottom: 50px; height: 80px; }
.wlwh04_r01{ width: 75px; height: 75px; background: url(./../images/w12.png) no-repeat center; font-size: 30px; line-height: 75px; text-align: center; color: #FFF; }
.wlwh04_r02{ margin-left: 20px; width:400px; }
.wlwh04_r02a{  font-size: 24px; color: #FFF; margin-top: 5px; }
.wlwh04_r02b{ font-size: 16px; color: #FFF; margin-top: 10px; }


.wlwh05{ background: #f9f9f9 }
.wlwh05_r{ width: 650px; text-align: center; }
.wlwh05_l{ width: 650px; }
.wlwh05_l ul li{ width: 490px; height: 80px; padding: 10px 20px; border: 2px solid #3765f6; border-radius: 8px; margin-top: 30px; }
.wlwh05_l01{ font-size: 24px; }
.wlwh05_l02{ font-size: 16px; }


.wlwh06_a li{ width: 187px; height: 214px; float: left; margin-right: 90px; }
.wlwh06_a li div{ font-size: 40px; text-align: center; padding-top: 45px; }
.wlwh06_a li p{ font-size: 16px; padding: 20px 10px 0px 10px; text-align: center; }


.wlwh06_a01 div{ color: #ff2121 }
.wlwh06_a02 div{ color: #3765f6 }
.wlwh06_a03 div{ color: #ff680d }
.wlwh06_a04 div{ color: #30aa74 }
.wlwh06_a05 div{ color: #9b81fe }

.wlwh06_a01{ background: url(./../images/w14.png) no-repeat 0 0; }
.wlwh06_a02{ background: url(./../images/w14.png) no-repeat -279px 0;}
.wlwh06_a03{ background: url(./../images/w14.png) no-repeat -558px 0;}
.wlwh06_a04{ background: url(./../images/w14.png) no-repeat -836px 0;}
.wlwh06_a05{ background: url(./../images/w14.png) no-repeat -1115px 0;}


.wlwh06_a01:hover{ background: url(./../images/w14_hover.png) no-repeat 0 0; }
.wlwh06_a02:hover{ background: url(./../images/w14_hover.png) no-repeat -279px 0;}
.wlwh06_a03:hover{ background: url(./../images/w14_hover.png) no-repeat -558px 0;}
.wlwh06_a04:hover{ background: url(./../images/w14_hover.png) no-repeat -836px 0;}
.wlwh06_a05:hover{ background: url(./../images/w14_hover.png) no-repeat -1115px 0;}

.wlwh06_a01:hover div , .wlwh06_a01:hover p{ color: #FFF; }
.wlwh06_a02:hover div , .wlwh06_a02:hover p{ color: #FFF; }
.wlwh06_a03:hover div , .wlwh06_a03:hover p{ color: #FFF; }
.wlwh06_a04:hover div , .wlwh06_a04:hover p{ color: #FFF; }
.wlwh06_a05:hover div , .wlwh06_a05:hover p{ color: #FFF; }



.wlwh07_l ul li{ width: 500px; font-size: 18px; margin-bottom: 15px; min-height: 50px; padding-top: 10px; }


.wlwh07_l01{  }
.wlwh07_l01_l{width: 48px;height: 50px; line-height: 50px; float: left; font-weight: bold; background: url(./../images/w15.png) no-repeat -5px -3px; float: left; text-align: center; color: #FFF; }
.wlwh07_l01_r{ float: left; margin-top: 10px; margin-left: 20px; }

.wlwh07_l02{  }
.wlwh07_l02_l{width: 48px;height: 50px; line-height: 50px; float: left; font-weight: bold; background: url(./../images/w15.png) no-repeat -5px -80px; float: left; text-align: center; color: #FFF; }
.wlwh07_l02_r{ float: left;  margin-left: 20px; }


.wlwh07_l03{  }
.wlwh07_l03_l{width: 48px;height: 50px; line-height: 50px; float: left; font-weight: bold; background: url(./../images/w15.png) no-repeat -5px -175px; float: left; text-align: center; color: #FFF; }
.wlwh07_l03_r{ float: left; margin-top: 10px; margin-left: 20px; }

.wlwh07_l04{  }
.wlwh07_l04_l{width: 48px;height: 50px; line-height: 50px; float: left; font-weight: bold; background: url(./../images/w15.png) no-repeat -5px -250px; float: left; text-align: center; color: #FFF; }
.wlwh07_l04_r{ float: left; margin-top: 10px; margin-left: 20px; }

.wlwh07_l05{  }
.wlwh07_l05_l{width: 48px;height: 50px; line-height: 50px; float: left; font-weight: bold; background: url(./../images/w15.png) no-repeat -5px -330px; float: left; text-align: center; color: #FFF; }
.wlwh07_l05_r{ float: left; margin-top: 10px; margin-left: 20px; }

.wlwh07_l06{  }
.wlwh07_l06_l{width: 48px;height: 50px; line-height: 50px; float: left; font-weight: bold; background: url(./../images/w15.png) no-repeat -5px -405px; float: left; text-align: center; color: #FFF; }
.wlwh07_l06_r{ float: left; margin-top: 10px; margin-left: 20px; }

.wlwh07_r{ text-align: center; margin-top: 40px; }


.wlwh08wlwh08{ background: url(./../images/w17.jpg) no-repeat center; height: 620px; }
.wlwh08{ }
.wlwh08 li{ width: 230px; margin-right: 37px; float: left;}
.wlwh08_a{ height: 80px; border: 1px solid #FFF; font-size: 24px ; text-align: center; line-height: 80px; color: #FFF; }
.wlwh08_b{ width: 70px; height: 70px; border:1px solid #FFF; border-radius: 35px; color: #FFF; text-align: center; line-height: 70px; font-size: 30px; margin: 0 auto;}


.wlwh09_a{ background: url(./../images/w18.jpg) no-repeat center top; height: 280px; }
.wlwh09_a li{ font-size: 18px; margin-bottom:50px; padding-left: 50px;  }

.wlwh09_a_left{ width: 650px }
.wlwh09_a_right{ width: 450px; padding-left: 150px }
.wlwh09_b{ font-size: 24px; text-align: center;  }

.wlwh10{  background: url(./../images/w19.jpg) no-repeat center top; height: 620px;  }
.wlwh10_a{  }
.wlwh10_a ul li{ width: 235px; height: 365px; background: url(./../images/w20.png) no-repeat center top; float: left; margin-right: 110px; }
.wlwh10_a01{ font-size: 50px; color: #FFF; height: 145px; text-align: center; line-height: 120px; }
.wlwh10_a02{  font-size: 20px; font-weight: bold; text-align: center; margin-top: 60px; }
.wlwh10_a03{  font-size: 16px; text-align: center; margin-top: 20px; }

.wlwh10_a ul li:hover{ width: 235px; height: 365px; background: url(./../images/w20_hover.png) no-repeat center top; float: left; margin-right: 110px; }
.wlwh10_a ul li:hover .wlwh10_a01{ color: #000; }
.wlwh10_a ul li:hover .wlwh10_a02{ color: #FFF; }
.wlwh10_a ul li:hover .wlwh10_a03{ color: #FFF; }


.wlwh11_a ul li{ width: 550px; padding-left: 100px; float: left; height: 90px; margin-bottom: 40px; }
.wlwh11_a ul li p{ font-size: 24px; }
.wlwh11_a ul li div{ font-size: 16px; }
.wlwh11_a01{ background: url(./../images/w24.png) no-repeat left center; padding-top: 20px;}
.wlwh11_a02{ background: url(./../images/w25.png) no-repeat left center; padding-top: 20px;}
.wlwh11_a03{ background: url(./../images/w26.png) no-repeat left center; }
.wlwh11_a04{ background: url(./../images/w27.png) no-repeat left center; }
.wlwh11_a05{ background: url(./../images/w28.png) no-repeat left center; padding-top: 20px;}
.wlwh11_a06{ background: url(./../images/w29.png) no-repeat left center; padding-top: 20px;}

.c_title_gbds{ text-align: center; }
.c_title_gbds_01{ display: inline-block; padding: 20px 10px; background: #567fff; font-size: 24px; color: #FFF; border-radius: 10px; }

.gbds01_a{ width: 1100px; height: 415px; margin: 0 auto; background: url(./../images/gbds01_01.jpg) no-repeat center top; }
.gbds01_a_l01{margin-top:120px; margin-left: 250px; font-size: 20px; }
.gbds01_a_l02{margin-top:120px; margin-left: 265px; font-size: 20px; }
.gbds01_a_l03{margin-top:120px; margin-left: 240px; font-size: 20px; }
.gbds01_a_l01:hover{ color: #567fff;}
.gbds01_a_l02:hover{ color: #ec8413;}
.gbds01_a_l03:hover{ color: #6a70e2;}


.gbds01_a_r01{ margin-top:55px; margin-left: 110px; font-size: 20px; }
.gbds01_a_r02{ margin-top:55px; margin-left: 260px; font-size: 20px; }
.gbds01_a_r03{ margin-top:55px; margin-left: 220px; font-size: 20px; }
.gbds01_a_r01:hover{ color:#f7591b; }
.gbds01_a_r02:hover{ color:#6a70e2; }
.gbds01_a_r03:hover{ color:#fc4343; }

.gbds02{ height: 805px; background: url(./../images/g03.jpg) no-repeat center top; }
.gbds02_a { padding: 20px 100px; }
.gbds02_a ul li{ width: 165px; height: 300px; margin-right: 65px; float: left;}

.gbds02_a01{text-align: center; height: 120px; font-size: 24px; color: #FFF; line-height: 120px; border-radius: 10px 10px 0px 0px;   background: #567fff }
.gbds02_a02{ padding: 70px 10px 0px 10px; background: #FFF; height: 120px; font-size: 16px; text-align: center; line-height: 30px;  border-radius: 0px 0px 10px 10px;}
.gbds02_b{ padding: 15px 20px; font-size: 16px;  width: 1045px; background: #FFF; margin-left: 100px; border-radius: 10px; margin-top: 65px; line-height: 30px;}
.gbds02_b p{ font-size: 24px; text-align: center; margin-bottom: 5px; }


.gbds03_a ul li{ height: 110px; width: 350px; border-radius: 10px; float: left; margin-right: 20px; margin-bottom: 20px; padding: 50px 30px; color: #FFF; font-size: 16px; }
.gbds03_a ul li span{ font-size: 50px; display: block; height: 100px; width: 100px; line-height: 100px; text-align: center; border: 2px solid #FFF; border-radius: 100px; float: left; margin-right: 15px; }
.gbds03_a01{ background: #567fff; }
.gbds03_a01 p{ margin-top: 40px; }
.gbds03_a02{ background: #6a70e2; }
.gbds03_a02 p{ margin-top: 10px; }
.gbds03_a03{ background: #ec8413; }
.gbds03_a03 p{ margin-top: 10px; }
.gbds03_a04{ background: #f7591b; margin-left: 215px;}
.gbds03_a04 p{ margin-top: 40px; }
.gbds03_a05{ background: #fc4343; }
.gbds03_a05 p{ margin-top: 30px; }


.gbds04{  }
.gbds04_a{ padding: 45px 60px;  background: #567fff; border-radius: 20px; color: #FFF; }
.gbds04_a01{ margin-bottom: 15px; font-size: 20px; }
.gbds04_a02{ line-height: 30px; font-size: 16px; }

.gbds04_b{ padding: 45px 60px;  background: #6a70e2; border-radius: 20px; color: #FFF; }
.gbds04_b01{ margin-bottom: 15px; font-size: 20px; }
.gbds04_b02{ line-height: 30px; font-size: 16px; }
.gbds04_img{ background: url(./../images/g04.png) no-repeat center right ; position: absolute; height: 520px; width: 100% ; margin-top: -900px;}


.gbds05_a01{ width: 630px; height: 320px; float: left; background: #f1f1f1; border-radius: 20px; margin-right: 40px; }
.gbds05_a02{ width: 630px; height: 320px; float: left; background: #f1f1f1; border-radius: 20px; }

.gbds05_t{ padding: 40px 70px 20px 70px; font-size: 28px; color: #567fff }
.gbds05_b{ padding: 0px 70px 40px 70px; font-size: 16px; line-height: 30px; }



.gbds06_a li{ height: 130px; margin-bottom: 25px; }
.gbds05_b02{ color: #363636; font-size: 20px; text-align: center; }
.gbds06_a01{ width: 130px; height: 130px; text-align: center; line-height: 130px;  float: left; }
.gbds06_a01 span{ font-size: 50px; display: block; background: #f6f6f6; border-radius: 10px; }
.gbds06_a02{ width: 80px; border-top: 1px solid #767676; font-size: 30px; text-align: center; float: left; margin-left: 20px; margin-right: 20px; margin-top: 40px; padding-top: 10px; font-weight: bold; }
.gbds06_a03{ font-size: 16px; margin-top: 40px; float: left;width: 1050px; }

.gbds07_a li{ background: #f1f1f1; width: 270px; height: 120px; padding: 15px; border-radius: 10px; float: left; margin-right: 33px; }


.gbds07_a01{width: 70px; float: left;  font-size: 50px; height: 120px;  background: url(./../images/g11.png) no-repeat center top ; }
.gbds07_a02{ margin-left: 15px; }
.gbds07_a03{ font-size: 20px; color: #567fff; margin-top: 30px; margin-bottom: 15px; }
.gbds07_a04{  }

.gbds07_b01{width: 70px; float: left;  font-size: 50px; height: 120px;  background: url(./../images/g12.png) no-repeat center top ; }
.gbds07_b02{ margin-left: 15px; }
.gbds07_b03{ font-size: 20px; color: #567fff; margin-top: 30px; margin-bottom: 15px; }
.gbds07_b04{  }

.gbds07_c01{width: 70px; float: left;  font-size: 50px; height: 120px;  background: url(./../images/g13.png) no-repeat center top ; }
.gbds07_c02{ margin-left: 15px; }
.gbds07_c03{ font-size: 20px; color: #567fff; margin-top: 30px; margin-bottom: 15px; }
.gbds07_c04{  }

.gbds07_d01{width: 70px; float: left;  font-size: 50px; height: 120px;  background: url(./../images/g14.png) no-repeat center top ; }
.gbds07_d02{ margin-left: 15px; }
.gbds07_d03{ font-size: 20px; color: #567fff; margin-top: 30px; margin-bottom: 15px; }
.gbds07_d04{  }




.gbds08gbds08{ background: url(./../images/g17.png) no-repeat center; height:711px; }
.gbds08_list{ width: 247px; float: left; }
.gbds08_title{ text-align: center;  padding: 50px 15px 15px 20px; font-size: 20px; font-weight: bold; color: #FFF;  }
.gbds08_bodys{ text-align: center;  padding: 15px 15px 15px 20px; font-size: 16px;  color: #FFF; line-height: 30px; }

.gbds08_a{ margin-left: 405px;}
.gbds08_c{ margin-left: 280px; margin-top: -20px;  }
.gbds08_server{ font-size: 41px; text-align: center; padding-top: 60px; }
.gbds08_e{ margin-top: -20px;  }

.gbds08_f{ margin-top: -70px; margin-left: 405px; }
.gbds08_g{ margin-top: -70px; }


.yp01 ul li{ width: 260px; float: left; font-size: 22px; text-align: center; margin-right: 50px; }
.yp01_a{ margin-left: 155px; margin-bottom: 20px; }
.yp01_b{ height: 225px; background: url(./../images/y01.jpg) no-repeat center center; }
.yp01_c{ margin-left: 270px; margin-top: 20px;  }



.yp01_li01:hover{ color: #39a7d6; }
.yp01_li02:hover{ color: #fa670f; }
.yp01_li03:hover{ color: #2d5f89; }
.yp01_li04:hover{ color: #adabd3; }
.yp01_li05:hover{ color: #fab91c; }
.yp01_li06:hover{ color: #81c59c; }


.yp02{ background: url(./../images/y03.jpg) no-repeat center top; height: 660px;  }
.yp02_a{ background: url(./../images/y04.png) no-repeat 0px 140px ; height: 460px; }

.yp02_a01 ul li{ padding-left:50px; background: url(./../images/y06.png) no-repeat left bottom; float: left; margin-left: 90px;  height: 130px; color: #FFF; padding-top: 30px; }

.yp02_a02,.yp02_b02{ font-size: 26px; }
.yp02_a03,.yp02_b03{ font-size: 16px; }


.yp02_b{ margin-top: 5px; }
.yp02_b01 ul li{ padding-left:50px; background: url(./../images/y05.png) no-repeat left top; float: left; margin-left: 250px;  height: 130px; color: #FFF; padding-top: 70px; }
.yp02_b03{ margin-top: 10px; }


.yp03 li{ width: 220px; margin-right: 50px; float: left; }
.yp03_a01{ width: 140px; height: 140px; margin: 0 auto; background: #39a7d6; border-radius: 70px; text-align: center; line-height: 140px;font-size: 50px; color: #FFF }
.yp03_a02{ height: 20px; background: url(./../images/y07.jpg) no-repeat center ; margin: 15px auto; }
.yp03_a03{ color: #666666;font-size: 16px; }



.yp04{ background: #fdfdfd }
.yp04_a01{ width: 608px; padding: 20px; border:1px solid #cacaca; border-radius: 10px;box-shadow: 10px 10px 5px #888888; box-shadow: 0 0px 10px rgba(0,0,0,0.5); }
.yp04_a02{ font-size: 24px; color: #39a7d6; }
.yp04_a03{ margin-top: 10px; color: #666666; font-size: 16px; line-height: 30px; }
.yp04_a04{ width: 650px; text-align: center; }

.yp20{ height: 749px; background: url(./../images/y20.jpg) no-repeat top center; }


.yp_why ul{ padding: 0px 50px; }
.yp_why ul li{ width: 380px; float: left; margin-right: 30px; }
.yp_why01{ border-radius: 8px; }
.yp_why02{ font-size: 24px; color: #333333; margin-top: 10px; text-align: center; }
.yp_why03{ font-size: 16px; color: #666666; margin-top: 10px; line-height: 25px; }

.yp06{ height: 680px; background: url(./../images/y14.jpg) no-repeat center; }
.yp06_a{ background: url(./../images/Y15.png) no-repeat center ; height: 310px; }

.yp06_a li{width: 540px;  }
.yp06_a01{ width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 40px; background: #8393ef; border-radius: 10px; color: #FFF; }
.yp06_a02{ margin-right: 20px;  color: #FFF; }
.yp06_a03{ font-size: 27px; text-align: right;}
.yp06_a04{ font-size: 18px; text-align: right;}


.yp06_a_li01:hover .yp06_a02{ color: #8393ef }
.yp06_a_li02:hover .yp06_a02{ color: #bc8ce5 }
.yp06_a_li03:hover .yp06_a02{ color: #39a7d6 }
.yp06_a_li04:hover .yp06_a02{ color: #fa670f }




.yp07_a ul li{ width: 410px; float: left; margin-right: 35px; margin-bottom: 30px; }

.yp07_a_t{ width: 120px; height: 120px; text-align: center; line-height: 120px; float: left; text-align: center; border-radius: 10px; }
.yp07_a_b{ float: left; width: 275px; margin-left: 15px; }
.yp07_a_b p{ font-size: 24px; text-align: center; margin-bottom: 10px; }
.yp07_a_b div{ font-size: 16px; color: #666666 }

.yp07_a01{ background: url(./../images/w24_hover.png) no-repeat center center #39a7d6; }
.yp07_a02{ background: url(./../images/w25_hover.png) no-repeat center center #fa670f; }
.yp07_a03{ background: url(./../images/w26_hover.png) no-repeat center center #a5a1fb; }
.yp07_a04{ background: url(./../images/w27_hover.png) no-repeat center center #7a76c8; }
.yp07_a05{ background: url(./../images/w28_hover.png) no-repeat center center #81c59c; }
.yp07_a06{ background: url(./../images/w29_hover.png) no-repeat center center #ff433a; }


.edi01{ background: #f7f7f7 }
.edi01_a ul{  height: 240px  }
.edi01_a ul li{ width: 190px; height: 200px; float: left; border-radius: 10px; margin-right: 30px; }
.edi01_a01{ width: 80px; height: 80px; line-height: 80px; border-radius: 40px; text-align: center; border:1px solid #FFF; margin: 20px auto ;}
.edi01_a01 span{  font-size: 35px; color: #FFF; }
.edi01_a02{ font-size: 18px; color: #fcfafa; text-align: center; }
.edi01_a03{  text-align: center; }
.edi01_a03 a{ display: inline-block; width: 100px; height: 30px; border-radius: 30px; background: #1d6786; line-height: 30px; color: #FFF; font-size: 14px; display: none; margin: 40px auto 0px auto }
.edi01_a ul li:hover{ height: 240px;  }
.edi01_a ul li:hover .edi01_a03 a{display: block; margin: 40px auto 0px auto}

.edi02_a{ height: 270px; background: url(./../images/e01.png) no-repeat center; }
.edi02_b li{ float: left; width: 200px; padding: 10px; border-radius: 10px; color: #FFF; font-size: 16px; margin-right: 30px; }

.edi03{ background: url(./../images/e03.jpg) no-repeat center; height: 679px; }


.edi03_a01{ width: 650px; color: #FFF; padding-top: 20px; }
.edi03_a01 p{ margin: 10px 0px; color: #FFF; font-size: 24px; }
.edi03_a02{ width: 650px; text-align: center; }


.edi04_a{ padding-left: 150px; }
.edi04_a01,.edi04_a02{ width: 470px; height: 385px; }
.edi04_a01{ background: url(./../images/e06.jpg) no-repeat; }
.edi04_a02{ background: url(./../images/e07.jpg) no-repeat; }

.edi04_a03{ padding-left: 110px; padding-top: 210px; font-size: 16px; }
.edi04_a03 p{ font-size: 24px; margin-bottom: 15px; }
.edi04_b{ width: ;font-size: 18px; color: #FFF; background: #00a0e9; width: 640px; padding: 5px 0px; text-align: center; border-radius: 5px; margin: 50px auto; }

.edi05{ background: url(./../images/e08.jpg) no-repeat center top; height: 736px; }

.edi05_a{ padding-left: 270px; }
.edi05_a li{ width: 400px; height: 210px; border:1px solid #FFF; float: left; margin-right: 20px; margin-bottom: 20px; border-radius: 10px; }
.edi05_a01{ width: 130px; height:210px ; text-align: center; float: left; padding-top: 20px; }
.edi05_a01_img{ width:96px; height: 96px; margin: 15px auto;  background: #3a67f6; border-radius: 48px; text-align: center; line-height: 96px; color: #FFF; font-size: 50px;  }
.edi05_a01_img span{ color: #FFF; font-size: 50px;  }
.edi05_a01_text{ font-size: 18px; color: #FFF; }
.edi05_a02{ width: 260px; float: left; padding: 15px 0px; font-size: 16px; color: #FFF; line-height: 27px; }


.edi06_a{ width: 600px; text-align: center; }
.edi06_b01{ margin-right: 20px; text-align: right; }
.edi06_b01_t{ font-size: 24px; margin-top: 15px; margin-bottom: 15px; }
.edi06_b01_b{ font-size: 16px; }

.edi06_b03{ margin-left: 20px; }
.edi06_b03_t{ font-size: 24px; margin-top: 15px; margin-bottom: 15px; }
.edi06_b03_b{ font-size: 16px; }



.edi07{ background: url(./../images/e11.jpg); height: 730px; }
.edi07_a ul li{ width: 370px; height: 150px; float: left; margin-right: 35px; margin-bottom: 30px;  background: #FFF; padding: 20px; border-radius: 10px; }

.edi07_a_t{ width: 80px; height: 80px; text-align: center; line-height: 80px; float: left; text-align: center; border-radius: 10px; margin-top: 30px; }
.edi07_a_t span{  font-size: 50px; color: #FFF; }
.edi07_a_b{ float: left; width: 275px; margin-left: 15px; }
.edi07_a_b p{ font-size: 24px; text-align: center; margin-bottom: 10px; }
.edi07_a_b div{ font-size: 16px; color: #666666 }

.edi07_a01{ background: #39a7d6; }
.edi07_a02{ background: #fa670f; }
.edi07_a03{ background: #a5a1fb; }
.edi07_a04{ background: #7a76c8; }
.edi07_a05{ background: #81c59c; }
.edi07_a06{ background: #ff433a; }



.page{padding: 20px 0px; text-align: center;}
.page div a{ display: inline-block; border:1px solid #dedede; padding: 5px 10px; margin-left: 10px; }
.page div span{ display: inline-block; border:1px solid #dedede; padding: 5px 10px; margin-left: 10px; }
.page div .current{ border:1px solid rgb(255, 0, 20); color: rgb(255, 0, 20); }



.blcl_left02 a,.blcl_right02 a{ display: block; }












/*idc*/
.c_ti{ width: 1100px; line-height: 23px; margin: 20px auto; text-align: center; font-size: 14px; }
.idc_img{ text-align: center; padding: 10px 0px }
.sqlc{ height: 421px;width: 700px; background: url(./../images/idc50.jpg) no-repeat center;  margin: 0 auto; }
.sqlc ul li{ width: 200px; }
.sqlc ul li h3{ font-size: 14px; font-weight: bold; }
.sqlc ul li p{ line-height: 23px; color: #484848}

.sqlc01{ margin-left: 520px; }
.sqlc02{ margin-top: 35px;margin-left: 55px; }
.sqlc03{ margin-left: 520px; margin-top: 20px; }
.sqlc04{ margin-top: 35px;margin-left: 55px;}

.lcxj{ height: 305px; background: url(./../images/idc51.jpg) no-repeat center top; }
.lcxj li{ width: 200px; float: left;  padding:0px 10px;}

.lcxj01{ margin-top: 200px; font-size: 12px; }
.lcxj02{ margin-top: 10px;  font-size: 12px;  }
.lcxj03{ margin-top: 185px; font-size: 12px; line-height: 12px;  }
.lcxj04{ margin-top: 10px; font-size: 12px; }
.lcxj05{  margin-top: 185px; font-size: 12px; line-height: 14px;  }
.lcxj06{ margin-top: 10px; font-size: 12px; }

.glpc{ height: 350px; background: url(./../images/ico53.jpg)no-repeat center top; }
.glpc li{ line-height: 25px; font-size: 14px;  }
.glpc01{ padding-left: 300px; padding-top: 50px; }
.glpc02{ padding-left: 800px; }
.glpc03{padding-left: 240px; }

.ptzj{ background: url(./../images/ico54.jpg) no-repeat center; height: 295px;  }
.ptzj ul li{ width: 190px; float: left; margin-left: 45px; padding-top: 110px; line-height: 23px; font-size: 14px; color: #FFF }

.ptyz{ background: url(./../images/ico55.jpg) no-repeat center top; height: 522px; padding-top: 30px;  }
.ptyz ul li{ width: 350px;  line-height: 23px; font-size: 14px; color: #575757 }
.ptyz01{ margin-left: 850px; }
.ptyz02{ margin-left: 80px;  margin-top: 50px; }
.ptyz03{margin-left: 850px; margin-top: 30px; }

.zjyq{ width: 600px; margin: 0 auto; }
.zjyq ul li{ margin-bottom: 50px; }
.zjyq_left01{float: left; width: 130px; margin-right: 20px; height: 70px; line-height: 70px; text-align: center; background: url(./../images/ico56.jpg) no-repeat center top;  font-size: 16px; font-weight: bold; color: #FFF;}
.zjyq_left02{float: left; width: 450px; line-height: 35px; font-size: 14px; }

.xtjsbz{ width: 330px; margin: 0 auto; }
.xtjsbz div{ height: 175px; width: 110px; margin: 0 auto; background: url(./../images/ico58.jpg) no-repeat center top; line-height: 130px; text-align: center; font-size: 30px; color: #FFF; }
.xtjsbz p{ line-height: 23px; color: #6f6f6f; margin-top: 20px; text-align: center; }


.gnxq{ width: 1000px; margin: 0 auto; background: url(./../images/ico59.jpg) no-repeat center top; height: 360px; }
.gnxq li{width: 260px; height: 160px; float: left; margin-bottom: 40px;}

.gnxq01{margin-left: 20px;margin-top: 10px   }
.gnxq02{ margin-left: 440px;margin-top: 10px }
.gnxq03{ margin-left: 20px; }
.gnxq04{ margin-left: 440px;  }

.pcyz{ width: 250px; margin: 0 auto; }
.pcyz div{ height: 190px; width: 190px; margin: 0 auto; background: url(./../images/ico60.jpg) no-repeat center top; line-height: 190px; text-align: center; font-size: 16px; color: #FFF; }
.pcyz p{ line-height: 23px; color: #6f6f6f; margin-top: 20px; text-align: center; }

.xtjg{ text-align: center; }
.xtjg p{ padding: 20px 0px; font-size: 14px; }


.xtjg{ text-align: center; float: left; }
.xtjg p{ padding: 20px 0px; font-size: 14px; }

.col-xs-4{ width: 30%; float: left; }




.banner_icp_t{ padding-top:85px;  }
.banner_icp_text{ width: 650px; height: 260px; margin: 0 auto; border: 3px solid #FFF; text-align: center; color: #FFF; }
.banner_icp_text01{ padding-top:30px; font-size: 50px;  }
.banner_icp_text02{ padding-top:30px; padding-bottom: 30px; font-size: 30px;  }
.banner_icp_text03{ display: inline-block; background: #3b507a; padding: 5px 10px; font-size: 20px; color: #eaeaea; border-radius: 5px; }

.banner_gbds_t{ padding-top:85px;  }
.banner_gbds_text{width: 600px; text-align: center;  }
.banner_gbds_text01{ padding-top:30px; font-size: 50px; color: #1e3375  }
.banner_gbds_text02{ padding-top:30px; padding-bottom: 30px; font-size: 30px; color: #0c263e ; }
.banner_gbds_text03{ display: inline-block; background: #17232e; padding: 5px 10px; font-size: 25px; color: #eaeaea; border-radius: 5px;  }



.fwys04{ width: 950px; margin:0 auto; }
.fwys04_left{ width: 470px; float: left; border-right:6px solid #567fff; height: 1120px; padding: 30px 0px; }
.fwys04_left01{ height: 195px; margin-bottom: 150px; }
.fwys04_left02{ width: 380px; height: 190px; border:2px solid #567fff; border-radius: 10px;float: left; }
.fwys04_left02 h3{ font-size: 20px; font-weight: bold;  padding: 30px; text-align: center;}
.fwys04_left02 p{ font-size: 14px; color: #757575;  padding: 0px 50px; text-align: center;}
.fwys04_left03{ width: 100px; height: 8px; border:2px solid #567fff;border-right:none; float: left; margin-left: -16px; margin-top: 95px; }

.fwys04_right{ width: 470px; float: left; height: 1120px; padding: 30px 0px; }
.fwys04_right01{ height: 195px; margin-top: 150px; }
.fwys04_right02{ width: 380px; height: 190px; border:2px solid #567fff; border-radius: 10px;float: left;margin-left: -16px;  }
.fwys04_right02 h3{ font-size: 20px; font-weight: bold;  padding: 30px; text-align: center;}
.fwys04_right02 p{ font-size: 14px; color: #757575;  padding: 0px 50px; text-align: center;}
.fwys04_right03{ width: 100px; height: 8px; border:2px solid #567fff;border-left:none; float: left; margin-top: 95px; }

.fwys04 ul li:hover .fwys04_left02{ border-color: #f9591b; }
.fwys04 ul li:hover .fwys04_left03{ border-color: #f9591b; }
.fwys04 ul li:hover .fwys04_right02{ border-color: #f9591b; }
.fwys04 ul li:hover .fwys04_right03{ border-color: #f9591b; }



.s_case{ background: url(./../images/s_case.jpg) repeat center top;  }

.c_ljzx:hover{ font-weight: bold; }






.jz_anim_btn {
	position:relative;
	width:100%;
	height:100%;
	font-size:21px;
	color:#fff;
	text-align:center;
	border:0;
	border-radius:35px;
	overflow:hidden;
	background:-moz-linear-gradient(214deg,#4456fd,#1eacf6);
	background:-o-linear-gradient(214deg,#4456fd,#1eacf6);
	background:linear-gradient(-124deg,#4456fd,#1eacf6);
	-webkit-box-shadow:0 0 13px 6px rgba(34,129,247,0.13);
	-moz-box-shadow:0 0 13px 6px rgba(34,129,247,0.13);
	box-shadow:0 0 13px 6px rgba(34,129,247,0.13);
	-moz-transition:all .1s;
	-o-transition:all .1s;
	-webkit-transition:all .1s;
	transition:all .1s;
	-webkit-backface-visibility:hidden;
	-webkit-transform-style:preserve-3d
}




.anim {
	-moz-transform:translateY(-50%) translateX(-50%);
	-ms-transform:translateY(-50%) translateX(-50%);
	-webkit-transform:translateY(-50%) translateX(-50%);
	transform:translateY(-50%) translateX(-50%);
	position:absolute;
	top:50%;
	left:50%;
	z-index:-1
}
.anim:before {
	position:relative;
	content:"";
	display:block;
	margin-top:100%
}
.anim:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border-radius:50%
}
.hoverable .anim {
	-moz-animation:anim-out .75s;
	-webkit-animation:anim-out .75s;
	animation:anim-out .75s
}
.hoverable .anim:after {
	-moz-animation:anim-out-pseudo .75s;
	-webkit-animation:anim-out-pseudo .75s;
	animation:anim-out-pseudo .75s
}
.hoverable .anim,.hoverable .anim:after {
	animation-iteration-count:infinite;
	animation-duration:1.3s
}




@charset "utf-8";
	@font-face {
	font-family:"HelveticaNeueLTPro";
	src:url("HelveticaNeueLTPro-ThEx.otf?v=201710130000"),url("HelveticaNeueLTPro-ThEx.otf?v=201710130000") format("embedded-opentype")
}
.fk-index-body {
	color:#333;
	font-family:微软雅黑;
	padding-top:771px;
	min-width:1200px;
	overflow:hidden
}
.index_arrow {
	width:82px;
	height:82px;
	border-radius:50%;
	background:url(/image/v2/home_ico.png?v=202104141248) no-repeat 0 -754px;
	position:absolute;
	left:0;
	top:200px;
	cursor:pointer
}
.anim {
	-moz-transform:translateY(-50%) translateX(-50%);
	-ms-transform:translateY(-50%) translateX(-50%);
	-webkit-transform:translateY(-50%) translateX(-50%);
	transform:translateY(-50%) translateX(-50%);
	position:absolute;
	top:50%;
	left:50%;
	z-index:-1
}
.anim:before {
	position:relative;
	content:"";
	display:block;
	margin-top:100%
}
.anim:after {
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border-radius:50%
}
.hoverable .anim {
	-moz-animation:anim-out .75s;
	-webkit-animation:anim-out .75s;
	animation:anim-out .75s
}
.hoverable .anim:after {
	-moz-animation:anim-out-pseudo .75s;
	-webkit-animation:anim-out-pseudo .75s;
	animation:anim-out-pseudo .75s
}
.hoverable .anim,.hoverable .anim:after {
	animation-iteration-count:infinite;
	animation-duration:1.3s
}
@-webkit-keyframes anim-in {
	0% {
	width:0
}
100% {
	width:100%
}
}@-moz-keyframes anim-in {
	0% {
	width:0
}
100% {
	width:100%
}
}@-ms-keyframes anim-in {
	0% {
	width:0
}
100% {
	width:100%
}
}@keyframes anim-in {
	0% {
	width:0
}
100% {
	width:100%
}
}@-webkit-keyframes anim-in-pseudo {
	0% {
	background:rgba(0,0,0,0.25)
}
100% {
	background:transparent
}
}@-moz-keyframes anim-in-pseudo {
	0% {
	background:rgba(0,0,0,0.25)
}
100% {
	background:transparent
}
}@-ms-keyframes anim-in-pseudo {
	0% {
	background:rgba(0,0,0,0.25)
}
100% {
	background:transparent
}
}@keyframes anim-in-pseudo {
	0% {
	background:rgba(0,0,0,0.25)
}
100% {
	background:transparent
}
}@-webkit-keyframes anim-out {
	0% {
	width:0
}
100% {
	width:100%
}
}@-moz-keyframes anim-out {
	0% {
	width:0
}
100% {
	width:100%
}
}@-ms-keyframes anim-out {
	0% {
	width:0
}
100% {
	width:100%
}
}@keyframes anim-out {
	0% {
	width:0
}
100% {
	width:100%
}
}@-webkit-keyframes anim-out-pseudo {
	0% {
	background:rgba(0,0,0,0.25)
}
100% {
	background:transparent
}
}@-moz-keyframes anim-out-pseudo {
	0% {
	background:rgba(0,0,0,0.25)
}
100% {
	background:transparent
}
}@-ms-keyframes anim-out-pseudo {
	0% {
	background:rgba(0,0,0,0.25)
}
100% {
	background:transparent
}
}@keyframes anim-out-pseudo {
	0% {
	background:rgba(0,0,0,0.25)
}
100% {
	background:transparent
}
}.jz_header_container {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1111
}
.noTransition {
	transition:none!important
}
.jz_banner {
	width:100%;
	min-width:1200px;
	position:fixed;
	top:70px;
	height:700px
}
.jz_banner_ul {
	width:500%;
	min-width:1200px;
	position:absolute;
	left:0;
	height:700px;
	background:#3e83fa;
	z-index:1;
	transition:left .3s
}
.jz_banner_li {
	position:relative;
	width:20%;
	height:100%;
	float:left;
	min-width:1200px
}
.jz_banner_link {
	display:block;
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden
}
.jz_banner_img {
	display:block;
	width:1920px;
	height:100%;
	position:absolute;
	left:50%;
	margin-left:-960px
}
.jz_banner_btn {
	position:absolute;
	right:50%;
	width:240px;
	height:60px;
	line-height:60px
}
.jz_banner_btn1,.jz_banner_btn5 {
	margin-right:235px;
	top:550px
}
.jz_anim_btn {
	position:relative;
	width:100%;
	height:100%;
	font-size:21px;
	color:#fff;
	text-align:center;
	border:0;
	border-radius:35px;
	overflow:hidden;
	background:-moz-linear-gradient(214deg,#4456fd,#1eacf6);
	background:-o-linear-gradient(214deg,#4456fd,#1eacf6);
	background:linear-gradient(-124deg,#4456fd,#1eacf6);
	-webkit-box-shadow:0 0 13px 6px rgba(34,129,247,0.13);
	-moz-box-shadow:0 0 13px 6px rgba(34,129,247,0.13);
	box-shadow:0 0 13px 6px rgba(34,129,247,0.13);
	-moz-transition:all .1s;
	-o-transition:all .1s;
	-webkit-transition:all .1s;
	transition:all .1s;
	-webkit-backface-visibility:hidden;
	-webkit-transform-style:preserve-3d
}
.jz_banner_btn3 {
	width:200px;
	height:48px;
	line-height:48px;
	margin-right:-100px;
	top:272px
}
.jz_banner_btn3 .jz_anim_btn {
	background:0;
	border:1px solid #fff;
	color:#fff
}
.jz_banner_btn4 {
	width:220px;
	height:50px;
	line-height:50px;
	margin-right:380px;
	top:480px
}
.jz_banner_btn4 .jz_anim_btn {
	background:#fff;
	color:#8a67fc;
	border:0
}
.jz_banner_btn5 {
	width:181px;
	height:55px;
	line-height:55px;
	margin-right:419px;
	top:430px
}
.jz_banner_btn5 .jz_anim_btn {
	background:#fff;
	color:#5022dd;
	border:0
}
.banner_pointer_wrap {
	position:absolute;
	width:100%;
	top:674px;
	height:20px;
	text-align:center;
	z-index:1
}
.banne_pointer {
	display:inline-block;
	width:10px;
	height:10px;
	background:rgba(255,255,255,0.5);
	border-radius:16px;
	margin-left:16px;
	cursor:pointer;
	transform-origin:center center;
	transition:width .3s
}
.jz_banner .banne_pointer:first-child {
	margin-left:0
}
.banne_pointer-active {
	width:20px;
	background:#fff
}
.jz_num_ul {
	position:relative;
	z-index:2;
	background:#fff;
	font-family:HelveticaNeueLTPro,微软雅黑;
	text-align:center
}
.jz_num_li {
	float:none;
	display:inline-block;
	width:228px;
	margin:50px 0;
	border-left:1px solid #ebebeb;
	padding-top:12px
}
.jz_num-siteServ {
	border-left:0;
	text-align:left
}
.jz_num-safeRun,.jz_num-cover {
	width:377px
}
.jz_num-day {
	width:208px;
	text-align:right
}
.jz_num {
	font-size:40px;
	line-height:1
}
.jz_num_char {
	font-size:14px;
	margin-left:10px;
	vertical-align:top
}
.jz_num_desc {
	font-size:16px;
	padding-top:30px
}
.jz_index_main {
	position:relative;
	z-index:2;
	height:1063px;
	background:#fbfbfb;
	text-align:center;
	padding-top:97px
}
.jz_main_title {
	line-height:1;
	font-size:50px;
	font-weight:normal;
	color:#333
}
.jz_main_subDesc {
	margin-top:30px;
	line-height:1;
	font-size:16px;
	color:#999
}
.jz_main_ul {
	width:1200px;
	margin:0 auto;
	font-family:微软雅黑;
	margin-top:110px
}
.jz_main_li {
	position:relative;
	float:left;
	width:236px;
	height:304px;
	margin:0 32px 13px 32px;
	text-align:center;
	transition:all .3s;
	cursor:pointer
}
.jz_main_li:hover {
	box-shadow:0 0 10px 0 rgba(0,0,0,0.15);
	border-radius:20px
}
.jz_main_color_block {
	width:236px;
	height:159px
}
.jz_main_li_icon_wrap {
	position:absolute;
	top:13px;
	left:45px;
	z-index:-1;
	width:146px;
	height:146px
}
.jz_main_li_bg {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:146px;
	height:146px;
	border-radius:50%;
	background:#27c9f8;
	background:linear-gradient(145deg,#06e5f8,#3eb5f8);
	transform-origin:center center;
	transition:all .3s
}
.jz_main_li:hover .jz_main_li_bg {
	top:-13px;
	left:-45px;
	width:236px;
	height:159px;
	border-radius:20px 20px 0 0/20px 20px 0 0;
	background:#06e5f8;
	background:linear-gradient(90deg,#3eb5f8,#06e5f8)
}
.jz_main_li_listedBrand:hover .jz_main_li_bg {
	background-color:#64aaf2;
	background:linear-gradient(90deg,#64edea,#64aaf2)
}
.jz_main_li_funcRich:hover .jz_main_li_bg {
	background-color:#f8788b;
	background:linear-gradient(90deg,#f8c84c,#f8788b)
}
.jz_main_li_oneKey:hover .jz_main_li_bg {
	background-color:#f65589;
	background:linear-gradient(90deg,#f26768,#f65589)
}
.jz_main_li_model:hover .jz_main_li_bg {
	background-color:#c467ff;
	background:linear-gradient(90deg,#fe80fb,#c467ff)
}
.jz_main_li_site3to1:hover .jz_main_li_bg {
	background-color:#38cf7a;
	background:linear-gradient(90deg,#32dab7,#38cf7a)
}
.jz_main_li_easeMaintain:hover .jz_main_li_bg {
	background-color:#b376ff;
	background:linear-gradient(90deg,#44aaf8,#b376ff)
}
.jz_main_li_superSevice:hover .jz_main_li_bg {
	background-color:#6cbaf8;
	background:linear-gradient(90deg,#7ee1f9,#6cbaf8)
}
.jz_main_li_icon {
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-45px;
	margin-top:-35px;
	width:90px;
	height:70px;
	background:url(/image/v2/home_ico.png?v=202104141248) no-repeat -890px -1191px;
	transition:all .1s
}
.jz_main_li:hover .jz_main_li_icon {
	opacity:0
}
.jz_main_li_text {
	font-size:16px;
	line-height:1;
	color:#fff;
	padding-top:35px
}
.f-info-hide-title {
	display:none
}
.jz_main_li_desc {
	font-size:13px;
	line-height:1.8;
	color:#fff;
	padding-top:11px;
	padding-left:10px;
	padding-right:10px
}
.jz_main_link {
	position:relative;
	display:inline-block;
	width:100px;
	height:30px;
	line-height:30px;
	border-radius:15px;
	font-size:12px;
	margin-top:10px;
	border:solid #fff 1px;
	color:#fff;
	overflow:hidden
}
.jz_main_link:hover {
	background:#fff;
	color:#666
}
.jz_main_li_fk {
	position:absolute;
	top:190px;
	left:0;
	width:100%;
	font-size:16px;
	color:#333;
	line-height:1;
	transition:opacity .3s
}
.jz_main_li:hover .jz_main_li_fk {
	opacity:0
}
.jz_main_li_other {
	padding-top:30px;
	font-size:16px;
	color:#333;
	line-height:1
}
.jz_main_li_badly {
	padding-top:18px;
	padding-left:10px;
	padding-right:10px;
	line-height:1.8;
	font-size:13px;
	color:#666
}
.jz_main_hover {
	opacity:0;
	transition:opacity .1s
}
.jz_main_li:hover .jz_main_hover {
	opacity:1
}
.jz_main_li_listedBrand .jz_main_li_bg {
	background-color:#64aaf2;
	background:linear-gradient(145deg,#64edea,#64aaf2)
}
.jz_main_li_listedBrand:hover .f-infoBlock-fasico .jz_main_li_bg {
	background:linear-gradient(90deg,#64edea,#64aaf2)
}
.jz_main_li_funcRich .jz_main_li_bg {
	background-color:#f8788b;
	background:linear-gradient(145deg,#f8c84c,#f8788b)
}
.jz_main_li_funcRich:hover .f-infoBlock-fasico .jz_main_li_bg {
	background:linear-gradient(90deg,#f8c84c,#f8788b)
}
.jz_main_li_oneKey .jz_main_li_bg {
	background-color:#f65589;
	background:linear-gradient(145deg,#f26768,#f65589)
}
.jz_main_li_oneKey:hover .f-infoBlock-fasico .jz_main_li_bg {
	background:linear-gradient(90deg,#f26768,#f65589)
}
.jz_main_li_model .jz_main_li_bg {
	background-color:#c467ff;
	background:linear-gradient(145deg,#fe80fb,#c467ff)
}
.jz_main_li_model:hover .f-infoBlock-fasico .jz_main_li_bg {
	background:linear-gradient(90deg,#fe80fb,#c467ff)
}
.jz_main_li_site3to1 .jz_main_li_bg {
	background-color:#38cf7a;
	background:linear-gradient(145deg,#32dab7,#38cf7a)
}
.jz_main_li_site3to1:hover .f-infoBlock-fasico .jz_main_li_bg {
	background:linear-gradient(90deg,#32dab7,#38cf7a)
}
.jz_main_li_easeMaintain .jz_main_li_bg {
	background-color:#b376ff;
	background:linear-gradient(145deg,#44aaf8,#b376ff)
}
.jz_main_li_easeMaintain:hover .f-infoBlock-fasico .jz_main_li_bg {
	background:linear-gradient(90deg,#44aaf8,#b376ff)
}
.jz_main_li_superSevice .jz_main_li_bg {
	background-color:#6cbaf8;
	background:linear-gradient(145deg,#7ee1f9,#6cbaf8)
}
.jz_main_li_superSevice:hover .f-infoBlock-fasico .jz_main_li_bg {
	background:linear-gradient(90deg,#7ee1f9,#6cbaf8)
}
.jz_main_li_listedBrand .jz_main_li_icon {
	background-position:-895px -1300px
}
.jz_main_li_funcRich .jz_main_li_icon {
	background-position:-886px -1402px
}
.jz_main_li_oneKey .jz_main_li_icon {
	background-position:-899px -1500px
}
.jz_main_li_model .jz_main_li_icon {
	background-position:-1004px -1497px
}
.jz_main_li_site3to1 .jz_main_li_icon {
	background-position:-1008px -1401px
}
.jz_main_li_easeMaintain .jz_main_li_icon {
	background-position:-1009px -1298px
}
.jz_main_li_superSevice .jz_main_li_icon {
	background-position:-1009px -1194px
}
.jz_clear {
	clear:both
}
.jz_main_btn {
	position:relative;
	display:inline-block;
	width:184px;
	height:54px;
	border:1px solid #2f82ff;
	color:#2f82ff;
	border-radius:40px;
	text-align:center;
	line-height:54px;
	font-size:16px;
	margin-bottom:77px;
	margin-top:20px
}
.button--nina {
	box-sizing:border-box;
	background:transparent;
	overflow:hidden;
	-webkit-transition:background-color .3s;
	transition:background-color .3s
}
.button--nina::before {
	content:attr(data-text);
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	-webkit-transition:-webkit-transform .3s,opacity .3s;
	transition:transform .3s,opacity .3s
}
.button--nina:hover {
	background:#2f82ff;
	color:#fff
}
.jz_tab_nav {
	text-align:center;
	margin:58px auto 0;
	width:1200px;
	position:relative
}
.jz_tab_nav_item {
	display:inline-block;
	color:#000;
	margin-left:70px;
	font-size:18px;
	line-height:34px;
	cursor:pointer
}
.tab_select_line {
	position:absolute;
	bottom:-6px;
	width:72px;
	height:2px;
	background-color:#4b76e2;
	transition:all .3s
}
.jz_tab_nav .first {
	margin-left:0
}
.jz_tab--current {
	color:#4975e5
}
.jz_index_model {
	position:relative;
	z-index:2;
	background:#fff;
	text-align:center;
	padding-top:97px
}
.jz_index_model .jz_tab_nav {
	width:500px
}
.model_content {
	position:relative;
	height:640px;
	padding-top:55px;
	width:1260px;
	margin:0 auto;
	overflow:hidden;
	transition:height .3s
}
.model_content_list {
	width:300%;
	position:relative;
	left:0;
	transition:left .3s
}
.model_business {
	width:1260px;
	height:640px;
	float:left;
	overflow:hidden;
	padding:0 50px;
	box-sizing:border-box;
	position:relative
}
.model_business_mobi {
	height:1056px;
	padding:0
}
.jz_index_model .tab_select_line {
	width:116px
}
.business_pc_ul {
	position:absolute;
	left:50px;
	top:0;
	padding-top:10px;
	display:none
}
.business_pc_ul0 {
	display:block
}
.model_pc_item {
	position:relative;
	width:330px;
	height:258px;
	padding-top:20px;
	background:url(/image/v2/home_ico.png?v=202104141248) no-repeat -900px -15px;
	border-radius:6px 6px 0 0;
	transition:all .3s;
	margin:0 28px 62px
}
.model_pc_item:hover {
	transform:translateY(-10px) translateZ(0)
}
.model_item_link {
	display:inline-block;
	width:100%;
	height:200px;
	box-shadow:0 1px 3px rgba(0,0,0,0.1);
	overflow:hidden
}
.model_item_img {
	width:100%;
	position:relative;
	top:0;
	left:0;
	transform:translateY(0)
}
.model_item_name {
	font-size:15px;
	color:#333;
	margin-top:24px;
	transition:all .1s
}
.model_item_wrap {
	position:absolute;
	bottom:0;
	left:0;
	font-size:0;
	width:100%;
	height:58px;
	line-height:58px;
	opacity:0;
	box-shadow:0 2px 4px 0 rgba(0,0,0,0.11);
	transition:all .3s
}
.model_pc_item:hover .model_item_wrap {
	opacity:1
}
.model_pc_item:hover .model_item_name {
	opacity:0
}
.model_item_regBtn {
	vertical-align:middle;
	display:inline-block;
	width:116px;
	height:34px;
	line-height:34px;
	margin-right:16px;
	font-size:14px;
	background:#fd6040;
	color:#fff;
	border-radius:23px
}
.model_item_regBtn:hover {
	background:#fd705b
}
.model_item_prevBtn {
	vertical-align:middle;
	display:inline-block;
	width:96px;
	height:34px;
	line-height:34px;
	font-size:14px;
	background:#2f82ff;
	border-radius:23px;
	color:#fff
}
.model_item_prevBtn:hover {
	background:#2b89fb
}
.model_mobi_item {
	margin:0 39px 50px;
	width:236px;
	height:473px
}
.modle_mobi_pre {
	height:433px;
	position:relative;
	background:url(/image/v2/svg/mobile.svg) no-repeat center top;
	overflow:hidden
}
.model_mobi_link {
	display:inline-block;
	width:200px;
	height:380px;
	position:relative;
	top:30px;
	border-radius:7px;
	overflow:hidden
}
.model_mobi_img {
	width:100%;
	height:auto;
	min-height:100%
}
.model_mobi_mask {
	width:200px;
	height:380px;
	position:absolute;
	top:30px;
	left:18px;
	overflow:hidden;
	background:rgba(0,0,0,.6);
	opacity:0;
	border-radius:7px;
	transition:opacity .3s
}
.model_mobi_qrCode {
	position:absolute;
	width:110px;
	height:110px;
	left:50%;
	margin-left:-63px;
	top:-151px;
	border:8px solid #fff;
	border-radius:3px;
	opacity:0;
	transition:all .3s
}
.model_mobi_preBtn {
	position:absolute;
	top:220px;
	display:inline-block;
	left:109px;
	width:63px;
	height:34px;
	line-height:34px;
	font-size:14px;
	background:#2f82ff;
	border-radius:23px;
	color:#fff;
	opacity:0;
	transition:opacity .3s;
	cursor:pointer
}
.model_mobi_regBtn {
	position:absolute;
	top:220px;
	left:50%;
	margin-left:-73px;
	display:inline-block;
	width:76px;
	height:34px;
	line-height:34px;
	font-size:14px;
	background:#fd6040;
	color:#fff;
	border-radius:23px;
	opacity:0;
	transition:opacity .3s
}
.model_mobi_name {
	font-size:15px;
	text-align:center;
	height:40px;
	margin:0 auto;
	width:90%;
	line-height:40px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.model_mobi_regBtn:hover {
	background:#fd705b
}
.model_mobi_preBtn:hover {
	background:#2b89fb
}
.modle_mobi_pre:hover .model_mobi_mask {
	opacity:1
}
.modle_mobi_pre:hover .model_mobi_qrCode {
	opacity:1;
	top:75px;
	image-rendering:pixelated
}
.modle_mobi_pre:hover .model_mobi_preBtn {
	opacity:1
}
.modle_mobi_pre:hover .model_mobi_regBtn {
	opacity:1
}
.model_arrow_right,.model_arrow_left {
	width:48px;
	height:48px;
	border-radius:50%;
	position:absolute;
	z-index:99;
	left:0;
	top:50%;
	margin-top:-12px;
	cursor:pointer;
	background:url(/image/v2/home_ico.png?v=202104141248) no-repeat -18px -1010px;
	transition:none
}
.model_arrow_right {
	left:auto;
	right:0;
	background-position:-130px -1010px
}
.model_arrow_left:hover {
	background-position:15px -1526px
}
.model_arrow_right:hover {
	background-position:-96px -1470px
}
.model_arrow_left.arrow_end,.model_arrow_left.arrow_end:hover {
	opacity:.5;
	background-position:16px -1470px;
	cursor:default
}
.model_arrow_right.arrow_end,.model_arrow_right.arrow_end:hover {
	opacity:.5;
	background-position:-96px -1526px;
	cursor:default
}
.jz_index_helper {
	position:relative;
	z-index:1;
	background:#f9fbff
}
.jz_index_helper .jz_main_title {
	padding-top:97px;
	text-align:center
}
.jz_index_helper .jz_tab_nav {
	width:582px
}
.helper_content {
	width:1200px;
	position:relative;
	margin:0 auto;
	height:600px;
	overflow:hidden
}
.helper_list {
	width:400%;
	position:relative;
	left:0;
	height:100%;
	transition:left .3s
}
.helper_news_ul {
	width:1200px;
	float:left;
	margin-top:90px;
	height:100%
}
.f-helpItem {
	width:476px;
	float:left;
	margin:0 50px 60px 73px
}
.f-helpItem .f-time {
	text-align:right;
	float:left;
	margin-right:30px
}
.f-helpItem .f-hot {
	display:inline-block;
	*display:inline;
	_zoom:1;
	width:25px;
	height:25px;
	background:url(/image/v2/index/hot.gif?v=201711250646);
	vertical-align:middle;
	margin-right:10px
}
.f-helpItem .f-txt {
	vertical-align:middle
}
.f-helpItem .f-info {
	float:left
}
.f-helpItem .f-time-md,.f-helpItem .f-info-title {
	font-size:25px;
	line-height:1;
	font-weight:normal;
	height:36px;
	overflow:hidden
}
.f-helpItem .f-info-title {
	font-size:18px;
	width:355px;
	text-overflow:ellipsis;
	white-space:nowrap
}
.f-helpItem .f-info-title .f-a {
	color:#333
}
.f-helpItem .f-info-title .f-a:hover {
	color:#2f82ff
}
.f-helpItem .f-time {
	width:80px;
	margin-left:0
}
.f-helpItem .f-time-y,.f-helpItem .f-info-intro {
	font-size:14px;
	color:#999;
	margin:0;
	line-height:1.8;
	height:50px;
	overflow:hidden
}
.f-helpItem .f-info {
	width:355px;
	text-align:left
}
.f-index-helper .f-helpItem .f-a {
	font-size:18px;
	width:355px;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height:1;
	font-weight:normal;
	height:33px;
	overflow:hidden;
	color:#333;
	display:inline-block
}
.f-wzjsItem {
	position:relative;
	width:200px;
	margin:0 0 40px 93px;
	text-align:left
}
.f-wzjsItem a {
	color:#333;
	font-size:16px;
	font-family:Microsoft YaHei;
	font-weight:400
}
.f-wzjsItem:hover a {
	color:#4975e5
}
.f-wzjsItem .f-tips-icon {
	display:inline-block;
	position:relative;
	width:20px;
	height:20px;
	line-height:20px;
	margin-right:10px;
	border:1px solid #e6e6e6;
	border-radius:2px;
	color:#333;
	background:#fff;
	text-align:center
}
.f-wzjsItem:nth-of-type(1) span.f-tips-icon {
	background:rgba(58,132,248,1);
	color:#fff;
	border:0
}
.f-wzjsItem:nth-of-type(2) span.f-tips-icon {
	background:rgba(98,157,249,1);
	color:#fff;
	border:0
}
.f-wzjsItem:nth-of-type(3) span.f-tips-icon {
	background:#e8f1fe;
	color:#3583fb;
	border:0
}
.f-wzjsItem:nth-of-type(4) span.f-tips-icon {
	background:#e8f1fe;
	color:#3583fb;
	border:0
}
.jz_index_guest {
	position:relative;
	padding-top:97px;
	z-index:1;
	background:#fff;
	text-align:center
}
.guest_content {
	width:780px;
	margin:0 auto;
	overflow:hidden
}
.guest_content_list {
	width:300%;
	position:relative;
	left:0;
	transition:left .3s
}
.guest_item {
	width:740px;
	float:left;
	padding:40px 20px 0
}
.guest_show_warp {
	box-shadow:0 6px 20px 0 rgba(0,0,0,0.1)
}
.guest_content_top {
	height:45px;
	line-height:45px;
	text-indent:20px;
	background:#f9f9f9;
	text-align:left
}
.guest_circle {
	display:inline-block;
	width:10px;
	height:10px;
	margin-right:8px;
	background:#ddd;
	border-radius:50%
}
.guest_image {
	display:inline-block;
	height:380px;
	width:740px
}
.guest_title {
	font-size:18px;
	line-height:1;
	color:#333;
	padding-top:60px;
	padding-bottom:42px;
	text-align:center
}
.guest_desc {
	font-size:14px;
	line-height:1.8;
	color:#999;
	height:67px;
	margin-top:-5px;
	text-align:center
}
.guest_bg {
	height:276px;
	position:absolute;
	left:0;
	top:302px;
	width:100%;
	z-index:-1;
	background:url(/image/v2/index_guest_bg.jpg?v=201711250646) no-repeat center center
}
.guest_arrow_right {
	left:50%;
	margin-left:432px;
	top:382px;
	background-position:-116px -754px
}
.guest_arrow_right:hover {
	background-position:-116px -873px
}
.guest_arrow_left {
	left:50%;
	top:382px;
	margin-left:-512px;
	background-position:0 -754px
}
.guest_arrow_left:hover {
	background-position:0 -873px
}
.jz_index_honor {
	position:relative;
	height:980px;
	z-index:1;
	background:#f9fbff;
	padding-top:90px;
	text-align:center;
	box-sizing:border-box
}
.jz_index_honor .jz_tab_nav {
	width:570px;
	font-size:0;
	text-align:center
}
.jz_index_honor .jz_tab_nav_item {
	margin-left:166px
}
.jz_index_honor .jz_tab_nav_item.first {
	margin:0
}
.honor_content {
	position:relative;
	width:1000px;
	overflow:hidden;
	margin:100px auto 0
}
.honor_content_list {
	width:300%;
	position:relative;
	left:0;
	transition:left .3s
}
.honor_item {
	width:1000px;
	float:left
}
.honor_text_ul {
	margin-top:132px;
	margin-left:20px;
	float:left;
	width:300px;
	text-align:left
}
.honor_slider_wrap {
	width:580px;
	height:512px;
	float:right;
	position:relative;
	overflow:hidden
}
.honor_slider {
	width:400%;
	position:relative;
	left:0;
	transition:left .3s
}
.jz_index_honor .item_text {
	list-style:disc;
	width:300px;
	padding:15px 0;
	cursor:pointer;
	float:none;
	font-size:18px;
	color:#2b2b2b
}
.jz_index_honor .content_item_select {
	color:#4b76e2
}
.honor_slider_item {
	width:580px;
	float:left
}
.jz_index_honor .slider_text {
	font-size:18px;
	margin-top:48px;
	text-align:center
}
.honor_success .img_0 {
	background:url(/image/v2/honner_small_0.jpg?v=201907171254) center center no-repeat
}
.honor_success .img_1 {
	background:url(/image/v2/honner_small_1.jpg?v=201907171254) center center no-repeat
}
.honor_success .img_2 {
	background:url(/image/v2/honner_small_2.jpg?v=201907171254) center center no-repeat
}
.honor_success .img_3 {
	background:url(/image/v2/honner_small_3.jpg?v=201907171254) center center no-repeat
}
.honor_opus .img_0 {
	background:url(/image/v2/copyRight_small_0.jpg?v=201907171254) center center no-repeat
}
.honor_opus .img_1 {
	background:url(/image/v2/copyRight_small_1.jpg?v=201907171254) center center no-repeat
}
.honor_opus .img_2 {
	background:url(/image/v2/copyRight_small_2.jpg?v=201907171254) center center no-repeat
}
.honor_opus .img_3 {
	background:url(/image/v2/copyRight_small_3.jpg?v=201907171254) center center no-repeat
}
.jz_index_honor .slider_img {
	position:relative;
	width:322px;
	height:440px;
	display:inline-block;
	text-align:center
}
.honor_patent .img_0 {
	background:url(/image/v2/invention_small.jpg?v=201907171254) center center no-repeat
}
.jz_index_honor .zoom_img {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:57px;
	height:57px;
	margin:auto;
	display:none;
	background:url(/image/v2/home_ico.png?v=202104141248) no-repeat -0px -1100px;
	cursor:pointer
}
.jz_index_honor .slider_img:hover .zoom_img {
	display:block
}
.jz_index_honor .index_arrow {
	position:absolute;
	top:50%;
	bottom:0;
	margin-top:-13px;
	width:15px;
	height:27px;
	cursor:pointer;
	background-image:url(/image/v2/home_ico.png?v=202104141248);
	z-index:1
}
.jz_index_honor .index_arrow_left {
	background-position:-34px -1020px;
	left:0
}
.jz_index_honor .index_arrow_right {
	background-position:-148px -1020px;
	right:0;
	left:auto
}
.jz_honor_imgShow {
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.6);
	top:0;
	left:0;
	z-index:99999
}
.jz_honor_imgShow .close_icon {
	position:absolute;
	top:46px;
	right:46px;
	width:25px;
	height:25px;
	background:url(/image/v2/home_ico.png?v=202104141248) no-repeat -110px -1100px;
	cursor:pointer
}
.jz_honor_imgShow img {
	max-width:100%;
	max-height:calc(100% - 80px);
	margin:40px auto;
	position:absolute;
	left:0;
	right:0
}
.jz_footer {
	position:relative;
	z-index:1;
	background:#282828;
	color:#5d5d5d;
	padding:25px 0 15px
}
.jz_footer a {
	color:#5d5d5d
}
.jz_footer .footer_wx_icon {
	width:50px;
	height:50px
}
.footer_title {
	width:100%;
	min-width:980px;
	max-width:1200px;
	color:#949494;
	font-size:16px;
	line-height:1;
	padding-top:5px;
	margin:0 auto
}
.preview-mask {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:#000;
	opacity:.6;
	z-index:999
}
.preview-container {
	width:1030px;
	margin:auto;
	position:fixed;
	top:15%;
	left:0;
	right:0;
	z-index:999
}
.preview-container .preview-content {
	height:706px;
	font-size:0;
	background-color:#fff;
	border-radius:4px;
	overflow:hidden
}
.preview-container .sub-content {
	width:50%;
	height:100%;
	display:inline-block;
	vertical-align:top;
	box-shadow:-2px 0 3px rgba(0,0,0,0.04)
}
.preview-container .p-left {
	background-color:#f4f4f4
}
.preview-container .fk_frame_wrap {
	position:relative;
	width:375px;
	height:631px;
	margin:37.5px auto 0;
	box-shadow:0 1px 2px rgba(150,150,150,0.3)
}
.preview-container .fk_frame_wrap_mask {
	position:absolute;
	width:100%;
	height:100%;
	background:#eee
}
.preview-container .p-frame {
	width:100%;
	height:100%;
	position:absolute;
	display:block
}
.preview-container .p-right .wrapper {
	width:242px;
	margin:142px auto 0
}
.preview-container .qrcode-wrapper {
	margin-bottom:40px;
	text-align:center;
	border:1px solid #e6e7ec;
	width:242px;
	height:284px;
	box-sizing:border-box;
	padding-top:20px;
	border-radius:4px
}
.preview-container .qr-code {
	width:200px;
	height:200px
}
.preview-container .qrcode-tip {
	color:#666;
	font-size:13px;
	padding:10px 0;
	display:inline-block;
	padding-top:30px;
	font-size:14px;
	color:#666;
	line-height:1
}
.preview-container .cancel-btn {
	float:right
}
.preview-container .close-btn {
	width:15px;
	height:15px;
	position:absolute;
	top:20px;
	right:20px;
	background:url(../image/mbg01.png?v=201904031416) no-repeat -681px -44px;
	cursor:pointer;
	-webkit-transition:transform .15s;
	-o-transition:transform .15s;
	transition:transform .15s;
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	transform:rotate(0deg)
}
.preview-container .close-btn:hover {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}
.preview-container .toggle-btn {
	width:76px;
	height:76px;
	line-height:76px;
	border-radius:50%;
	position:absolute;
	top:0;
	bottom:0;
	margin:auto 0;
	background:rgba(0,0,0,0.055);
	text-align:center;
	cursor:pointer;
	transition:background .3s ease
}
.preview-container .toggle-btn:hover {
	background:rgba(0,0,0,0.3)
}
.preview-container .toggle-btn:after {
	content:"";
	width:19px;
	height:35px;
	display:inline-block;
	vertical-align:middle;
	margin:-3px auto 0
}
.preview-container .left-btn:after {
	margin-left:-3px;
	background:url(../image/mbg01.png?v=201904031416) no-repeat -412px -87px
}
.preview-container .right-btn:after {
	margin-right:-4px;
	background:url(../image/mbg01.png?v=201904031416) no-repeat -373px -87px
}
.preview-container .right-btn {
	right:0;
	margin-right:-156px
}
.preview-container .left-btn {
	margin-left:-156px
}
.preview-container .jz-btn-global-oper {
	margin:0 auto;
	display:block;
	width:140px;
	height:40px;
	color:#fff;
	line-height:40px;
	text-align:center;
	padding:0;
	border-radius:20px;
	cursor:pointer;
	border:1px solid #fd6040;
	font-size:13px;
	font-family:微软雅黑;
	background-color:#fd6040
}
.preview-container .jz-btn-global-oper:focus {
	outline:0
}
.preview-container .jz-btn-global-oper:active {
	border-color:#4a67d1;
	background-color:#4a67d1
}
.jz_index_introduce {
	background:#fff;
	position:relative;
	z-index:1;
	overflow:hidden
}
.introduce_content {
	width:1200px;
	height:270px;
	margin:60px auto 122px;
	color:#666;
	font-size:15px;
	line-height:2;
	box-shadow:0 0 15px 0 rgba(47,48,57,0.13);
	border-radius:10px;
	overflow:hidden;
	position:relative;
	transition:height .3s;
	background:url(/image/v2/index/introbg.png?v=202104141248) no-repeat right bottom
}
.introduce_content::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width:139px;
	height:135px;
	border-bottom-right-radius:100%;
	background:#f4f8fe
}
.jz_index_introduce .tab_select_line {
	left:391px;
	width:108px;
	overflow:hidden
}
.introduce_content_list {
	position:relative;
	left:0;
	width:300%;
	overflow:hidden;
	transition:left .3s
}
.introduceItem {
	width:1080px;
	padding:48px 60px 57px;
	float:left
}
.introduceItem dl {
	font-size:0;
	margin-bottom:10px
}
.introduceItem dt {
	position:relative;
	display:inline-block;
	width:120px;
	box-sizing:border-box;
	padding-left:18px;
	font-size:16px;
	font-weight:bold;
	color:#333;
	vertical-align:top
}
.introduceItem dt::before {
	content:"";
	display:inline-block;
	position:absolute;
	left:0;
	top:12px;
	width:7px;
	height:7px;
	background:#4975e5;
	border-radius:50%
}
.introduceItem dd {
	display:inline-block;
	font-size:15px;
	width:960px;
	vertical-align:top
}
.jz_banner--text {
	position:absolute;
	top:275px;
	font-size:16px;
	color:#fff;
	right:50%;
	margin-right:190px
}
.jz_banner--text p {
	position:relative;
	min-width:385px
}
.jz_banner--text p:not(:last-child) {
	margin-bottom:17px
}
.jz_banner--text p::after {
	position:absolute;
	top:50%;
	left:-20px;
	background-color:#fff;
	border-radius:50%;
	width:6px;
	height:6px;
	margin-top:-3px;
	content:''
}
.jz_banner_design_btn {
	width:145px;
	height:48px;
	line-height:48px;
	margin-right:452px
}
.jz_banner_design_btn .jz_anim_btn {
	font-family:Microsoft YaHei;
	font-weight:400;
	color:#1b82ff;
	border-radius:6px;
	font-size:16px
}









 /*效果一：360°旋转 修改rotate(旋转度数)*/
.xiaoguo1 {
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}

.xiaoguo1:hover {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}

/*效果二：放大 修改scale(放大的值)*/
.banner_icp_t,.xiaoguo2 {
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}

.banner_icp_t:hover,.xiaoguo2:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
}

/*效果三：旋转放大 修改rotate(旋转度数) scale(放大值)*/
.xiaoguo3 {
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}

.xiaoguo3:hover {
transform: rotate(360deg) scale(1.2);
-webkit-transform: rotate(360deg) scale(1.2);
-moz-transform: rotate(360deg) scale(1.2);
-o-transform: rotate(360deg) scale(1.2);
-ms-transform: rotate(360deg) scale(1.2);
}
/*效果四：上下左右移动 修改translate(x轴,y轴)*/
.xiaoguo4 {
transition: All 0.4s ease-in-out;
-webkit-transition: All 0.4s ease-in-out;
-moz-transition: All 0.4s ease-in-out;
-o-transition: All 0.4s ease-in-out;
}
.xiaoguo4:hover {
transform: translate(0, -10px);
-webkit-transform: translate(0, -10px);
-moz-transform: translate(0, -10px);
-o-transform: translate(0, -10px);
-ms-transform: translate(0, -10px);
}

/*自下而上*/
.xiaoguo5{
width:100px;
height:100px;
background:red;
position:absolute;
animation:myfirst 5s;
-webkit-animation:myfirst 1s;
animation-fill-mode: forwards;
}
@-webkit-keyframes myfirst /* Safari and Chrome */
{
0%   {background:red; left:500px; bottom:50px;}

100% {background:red; left:500px; height:210px;bottom:50px;}
}





/*按钮动画*/
.button-jittery,.ljzx {
  animation: jittery 3s infinite;
}
.button-jittery:hover,.ljzx:hover {
  animation: heartbeat 0.75s infinite;
}

.button__wrapper {
  display: inline-block;
  position: relative;
  width: 200px;
  height: 65px;
  display: flex;
  justify-content: center;
  align-items: center;
}
 
.button-pulse button {
  background: var(--bg-color);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.button-pulse .button__wrapper:hover .pulsing:before {
  animation: pulsing 0.2s linear infinite;
}
.button-pulse .button__wrapper:hover .pulsing:after {
  animation: pulsing1 0.2s linear infinite;
}
 
.pulsing {
  width: 99%;
  height: 99%;
  border-radius: 50px;
  z-index: 1;
  position: relative;
}
.pulsing:before, .pulsing:after {
  width: 100%;
  height: 100%;
  border: inherit;
  top: 0;
  left: 0;
  z-index: 0;
  background: #fff;
  border-radius: inherit;
  animation: pulsing 2.5s linear infinite;
}
.pulsing:after {
  animation: pulsing1 2.5s linear infinite;
} 
 
@keyframes jittery {
  5%,
  50% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  15% {
    transform: scale(1.15);
  }
  20% {
    transform: scale(1.15) rotate(-5deg);
  }
  25% {
    transform: scale(1.15) rotate(5deg);
  }
  30% {
    transform: scale(1.15) rotate(-3deg);
  }
  35% {
    transform: scale(1.15) rotate(2deg);
  }
  40% {
    transform: scale(1.15) rotate(0);
  }
}
@keyframes heartbeat {
  50% {
    transform: scale(1.1);
  }
}