@font-face {font-family: PingFangMedium; src: url('PingFangMedium.otf')} @font-face {font-family: DIN; src: url('DIN-Black.otf')} body,input,h1,h2,h3,h4,h5,h6,p,textarea,table,div,ul,li,select,span,em,i,button{margin:0;padding:0;color:inherit;line-height: inherit;font-family:'PingFangMedium',"PingFangSC-Regular","microsoft yahei";} img{border:0;display: inline-block;max-width:100%;vertical-align: middle;} .fl{float:left;} .fr{float:right;} ul,li{ list-style:none; } a{ text-decoration:none; color:inherit;} :focus{outline:none!important;border-color:inherit;} .clearfix{*zoom: 1;} .clearfix:before,.clearfix:after {display: table;line-height: 0;content: "";} .clearfix:after{clear: both;} /*table{border-collapse:collapse;border-spacing:0;width:100%}*/ h3,h4,h5,h6{font-weight: normal;} em,i{font-style:normal;font-size:inherit;} *{box-sizing:border-box;} input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance: none;} input[type="button"]{border:none;} textarea { -webkit-appearance: none;} .auto{width: 1200px;margin:0 auto;} :hover{transition: all .2s;} .bold{font-weight: bold;} .center{text-align: center!important;} .img{width: 100%;display: block;} .ellipsis{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .ele{position:relative;} .ele:before,.ele:after{content:'';position:absolute;display: block;} .ipt{border:none;} .img_hover_wrap{overflow: hidden;} .item_scale .icon{transition: all .3s;} .item_scale:hover .icon{transform: scale(1.05,1.05);} .img_hover{transition: all .3s;} .img_hover:hover{transform: scale(1.05,1.05);} .img_traslate{transition: all .3s;} .img_traslate:hover{transform: translateY(-10px);} .img_rotate{transition: all .3s;} .img_rotate:hover{transform:rotate(-360deg);} .clamp{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;/*-webkit-line-clamp: 3;*/} .text-right{text-align: right!important;} .c_blue{color: #2b9fe8!important} .item .imgbox{overflow: hidden;display: block;} .item .img{transition: all 1s;} .item:hover .img{transform: scale(1.1,1.1);} /*鏂伴椈鍔ㄦ€?/ .head { background: #f1f3f5; padding: 15px 0 15px; position: fixed; width: 100%; z-index: 11; } .head .auto{/*width: 96%;max-width:1720px;*/position:relative;} .hd_logo { position: absolute; left: -218px; top: -19px; } .hd_logo .img { position: relative; top: 16px; left: 3px; } .hd_cen{} .hd_info{} .hd_info .dm{font-size: 14px;color: #7c94b0;line-height: 46px;display: inline-block;vertical-align: middle;} .hd_info .searbox{border-radius:3px;overflow: hidden;display: inline-block;vertical-align: middle;margin:0} .hd_info .searbox .ipt_txt{width: 610px;line-height: 46px;height: 46px;float: left;font-size: 14px;color: #8fa4bd;padding:0 20px;} .hd_info .searbox .submit{font-size: 16px;color: #fff;width: 120px;line-height: 46px;height: 46px;background: #2b9fe8;text-align: center;border:none;cursor: pointer;float: left;border-radius:3px;} .hd_info .searbox .submit:hover{background: #057bc5;} .hd_info .btns{display: inline-block;vertical-align: middle;margin-left: 40px;} .hd_info .btns .lk{font-size: 14px;color: #2b9fe8;width: 120px;line-height: 36px;border:1px solid #2b9fe8;border-radius:4px;text-align: center;display: inline-block;vertical-align: middle;margin-left: 5px;} .hd_info .btns .lk:hover{color: #fff;background: #2b9fe8;} .hd_nav{font-size: 0;text-align: center;margin-top: 15px;} .hd_nav li{display: inline-block;vertical-align: middle;margin:0 26px;position:relative;} .hd_nav li>a{font-size: 17px;color: #333333;display: block;position:relative;line-height: 50px;} .hd_nav li>a:after{content:'';position:absolute;left: 50%;bottom: 0;width: 0;height: 4px;background: #2b9fe8;border-radius:4px;transition: all .3s;} .hd_nav li.cur>a,.hd_nav li:hover>a{color: #2b9fe8;} .hd_nav li.cur>a:after,.hd_nav li:hover>a:after{width: 36px;margin-left: -18px;} .hd_tel{position:absolute;right: -250px;top: 10px;} .hd_tel .fz{font-size: 16px;color: #899bb0;background: url(../images/icon_01.png) no-repeat left center;background-size:18px;padding-left: 24px;display:none;} .hd_tel .tel { font-size: 18px; color: #2b9fe8; padding-left: 24px; background: url(../images/icon_01.png) no-repeat left center; } .foot{background: #f8fbff;padding:20px 0;} .foot .lbox{width: 60%;padding-top: 20px;} .foot .rbox{} .foot .menu{font-size: 16px;color: #666;margin-left: -15px;} .foot .menu .lk{font-size: 18px;color: #333333;display: inline-block;vertical-align: middle;padding:0 15px;} .foot .menu .lk:hover{color: #2b9fe8;} .foot .txt{margin-top: 0px;font-size: 0;} .foot .txt .fz{font-size: 16px;color: #909090;line-height: 30px;display: inline-block;vertical-align: middle;min-width:220px;margin-top: 25px;} .foot .txt .tel{background: url(../images/ft_03.png) no-repeat left 6px;background-size:18px;padding-left: 25px;} .foot .txt .dz{background: url(../images/ft_04.png) no-repeat left 6px;background-size:18px;padding-left: 25px;} .foot .grp{display: inline-block;vertical-align: middle;text-align: center;margin-left: 70px;} .foot .grp .tp{width: 100px;border:1px solid #e5e5e5;height: 100px;} .foot .grp .fz{font-size: 16px;color: #909090;line-height: 22px;margin-top: 8px;} .foot .grp:first-child{margin-left: 0;} .inner_ban { position: relative; padding-top: 131px; } .inner_ban .img{width: 100%;display: block;} .inner_ban .titbox{position:absolute;width: 100%;left: 0;top: 50%;text-align: center;margin-top: -65px;} .inner_ban .cn{font-size: 76px;color: #fff;line-height: 80px;letter-spacing:4px;} .inner_ban .en{font-size: 24px;color: #fff;margin-top: 18px;opacity: .6;} .main{padding:55px 0;} .main_l{width: 290px;float: left;} .menu_bar{background: #f8fbff;} .menu_bar .tit{font-size: 21px;color: #fff;line-height: 60px;background: #2b9fe8;text-align: center;} .menu_bar .box{padding:0 10px;cursor: pointer;} .menu_bar .lk{font-size: 17px;color: #333333;display: block;position:relative;line-height: 60px;border-bottom:1px dashed #e4e9f1;padding-left: 75px;} .menu_bar .lk:before{content:'';width: 6px;height: 6px;background: #a7afba;border-radius:50%;display: inline-block;vertical-align: middle;margin-right: 15px;} .menu_bar .lk:hover,.menu_bar .lk.cur{color: #2b9fe8;} .menu_bar .lk:hover:before,.menu_bar .lk.cur:before{background: #2b9fe8;} .menu_bar .lk:last-child{border-bottom:none;} .main_r{width: 865px;float: right;} .pub_tt{font-size: 18px;color: #2b9fe8;line-height: 60px;height: 60px;border-bottom:1px solid #ddd;padding-left: 15px;position:relative;} .pub_tt:before{content:'';position:absolute;left: 0;top: 50%;width: 6px;height: 20px;background: #2b9fe8;margin-top: -10px;display: block;} .xw_list{} .xw_list .item{padding:40px 0;border-bottom:1px dashed #e4e9f1;} .xw_list .imgbox{display: block;float: left;width: 350px;} .xw_list .img{width: 100%;height: 205px;} .xw_list .info{margin-left: 385px;padding-top:10px;} .xw_list .title{font-size: 18px;color: #333333;display: block;} .xw_list .txt{font-size: 14px;color: #666666;line-height: 26px;-webkit-line-clamp: 3;height: 78px;margin-bottom: 20px;margin-top: 20px;} .xw_list .more{font-size: 14px;color: #999999;} .xw_list .item:hover .title{color: #2b9fe8;} .xw_list .more:hover{color: #2b9fe8;} .pagelist{text-align: center;margin-top: 40px;} .pagelist a{display: inline-block;vertical-align: middle;font-size: 14px;color: #666666;min-width:40px;line-height: 40px;border:1px solid #e5e5e5;height: 40px;text-align: center;padding:0 10px;margin:0 2px;} .pagelist a.active,.pagelist a:hover{color: #fff;background: #2b9fe8;border-color:#2b9fe8;} /*鍩硅涓庢湇鍔?/ .fw_wrap { padding: 20px 0 10px 0;} .fw_wrap .editbox{font-size: 14px;color: #333333;line-height: 30px;} .fw_wrap .editbox h6{font-size: 16px;color: #333333;margin-bottom: 5px;} .fw_wrap .editbox .smtxt{color: #666666;} .fw_wrap .editbox .smtxt p{position:relative;padding-left: 18px;} .fw_wrap .editbox .smtxt p:before{content:'';position:absolute;left: 0;top: 12px;width: 6px;height: 6px;border-radius:50%;background: #a7afba;} /*琛屼笟搴旂敤*/ .hy_menu{text-align: center;margin-bottom: 55px;cursor: pointer;} .hy_menu .lk{font-size: 22px;color: #333333;font-weight: bold;display: inline-block;vertical-align: middle;margin:0 6%;position:relative;line-height:55px;position:relative;} .hy_menu .lk i{position:relative;z-index:5;} .hy_menu .lk.cur,.hy_menu .lk:hover{color: #2b9fe8;} .hy_menu .lk:after{content:'';position:absolute;width: 0;height: 8px;background: #d5ecfa;left: 50%;bottom: 5px;transition: all .3s;} .hy_menu .lk.cur:after,.hy_menu .lk:hover:after{width: 80px;margin-left: -40px;} .hy_list{margin-left: -20px;} .hy_list .item{width: 385px;float: left;margin:0 0 20px 20px;} .hy_list .imgbox{display: block;position:relative;} .hy_list .img{width: 100%;height: 220px;} .hy_list .mask{background: rgba(43,139,232,.5);position:absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;transition: all .3s;} .hy_list .more{font-size: 14px;color: #2b9fe8;background: #fff;width: 120px;line-height: 40px;text-align: center;border-radius:20px;position:absolute;left: 50%;top: 50%;margin-left: -60px;margin-top: -20px;} .hy_list .info{padding: 15px;box-shadow:0 0 5px rgba(99,99,99,.2);} .hy_list .title{display: block;font-size: 18px;color: #333333;font-weight: bold;} .hy_list .txt{font-size: 15px;color: #909699;line-height: 26px;-webkit-line-clamp: 2;height: 52px;margin-top: 10px;} .hy_list .item:hover .title{color: #2b9fe8;} .hy_list .item:hover .mask{opacity: 1;} .fcNone {padding-left:0px;} /*浜у搧涓績*/ .pro_list { margin-top: 30px; margin-left: 0px; } .pro_list .item { width: 260px; float: left; margin: 0 0 35px 28px; padding: 20px 15px 20px; position: relative; box-shadow: 0 4px 20px rgb(122 149 166 / 17%); } .pro_list .img { height: 130px; width: auto; margin: auto; } .pro_list .title{font-size: 14px;color: #333333;line-height: 24px;text-align: center; font-weight: bold;} .pro_list .shade{position:absolute;width: 100%;height: 100%;left: 0;top: 0;padding:30px 15px 0;background: rgba(43,159,232,.9);opacity: 0;transition: all .3s;} .pro_list .tit{font-size: 18px;color: #fff;} .pro_list .fz{font-size: 14px;color: #fff;margin-top: 5px;} .pro_list .txt{font-size: 14px;color: #ffffff;-webkit-line-clamp: 2;line-height: 24px;height: 63px;margin-top: 20px;padding-top: 15px;border-top:1px solid rgba(255,255,255,.2);margin-bottom: 25px;} .pro_list .more{width: 38px;height: 10px;background: url(../images/idx_25.png) no-repeat center;background-size:contain;} .pro_list .item:hover .shade{opacity: 1;} .loadmore{display: block;width: 200px;line-height: 60px;font-size: 18px;color: #fff;margin:15px auto;background: #2b9fe8;text-align: center;} .loadmore:after{content:'';display: inline-block;vertical-align: middle;width: 11px;height: 11px;background: url(../images/pro_02.png) no-repeat center;background-size:contain;margin-left: 10px;} .loadmore:hover{background: #057bc5;} /*鑱旂郴鎴戜滑*/ .pub_titbox{text-align: center;margin-bottom: 80px;} .pub_titbox .en{font-size: 88px;color: #f4f7fb;font-weight: bold;font-family: arial;text-transform: uppercase;line-height: 90px;letter-spacing:3px;} .pub_titbox .cn{font-size: 30px;color: #333333;line-height: 30px;margin-top: -40px;font-weight: bold;letter-spacing: 2px;} .lx_job{margin:100px 0;} .lx_job .list{margin-left: -3%;} .lx_job .list .item{padding: 25px;float: left;width: 47%;margin:0 0 3% 3%;box-shadow:0 0 5px rgba(99,99,99,.2);position:relative;} .lx_job .list .item>a{display: block;} .lx_job .list .title{font-size: 22px;color: #333333;font-weight: bold;line-height: 30px;margin-bottom: 35px;} .lx_job .list .more{font-size: 16px;color: #666666;} .lx_job .list .ico{position:absolute;right: 22px;top: 22px;} .lx_job .list .item:hover .title,.lx_job .list .item:hover .more{color: #2b9fe8;} .lx_fc{margin-bottom: 100px;} .lx_fc .detail{position:relative;box-shadow:0 0 5px rgba(99,99,99,.2);} .lx_fc .item{} .lx_fc .item .imgbox{width: 680px;display: block;float: left;} .lx_fc .item .img{width: 100%;height: 355px;} .lx_fc .item .info{padding:65px 50px 0 70px;margin-left: 680px;position:relative;} .lx_fc .item .txt{font-size: 16px;color: #333333;line-height: 30px;-webkit-line-clamp: 3;height: 90px;position:relative;} .lx_fc .item .info .icon{position:absolute;left: 30px;top: 35px;} .lx_fc .item .bot{margin-top: 70px;} .lx_fc .item .hdpic{border-radius:50%;width: 70px;height: 70px;border:3px solid #2b9fe8;display: block;float: left;} .lx_fc .item .smb{margin-left: 90px;padding-top:10px;} .lx_fc .item .name{font-size: 16px;color: #333333;font-weight: bold;} .lx_fc .item .fz{font-size: 14px;color: #9d9d9d;margin-top: 5px;} .lx_fc .ann{width: 35px;height: 35px;position:absolute;top: 50%;margin-top: -17px;} .lx_fc .prev{background: url(../images/lx_10.png) no-repeat center;background-size:cover;left: -70px;} .lx_fc .next{background: url(../images/lx_11.png) no-repeat center;background-size:cover;right: -70px;} .lx_fc .prev:hover{background: url(../images/lx_10-1.png) no-repeat center;background-size:cover;} .lx_fc .next:hover{background: url(../images/lx_11-1.png) no-repeat center;background-size:cover;} .lx_contact{padding:0 0 70px;} .lx_contact .list{} .lx_contact .list .item{float: left;text-align: center;padding:30px 10px;width: 25%;margin-bottom: 10px;} .lx_contact .list .icon{transition: all .3s;} .lx_contact .list .title{font-size: 18px;color: #333333;margin-top: 10px;font-weight: bold;} .lx_contact .list .line{width: 22px;height: 1px;background: #2b9fe8;display: block;margin:15px auto 0;} .lx_contact .list .txt{font-size: 14px;color: #999999;line-height: 24px;margin:15px auto 0;-webkit-line-clamp: 4;height: 96px;} .lx_contact .list .item:hover{box-shadow:0 0 5px rgba(99,99,99,.2);} .lx_contact .list .item:hover .icon{transform: scale(1.1,1.1);} /*鍏充簬鎴戜滑*/ .us_intro{margin-top: 95px;margin-bottom: 95px;} .us_intro .desc{font-size: 15px;color: #666666;line-height: 32px;} .us_intro .desc p{margin-bottom: 30px;} .us_intro .detail{background: #f8fbff;font-size: 0;} .us_intro .slidebox{width: 605px;display: inline-block;vertical-align: middle;position:relative;} .us_intro .slidebox .img{width: 100%;height: 500px;display: block;} .us_intro .info{display: inline-block;vertical-align: middle;width: 520px;margin-left: 70px;} .us_intro .info .title{font-size: 30px;color: #333333;} .us_intro .info .txt{font-size: 16px;color: #666666;line-height: 30px;margin-top: 20px;} .us_intro .ann{width:40px;height: 90px;position:absolute;top: 50%;margin-top: -45px;} .us_intro .prev{background: url(../images/us_03.png) no-repeat center rgba(0,0,0,.3);background-size:cover;left: 0;} .us_intro .next{background: url(../images/us_04.png) no-repeat center rgba(0,0,0,.3);background-size:cover;right: 0;} .us_intro .ann:hover{background-color:rgba(0,0,0,.6)} .us_intro .hd{position:absolute;left: 30px;bottom: 25px;text-align: center;z-index:20;} .us_intro .hd li{display: inline-block;vertical-align: middle;width: 8px;height: 8px;background: rgba(255,255,255,.5);margin:0 6px;border-radius:50%;} .us_intro .hd li.on{width: 16px;height: 16px;background: url(../images/us_26.png) no-repeat center;background-size:cover;} .us_story{margin-bottom: 95px;} .us_story .list{margin-left: -20px;} .us_story .list .item { float: left; margin-left: 20px; width: 285px; margin-top: 20px; } .us_story .list .imgbox{display: block;} .us_story .list .img{width: 100%;height: 165px;} .us_story .list .title { font-size: 16px; color: #333333; font-weight: bold; display: block; margin-top: 10px; margin-left: 5px; } .us_story .list .fz { font-size: 14px; color: #999999; margin-top: 10px; background: url(../images/idx_15.png) no-repeat 98% center; background-size: 34px 10px; padding-right: 50px; margin-left: 5px; } .us_story .list .item:hover .title{color: #2b9fe8;} .us_core{padding:95px 0;background: url(../images/us_13.jpg) no-repeat center;background-size:cover;} .us_core .pub_titbox .en{color: #d5dadf;} .us_core .detail{} .us_core .item{text-align: center;width: 400px;height: 430px;background: #fff;position:relative;float: left;z-index:20;padding:45px 10px 0;transition: all 0s;} .us_core .item .title{font-size: 30px;color: #333333;font-weight: bold;margin-bottom: 35px;transition: all 0s;} .us_core .item .ico{width: 102px;display: block;margin:0 auto;} .us_core .item .ico_h{display: none;} .us_core .item .txt{font-size: 14px;color: #666666;line-height: 26px;margin:20px auto 0;max-width:310px;transition: all 0s;} .us_core .item .box{position:relative;z-index:10;transition: all 0s;} .us_core .item .shade{width: 420px;height: 470px;position:absolute;left: 50%;top: 50%;margin-left: -210px;margin-top: -235px;background: url(../images/us_12.jpg) no-repeat center;background-size:cover;opacity: 0;} .us_core .item.this{z-index:40;box-shadow:0 10px 30px rgba(43,159,232,.36)} .us_core .item.this .shade{opacity: 1;} .us_core .item.this .title,.us_core .item.this .txt{color: #fff;} .us_core .item.this .ico_s{display: none;} .us_core .item.this .ico_h{display: block;} .us_core .item.this .box{margin-top: -25px;} .us_core .item.this .txt{margin-top: 25px;} .us_group{margin-bottom: 80px;margin-top: 95px;} .us_group .list{margin-left: -20px;} .us_group .list .item { float: left; margin-left: 20px; width: 385px; margin-bottom: 20px; } .us_group .list .imgbox{display: block;} .us_group .list .img{width: 100%;height: 220px;} .us_group .list .title{font-size: 16px;color: #333333;margin-top: 20px;text-align: center;} .us_cooper{margin-bottom: 75px;} .us_cooper .pub_titbox{margin-bottom: 45px;} .us_cooper .detail{/*margin-left: -30px;*/position:relative;} .us_cooper .item{float: left;background: #f8fbff;width: 170px;margin:0 15px;} .us_cooper .item .img{display: block;width: 100%;} .us_cooper .item:hover{background: #fff;box-shadow:0 0 36px rgba(43,159,232,.1);} .us_cooper .ann{width:24px;height: 24px;position:absolute;top: 50%;margin-top: -12px;cursor: pointer;} .us_cooper .prev{background: url(../images/us_23.png) no-repeat center;background-size:cover;left: -70px;} .us_cooper .next{background: url(../images/us_24.png) no-repeat center;background-size:cover;right: -70px;} .us_cooper .prev:hover{background-image: url(../images/us_23-1.png)} .us_cooper .next:hover{background-image: url(../images/us_24-1.png)} .us_cooper .picList{padding:36px 0!important;} .us_us{margin-bottom: 75px;} .us_us .slidebox{width: 520px;position:relative;} .us_us .slidebox .img{width: 100%;display: block;} .us_us .detbox{width: 600px;padding-top: 20px;} .us_us .title{font-size: 20px;color: #333333;font-weight: bold;} .us_us .smfz{font-size: 20px;color: #2b9fe8;line-height: 20px;font-weight: bold;letter-spacing: 4px} .us_us .txt{font-size: 14px;color: #666666;line-height: 28px;margin-top: 20px;} .us_us .txt p{margin-bottom: 10px;} .us_us .ann{width:40px;height: 90px;position:absolute;top: 50%;margin-top: -45px;} .us_us .prev{background: url(../images/us_03.png) no-repeat center rgba(0,0,0,.3);background-size:cover;left: 0;} .us_us .next{background: url(../images/us_04.png) no-repeat center rgba(0,0,0,.3);background-size:cover;right: 0;} .us_us .ann:hover{background-color:rgba(0,0,0,.6)} /*鎶曡祫鑰呭叧绯?/ .tz_l{width: 320px;background: #f8fbff;} .tz_r{width: ;} .tz_gj{padding:1px 15px;} .tz_gj .t_tit{font-size: 20px;color: #fff;text-align: center;width: 280px;line-height: 55px;height: 55px;background: url(../images/tz_02.png) no-repeat center;background-size:cover;margin: -5px auto 0;} .tz_gj .smbox{line-height: 75px;padding:0 10px;} .tz_gj .smbox .num{font-size: 30px;color: #ff0c0c;font-family: arial;} .tz_gj .smbox .num.up{background: url(../images/tz_03.png) no-repeat right center;background-size:10px 21px;padding-right: 20px;} .tz_gj .smbox .smwz{font-size: 18px;color: #ff0c0c;margin-left: 15px;font-family: arial;} .tz_gj .list{padding:25px 10px 0;border-top:1px dashed #ddd;} .tz_gj .list li{font-size: 14px;color: #999999;line-height: 30px;margin-bottom: 20px;position:relative;} .tz_gj .list .fz{color: #333333;float: right;} .tz_gj .list li:before{content:'';width: 4px;height: 4px;border-radius:50%;display: inline-block;vertical-align: middle;margin-right: 10px;background: #ccc;} .tz_list{} .tz_list .item{padding:30px 0;border-bottom:1px dashed #cbd2dc;} .tz_list .date{width: 50px;height: 50px;background: #f8fbff;text-align: center;font-size: 14px;color: #2b9fe8;line-height: 18px;font-family: arial;padding-top: 8px;display: block;float: left;} .tz_list .info{margin-left: 65px;} .tz_list .title{display: block;font-size: 14px;color: #333333;line-height:24px;font-weight: bold;} .tz_list .txt { font-size: 14px; color: #999999; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .tz_list .item:hover .title{color: #2b9fe8;} .tz_list .item:first-child{padding-top: 0;} /*index*/ .idx_ban{position:relative;} .idx_ban .hd{position:absolute;left: 0;bottom: 40px;text-align: center;z-index:20;width: 100%;} .idx_ban .hd li{display: inline-block;vertical-align: middle;width: 28px;height: 4px;background: rgba(255,255,255,.4);margin:0 10px;color: transparent;font-size: 0;cursor: pointer;} .idx_ban .hd li.on{background: #fff;} .idx_top{padding:50px 5%;} .idx_top .item { width: 20%; float: left; text-align: center; } .idx_top .icon{height: 50px;width: auto;transition: all .3s;} .idx_top .wz{font-size: 18px;color: #2b9fe8;line-height: 45px;margin-top: 15px;} .idx_top .num{font-size: 45px;display: inline-block;vertical-align: middle;color: #2b9fe8;font-family: 'DIN';} .idx_top .fz{font-size: 18px;color: #333333;margin-top: 10px;opacity: .6;} .idx_top .a{display: inline-block;vertical-align: super;font-weight: bold;} .idx_top .zi{display: inline-block;vertical-align: sub;font-size: 18px;color: #2b9fe8;} .idx_top .item:hover .icon{transform: scale(1.05,1.05)} .idx_s1{padding:70px 0 80px;background: #f8fbff;} .idx_s1 .us_story{margin-bottom: 0;} .idx_us{margin-bottom: 100px;} .idx_us .lbox{width: 340px;} .idx_us .img{width: 100%;height: 500px;} .idx_us .smbox{width: 220px;height: 280px;background: #2b9fe8;padding: 35px;margin-top: -150px;margin-left: 35px;position:relative;} .idx_us .smbox .tit{font-size: 30px;color: #fff;line-height: 80px;border-bottom:1px solid rgba(255,255,255,.2);} .idx_us .smbox .smtit{font-size: 18px;color: #fff;margin-top: 15px;} .idx_us .smbox .ico{margin-top: 50px;} .idx_us .rbox{margin-left: 400px;padding-top: 110px;} .idx_us .rbox .pub_titbox{text-align: left;} .idx_us .txt{font-size: 18px;color: #666666;line-height: 32px;padding-left: 90px;position:relative;} .idx_us .txt:before{content:'';position:absolute;left: 0;top: 10px;width: 40px;height: 40px;background: url(../images/idx_09.png) no-repeat center;background-size:contain;} .idx_us .more{margin:40px 0 0 90px;} .idx_us .more:after{width: 14px;height: 14px;content:'';display: inline-block;vertical-align: middle;margin-left: 20px;background: url(../images/idx_10.png) no-repeat center;background-size:contain;} .idx_dt{padding:90px 0;} .idx_dt .detail{box-shadow:0 0 5px rgba(99,99,99,.2);} .idx_dt .hotbox{width: 835px;position:relative;overflow: hidden;} .idx_dt .hotbox .img { width: auto; height: 515px; display: block; transition: all 1s; } .idx_dt .hotbox .title{position:absolute;width: 100%;left: 0;bottom: 20px;font-size: 22px;color: #fff;padding:0 35px;} .idx_dt .hotbox:hover .img{transform: scale(1.05,1.05);} .idx_dt .scrollbox{width: 365px;background: #fff;height: 515px;padding:35px 25px 0;overflow: hidden;} .idx_dt .scrollbox .t_tit{font-size: 22px;color: #333333;line-height: 30px;margin-bottom: 25px;font-weight: bold;} .idx_dt .list{} .idx_dt .list .item{margin-bottom: 12px;} .idx_dt .list .imgbox{width: 130px;display: block;float: left;overflow: hidden;} .idx_dt .list .img{width: auto;height: 85px;display: block;transition: all 1s;} .idx_dt .list .info{margin-left: 145px;padding-top: 5px;} .idx_dt .list .title{font-size: 16px;color: #333333;line-height: 22px;-webkit-line-clamp: 2;height: 44px;} .idx_dt .list .txt { font-size: 14px; color: #999999; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .idx_dt .list .item:hover .title{color: #0089e1;font-weight: bold;} .idx_dt .list .item:hover .img{transform: scale(1.1,1.1);} .idx_dt .scrolltop{position:relative;} .idx_dt .scrolltop .ann{display: inline-block;vertical-align: middle;width: 26px;height: 26px;position:absolute;right: 0;top: -53px;cursor: pointer;} .idx_dt .scrolltop .prev{background: url(../images/idx_40.png) no-repeat center;background-size:contain;right: 40px;display:none;} .idx_dt .scrolltop .next{background: url(../images/idx_41.png) no-repeat center;background-size:contain;display:none;} .idx_dt .scrolltop .prev:hover{background-image: url(../images/idx_40-1.png)} .idx_dt .scrolltop .next:hover{background-image: url(../images/idx_41-1.png)} .idx_dt .list_b{margin-top: 35px;margin-left: -22px;} .idx_dt .list_b .item{margin-left: 22px;box-shadow:0 0 5px rgba(99,99,99,.2);width: 385px;float: left;} .idx_dt .list_b .imgbox{display: block;} .idx_dt .list_b .img{width: 100%;height: 220px;} .idx_dt .list_b .info{padding: 18px;} .idx_dt .list_b .title{font-size: 18px;color: #333333;display: block;} .idx_dt .list_b .txt{font-size: 15px;color: #909699;line-height: 26px;-webkit-line-clamp: 2;height: 52px;margin-top: 10px;} .idx_dt .list_b .item:hover .title{color: #2b9fe8;font-weight: bold;} .idx_pro{padding:95px 0 80px;background: url(../images/idx_26.jpg) no-repeat center;background-size:cover;} .idx_pro .pub_titbox{margin-bottom: 30px;} .idx_pro .pub_titbox .cn{margin-top: 0;} .idx_pro .menu{border-bottom:1px solid #bac5d3;height: 60px;} .idx_pro .menu .lk{display: inline-block;vertical-align: middle;font-size: 16px;color: #333333;line-height: 60px;margin-right: 45px;cursor: pointer;position:relative;} .idx_pro .menu .lk:after{content:'';width: 0;height: 3px;background: #2b9fe8;left: 0;bottom: 0;transition: all .3s;position:absolute;} .idx_pro .menu .lk:hover,.idx_pro .menu .lk.cur{/*font-size: 20px;*/color: #2b9fe8;font-weight: bold;} .idx_pro .menu .lk:hover:after,.idx_pro .menu .lk.cur:after{width: 62px;} .idx_pro .pro_list{margin-left: 0;} .idx_pro .pro_list .item{width: 100%;background: #fff;margin:0 0 0 0;} .idx_pro .detail{position:relative;} .idx_pro .swiper-container{position:static;} .idx_pro .swiper-button-next, .idx_pro .swiper-button-prev{width: 26px;height: 26px;position:absolute;right: 0;top: -36px;cursor: pointer;left:auto;opacity: 1;} .idx_pro .swiper-button-prev{background: url(../images/idx_40.png) no-repeat center;background-size:contain;right:30px;} .idx_pro .swiper-button-next{background: url(../images/idx_41.png) no-repeat center;background-size:contain;right: 0;} .idx_pro .swiper-button-prev:hover{background-image: url(../images/idx_40-1.png)} .idx_pro .swiper-button-next:hover{background-image: url(../images/idx_41-1.png)} .idx_more{display: block;font-size: 18px;color: #fff;width: 200px;line-height: 60px;margin:40px auto 0;background: #2b9fe8;text-align: center;} .idx_more:hover{background: #057bc5;} .idx_train{padding:90px 0 100px;} .idx_train .list{} .idx_train .list .item{float: left;width: 300px;position:relative;} .idx_train .list .tag{font-size: 20px;color: #333333;width: 226px;line-height: 50px;background: #fff;border-radius:6px;text-align: center;display: block;position:absolute;left: 50%;top: -18px;margin-left: -113px;box-shadow: 6px 0 10px rgba(175,175,175,.36);} .idx_train .list .img{width: 100%;display: block;height: 500px;} .idx_train .list .shade{background: rgba(43,159,232,.8);position:absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 30px;opacity: 0;} .idx_train .list .icon{width: 36px;} .idx_train .list .line{width: 30px;height: 1px;background: #fff;display: block;margin:20px 0;} .idx_train .list .title{font-size: 24px;color: #fff;} .idx_train .list .txt{font-size: 16px;color: rgba(255,255,255,.7);line-height: 26px;-webkit-line-clamp: 3;margin-top: 50px;} .idx_train .list .arrow{width: 38px;height: 10px;background: url(../images/idx_25.png) no-repeat center;background-size:contain;display: block;position:absolute;right: 25px;bottom: 35px;} .idx_train .list .item:hover .tag{display: none;} .idx_train .list .item:hover .shade{opacity: 1;} .idx_indus{background: url(../images/idx_39.jpg) no-repeat center;background-size:cover;padding:100px 0;} .idx_indus .pub_titbox .en{color: #3480b1;} .idx_indus .pub_titbox .cn{color: #fff;} .idx_indus .list{margin-left: -18px;} .idx_indus .list .item { float: left; width: 185px; height: 220px; background: #fff; margin: 0 29px; padding-top: 25px; text-align: center; } .idx_indus .list .icon{width: 72px;display: block;margin:0 auto;transition: all .3s;} .idx_indus .list .title{font-size: 16px;color: #333333;margin-top: 20px;} .idx_indus .list .more{display: block;margin:20px auto 0;width: 120px;line-height: 38px;border-radius:20px;font-size: 14px;color: #2b9fe8;border:1px solid #2b9fe8;} .idx_indus .list .item:hover .more{color: #fff;background: #2b9fe8;} .idx_indus .list .item:hover .title{color: #2b9fe8;} @media screen and (min-width:1240px) and (max-width:1630px){ .head .auto{width: 880px;} .hd_logo{left: -190px;} .hd_info .searbox .ipt_txt{width: 320px;} .hd_info .searbox .submit{width: 100px;} .hd_info .btns{margin-left: 25px;} .hd_info .btns .lk{width: 100px;} .hd_nav { width:1000px; position: relative; left: -25px; } .hd_tel { right: -240px; } .hd_nav li{margin:0 16px;} .hd_info .dm { position: relative; left: 39px; } } .flq { position: relative; top: 5px; font-size: 14px; float: right; } #back_top { height: 38px; width: 38px; border-radius: 3px; display: block; cursor: pointer; position: fixed; right: 50px; bottom: 100px; display: none; } .fg1 { position: absolute; width: 1px; height: 116px; background-color: #dcdcdc; top: 20px; left: 97px } .fg2 { position: absolute; width: 1px; /* height: 80px; */ height: 117px; background-color: #dcdcdc; top: 20px; left: 97px } .clamp img{ display:none; } /*html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }*/