/* common */
@charset "utf-8";

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

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,h10,h11,h12,h13,h14,h15,h16,h18,h20,h22,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{font-family: Arial, Helvetica, sans-serif;margin:0;padding:0;border:none;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6,h13,h14,h15,h16,h17,h18,h20,h22,.h10,.h11,.h12,.h13,.h14,.h15,.h17,.h16,.h18,.h20,.h22{-webkit-text-size-adjust:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block; padding:0; margin:0;}
ol,ul{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
button::-moz-focus-inner,input::-moz-focus-inner{border: 0;padding: 0;}
input[type="submit"], input[type="reset"], input[type="button"], button {-webkit-appearance: none;}
a,input,button,select,textarea{outline:none;/*-webkit-appearance: none;*/}
img,a img {border:0;padding:0;margin:0;vertical-align:middle;}
*{margin: 0px;padding: 0px; }
ul{list-style:none; padding:0px; margin:0px; list-style-type:none;}
ul li{list-style:none; padding:0px; margin:0px; list-style-type:none;}
i{ font-style:normal;}
em{ text-indent:0em;}
a,ins{text-decoration:none; color:#333;}
del{text-decoration:line-through}
.clear{ clear:both}
.left{float: left !important;}
.right{float: right !important;}
.t_alglilf{text-align: left !important;}
.t_alglirg{text-align: right !important;}
.t_alglic{text-align: center;}
textarea {appearance:none; -webkit-appearance: none;}
input{ border-radius:0;}
input:focus, textarea:focus {
    outline: none;
}
select{-webkit-appearance: none; outline: none;border-radius:0;}
input[type="submit"],
 input[type="reset"],
 input[type="button"],
 button {
 -webkit-appearance: none;
 }
body{margin:0;padding:0;text-align:left;color:#000;height:auto; width:100%; overflow-x:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-text-size-adjust: none;font-family:Arial, Helvetica, sans-serif;}

.nowrap{text-overflow:ellipsis; white-space:nowrap;overflow: hidden;}
.uppercase{text-transform:uppercase;}
.clearfix:after{content:"\200B"; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}/*IE/7/6*/
.epco4{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.epco2{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.epco3{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
/*浏览器滚动条*/
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#E3E3E3}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:1.5625vw}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}
/* 公共隐藏 */
.hiediphone{display: none;}



.navFixed header{height:100px;width: 100%;transition: all 0.36s ease-in-out;z-index: 999;background-color: rgba(2, 7, 11, 0.6);}
.conten-wrapper{display: block;transition: width 0.25s ease, margin 0.25s ease;position: relative;overflow: hidden;}
.main-content{width: calc(100%);min-height: 100vh;position: relative;overflow: hidden;transition: 0.3s;}
/*网站顶部*/
header{position: fixed;left: 0;top: 0;right: 0;z-index: 100;transition:cubic-bezier(0.215,.61,.355,1) .45s;margin: 0px auto;}
.lh-headline{margin: 0px auto 0px;z-index: 99;max-width: 92%;min-width: 1280px;height: 100px;position: relative;}
.logo{width: 298px;float: left;overflow: hidden;margin-top: 23px;}
.logo img{width: 100%;float: left;}
.lh-header{height:100px;margin: 0px auto;float: right;}
/* 分类 */
.lh-nav-item{position: relative;}
.lh-nav-item li{float:left; margin-right:0.68vw; position:relative;line-height: 100px;padding: 0px 18px;transition:cubic-bezier(0.215,.61,.355,1) .45s;}
.lh-nav-item li .sovv{width: 17px;height: 12px;background: url(../img/navdown.png)no-repeat top right;position: absolute;right: 0px;top: 48%;background-size: 10px;}
.lh-nav-item li>a{ color:#fff; font-size:18px; display:block; position:relative;text-transform: uppercase;}
.lh-nav-item li>a:hover,.lh-nav-item li>a.on{color: #1876f2;}

/* 按钮切换 */
.changebot{width: 40px;height: 40px;float: right;border-radius: 50%;background-color: #2d4fe1;color: #fff;font-weight: bold;line-height: 40px;text-align: center;font-size: 18px;margin: 30px 0px 0px 1%;}

/* 二级分类 */
/* .lh-nav-item li dl{position:absolute; left:0; top:80px; width:100%; text-align:center; opacity:0; visibility:hidden; transform:translateY(50%);transition:cubic-bezier(0.215,.61,.355,1) .45s;border-radius: 12px;background-color: rgba(0, 0, 0, 0.6);padding: 14px 0px;border-bottom: 3px solid #00a2ea;}
.lh-nav-item li dl dd{width: 100%;float: left;overflow: hidden;line-height:normal;padding: 5px 0px;}
.lh-nav-item li dl dd a{font-size:13px; color:#949494;display: block;text-transform: capitalize;}
.lh-nav-item li dl dd a:hover{color:#fff;} */
/* hover 二级栏目 */
/* .lh-nav-item li:hover dl{ opacity:1; visibility:visible;transform:translateY(0%)} */

.lh-nav-item li .sub{width: 0px;background-color: rgba(0, 0, 0, 1); position:absolute; top:80px; z-index:100; left: 50%;margin-left: 0px;padding: 0px 0px 15px;}
.lh-nav-item li .sub .si{position: relative;margin: 0 11px;border-top: 1px solid #000;text-align: left;}
.lh-nav-item li .sub .si:first-child{border-top: none;}
.lh-nav-item li .sub .si:first-child:before{content: '';position: absolute;top: 0px;left: 0;right: 0;width: 0;margin:auto;border-bottom: 0px solid #1876f2;border-left: 0px solid transparent;border-right: 0px solid transparent;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.lh-nav-item li .sub .si a{position: relative;color:#949494;  display:block;overflow: hidden;line-height:30px;text-decoration:none; font-size:14px;text-align: center;}

.lh-nav-item li:hover .sub{width: 260px;margin-left: -117px;}
.lh-nav-item li:hover .sub .si:first-child:before{top: -12px;border-bottom-width: 8px;border-left-width: 8px;border-right-width: 8px;}
.lh-nav-item li .sub .si:hover a{color: #1876f2;}
.trans3{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}

/* banner */
.bannercon{width: 100%;height: auto;overflow: hidden;position: relative;}

.bannertxtcon{height: auto;overflow: hidden;margin: 0px auto;width: 75%;position: absolute;left: 0px; top: 35%;right: 0px;}
.bannercon img{width: 100%;float: left;}
.bannertxtcon p.p1{font-size: 68px;color: #fff;text-transform: uppercase;font-weight: bold;margin-bottom: 8px;}
.bannertxtcon p.p2{font-size: 28px;color: #f9f3f3;text-transform: capitalize;margin-top: 23px;}
.bannertxtcon .moreb{display: inline-block;width: 157px;height: 50px;border-radius: 6px;line-height: 50px;text-align: center;color: #f9f3f3;font-size: 18px;background: url(../img/coin_1.png)no-repeat 90% center #ff7023;margin-top: 48px;font-weight: bold;}
/* Our Services */
.sers_bg{width: 100%;height: 1080px;overflow: hidden;background: url(../img/bg2.jpg)no-repeat top center #191919;padding: 90px 0px 0px;box-sizing: border-box;position: relative;}
.sers_title{width: 88%;height: auto;overflow: hidden;font-size: 70px;color: #f9f3f3;margin: 0px auto 20px;text-transform: capitalize;font-weight: bold;}
.sers_title.cen{text-align: center;}
.sers_con{width: 100%;height: 540px;overflow: hidden;background-color: rgba(0, 0, 0, 0.5);position: absolute;left: 0px;right: 0px;bottom: 0px;margin: 0px auto;}
.sers_con ul li{width: 25%;float: left;overflow: hidden;position: relative;text-align: center;height: 540px;display: flex;justify-content: center;align-items: center;padding: 0px 2%;box-sizing: border-box;-webkit-transition:all .5s cubic-bezier(.25,0,0,1);-o-transition:all .5s cubic-bezier(.25,0,0,1);-moz-transition:all .5s cubic-bezier(.25,0,0,1);transition:all .5s cubic-bezier(.25,0,0,1);}
.sers_con ul li::after{display: inline-block;width: 1px;height: 100%;background-color: rgba(255, 255, 255, 0.5);position: absolute;right: 0px;top: 0px;content: '';}
.sers_con ul li a .pic{width:80px;height: 80px;border-radius: 50%;margin: 0px auto 24px;z-index: 3;position: relative;transition:all .5s cubic-bezier(.25,0,0,1);}
.sers_con ul li a .pic.pic1{background: url(../img/coin_4.png)no-repeat center #2d4fe1;background-size:56px;}
.sers_con ul li a .pic.pic2{background: url(../img/coin_5.png)no-repeat center #2d4fe1;background-size:39px;}
.sers_con ul li a .pic.pic3{background: url(../img/coin_6.png)no-repeat center #2d4fe1;background-size:42px;}
.sers_con ul li a .pic.pic4{background: url(../img/coin_7.png)no-repeat center #2d4fe1;background-size:43px;}
.sers_con ul li a p.p1{font-size: 25px;font-weight: bold;color: #fff;text-transform: capitalize;z-index: 3;position: relative;}
.sers_con ul li a p.p2{width: 36px;height: 1px;background-color: #fff;display: inline-block;margin: 30px auto 0px;z-index: 3;position: relative;}
.sers_con ul li a p.p3{font-size: 18px;color: #fff;line-height: 28px;text-align: center;opacity:0;visibility:hidden;margin-top: 26px;z-index: 3;position: relative;}
.sers_con ul li a p.p4{display: inline-block;width: 76px;height: 32px;border: 1px solid #fff;line-height: 32px;font-size: 13px;opacity:0;visibility:hidden;margin-top: 35px;color: #fff;z-index: 3;position: relative;}
.sers_con ul li .item-bg{content:'';width:100%;left:0;bottom:0;height:0;position:absolute;display:block;z-index:1;overflow:hidden;-webkit-transition:all .5s cubic-bezier(.25,0,0,1);-o-transition:all .5s cubic-bezier(.25,0,0,1);-moz-transition:all .5s cubic-bezier(.25,0,0,1);transition:all .5s cubic-bezier(.25,0,0,1);background-color: rgba(23, 64, 179, 0.5);}

.sers_con ul li:last-child:after{display: none;}
.sers_con ul li:hover .item-bg{height:100vh;}
.sers_con ul li:hover a .pic.pic1{background: url(../img/coin_4_4.png)no-repeat center #fff;background-size:56px;}
.sers_con ul li:hover a .pic.pic2{background: url(../img/coin_5_5.png)no-repeat center #fff;background-size:39px;}
.sers_con ul li:hover a .pic.pic3{background: url(../img/coin_6_6.png)no-repeat center #fff;background-size:42px;}
.sers_con ul li:hover a .pic.pic4{background: url(../img/coin_7_7.png)no-repeat center #fff;background-size:43px;}
.sers_con ul li:hover a p.p3{opacity:1;visibility:visible}
.sers_con ul li:hover a p.p4{opacity:1;visibility:visible}


/* about */
.about_bg{width: 100%;height: 1023px;overflow: hidden;background: url(../img/bg3.jpg)no-repeat top center;padding: 100px 0px 0px;background-size: cover;box-sizing: border-box;}
.about_con{width: 88%;height: auto;overflow: hidden;margin:120px auto 0px;}
.about_conlef{width:calc((100% - 800px) - 80px);float: left;overflow: hidden;}
.about_conrig{width: 800px;float: right;overflow: hidden;margin-top: 100px;}
.about_conrig img{width: 100%;float: left;}
.about_con .title{font-size: 35px;font-weight: bold;color: #fff;text-transform: capitalize;margin-bottom: 25px;}
.about_con .about_txt{width: 100%;height: auto;overflow: hidden;font-size: 20px;color: #f9f3f3;line-height: 35px;}
.about_con .abmore{display: inline-block;color: #ff8c2a;font-size: 16px;text-decoration: underline;margin-top: 40px;text-transform: capitalize;}

/* case */
.case_bg{width: 100%;overflow: hidden;background: url(../img/bg3_3.jpg)no-repeat top center;padding: 100px 0px 100px;background-size: cover;box-sizing: border-box;}
/* case lubo */
/* 形象墙轮播 */
.imageshowbox{width: 100%;height: auto;overflow: hidden;margin-top: 60px;}
.pc-banner {width: 100%;float: left;position:relative}
.pc-banner .swiper-container{width: 100%;margin-bottom:25px !important;}
.pc-banner .swiper-slide {-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(0.7);transform: scale(0.7);border-radius: 12px;}
.pc-banner .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform: scale(1);transform: scale(1);}
.pc-banner .none-effect {-webkit-transition: none;-moz-transition: none;-ms-transition: none;-o-transition: none;}
.pc-banner .swiper-slide .labertxt{position: absolute;left: 0px;right: 0px;margin: 0px auto;bottom: 0px;height: 60px;line-height: 60px;text-align: center;font-size: 24px;color: #fff;padding: 0px 20px;box-sizing: border-box;}
.pc-banner .swiper-slide-active a:after {background: none;}
.pc-banner .swiper-slide .img {width: 100%;display: block;border-radius: 12px;}
.pc-banner .swiper-button-next1{background: url(../img/coin_9.png) no-repeat;right: 20%;width: 60px;height: 60px;position: absolute;left: auto;background-size: 100%;top:35%;z-index:99}
.pc-banner .swiper-button-prev1{background: url(../img/coin_8.png) no-repeat;left: 20%;width: 60px;height: 60px;position: absolute;right: auto;background-size: 100%;top:35%;z-index:99}
.pc-banner .swiper-button-next1:hover{background: url(../img/coin_9.png) no-repeat;background-size: 100%;}
.pc-banner .swiper-button-prev1:hover{background: url(../img/coin_8.png) no-repeat;background-size: 100%;}

/* foot */
.foot_bg{width: 100%;height: auto;overflow: hidden;padding-top:70px;background: url(../img/bg4.jpg)no-repeat top center;background-size: cover;}
.foot_con{width: 88%;height: auto;overflow: hidden;margin: 0px auto;padding-bottom: 20px;}
.foot_con .f_tel{width: 470px;float: right;overflow: hidden;text-transform: capitalize;}
.foot_con .f_tel p.p1{font-size: 20px;color: #fef8f8;line-height: 35px;}
.foot_con .f_tel p.p2{font-size: 18px;color: #c5c5c5;margin-bottom: 24px;}
.foot_con .f_tel p.p3{font-size: 28px;font-weight: bold;color: #fff;text-transform: capitalize;margin-bottom: 25px;}
.foot_con .f_navs{width: calc(100% - 550px);float: left;overflow: hidden;}
.foot_con .f_navs ul li{width: 30%;float: left;margin: 0px 1.5% 0px;overflow: hidden;}
.foot_con .f_navs ul li a p.p1{color: #fff;text-transform: capitalize;font-size: 28px;font-weight: bold;margin-bottom: 30px;}
.foot_con .f_navs ul li a p.p2{font-size: 16px;color: #fff;margin-bottom: 18px;}

.foot_lcation{width: 100%;line-height: 80px;text-align: center;border-top: 1px solid #262626;}
.foot_lcationbox{width: 88%;height: auto;overflow: hidden;margin: 0px auto;}
.foot_lcation .f_logo{float: left;overflow: hidden;margin-top: 18px;width: 245px;}
.foot_lcation .f_logo img{width: 100%;float: left;}
.foot_lcation .r_txt{float: right;display: inline-block;font-size: 16px;color: #fff;}
.foot_lcation .r_txt a{color: #fff;}
/* about */
.ab_bgs{width: 100%;height: auto;overflow: hidden;position: relative;background: url(../img/bg5.jpg)no-repeat top center #070a18;padding-top: 340px;padding-bottom: 40px;}

.abtxtcon{overflow: hidden;margin: 0px auto;width:1200px;height: auto;}
.abtxtcon p.p1{font-size: 92px;font-weight: bold;color: #fff;margin-bottom: 20px;}
.abtxtcon p.p2{font-size: 56px;color: #fff;}
.ablaberc{width: 100%;height: auto;overflow: hidden;margin: 38px auto 0px;font-size: 24px;color: #fff;line-height: 35px;}
.ablaberc p{padding: 2px 0px;}
.ablaberc img{max-width: 100%;}

/* why choose us */
.why_bgs{width: 100%;height: auto;overflow: hidden;background: url(../img/bg6.jpg)no-repeat top center #010406;padding: 50px 0px;}
.ab_title{width: 100%;height: auto;text-align: center;font-size: 56px;font-weight: bold;color: #f9f3f3;margin-bottom: 48px;text-transform: capitalize;}
.why_con{width: 100%;height: auto;overflow: hidden;margin: 0px auto;}
.why_con ul li{width: 31.3%;float: left;margin: 0px 1% 2%;overflow: hidden;background-color: #080f27;border-radius: 8px;padding:32px 30px ;height: 386px;box-sizing: border-box;}
.why_con ul li .pic{width: 50px;overflow: hidden;margin-bottom: 25px;}
.why_con ul li .pic img{width: 100%;float: left;}
.why_con ul li p.p1{font-size: 28px;font-weight: bold;color: #f9f3f3;margin-bottom: 10px;}
.why_con ul li p.p2{font-size: 18px;color: #cbcbcb;line-height: 28px;}
.why_con ul li:nth-child(1),.why_con ul li:nth-child(2){width: 48%;height: 308px;}

/* service */
.serv_bgs{width: 100%;height: auto;overflow: hidden;position: relative;}
.serv_bgs img{width: 100%;float: left;}
.serv_clbgs{width: 100%;height: auto;overflow: hidden;background: url(../img/bg9.jpg)repeat top center;padding: 45px 0px;}
.sertxtcon{height: auto;overflow: hidden;margin: 0px auto;width: 62%;font-size: 55px;color: #f9f3f3;font-weight: bold;}
.ser_lis{width: 1200px;height: auto;overflow: hidden;margin: 80px auto 0px;}
.ser_lis ul li{width: 100%;float: left;overflow: hidden;margin-bottom: 45px;}
.ser_lis ul li .pic{width: 700px;float: right;overflow: hidden;border-radius: 12px;}
.ser_lis ul li .pic img{width: 100%;float: left;border-radius: 12px;-webkit-animation: a_zoom-in .7s ease both;animation: a_zoom-in .7s ease both;}
.ser_lis ul li .txt{width: calc(100% - 760px);float: left;overflow: hidden;padding-top: 70px;}
.ser_lis ul li .txt .title{color: #f9f3f3;font-size: 35px;border-bottom: 1px solid #5a5068;text-transform: capitalize;padding-bottom: 25px;}
.ser_lis ul li .txt .intrs{width: 100%;padding-top: 40px;color: #b8b8b8;font-size: 18px;line-height: 30px;height: 225px;overflow: hidden;}
.ser_lis ul li .txt .intrs.autohig{height: auto;}
.ser_lis ul li .txt .redmore{width: 100%;margin-top: 23px;font-size: 16px;color: #1366ec;text-decoration: underline;text-transform: capitalize;}
.ser_lis ul li:hover img{-webkit-animation: a_zoom-in-h .7s ease both;animation: a_zoom-in-h .7s ease both;}


/* solution */
.solu_bg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg17.jpg)repeat top center;padding: 560px 0px 0px;background-size: cover;}
.solu_contxt{height: auto;overflow: hidden;margin: 0px auto;width:1200px;font-size: 50px;color: #f9f3f3;font-weight: bold;padding-bottom: 40px;}
.solu_con{height: auto;overflow: hidden;margin: 0px auto;width: 62%;font-size: 55px;color: #f9f3f3;font-weight: bold;position: absolute;left: 0px;right: 0px;margin: 0px auto; top: 50%;text-transform: capitalize;}
.solu_con p.p1{font-size: 55px;color: #fff;font-weight: bold;padding-bottom: 15px;text-align: center;}
.solu_con p.p2{font-size: 24px;font-weight: bold;text-align: center;}


.solu_conbg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg18.jpg)repeat top center;padding-top: 60px;background-size: cover;}
.solu_lis{width: 1200px;height: auto;overflow: hidden;margin: 0px auto 150px;}
.solu_lis ul li{width: 100%;float: left;overflow: hidden;margin-bottom: 45px;background-color: #141826;}
.solu_lis ul li .pic{width: 600px;overflow: hidden;}
.solu_lis ul li .pic img{width: 100%;float: left;-webkit-animation: a_zoom-in .7s ease both;animation: a_zoom-in .7s ease both;}
.solu_lis ul li .pictxt{width: calc(100% - 600px);overflow: hidden;box-sizing: border-box;padding: 0px 40px;display: flex;justify-content: center;align-items: center;min-height: 480px;}
.solu_lis ul li .pictxt .piccon{width: 100%;height: auto;overflow: hidden;}
.solu_lis ul li .pictxt .piccon p.p1{font-size: 35px;font-weight: bold;text-transform: capitalize;margin-bottom: 26px;color: #f9f3f3;}
.solu_lis ul li .pictxt .piccon p.p2{font-size: 18px;line-height: 30px;color: #9d9e9f;}
.solu_lis ul li:hover .pic img{-webkit-animation: a_zoom-in-h .7s ease both;animation: a_zoom-in-h .7s ease both;}
/* cases */
.case_clbg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg19.jpg)repeat top center;padding: 560px 0px 0px;background-size: cover;}
.case_conbg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg20.jpg)repeat top center;padding-top: 60px;background-size: cover;min-height: 250px;}
.case_con{width: 1200px;height: auto;overflow: hidden;margin: 0px auto;}
.case_con ul li{width: 100%;float: left;overflow: hidden;margin-bottom: 80px;}
.case_con ul li .pic{width: 100%;height: auto;overflow: hidden;position: relative;}
.case_con ul li .pic img{width: 100%;float: left;-webkit-animation: a_zoom-in .7s ease both;animation: a_zoom-in .7s ease both;}
.case_con ul li .pic .cerbg{width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.45);position: absolute;left: 0px;top: 0px;margin: 0px auto;display: flex;justify-content: center;align-items: center;}
.case_con ul li .pic .cerbg p.p1{font-size: 30px;font-weight: bold;color: #fff;}
.case_con ul li .pic::after{display: block;width: 96%;height: 92%;border: 1px solid rgba(255, 255, 255, 0.22);position: absolute;left: 0px;margin: 2% auto 0px;right: 0px;content: '';}
.case_con ul li .intro{width: 94%;height: auto;overflow: hidden;margin:25px auto 0px;font-size: 18px;color: #d8d8d8;line-height: 30px;}
.case_con ul li .intro p{padding: 2px 0px;}
.case_con ul li .intro img{max-width: 100%;}
.case_con ul li:hover .pic img{-webkit-animation: a_zoom-in-h .7s ease both;animation: a_zoom-in-h .7s ease both;}

/* contan us */
.contan_bg{width: 100%;height: auto;overflow: hidden;background: url(../img/bg16.jpg)repeat top center;padding: 80px 0px;}
.contan_box{width: 1200px;height: auto;overflow: hidden;margin: 0px auto;}
.contan_boxtxt{width: 100%;height: auto;overflow: hidden;margin-bottom: 60px;}
.contan_title{font-size: 35px;font-weight: bold;color: #f9f3f3;margin-bottom: 20px;text-transform: capitalize;}
.contan_boxtxt .intro{font-size: 18px;color: #bdbdbd;line-height: 30px;}
.contan_boxtxt .intro p{padding: 2px 0px;}
.mapbox{width: 100%;height: auto;overflow: hidden;margin: 0px auto 0px;}
.mapboxleft{width: 320px;float: right;overflow: hidden;}
.mapboxleft ul li{width: 100%;float: left;overflow: hidden;padding-bottom: 60px;}
.mapboxleft ul li p.p1{font-size: 20px;font-weight: bold;color: #f9f3f3;margin-bottom: 15px;text-transform: capitalize;}
.mapboxleft ul li .lis{font-size: 18px;color: #b9b9b9;width: 100%;}
.mapboxleft ul li .lis .coin{width: 16px;float: left;overflow: hidden;margin-top: 5px;}
.mapboxleft ul li .lis .coin img{width: 100%;float: left;}
.mapboxleft ul li .lis .txt{width: calc(100% - 30px);float: right;overflow: hidden;line-height: 25px;}
.maprig{width: calc(100% - 380px);float: left;overflow: hidden;height: 500px;}

/*分页*/
.page{width:100%;line-height:30px;text-align:center;border-top:none;padding:0 0 0px 0; margin:30px auto 50px;font-size: 14px;}
.pagination { width:auto;  margin:0 auto;}
.pagination li {display: inline-block;margin-right: 3px;padding: 3px 15px;border: 1px solid #e2e2e2;min-width: 20px;text-align: center;border-radius: 6px;}
.pagination li.active {background: #c5241c;color: #fff;border: 1px solid #c5241c;}
.pagination li a {display: block;text-align: center;}

/* 新闻详情 */
.viewbox{width: 92%;;margin: 40px auto ;overflow: hidden;}
.viewtitle{font-size:32px;color: #000;text-align: center;margin-bottom: 25px;font-weight: bold;}
.viewbz{width: 100%;height: auto;overflow: hidden;text-align: center;border-bottom: 1px solid #f3f3f3;padding-bottom: 20px;}
.viewbz ul li{display: inline-block;padding: 0px 20px;font-size: 16px;color: #333;line-height: 30px;padding: 0px 30px;}
.viewbz ul li.li1{background: url(../img/t48.png) no-repeat left center;background-size: 24px;}
.viewbz ul li.li2{background: url(../img/t49.png) no-repeat left center;background-size: 21px;}
.viewbz ul li.li3{background: url(../img/t47.png) no-repeat left center;background-size: 21px;}
.viecounten{width: 100%; height: auto;overflow: hidden;min-height: 450px;font-size: 16px;line-height: 28px;color: #333;margin-top: 40px;}
.viecounten p{padding: 2px 0px;}
.viecounten img{max-width: 100%;}

.viepagecon{width: 100%;height: auto;overflow: hidden;padding-top: 10px;border-top: 1px solid #f3f3f3;}
.viepagecon span{display: inline-block;width: 48%;font-size: 16px;color: #333;line-height: 30px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 30px;}
.viepagecon span.span1{float: left;}
.viepagecon span.span2{float: right;text-align: right;}
.viepagecon span a{color: #333;}
.viepagecon span:hover a{color: #c5241c;}



/* leftsead */
.leftsead{width:76px;position:fixed;bottom:100px;right:40px; z-index:100;background-color: #991d1d;border-radius: 12px;}
.leftsead .top{ width:100%; height:90px; overflow: hidden;cursor:pointer; transition:all 0.5s;}
.leftsead .top .pic{width: 100%;height: 44px;background:url(../img/sead_coin4.png) no-repeat center;text-align: center;margin: 10px auto 0px;background-size: 34px;}
.leftsead .top p{font-size: 14px;color: #fff;text-align: center;font-family: 'SourceHanSans';}
.leftsead .top:hover p{transition:all 0.5s;font-weight: bold;}
.leftsead .top:hover .pic{animation:scrr 3s infinite linear;transition:all 0.3s;}





.view_video{width:100%;margin:25px auto 0px;}
.view_video  video{width: 100%; height: 100%;object-fit: cover;}
.jm-viewc{width: 100%;height: auto;overflow: hidden;text-align: center;}
.fp-warning, .fp-watermark{display: none;}


/*导航*/
.lh-headline .munen{ width: 92px; height: 95px;display: none;float: right;}
div.phoneNav nav a, div.phoneNav nav a:after{transition: all 1s ease 0s;-webkit-transition: all 1s ease 0s;-moz-transition: all 1s ease 0s;}
.menus i.is1:before,.menus i.is1:after{transition: all .4s ease 0s;-webkit-transition: all .4s ease 0s;-moz-transition: all .4s ease 0s;}
.menus{ width: 40px; height: 27px;cursor: pointer; position: relative; cursor: pointer; margin: 30px auto}
.menus i{ display: block; width: 100%; height: 2px; background-color: #fff; position: absolute;transition: all .6s ease .2s;-webkit-transition: all .6s ease .2s;-moz-transition: all .6s ease .2s;}
.menus i.is1{ left: 0; top: 0;}
.menus i.is2{ left: 0; bottom: 0;}
.menus i.is1:before{ position: absolute; content: ''; left: 0; bottom: -12px; width: 40%; height: 100%; background-color: inherit;}
.menus i.is1:after{ position: absolute; content: ''; right: 0; bottom: -12px; width: 40%; height: 100%; background-color: inherit;}
.menus.active i.is1{transform: rotate(45deg) translate3d(8px,9px,0);-webkit-transform: rotate(45deg) translate3d(8px,9px,0);-moz-transform: rotate(45deg) translate3d(8px,9px,0);}
.menus.active i.is2{ left: 0; bottom: 0;transform: rotate(-45deg) translate3d(8px,-9px,0);-webkit-transform: rotate(-45deg) translate3d(8px,-9px,0);-moz-transform: rotate(-45deg) translate3d(8px,-9px,0);}
.menus.active i.is1:before{transform: translateX(-120%);-webkit-transform: translateX(-120%);-moz-transform: translateX(-120%);opacity: 0;}
.menus.active i.is1:after{transform: translateX(120%);-webkit-transform: translateX(120%);-moz-transform: translateX(120%);opacity: 0;}
div.phoneNav{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-align: center; z-index: 99999;background-color: #000;background-color: rgba(0,0,0,0.8);box-sizing: border-box;-moz-box-sizing: border-box;padding-top:1.8%;transition: all 1s ease-in-out 0s;-webkit-transition: all 1s ease-in-out 0s;-moz-transition: all 1s ease-in-out 0s;transform: translateX(-120%);-webkit-transform: translateX(-120%);-moz-transform: translateX(-120%);}
div.phoneNav .nav{ width: 96%;  position: absolute; left: 50%; top: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);-moz-transform: translate3d(-50%,-50%,0);}
div.phoneNav .nav ul li{width: 20%; float: left; overflow: hidden; text-align: left }
div.phoneNav .nav ul li a p.p1{ font-size: 20px;color: #fff; padding-bottom: 5px;height: 60px;}
div.phoneNav .nav ul li a p.p2{font-family: arial;color: #fff; font-size: 15px; padding-bottom: 8%;}
div.phoneNav .nav ul li a p.p3{font-size: 16px; color: #d1d1d1;padding-bottom: 15px;}
div.phoneNav .nav ul li a p.p3:hover{color: #2e4b97}

div.phoneNav .gb{ width:40px; height: 40px; text-align: center; float:right; margin-right:7%; cursor: pointer;}
div.phoneNav span{ display: inline-block; width:40px; height: 1px; border-top: 2px solid #fff; position: relative;}
div.phoneNav span.sp1{transform: rotate(45deg) translate3d(30px,2px,0);-webkit-transform: rotate(45deg) translate3d(30px,2px,0);-moz-transform: rotate(45deg) translate3d(30px,2px,0);}
div.phoneNav .gb span.sp2{transform: rotate(-45deg) translate3d(10px,17px,0);-webkit-transform: rotate(-45deg) translate3d(10px,17px,0);-moz-transform: rotate(-45deg) translate3d(10px,17px,0);}
div.phoneNav .gb span:after{position: absolute; content: ''; left: 0; top: -1px; width: 0%; height: 100%; border-top: 1px solid #fff;transition: all .8s ease 0s;-webkit-transition: all .8s ease 0s;-moz-transition: all .8s ease 0s;}
div.phoneNav .gb:hover span:after{ width: 100%;}
div.phoneNav li{transform: translateX(-200px);-webkit-transform: translateX(-200px);-moz-transform: translateX(-200px);opacity: 0;}
div.phoneNav li:nth-of-type(1){transition: all .8s ease 1s;-webkit-transition: all .8s ease 1s;-moz-transition: all .8s ease 1s;}
div.phoneNav li:nth-of-type(2){transition: all .8s ease 1.15s;-webkit-transition: all .8s ease 1.15s;-moz-transition: all .8s ease 1.15s;}
div.phoneNav li:nth-of-type(3){transition: all .8s ease 1.3s;-webkit-transition: all .8s ease 1.3s;-moz-transition: all .8s ease 1.3s;}
div.phoneNav li:nth-of-type(4){transition: all .8s ease 1.45s;-webkit-transition: all .8s ease 1.45s;-moz-transition: all .8s ease 1.45s;}
div.phoneNav li:nth-of-type(5){transition: all .8s ease 1.6s;-webkit-transition: all .8s ease 1.6s;-moz-transition: all .8s ease 1.6s;}
div.phoneNav li:nth-of-type(6){transition: all .8s ease 1.75s;-webkit-transition: all .8s ease 1.75s;-moz-transition: all .8s ease 1.75s;}
div.phoneNav li:nth-of-type(7){transition: all .8s ease 1.9s;-webkit-transition: all .8s ease 1.9s;-moz-transition: all .8s ease 1.9s;}
div.phoneNav li:nth-of-type(8){transition: all .8s ease 2s;-webkit-transition: all .8s ease 2s;-moz-transition: all .8s ease 2s;}
div.phoneNav li:nth-of-type(9){transition: all .8s ease 2.15s;-webkit-transition: all .8s ease 2.15s;-moz-transition: all .8s ease 2.15s;}
div.phoneNav li:nth-of-type(10){transition: all .8s ease 2.3s;-webkit-transition: all .8s ease 2.3s;-moz-transition: all .8s ease 2.3s;}
div.phoneNav.active{transform: translateX(0%);-webkit-transform: translateX(0%);-moz-transform: translateX(0%);}
div.phoneNav.active li{transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);opacity: 1;}

div.phoneNav .nav ul li:nth-child(1){width: 15%;}
div.phoneNav .nav ul li:nth-child(2){width: 25%;}
div.phoneNav .nav ul li:nth-child(3){width: 20%;}
div.phoneNav .nav ul li:nth-child(4){width: 26%;}
div.phoneNav .nav ul li:nth-child(5){width: 10%;}




@keyframes jello {
    from, 11.1%, to {
   -webkit-transform: none;
   -moz-transform: none;
   transform: none
   }
}
/***向下按钮***/
@keyframes scrr {
    0% {
    transform:translateY(5px);
   }
    50% {
    transform:translateY(-5px);
   }
    100% {
    transform:translateY(5px);
   }
}
@-webkit-keyframes a_zoom-in{
    from{-webkit-transform: scale(1.2);transform: scale(1.2);}
    to{-webkit-transform: scale(1);transform: scale(1);}
}
@keyframes a_zoom-in{
    from{-webkit-transform: scale(1.2);transform: scale(1.2);}
    to{-webkit-transform: scale(1);transform: scale(1);}
}
@-webkit-keyframes a_zoom-in-h{
    from{-webkit-transform: scale(1);transform: scale(1);}
    to{-webkit-transform: scale(1.2);transform: scale(1.2);}
}
@keyframes a_zoom-in-h{
    from{-webkit-transform: scale(1);transform: scale(1);}
    to{-webkit-transform: scale(1.2);transform: scale(1.2);}
}


/*屏幕判断720，960，1280*/
@media screen and (max-width: 1680px){
    .solu_bg{padding: 450px 0px 0px;}
}
@media screen and (max-width: 1470px){
    /* 1440 */
    .logo{width: 275px;}
    .lh-nav-item li{padding: 0px 10px;}
    .lh-nav-item li>a{font-size: 17px;}
    .bannertxtcon p.p1{font-size: 50px;}
    .bannertxtcon p.p2{font-size: 24px;}
    .bannertxtcon .moreb{font-size: 18px;}
    .sers_title{font-size: 40px;}
    .sers_con,.sers_con ul li{height: 500px;}
    .sers_con ul li a p.p1{font-size: 22px;}
    .sers_con ul li a p.p3{font-size: 17px;}
    .about_bg{height: 920px;}
    .about_con .title{font-size: 31px;}
    .about_con .about_txt{font-size: 19px;}
    .about_conrig{width: 600px;}
    .about_conlef{width: calc((100% - 600px) - 80px);}
    .pc-banner .swiper-slide .labertxt{font-size: 22px;}
    .foot_con .f_navs ul li a p.p1,.foot_con .f_tel p.p3{font-size: 25px;}
    .foot_con .f_tel p.p2{font-size: 17px;}
    .foot_con .f_tel p.p1{font-size: 19px;}
    .foot_con .f_tel{width: 450px;}
    .foot_con .f_navs{width: calc(100% - 500px);}
    .foot_lcation .f_logo{margin-top: 20px;width: 225px;}

    
    .abtxtcon p.p1{font-size: 78px;}
    .abtxtcon p.p2{font-size: 45px;}
    .abtxtcon .ablaberc{font-size: 22px;line-height: 33px;}
    .why_con ul li p.p1{font-size: 27px;}
    .why_con ul li p.p2{font-size: 17px;line-height: 26px;}
    .ab_title{font-size: 38px;}
    .sertxtcon{font-size: 44px;width: 83%;}
    .serv_clbgs{padding: 0px 0px 40px;}
    .ser_lis ul li .pic{width: 600px;}
    .ser_lis ul li .txt{width: calc(100% - 660px);}
    .ser_lis ul li .txt .title{font-size: 30px;padding-bottom: 18px;}
    .ser_lis ul li .txt .intrs{padding-top: 20px;}
    .solu_bg{padding: 385px 0px 0px;}
    .solu_contxt{font-size: 45px;margin-bottom: 0px;}
    .solu_conbg{padding-top: 15px;}
    .solu_lis ul li .pictxt .piccon p.p1{font-size: 32px;}
    .solu_con{top: 55%;font-size: 44px;}
    .solu_lis{margin-bottom: 100px;}
    .solu_con{top: 50%;}
    .solu_con p.p1{font-size: 45px;}
    .solu_con p.p2{font-size: 22px;}
    .case_con ul li .pic .cerbg p.p1{font-size: 28px;}
    .contan_title{font-size: 31px;}
    .contan_boxtxt .intro{font-size: 17px;line-height: 26px;}
    .contan_boxtxt{margin-bottom: 40px;}
    .changebot{    margin: 30px 0px 0px 1%;}
    .lh-nav-item li .sovv{right: -3px;}
}
@media screen and (max-width: 1380px){
    /* 1360 */
    .logo{width: 255px;}
    .lh-nav-item li>a{font-size: 16px;}
    .bannertxtcon p.p1{font-size: 45px;}
    .bannertxtcon p.p2 {font-size: 22px;}
    .sers_title{font-size: 35px;}
    .sers_con ul li a p.p1{font-size: 20px;}
    .sers_con ul li a p.p3{font-size: 16px;}
    .about_bg{height: 870px;}
    .about_con .title{font-size: 28px;}
    .about_con .about_txt{font-size: 18px;}
    .pc-banner .swiper-slide .labertxt{font-size: 20px;}
    .foot_con .f_tel{width: 390px;}
    .foot_con .f_navs{width: calc(100% - 420px);}
    .foot_con .f_navs ul li a p.p1, .foot_con .f_tel p.p3{font-size: 22px;}
    .foot_con .f_navs ul li a p.p2{font-size: 15px;}
    .foot_con .f_tel p.p1{font-size: 18px;}
    .foot_con .f_tel p.p2{font-size: 15px;}
    .foot_lcation{font-size: 15px;}
    .abtxtcon p.p1{font-size: 68px;}
    .abtxtcon p.p2{font-size: 45px;}
    .abtxtcon .ablaberc{font-size: 20px;line-height: 28px;}
    .ab_title{font-size: 36px;}
    .why_con ul li p.p1{font-size: 26px;}
    .why_con ul li p.p2{font-size: 16px;}
    .sertxtcon{font-size:36px;width: 88%;}
    .ser_lis ul li .pic{width: 540px;}
    .ser_lis ul li .txt{width: calc(100% - 640px);}
    .ser_lis ul li .txt .title{font-size: 28px;}
    .ser_lis ul li .txt .intrs{font-size: 17px;padding-top: 16px;line-height: 26px;}
    .solu_bg{padding: 360px 0px 0px;}
    .solu_contxt{font-size: 39px;}
    .solu_lis ul li .pictxt .piccon p.p1{font-size: 30px;}
    .solu_lis ul li .pictxt .piccon p.p2{font-size: 17px;}
    .case_clbg{padding: 490px 0px 0px;}
    .case_con ul li .pic .cerbg p.p1{font-size: 26px;}
    .solu_con{width: 88%;font-size: 36px;}
    .solu_con p.p1{font-size: 38px;}
    .solu_con p.p2{font-size: 21px;}
    .contan_bg{padding: 50px 0px;}
    .contan_title{font-size: 27px;}
    .contan_boxtxt .intro{font-size: 16px;line-height: 24px;}
    .contan_boxtxt{margin-bottom: 20px;}
    .mapboxleft ul li p.p1{font-size: 18px;}
    .mapbox{margin-bottom: 40px;}
    .mapboxleft{width: 500px;}
    .maprig{width: calc(100% - 550px);height: 380px;}
}
@media screen and (max-width: 1200px){
/* 1024 */

.lh-headline{min-width: auto;max-width: 95%;height: 95px;}
.lh-header{display: none;}
.lh-headline .munen{display: block;}
.logo{width: 210px;margin-top: 30px;}
.navFixed header{height: 95px;}
.bannertxtcon{top: 27%;width: 90%;}
.bannertxtcon p.p1{font-size: 32px;margin-bottom: 15px;}
.bannertxtcon p.p2{font-size: 19px;}
.bannertxtcon .moreb{font-size: 17px;}
.sers_title{width: 92%;font-size: 30px;}
.sers_bg{height: 960px;}
.sers_con, .sers_con ul li{height: 440px;}
.sers_con ul li a .pic{width:60px;height: 60px;margin: 0px auto 18px;}
.sers_con ul li a .pic.pic1{background: url(../img/coin_4.png)no-repeat center #2d4fe1;background-size:35px;}
.sers_con ul li a .pic.pic2{background: url(../img/coin_5.png)no-repeat center #2d4fe1;background-size:28px;}
.sers_con ul li a .pic.pic3{background: url(../img/coin_6.png)no-repeat center #2d4fe1;background-size:26px;}
.sers_con ul li a .pic.pic4{background: url(../img/coin_7.png)no-repeat center #2d4fe1;background-size:28px;}
.sers_con ul li:hover a .pic.pic1{background: url(../img/coin_4_4.png)no-repeat center #fff;background-size:35px;}
.sers_con ul li:hover a .pic.pic2{background: url(../img/coin_5_5.png)no-repeat center #fff;background-size:28px;}
.sers_con ul li:hover a .pic.pic3{background: url(../img/coin_6_6.png)no-repeat center #fff;background-size:26px;}
.sers_con ul li:hover a .pic.pic4{background: url(../img/coin_7_7.png)no-repeat center #fff;background-size:28px;}
.sers_con ul li a p.p1{font-size: 17px;}
.sers_con ul li a p.p3{line-height: 23px;margin-top: 20px;    font-size: 15px;}
.sers_con ul li a p.p4{margin-top: 20px;}
.about_bg{height: 780px;}
.about_conrig{width: 500px;}
.about_conlef{width: calc((100% - 550px));}
.about_con .title{font-size: 25px;}
.about_con .about_txt{font-size:16px;line-height: 30px;}
.pc-banner .swiper-button-next1{width: 50px;height: 50px;right: 19%;}
.pc-banner .swiper-button-prev1{width: 50px;height: 50px;left: 19%;}
.pc-banner .swiper-slide .labertxt{font-size: 18px;}
.foot_con,.foot_lcationbox{width: 92%;}
.foot_bg{padding-top: 50px;}
.foot_con .f_tel{width: 300px;}
.foot_con .f_navs{width: calc(100% - 380px);}
.foot_con .f_navs ul li a p.p1, .foot_con .f_tel p.p3{font-size: 18px;}
.foot_con .f_navs ul li a p.p2{font-size: 14px;}
.foot_con .f_tel p.p2{margin-bottom: 18px;}
.foot_lcation .r_txt{font-size: 14px;}
.foot_lcation .f_logo{margin-top: 19px;width: 210px;}
.ab_bgs{padding-top: 268px;}
.abtxtcon{width: 92%;}
.abtxtcon p.p1{font-size: 58px;}
.abtxtcon p.p2{font-size: 40px;}
.abtxtcon .ablaberc{font-size: 18px;line-height: 26px;margin-top: 25px;}
.why_con ul li p.p1{font-size: 23px;}
.why_con ul li p.p2{font-size: 15px;line-height: 24px;}
.why_con ul li{height: 340px;padding: 25px 22px;}
.why_con ul li:nth-child(1), .why_con ul li:nth-child(2){height: 280px;}
.sertxtcon{font-size: 30px;}
.ser_lis{width: 92%;margin: 45px auto 0px;}
.ser_lis ul li .pic{width: 450px;}
.ser_lis ul li .txt{width: calc(100% - 500px);}
.ser_lis ul li .txt .title{font-size: 24px;}
.ser_lis ul li .txt .intrs{font-size: 16px;line-height: 24px;height: 160px;}
.ser_lis ul li{margin-bottom: 32px;}
.solu_bg{padding: 290px 0px 0px;}
.solu_contxt{width: 92%;font-size: 33px;}
.solu_lis ul li .pic{width: 520px;}
.solu_lis ul li .pictxt{width: calc(100% - 520px);min-height: 416px;}
.solu_lis ul li .pictxt .piccon p.p1{font-size: 28px;margin-bottom: 20px}
.solu_lis ul li .pictxt .piccon p.p2{font-size: 16px;line-height: 27px;}
.case_clbg{padding: 390px 0px 0px;}
.case_con{width: 92%;}
.case_con ul li{margin-bottom: 50px;}
.case_con ul li .pic .cerbg p.p1{font-size: 24px;}
.case_con ul li .intro{margin: 18px auto 0px;line-height: 28px;}
.contan_box{width: 92%;}
.solu_con{top: 50%;}
.solu_con p.p1{font-size: 34px;}
.solu_con p.p2{font-size: 19px;}
.contan_bg{padding: 40px 0px;}
.contan_title{font-size: 24px;margin-bottom: 12px;}
.contan_boxtxt .intro{font-size: 15px;line-height: 22px;}
.maprig{width: calc(100% - 400px);height: 340px;}
.mapboxleft{width: 360px;}
.mapboxleft ul li .lis{font-size: 16px;}
.mapboxleft ul li{padding-bottom: 42px;}
.changebot{margin: 24px 0px 0px 0%;}
}
@media screen and (max-width: 980px){
    /* 970*/ 

}
@media screen and (max-width:780px){
 /*IPD768*/
 .logo{margin-top: 26px;}
 .bannertxtcon p.p1{font-size: 28px;}
 .bannertxtcon p.p2{font-size: 18px;}
 .sers_bg{height: 810px;}
 .sers_title{font-size: 25px;}
 .sers_con, .sers_con ul li{height: 390px;}
 .sers_con ul li{padding: 0px 1%;}
 .sers_con ul li a p.p1{font-size: 16px;}
 .sers_con ul li a p.p2{margin-top: 20px;}
 .sers_con ul li a p.p3{font-size: 14px;margin-top: 15px;}
 .about_bg{height: auto;}
 .about_conrig{width: 56%;margin: 40px auto 0px;}
 .about_conlef{width: 100%;}
 .about_con{width: 92%;margin: 60px 3% 0px;}
 .about_con .about_txt{font-size: 17px;}
 .about_con .title{font-size: 21px;}
 .pc-banner .swiper-slide .labertxt{font-size: 16px;}
 .f_navs{display: none;}
 .foot_con .f_tel{width: 100%;}
 .foot_lcation .f_logo{width: 200px;}
 .abtxtcon p.p1{font-size: 48px;}
 .abtxtcon p.p2{font-size: 30px;}
 .abtxtcon .ablaberc{font-size: 16px;padding-top: 8px;line-height: 23px;}
 .why_con ul li p.p1{font-size: 20px;}
 .why_con ul li{height: 370px;}
 .why_con ul li p.p2{font-size: 14px;line-height: 24px;}
 .ab_title{font-size: 25px;}
 .ser_lis{margin: 55px auto 0px;}
 .ser_lis ul li .pic{width: 350px;}
 .ser_lis ul li .txt{width: calc(100% - 400px);padding-top: 20px;}
 .ser_lis ul li .txt .title{font-size: 20px;padding-bottom: 12px;}
 .ser_lis ul li .txt .intrs{font-size: 14px;padding-top: 12px;line-height: 22px;height: 120px;}
 .solu_bg{padding: 210px 0px 0px;}
 .solu_contxt{font-size: 22px;}
 .solu_lis{width: 92%;}
 .solu_lis ul li .pic{width: 365px;}
 .solu_lis ul li .pictxt{width: calc(100% - 365px);min-height: 280px;}
 .solu_lis ul li .pictxt .piccon p.p1{font-size: 20px;margin-bottom: 12px;}
 .solu_lis ul li .pictxt .piccon p.p2 {font-size: 14px;line-height: 23px;}
 .case_clbg{padding: 275px 0px 0px;}
 .case_con ul li .pic .cerbg p.p1{font-size: 20px;}
 .case_con ul li .intro{margin: 14px auto 0px;line-height: 25px;font-size: 16px;}
 .sertxtcon{font-size: 24px;}
 .solu_con{top: 45%;}
 .solu_con p.p1 {font-size: 28px;padding-bottom: 10px;}
 .solu_con p.p2 {font-size: 16px;}
 
 .contan_bg {padding: 75px 0px 100px;}
 .contan_title{font-size: 20px;    margin-bottom: 25px;}
 .contan_boxtxt .intro {font-size: 14px;line-height: 20px;}
 .mapboxleft {width: 280px;}
 .maprig{width: calc(100% - 310px);height: 290px;}
 .mapboxleft ul li .lis{font-size: 14px;}
 .mapboxleft ul li{padding-bottom:35px;}
 .mapboxleft ul li p.p1{font-size: 16px;margin-bottom: 10px;}
 
 div.phoneNav .nav ul li a p.p1{    font-size: 18px;}
 div.phoneNav .nav ul li a p.p3{font-size: 15px;    padding-bottom: 12px;}
}
/*进入手机端*/