/* 前端白明明 */

*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*{ margin:0; padding:0;}

body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden; position: relative;padding: 0 ; width: 100%;color: #666;font-family: Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;}

html.act{overflow: hidden;width: 100%;height: 100vh;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #1f1f1f;}

textarea,select{ outline:none;  color:#727171; font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%;}

img[src=""]{opacity: 0;}

::-webkit-scrollbar {width: 6px;height: 6px;padding-right: 10px}

::-webkit-scrollbar-track {border-radius: 10px;background-color: #eee}

::-webkit-scrollbar-thumb {border-radius: 10px;background-color: #000000}

.f_12{ font-size:12px; }

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_20{ font-size:20px; }

.f_22{font-size: 22px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_32{ font-size:32px; }

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}

.f_42{font-size: 42px;}

.f_46{font-size: 46px;}

/*分页*/

.BMap_mask,.BMap_cpyCtrl,.BMap_scaleTxt,.BMap_scaleCtrl,.BMap_omCtrl,.anchorBL{ display:none !important;}

.a_dw{position: relative;top: -70px;}

.box {width:95%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.ibox {width:80%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}

.page1 span a{display: inline-block; color:#333333;padding:10px 13px; text-decoration:none;background: #f7f7f7;}

.page1 span a:hover,.page1 span.current a{  background:#005ed1; color:#fff;}

.page1 span{margin:2px 5px;}

.page2{width: 120px;height: 40px;background: #005ed1;color: #fff;display: block;margin: 0 auto;line-height: 40px;display: none;}

.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}

/* 弹窗 */

.z_tanchuang {position: fixed;display: table;height: 100%;width: 100%;top: 0;left: 0;transform: scale(0);-webkit-transform: scale(0);z-index: 10;}

.z_tanchuang .tbox {display: table-cell;background: rgba(0, 0, 0, 0.8);text-align: center;vertical-align: middle;}

/* 弹窗内容 */

.z_tanchuang .tbox .modal {background: white;padding: 50px;display: block;border-radius: 5px;position: relative;width: 90%;max-width: 1200px;max-height: 90%;margin: 0 auto;}

.z_tanchuang .tbox .modal .out{position: absolute;width: 40px;height: 40px;line-height: 40px;background: #fff url(../images/out.png) center no-repeat;background-size: 20px;color: #000;font-size: 30px;text-align: center;border-radius: 50%;top: 0;right: -50px;cursor: pointer;}

.z_tanchuang .tbox .modal .img{width: 100%;max-width: 600px;margin: 0 auto;}

.z_tanchuang .tbox .modal .img video{display: block;width: 100%;max-width: 100%;object-fit: cover;}

.z_tanchuang .tbox .modal .img img{margin: 0 auto ;}

.z_tanchuang .tbox .modal .out:hover{background: #fff url(../images/out2.png) center no-repeat;background-size: 20px;transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.z_tanchuang .tbox .modal2{padding: 20px;}

.z_tanchuang .tbox .modal .img{max-width: 1200px;}


/* 弹窗选中 */

.z_tanchuang.one {transform: scaleY(0.01) scaleX(0);animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scaleY(0.01) scaleX(0);-webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one .tbox .modal {transform: scale(0);animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(0);-webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out {transform: scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-transform: scale(1);-webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

.z_tanchuang.one.out .tbox .modal {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

/* 弹窗动画 */

@keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}

@keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes zoomIn {0% {transform: scale(0);}100% {transform: scale(1);}}

@-webkit-keyframes zoomOut {0% {transform: scale(1);}100% {transform: scale(0);}}

@-webkit-keyframes unfoldOut {0% {transform: scaleY(1) scaleX(1);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(0.005) scaleX(0);}}

@-webkit-keyframes unfoldIn {0% {transform: scaleY(0.005) scaleX(0);}50% {transform: scaleY(0.005) scaleX(1);}100% {transform: scaleY(1) scaleX(1);}}



/* 头部u */

.head{position: fixed;top: 0;left: 0;z-index: 9;width: 100%;padding: 20px 0;}

.head .logo{display: block;float: left;height: 70px;position: relative;overflow: hidden;}

.head .logo img{display: block;height: 100%;}

.head .logo img:nth-child(2){position: absolute;top: 0;left: 0;opacity: 0;}

.head .menu{width: 30px;height: 70px;background: url(../images/menu.png) center no-repeat;cursor: pointer;float: right;}

.zixun{display: block;position: fixed;width: 170px;line-height: 60px;background: #be324c url(../images/jia.png) 90% center no-repeat;color: #fff;padding: 0 15px ;z-index: 10;right: 6px;bottom: 0;}

.zixun:hover{background: #ce3a53 url(../images/jia.png) 90% center no-repeat;}

.top{display: block;width: 43px;position: fixed;right: 65px;bottom: 165px;z-index: 10;cursor: pointer;}

.top img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}

.top:hover img{opacity: 0;}

.top:hover img:nth-child(2){opacity: 1;}

.head .abtn{display: block;float: right;line-height: 54px;opacity: 0;visibility: hidden;}

.head .abtn a{display: block;float: left;margin-right: 66px;}

.head.act{padding: 15px 0 15px 0;background: #fff;border-bottom: 1px solid #dfdfdf;}

.head.act .logo,.head.act .menu{height: 54px;}

.head.act .logo img{opacity: 0;}

.head.act .logo img:nth-child(2){opacity: 1;}

.head.act  .abtn{opacity: 1;visibility: visible;}

.headtc{position: fixed;top: 0;left: 0;z-index: 10;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.95);overflow: hidden;display: none;}

.headtc .htop{width: 100%;height: 120px;padding: 15px 30px;border-bottom: 1px solid #474645;}

.headtc .htop .out{display: block;width: 90px;float: right;cursor: pointer;}

.headtc .hbtm{width: 100%;height: 390px;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;position: relative;top: 50%;transform: translateY(-70%);-webkit-transform: translateY(-70%);}

.headtc .hbtm a{display: block;color: #c1c2c2;width: 100%;text-align: center;}

.headtc .hbtm a:hover{color: #fff;}

.headtc .htop .out:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);}


/* 首页 */

.i1{position: fixed;width: 100%;top: 0;left: 0;z-index: 1;}

.i1 .swiper1{}

.i1 .swiper1 .swiper-slide{}

.i1 .swiper1 .swiper-slide .sbox a{display: block;width: 100%;overflow: hidden;position: relative;} 

.i1 .swiper1 .swiper-slide .sbox a img{display: block;width: 100%;}

.i1 .swiper1 .swiper-slide .sbox a .mimg{display: none;}

.i1 .swiper1 .swiper-slide .sbox a video{display: block;width: 100%;position: absolute;top: 0;left: 0;object-fit: cover;z-index: 2;}

.i1 .swiper1 .pagination1{bottom: 45px ;}

.i1 .swiper1 .pagination1 span{opacity: 1;background: #fff;width: 10px;height: 10px;margin: 0 10px ;}

.i1 .swiper1 .pagination1 .swiper-pagination-bullet-active{background: #ce3a53;}

.i1 .swiper1 .bd_btn {position:absolute; top:22%; margin-top:0; width:100px; height:50%; padding:0;cursor: pointer;z-index: 5;} 

.i1 .swiper1 .bd_btn span,.i1 .swiper1 .bd_btn span:after,.i1 .swiper1 .bd_btn span:before {position:absolute; top:50%; height:2px; background-color:#fff; border-radius:1px; -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-transition:all .4s ease; transition:all .4s ease ;}

.i1 .swiper1 .bd_btn span {margin-top:-1px; width:0 ;} 

.i1 .swiper1 .bd_btn span:after,.i1 .swiper1 .bd_btn span:before {content:""; width:30px ;} 

.i1 .swiper1 .bd_btn.btn-prev span {left:50%; margin-left:-10px ;} 

.i1 .swiper1 .bd_btn.btn-prev span:before {left:0; bottom:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left ;} 

.i1 .swiper1 .bd_btn.btn-prev span:after {left:0; top:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:left; -ms-transform-origin:left; transform-origin:left ;} 

.i1 .swiper1 .bd_btn.btn-next span {right:50%; margin-right:-10px; } 

.i1 .swiper1 .bd_btn.btn-next span:before {right:0; bottom:0; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right ;} 

.i1 .swiper1 .bd_btn.btn-next span:after {right:0; top:0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transform-origin:right; -ms-transform-origin:right; transform-origin:right ;} 

.i1 .swiper1 .bd_btn:hover span {width:40px ;} 

.i1 .swiper1 .bd_btn:hover.btn-prev span {margin-left:-20px ;}

.i1 .swiper1 .bd_btn:hover.btn-next span {margin-right:-20px ;}

.i1 .swiper1 .btn-next { right:2.1% ;}

.i1 .swiper1 .btn-prev { left:2.1% ;}

.zidx2{position: relative;z-index: 2;background: #fff;}

.i2{width: 100%;position: relative;z-index: -1;}

.i2 img{display: block;width: 100%;}

.i3{padding: 50px 0;background: #fff;border-bottom: 1px solid #cacaca;}

.i3 .ul1{}

.i3 .ul1 li{float: left;text-align: left;line-height: 36px;color: #727171;margin-right: 17%;}

.i3 .ul1 li:last-child{float: right;margin-right: 0;}

.i3 .ul1 li div{display: block;float: left;}

.i3 .ul1 li .lrt{margin-left: 10px;}

.i4{padding: 90px 0 150px;}

.i4 .tt{}

.i4 .tc{line-height: 2;margin-top: 35px;max-width: 760px;text-align: justify;color: #727171;}

.i5{line-height: 38px;padding-bottom: 30px;}

.i5 .ilt{float: left; }

.i5 .ilt a{display: block;float: left;color: #727171;margin-right: 45px;}

.i5 .ilt a:hover,.i5 .ilt a.act{color: #000;}

.i5 .irt{float: right;width: 260px;height: 38px;border: 1px solid #ddd;border-radius: 30px;padding: 0 10px 0 15px; overflow: hidden;}

.i5 .irt input{display: block;width: calc(100% - 28px);float: left;height: 100%;border: 0;outline: none;}

.i5 .irt a{display: block;width: 28px;height: 100%;float: right;background: url(../images/ss.png) center no-repeat;background-size: 20px;}

.i6{padding-bottom: 50px;} 

.i6 .ul1{}

.i6 .ul1 li{width: 32.7%;float: left;margin-right: 0.95%;margin-bottom: 0.95%;}

.i6 .ul1 li:nth-child(3n){margin-right: 0;}

.i6 .ul1 li a,.i6 .ul1 li a .img,.i6 .ul1 li a .img img{display: block;width: 100%;overflow: hidden;position: relative;}

.i6 .ul1 li a .img img{transform: scale(1.00001);-webkit-transform: scale(1.000001);}

.i6 .ul1 li a .img .imgzz{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);padding: 20px;opacity: 0;}

.i6 .ul1 li a .img .imgzz s{display: block;width: 100%;height: 100%;border: 1px solid rgba(255, 255, 255, 0.2);}

.i6 .ul1 li a .img .imgzz .bf{width: 72px;height: 72px;position: absolute;top:50%;left: 48%;margin-top: -36px;margin-left: -36px;background: url(../images/bf.png) center no-repeat;background-size: cover;border-radius: 50%;overflow: hidden;-moz-box-shadow:0px 0px 5px #ddd; -webkit-box-shadow:0px 0px 5px #ddd; box-shadow:0px 0px 5px #ddd;opacity: 0;}

.i6 .ul1 li a .txt{padding: 25px 0 35px;}

.i6 .ul1 li a .txt div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.i6 .ul1 li a .txt .atc{color: #727171;margin-top: 12px;height: 14px;}

.i6 .ul1 li:hover a .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.i6 .ul1 li:hover a .img .imgzz{opacity: 1;}

.i6 .ul1 li:hover a .img .imgzz .bf{left: 50%; opacity: 1;transition-delay: .2s;-webkit-transition-delay: .2s;}

.i6 .ibtm{margin-top: 170px;}

.i6 .ibtm a{display: block;width: 200px;height: 42px;border: 1px solid #ddd;text-align: center;float: right;line-height: 42px;color: #727171;}

.i6 .ibtm a span{font-weight: bold;color: #727171;}

.i6 .ibtm a:hover{border: 1px solid #000;color: #000;}

.i6 .ibtm a:hover span{color: #000;}

.i7{text-align: center;background: #e7e7e7;}

.i7 .tt{}

.pd120{padding: 120px 0;}

.i7 .img img{display: block;margin: 0 auto;width: 100%;}

.i8{padding: 130px 0 100px;}

.i8 .ul1{margin: 60px 0 160px;}

.i8 .ul1 li{width: 31.65%;float: left;margin-right: 2.525%;}

.i8 .ul1 li:last-child{margin-right: 0;}

.i8 .ul1 li a{display: block;position: relative;overflow: hidden;}

.i8 .ul1 li a .img,.i8 .ul1 li a .img img{display: block;width: 100%;overflow: hidden;}

.i8 .ul1 li a .img img{transform: scale(1.00001);-webkit-transform: scale(1.00001);}

.i8 .ul1 li a .ltt{margin: 30px 0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.i8 .ul1 li a .ltc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color: #727171;}

.i8 .ul1 li a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}

.i8 .ibtm a{display: block;width: 200px;height: 42px;border: 1px solid #ddd;text-align: center;float: right;line-height: 42px;color: #727171;}

.i8 .ibtm a span{font-weight: bold;color: #727171;}

.i8 .ibtm a:hover{border: 1px solid #000;color: #000;}

.i8 .ibtm a:hover span{color: #000;}



.ab1 .art .ewm{
  
}
.ab1 .art .ewm img{display: inline-block;}
.ab1 .art .ewm img:last-child{
    margin-left: 20px;
}

/* 底部 */

.footer{padding: 70px 0 60px;background: #3e3a39;color: #fff;}

.footer .ibox{max-width: 1380px;}

.footer .ibox .flt{width: 385px;float: left;border-right: 1px solid #9e9c9c;}

.footer .ibox .flt .ewm{width: 110px;float: left;}

.footer .ibox .flt .txt{width: calc(100% - 130px);float: right;} 

.footer .ibox .flt .txt .ftc{color: #fff;margin-top: 10px;}

.footer .ibox .flt .txt .ftt2{margin-top: 25px;}

.footer .ibox .fcot{width: calc(100% - 850px);float: left;border-right: 1px solid #9e9c9c;display: flex;justify-content: center;}

.footer .ibox .fcot a{display: block;color: #fff;line-height: 136px;text-align: center;margin: 0 12px;}

.footer .ibox .frt{width: 435px;float: right;}

.footer .ibox .frt .img{width: 126px;float: left;}

.footer .ibox .frt .txt{float: right;width: calc(100% - 130px);color: #fff;line-height: 22px;padding-top: 45px;}

.footer .ibox .frt .txt a{color: #fff;display: block;}

/* 关于 */

.banner{}

.banner img{display: block;width: 100%;}

.banner .mimg{display: none;}

.ab2{border-bottom: 2px solid #dfdfdf;}

.ab1{padding: 110px 0 160px;}

.ab1 .alt{float: left;color: #231815;}

.ab1 .art{float: right;width: 670px;}

.ab1 .art .atc{line-height: 36px;color: #727171;margin: 40px 0 90px;text-align: justify;}

.ab1 .art .atc2{line-height: 2;color: #727171;margin-top: 40px;}

/* 案例 */

.ca1{width: 100%;height: 220px;}

.cas1{padding-bottom: 70px;border-bottom: 1px solid #9f9a99;}

.cas1 .ibox,.cas2 .ibox{max-width: 1200px;}

.cas1 .tt{line-height: 1.5;padding-top: 15px;}

.cas1 .tc{color: #717071;line-height: 2;margin: 10px 0 50px;}

.cas1 .vid{position: relative;overflow: hidden;margin-bottom: 30px;}

.cas1 .vid video{display: block;width: 100%;outline: none;border: 0;}

.cas1 .vid img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}

.cas1 .vid .bf{width: 72px;height: 72px;position: absolute;z-index: 3;cursor: pointer; top:50%;left: 50%;margin-top: -36px;margin-left: -36px;background: url(../images/bf.png) center no-repeat;background-size: cover;border-radius: 50%;overflow: hidden;-moz-box-shadow:0px 0px 5px #ddd; -webkit-box-shadow:0px 0px 5px #ddd; box-shadow:0px 0px 5px #ddd;}

.cas1 .vid .bf:hover{transform: scale(0.9);-webkit-transform: scale(0.9); -moz-box-shadow:0px 0px 10px #ddd; -webkit-box-shadow:0px 0px 10px #ddd; box-shadow:0px 0px 10px #ddd;}

.cas1 .tt2{line-height: 1.5;margin: 100px 0 30px;}

.cas1 .tc2{color: #717071;line-height: 2;}

.cas1 .out{display: block;width: 90px;margin: 150px auto 0;}

.cas1 .out:hover{transform: rotate(180deg);-webkit-transform: rotate(180deg);}

.cas2{text-align: center;padding: 50px 0 100px;line-height: 1.5;}

.cas2 .ul1{margin-top: 50px;}

.cas2 .ul1 li{width: 32.5%;float: left;margin-right: 1.25%;margin-bottom: 1.25%;}

.cas2 .ul1 li:nth-child(3n){margin-right: 0;}

.cas2 .ul1 li a,.cas2 .ul1 li a img{display: block;overflow: hidden;width: 100%;}

.cas2 .ul1 li a img{transform: scale(1.00001);-webkit-transform: scale(1.00001);}

.cas2 .ul1 li a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}

/* 幕后精彩 */

.new1{}

.new1 .ul1{margin: 40px 0 100px;}

.new1 .ul1 li{padding: 40px 0;border-bottom: 1px solid #c6c6c6;}

.new1 .ul1 li a{display: block;}

.new1 .ul1 li .img{width: 470px;float: left;overflow: hidden;}

.new1 .ul1 li .img img{display: block;width: 100%;transform: scale(1.00001);-webkit-transform: scale(1.00001);}

.new1 .ul1 li .txt{width: calc(100% - 550px);float: right;overflow: hidden;padding-top: 25px;}

.new1 .ul1 li .txt .att{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.new1 .ul1 li .txt .day{margin: 15px 0 ;color: #595757;}

.new1 .ul1 li .txt .atc{line-height: 32px;color: #727171;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 64px;}

.new1 .ul1 li .txt .more{display: block;width: 120px;background: url(../images/jt.jpg) center right no-repeat;color: #727171;margin-top: 65px;}

.new1 .ul1 li:hover .txt .att,.new1 .ul1 li:hover .txt .more{color: #000;}

.new1 .ul1 li:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}

/* 详情 */

.newc1{padding: 0 0 100px;}

.newc1 .nbox{margin: 0 auto ;max-width: 945px;width: 90%;line-height: 1.5;}

.newc1 .nbox .day{margin: 15px 0 50px;color: #666;}

.newc1 .nbox .tc{color: #666;line-height: 2;text-align: justify;}


/* 联系 */

.con1{}

.con1 .att{line-height: 1.5;}

.con1 .atc{color: #666;line-height: 30px;margin:90px 0 140px ;}

.con1 .atc a{display: block;color: #666;}

.con1 .art{width: 580px;}


/* 搜索 */

.se1{padding-bottom: 70px;}

.se1 .ilt{float: left;width: calc(100% - 300px);}

.se1 .ilt .tt{margin-top: -11px;}

.se1 .ilt .tc{color: #727171;margin-top: 15px;}

.se1 .irt{float: right;width: 260px;height: 38px;border: 1px solid #ddd;border-radius: 30px;padding: 0 10px 0 15px; overflow: hidden;}

.se1 .irt input{display: block;width: calc(100% - 28px);float: left;height: 100%;border: 0;outline: none;}

.se1 .irt a{display: block;width: 28px;height: 100%;float: right;background: url(../images/ss.png) center no-repeat;background-size: 20px;}








 


/* 右侧操作栏 */

.floatnav {position: fixed;top: 50%;right: 0;z-index: 98;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);  }
  
.floatnav ul li {position: relative;  }

.floatnav ul li:hover .child {-webkit-transform: translateX(0) scale(1);-moz-transform: translateX(0) scale(1);-ms-transform: translateX(0) scale(1);transform: translateX(0) scale(1);  }
  
.floatnav ul li:not(:last-child) {margin-bottom: 4px;  }
  
.floatnav ul li:first-child a::before { background-image: url('../images/floatnav02.png');  }
  
.floatnav ul li:nth-child(2) a::before {background-image: url('../images/floatnav03.png');  }
  
  
.floatnav ul li a {position: relative;display: block;width: 89px;padding: 2px 0 9px;font-size: 14px;color: #fff;text-align: center;background-color: #ce3a53;  }
  
.floatnav ul li a::before { display: block; height: 50px; background-repeat: no-repeat; background-position: center; content: '';  }
 
.floatnav ul li .child {-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;transition: all 0.4s;-webkit-transform: translateX(100%) scale(0);-moz-transform: translateX(100%) scale(0);-ms-transform: translateX(100%) scale(0);transform: translateX(100%) scale(0);  }
  
.floatnav ul li .tel {position: absolute;top: 0;right: 100%;bottom: 0;line-height: 75px;padding: 0 18px;white-space: nowrap;font-size: 30px;color: #fff;background-color: #ce3a53;  }
  
.floatnav ul li .tel::before {position: absolute;top: 17px;right: 0;bottom: 17px;display: block;width: 1px;background-color: #80bfd4;content: '';  }
  
.floatnav ul li .qrcode {position: absolute;top: -33px;right: 100%;padding: 8px;margin-right: 12px;background-color: #ce3a53;  width: 120px;}

.floatnav ul li .qrcode img{width: 100px;display: block;margin: 0 auto;}
 
.floatnav ul li .qrcode::before {position: absolute;top: 50%;left: 100%;border-width: 7px 0 7px 8px;border-style: solid;border-color: transparent transparent transparent #ce3a53;content: '';-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);  }
  




@media(max-width:1680px){

    .i3 .ul1 li{margin-right: 15%;}


}

@media(max-width:1580px){

    .i3 .ul1 li{margin-right: 13%;}

    .footer .ibox .fcot a{margin: 0 5px;}

    .footer .ibox{min-width: 1200px;}




}


@media(max-width:1440px){

    .i3 .ul1 li{margin-right: 11%;}

    .footer .ibox .fcot a{font-size: 14px;}

  
    .f_12{ font-size:12px; }

    .f_16{ font-size:14px; }

    .f_18{ font-size:16px; }

    .f_20{ font-size:18px; }

    .f_22{font-size: 20px;}

    .f_24{ font-size:22px; }

    .f_26{ font-size:22px; }

    .f_28{ font-size:22px; }

    .f_30{ font-size:24px; }

    .f_32{ font-size:24px; #727171}

    .f_34{ font-size:24px; }

    .f_36{ font-size:24px; }

    .f_38{ font-size:24px; }

    .f_40{font-size: 24px;}

    .f_48,.f_42,.f_46{font-size: 24px;}

}


@media(max-width:1280px){

    .i3 .ul1 li{margin-right: 10%;}

}

@media(max-width:1030px){

    .ibox{width: 90%;}

    .i3 .ul1 li{margin-right: 0%;width: 25%;text-align: center;display: flex;justify-content: center;}

    .i3 .ul1 li div{display: inline-block;float: none;}

    .top{display: none;}

    .i4{padding: 50px 0;}

    .pd120,.i8{padding: 50px 0;}

    .i6 .ibtm{margin-top: 0px;}

    .i8 .ul1{margin: 50px 0;}

    .footer .ibox .fcot{display: none;}

    .footer .ibox{min-width: 100px;}

    .ab1{padding: 50px 0;}

    .ab1 .alt,.ab1 .art{width: 100%;float: none;}

    .ab1 .alt{margin-bottom: 30px;}

    .ab1 .art .atc{margin: 10px 0 20px;}

    .cas1 .tt2{margin: 30px 0;}

    .cas1 .out{margin-top: 50px;}



}



@media(max-width:960px){

    .zixun,.zixun:hover{width: 80px;background: #be324c ;right: 0;font-size: 14px;padding: 0 10px;line-height: 50px;}

    .i1{position: relative;}

    .i2{display: none;}

    .i1 .swiper1 .swiper-slide .sbox a .mimg{display: block;}

    .i1 .swiper1 .swiper-slide .sbox a .pimg{display: none;}

    .i1 .swiper1 .bd_btn{display: none;}

    .i1 .swiper1 .pagination1{bottom: 20px;}

    .i1 .swiper1 .pagination1 span{margin: 0 5px;}

    .head .abtn{display: none;}

    .head{padding: 10px 0;}

    .head .logo,.head .menu{height: 40px;}

    .headtc .htop{height: 60px;padding: 5px 5%;}

    .headtc .htop .logo,.headtc .htop .out{width: 50px;}

    .i3,.i4{padding: 30px 0;}

    .i3 .ul1 li{width: 50%;}

    .i3 .ul1 li div{font-size: 20px;}

    .i3 .ul1 li .lrt{font-size: 12px;}

    .i4 .tt{font-size: 16px;line-height: 1.5;}

    .i4 .tc{margin-top: 10px;}

    .i5 .ilt,.i5 .irt{width: 100%;float: none;}

    .i5 .ilt a{width: 33.33%;margin: 0;text-align: center;}

    .i5 .irt{margin-top: 20px;}

    .box{width: 90%;}

    .i6 .box{width: 100%;} 

    .i6 .ul1 li{width: 100%;float: none;margin: 0 0 10px;}

    .i6 .ul1 li a .txt{padding: 20px 5%;}

    .i6 .ibtm a,.i8 .ibtm a{float: none;margin: 20px  auto 0;}

    .i7 .tt{margin-bottom: 20px;}

    .pd120, .i8{padding: 30px 0;}

    .i6{padding-bottom: 30px;}

    .i8 .tt{text-align: center;}

    .i8 .ul1{margin: 20px 0;}

    .i8 .ul1 li{width: 100%;float: none;margin: 0 0 25px;}

    .i8 .ul1 li a .ltt{margin-top: 15px;}

    .footer .ibox .flt{width: 100%;float: none;border: 0; border-bottom: 1px solid #ddd;padding-bottom: 20px;margin-bottom: 20px;}

    .footer{padding: 30px 0;}

    .footer .ibox .frt{width: 100%;float: none;}

    .footer .ibox .frt .img{display: none;}

    .footer .ibox .frt .txt{width: 100%;float: none;padding: 0;}

    .banner .mimg{display: block;}

    .banner .pimg{display: none;}

    .ab1{padding: 30px 0;}

    .ab1 .alt{margin-bottom: 10px;}

    .ab1 .art .atc{line-height: 2;margin: 10px 0 20px;}

    .ab1 .art .atc2{margin-top: 20px;}

    .ca1{height: 80px;}

    .cas1 .tc{margin: 5px 0 15px;}

    .cas1 .tt2{margin: 10px 0;}

    .cas1{padding-bottom: 10px;background: #ddd;}

    .cas1 .out{margin-top: 20px;width: 50px;}

    .cas2 .ul1{margin-top: 20px;}

    .cas2{padding: 30px 0 0;}

    .cas2 .ibox{width: 100%;}

    .cas2 .ul1 li{width: 100%;float: none;margin: 0 0 5px;}

    .se1 .ilt,.se1 .irt{width: 100%;float: none;}

    .se1 .irt{margin-top: 20px;}

    .se1{padding-bottom: 20px;}

    .new1 .ul1{margin: 20px 0;}

    .new1 .ul1 li{padding: 20px 0;}

    .new1 .ul1 li .img,.new1 .ul1 li .txt{width: 100%;float: none;}

    .new1 .ul1 li .txt{padding-top: 15px;}

    .new1 .ul1 li .txt .more{margin-top: 20px;}

    .new1 .ul1 li .txt .atc{height: 48px;line-height: 24px;}

    .newc1 .nbox .day{margin-bottom: 20px;}

    .newc1{padding-bottom: 30px;}

    .i1 .swiper1 .swiper-slide .sbox a video{display: none;visibility: hidden;}

    .floatnav{display: none;}

}