@charset "utf-8";
/* CSS Document */
body { font: 16px/1.5 helvetica, Arial, '微软雅黑'; color: #333; background-color: #fff; }
/*Webkit,Opera9.5+,Ie9+*/
::selection { background: #4299de; color: #fff; }
/*Mozilla Firefox*/
::-moz-selection {
 background:#4299de;
 color:#fff;
}
body, header, footer, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
i, b { font-style: normal; font-weight: normal }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: none; }
legend { display: none }
address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: "" }
a { text-decoration: none; color: #333; }
/*a:active{ background:none;}*/
a:hover { text-decoration: none }
a:hover { color: #e90119; }
abbr, acronym { border: 0; }
.less12px { -webkit-text-size-adjust: none; }/*chrome私有属性，允许font-size<12px*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block }
* html .clearfix { height: 1%; }
.clearfix { display: block }
.tul, .tul:hover { text-decoration: underline; }
input[type="checkbox"], input[type="radio"] { margin-left: 5px; margin-right: 5px; }
input, img, textarea, button { outline: none; vertical-align: middle; font: 14px helvetica, Arial, '微软雅黑'; }
a { -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; transition: all .2s ease-out; }
a, img, .timer { -o-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; outline: none; }
/******验证*****/
.Validform_checktip { margin-left: 0; line-height: 32px; height: 32px; overflow: hidden; color: #999; font-size: 12px; overflow: hidden; position: absolute; left: 420px; }
.message-form2 .Validform_checktip { left: 420px; }
.applTable .Validform_checktip { right: 0; left: auto; }
.applTable .Validform_error { background: none; }
.message-form2 li { position: relative; }
.Validform_right { color: #71b83d; padding-left: 0; }
.Validform_wrong { color: red; padding-left: 0; white-space: nowrap; }
.Validform_loading { padding-left: 20px; }
.Validform_error { background-color: #ffe7e7; }
#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0px; right: 50px; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}
#Validform_msg .iframe { position: absolute; left: 0px; top: -1px; z-index: -1; }
#Validform_msg .Validform_title { line-height: 25px; height: 25px; text-align: left; font-weight: bold; padding: 0 8px; color: #fff; position: relative; background-color: #000; }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 22px; position: absolute; right: 8px; top: 0px; color: #fff; text-decoration: none; }
#Validform_msg a.Validform_close:hover { color: #cc0; }
#Validform_msg .Validform_info { padding: 8px; border: 1px solid #000; border-top: none; text-align: left; }
/* 按钮 */
.btn-box { padding-top: 18px; text-align: center; }
.btn-defaul { background-color: #fff; border: 1px solid #999; border-radius: 4px; display: inline-block; line-height: 36px; padding: 0 25px; text-align: center; color: #666; cursor: pointer;/* box-shadow: 0 0 5px #ddd;*/ }
.zwrap { position: relative; width: 100%; min-width: 1200px; }
.zwrap .content { width: 1200px; margin-left: auto; margin-right: auto; }
.titlezhuan { padding-top: 45px; margin-bottom: 70px; text-align: center; }
.titlezhuan .large { font-size: 50px; line-height: 60px; }
.titlezhuan .small { margin-top: 20px; font-size: 16px; line-height: 26px; }
.zhuan-banner { position: relative; overflow: hidden; }
.zhuan-banner .bpic { position: absolute; width: 1920px; height: 100%; left: 50%; margin-left: -960px; top: 0; }
.zhuan-banner .content { position: relative; z-index: 10; }
.website-banner { height: 859px; }
.website-banner .content { padding-top: 123px; }
.website-banner .content .item2 { margin-top: 30px; margin-left: -60px; }
.website-banner .content .item3 { margin-top: 36px; }
.website-banner .content .item4 { position: relative; z-index: 2; margin-top: 40px; margin-bottom: 40px; overflow: hidden; }
.website-banner .content .class { float: left; width: 110px; margin-right: 10px; background-color: #eda204; border-radius: 5px; text-align: center; font-size: 20px; line-height: 46px; color: #fff; text-transform: uppercase; }
.website-block1 { background: url("../images/img/extend1-bg1.jpg") 50% 469px no-repeat; overflow: hidden; }
.website-serve { padding-bottom: 57px; }
.website-serve .list { margin-left: -21px; }
.website-serve .list li { float: left; width: 284px; height: 389px; margin-left: 21px; background-color: #fff; text-align: center; border-radius: 10px; box-shadow: 0 0 30px rgba(28,100,224,0.13); }
.website-serve .list .pic { margin-bottom: 30px; display: block; height: 86px; padding-top: 80px; }
.website-serve .list img { max-height: 100%; }
.website-serve .list .title { margin-bottom: 10px; font-size: 20px; line-height: 32px; }
.website-serve .list .txt { color: #666; line-height: 30px; font-size: 14px; }
.website-good { padding-bottom: 80px; overflow: hidden; }
.website-good .pic { float: left; width: 640px; height: 447px; padding-top: 15px; margin-left: -25px; margin-right: 30px; }
.website-good .list { padding-top: 40px; float: left; width: 554px; }
.website-good .list li { position: relative; padding-left: 85px; margin-bottom: 50px; }
.website-good .list .img { position: absolute; left: 0; top: 0; width: 66px; }
.website-good .list .title { margin-bottom: 8px; font-size: 26px; line-height: 23px; }
.website-good .list .txt { font-size: 16px; line-height: 30px; }
.website-case { padding-bottom: 90px; position: relative; z-index: 10; }
.website-case .list { overflow: hidden; margin-left: -21px; }
.website-case li { float: left; width: 284px; margin-left: 21px; margin-bottom: 50px; }
.website-case li .pic { display: block; position: relative; height: 190px; border-radius: 10px; overflow: hidden; }
.website-case .pic>img { display: block; width: 100%; height: 100%; }
.website-case li .case-logo { position: absolute; top: 0; left: 0; width: 100%; height: 100%; line-height: 190px; background: url("../images/img/extend1-blackbg.png") top left repeat; text-align: center; }
.website-case li img { max-width: 100%; max-height: 100%; }
.website-case li:hover .pic>img { transform: scale(1.03, 1.03); }
.website-case li .title { font-size: 20px; line-height: 34px; margin-top: 18px; }
.website-case li .txt { line-height: 30px; color: #666; text-transform: uppercase; }
.website-block1:after { content: ""; position: absolute; z-index: 0; bottom: 0; left: 50%; margin-left: -960px; width: 1920px; height: 454px; background: url("../images/img/extend1-bg2.jpg") center no-repeat; }
.extend-form { background-color: #1e65df; padding: 60px 0; }
.extend-form .title { margin-bottom: 35px; text-align: left; color: #fff; line-height: 24px; }
.extend-form .title .large { font-size: 40px; line-height: 44px; }
.extend-form .title .small { margin-top: 10px; }
.extend-form .form { overflow: hidden; }
.extend-form .list { float: left; margin-right: 20px; padding-bottom: 20px; width: 284px; }
.extend-form .list:last-child { margin-right: 0; }
.extend-form .listL { width: 450px; }
.extend-form .listS { width: 120px; }
.extend-form .list input[type='text'] { display: block; width: 100%; height: 27px; padding: 10px 0; border: none; font-size: 16px; text-indent: 20px; line-height: 27px; }
.extend-form .list .btn-defaul { padding: 0; display: block; width: 100%; border-radius: 0; border: none; background-color: #eda204; line-height: 47px; font-size: 20px; color: #fff; }
/* 小程序 */
.extend-form2 { background-color: #4797ed; }
.applet-banner { height: 900px; }
.applet-banner .content .main { padding-top: 260px; text-align: center; }
.applet-banner .content .txt { display: none; }
.applet-wrap1 { background-color: #fff; overflow: hidden; }
.applet-wrap1 img { display: block; width: 1200px; }
.applet-wrap2 { padding: 115px 0 150px; background-color: #fafcff; }
.applet-introduce { overflow: hidden; }
.applet-introduce .left { float: left; }
.applet-introduce .right { float: right; }
.applet-introduce .pic { width: 800px; }
.applet-introduce .pic img { display: block; width: 100%; }
.applet-introduce .main { padding-top: 10px; width: 400px; color: #666; }
.applet-introduce .title { margin-bottom: 33px; }
.applet-introduce .title .large { font-size: 36px; line-height: 46px; color: #4797ed; }
.applet-introduce .title .small { font-size: 24px; line-height: 34px; margin-top: 5px; }
.applet-introduce .box { margin-bottom: 40px; border: 1px solid #e5f0ff; border-radius: 10px; overflow: hidden; line-height: 48px; font-size: 24px; }
.applet-introduce .box .blue { background-color: #e5f0ff; }
.applet-introduce .item { padding: 36px 49px 40px; }
.applet-introduce .btn-defaul { padding: 0; width: 200px; background-color: #4797ed; border: none; color: #fff; line-height: 50px; font-size: 24px; }
.applet-wrap3 { padding: 110px 0 140px; }
.applet-wrap4 { padding: 110px 0 100px; background-color: #fafcff; }
.applet-wrap4 .title { margin-bottom: 33px; text-align: center; }
.applet-wrap4 .title .large { font-size: 36px; line-height: 46px; color: #4797ed; }
.applet-wrap4 .title .small { font-size: 24px; line-height: 34px; margin-top: 5px; color: #666; }
/* box */
.applet-case { position: relative; padding: 5px 0; width: 1160px; height: 530px; margin: 0 auto; overflow: hidden; }
.applet-case ul { position: relative; width: 1160px; height: 530px; }
.applet-case li { position: absolute; box-shadow: 0 0 5px #ccc; list-style: none; background: #000; width: 0; height: 0; top: 146px; left: 377px; z-index: 0; cursor: pointer; overflow: hidden; }
.applet-case li img { width: 100%; height: 100%; vertical-align: top; }
.applet-case .prev, .applet-case .next { position: absolute; z-index: 100; top: 50%; width: 39px; height: 80px; margin-top: -40px; overflow: hidden; text-indent: -999px; cursor: pointer; background: url(../images/img/btn.png) no-repeat; }
.applet-case .prev { left: 0px; }
.applet-case .next { right: 0px; background-position: -39px 0; }
.applet-swiper { width: 1200px; padding-top: 30px; padding-bottom: 60px; }
.applet-swiper .swiper-slide { background-position: center; background-size: cover; width: 300px; height: 530px; box-shadow: 0 0 7px #ccc; }
.applet-swiper .swiper-pagination { z-index: 1000; }
.zhuanfoot { width: 100%; min-width: 1200px; background-color: #1957c2; }
.zhuanfoot .content { width: 1200px; margin: 0 auto; }
.zhuanfootApp { background-color: #3d82cc; }
.zhuanfoot .content { overflow: hidden; color: #fff; }
.zhuanfoot .left { float: left; line-height: 50px; }
.zhuanfoot .left a { float: left; margin-right: 30px; color: #fff; font-size: 17px; font-weight: bold; letter-spacing: 1px; }
.zhuanfoot .left .link { padding: 0 10px; }
.zhuanfoot .right { float: right; height: 30px; padding: 10px 0; }
.zhuanfoot .right img { display: block; height: 100%; }
.zhuanfoot { overflow: hidden; }
.zhuanfoot .item { float: left; line-height: 50px; width: 50%; color: #fff; font-size: 17px; font-weight: bold; letter-spacing: 1px; }
.zhuanfoot .item a { display: inline-block; color: #fff; margin-left: 5px; }
.zhuanfoot .item .link { padding: 0 10px; margin-left: 20px; }
.zhuanfoot .itemlogo { float: right; padding: 10px 0; height: 30px; }
.zhuanfoot .itemlogo img { display: block; height: 100%; }
/*返回头部*/
.izl-rmenu { position: fixed; right: 5px;/*margin-left:532px;*/ bottom: 10px; padding-bottom: 50px; z-index: 999; }
.izl-rmenu .btn { width: 52px; height: 52px; margin-bottom: 1px; cursor: pointer; position: relative; }
.izl-rmenu .btn-qq { background: url(../images/r_qq.png) center no-repeat; background-size: 100%; }
.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited { background: url(../images/r_qq.png) center no-repeat; text-decoration: none; display: block; }
.izl-rmenu .btn-wx { background: url(../images/r_wx.png) center no-repeat; }
.izl-rmenu .btn-wx .pic { position: absolute; left: -140px; top: 0px; display: none; width: 140px; height: 140px; }
.izl-rmenu .btn-phone { background: url(../images/r_phone.png) center no-repeat; }
.izl-rmenu .btn-phone .phone { position: absolute; width: 160px; left: -160px; top: 0px; line-height: 52px; color: #FFF; font-size: 18px; text-align: center; display: none; }
.izl-rmenu .btn-top { background: url(../images/r_top.png) center no-repeat; }
.izl-rmenu .btn-class { display: block; background: url(../images/r_class.png) center no-repeat; background-size: 100%; }
.izl-rmenu .btn-class, .izl-rmenu .btn-qq, .izl-rmenu .btn-wx, .izl-rmenu .btn-phone, .izl-rmenu .btn-top { background-color: #2b78d9 !important; }
.izl-rmenu .btn-class a, .izl-rmenu .btn-qq a, .izl-rmenu .btn-wx a, .izl-rmenu .btn-phone a, .izl-rmenu .btn-top a { color: #FFF !important; }
.izl-rmenu .btn-class:hover, .izl-rmenu .btn-qq:hover, .izl-rmenu .btn-wx:hover, .izl-rmenu .btn-phone:hover, .izl-rmenu .btn-top:hover, .izl-rmenu .btn-phone .phone { background-color: #2b78d9 !important; }