/* 重定义 */
*{ margin:0; padding:0; border:0; word-break:break-all}
body { color:#000 ; font-family: "PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif; font-size:14px; background:#fff; min-width: 1400px;  }
a,button,input,optgroup,select,textarea,div { -webkit-appearance:none; font-family: "PingFang SC",Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei",STHeiTi,sans-serif; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); outline:none; }
a{ color:#000;}
ul,li,dl,dt { list-style:none;}
h1,h2,h3,h4,h5 { font-size:100%; font-weight: normal;}
em,i { font-style:normal;}
img,object { max-width: 100%;}
img{-ms-interpolation-mode: bicubic; border:none;}
.inline{ display:inline-block}
.clear{ clear:both; display:block}
.substring{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wrap{ width:1200px; margin:0 auto; position:relative;}
.clearfix:after{ content: ''; clear: both; display: block;}
.ftbold{ font-weight:bold}
.checkbox_ori{ -webkit-appearance: checkbox !important}
.fl{ float: left;}
.fr{ float: right}
.hide{ display:none !important;}
.hide1{ display:none;}
.w1200{ width: 1200px; margin: 0 auto; position: relative}
*[onclick]{ cursor: pointer}

.head{ position: fixed; left: 0; right: 0; height: 70px; z-index: 10; background: rgba(255,255,255,.5);}
.head1{ background: #fff !important; box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.head .logo{ float: left; height: 65px; margin-top: 5px;}
.head .btn1{ float: left; height: 30px; width: 120px; border: 1px solid transparent; text-align: center; line-height: 30px; margin-top: 19px; margin-left: 10px; }
.head .btn1.on1{ background: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; color: #3269ff; border-color: #3269ff}
.banner{ height:500px; width: 100%; background: url(images/banner1.jpg) center 0 no-repeat;}
.banner .btn1{ position: absolute; width: 160px; height: 48px; background: #3269ff; color: #fff; font-size: 18px; line-height: 48px; text-align: center; left: 0; top: 360px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.banner .btn2{ position: absolute; width: 158px; height: 46px; background: none; color: #3269ff; border: 1px solid #3269ff; font-size: 18px; line-height: 48px; text-align: center; left: 175px; top: 360px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.banner .btn2:hover{ background: #3269ff; color: #fff;}
.banner .btn1:hover{ opacity: .8}
.tit{ width: 1200px; text-align: center; margin-top: 70px;}
.index1{ width: 1240px; padding-top: 15px;}
.index1 .items:hover{ transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px);}
.index1 .items{ float: left; width: 390px; height: 130px; position: relative; background: #f6faff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin: 15px 15px 0 0; transition: all .2s linear}
.index1 .items .i{ position: absolute; width: 44px; height: 44px; background:#3269ff; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; right: 20px; top: 20px; z-index: 1;}
.index1 .items .t1{ line-height: 30px; font-size: 24px; font-weight: bold; padding: 24px 0 0 20px}
.index1 .items .t2{ line-height: 24px; font-size: 16px; color: #666; padding: 8px 0 0 20px}
.index2{ width: 1200px; height: 430px; background: url(images/img1.png) 0 0 no-repeat; margin-top: 30px; position: relative}
.index2 .t1{ position: absolute; left: 326px; top: 50px; width: 470px; z-index: 1;}
.index2 .t2{ position: absolute; left: 517px; top: 250px; width: 470px; z-index: 1;}
.index2 .s1{ font-weight: bold; font-size: 24px; line-height: 30px;}
.index2 .s2{ font-size: 16px; line-height: 30px; color: #666; margin-top: 10px;}
.index2 .s2 i{ float: left; width: 4px; height: 4px; background: #666; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 13px 12px 0 0;}
.index3{ width: 1200px; height: 380px; background: url(images/img2.png) 0 0 no-repeat; margin-top: 30px; position: relative}
.index3 .t1{ position: absolute; left: 520px; top: 60px; z-index: 1; width: 630px;}
.index3 .t1 p{ font-size: 16px; line-height: 24px; padding: 6px 0; color: #666; }
.index3 .t1 i{ float: left; width: 4px; height: 4px; background: #666; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 10px 12px 0 0;}
.index4{ width: 1200px; height: 370px; background: url(images/img4.png) 0 0 no-repeat; margin-top: 0px; position: relative}
.index4 .t1{ position: absolute; left: 50px; top: 100px; z-index: 1; width: 550px}
.index4 .t1 .a1{ float: left; height: 30px; width: 120px; border: 1px solid #3269ff; text-align: center; line-height: 30px; margin-bottom: 15px; margin-right: 10px; background: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; color: #3269ff;}
.index5{ width: 1200px; height: 340px; background: url(images/img5.png) 0 0 no-repeat; margin-top: 30px; position: relative}
.index5 .t1{ position: absolute; left: 520px; top: 30px; z-index: 1; width: 630px;}
.index5 .t1 p{ font-size: 16px; line-height: 24px; padding: 4px 0; color: #666; }
.index5 .t1 i{ float: left; width: 4px; height: 4px; background: #666; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 10px 12px 0 0;}
.swiper1{ background: none !important;}
.swiper1.layui-carousel>[carousel-item]>*{ background: none !important;}
.index6{ width: 1200px; height: 300px; background: url(images/img6.png) 0 0 no-repeat; margin-top: 30px; position: relative}
.index6 .t1{ position: absolute; top: 50%; left: 50px; width: 660px; margin-top: -60px;}
.index6 .t1 p{ font-size: 16px; line-height: 24px; padding: 8px 0; color: #666; }
.index6 .t1 i{ float: left; width: 4px; height: 4px; background: #666; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 10px 12px 0 0;}
.index7{ width: 1200px; height: 300px; background: url(images/img7.png) 0 0 no-repeat; margin-top: 30px; position: relative}
.index7 .t1{ position: absolute; top: 50%; left: 50px; width: 720px; margin-top: -72px;}
.index7 .t1 p{ font-size: 16px; line-height: 24px; padding: 8px 0; color: #666; }
.index7 .t1 i{ float: left; width: 4px; height: 4px; background: #666; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 10px 12px 0 0;}
.index8{ width: 1200px; height: 300px; background: url(images/img8.png) 0 0 no-repeat; margin-top: 30px; position: relative}
.index8 .t1{ position: absolute; top: 50%; left: 50px; width: 660px; margin-top: -52px;}
.index8 .t1 p{ font-size: 16px; line-height: 24px; padding: 8px 0; color: #666; }
.index8 .t1 i{ float: left; width: 4px; height: 4px; background: #666; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin: 10px 12px 0 0;}
.index9{ width: 1200px; height: 400px; background: url(images/img3.png) 0 0 no-repeat; margin-top: 20px; position: relative}
.index10 .items{ float: left; width: 150px; text-align: center; margin-top: 30px;}
.index10 .items .img{ width: 100px; height: 100px; margin: 0 auto;}
.index10 .items .img1{ width: 100px; height: 100px; margin: 0 auto; background: #f5f5f5; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;}
.index10 .items .img1 .iconfont{ font-size: 60px; color: #999; display: block; line-height: 100px;}
.index10 .items .img img{ width: 100px; height: 100px; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear;}
.index10 .items .t1{ line-height: 20px; font-size: 16px; color: #000; margin-top: 14px;}
.index10 .items:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1)}
.index11{ width: 100%; padding: 70px 0; background: url(images/img9.jpg) center 0 no-repeat; margin-top: 70px;}
.index11 .tit{ margin-top: 0}
.index11 .txt{ width: 1240px; padding-top: 5px;}
.index11 .txt .items{ float: left; width: 180px; height: 50px; background: #fff; border-radius: 10px; padding: 25px 20px; font-size: 0; line-height: 0; margin: 20px 25px 0 0; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear;}
.index11 .txt .items img{ width: 180px; height: 50px;}
.index11 .txt .items:hover{ transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px);}
.index11 .txt .items .iconfont{ display: block; width: 180px; height: 50px; text-align: center; line-height: 50px; font-size: 100px; color: #3269ff; opacity: .3}
.foot{ background: #26344b; color: #fff}
.foot .l{ float: left; width: 800px; padding: 50px 0 30px;}
.foot .l .t2{ padding-top: 8px; }
.foot .l .t2 .items{ height: 28px; line-height: 28px; font-size: 16px; margin-top: 16px;}
.foot .l .t2 .items .iconfont{ float: left; width: 28px; height: 28px; background: #fff; color: #26344b; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 16px; line-height: 28px; text-align: center; font-size: 18px; margin-right: 10px;}
.foot .r{ float: right; width: 120px; margin-top: 35px; text-align: center}
.foot .r .img{ width: 110px; height: 110px; padding: 5px; background: #fff}
.foot .r .t1{ font-size: 14px; line-height: 20px; margin-top: 10px;}
.foot .line2{ border-top: 1px solid #182130;border-bottom: 1px solid #364a67;}
.foot .txt{ padding: 25px 0; line-height: 20px; font-size: 14px;}
.foot a{ color: #fff}

.foot .i1{ display:inline-block;height:16px;line-height:16px; padding:0 20px 0 0;font-size:12px; color: #fff}
.newicon_rz1,.newicon_rz2,.newicon_rz3,.newicon_rz4{display:inline-block;height:16px;line-height:16px;background:url(images/jobbtm_ico.png) no-repeat;padding:0 20px 0 20px;font-size:12px; color: #fff}
.newicon_rz1{background-position:0 0}
.newicon_rz2{background-position:0 -16px}
.newicon_rz3{background-position:0 -32px}
.newicon_rz4{background:0 0;padding-left:0}


.shareimg{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
.shareimg1{text-align:center;padding:40px 30px 30px}
.shareimg1 img{width:200px;height:200px}
.shareimg1 .t1{font-size:18px;line-height:24px;margin-top:15px}
.fixright{ position:fixed;left:50%;margin-left:640px;bottom:40px;width:50px;}
.fixright a{ width: 50px; height:50px;background:#fff;border:1px solid #eee;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;color:#666;line-height:50px;text-align:center;cursor:pointer; display: block; margin-top: 10px;}
.fixright a .iconfont{font-size:32px}
.fixright a:hover{background:#3269ff;color:#fff; border:1px solid #3269ff}
.job .layui-layer-setwin .layui-layer-close2:hover{ background: #3269ff }

.head .btn1.on2{ background: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; color: #f3426d; border-color: #f3426d}
.love .layui-layer-setwin .layui-layer-close2:hover{ background: #f3426d }
.banner2{ height:500px; width: 100%; background: url(images/banner2.jpg) center 0 no-repeat;}
.banner2 .btn1{ position: absolute; width: 160px; height: 48px; background: #f3426d; color: #fff; font-size: 18px; line-height: 48px; text-align: center; left: 0; top: 360px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.banner2 .btn1:hover{ opacity: .8}
.banner2 .btn2{ position: absolute; width: 158px; height: 46px; background: none; color: #f3426d; border: 1px solid #f3426d; font-size: 18px; line-height: 48px; text-align: center; left: 175px; top: 360px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}
.banner2 .btn2:hover{ background: #f3426d; color: #fff;}
.fixright.lvfix a:hover{background:#f3426d; color:#fff; border:1px solid #f3426d}
.lvindex1{ width: 1200px; height: 390px; background: url(images/xq7.jpg) 0 0 no-repeat; margin-top: 30px;}
.lvindex2{ width: 1200px; height: 283px; background: url(images/xq8.jpg) 0 0 no-repeat; margin-top: 0; position: relative}
.lvindex2 .t1{ position: absolute; left: 50px; top: 100px; z-index: 1; width: 550px}
.lvindex2 .t1 .a1{ float: left; height: 30px; width: 120px; border: 1px solid #f3426d; text-align: center; line-height: 30px; margin-bottom: 15px; margin-right: 10px; background: #fff; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; color: #f3426d;}
.lvindex3 .items{ float: left; width: 150px; text-align: center; margin-top: 30px;}
.lvindex3 .items .img{ width: 100px; height: 100px; margin: 0 auto;}
.lvindex3 .items .img1{ width: 100px; height: 100px; margin: 0 auto; background: #f5f5f5; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px;}
.lvindex3 .items .img1 .iconfont{ font-size: 60px; color: #999; display: block; line-height: 100px;}
.lvindex3 .items .img img{ width: 100px; height: 100px; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear;}
.lvindex3 .items .t1{ line-height: 20px; font-size: 16px; color: #000; margin-top: 14px;}
.lvindex3 .items:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1)}
.lvindex4{ margin-top: 30px;}
.lvindex4 .xq1{ padding: 0 150px;}
.lvindex5{ width: 100%; padding: 70px 0; background: url(images/xq9.jpg) center 0 no-repeat; margin-top: 70px;}
.lvindex5 .tit{ margin-top: 0}
.lvindex5 .txt{ width: 1240px; padding-top: 5px;}
.lvindex5 .txt .items{ float: left; width: 180px; height: 50px; background: #fff; border-radius: 10px; padding: 25px 20px; font-size: 0; line-height: 0; margin: 20px 25px 0 0; transition: all .2s linear; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; position: relative}
.lvindex5 .txt .items img{ width: 180px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}
.lvindex5 .txt .items:hover{ transform: translateY(-8px); -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px);}
.lvindex5 .txt .items .iconfont{ display: block; width: 180px; height: 50px; text-align: center; line-height: 50px; font-size: 100px; color: #f3426d; opacity: .3}