/*头部顶部*/ .head{height: 100px;} .head .logo{float:left;display: block;line-height: 98px;max-width:450px;} .head .logo img{width: 100%;} .head .head_other{float:right;} .head_other .search_div{float:left;width: 50px;height:100px;background: url("../images/search_01.jpg") center no-repeat;position: relative;} .search_div .search_box{position: absolute;right:100%;width: 0;top:32px;overflow: hidden;/*transition: all .8s;*/height: 36px;} .search_div:hover .search_box{width: 260px;} .search_div .search_box input[type='text']{ height: 36px;width: 80%;float:left;border: 1px solid #b0b0b0;padding-left: 10px; } .search_div .search_box input[type='button']{ width: 20%;float:left;height: 36px;background: #b0b0b0 url("../images/search_02.png") center no-repeat;cursor: pointer; } .head_other .shareBox{float:left;} .head_other .bdshare-button-style0-24 .bds_more{ width: 50px;height:100px;background: url("../images/share.jpg") center no-repeat;margin: 0;box-sizing: border-box; } .bdshare_popup_box{left: inherit !important;right: 120px;top:75px !important;} .head_other .head_language{ float:left;width: 40px;height: 40px;margin-left: 5px;border-radius: 50%;margin-top: 30px; background: #b0b0b0;color:#fff;font-size: 16px;line-height: 40px;text-align: center; } .nav_btn{ display: none;width:0.8rem;padding: calc(0.4rem - 7px) 0;height:0.8rem; box-sizing: border-box;float:right; } .nav_btn span{display: block;margin:4px auto;} .nav_btn:after,.nav_btn:before{content: " ";margin: auto;} .nav_btn span,.nav_btn:after,.nav_btn:before{ display: block;width: 20px;height:2px;transition: all .3s; background-color:#00428e;border-radius: 5px;position: relative; } .nav_btn.openNav span{opacity: 0;} .nav_btn.openNav:before{transform: rotate(45deg);top:6px;} .nav_btn.openNav:after{transform: rotate(-45deg);top:-6px;} .nav{height: 60px;line-height: 60px;border-top: 1px solid #e7e7e7;} .nav .nav_list li{width:16.5%;text-align: center;position: relative;display: inline-block} .nav .nav_list li:after{ content: "";height: 15px;width: 0;border-left: 1px solid #d0d0d0;border-right: 1px solid #555; position: absolute;left:0;top:22px; } .nav .nav_list li:first-child:after{display: none;} .nav .nav_list li:before{ content: "";width: 0;height: 2px;background: #2684e4;position: absolute;bottom:0;left:50%;transform: translateX(-50%);transition: all .6s; } .nav .nav_list li:hover:before{width: 55px;} .nav .nav_list li>a{display: block;font-size: 14px;color:#555;} .nav .nav_list li:hover>a{color:#2684e4;} .nav_list li .nav_nd{ position: absolute;background:#fff;width:130px;text-align:center;line-height: 36px;z-index: 2; padding: 10px 0;transition: top .5s,opacity .5s;left:calc(50% - 65px);top:120%;opacity: 0;visibility: hidden; } .nav_list li:hover .nav_nd{top:100%;opacity: 1;visibility: visible;} .nav_nd a{display: block;color:#333;font-size: 12px;} .nav_nd a:hover{background: #2684e4;color:#fff;} /*banner*/ .banner .banner_list li{height: 500px;} .banner .banner_list li a{display: block;width: 100%;height: 100%;} .banner .bx-wrapper .bx-pager{ height: 20px;padding-top: 0;z-index: 5;bottom:20px;max-width: 1200px;left:50%; transform: translateX(-50%);/*text-align: right;*/box-sizing: border-box;padding-right: 20px; } .banner .bx-wrapper .bx-pager-item{position: relative;top:50%;transform: translateY(-50%);width: 24px;text-align: center;} .banner .bx-wrapper .bx-pager.bx-default-pager a{width:8px;height:8px;border: 2px solid #fff;border-radius: 50%;margin: 0 auto;} .banner .bx-wrapper .bx-pager.bx-default-pager a.active,.banner .bx-wrapper .bx-pager.bx-default-pager a:focus,.banner .bx-wrapper .bx-pager.bx-default-pager a:hover{border-color:#3488ea;width: 8px;height: 8px;background: transparent;} .notice{position: absolute;bottom:-35px;width: 1200px;left:calc(50% - 600px);box-shadow:0 5px 15px #eee;} .notice .note_list li{height: 70px;line-height: 70px;} .notice .note_list li a{display: block;padding-left: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /**主体-公共**/ .ind_title{padding-top: 60px;} .ind_title .ind_TT1{line-height: 50px;font-size: 36px;color:#333;width: 50%;float:left;text-align: right;position: relative;} .ind_title .ind_TT2{line-height: 50px;font-size: 36px;color:#333;width: 50%;float:left;position: relative;} .ind_title .ind_TT1:before,.ind_title .ind_TT2:before{content: "";display: block;width:8px;height:8px;background: #c4c4c4;border-radius: 50%;position: absolute;top:calc(50% - 2.5px);} .ind_title .ind_TT1:after,.ind_title .ind_TT2:after{content: "";display: block;width: 285px;height: 1px;background: #c4c4c4;position: absolute;top:calc(50% - 0.5px);} .ind_title .ind_TT1:before{right:160px;} .ind_title .ind_TT1:after{right:160px;} .ind_title .ind_TT2:before{left: 130px;} .ind_title .ind_TT2:after{left: 130px;} .ind_title .ind_TEN{font-size: 24px;color:#999;text-align: center;line-height: 38px;} /*关于我们*/ .ind_abt{padding:0 0 45px;} .ind_abt .ind_title{margin-bottom: 40px;} .ind_abt .indAbt_pic{float:right;width: 535px;overflow: hidden;} .ind_abt .indAbt_pic img{max-width: 100%;transition: all 1s;} .ind_abt .indAbt_pic:hover img{transform: scale(1.1);} .ind_abt .indAbt_txt{float:left;width:calc(100% - 535px);box-sizing: border-box;padding:0px 40px 40px;} .indAbt_txt .indAbt_T{font-size: 30px;color:#2e42a3;line-height: 40px;} .indAbt_txt .indAbt_T:after{content: "";display: block;width: 120px;height: 2px;background: #ddd;margin-top: 14px;} .indAbt_txt .indAbt_TT{font-size: 14px;color:#666;line-height: 26px;padding-top: 20px;-webkit-line-clamp:8;text-align: justify;} .indAbt_txt .indAbt_more{ display: block;width: 118px;height: 34px;line-height: 34px;text-align: center;border: 1px solid #d2d2d2;font-size: 14px;margin-top: 40px; } /**产品**/ .ind_pro{ padding-bottom: 40px; /*background: url("../images/ind_pro_bg.jpg") center/cover no-repeat;*/ } .ind_pro .ind_title{margin-bottom: 50px;} /*.ind_pro .ind_title .ind_TT1,.ind_pro .ind_title .ind_TT2,.ind_pro .ind_title .ind_TEN{color:#fff;}*/ /*.ind_pro .ind_title .ind_TT1:before,.ind_pro .ind_title .ind_TT2:before,.ind_pro .ind_title .ind_TT1:after,.ind_pro .ind_title .ind_TT2:after{background: #fff;}*/ .ind_pro .indPro_list{} .indPro_list .indPro_one{padding-bottom: 20px;background: #fff;transition: all .5s;} .indPro_one{ padding:3px;} .indPro_one .indPro_pic{width: 100%;overflow: hidden; height:312px; background:#fff;} .indPro_one .indPro_pic img{ width:100%;transition: all 1s;} .indPro_one:hover .indPro_pic img{transform: scale(1.1);} .indPro_one .indPro_txt{padding: 25px 20px;border-bottom: 1px solid #ebebeb;} .indPro_one:hover{ background:#2e42a3} .indPro_txt .indPro_T{font-size: 15px;line-height: 32px;color:#555; font-weight:bold;} .indPro_txt .indPro_TT{font-size: 12px;line-height: 20px;color:#888;} .indPro_one .indPro_more{ display: block;width: 90px;height: 30px;line-height: 30px;text-align: center;color:#666; border: 1px solid #eee;margin: 20px 20px 0;transition: all .5s;background: #fff; margin-bottom:12px; } .indPro_list .indPro_one:hover{background:#2e42a3;} .indPro_one:hover .indPro_txt .indPro_T,.indPro_one:hover .indPro_txt .indPro_TT{color:#fff;} .indPro_one:hover .indPro_more{border-color: #fff;border-radius: 20px;} .ind_pro .bx-wrapper{background: transparent;} .ind_pro .bx-wrapper .bx-pager.bx-default-pager a{ width: 10px;height: 10px;background: transparent;border: 2px solid #2e42a3;border-radius: 50%; } .ind_pro .bx-wrapper .bx-pager.bx-default-pager a.active,.ind_pro .bx-wrapper .bx-pager.bx-default-pager a:focus,.ind_pro .bx-wrapper .bx-pager.bx-default-pager a:hover{border-color: #e26e25;} .ind_pro .bx-wrapper .bx-pager{bottom:-55px;} /**合作***/ .ind_partner{padding-bottom: 90px;} .ind_partner .ind_title{margin-bottom: 40px;} .indPartner_list .indPartner_one{display:block;border-radius:0;/*border: 1px solid #dedede;*/text-align: center;width: 260px;box-sizing: border-box;overflow: hidden; height:100px; line-height:98px;} .indPartner_list .indPartner_one img{max-width: 100%;display: inline;transition: all .8s;} .indPartner_list .indPartner_one:hover img{transform: scale(1.1);} .bx-wrapper .bx-controls-direction a{} .ind_partner .bx-wrapper .bx-prev{left: -50px;} .ind_partner .bx-wrapper .bx-next{right: -50px;} .ind_partner .bx-wrapper .bx-pager{display: none;} .ind_partner .bx-wrapper .bx-pager.bx-default-pager a{ width: 10px;height: 10px;background: transparent;border: 2px solid #75bf3f;border-radius: 50%; } .ind_partner .bx-wrapper .bx-pager.bx-default-pager a.active,.ind_partner .bx-wrapper .bx-pager.bx-default-pager a:focus,.ind_partner .bx-wrapper .bx-pager.bx-default-pager a:hover{border-color: #195799;} .ind_partner .bx-wrapper .bx-pager{bottom:-40px;} /*****/ .ind_news{background: #f8f8f8;padding-bottom: 45px;} .ind_news .ind_title{margin-bottom: 40px;} .indNews_TxtList{float:left;width: calc(100% - 560px);box-sizing: border-box;padding-left: 15px;} .indNews_TxtList .indNews_Txt_one{width: 100%;cursor: pointer;} .indNews_Txt_one .indNews_Txt_main{width: 100%;float:left;transition: all .5s;} .indNews_Txt_one.openNews .indNews_Txt_main{width: calc(100% - 120px);} .indNews_Txt_main .indNews_TxtT{line-height: 54px;border-bottom: 1px solid #dfdfdf;transition: all .5s;} .indNews_TxtT .fl{font-size: 14px;color:#555;transition: all .5s;width: calc(100% - 70px);} .indNews_TxtT:hover .fl{font-size: 16px;color:#2e42a3;} .openNews .indNews_TxtT .fl{font-size: 16px;color:#2e42a3;width: 100%;} .indNews_TxtT .fr{font-size: 12px;color:#888;transition: all .5s;} .openNews .indNews_TxtT .fr{display: none;} .indNews_Txt_main .indNews_TxtTT{height: 0;overflow: hidden;transition: all .5s;font-size: 12px;color:#777;} .openNews .indNews_Txt_main .indNews_TxtTT{height: 80px;box-sizing: border-box;margin: 15px 0;line-height: 20px;} .indNews_Txt_one .indNews_Txt_info{width: 0;overflow: hidden;transition: all .5s;height: 0;float:left;} .indNews_Txt_one.openNews .indNews_Txt_info{width: 120px;text-align: right;height: 140px;} .indNews_Txt_info .indNews_TxtTime{font-size: 12px;color:#858585;padding-top: 20px;} .indNews_Txt_info .indNews_TxtTime span{font-size: 30px;font-weight: bold;color:#888;} .indNews_Txt_info .indNews_TxtMore{display: block;color:#3492ee;font-family: "\5b8b\4f53";font-size: 14px;height: 40px;line-height: 40px;margin-top: 20px;} .indNews_ImgShow{width: 475px; height:270px;float:right;display: block;} .indNews_ImgShow .indNews_ImgPic{width: 100%;overflow: hidden;max-height: 260px;} .indNews_ImgShow .indNews_ImgPic img{width: 100%;transition: all 1s;} .indNews_ImgShow:hover .indNews_ImgPic img{transform: scale(1.1);} .indNews_ImgShow .indNews_ImgTxt{background: #2e42a3;color:#fff;padding: 30px 0 10px;} .indNews_ImgTxt .indNews_ImgTime{width: 105px;float:left;font-size: 12px;color:#b8c0e6;text-align: center;} .indNews_ImgTxt .indNews_ImgTime span{font-size: 30px;font-weight: bold;color:#fff;} .indNews_ImgTxt .indNews_ImgMain{width: calc(100% - 130px);float:left;} .indNews_ImgMain .indNews_ImgT{font-size: 15px;padding-bottom: 15px;border-bottom: 1px solid #7381c7;} .indNews_ImgMain .indNews_ImgTT{font-size: 12px;line-height: 20px;margin: 15px 0;} .ind_newsMore{ display: block;width: 200px;height: 48px;line-height: 48px;text-align: center;border: 1px solid #e9e9e9; font-size: 12px;color:#666;margin: 60px auto 0;transition: all .5s; } .ind_newsMore:hover{background: #2e42a3;color:#fff;} /***技术支持***/ .ind_tec{padding-bottom: 70px;} .indTec_list .indTec_one{padding: 25px 15px;} .indTec_one .indTec_pic{width: 100%;overflow: hidden;} .indTec_one .indTec_pic img{width: 100%;transition: all 1s;} .indTec_one:hover .indTec_pic img{transform: scale(1.1);} .indTec_one .indTec_txt{padding: 25px 20px;} .indTec_txt .indTec_T{font-size: 14px;color:#368aea;line-height: 30px;} .indTec_txt .indTec_Time{font-size: 12px;color:#666;line-height: 24px;margin-bottom: 10px;} .indTec_txt .indTec_TT{font-size: 12px;color:#666;line-height: 24px;} .indTec_txt .indTec_more{ display: block;width: 88px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #eee; color:#999;font-size: 12px;margin-top: 25px; } .indTec_one .indTec_shadow{transition: all .5s;} .indTec_one .indTec_shadow:hover{box-shadow: 0 0 20px #ddd;} .ind_tec .bx-wrapper .bx-pager.bx-default-pager a{ width: 10px;height: 10px;background: transparent;border: 2px solid #75bf3f;border-radius: 50%; } .ind_tec .bx-wrapper .bx-pager.bx-default-pager a.active,.ind_tec .bx-wrapper .bx-pager.bx-default-pager a:focus,.ind_tec .bx-wrapper .bx-pager.bx-default-pager a:hover{border-color: #195799;} .ind_tec .bx-wrapper .bx-pager{bottom:-40px;} /*底部*/ .foot{background: #2a2a2a;padding: 40px 0;} .foot .foot_nav{float:left;padding-right: 60px;border-right: 1px solid #fff;} .foot_nav dl{float:left;padding-right: 50px;} .foot_nav dl dt{padding-bottom: 15px;margin-bottom: 10px;position: relative;} .foot_nav dl dt:after{ content: "";display: block;width: 20px;height: 1px;background: #555;position: absolute;bottom:0;left:2px; } .foot_nav dl dt a{display: block;color:#fff;font-size: 14px;} .foot_nav dl dd{line-height: 24px;} .foot_nav dl dd a{display: block;color:#fff;font-size: 12px;} .foot .foot_conWay{float:right;/*margin-right: 100px;*/color:#fff; line-height:24px;} .foot_conWay .FCW_top{ padding-left: 45px;background:url("../images/icon_tel.png") left top no-repeat;font-size: 12px; } .foot_conWay .FCW_top span{font-size: 24px;font-family: Arial;} .foot_conWay .FCW_bottom{font-size: 12px;line-height: 24px;margin-top: 15px;} .foot .foot_qrCode{float:right;width: 200px;margin-right: 24px;} .foot .foot_qrCode img{width: 100%;} .copyright{background: #2a2a2a;text-align: center;line-height: 55px;border-top: 1px solid #404040;font-size: 12px;color:#fff;}