@charset "utf-8";
body{ overflow-x:hidden;}
body{ color:#333; height:auto; box-sizing:border-box; font-size:14px; }
.course{-moz-user-select: none; /*鐏嫄*/
-webkit-user-select: none;  /*webkit娴忚鍣?/
-ms-user-select: none;   /*IE10*/
-khtml-user-select: none; /*鏃╂湡娴忚鍣?/
user-select: none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#0071c1 ;}
i,em{ font-style:normal;}


.iSolution .pd,
.more1,
.subNav .h3 a{
transition: background 0.6s ease-out;
}
.iPro .img img,
.iCustomers .pd img,
.iAboutCon .img img,
.bNumber .npd:before,
.bNumber .npd:after,
.shareFl .h3 a,
.shareFr a,
.tit2 a,
.honor,
.solution_b_1 dt:before{
transition: all 0.6s ease-out;
}

.proCaseList li{transition: all 0.3s ease-out;}

.iPro .img,
.iCustomers .pd,
.iAboutCon .img{ overflow:hidden;}
.iPro .pd:hover .img img,
.iCustomers .pd:hover img,
.iAboutCon .pd:hover .img img{ transform:scale(1.05,1.05);}

/*娣″叆 鍚戜笂 寰幆*/
.FmovefadeInDown{animation:FmovefadeInDown 1.5s infinite ease both;}
@keyframes FmovefadeInDown{0%{opacity:0;transform:translateY(-10px)}90%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(15px)}}
.FmovefadeInUp,
.backTop:hover img{animation:FmovefadeInUp 1.5s infinite ease both;}
@keyframes FmovefadeInUp{0%{opacity:0;transform:translateY(30px)}70%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-20px)}}
.Frotation360,
.newsMore a:hover i{animation:Frotation360 2s linear infinite;}
@keyframes Frotation360 {from{transform:rotate(0)}to{transform:rotate(360deg)}}

.solution6_1:after{animation:lightSpeedIn infinite alternate 3s ease-in-out;}
.solution6_1 .img:after,
.solution6_1 li:after{animation:FpulseSlow infinite alternate 1s ease-in-out;}
@keyframes FpulseSlow {
0% {transform:scale(1);opacity:1;}
100%{transform:scale(0.9);opacity:0.5;}
}
@keyframes lightSpeedIn{
0%{transform:skewX(-10deg);}
60%{transform:skewX(10deg);}
90%{transform:skewX(-5deg);}
100%{transform:none;}
}



.menu em,
.menu i,
.ipt_b1,
.questionList .h3:after,
.pro2_2_list .text:before{
font-family:"iconfont" !important; font-size:16px; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
}

.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position:absolute; top:50%; margin-top:-20px; right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:10px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #333;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.55em;content: " ";}
.menu-link span:after {top: .55em;}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#0071c1;
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after { background-color:#0071c1;
-webkit-transform: rotate(-45deg) translate(.4em, -.3em);
-moz-transform: rotate(-45deg) translate(.4em, -.3em);
-ms-transform: rotate(-45deg) translate(.4em, -.3em);
-o-transform: rotate(-45deg) translate(.4em, -.3em);
transform: rotate(-45deg) translate(.4em, -.3em);
}



.wp{ width:1440px; margin:0 auto; position: relative;}

.header{ position:fixed; left:0px; top:0px; right:0px; z-index:9; background:rgba(99 159 195 / 60%); border-bottom:1px solid rgba(115 180 191 / 90%);}
.header .wp{ margin:0 50px; width:auto;}
.logo{ position:absolute; left:0px; top:50%; margin-top:-25px;}
.logo img{ height:50px; width:auto; display:block;}
.logo .img1{ display:block;}
.logo .img2{ display:none;}

.menu{ padding-left:540px;}
.menu ul{ }
.menu li{ float:left; margin:0 5px; position:relative;}
.menu .h3{ position:relative;}
.menu .h3 a{ padding:0 25px; display:block; font-size:16px; height:86px; line-height:86px; color:#fff; position:relative;}
.menu .h3 a:before{ content:''; height:3px; left:0px; top:0px; right:0px; background:#0071c1; position:absolute; display:none;}
.menu em{ display:none; position:absolute; color:#fff; right:22px; margin-right:-10px; margin-top:-20px; top:50%; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer;}
.menu em:before { content: "\e85a"; }
.menu i{ display:none; position:absolute; color:#fff; right:22px; margin-right:-10px; margin-top:-20px; top:50%; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer;}
.menu i:before { content: "\e604";}
.menu i.active:before { content: "\e606"; }




.menu .box{ background:#003a93; display:none;}
.menu .box dl{ border-bottom:1px solid rgba(255,255,255,0.3);}
.menu .box dl:last-child{ border-bottom:none;}
.menu .box dt{ position:relative;}
.menu .box dt a{ height:40px; line-height:40px; display:block; padding:0 30px; color:#fff;}
.menu .box dd{ text-align:center; display:none; border-top:1px solid rgba(255,255,255,0.3); padding:15px 0;}
.menu .box dd a{ display:block; color:#fff; line-height:30px; height:30px; overflow:hidden;}
.menu .box dd a:hover{ background:#182547;}

.menu .curr .h3 a:before,
.menu li:hover .h3 a:before{ display:block;}
.menu li:hover .h3 a{ color:#0071c1;}


.snav{ margin-top:86px; left:0px; right:0px; top:86px; background:url(../images/snav.png) repeat-y left center; transition:background linear 0.3s; z-index:8; display:none;}
.snav .wp{ margin:0 50px; width:auto;}
.snav li{ display:none;}
.snav li:first-child{ display:block;}
.snav .wpd{ width:800px; position:relative; box-sizing:border-box; padding-left:186px; margin-left:406px;}
.snavTab{ width:186px; position:absolute; left:0px; top:0px; box-sizing:border-box; padding:20px 0 20px 10px;}
.snavTab a{ display:block; height:42px; padding-left:20px; line-height:42px; font-size:16px; color:#fff;}
.snavTab a.active{ background:#fff; color:#333333;}
.snavCon{ padding:20px 45px; min-height:240px;}
.snavCon dl{ display:none;}
.snavCon dl:first-child{ display:block;}
.snavCon dt{ width:202px; float:left;}
.snavCon dt img{ width:100%; height:auto; display:block;}
.snavCon dd{ margin-left:202px; padding-left:18px;}
.snavCon .h3{ font-size:18px; line-height:1.2; margin-bottom:8px;}
.snavCon .p{ font-size:14px; line-height:1.8; height:3.6em; overflow:hidden; margin-bottom:26px;}
.snavCon .l a{ display:block; position:relative; height:28px; line-height:28px; overflow:hidden; padding-left:12px;}
.snavCon .l a:before{ content:''; position:absolute; left:2px; top:50%; width:4px; height:4px; margin-top:-2px; background:#0071c1; transform:rotate(45deg);}

.snav3 .snavCon{ min-height:210px;}

.menu li:hover .snav{ display:block;}

.tSearch{ top:50%; margin-top:-20px; position:absolute; right:160px; color:#fff;}
.tSearch .i{ display:block; font-size:20px; width:40px; height:40px; line-height:40px; text-align:center; cursor:pointer; z-index:2; position:relative;}
.tSearch .box{ position:absolute; right:0px; top:50%; margin-top:-20px; width:260px; display:none; z-index:1;}
.tSearch .pd{ position:relative;}
.ipt_t1{ width:100%; height:40px; border:1px solid #bbb; box-sizing:border-box; padding:0 15px 0 55px; border-radius:20px; font-size:14px;}
.ipt_b1{ position:absolute; width:40px; border-radius:20px; left:-2px; top:0px; height:40px; text-align:center; line-height:40px; border:none; box-sizing:border-box; background:#003a93; color:#fff; font-size:18px;}

.tSearch.active .i{ color:#0071c1;}
.tSearch.active .i:before{ content:'\e80c';}
.tSearch.active .box{ display:block;}
.tSearch:hover .i{ color:#0071c1; }

.tLanguage{ position:absolute; right:115px; top:50%; margin-top:-20px; color:#fff;}
.tLanguage .i{ display:none; font-size:20px; width:40px; height:40px; line-height:40px; text-align:center;}
.tLanguage .box{}
.tLanguage .box a{ color:#fff; line-height:40px; height:40px; display:block; padding:0 5px;}
.tLanguage .box i{ float:left; font-size:20px; margin-right:5px;}
.tLanguage .box span{ float:left;}
.tLanguage:hover .box a{ color:#0071c1;}
.tNav{ position:absolute; right:-50px; width:220px; top:0px; display:none;}
.tNav .i{ background:#182547; height:86px; display:block; text-align:center; color:#fff;}
.tNav .i i{ display:block; font-size:22px; padding-top:18px; line-height:1;}
.tNav .i span{ display:block; font-size:16px;}
.tNav .box{ background:#182547; font-size:14px; display:none;}
.tNav .box a{ display:block; line-height:3em; padding:0 2em; height:3em; color:#fff; border-top:1px solid rgba(255,255,255,0.1); position:relative;}
.tNav .box i{ position:absolute; right:1.5em;}
.tNav .box a:hover{ background:#0071c1;}
.tNav:hover .i{ background:#0071c1;}
.tNav:hover .box{ display:block;}


.pBody{ padding-top:86px;}
.pBody .snav{ margin-top:0px;}
.pBody .header{ background:#fff; border-bottom:none; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.pBody .menu .h3 a{ color:#333;}
.pBody .logo .img1{ display:none;}
.pBody .logo .img2{ display:block;}
.pBody .tLanguage .box a{ color:#333;}
.pBody .tSearch{ color:#333;}

.body_fix{}
.body_fix .snav{ position:fixed; margin-top:0px;}
.body_fix .header{ background:#fff; border-bottom:none; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.body_fix .menu .h3 a{ height:60px; line-height:60px; color:#333;}
.body_fix .menu .curr .h3 a{ color:#0071c1;}
.body_fix .logo{ margin-top:-20px;}
.body_fix .logo img{ height:40px;}
.body_fix .logo .img1{ display:none;}
.body_fix .logo .img2{ display:block;}
.body_fix .tNav .i{ height:60px;}
.body_fix .tNav .i i{ padding-top:8px;}
.body_fix .back_top{ display:block;}
.body_fix .tLanguage .box a{ color:#333;}
.body_fix .tSearch{ color:#333;}
.body_fix .snav{ top:60px;}
.body_fix .subNav{ display:block;}



.iBanner{}
.iBanner .img img{ height:100vh; display:block;}
.iBanner .text{ position:absolute; top:0px; bottom:0px; width:1440px; margin-left:-720px; left:50%; color:#fff;}
.iBanner .h3{ font-size:46px; line-height:1.2; margin-bottom:1em;}
.iBanner .em{ font-size:26px; line-height:1.2;}
.iBanner .p{ font-size:20px; padding-top:30px;}
.iBanner .swiperDots{ display:block; bottom:0px;}
.iBanner .swiperDots span{ height:50px; width:35px; background:none !important; position:relative; box-shadow:none;}
.iBanner .swiperDots span:before{ content:''; width:100%; height:1px; position:absolute; left:0px; top:3px; right:0px; background:#fff;}
.iBanner .swiperDots span:after{ content:''; width:0%; height:1px; position:absolute; left:0px; top:3px; background:#0071c1;}
.iBanner .swiperDots span.swiper-pagination-bullet-active{ width:75px;}
.iBanner .swiperDots span.swiper-pagination-bullet-active:after{ width:100%; transition:width linear 8000ms;}
.iBanner .swiperDots:hover span:before,
.iBanner .swiperDots:hover span:after{ height:3px; top:0px;}
.iBanner .swiperArrow{ display:block; color:#fff;}
.iBanner .swiperPrev{ left:50px;}
.iBanner .swiperNext{ right:50px;}
.iBanner .swiperArrow:hover{ color:#0071c1;}
.iBanner .text1{ text-align:center; padding-bottom:15%;}
.iBanner .text2{ top:15%;}
.iBanner .text2 .p{ font-size:14px;}
.iBanner .text3{ padding-bottom:15%;}
.iBanner .text3 .h3{ margin-bottom:0px;}
.iBanner .text3 .em{ margin-top:1em;}

.bNumber{ padding-top:0px; text-align:left; width:800px; display:inline-block; vertical-align:bottom; margin-left:70px;}
.bNumber li{ float:left; width:33.3333%; line-height:1;}
.bNumber .npd{ position:relative; float:left; padding:0 0 26px 18px;}
.bNumber .npd:before{ content:''; height:0px; width:1px; background:#fff; bottom:-4px; left:0px; position:absolute;}
.bNumber .npd:after{ content:''; height:1px; width:0px; background:#fff; bottom:0px; left:-4px; position:absolute;}
.bNumber i{ display:block; font-size:32px; margin-bottom:8px;}
.bNumber strong{ display:block; font-size:46px; margin-bottom:8px;}
.bNumber em{ display:block; font-size:16px;}

.bList1{}
.bList1 dl{ margin-bottom:18px; }
.bList1 dl:last-child{ margin-bottom:0px;}
.bList1 dt{ float:left; width:44px; height:44px; background:#333; border-radius:50%; text-align:center; line-height:44px; font-size:24px;}
.bList1 dt.icon-jiagou{ background:#ff9c00;}
.bList1 dt.icon-shuju1{ background:#00baff;}
.bList1 dt.icon-quanqiu{ background:#63c91f;}
.bList1 dt.icon-yun{ background:#46a1ff;}
.bList1 dt.icon-fenxi{ background:#bc6cff;}
.bList1 dt.icon-renzheng{ background:#ff6ccd;}
.bList1 dd{ font-size:16px; line-height:44px; margin-left:44px; padding-left:14px;}



/*.pageNext{ position:absolute; right:140px; bottom:40px; z-index:2; cursor:pointer; display:none;}
.pageNext img{ width:100%; height:auto; display:block;}*/

.pageNext{ position:absolute; right:140px; bottom:40px; z-index:2; cursor:pointer; width:25px; height:40px; display:none;}
.pageNext .pd{ position:relative; width:21px; height:36px; border:2px solid #fff; border-radius:12px;}
.pageNext span{ width:3px; height:3px; border-radius:1.5px; position:absolute; left:50%; top:50%; background:#fff; margin-left:-1.5px; transition:1s all ease;}
.pageNext span:nth-child(1){ margin-top:-3px;}
.pageNext span:nth-child(2){ margin-top:5px;}
.pageNext span:nth-child(3){ margin-top:-11px;}
.pageNext span.curr{ height:7px; transform:translateY(-2px);}



.body_ready .bNumber .npd:before{ height:96px;}
.body_ready .bNumber .npd:after{ width:120px;}
.body_ready .bNumber li:nth-child(3) .npd:after{ width:220px;}

.tit1{ color:#000; margin-bottom:50px; text-align:center;}
.tit1 strong{ font-size:36px; display:block; font-weight:normal; line-height:1;}
.tit1 em{ font-size:16px; line-height:1.875; display:block; width:70%; margin:15px auto 0 auto;}
.tit1_2{ text-align:left; margin-bottom:30px; font-size:30px;}

.more1{ display:inline-block; line-height:32px; border:1px solid #0071c1; border-radius:25px; padding:0 22px; vertical-align:bottom;}
.more1 span{ float:left; font-size:14px;}
.more1 i{ float:left; font-size:14px; margin-left:5px;}
.more1_2{ line-height:38px; border-color:#fff; background:#fff; color:#0071c1;}
.more1_2:hover{ background:#0071c1; border-color:#0071c1 !important; color:#fff;}
.more1_3{ line-height:44px; padding:0 32px; border-color:#fff; color:#fff;}
.more1_3:hover{ background:#0071c1; border-color:#0071c1 !important; color:#fff;}
.more1_4{ border-color:#ccc; line-height:42px; padding:0 30px; color:#666;}
.more1_4:hover{ background:#0071c1; border-color:#0071c1 !important; color:#fff;}
.more1_5{ border-color:#0071c1; line-height:32px; padding:0 30px; color:#0071c1;}
.more1_5:hover{ background:#0071c1; border-color:#0071c1 !important; color:#fff;}


.pic{ width:100px; height:100px; position:relative;}
.pic i{ position:absolute; display:block; width:100px; height:100px; left:50%; top:50%; margin:-50px 0 0 -50px; background:url(../images/pic.png) no-repeat;}
.pic1 i{ background-position:0 -100px;}
.pic2 i{ background-position:-100px -100px;}
.pic3 i{ background-position:-200px -100px;}
.pic4 i{ background-position:-300px -100px;}
.pic5 i{ background-position:-400px -100px;}
.pic6 i{ background-position:-500px -100px;}
.pic7 i{ background-position:-600px -100px;}
.pic8 i{ background-position:-700px -100px;}


.iMain{ padding:75px 0; background:no-repeat center center; background-size:cover;}

.iMain1{}
.iSolution{}
.iSolution .swiper{ margin:0 -20px;}
.iSolution .pd{ margin:0 20px; display:block; padding:44px 36px; position:relative; text-align:center;}
.iSolution .pd:before,
.iSolution .pd:after{ content:''; background:no-repeat center center; background-size:100% 100%; width:20px; top:0px; bottom:0px; position:absolute;}
.iSolution .pd:before{ background-image:url(../images/line1.png); left:100%; }
.iSolution .pd:after{ background-image:url(../images/line2.png); right:100%;}
.iSolution .pic{ margin:0 auto;}
.iSolution .h3{ font-size:26px; line-height:1.2; height:1.2em; overflow:hidden; margin-top:50px;}
.iSolution .p{ font-size:16px; line-height:1.625; height:6.5em; overflow:hidden; margin-top:10px; color:#666666; text-align:left;}
.iSolution .m{ margin-top:15px;}
.iSolution .pd:hover{ background:#0071c1; color:#fff;}
.iSolution .pd:hover .p{ color:#fff;}
.iSolution .pd:hover .more1{ border-color:#fff; color:#fff;}
.iSolution .pd:hover .pic1 i{ background-position:0 0;}
.iSolution .pd:hover .pic2 i{ background-position:-100px 0;}
.iSolution .pd:hover .pic3 i{ background-position:-200px 0;}
.iSolution .pd:hover .pic4 i{ background-position:-300px 0;}
.iSolution .pd:hover .pic5 i{ background-position:-400px 0;}
.iSolution .pd:hover .pic6 i{ background-position:-500px 0;}
.iSolution .pd:hover .pic7 i{ background-position:-600px 0;}
.iSolution .pd:hover .pic8 i{ background-position:-700px 0;}

.iMain2{ background:#f5f5f5;}
.iPro{}
.iPro ul{ margin-right:-20px;}
.iPro li{ float:left; width:30.13698630136986%;}
.iPro .pd{ margin-right:20px; display:block; position:relative; color:#000;}
.iPro .text{ position:absolute; left:40px; top:40px; right:40px;}
.iPro .h3{ font-size:26px; line-height:1.2; height:1.2em; overflow:hidden; margin-bottom:10px;}
.iPro .p{ font-size:18px; line-height:1.66; height:3.32em; overflow:hidden; margin-bottom:10px;}
.iPro .li1{ width:39.72602739726027%;}
.iPro .li4{ width:60.27397260273972%; padding-top:20px;}
.iPro .li5,.iPro .li6{ padding-top:20px;}


.iMain3{}
.iCase{}
.iCase .pd{ display:block; position:relative; padding:65px 0 40px 364px;}
.iCase .img img{ height:470px; cursor:pointer;}
.iCase .text{ position:absolute; right:0px; bottom:0px; width:566px; box-sizing:border-box; padding:40px 50px; background:rgba(24,37,71,0.95); display:none; color:#fff;}
.iCase .h3{ font-size:36px; margin-bottom:15px; color:#fff;}
.iCase .p{ font-size:16px; line-height:1.75; height:8.75em; overflow:hidden; margin-bottom:10px;}
.iCase .swiper{ padding-bottom:90px;}
.iCase .swiper-slide{ overflow:visible;}
.iCase .swiper-slide-active .img img{ height:auto; cursor:default;}
.iCase .swiper-slide-active .pd{ margin:0 -334px 0 0; padding:0 106px 40px 0;}
.iCase .swiper-slide-active .text{ display:block;}
.iCase .swiperDots{ display:block;}
.iCase .swiperDots span{ margin:0 30px; border:none; background:#666;}
.iCase .swiperDots .swiper-pagination-bullet-active{ width:8px; background:#0071c1;}
.iCase .swiperArrow{ display:block; bottom:15px; top:auto; margin:0px; border-radius:0px; background:none; box-shadow:none;}
.iCase .swiperPrev{ left:50%; margin-left:-200px;}
.iCase .swiperNext{ right:50%; margin-right:-200px;}

.iMain4{ background-color:#f5f5f5; }
.iCustomers{width:100%; height:250px; overflow:hidden;}
.iCustomers ul{ width:3600px;}
.iCustomers li{float:left; padding-right:5px;}
.iCustomers .wpd{ width:1800px;}
.iCustomers dl{ margin-right:-4px;}
.iCustomers dt{ float:left; width:10%; margin-bottom:4px;}
.iCustomers .pd{ margin-right:4px; display:block;}
.iCustomers .pd img{ width:100%; height:auto; display:block;}




.iMain5{}
.iAbout{}
.iAboutFl{ width:59.72222222222222%; float:left; box-sizing:border-box; padding-right:20px;}
.iAboutInfo{ background:#f5f5f5; padding:31px 36px; margin-bottom:20px;}
.iAboutInfo .h3{ font-size:26px; margin-bottom:16px;}
.iAboutInfo .p{ font-size:14px; line-height:1.5; height:6em; margin-bottom:10px; overflow:hidden;}
.iAboutCon{ overflow:hidden;}
.iAboutCon ul{ margin-right:-20px;}
.iAboutCon li{ width:50%; float:left;}
.iAboutCon .pd{ margin-right:20px; display:block; position:relative;}
.iAboutCon .text{ position:absolute; left:0px; bottom:0px; right:0px; height:66px; line-height:66px; overflow:hidden; padding:0 40px; box-sizing:border-box; background:rgba(24,37,71,0.9); color:#fff;}
.iAboutCon .text span{ float:left; font-size:26px;}
.iAboutCon .text i{ float:right; font-size:32px;}
.iAboutCon .pd:hover .text{ background:rgba(76,135,255,0.9);}

.iAboutCon2{}
.iAboutCon2 dl{ margin-right:-20px;}
.iAboutCon2 dd{ float:left; width:50%;}
.iAboutCon2 .pd{ margin-right:20px; display:block; background:#999; background-size:100% 100%; color:#fff; position:relative;}
.iAboutCon2 .dd1 .pd{ background-image:url(../images/iAboutCon2_1.jpg);}
.iAboutCon2 .dd2 .pd{ background-image:url(../images/iAboutCon2_2.jpg);}
.iAboutCon2 .img{ position:absolute; z-index:1; right:0px; bottom:0px; width:37.317073170731707%;}
.iAboutCon2 .text{ position:relative; z-index:2; padding:9.75609756097561%;}
.iAboutCon2 .h3{ font-size:26px; line-height:1; margin-bottom:10px;}
.iAboutCon2 .em{ font-size:16px; line-height:1; margin-bottom:28px;}
.iAboutCon2 .m{}


.iAboutFr{ width:40.27777777777778%; background:#fff; float:right; box-sizing:border-box; border:2px solid #f5f5f5; padding:0 40px; position:relative;}
.tit2{ padding:30px 0; border-bottom:2px solid #f5f5f5;}
.tit2 strong{line-height:30px; height:30px; display:block; font-size:26px; font-weight:normal;}
.tit2 a{ position:absolute; right:0px; top:0px; width:32px; height:32px; line-height:32px; background:url(../images/jia.png) no-repeat #0071c1 center center;}
.tit2 a:hover{ background-color:#182547;}
.iNews{}
.iNews li{ padding:20px 0; border-bottom:2px solid #f5f5f5;}
.iNews li:last-child{ border-bottom:none;}
.iNews .pd{ display:block;}
.iNews .h3{ font-size:20px; line-height:1.5; height:3em; overflow:hidden; font-weight:bold; margin-bottom:19px;}
.iNews .p{ font-size:14px; line-height:1.5; height:3em; overflow:hidden; margin-bottom:15px; color:#666;}
.iNews .em{ font-size:14px; line-height:1.5; height:1.5em; color:#666;}

.footer{ background: #4b4b4b;padding:60px 0 40px 0; color:#999;}
.footer a{ color:#999;}
.footer a:hover{ color:#fff;}
.footerTop{ margin-bottom:15px;}
.fNav{ float:left;}
.fNav dl{ width:140px; float:left;}
.fNav dt{ margin-bottom:20px;}
.fNav dt a{ display:block; font-size:16px; color:#fff;}
.fNav dd{}
.fNav dd a{ display:block; font-size:14px; line-height:20px; margin-bottom:10px;}
.fContact{ float:left; padding-left:90px; position:relative;}
.fContact .fcewm{ float:left; }
.fContact .fctel{ float:left;padding-left:60px;}
.fContact dt{ color:#fff; font-size:16px; margin-bottom:20px;}
.fContact dt a{ color:#fff;}
.fContact dd{ line-height:20px;}
.fContact dd p{ margin-bottom:10px;}
.fContact dd p:last-child{ margin-bottom:0px;}
.fEwm{ float:right; width:272px;}
.fEwm li{ float:left; width:50%; text-align:center;}
.fEwm span{ line-height:1.2; margin-bottom:15px; display:block; color:#fff;}
.fEwm img{ width:110px; display:inline-block; vertical-align:bottom;}

.wxb,.dyb{ position:absolute;top:0;right:0; display:none;}

.share{ padding:10px 0;}
.shareFl{ float:left;}
.shareFl ul{}
.shareFl li{ position:relative; float:left; margin-right:20px;}
.shareFl .h3 a{ height:38px; width:38px; border:2px solid #617499; display:block; border-radius:50%; line-height:38px; text-align:center; color:#fff; font-size:24px;}
.shareFl .box{ display:none; position:absolute; width:120px; bottom:100%; left:50%; margin-left:-60px; padding-bottom:5px;}
.shareFl .box img{ width:100%; height:auto; display:block; padding:5px; background:#fff;}
.shareFl li:hover .h3 a{ background:#617499;}
.shareFl li:hover .box{ display:block;}
.shareFr{ float:right;}
.shareFr a{ height:30px; line-height:30px; border:2px solid #617499; border-radius:17px; display:inline-block; padding:0 35px; font-size:16px; color:#fff;}
.shareFr a:hover{ background:#617499;}

.footerBottom{ line-height:20px; padding:10px 0; }
.footerBottom .p1{ float:left;}
.footerBottom .p2{ float:right;}

.subNav{ position:fixed; right:0px; top:50%; width:70px; z-index:10; margin-top:-136px; display:none;}
.subNav li{ margin-bottom:2px; position:relative;}
.subNav .h3{}
.subNav .h3 a{ display:block; padding:15px; background:#eee; text-align:center;}
.subNav .h3 i{ font-size:30px; line-height:1;}
.subNav .h3 span{ font-size:14px; line-height:18px; display:block;}
.subNav .box{ display:none;}
.subNav li.li1 .h3 span{ margin-bottom:4px;}
.subNav li.li1 .box{ position:absolute; right:100%; padding-right:2px; top:0px; width:166px;}
.subNav li.li1 .pd{ background:#fff; padding:15px; font-size:14px; text-align:center; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.subNav li.li1 .li{ margin-bottom:20px;}
.subNav li.li1 .li:last-child{ margin-bottom:0px;}
.subNav li.li1 img{ width:100%; height:auto; display:block;}
.subNav li:hover .box{ display:block;}
.subNav li.li2 .h3 span{ margin-top:4px;}
.subNav li.li3 .h3 span{ display:none;}
.subNav li.li3 .box{ position:absolute; right:100%; padding-right:2px; top:0px; width:200px;}
.subNav li.li3 .pd{ background:#0071c1; color:#fff; line-height:62px; font-size:18px; text-align:center; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.subNav li.li3 .box a{ color:#fff;}
.subNav li.li4{ display:none;}
.subNav li.li5{ display:none;}
.subNav li:hover .h3 a{ background:#0071c1; color:#fff;}
.subNav2 li.li5{ display:block;}

.backTop{ position:fixed; right:10px; bottom:50px; z-index:2; cursor:pointer; width:61px; display:none;}
.backTop img{ width:100%; height:auto; display:block;}

.pbanner{ position:relative; overflow:hidden;}
.pbanner .img{}
.pbanner .img img{ width:100.418410041841%;}
.pbanner .text{ position:absolute; left:50%; top:0px; bottom:30%; margin-left:-720px; width:746px; color:#fff;}
.pbanner .i{ font-size:100px; line-height:1; margin-bottom:0.6em; color:#0071c1;}
.pbanner .i img{ height:1em; width:auto; display:inline-block; vertical-align:bottom;}
.pbanner .h3{ font-size:36px; line-height:1.2; margin-bottom:0.5em; font-weight:bold;}
.pbanner .em{ font-size:26px; line-height:1.2; margin-bottom:1em;}
.pbanner .p{ font-size:16px; line-height:1.875;}

.pbannerAbout .img img{ height:calc(70vh - 86px);}
.pbannerAbout .text{ bottom:210px; color:#fff; text-align:center;}

.pbannerPro1 .i{ font-size:112px; padding-top:10px;}

.pMain{ padding:65px 0; background:no-repeat center center; background-size:cover;}
.news{ background:#f4f4f4;}
.newsList{}
.newsList ul{}
.newsList li{ margin-bottom:20px;}
.newsList .pd{ background:#fff; overflow:hidden; padding:15px; display:block;}
.newsList .img{ width:362px; float:right;}
.newsList .text{ padding:30px 80px 30px 180px; margin-right:362px; position:relative;}
.newsList .h3{ font-size:20px; line-height:1.2; height:1.2em; overflow:hidden; margin-bottom:20px;}
.newsList .em{ position:absolute; left:36px; width:110px; background:#0071c1; padding:22px 0; color:#fff; line-height:1; text-align:center; top:30px;}
.newsList .em strong{ display:block; font-size:24px; font-weight:normal;}
.newsList .em em{ display:block; font-size:20px; padding-top:12px;}
.newsList .p{ color:#666; line-height:1.6; overflow:hidden; height:4.8em; margin-bottom:20px;}
.newsList .m{ overflow:hidden;}
.newsList .m em{ color:#333; float:left; border-bottom:1px solid #333; line-height:1.2;}

.newsMore{ text-align:center;}
.newsMore a{ display:inline-block; vertical-align:bottom; background:#0071c1; color:#fff; border-radius:25px; margin:0 auto; padding:0 45px; height:50px; line-height:50px;}
.newsMore i{ float:left; margin-right:15px; font-size:24px;}
.newsMore span{ float:left;}

.aboutCon3{}
.aboutCon3_img{}
.aboutCon3_1{ text-align:center;}
.aboutCon3_1 .pd{ padding:0 15%; margin-bottom:35px;}
.aboutCon3_1 .pd .h3{ font-size:56px; line-height:1; margin-bottom:0.625em;}
.aboutCon3_1 .pd .h3 img{ height:1em; display:inline-block; vertical-align:bottom;}
.aboutCon3_1 .pd .p{ font-size:16px; line-height:1.875;}
.aboutCon3_2{ position:relative;}
.aboutCon3_2 .img{ width:76.80555555555556%; margin:0 auto;}
.aboutCon3_2 .text{ position:absolute; left:5%; top:0px; right:5%; bottom:0px;}
.aboutCon3_2 .text li{ float:left; width:20%; margin-bottom:130px; text-align:center;}
.aboutCon3_2 .text li:nth-child(6),
.aboutCon3_2 .text li:nth-child(7),
.aboutCon3_2 .text li:nth-child(8){ width:33.333%;}
.aboutCon3_2 .text .pd{ line-height:1;}
.aboutCon3_2 .text .h3{ color:#0071c1; margin-bottom:0.5em; text-transform:uppercase; font-size:40px; font-weight:bold;}
.aboutCon3_2 .text .em{ color:#333; font-size:16px;}
.aboutCon3_3{ text-align:right; color:#888888; font-size:16px;}

.aboutCon1{ background:#eee; position:relative;}
.aboutCon1_1{ background:#83acff; text-align:center; color:#fff; margin:-258px 0 80px 0;}
.aboutCon1_1 .text{ padding:70px 100px;}
.aboutCon1_1 .h3{ font-size:36px; line-height:1.2; margin-bottom:20px;}
.aboutCon1_1 .p{ line-height:1.875; font-size:16px;}
.aboutCon1_2{}

.aboutCon4{ background:#eee;}

.honor{ margin:0 -6px;}
.honor .swiperArrow,.honor1 .swiperArrow{ display:block; margin-top:-42px;}
.honor .swiperNext,.honor1 .swiperNext{ right:-50px;}
.honor .swiperPrev,.honor1 .swiperPrev{ left:-50px;}
.honor .swiperDots{ display:block; bottom:0px;}
.honor .pd{ margin:0 6px 40px 6px; border:1px solid #eee;}
.honor .img{}
.honor .text{ text-align:center; color:#666; line-height:1.2; padding:10px 0;}
.honor .em{ font-size:18px; margin-bottom:5px;}
.honor .h3{ font-size:14px; margin-bottom:5px;}
.honor .p{ font-size:14px; color:#0071c1; font-weight:bold;}
.honor.active{ height:320px;}

.pro2_2_list .swiperArrow{ display:block;}
.pro2_2_list .swiperNext{ right:-50px;}
.pro2_2_list .swiperPrev{ left:-50px;}


.honor1{ padding-bottom:50px;}
.honor1 .swiper{ overflow:hidden; border-left:1px solid #ccc;}
.honor1 .pd{ border-right:1px solid #ccc; text-align:center; color:#666;}
.honor1 .em{ font-size:26px; margin-bottom:18px;}
.honor1 .h3{ font-size:16px; margin-bottom:20px;}
.honor1 .p{ font-size:16px; color:#0071c1; font-weight:bold;}
.honor1 .swiperDots{}
.honor1 .swiperArrow{ display:block;}

.honor2{ margin:0 95px 90px 95px; padding:35px 0 0 0;}
.honor2 li{ float:left; width:25%;}
.honor2 li:last-child .pd{ border-right:none;}
.honor2 .pd{ text-align:center;}
.honor2 .em{ font-size:40px;}
.honor2 .em strong{ font-family:Arial; font-weight:bold;}
.honor2 .h3{ font-size:16px; color:#666;}

.honorMore{ position:absolute; left:0px; bottom:0px; right:0px;}
.honorMore a{ background:url(../images/honorMore.png) no-repeat; width:90px; height:34px; display:block; margin:0 auto;}

.aboutCon2{ background:#fff;}

.aNews{ background:#f5f5f5;}
.aNews_Fl{ float:left; width:50%;}
.aNews_Fl .pd{ position:relative; display:block;}
.aNews_Fl .img{}
.aNews_Fl .text{ position:absolute; left:0px; bottom:0px; right:0px; background:rgba(24,37,71,1); color:#fff; box-sizing:border-box; padding:20px 30px;}
.aNews_Fl .h3{ font-size:20px; line-height:1.2; height:1.2em; overflow:hidden; margin-bottom:5px;}
.aNews_Fl .p{ font-size:14px; line-height:1.6; height:3.2em; overflow:hidden;}
.aNews_Fr{ float:right; width:50%; box-sizing:border-box; padding:60px 50px 50px 50px; position:relative;}
.aNewsList li{ margin-bottom:70px;}
.aNewsList li:last-child{ margin-bottom:0px;}
.aNewsList .pd{ display:block; position:relative; padding-left:115px;}
.aNewsList .h3{ font-size:20px; line-height:1.2; height:1.2em; overflow:hidden; margin-bottom:6px; color:#000;}
.aNewsList .p{ font-size:14px; line-height:1.6; height:3.2em; overflow:hidden; color:#666;}
.aNewsList .em{ position:absolute; left:0px; top:0px; width:92px; height:72px; border:1px solid #ccc; color:#333; text-align:center; font-family:arial; line-height:1;}
.aNewsList .em strong{ display:block; font-size:24px; font-weight:normal; padding-top:12px; margin-bottom:5px;}
.aNewsList .em em{ display:block; font-size:20px;}
.aNewsList .pd:hover .em{ color:#0071c1; border-color:#0071c1;}
.aNewsList .pd:hover .h3{ color:#0071c1; text-decoration:underline;}
.aNewsM{ position:absolute; right:0px; top:0px;}
.aNewsM a{ background:#0071c1; position:relative; display:block; padding:0 15px; height:40px; line-height:40px; color:#fff;}
.aNewsM a i{ float:left;}
.aNewsM a span{ float:left; margin-right:10px; display:none;}
.aNewsM a:hover{ background-color:#182547;}
.aNewsM a:hover span{ display:block;}

.contact{ background:url(../images/contact.png) repeat-y center center;}
.contactFl{ float:left; width:50%; box-sizing:border-box; padding:0 50px 0 0;}
.msg{}
.msg dl{ margin-bottom:20px;}
.msg dt{ line-height:20px; height:20px; margin-bottom:5px; color:#666;}
.msg dt i{ float:left; font-size:20px;}
.msg dt strong{ float:left; margin-left:6px; font-weight:normal;}
.msg dt span{ color:#ff0000;}
.ipt_t2{ width:100%; height:40px; border:1px solid #ccc; box-sizing:border-box; padding:0 15px; font-size:14px;}
.ipt_s2{ width:100%; height:40px; border:1px solid #ccc; box-sizing:border-box; padding:0 15px; font-size:14px;}
.ipt_b2{ width:150px; height:50px; text-align:center; display:block; border:none; background:#0071c1; border-radius:25px; color:#fff; font-size:16px;}
.ipt_text2{ width:100%; height:90px; line-height:1.5; border:1px solid #ccc; box-sizing:border-box; padding:10px 15px; font-size:14px;}
.contactFr{ float:right; width:50%; box-sizing:border-box; padding:0 0 0 50px;}
.contactUs{ position:relative;}
.contactList{ line-height:1.875; font-size:16px;}
.contactList dl{}
.contactList dt{ margin-bottom:60px;}
.contactList dd{ margin-bottom:60px; padding-left:15px; position:relative;}
.contactList dd:before{ content:''; position:absolute; left:0px; top:0px; bottom:0px; width:2px; background:#0071c1;}
.contactUsMore{}
.contactUsMore a{ display:inline-block; vertical-align:bottom; margin-right:10px; margin-bottom:10px; height:44px; line-height:44px; color:#666; border:1px solid #ccc; border-radius:23px; padding:0 35px; background:#fff;}
.contactUsMore a span{ float:left;}
.contactUsMore a i{ float:left; margin-left:55px; font-size:12px;}
.contactUsMore a:hover{ background:#0071c1; border-color:#0071c1; color:#fff;}

.joinList{ font-size:16px;}
.joinList .li{ text-align:center; box-sizing:border-box; padding:0 20px; float:left; line-height:20px;}
.joinList .li1{ text-align:left; width:22%;}
.joinList .li2{ width:12%;}
.joinList .li3{ width:14%;}
.joinList .li4{ width:40%; text-align:left;}
.joinList .li5{ width:12%;}
.joinListTit{ overflow:hidden; background:#0071c1; color:#fff; padding:18px 0; border-radius:6px 6px 0 0;}
.joinListCon{ border:1px solid #ccc;}
.joinListCon dl{ border-bottom:1px solid #ccc;}
.joinListCon dl:last-child{ border-bottom:none;}
.joinListCon dt{ overflow:hidden; padding:16px 0; cursor:pointer;}
.joinListCon dt i{ width:20px; height:20px; display:block; margin:0 auto;}
.joinListCon dd{ display:none; margin:0 35px; padding:25px 0; border-top:1px solid #0071c1;}
.testList{ margin-bottom:50px;}
.testList .text{ float:left; width:50%; box-sizing:border-box; padding-right:3.3333%;}
.testList .h3{ font-weight:bold; margin-bottom:10px;}
.testList .p{ font-size:14px; line-height:2.2; color:#666;}
.joinEmail{ color:#0071c1;}
.joinEmail strong{ font-weight:normal;}
.joinEmail a{ color:#0071c1;}
.joinEmail a:hover{ text-decoration:underline;}

.joinListCon dl.curr dt{ color:#0071c1;}
.joinListCon dl.curr dt i{ transform:rotate(180deg);}

.pMenu{ text-align:center; border-bottom:1px solid #f2f2f2; /*padding-top:40px;*/ background:#f2f2f2;}
.pMenu ul{ display:inline-block; vertical-align:bottom;}
.pMenu li{ float:left; margin:0 40px;}
.pMenu a{ display:block; line-height:60px; height:60px; font-size:16px; position:relative;}
.pMenu a:before{ content:''; position:absolute; height:4px; left:0px; bottom:-1px; right:0px; background:#0071c1; display:none;}
.pMenu li.curr a:before{ display:block;}
.pMenu li.curr a{ color:#0071c1;}
.pMenu li a:hover{ color:#0071c1;}

.service{}
.serviceFl{ float:right; width:43.3333%;}
.serviceFl img{ width:100%; height:auto; display:block;}
.serviceFr{ float:left; width:56.6667%; box-sizing:border-box; padding-right:40px;}
.serviceFr dl{ margin-bottom:50px;}
.serviceFr dl:last-child{ margin-bottom:0px;}
.serviceFr dt{ float:left; width:60px; height:60px; box-sizing:border-box; color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1); border-radius:50%; background:#0071c1; text-align:center; line-height:60px; font-size:28px;}
.serviceFr dd{ margin-left:60px; padding-left:18px;}
.serviceFr .h3{ font-size:20px; font-weight:bold; color:#182547; line-height:1; margin-bottom:10px;}
.serviceFr .p{ font-size:16px; line-height:1.625;}
.serviceFr dl:last-child a{ color:#0071c1;}
.serviceFr dl:last-child a:hover{ text-decoration:underline;}


.down{}
.downNav{ font-size:16px;}
.downNav dl{ padding-left:92px; margin-bottom:20px; position:relative;}
.downNav dt{ position:absolute; left:0px; top:0px; line-height:30px; height:30px;}
.downNav dd{ overflow:hidden;}
.downNav dd a{ float:left; line-height:30px; height:30px; border-radius:15px; padding:0 20px; margin-right:10px; background:#f5f5f5; margin-bottom:3px;}
.downNav dd a.curr{ background:#0071c1; color:#fff;}
.downSearch{ margin-bottom:30px;}
.downSearch .pd{ width:570px; position:relative;}
.ipt_t3{ width:100%; height:50px; padding:0 35px; box-sizing:border-box; border:1px solid #ddd; border-radius:25px; font-size:16px; color:#666;}
.ipt_b3{ width:80px; height:50px; display:block; position:absolute; top:0px; right:0px; background:none; border:none; font-size:22px; color:#0071c1;}
.downCon{}
.downCon .li{ float:left; padding:0 35px; box-sizing:border-box; text-align:center; width:20%; border-right:1px solid #0071c1;}
.downCon .li1{ width:80%; text-align:left;}
.downCon .li2{ display:none;}
.downCon .li3{ width:22%; display:none;}
.downCon .li4{ border-right:none;}
.downCon .h3{ height:20px; line-height:20px; overflow:hidden; display:block;}
.downConTit{ overflow:hidden; background:#0071c1; color:#fff; line-height:20px; padding:17px 0; border-radius:6px 6px 0 0;}
.downConCon{ border:1px solid #ccc; border-top:none;}
.downConCon .ul{ border-bottom:1px solid #ccc;}
.downConCon .ul:last-child{ border-bottom:none;}
.downConCon .li{ border-right-color:#ccc; line-height:20px; padding:17px 30px;}
.downConCon .ul:hover{ background:#e8f0ff;}
.downConCon .ul:hover .h3{ color:#0071c1;}
.downBtn{ display:inline-block; vertical-align:bottom; color:#0071c1; margin:0 13px; font-size:16px;}
.downBtn i{ float:left; font-size:20px;}
.downBtn span{ float:left; margin-left:4px;}


.feedback{}
.feedbackCon{ background:#f2f2f2; padding:50px 100px; border-radius:8px;}
.feedbackCon .pd{ margin-right:-20px;}
.feedbackCon dl{ float:left; width:50%; box-sizing:border-box; padding-right:20px; margin-bottom:20px;}
.feedbackCon dl.w100{ width:100%;}
.feedbackCon dt{ line-height:1; margin-bottom:10px; font-size:16px;}
.feedbackCon dd{}
.ipt_t4{ width:100%; height:44px; border:1px solid #fff; box-sizing:border-box; padding:0 15px; font-size:14px; background:#fff; line-height:44px;}
.ipt_s4{ width:100%; height:44px; border:1px solid #fff; box-sizing:border-box; padding:0 15px; font-size:14px; background-color:#fff; line-height:44px;}
.ipt_text4{ width:100%; height:190px; border:1px solid #fff; box-sizing:border-box; padding:10px 15px; resize:none; overflow:hidden; font-size:14px; background:#fff;}
.ipt_b4{ width:264px; height:58px; text-align:center; display:block; margin:0 auto; color:#fff; font-size:20px; background:#0071c1; border:none; border-radius:29px;}
.ipt_b4:hover{ background-color:#182547;}

.question{}
.questionTit{ font-size:16px; color:#000; line-height:20px; margin-bottom:20px; font-weight:bold;}
.questionList{ font-size:16px;}
.questionList dl{ background:#f1f1f1; margin-bottom:10px; border-radius:8px;}
.questionList dt{ padding:15px 35px; cursor:pointer; border-radius:9px 9px 0 0 ;}
.questionList .h3{ line-height:26px; position:relative; padding:0 35px;}
.questionList .h3:before{ content:'?'; width:24px; height:24px; line-height:24px; border:1px solid #0071c1; color:#0071c1; text-align:center; border-radius:50%; position:absolute; background:#fff; left:0px; top:0px;}
.questionList .h3:after{ content:'\e82c'; width:26px; height:26px; font-size:24px; text-align:center; position:absolute; right:0px; top:0px;}
.questionList dd{ display:none; padding:40px 35px;}
.questionList dd p{ margin:5px 0;}
.questionList dd img{ margin:5px 0; display:inline-block; vertical-align:bottom; max-width:100%; height:auto;}
.questionList dl.curr{}
.questionList dl.curr dt{ background:#0071c1; color:#fff;}
.questionList dl.curr .h3:before{ background:#fff; color:#0071c1; border-color:#0071c1;}
.questionList dl.curr .h3:after{ transform:rotate(180deg);}


.pbannerPro1_1{}
.pbannerPro1_1 .h3{ font-size:60px;}
.pbannerPro1_1 .em{ font-size:36px;}

.pro1_1{ background:#fff;}
.pro1_1 .tit1 strong{ color:#333;}
.pro1_1 .proDown .h3{ background:#fff;}
.proTab{ margin-bottom:30px;}
.proTab .pd{ text-align:center; display:block; color:#333;}
.proTab .pd i{ width:60px; height:60px; line-height:60px; background:#ccc; display:block; border-radius:50%; margin:6px auto 6px auto; font-size:34px; color:#fff; box-shadow: 3px 3px 6px rgba(0,0,0,0.1);}
.proTab .pd span{ display:block; line-height:1.2; height:1.2em; font-size:20px;}
.proTab .swiper-slide-thumb-active i,
.proTab .pd:hover i{ background:#0071c1;}
.proTab .swiper-slide-thumb-active span,
.proTab .pd:hover span{ font-weight:bold; color:#0071c1;}

.pro1_1Con{}
.pro1_1Con .pd{ display:block; position:relative;}
.pro1_1Con .img{}
.pro1_1Con .img img{ width:100.418410041841%;}
.pro1_1Con .text{ position:absolute; right:50%; width:520px; margin:0 -720px 0 0; top:0px; bottom:0px; color:#fff;}
.pro1_1Con .h3{ font-size:30px; font-weight:bold; line-height:1.3; margin-bottom:1.2em;}
.pro1_1Con .em{ font-size:18px; line-height:2.2222;}
.pro1_1Con .em strong{ font-weight:normal;}
.pro1_1Con .p{ font-size:16px; line-height:1.5; height:8em; overflow:hidden;}
.pro1_1Con .p p{ position:relative; padding-left:18px; margin-bottom:1em;}
.pro1_1Con .p p:last-child{ margin-bottom:0px;}
.pro1_1Con .p p:before{ content:''; position:absolute; width:8px; height:8px; left:0px; top:50%; top:9px; background:#0071c1; border-radius:50%;}
.pro1_1Con .swiper{ overflow:visible; background:#fff;}
.pro1_1Con .swiper-slide{ overflow:visible;}
.pro1_1Con .swiperDots{ display:block; bottom:50px;}
.pro1_1Con .textEven{ left:50%; margin:0 0 0 -720px; right:auto;}

.pro1_1Con .swiperArrow{ display:block; top:50%; top:-80px;}
.pro1_1Con .swiperPrev{ left:8%;}
.pro1_1Con .swiperNext{ right:8%;}


.pro1_2{ background:#fff;}

.proDown{ text-align:center; padding-top:65px;}
.proDown ul{ display:inline-block; vertical-align:bottom;}
.proDown li{ margin:0 25px; float:left; position:relative; z-index:2;}
.proDown .h3{ border:1px solid #666; border-radius:10px; cursor:pointer; line-height:64px; height:64px; width:240px; box-sizing:border-box; padding:0 30px; color:#666; position:relative; z-index:2;}
.proDown .h3 i{ float:left; font-size:38px; margin-right:15px; color:#0071c1;}
.proDown .h3 span{ float:left; font-size:20px;}
.proDown .box{ display:none; position:absolute; bottom:100%; background:#fff; border-radius:10px 10px 0 0; z-index:1; left:0px; right:0px; padding:15px 15px 20px 15px; box-shadow:0 0 3px rgba(0,0,0,0.3);}
.proDown .box img{ width:100%; height:auto; display:block;}
.proDown .box span{ display:block; font-size:15px; color:#000;}
.proDown li:hover .h3{ background:#0071c1; color:#fff; border-color:#0071c1; border-radius:0 0 10px 10px;}
.proDown li:hover .h3 i{ color:#fff;}
.proDown li:hover .box{ display:block;}


.pbannerPro1_2 .text{ color:#000;}
.pbannerPro1_2 .p{ font-size:18px; width:420px;}


.pro2_1{ background:#fff;}
.pro2_1_list ul{ margin-right:-20px;}
.pro2_1_list li{ width:50%; float:left; margin-bottom:20px;}
.pro2_1_list .pd{ display:block; background:#eee; border:1px solid #eee; margin-right:20px; overflow:hidden;}
.pro2_1_list .img{ width:50%; float:right; position:relative; box-sizing:border-box; padding:60px 20px 20px 60px;}
.pro2_1_list .img img{ }
.pro2_1_list .text{ margin-right:50%; padding:60px 10px 0 35px; color:#333;}
.pro2_1_list .h3{ font-weight:bold; font-size:18px; line-height:1.2; height:1.2em; overflow:hidden; margin-bottom:20px;}
.pro2_1_list .p{ font-size:14px; line-height:1.875; height:7.5em; overflow:hidden; margin-bottom:20px;}
.pro2_1_list .m{}
.pro2_1_list .pd:hover{ background:#fff; box-shadow:3px 3px 10px rgba(0,0,0,0.1);}

.more2{ display:inline-block; vertical-align:bottom; color:#0071c1; line-height:20px; font-size:16px;}
.more2 span{ float:left;}
.more2 i{ float:left;}


.pro2_2{ background:#fff; padding-top:0px !important;}
.pro2_2_list{ margin:0 -13px;}
.pro2_2_list .pd{ display:block; border:1px solid #eee; background:#eee; margin:0 13px 13px 13px; position:relative;}
.pro2_2_list .img{}
.pro2_2_list .text{ text-align:center; padding-bottom:30px;}
.pro2_2_list .h3{font-size:18px; line-height:1.5; height:1.5em; overflow:hidden; margin-bottom:15px; font-weight:bold; color:#333;}
.pro2_2_list .m{ color:#0071c1;}

.pro2_2_list .pd:hover{ background:#fff; box-shadow:3px 3px 10px rgba(0,0,0,0.1);}

.pro2_2_list .swiper{ margin-bottom:60px;}
.pro2_2_list .swiperDots{ display:block; bottom:-60px;}




.pro1_2Con{ background:#e3eaf8;}
.pro1_2Con .pd{ display:block;}
.pro1_2Con .img{}
.pro1_2Con .img img{ width:100.418410041841%;}
.pro1_2Con .text{ position:absolute; left:50%; width:45%; margin:0 0 0 -720px; top:0px; bottom:0px; color:#000;}
.pro1_2Con .h3{ font-size:30px; line-height:1.3333; margin-bottom:1.5em;}
.pro1_2Con .em{ font-size:20px; line-height:1.3333; margin-bottom:30px;}
.pro1_2Con .p{ font-size:16px; line-height:1.625;}
.pro1_2Con .p p{ margin-bottom:1em; position:relative; padding-left:20px;}
.pro1_2Con .p p:before{ content:''; position:absolute; width:8px; height:8px; background:#0071c1; border-radius:50%; top:9px; left:0px;}
.pro1_2Con .p p:last-child{ margin-bottom:0px;}


/*.pro1_2Con .swiper{ overflow:visible; }
.pro1_2Con .swiperArrow{ display:block; top:-110px;}
.pro1_2Con .swiperPrev{ left:50%; margin-left:-720px;}
.pro1_2Con .swiperNext{ right:50%; margin-right:-720px;}
.pro1_2Con .swiper-slide{ overflow:visible;}*/

.pro1_2Con .swiperArrow{ display:block; top:50%; color:#0071c1; top:-80px;}
.pro1_2Con .swiperPrev{ left:8%;}
.pro1_2Con .swiperNext{ right:8%;}


.pro4_1{}
.pro4_1_1{ margin-bottom:70px;}
.pro4_1_1 dl{ width:50%; float:left; position:relative; box-sizing:border-box; padding:0 0 0 160px;}
.pro4_1_1 dt{ width:126px; height:126px; position:absolute; left:0px; top:0px; border:1px solid #0071c1; line-height:126px; font-size:66px; text-align:center; border-radius:50%; color:#0071c1;}
.pro4_1_1 dd{}
.pro4_1_1 .h3{ font-size:30px; line-height:1.3; font-weight:bold; margin-bottom:35px;}
.pro4_1_1 .p{ font-size:20px; line-height:2;}
.pro4_1_2{ background:#0071c1;}
.pro4_1_2 .img{ float:right; position:relative; width:50%;}
.pro4_1_2Ewm{ position:absolute; right:2px; bottom:2px; background:rgba(255,255,255,0.9); width:294px; box-sizing:border-box; padding:35px 0px; text-align:center;}
.pro4_1_2Ewm img{ display:block; width:140px; margin:0 auto;}
.pro4_1_2Ewm p{ display:block; line-height:1.375; padding-top:10px; font-size:16px;}
.pro4_1_2 .text{ padding:80px 90px; width:50%; box-sizing:border-box; float:left;}
.pro4_1_2 dl{ color:#fff; margin-bottom:15px;}
.pro4_1_2 dt{ font-size:20px; line-height:1; margin-bottom:10px}
.pro4_1_2 dd{}
.ipt_t5{ width:100%; background:#fff; height:46px; border:none; box-sizing:border-box; padding:0 20px; border-radius:6px; font-size:16px;}
.ipt_s5{ width:49%; background-color:#fff; height:46px; border:none; box-sizing:border-box; padding:0 15px; border-radius:6px; font-size:16px;}
.ipt_s5_1{ float:left;}
.ipt_s5_2{ float:right; width:49%;}
.ipt_b5{ width:150px; height:48px; border:none; background:#fff; font-size:20px; font-weight:bold; color:#0071c1; border-radius:24px; margin-top:20px;}

.pro4_2{}
.pro4_2 .wp{}
.pro4_2 .text{ text-align:center; color:#fff; padding:90px 0 280px 0;}
.pro4_2 .h3{ font-size:30px; line-height:1.5; margin-bottom:1.5em;}
.pro4_2 .em{ font-size:20px; line-height:1.9;}
.pro4_3_1{ width:1050px; margin:0 auto 50px auto;}
.pro4_3_1 .wpd{ margin-right:-50px;}
.pro4_3_1 dl{ width:50%; float:left; box-sizing:border-box; padding-right:50px; margin-bottom:15px;}
.pro4_3_1 dl.w100{ width:100%;}
.pro4_3_1 dt{ font-size:20px; line-height:1; margin-bottom:10px}
.ipt_t6{ width:100%; background:#fff; height:44px; border:1px solid #ccc; box-sizing:border-box; padding:0 30px; border-radius:6px; font-size:16px;}
.ipt_s6{ width:49%; background-color:#fff; height:46px; border:1px solid #ccc; box-sizing:border-box; padding:0 15px; border-radius:6px; font-size:16px;}
.ipt_s6_1{ float:left;}
.ipt_s6_2{ float:right; width:49%;}
.ipt_b6{ width:150px; height:48px; border:none; background:#0071c1; font-size:20px; font-weight:bold; color:#fff; margin:0 auto; display:block; border-radius:24px; margin-top:20px;}

.pro4_3_2{ position:relative;}
.pro4_3_2 .pro4_1_2Ewm{ left:50%; top:50%; bottom:auto; right:auto; margin:-132px 0 0 -147px;}


.pbannerPro3{}
.pbannerPro3 .text{ width:900px; margin-left:-490px; text-align:center; color:#182547; bottom:20%;}
.pbannerPro3 .h3{ font-size:26px;}

.pro3_1{ text-align:center; line-height:2;}
.pro3_1 .h3{ font-size:24px; line-height:1.6667; margin-bottom:60px;}
.pro3_1 .em{ font-size:30px;}
.pro3_1 .img{ margin:30px auto; width:69.93055555555555%;}
.pro3_1 .h4{ font-size:30px;}
.pro3_1 .p{ font-size:20px;}

.pro3_2{ padding:0px;}
.pro3_2 .img{ position:absolute; right:0px; bottom:0px; width:41.180555555555554%;}
.pro3_2 .img img{ margin:0 -11.129848229342328% -10% -11.298482293423272%; width:auto;}
.pro3_2 .text{ margin-right:62.5%; color:#fff; padding:145px 0 180px 0;}
.pro3_2 .h3{ font-size:30px; padding-bottom:30px; line-height:1; margin-bottom:27px; position:relative;}
.pro3_2 .h3:before{ content:''; position:absolute; height:3px; left:0px; width:1em; background:#fff; bottom:0px;}
.pro3_2 .p{ font-size:16px; line-height:1.875;}


.pro3_3{}

.tit3{ text-align:center; margin-bottom:80px;}
.tit3 strong{ display:block; font-weight:normal; font-size:30px; padding-bottom:30px; line-height:1; margin-bottom:27px; position:relative;}
.tit3 strong:before{ content:''; position:absolute; height:3px; left:50%; margin-left:-0.5em; width:1em; background:#000; bottom:0px;}
.tit3 em{ display:block; font-size:16px; line-height:1.875;}

.pro3_3_con{}
.pro3_3_con ul{ margin-right:-120px;}
.pro3_3_con li{ width:50%; float:left;}
.pro3_3_con .pd{ margin-right:120px;}
.pro3_3_con .h3{ font-size:18px; font-weight:bold; margin-bottom:1.5em;}
.pro3_3_con .p{ font-size:16px;}

.pro3_4{ color:#fff; position:relative; padding:100px 0 380px 0;}

.projectContact{ background:#fff; text-align:center; padding:18px 0;}
.projectContact .npd{ display:inline-block; vertical-align:bottom;}
.projectContact dl{ float:left; position:relative; margin:0 80px; padding:15px 0 15px 72px; color:#0071c1; text-align:left;}
.projectContact a{ color:#0071c1;}
.projectContact a:hover{ text-decoration:underline;}
.projectContact dt{ position:absolute; left:0px; top:50%; width:64px; height:64px; margin-top:-32px; font-size:56px; line-height:64px;}
.projectContact dd{}
.projectContact .h3{ font-size:16px; line-height:24px; height:24px;}
.projectContact .em{ line-height:40px; font-size:30px;}
.projectContact .p{ line-height:40px; font-size:16px;}
.projectContact .p a{ margin-right:10px;}
.projectContact .p a:last-child{ margin-right:0px;}
.projectContact dl:last-child .p a{ text-decoration:underline;}

.projectTab{ margin-bottom:40px; text-align:center;}
.projectTab ul{ display:inline-block; vertical-align:bottom;}
.projectTab li{ float:left; margin:0 10px;}
.projectTab a{ display:block; padding:0 30px; height:56px; line-height:56px; font-size:24px; border-radius:28px; background:#eee; color:#333;}
.projectTab li.curr a{ background:#0071c1; color:#fff;}

.projectCon{}
.projectCon li{ background:no-repeat center center; background-size:cover; color:#fff; font-size:16px; line-height:1.875; display:none;}
.projectCon li:first-child{ display:block;}
.projectCon .wp{ height:592px;}
.projectCon{ margin-right:-100px;}
.projectCon .t{ margin-bottom:50px;}
.projectCon .c{ margin-right:-100px;}

.projectCon .li{ margin-bottom:45px;}
.projectCon .li:last-child{ margin-bottom:0px;}
.projectCon .pd{ margin-right:100px;}
.projectCon .h3{ line-height:1; font-weight:bold; padding-bottom:16px; margin-bottom:10px; position:relative;}
.projectCon .h3:before{ content:''; width:40px; height:5px; background:#0071c1; position:absolute; left:0px; bottom:0px;}
.projectCon .p{}

.projectCon1{}
.projectCon1 .img{ width:50.41666666666667%; float:right;}
.projectCon1 .text{ margin-right:50.41666666666667%; padding-top:100px; padding-right:75px;}

.projectCon2,
.projectCon3{ color:#000; width:50%;}



.crumbs{ padding:20px 0; line-height:20px; background:#fff;}
.proInfo1{ background:#eee;}
.proInfoNav{ text-align:center; margin-bottom:40px;}
.proInfoNav ul{ display:inline-block; vertical-align:bottom;}
.proInfoNav li{ float:left; padding:0 15px;}
.proInfoNav a{ display:block; padding:0 35px; height:54px; line-height:54px; border-radius:27px; font-size:16px; background:#fff; color:#333;}
.proInfoNav a:hover{ color:#0071c1;}
.proInfoNav .curr a{ background:#0071c1; color:#fff;}

.proInfoTop{ background:#fff;}
.proInfoTop .img{ width:560px; float:left; border-right:1px solid #eee; box-sizing:border-box; padding:20px;}

.proInfoTop .text{ margin-left:560px; padding:45px 50px; font-size:16px;}
.proInfoTop .h3{ font-size:30px; position:relative; line-height:1.4; padding-bottom:1em; margin-bottom:20px;}
.proInfoTop .h3:before{ content:''; position:absolute; left:0px; bottom:0px; height:5px; width:2em; background:#0071c1;}
.proInfoTop .em{ line-height:1.4; margin-bottom:1em;}
.proInfoTop .p{ line-height:1.875; color:#666;}
.proInfoTop .p p{ margin-bottom:1em;}
.proInfoTop .p p:last-child{ margin-bottom:0px;}

.proInfoBox{ margin-bottom:20px;}
.proInfoBox img{ width:70%; margin:0 auto;}
.proInfoThumbs{}
.proInfoThumbs .pd{ border:1px solid #ccc; margin:0 5px; padding:5px; cursor:pointer;}
.proInfoThumbs .swiper-slide-thumb-active .pd{ border-color:#0071c1;}


.proInfo2{ background:#fff;}
.proInfo2 dl{ margin-bottom:32px;}
.proInfo2 dl:last-child{ margin-bottom:0px;}
.proInfo2 dt{ line-height:56px; background:#0071c1; color:#fff; height:56px; position:relative; border-radius:10px; padding:0 30px;}
.proInfo2 dt strong{ font-size:30px; float:left; font-weight:normal;}
.proInfo2 dt i{ float:right;}
.proInfo2 dd{ border:1px solid #eee; padding:30px; border-radius:0 0 10px 10px; display:none; font-size:16px;}
.proInfo2 dd img{ max-width:100%;}
.proInfo2 .curr dt{ border-radius:10px 10px 0 0;}
.proInfo2 .curr dt i{ transform:rotate(180deg);}
.proInfo2 dl:last-child dd{ padding:0px; border:none;}

.list1{}
.list1 li{ line-height:1.5; position:relative; margin-bottom:30px; padding-left:20px; font-size:16px;}
.list1 li:before{ content:''; position:absolute; left:0px; top:6px; width:8px; height:8px; border-radius:50%; background:#0071c1;}

.proInfo3{ background:#eeeeee;}
.proInfo3_1{ position:relative; margin-bottom:30px;}
.proInfo3_1 .imgtext{ position:relative; min-height:400px;}
.proInfo3_1 .img{ width:340px; position:absolute; left:50%; top:50%; margin:-175px 0 0 -170px;}
.proInfo3_1 .dl{width:50%; float:left; margin:40px 0;}
.proInfo3_1 dl{ float:left; width:420px;}
.proInfo3_1 dt{ width:80px; float:left; background:#0071c1; height:80px; color:#fff; line-height:80px; box-shadow:5px 5px 15px rgba(0,0,0,0.2); text-align:center; border-radius:50%; font-size:38px;}
.proInfo3_1 dd{ margin-left:80px; padding-left:20px;}
.proInfo3_1 .h3{ font-size:26px; color:#0071c1;}
.proInfo3_1 .p{ font-size:16px; color:#666; height:5.625em; line-height:1.875;}
.proInfo3_1 .dl:nth-child(even) dl{ float:right;}

.proInfo3_2{ background:#fff; padding:50px 90px;}
.proInfo3_2 .imgtext{}
.proInfo3_2 .img{ float:right; width:430px;}
.proInfo3_2 .text{ margin-right:430px;}

.proInfo3_3{}
.proCase .swiperDots{ display:block; bottom:0px;}

.proCaseList{}
.proCaseList ul{ margin-right:-10px;}
.proCaseList li{ width:20%; float:left; margin-bottom:35px;}
.proCaseList .pd{ display:block; margin-right:10px; position:relative;}
.proCaseList .img img{ height:428px; width:100%;}
.proCaseList .text{ position:absolute; left:0px; bottom:0px; right:0px; padding:20px 30px; background:rgba(24,37,71,0.8); color:#fff; display:none;}
.proCaseList .h3{ font-size:20px; line-height:1.5; height:1.5em; overflow:hidden; margin-bottom:5px;}
.proCaseList .p{ font-size:16px; line-height:1.5; height:1.5em; overflow:hidden;}
.proCaseList li.curr{ width:40%;}
.proCaseList li.curr .text{ display:block;}


.proInfoM{ text-align:center; background:#f5f5f5;}
.proInfoM ul{ display:inline-block; vertical-align:bottom;}
.proInfoM li{ float:left; margin:0 18px;}
.proInfoM .pd{ display:block; border:1px solid #ccc; background:#fff; padding:0 40px; height:68px; line-height:68px; font-size:20px; overflow:hidden; text-align:center; border-radius:35px;}
.proInfoM strong{ float:left;font-weight:normal;}
.proInfoM a{ color:#0071c1;}
.proInfoM i{ font-size:24px; float:left; margin-left:40px;}
.proInfoM span{  float:left; margin-left:5px;}
.proInfoM a:hover i{ color:#182547;}
.proInfoM a:hover span{ color:#182547;}

.pbannerCase{}
.pbannerCase .text{ bottom:0px;}
.pbannerCase .pd{ width:760px; background:rgba(24,37,71,0.8); box-sizing:border-box; padding:50px 50px 100px 50px;}


.tit4{ text-align:center; margin-bottom:50px;}
.tit4:last-child{ margin-bottom:0px;}
.tit4 strong{ font-size:26px; display:block; font-weight:normal; width:73%; margin:0 auto; display:block;}
.tit4 em{ display:block; width:70%; color:#666; margin:0 auto; font-size:16px; margin-top:20px;}
.case1_1{}
.case1_1 .tit6{ margin-bottom:0px;}
.cAdvantage{ position:relative;}
.cAdvantage .img{ width:400px; height:400px; position:absolute; left:50%; top:50%; margin:-200px 0 0 -200px;}
.cAdvantage .dl{width:50%; float:left; margin:30px 0;}
.cAdvantage dl{ text-align:right; padding:0 200px 0 0;}
.cAdvantage dt{ width:102px; float:right; background:#fff; border:1px solid #0071c1; height:102px; color:#0071c1; line-height:102px; box-shadow:5px 5px 15px rgba(0,0,0,0.2); text-align:center; border-radius:50%; font-size:38px;}
.cAdvantage dd{ margin:0 104px 0 0; padding:15px 30px 0 0 ;}
.cAdvantage .h3{ font-size:24px; line-height:1; margin-bottom:15px; position:relative;}
.cAdvantage .p{ font-size:16px; color:#666; height:3.5em; line-height:1.75;}
.cAdvantage .dl:nth-child(even) dl{ text-align:left; padding:0 0 0 200px;}
.cAdvantage .dl:nth-child(even) dt{ float:left;}
.cAdvantage .dl:nth-child(even) dd{ margin:0 0 0 104px; padding:15px 0 0 30px;}
.cAdvantage .dl:nth-child(even) .h3:before{ left:0px; right:auto;}

/*.cAdvantage8{}
.cAdvantage8 .dl:nth-child(1) dl{ padding:0 100px 0 0;}
.cAdvantage8 .dl:nth-child(2) dl{ padding:0 0 0 100px;}
.cAdvantage8 .dl:nth-child(3) dl{ padding:0 200px 0 0;}
.cAdvantage8 .dl:nth-child(4) dl{ padding:0 0 0 200px;}
.cAdvantage8 .dl:nth-child(5) dl{ padding:0 230px 0 0;}
.cAdvantage8 .dl:nth-child(6) dl{ padding:0 0 0 230px;}
.cAdvantage8 .dl:nth-child(7) dl{ padding:0 105px 0 0;}
.cAdvantage8 .dl:nth-child(8) dl{ padding:0 0 0 105px;}*/

.cAdvantage5{}
.cAdvantage5 .img{ top:0px; margin-top:0px;}
.cAdvantage5 .dl:nth-child(1) dl{ padding:0 200px 0 0;}
.cAdvantage5 .dl:nth-child(2) dl{ padding:0 0 0 200px;}
.cAdvantage5 .dl:nth-child(3) dl{ padding:0 200px 0 0;}
.cAdvantage5 .dl:nth-child(4) dl{ padding:0 0 0 200px;}
.cAdvantage5 .dl:nth-child(5){ width:100%;}
.cAdvantage5 .dl:nth-child(5) dl{ padding:0 25%;}
.cAdvantage5 .dl:nth-child(5) dt{ float:none; margin:0 auto 20px auto;}
.cAdvantage5 .dl:nth-child(5) dd{ margin:0px; padding:0px; text-align:center;}
.cAdvantage5 .dl:nth-child(5) .h3:before{ left:50%; right:auto; margin-left:-0.5em;}

.cAdvantage6 .dl:nth-child(odd) dl{ padding:0 200px 0 0;}
.cAdvantage6 .dl:nth-child(even) dl{ padding:0 0 0 200px;}

.cAdvantage4 .dl:nth-child(odd) dl{ padding:0 200px 0 0;}
.cAdvantage4 .dl:nth-child(even) dl{ padding:0 0 0 200px;}


.case1_2{ background:#f5f5f5;}
.case1_2 img{ max-width:100%; height:auto;}
.cSolutionTit{ text-align:center; margin-bottom:60px;}
.cSolutionTit ul{ display:inline-block; vertical-align:bottom;}
.cSolutionTit li{ float:left; margin:0 10px;}
.cSolutionTit a{ display:block; height:66px; line-height:66px; padding:0 35px; text-align:center; min-width:250px; background:#fff; border-radius:33px; font-size:26px;}
.cSolutionTit li.curr a{ background:#0071c1; color:#fff;}

.cSolutionCon{}
.cSolutionCon li{ display:none;}
.cSolutionCon li:first-child{ display:block;}
.cSolutionCon img{ max-width:100%; height:auto; display:block;}

.pbannerSolution{}
.pbannerSolution:before{ content:''; width:42.6255230125523%; left:0px; top:0px; bottom:0px; position:absolute; background:url(../images/pbanner_solutionbg.png) no-repeat center center; background-size:100% 100%;}
.pbannerSolution .text{ width:400px;}
.pbannerSolution .i{ font-size:60px; margin-bottom:20px;}

.solution1{ background:#f5f5f5;}
.solution1_1{ margin-right:-20px;}
.solution1_1 .dl{width:25%; float:left; margin-bottom:40px;}
.solution1_1 dl{ background:#fff; border-radius:3em 0 3em 0; padding:35px 40px; margin-right:20px;}
.solution1_1 dt{ width:80px; margin:0 auto 30px auto; background:#0071c1; height:80px; color:#0071c1; line-height:80px; text-align:center; border-radius:50%; font-size:42px; color:#fff;}
.solution1_1 dd{}
.solution1_1 .h1{ text-align:center; font-size:16px; line-height:1.875;}
.solution1_1 .h3{ font-size:24px; line-height:1; margin-bottom:20px; position:relative; text-align:center;}
.solution1_1 .p{ font-size:16px; color:#666; height:10.5em; line-height:1.5; overflow:hidden;}
.solution1_1 dl:hover{ background:#0071c1; color:#fff;}
.solution1_1 dl:hover dt{ background:#fff; color:#0071c1;}
.solution1_1 dl:hover .h3:before{ background:#fff;}
.solution1_1 dl:hover .p{ color:#fff;}

.solution_b{ background:#f7f7f7;}
.solution_b_1{}
.solution_b_1 dl{width:25%; float:left;}
.solution_b_1 dt{ width:64px; margin:0 auto 15px auto; height:64px; color:#0071c1; line-height:64px; text-align:center; font-size:54px;}
.solution_b_1 dd{}
.solution_b_1 .h1{ text-align:center; font-size:16px; line-height:1.875;}
.solution_b_1 .h3{ font-size:24px; line-height:1; margin-bottom:20px; position:relative; text-align:center;}
.solution_b_1 .p{ font-size:16px; color:#666; height:10.5em; line-height:1.5; overflow:hidden;}

.solution_b_1 dl:hover dt:before{ font-size:1.2em;}


.solution2{ background:#fff;}

.solution3{ background-color:#eee; background-image:url(../images/solution3.jpg);}

.solution3Tit{ text-align:center; margin:0 0 25px 0; padding:0px;}
.solution3Tit .swiper-slide{ }
.solution3Tit .pd{ display:inline-block; margin:0 auto; overflow:hidden; vertical-align:bottom; padding:10px;}
.solution3Tit img{ width:44px; height:44px; float:left;}
.solution3Tit i{ width:74px; line-height:74px; height:74px; text-align:center; background:#ccc; font-size:36px; display:block; float:left; border-radius:50%; color:#fff; box-shadow:3px 3px 10px rgba(0,0,0,0.1);}
.solution3Tit .pd span{ float:left; margin-left:10px; height:80px; line-height:80px; font-size:20px; display:block;}
.solution3Tit .pd:hover span,
.solution3Tit .swiper-slide-thumb-active span{ color:#0071c1;}
.solution3Tit .pd:hover i,
.solution3Tit .swiper-slide-thumb-active i{ background:#0071c1; color:#fff;}

.solution3Tit4{ width:960px; margin:0 auto 45px auto;}
.solution3Tit3{ width:660px; margin:0 auto 45px auto;}

.solution3Con{}
.solution3Con li{ display:none;}
.solution3Con .img{ width:50%; box-sizing:border-box; float:left;}
.solution3Con .text{ margin-left:50%; padding:60px 50px;}
.solution3Con .h3{ font-size:30px; margin-bottom:10px;}
.solution3Con .p{ font-size:16px; line-height:1.875; color:#666; min-height:5.625em; margin-bottom:20px;}
.solution3Con li:first-child{ display:block;}
.solution3Con .swiperArrow{ display:block; top:-74px;}
.solution3Con .swiperNext{ right:-44px;}
.solution3Con .swiperPrev{ left:-44px;}

.solution4{ background:#fff;}
.solution4 .cSolutionCon{}

.solution5_list{}
.solution5_list ul{ margin-right:-20px;}
.solution5_list li{ float:left; width:25%;}
.solution5_list .pd{ margin-right:20px; position:relative; display:block;}
.solution5_list .img{}
.solution5_list .text{ position:absolute; left:0px; bottom:0px; right:0px; box-sizing:border-box; padding:0 30px; height:84px; font-size:16px; text-align:center; background:rgba(24,37,71,0.8); color:#fff;}

.solution6{ background-color:#eee; background-image:url(../images/solution6.jpg);}
.solution6_1{ width:424px; height:424px; margin:100px auto 50px auto; position:relative;}

.solution6_1:before{ content:''; border-radius:50%; border:1px solid #c3d6ff; left:0px; top:0px; right:0px; bottom:0px; position:absolute;}
.solution6_1:after{ content:''; border-radius:50%; border:1px solid #c3d6ff; left:0px; top:0px; right:0px; bottom:0px; position:absolute;}
.solution6_1 .img{ width:222px; height:222px; position:absolute; left:50%; top:50%; margin:-111px 0 0 -111px; line-height:200px; text-align:center;}
.solution6_1 .img strong{ position:relative; z-index:2; color:#fff; font-size:26px;}
.solution6_1 .img:before{ content:''; left:0px; top:0px; right:0px; bottom:0px; background:#0071c1; position:absolute; border-radius:50%;}
.solution6_1 .img:after{ content:''; left:-10%; top:-10%; right:-10%; bottom:-10%; position:absolute; background:rgba(171,199,255,0.3); border-radius:50%;}
.solution6_1 .text .pd{ position:absolute; width:240px; font-size:16px; line-height:1.5;}
.solution6_1 li{ position:absolute; width:1px; height:1px; background:#000;}
.solution6_1 li:before{ content:''; position:absolute; left:50%; top:50%; width:10px; height:10px; margin:-5px 0 0 -5px; border-radius:50%; background:#0071c1; z-index:2;}
.solution6_1 li:after{ content:''; position:absolute; left:50%; top:50%; width:16px; height:16px; margin:-8px 0 0 -8px; border-radius:50%; background:#c2d5ff; z-index:1;}
.solution6_1 li.li1{ bottom:100%; left:50%;}
.solution6_1 li.li2{ left:96%; top:30%;}
.solution6_1 li.li3{ left:80%; bottom:10%;}
.solution6_1 li.li4{ right:80%; bottom:10%;}
.solution6_1 li.li5{ right:96%; top:30%;}

.solution6_1 li.li1 .pd{ bottom:25px; left:50%; margin-left:-160px; width:320px; text-align:center;}
.solution6_1 li.li2 .pd{ top:-20px; left:40px;}
.solution6_1 li.li3 .pd{ top:-20px; left:40px;}
.solution6_1 li.li4 .pd{ top:-20px; right:40px; text-align:right;}
.solution6_1 li.li5 .pd{ top:-20px; right:40px; text-align:right;}

.solution7{}
.solution7_1{}
.solution7_1 li{ margin-bottom:20px;}
.solution7_1 .pd{ background:#fff; padding:10px; overflow:hidden; box-shadow:0px 5px 15px rgba(0,0,0,0.1); position:relative;}
.solution7_1 .img{ float:right; width:248px;}
.solution7_1 .text{ margin:0 248px 0 288px; padding:35px 40px;}
.solution7_1 .h3{ width:288px; position:absolute; left:0px; top:0px; bottom:0px; background:#0071c1; font-size:26px; color:#fff; text-align:center;}
.solution7_1 .p{ font-size:20px; color:#666; line-height:1.4;}

.solution8{ background-color:#eee; background-image:url(../images/solution8.jpg);}
.solution8_1{ width:470px; height:470px; border-radius:50%; background:rgba(210,225,255,0.6); margin:0 auto; position:relative;}
.solution8_1:before{ content:''; width:400px; height:400px; position:absolute; left:50%; top:50%; margin:-200px 0 0 -200px; background:#fff; border-radius:50%; border:1px dashed #81abff;}
.solution8_1:after{ content:'';}
.solution8_1 .img{ width:400px; height:400px; background:url(../images/solution8_1.png) no-repeat; position:relative; z-index:2; position:absolute; left:50%; top:50%; margin:-200px 0 0 -200px;}
.solution8_1 .img svg{ width:352px; height:352px; position:absolute; left:50%; top:50%; margin:-176px 0 0 -176px;}
.solution8_1 .img0{ background-position:0 0;}
.solution8_1 .img1{ background-position:0 -400px;}
.solution8_1 .img2{ background-position:0 -800px;}
.solution8_1 path{ cursor:pointer; opacity:0;}
.solution8_1 .text{}
.solution8_1 li{ width:1px; height:1px; position:absolute; z-index:2; left:50%; top:50%; display:none;}
.solution8_1 li:before{ content:''; width:95px; height:38px; position:absolute; right:0px; bottom:0px; background:url(../images/line4.png) no-repeat;}
.solution8_1 .wpd{ width:460px; border:1px solid #81abff; background:#fff; position:absolute; display:none;}
.solution8_1 .wpd:before{ content:''; position:absolute; width:30px; height:16px; right:-2px; top:-2px; border-right:3px solid #81abff; border-top:3px solid #81abff;}
.solution8_1 .wpd:after{ content:''; position:absolute; width:30px; height:16px; right:-2px; bottom:-2px; border-right:3px solid #81abff; border-bottom:3px solid #81abff;}
.solution8_1 .pd{ padding:35px;}
.solution8_1 .pd:before{ content:''; position:absolute; width:30px; height:16px; left:-2px; top:-2px; border-left:3px solid #81abff; border-top:3px solid #81abff;}
.solution8_1 .pd:after{ content:''; position:absolute; width:30px; height:16px; left:-2px; bottom:-2px; border-left:3px solid #81abff; border-bottom:3px solid #81abff;}
.solution8_1 .h3{ font-size:26px; line-height:1; margin-bottom:15px;}
.solution8_1 .p{ font-size:16px; line-height:1.625; color:#666;}
.solution8_1 .li1{ margin:-20% 0 0 -32%;}
.solution8_1 .li1 .wpd{ right:95px; top:-45px; display:block;}
.solution8_1 .li2{ margin:-12% 0 0 35%;}
.solution8_1 .li2:before{ right:auto; left:0px; background-image:url(../images/line5.png);}
.solution8_1 .li2 .wpd{ left:95px; top:-45px; display:block;}
.solution8_1 .li3{ margin:15% 0 0 -30%;}
.solution8_1 .li3 .wpd{ right:95px; top:-45px; display:block;}

.solution9{ background:#fff;}
.solution9 .cSolutionTit a{ background:#eee;}

.paging{ padding:40px 0; text-align:center;}
.paging .pd{ display:inline-block; vertical-align:bottom;}
.paging li{ float:left;}
.paging a,
.paging span{ margin:0 5px; border:1px solid #ccc; padding:0 1em; font-size:12px; height:30px; line-height:30px; float:left;}
.paging a:hover,
.paging span:hover,
.paging li.active a,
.paging li.active span{ background:#0071c1; border-color:#0071c1; color:#fff;}
.paging li.active a,
.paging li.active span{ cursor:default;}



.msgBg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.2); z-index:18; display:none;}
.msgBox{ position:fixed; left:50%; top:50%; width:810px; height:700px; margin:-350px 0 0 -405px; background:#fff; z-index:19; border-radius:8px; display:none;}
.msgBox .wpd{ padding:30px;}
.msgBoxClose{ position:absolute; right:0px; top:0px; width:40px; height:40px; cursor:pointer; line-height:40px; font-size:24px; color:#ccc; text-align:center;}
.msgBoxClose:hover{ color:#0071c1;}
.msgBoxTit{ font-size:26px; line-height:1; margin-bottom:20px;}
.msgBoxCon{ margin-right:-30px;}
.msgBoxCon dl{ width:50%; float:left; box-sizing:border-box; padding-right:30px; margin-bottom:20px;}
.msgBoxCon dl.w100{ width:100%;}
.msgBoxCon dt{ height:20px; line-height:20px; font-size:16px; margin-bottom:5px;}
.msgBoxCon dt i{ font-size:20px; margin-right:5px;}
.msgBoxCon dt span{ margin-right:5px;}
.msgBoxCon dt em{ color:#9a9a9a;}
.msgBoxCon dd{}
.msgBoxCon .li{ padding:10px 0;}
.msgBoxCon .li:last-child{ margin-bottom:0px;}
.msgBoxCon .h3{ font-size:16px; line-height:1; margin-bottom:5px;}
.msgBoxCon .p{}
.msgBoxCon .p label{ display:inline-block; margin-right:30px; line-height:20px; vertical-align:bottom; cursor:pointer;}
.msgBoxCon .p span{ font-size:16px; display:inline-block; vertical-align:bottom;}

.ipt_t7{ width:100%; box-sizing:border-box; height:40px; border:1px solid #ccc; border-radius:4px; padding:0 20px;}
.ipt_s7{ width:100%; box-sizing:border-box; height:40px; border:1px solid #ccc; border-radius:4px; padding:0 20px;}
.ipt_c7{ width:16px; height:16px; display:inline-block; margin-right:5px; vertical-align:bottom;}
.ipt_b7{ width:240px; margin:0 auto; box-sizing:border-box; height:54px; border-radius:27px; border:none; font-size:20px; color:#fff; background:#0071c1; display:block;}

.msgBoxM{}

.newsInfoMain{ background:#f5f5f5;}
.newsFl{ width:66.6666%; float:left;}
.newsTit{ padding-bottom:20px; border-bottom:1px dashed #999; margin-bottom:30px;}
.newsTit h1{ font-size:20px;}
.newsTit .em{ color:#999;}
.newsCon{ font-size:14px; line-height:1.85; color:#666; margin-bottom:30px;}
.newsCon p{ margin:0.5em 0;}
.newsCon img{ max-width:100%; height:auto; display:block;}
.newsM{}
.newsM li{ background:#fff; margin-bottom:10px; line-height:46px; height:46px; padding:0 20px;}
.newsM strong{ float:left; line-height:46px; height:46px;}
.newsM a{ display:block; line-height:46px; height:46px; overflow:hidden;}
.newsFr{ width:29.5238%; float:right; background:#fff; padding:20px; box-sizing:border-box;}

.tit5{ line-height:24px; margin-bottom:30px; overflow:hidden;}
.tit5 strong{ float:left; font-weight:normal; font-size:24px;}
.tit5 a{ float:right;}
.more3{ display:inline-block; vertical-align:bottom;}
.more3 span{ float:left; height:24px; line-height:24px; font-size:14px;}
.more3 i{ float:left; margin-top:5px; margin-left:6px; width:14px; height:14px; background:#0071c1; font-size:10px; text-align:center; color:#fff; line-height:14px;}


.news_list2{}
.news_list2 li{ margin-bottom:20px;}
.news_list2 li:last-child{ margin-bottom:0px;}
.news_list2 .pd{ position:relative; display:block;}
.news_list2 .img{}
.news_list2 .text{ position:absolute; left:0px; bottom:0px; right:0px; background:rgba(0,0,0,0.8); padding:10px 20px; color:#fff;}
.news_list2 .h3{ font-size:14px; line-height:20px; height:40px; overflow:hidden;}
.news_list2 .pd:hover{ box-shadow:0 0 3px rgba(0,0,0,0.3);}
.news_list2 .pd:hover .text{ background:#0071c1;}


.platform{ padding:100px 0; background:no-repeat center center; background-size:cover;}

.platform1{}
.platform1_1{ text-align:center; padding:20px 0;}
.platform1_1 img{ display:inline-block; vertical-align:bottom; width:52.1875%;}

.platform2{}
.platform2 .tit1{ color:#fff;}
.platform2_1{ text-align:center;}
.platform2_1 ul{ display:inline-block; vertical-align:bottom;}
.platform2_1 li{ float:left; padding:0 25px;}
.platform2_1 .pd{ width:116px; height:116px; background:#fff; border-radius:50%; color:#0071c1; font-size:16px; line-height:1.25; box-shadow:0 0 0 10px rgba(255,255,255,0.2);}
.platform3_1{ font-size:16px; padding-bottom:60px; margin-right:-30px;}
.platform3_1 dl{ float:left; width:33.3333%; padding-right:30px; box-sizing:border-box;}
.platform3_1 dt{ font-weight:bold; line-height:2.5; }
.platform3_1 dd{}
.platform4_1{}
.platform4_1 ul{ margin-right:-20px;}
.platform4_1 li{ float:left; width:50%;}
.platform4_1 .pd{ display:block; margin-right:20px; position:relative;}
.platform4_1 .img{}
.platform4_1 .text{ position:absolute; left:0px; top:0px; right:0px; box-sizing:border-box; color:#fff; padding:15% 30% 0 40px; bottom:0px; background:rgba(0,0,0,0.3);}
.platform4_1 .h3{ font-size:30px; font-weight:bold; margin-bottom:25px; line-height:1;}
.platform4_1 .p{ font-size:16px;}

.platform5{ color:#fff;}
.platform5 .tit1{ color:#fff;}
.platform5_1{ margin-right:-20px; margin-bottom:60px;}
.platform5_1 dl{ float:left; width:30%; box-sizing:border-box; padding-right:20px;}
.platform5_1 dl:nth-child(3){ width:40%;}
.platform5_1 dl:last-child{ width:100%; text-align:center; padding-top:20px;}
.platform5_1 dt{ font-size:16px; line-height:1; margin-bottom:10px;}

.platform5_2{ text-align:center; color:#fff;}
.platform5_2 .t{ font-size:26px; margin-bottom:25px; line-height:1; display:none !important;}
.platform5_2 .t a{ color:#fff;}
.platform5_2 .t a:hover{ color:#000;}
.platform5_2 .img{ width:140px; margin:0 auto 10px auto;}

.tit6{ text-align:center; width:64%; margin:0 auto 50px auto;}
.tit6 strong{ font-size:24px; font-weight:bold; line-height:1; display:block; padding-bottom:24px; position:relative;}
.tit6 strong:last-child{ margin-bottom:0px;}
.tit6 strong:before{ background:#0071c1; content:''; height:5px; width:2em; left:50%; bottom:0px; margin-left:-1em; position:absolute;}
.tit6 em{ display:block; font-size:16px; color:#666; line-height:1.875; padding-top:15px;}

.tit7{ text-align:center; margin-bottom:50px; width:64%; margin:0 auto 55px auto;}
.tit7 strong{ font-size:16px;}
.tit7 em{ font-size:20px; line-height:1.5;}

.solution_10_1{ transition:height ease 0.3s;}
.solution_10_1 ul{ margin-right:-4px;}
.solution_10_1 li{ float:left; width:12.5%;}
.solution_10_1 .pd{ margin-right:4px; margin-bottom:4px; border:1px solid #eee;}
.solution_10_1 .pd img{ width:100%; height:auto; display:block;}

.kehuM{ text-align:center; padding-top:30px; display:none;}
.kehuM a{ display:inline-block; vertical-align:bottom; line-height:1;}
.kehuM i{ display:block; font-size:28px; margin-bottom:4px; color:#ddd;}
.kehuM span{ display:block; font-size:16px; color:#666;}
.kehuM a:hover i{ color:#0071c1;}
.kehuM a:hover span{ color:#0071c1;}
.kehuM a.curr i{ transform:rotate(180deg);}

.table{word-break:break-all;}
.table table{ width:100%; border:1px solid #ddd; line-height:1.4285714285714286; border-collapse:collapse; color:#666; font-size:12px;}
.table td{ border:1px solid #ddd; padding:0.4em 0.8em; min-width:8em;}
.proInfo2 tr:first-child td{ background:#ddd;}


.swiper-notification{ display:none;}
@media screen and (max-width:1680px){
.wp{ width:1200px;}
.logo{ margin-top:-22px;}
.logo img{ height:44px;}
.menu .h3 a{ height:70px; line-height:70px; padding:0 15px; font-size:14px;}
.menu{ padding-left:540px;}
.snav{ top:70px;}
.snav{ margin-top:70px; background-position:-90px center;}
.snav .wpd{ margin-left:306px;}

.tLanguage{ right:25px;}
.tSearch{ right:75px;}
.tNav{ width:260px;}
.tNav .i{ height:70px;}
.tNav .i i{ padding-top:14px;}
.tNav .i span{ font-size:14px;}

.pBody{ padding-top:70px;}


.iBanner .text{ width:1200px; margin-left:-600px;}
.iBanner .h3{ font-size:36px;}
.iBanner .em{ font-size:21px;}
.iBanner .swiperDots{}
.iBanner .swiperDots span{ width:30px;}
.iBanner .swiperDots span.swiper-pagination-bullet-active{ width:60px;}

.iBanner .text2 .p{ font-size:12px; padding-top:20px;}

.bNumber{}
.bNumber i{ font-size:28px;}
.bNumber strong{ font-size:38px;}
.bNumber em{ font-size:14px;}

.bList1 dl{ margin-bottom:10px;}
.bList1 dd{ font-size:14px; line-height:40px;}
.bList1 dt{ width:40px; height:40px; font-size:24px; line-height:40px;}

.pageNext{ right:100px;}

.body_ready .bNumber .npd:before{ height:90px;}
.body_ready .bNumber .npd:after{ width:100px;}
.body_ready .bNumber li:nth-child(3) .npd:after{ width:180px;}

.tit1{ margin-bottom:40px;}
.tit1 strong{ font-size:28px;}
.tit2{ padding:20px 0;}
.tit2 strong{ font-size:20px;}

.pic{ width:64px; height:64px;}
.pic i{ transform:scale(0.64,0.64)}

.more1_3{ line-height:38px; padding:0 24px;}
.more1_4{ line-height:38px; padding:0 24px;}

.iMain{ padding:60px 0;}

.iSolution .pd{ padding:30px; margin:0 14px;}
.iSolution .pd:before,
.iSolution .pd:after{ width:14px;}
.iSolution .h3{ margin-top:20px; font-size:18px;}
.iSolution .p{ font-size:14px;}

.iPro .text{ left:30px; top:30px;}
.iPro .h3{ font-size:18px;}
.iPro .p{ font-size:14px;}

.iCase .img img{ height:412px;}
.iCase .pd{ padding:50px 0 30px 320px;}
.iCase .h3{ font-size:28px;}
.iCase .p{ font-size:14px;}
.iCase .text{ padding:30px 40px; width:460px;}
.iCase .swiperArrow{ width:40px; height:40px; line-height:40px; font-size:32px;}
.iCase .swiper-slide-active .pd{ padding:0 80px 30px 0; margin:0 -300px 0 0;}

.iAboutInfo{ padding:30px;}
.iAboutInfo .h3{ font-size:18px; margin-bottom:10px;}
.iAboutInfo .p{ font-size:14px;}
.iAboutCon .text{ height:48px; line-height:48px; padding:0 25px;}
.iAboutCon .text span{ font-size:18px;}
.iAboutCon .text i{ font-size:24px;}

.iNews li{ padding:20px 0;}
.iNews .h3{ font-size:16px; margin-bottom:12px;}
.iNews .p{ margin-bottom:12px;}

.iAboutCon2 .h3{ font-size:20px;}
.iAboutCon2 .em{ font-size:14px;}

.footer{ padding:50px 0 30px 0;}
.fNav dl{ width:120px;}
.fNav dt{ margin-bottom:15px;}
.fNav dd a{ margin-bottom:8px;}
.fContact{ padding-left:60px;}
.fContact dt{ margin-bottom:15px;}
.fContact dd p{ margin-bottom:8px;}
.fEwm{ width:240px;}
.fEwm img{ width:100px;}
.footerBottom{ font-size:12px;}

.subNav{ width:60px; margin-top:-122px;}
.subNav .h3 a{ padding:12px 10px;}
.subNav .h3 i{ font-size:26px;}
.subNav li.li1 .box{ width:140px;}
.subNav li.li1 .li{ margin-bottom:10px;}
.subNav li.li3 .pd{ line-height:53px;}

.backTop{ width:40px;}



.pbanner .text{ /*width:600px; margin-left:-600px; bottom:20%;*/width:100%; margin-left:0px; bottom:20%;}
.pbanner .i{ font-size:74px;}
.pbanner .h3{ font-size:28px;}
.pbanner .em{ font-size:20px;}
.pbanner .p{ font-size:14px;}
.pbannerAbout .text{ bottom:200px;}
.pbannerSolution .text{ width:300px;}
.pbannerSolution .i{ font-size:48px;}
.pbannerPro1 .i{ font-size:84px; padding-top:20px;}
.pbannerPro1_2 .p{ font-size:16px;}
.pbannerPro3 .text{ width:910px; margin-left:-455px;}
.pbannerPro3 .h3{ font-size:24px;}

.pMain{ padding:60px 0;}
.proDown{ padding-top:60px;}

.tit4 strong{ font-size:18px;}
.tit6{ width:70%;}
.tit6 strong{ font-size:20px;}
.tit6 strong:before{ height:3px;}
.tit6 em{ font-size:14px;}

.tit7{ margin-bottom:30px;}

.aboutCon1_1{ margin:-160px 100px 80px 100px;}
.aboutCon1_1 .text{ padding:40px;}
.aboutCon1_1 .h3{ font-size:20px;}

.aNewsList li{ margin-bottom:40px;}


.aboutCon3_1 .pd .h3{ font-size:48px; }
.aboutCon3_1 .pd .p{ font-size:14px;}
.aboutCon3_2 .text .h3{ font-size:32px;}
.aboutCon3_2 .text .em{ font-size:14px;}
.aboutCon3_3{ font-size:14px;}

.honor .em{}
.honor .h3{}
.honor .p{}

.honor1 .em{ font-size:22px;}
.honor1 .h3{ margin-bottom:10px; font-size:14px;}
.honor1 .p{ font-size:14px;}


.aNewsList .h3{ font-size:18px;}
.aNews_Fl .h3{ font-size:18px;}

.newsList .img{ width:340px; }
.newsList .text{ margin-right:340px; padding:20px 60px 20px 150px;}
.newsList .em{ left:20px; top:20px; padding:20px 0; width:100px;}
.newsList .em strong{ font-size:20px;}
.newsList .em em{ font-size:16px; padding-top:10px;}
.newsList .h3{ font-size:18px; margin-bottom:15px;}

.paging{ padding-bottom:10px;}

.joinList{ font-size:14px;}
.joinList .li{ padding:0 30px;}
.testList .p{ line-height:2;}

.ipt_t2{ height:38px;}
.ipt_b2{ height:46px; font-size:14px; width:134px;}

.contactList{ font-size:14px;}
.contactList dt{ margin-bottom:40px;}
.contactList dd{ margin-bottom:40px;}

.contactUsMore a{ height:40px; line-height:40px; padding:0 26px;}
.contactUsMore a i{ margin-left:30px;}



.proTab .pd i{ width:54px; line-height:54px; height:54px; font-size:28px;}
.proTab .pd span{ font-size:16px;}

.pro1_1Con .text{ margin:0 -600px 0 0; width:460px;}
.pro1_1Con .textEven{ margin:0 0 0 -600px;}
.pro1_1Con .h3{ font-size:18px;}
.pro1_1Con .em{ font-size:16px;}
.pro1_1Con .em strong{}
.pro1_1Con .p{ font-size:14px;}
.pro1_2Con .text{ margin-left:-600px; width:42%;}
.pro1_2Con .h3{ font-size:18px;}
.pro1_2Con .em{ font-size:16px;}
.pro1_2Con .p{ font-size:14px;}


.pro1_1Con .swiperArrow,
.pro1_2Con .swiperArrow{ top:-70px;}

.proDown .h3{ height:56px; line-height:56px; width:200px;}
.proDown .h3 i{ font-size:32px; margin-right:10px;}
.proDown .h3 span{ font-size:16px;}
.pro2_1_list .text{ padding:40px 10px 0 35px;}
.pro2_1_list .h3{ font-size:16px; margin-bottom:15px;}
.pro2_1_list .p{ margin-bottom:15px;}
.pro2_2_list{ margin:0 -10px;}
.pro2_2_list .pd{ margin:0 10px 10px 10px;}
.pro2_2_list .h3{ font-size:16px; margin-bottom:10px;}
.pro2_2_list .swiperDots{ bottom:-50px;}

.more2{ font-size:14px;}
.more1_2{ line-height:36px;}
.more1_3{ line-height:36px;}


.proInfoTop .text{ font-size:14px;}
.proInfoTop .h3{ font-size:24px; padding-bottom:1em;}
.proInfoTop .h3:before{ height:3px;}

.proInfoNav li{ padding:0 10px;}
.proInfoNav a{ height:44px; line-height:44px;}

.proInfo2 dt strong{ font-size:24px;}
.list1 li{ font-size:14px; margin-bottom:20px;}

.proInfo3_1 .img{ width:300px; margin:-170px 0 0 -150px;}
.proInfo3_1 .dl{ margin:30px 0;}
.proInfo3_1 dt{ width:68px; height:68px; line-height:68px; font-size:32px;}
.proInfo3_1 dd{ margin-left:68px;}
.proInfo3_1 .h3{ font-size:20px;}
.proInfo3_1 .p{ font-size:14px;}
.proInfo3_2{ padding:40px 70px;}

.proInfoM .pd{ height:58px; line-height:58px; font-size:18px;}
.proInfoM i{ font-size:20px; margin-left:20px;}

.pro3_1 .h3{ font-size:16px;}
.pro3_1 .em{ font-size:24px;}
.pro3_1 .h4{ font-size:24px;}
.pro3_1 .p{ font-size:16px;}

.pro3_2 .h3{ font-size:24px;}
.pro3_2 .p{ font-size:14px;}

.pro4_1_1 .h3{ font-size:24px; margin-bottom:1em;}
.pro4_1_1 .p{ font-size:16px;}

.pro4_1_2 .text{ padding:40px 60px;}

.projectTab a{ height:48px; line-height:48px; font-size:18px;}
.projectCon .wp{ height:516px;}
.projectCon .c{ margin-right:-60px;}
.projectCon .pd{ margin-right:60px;}

.ipt_t5{ height:40px;}
.ipt_s5{ height:40px;}
.ipt_b5{ height:42px; font-size:16px;}

.pro4_2 .h3{ font-size:24px;}
.pro4_2 .em{ font-size:16px;}

.serviceFr dl{ margin-bottom:30px;}
.serviceFr .h3{ font-size:18px;}
.serviceFr .p{ font-size:14px;}

.downNav{ font-size:14px;}
.downNav dd a{ margin-right:5px; padding:0 15px;}
.downConCon .li{ padding:15px 20px;}

.cSolutionTit a{ font-size:20px;}

.solution1_1 .h3{ font-size:18px;}
.solution1_1 .p{ font-size:14px;}

.solution3Tit{}
.solution3Tit .pd span{ font-size:16px;}
.solution3Tit i{ width:64px; height:64px; line-height:64px;}
.solution3Tit .pd span{ line-height:64px; height:64px;}
.solution3Con .h3{ font-size:24px;}
.solution3Con .p{ font-size:14px;}

.solution5_list .text{ font-size:14px; height:70px;}

.solution7_1 .h3{ font-size:20px;}
.solution7_1 .p{ font-size:16px;}

.solution1_1 dl{border-radius: 2em 0 2em 0; padding:30px 35px;}
.solution1_1 dt{ margin-bottom:20px;}
.solution1_1 .h3{ margin-bottom:15px;}


.solution_b_1 dt{ font-size:44px; height:54px; line-height:54px;}
.solution_b_1 .h1{ font-size:14px;}

.solution8_1{ width:400px; height:400px;}
.solution8_1:before{ width:340px; height:340px; margin:-170px 0 0 -170px;}
.solution8_1 .img{ width:340px; height:340px; background-size:340px 1020px; margin:-170px 0 0 -170px;}
.solution8_1 .img svg{ width:300px; height:300px; margin:-150px 0 0 -150px;}
.solution8_1 .img0{ background-position:0 0;}
.solution8_1 .img1{ background-position:0 -340px;}
.solution8_1 .img2{ background-position:0 -680px;}
.solution8_1 .h3{ font-size:18px;}
.solution8_1 .p{ font-size:14px;}
.solution8_1 .wpd{ width:390px;}

.cSolutionTit a{ height:54px; line-height:54px; padding:0 30px; font-size:18px; min-width:200px;}
.kehuM span{ font-size:14px;}

.cAdvantage .img{ width:340px; height:340px; margin:-170px 0 0 -170px;}
.cAdvantage .dl{ margin:20px 0;}
.cAdvantage dd{ padding:8px 20px 0 0; margin: 0 80px 0 0;}
.cAdvantage dt{ width:80px; height:80px; line-height:80px; font-size:32px;}
.cAdvantage .h3{ font-size:18px; margin-bottom:10px;}
.cAdvantage .p{ font-size:14px;}
.cAdvantage .dl:nth-child(even) dd{ padding:8px 0 0 20px; margin: 0 0 0 80px;}

.cAdvantage dl{ padding:0 170px 0 0;}
.cAdvantage .dl:nth-child(even) dl{ padding:0 0 0 170px;}

.cAdvantage5 .img{ top:-50px; margin-top:0px;}

.proCaseList .img img{ height:360px;}
.proCaseList .text{ padding:15px 20px;}
.proCaseList .h3{ font-size:16px; line-height:1.3; height:1.3em; margin-bottom:3px;}
.proCaseList .p{ font-size:14px;}

.feedbackCon{ padding:40px 80px;}

.ipt_t4{ height:40px; line-height:40px;}
.ipt_s4{ height:40px; line-height:40px;}
.ipt_text4{ height:160px;}

.questionList{ font-size:14px;}
.questionList .h3{ font-size:14px; line-height:20px; padding:0 30px;}
.questionList .h3:before{ width:20px; height:20px; line-height:20px;}
.questionList .h3:after{ width:20px; height:20px; line-height:20px; font-size:16px;}
.questionList dd{ padding:30px;}

.proDown .box span{ font-size:14px;}

.platform{ padding:75px 0;}
}
@media screen and (max-width:1440px){
.wp{ width:1000px;}
.iBanner .text{ width:1000px; margin-left:-500px;}
.iBanner .h3{ font-size:28px;}
.iBanner .em{ font-size:18px;}
.iBanner .text2 .p{ font-size:12px;}

.iBanner .swiperDots{}
.iBanner .swiperDots span{ width:25px;}
.iBanner .swiperDots span.swiper-pagination-bullet-active{ width:50px;}

.iBanner .swiperPrev{ left:30px;}
.iBanner .swiperNext{ right:30px;}

.bNumber strong{ font-size:24px;}

.bList1 dt{ width:38px; height:38px; line-height:38px; font-size:18px;}
.bList1 dd{ line-height:38px; margin-left:38px; font-size:13px;}

.menu{ padding-left:290px;}
.snav{ background-position:-120px center;}
.snav .wpd{ margin-left:276px;}

.iPro ul{ margin-right:-15px;}
.iPro .pd{ margin-right:15px;}
.iPro .li4{ padding-top:14px;}

.iCase .img img{ height:356px;}

.iNews li{ padding:17px 0;}
.iNews .h3{}
.iNews .p{}

.fNav dl{ width:100px;}
.fContact{ padding-left:30px;}
.fEwm{ width:200px;}
.fEwm img{ width:80px;}
.shareFr a{ font-size:14px; padding:0 30px;}


.pbanner .text{ width:500px; margin-left:-500px;}
.pbanner .i{ font-size:58px;}
.pbanner .h3{ font-size:24px;}
.pbanner .em{ font-size:18px;}
.pbanner .p{ font-size:14px;}
.pbannerAbout .text{ bottom:170px;}
.pbannerSolution .text{ width:260px;}
.pbannerSolution .i{ font-size:38px;}
.pbannerPro1 .i{ font-size:74px;}
.pbannerPro1_2 .p{ font-size:16px;}
.pbannerPro3 .text{ width:860px; margin-left:-430px;}
.pbannerPro3 .h3{ font-size:24px;}



.tit1 strong{ font-size:24px;}
.tit1 em{ font-size:14px;}

.tit4 strong{ font-size:16px;}

.more1_5{ padding:0 20px;}

.pMain{ padding:55px 0;}
.proDown{ padding-top:55px;}


.aNews_Fl .h3{ font-size:16px;}
.aNews_Fr{ padding:50px 40px 40px 40px;}
.aNewsList .h3{ font-size:16px;}
.aNewsList .em strong{ font-size:20px;}
.aNewsList .em em{ font-size:16px;}
.aNewsM{ margin-bottom:20px;}
.aNewsM a{ height:36px; line-height:36px; padding:0 10px;}
.aNewsList li{ margin-bottom:20px;}

.joinList .li{ padding:0 25px;}

.pro1_1Con .text{ margin-right:-500px; width:370px;}
.pro1_1Con .em{ font-size:14px;}
.pro1_1Con .em strong{}
.pro1_2Con .text{ margin-left:-500px;}
.pro1_2Con .p p{ padding-left:16px;}
.pro1_2Con .p p:before{ top:8px; width:6px; height:6px;}

.pro2_1_list .img{ padding:40px 20px 20px 40px;}
.pro2_1_list .text{ padding:25px 10px 0 25px;}
.pro2_1_list .h3{ margin-bottom:10px;}
.pro2_2_list .swiperDots{ bottom:-40px;}

.projectTab a{ font-size:16px;}
.projectCon li{ font-size:14px;}

.proInfoTop .img{ width:440px;}
.proInfoTop .text{ margin-left:440px; padding:35px 40px;}

.platform3_1{ font-size:14px;}
.proInfo3_1 dl{ width:340px;}
.proInfo3_2{ padding:35px 60px;}

.proInfoM .pd{ font-size:16px; height:48px; line-height:48px; padding:0 30px;}
.proInfoM li{ margin:0 10px;}

.projectContact dl{ margin:0 50px;}
.platform4_1 .h3{ font-size:20px; margin-bottom:15px;}
.platform4_1 .p{ font-size:14px;}
.platform5_2 .t{ font-size:22px;}

.solution1_1{ margin-right:-10px;}
.solution1_1 dl{ padding:20px 20px; margin-right:10px;}
.solution1_1 dt{ margin-bottom:20px; width:64px; height:64px; line-height:64px; font-size:32px;}
.solution1_1 .h3{ margin-bottom:15px;}
.solution1_1 .p{ height:12em;}

.solution3Tit .pd{ padding:5px;}
.solution3Tit i{ font-size:48px; height:48px; line-height:48px; font-size:24px; width:48px;}
.solution3Tit .pd span{ line-height:48px; height:48px; font-size:14px;}
.solution3Con .text{ padding:40px 30px;}
.solution3Con .h3{ font-size:18px;}

.solution8_1 .wpd{ width:360px;}

.cSolutionTit a{ height:48px; line-height:48px; padding:0 30px; font-size:16px; min-width:160px;}

.solution7_1 .img{ width:200px;}
.solution7_1 .h3{ font-size:18px; width:240px;}
.solution7_1 .p{ font-size:14px;}
.solution7_1 .text{ margin:0 200px 0 240px}

.cAdvantage{ margin:0 -50px;}
.cAdvantage .img{ width:300px; height:300px; margin:-150px 0 0 -150px;}
.cAdvantage5 .img{ top:-60px; margin-top:0px;}

.cAdvantage dl{ padding:0 150px 0 0;}
.cAdvantage .dl:nth-child(even) dl{ padding:0 0 0 150px;}
.cAdvantage .dl{ margin:10px 0;}
.cAdvantage dt{ width:64px; height:64px; line-height:64px; font-size:24px;}
.cAdvantage .h3{ font-size:16px;}
.cAdvantage .p{ line-height:1.5; height:3em;}
.cAdvantage dd{ padding-top:0px; margin: 0 64px 0 0;}
.cAdvantage .dl:nth-child(even) dd{ padding-top:0px; margin:0 0 0 64px;}


.proCaseList .img img{ height:300px;}
.proCaseList .text{ padding:10px 20px;}

.serviceFr dt{ width:54px; height:54px; line-height:54px; font-size:24px;}
.serviceFr dd{ margin-left:54px;}

.downBtn{ font-size:14px; margin:0 5px;}

.feedbackCon{ padding:40px 60px;}
.feedbackCon dt{ font-size:14px;}
.ipt_t4{ height:38px; line-height:38px;}
.ipt_s4{ height:38px; line-height:38px;}
.ipt_text4{ height:120px;}

.questionList dt{ padding:15px 25px;}

.proInfo2 dt{ height:44px; line-height:44px;}
.proInfo2 dt strong{ font-size:18px;}
.proInfo2 dl{ margin-bottom:25px;}

.pro3_1 .h4{ font-size:21px;}

.platform{ padding:65px 0;}

.msgBox{ height:600px; margin:-300px 0 0 -405px;}
.msgBoxTit{ font-size:21px; margin-bottom:15px;}
.msgBoxCon dl{ margin-bottom:10px;}
.msgBoxCon dt{ font-size:14px;}
.msgBoxCon .p span{ font-size:14px;}
.ipt_t7,
.ipt_s7{ height:36px; line-height:36px;}
.ipt_c7{ width:14px; height:14px;}
.ipt_b7{ height:44px; font-size:16px; width:180px;}

.joinList .li{ padding:0 15px;}



}

@media screen and (max-width:1280px){
.menu{ padding-left:260px;}
.snav{ background-position:-150px center;}
.snav .wpd{ margin-left:246px;}

.platform{ padding:60px 0;}

.cAdvantage{ margin:0 -30px;}
}
@media screen and (max-width:1024px){
body{ padding:60px 0 40px 0;}
html,body{overflow:hidden;overflow-y:auto;}
.wp{ width:auto; margin:0 30px;}

.header{ background:#fff; border-bottom:none;}
.header .wp{ height:60px; margin:0 30px;}
.logo{ margin-top:-20px;}
.logo img{ height:40px;}
.logo .img1{ display:none;}
.logo .img2{ display:block;}
.tSearch{ display:block; top:50%; right:72px; margin-top:-20px; width:auto; color:#333;}
.tSearch .box{ position:absolute;}
.tLanguage{ display:block; top:50%; right:112px; margin-top:-20px; width:auto; color:#333;}
.tLanguage .i{ display:none;}
.tLanguage .box{ display:block;}
.tLanguage .box a{ width:40px; height:40px; line-height:40px; text-align:center; display:block; padding:0px; color:#333;}
.tLanguage .box span{ width:auto; float:none; display:block;}
.tLanguage .box i{ display:none;}

.tNav{ display:block; top:50%; right:32px; margin-top:-20px; width:auto;}
.tNav .i{ background:none; height:auto; color:#333;font-size: 20px; width: 40px; height: 40px; line-height: 40px; text-align: center;}
.tNav .i i{ padding-top:0px; line-height:40px;}
.tNav .i span{ display:none;}
.tNav .box{ position:fixed; top:60px; width:160px; right:0px; display:none;}
.tNav .box a{ padding:0 1em;}
.tNav .box i{ right:1em;}
.tNav:hover .box{ display:none;}
.tNav:hover .i{ background:none; color:inherit;}
.tNav.active .i{ color:#0071c1;}


.menu-link{ display:block;}
.menu{ display:none; position:fixed; top:60px; left:0px; right:0px; background:#424960; width:220px; right:0px; left:auto; text-align:left; padding:0px;}
.menu ul{ display:block;}
.menu li{ display:block; float:none; margin:0px; border-bottom:1px solid rgba(255,255,255,0.3);}
.menu li.curr .h3 a{ color:#fff; font-weight:normal;}
.menu li.curr .h3 a:before{ display:none;}
.menu .h3 a{ height:40px !important; line-height:40px !important; font-size:14px; color:#fff; padding:0 30px; float:none;}
.menu i{ display:block; float:none;}
.menu em{ display:block;}

.menu li:hover .h3 a{ background:none; color:#fff;}
.menu li:hover .snav,
.menu li:hover .box{ display:none;}
.menu li.curr .h3 a{ background:#003a93;}
.menu .curr .h3 a:before,
.menu li:hover .h3 a:before{ display:none;}

.menu .box{ background:#0071c1;}

.pBody{ padding-top:60px;}
.pBody .menu .h3 a,
.body_fix .menu .h3 a{ color:#fff;}
.body_fix .menu .curr .h3 a{ color:#fff;}

.snav{ position:static; background:#003a93; display:none;}
.snav .wpd{ width:auto; padding:0px;}
.snavCon{ display:none;}
.snavTab{ position:static; width:auto; background:none; padding:10px 0px;}
.snavTab a{ text-align:center; line-height:32px; height:32px; padding:0px; font-size:14px;}
.snavTab a.active{ background:none; color:#fff;}

.subNav{ left:0px; bottom:0px; top:auto; width:auto; background:#fff;}
.subNav li{ width:20%; float:left; margin-bottom:0px; display:block !important; position:relative;}
.subNav .h3{ border-right:1px solid rgba(0,0,0,0.3); box-sizing:border-box;}
.subNav .h3 a{ padding:0px; height:40px; line-height:40px;}
.subNav .h3 i{ display:block; height:40px; line-height:40px;}
.subNav .h3 span{ display:none;}
.subNav li:last-child .h3{ border-right:none;}
.subNav li.li1 .box{ top:auto; bottom:100%; left:0px; right:auto; width:260px; padding:0px;}
.subNav li.li1 .pd{ box-shadow:none; margin-right:-10px;}
.subNav li.li1 .li{ width:50%; float:left; box-sizing:border-box; padding-right:10px; margin-bottom:0px;}
.subNav li.li3 .box{ top:auto; bottom:100%; left:50%; margin-left:-130px; right:auto; width:260px; padding:0px;}
.subNav li.li3 .pd{ box-shadow:none;}
.backTop,
.body_fix .back_top{ display:none;}

.iBanner .img img{ height:600px;}
.iBanner .text{ width:auto; margin:0px; left:30px; right:30px;}
.iBanner .h3{ font-size:24px;}
.iBanner .p{ font-size:16px;}
.iBanner .text1{ padding-bottom:20%;}
.iBanner .swiperDots{ width:auto; margin:0px; left:0px; text-align:center; bottom:0px;}
.iBanner .swiperDots span{ height:30px;}
.iBanner .swiperPrev{ left:30px;}
.iBanner .swiperNext{ right:30px;}


.pageNext{ right:30px;}
.bNumber{ width:560px;}
.bNumber strong{ font-size:28px;}
.bNumber .npd{ padding:0 0 15px 15px;}

.body_ready .bNumber .npd:before{ height:70px;}
.body_ready .bNumber .npd:after{ width:90px;}
.body_ready .bNumber li:nth-child(3) .npd:after{ width:160px;}

.iPro ul{ margin-right:-14px;}
.iPro .pd{ margin-right:14px;}
.iPro .li4{ padding-top:14px;}

.iCustomers{ height:auto;}
.iCustomers ul{ width:auto;}
.iCustomers .wpd{ width:auto;}
.iCustomers dt{ width:20%;}
.iCustomers .li2{ display:none;}

.iCase .pd{ padding:0px !important; margin:0px !important;}
.iCase .swiperDots{ left:0px; bottom:210px; right:0px; top:auto;}
.iCase .swiperDots span{ margin:0 5px;}
.iCase .swiperArrow{ display:none;}
.iCase .img img{ height:auto;}
.iCase .text{ position:static; width:auto; padding:30px; display:block;}
.iCase .h3{ font-size:18px; line-height:1;}
.iCase .p{ line-height:1.6; height:3.2em; margin-bottom:15px;}

.tit2{ padding:16px 0 15px 0;}

.iAboutFl{ width:60%;}
.iAboutFr{ width:40%; padding:0 30px;}
.iNews li{ padding:20px 0;}
.iNews .p{ margin-bottom:17px;}

.fNav{ float:none; margin-bottom:30px;}
.fNav dl{ width:20%; text-align:center;}
.fContact{ padding-left:0px;}

.iSolution .swiperDots{ display:block; bottom:0px;}
.iSolution .pd{ margin-bottom:30px;}

.swiperArrow{ width:36px; height:36px; margin-top:-18px; line-height:36px; font-size:18px;}
.swiperPrev{ left:5px;}
.swiperNext{ right:5px;}

.platform{ padding:50px 0;}

.msgBox{ position:absolute; left:0px; top:0px; right:0px; width:auto; height:auto; margin:0px;}
.msgBoxCon{ margin-right:-15px;}
.msgBoxCon dl{ padding-right:15px;}
.msgBg{ background:#fff;}

.cAdvantage{ margin:0px;}
}


@media screen and (max-width:960px){
.iBanner .img img{ height:auto;}
.pageNext{ display:none;}

.iPro ul{ margin-right:-15px;}
.iPro li{ width:50%; margin-bottom:15px;}
.iPro .pd{ margin-right:15px;}
.iPro .li1{ width:100%;}
.iPro .li4{ width:100%; padding-top:0px; margin-bottom:0px;}
.iPro .li5{ width:100%; padding-top:0px; }
.iPro .li6{ width:100%; padding-top:0px; }

.iAboutFl{ width:auto; float:none; padding-right:0px; margin-bottom:30px;}
.iAboutFr{ width:auto; float:none;}
.iNews .h3{ height:1.5em;}

.footer{ padding:20px 0;}
.fNav{ display:none;}
.footerTop{ text-align:center;}
.fContact{ width:340px; margin:0 auto 20px auto; float:none;}
.fContact .fcewm,.fContact .fctel{float:none; padding-left:0;}
.fContact .fctel{ padding-top:15px;}


.fEwm{ margin:0 auto; float:none; display:none;}
.share{ width:240px; margin:0 auto;}
.shareFl li{ margin-right:10px;}
.shareFl li:last-child{ margin-right:0px;}
.shareFr a{ padding: 0 25px; line-height:38px; height:38px; border-radius:22px;}
.footerBottom{ padding:0px;}

.tit1 strong{ font-size:21px;}
}
@media screen and (max-width:640px){
.iBanner .text{ bottom:50px;}
.iBanner .h3{ font-size:24px;}
.iBanner .em{ font-size:16px;}
.iBanner .p{ padding-top:15px;}


.bNumber{ width:360px; padding-top:30px;}
.bNumber li{}
.bNumber i{ font-size:24px;}
.bNumber strong{ font-size:24px; margin-bottom:3px;}
.bNumber .npd{ padding:0 0 8px 8px;}

.body_ready .bNumber .npd:before{ height:50px;}
.body_ready .bNumber .npd:after{ width:60px;}
.body_ready .bNumber li:nth-child(3) .npd:after{ width:100px;}

.footerBottom{ text-align:center;}
.footerBottom .p1{ float:none;}
.footerBottom .p2{ float:none;}
}
@media screen and (max-width:540px){
.wp,
.header .wp{ margin:0 25px;}

.logo,
.body_fix .logo{ margin-top:-16px;}
.logo img,
.body_fix .logo img{ height:32px;}

.subNav li.li1 .box,
.subNav li.li3 .box{ margin:0px; position:fixed; left:0px; right:0px; bottom:40px; width:100%; background:#fff;}
.subNav li.li1 .pd{ width:240px; box-shadow:none; margin:0 auto;}

.tSearch .box{ width:295px}


.swiperArrow{ width:32px; height:32px; margin-top:-16px; line-height:32px; font-size:16px;}
.swiperPrev{ left:5px;}
.swiperNext{ right:5px;}

.iBanner{ margin-top:60px;}
.iBanner .h3{ font-size:18px;}
.iBanner .em{ font-size:14px;}
.iBanner .p{ font-size:12px;}
.iBanner .swiperDots{}
.iBanner .text{ left:25px; right:25px;}
.iBanner .swiperArrow{ width:32px; height:32px; margin-top:-16px; line-height:32px; font-size:16px;}
.iBanner .swiperPrev{ left:10px;}
.iBanner .swiperNext{ right:10px;}
.iBanner .swiperDots span{ width:14px;}
.iBanner .swiperDots span.swiper-pagination-bullet-active{ width:28px;}
.iBanner .img img{ /*width:200%; margin-left:-50%;*/width:100%; margin-left:0;}
.iBanner .pd2 .img img{ margin-left:-85%;}
.iBanner .text2{ bottom:auto;}
.iBanner .text2 .h3{ text-align:center;}
.iBanner .text2 .p{ display:none;}
.iBanner .text3{ bottom:auto; top:15%; text-align:center;}
.iBanner .text3 .em{ margin-top:10px;}

.bList1{ display:none;}


.bNumber{ width:280px; padding-top:10px; margin:0 auto; padding-left:30px;}
.bNumber i{ font-size:20px;}
.bNumber li{ width:32%;}
.bNumber li:last-child{ width:36%;}
.bNumber strong{ font-size:20px}
.body_ready .bNumber li:nth-child(3) .npd:after{ width:80px;}



.iMain{ padding:40px 0;}

.tit1{ margin-bottom:20px}
.tit1 strong{ font-size:18px;}


.iSolution .pd{ padding:20px 50px;}
.iSolution .m{ margin-top:20px;}

.iPro ul{ margin:0px;}
.iPro li{ width:100%;}
.iPro .pd{ margin:0px; background:#000;}
.iPro .img img{ height:200px; opacity:0.9;}
.iPro .li4 .pd{ text-shadow:0 0 2px rgba(255,255,255,1);}
.iPro .li4 .img img{ background-position:right center;}
.iPro .text{ left:20px; top:20px;}
.more1_2{ line-height:28px;}
/*.iPro .text{ position:static; padding:20px 30px; background:#fff; color:#000; text-align:center;}
.iPro .m{ display:none;}
.iPro .p{ height:auto; margin-bottom:0px;}*/

.iCustomers dt{ width:25%;}

.iCase .pd{ background:#233050;}
.iCase .text{ padding:20px; text-align:center;}
.iCase .m{}
.iCase .p{ margin-bottom:0px; line-height:1.5; height:4.5em; margin-bottom:15px;}
.iCase .p br{ display:none;}
.iCase .h3{}
.iCase .swiperDots{ bottom:150px;}

.iAboutInfo{ padding:20px;}
.iAboutInfo .em{ text-align:center;}
.iAboutInfo .h3{ text-align:center;}
.iAboutInfo .p{ height:auto;}

.iAboutCon ul{ margin:0px;}
.iAboutCon li{ width:auto; margin-bottom:20px; float:none;}
.iAboutCon li:last-child{ margin-bottom:0px;}
.iAboutCon .pd{ margin:0px;}

.tit2{ position:relative;}
.tit2 a{ top:50%; margin-top:-16px;}

.iAboutFr{ padding:0 20px;}
.iNews .h3{ margin-bottom:5px;}
.iNews .p{ margin-bottom:10px;}

.iSolution .swiperArrow{ display:block;}
.iCase .swiper{ padding-bottom:0px; margin-bottom:60px;}
.iCase .swiperArrow{ display:block; top:50%; bottom:auto; width:32px; height:32px; line-height:32px; font-size:16px; color:#fff;}
.iCase .swiperPrev{ left:5px; margin:-16px 0 0 0 ;}
.iCase .swiperNext{ right:5px; margin:-16px 0 0 0 ;}
.iCase .swiperDots{ bottom:-20px;}

.iPro .text{ right:20px;}
.iPro .p{ line-height:1.5; height:4.5em; margin-bottom:5px;}

.iAboutInfo{ margin-bottom:10px;}
.iAboutCon2 dl{ margin-right:-10px;}
.iAboutCon2 .pd{ margin-right:10px;}
.iAboutCon2 .h3{ font-size:18px}
.more1_3{ padding:0 15px; line-height:28px; height:28px;}
.more1_3 span{ font-size:12px;}
.more1_3 i{ font-size:12px;}


}
@media screen and (max-width:413px){
.wp,
.header .wp{ margin:0 20px;}

.tSearch .i,
.tNav .i,
.tLanguage .box a{ width:32px;}
.tSearch{ right:64px;}
.tLanguage{ right:98px;}
.tSearch .box{ width:275px;}


.iBanner .text{ left:20px; right:20px;}
.iBanner .em{ font-size:13px;}
}
@media screen and (max-width:374px){
.wp,
.header .wp{ margin:0 15px;}

.tSearch .box{ width:226px;}

.logo,
.body_fix .logo{ margin-top:-16px;}
.logo img,
.body_fix .logo img{ height:32px;}

.iBanner .text{ left:15px; right:15px;}
.iBanner .em{ font-size:12px;}

.more1 span{ font-size:12px;}
.more1 i{ font-size:12px;}
}


@media screen and (max-width:1024px){
.pMain{ padding:40px 0;}
.proDown{ padding-top:40px;}

.pbanner .img{ background:#000;}
.pbanner .img img{ height:auto; opacity:0.8;}
.pbanner .text{ left:50%; top:30px; bottom:30px; width:60%; text-align:center; margin:0px; margin-left:-30%;}
.pbanner .i{ font-size:50px;}
.pbanner .h3{ font-size:18px;}
.pbanner .em{ font-size:16px;}
.pbanner .p{ font-size:14px;}
.pbannerAbout .img img{ height:auto;}
.pbannerAbout .text{ color:#fff;}
.aboutCon3_2 .text li{ margin-bottom:60px;}
.pbannerPro1_2 .text{ margin:0px; text-align:left; left:30px; width:300px;}
.pbannerPro1_2 .p{ width:auto; margin-left:0px;}
.pbannerSolution .text{ width:270px; margin-left:-135px;}

.honor1 li{ width:50%; margin-bottom:30px;}
.honor1 li:last-child .pd,
.honor1 li:nth-child(even) .pd{ border-right:none;}

.aNews_Fl{ float:none; width:auto;}
.aNews_Fr{ float:none; width:auto; padding:40px 30px 30px 30px;}
.aNewsM{ height:auto; margin-bottom:0px;}

.aboutCon3_2 .text .h3{ font-size:24px;}

.newsList .pd{ padding:0px;}
.newsList .img{ width:280px;}
.newsList .text{ margin-right:280px; padding:20px;}
.newsList .h3{ margin-bottom:5px;}
.newsList .em{ position:static; background:none; color:#999; width:auto; padding:0px; text-align:left; margin-bottom:10px;}
.newsList .em strong{ display:inline-block; font-size:14px;}
.newsList .em strong:after{ content:'-';}
.newsList .em em{ display:inline-block; font-size:14px; padding:0px;}
.newsList .p{ margin-bottom:15px;}

.proTab{ margin-bottom:20px;}
.proTab .pd i{ width:32px; height:32px; font-size:16px; line-height:32px;}
.proTab .pd span{ font-size:14px;}
.pro1_1Con .swiperArrow,
.pro1_2Con .swiperArrow{ font-size:24px; top:-40px; line-height:32px; width:32px; height:32px;}
.pro1_1Con .swiperPrev,
.pro1_2Con .swiperPrev{ left:10px;}
.pro1_1Con .swiperNext,
.pro1_2Con .swiperNext{ right:10px;}

.pro1_1Con .swiper,
.pro1_2Con .swiper{ background:#f5f5f5;}
.pro1_1Con .text,
.pro1_2Con .text{ position:static; background:#f5f5f5; margin:0px; width:auto; padding:30px; color:#333; position:relative; left:auto; right:auto;}
.pro1_1Con .h3,
.pro1_2Con .h3{ font-size:14px; margin-bottom:1em; font-weight:bold; color:#000;}
.pro1_1Con .p,
.pro1_2Con .p{ line-height:1.4; height:auto;}
.pro1_1Con .p p,
.pro1_2Con .p p{ margin-bottom:0.5em; padding-left:14px;}
.pro1_1Con .p p:before,
.pro1_2Con .p p:before{ top:7px; width:6px; height:6px;}

.proInfoNav li{ padding:0 5px;}
.proInfoNav a{ padding:0 20px; height:40px; line-height:40px; font-size:14px;}
.proInfoTop .img{ width:auto; float:none;}
.proInfoTop .text{ margin:0px; padding:30px;}
.proInfoTop .h3{ font-size:18px}
.proInfoTop .h3:before{ height:2px;}
.proInfo2 dd p{ width:auto !important; float:none !important; margin-left:0px !important;}
.proInfo2 dt{ height:40px; line-height:40px; padding:0 20px; border-radius:6px;}
.proInfo2 dt strong{ font-size:18px;}
.proInfo2 dl{ margin-bottom:20px;}
.proInfo2 .curr dt{ border-radius:6px 6px 0 0;}

.pro3_1 .h4{ font-size:18px; line-height:1.5;}

.platform{ padding:70px 0;}
.platform1_1{ padding:0px;}

.solution3Tit{ width:auto}

.solution8_1{ border-radius:0px; background:none;}
.solution8_1:before{ display:none;}
.solution8_1 .img{ top:0px; margin-top:0px; display:none;}
.solution8_1{ position:relative; width:auto; height:auto;}
.solution8_1 li{ position:static; display:block; margin:0px !important; width:auto; height:auto; left:auto; top:auto; margin-bottom:20px !important;}
.solution8_1 li:last-child{ margin-bottom:0px !important;}
.solution8_1 li:before{ display:none;}
.solution8_1 .wpd{ position:relative; left:auto !important; right:auto !important; top:auto !important; width:auto;}
.solution8_1 .pd{ padding:30px;}
.solution8_1 .h3{ font-size:16px;}

.case1_1 .tit6{ margin-bottom:30px;}
.cAdvantage .img{ display:none;}
.cAdvantage .dl{ width:auto; float:none; margin:0 0 30px 0; padding:20px; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.cAdvantage dl,
.cAdvantage .dl:nth-child(even) dl{ padding:0px;}
.cAdvantage .h3{ font-size:16px;}
.cAdvantage .dl:last-child{ margin-bottom:0px;}
.cAdvantage dt{ box-shadow:none;}

.cAdvantage6 .dl:nth-child(odd) dl,
.cAdvantage4 .dl:nth-child(odd) dl,
.cAdvantage5 .dl:nth-child(1) dl,
.cAdvantage5 .dl:nth-child(3) dl,
.cAdvantage5 .dl:nth-child(5) dl{ padding:0px;}
.cAdvantage5 .dl:nth-child(5) dt{ float:right; margin-bottom:0px;}
.cAdvantage5 .dl:nth-child(5) dd{ text-align:right; margin:0 80px 0 0; padding:8px 20px 0 0;}


.proCase .swiper-wrapper{ position:static; width:auto; height:auto; display:block;}
.proCase .swiper-slide:nth-child(even){ display:none;}
.proCaseList li,
.proCaseList li.curr{ width:50%;}
.proCaseList .img img{ height:auto;}
.proCaseList .text{ display:block;}

.pMenu{ padding:0px;}
.pMenu li{ margin:0 10px;}
.pMenu a{ font-size:14px;}
.pMenu a:before{ height:2px;}

.solution3Tit{ margin-bottom:20px;}
.solution3Con .swiperArrow{ display:block; top:-70px; margin-top:0px;}
.solution3Con .swiperNext{ right:-15px;}
.solution3Con .swiperPrev{ left:-15px;}

.table td{ min-width:4em;}
}
@media screen and (max-width:980px){


.pbannerSolution:before{ display:none;}

.newsFl{ width:auto; float:none;}
.newsFr{ width:auto; float:none;}

.joinList .li1{ width:70%;}
.joinList .li5{ width:30%;}
.joinList .li2,
.joinList .li3,
.joinList .li4{ display:none;}
.testList .text{ width:auto; float:none; padding:0px; margin-bottom:30px;}
.testList .text:last-child{ margin-bottom:0px;}
.joinListCon dd{ margin:0 15px;}

.contact{ background:none;}
.contactFl{ width:auto; float:none; padding:0px; margin-bottom:40px;}
.contactFr{ width:auto; float:none; padding:0px;}
.contactList dt{ margin-bottom:20px;}
.contactList dd{ margin-bottom:20px;}

.pro2_1_list li{ width:auto; float:none;}

.proInfo3_1 .img{ position:static; margin:0px auto 30px auto;}
.proInfo3_1 .dl{ width:auto; float:none; margin:0 0 20px 0;}
.proInfo3_1 dl,
.proInfo3_1 .dl:nth-child(even) dl{ width:auto; float:none;}
.proInfo3_1 .h3{ font-size:18px;}
.proInfo3_1 .p{ line-height:1.5; height:3em;}
.proInfo3_2{ padding:30px 20px;}
.proInfoM li{ float:none; margin:0 0 10px 0;}
.proInfoM li:last-child{ margin-bottom:0px;}
.proInfoM .pd{ font-size:14px;}
.table td{ padding:10px 5px;}
.proInfo2 dd{ padding:15px}
.proInfo2 dl:nth-child(2) dd{ padding:0px; border:none;}

.tit1 em{ width:auto; line-height:1.5;}
.proInfo3_1 .tit1 em{ color:#666;}

.proInfoNav{ margin-bottom:10px;}
.proInfoNav li{ margin-bottom:10px; padding:0px; margin-right:10px;}

.pro3_1 .h4{ font-size:16px;}
.pro3_1 .p{ font-size:14px;}
.projectTab ul{ margin:0 -5px;}
.projectTab li{ margin:0 2px;}
.projectTab a{ font-size:14px; height:40px; line-height:40px; padding:0 15px;}

.projectCon{ margin:0px;}
.projectCon .wp{ height:auto; padding:60px 0;}
.projectCon1 .img{ float:none; width:50%; margin:0 auto 30px auto;}
.projectCon1 .text{ padding:30px 0 0 0; margin:0px;}
.projectCon2, .projectCon3{ width:auto;}
.projectCon .li{ margin-bottom:30px;}
.projectCon .t{ margin-bottom:20px;}
.projectCon .h3:before{ height:2px;}
.projectContact .npd{}
.projectContact dl{ float:none; display:block; padding:0 0 0 58px; margin:0 0 20px 0; }
.projectContact dl:last-child{ margin-bottom:0px;}
.projectContact dt{ width:48px; height:48px; line-height:48px; margin-top:-26px; font-size:40px;}
.projectContact .h3{ font-size:14px; line-height:1; height:auto;}
.projectContact .em{ font-size:18px; line-height:1.5;}

.platform4_1 ul{ margin:0px;}
.platform4_1 li{ width:auto; float:none; margin-bottom:20px;}
.platform4_1 li:last-child{ margin-bottom:0px;}
.platform4_1 .pd{ margin:0px;}
.platform4_1 .text{ padding:30px;}
.platform4_1 .h3{ font-size:16px; margin-bottom:10px;}

.platform5_1{ margin-right:0px; margin-bottom:30px;}
.platform5_1 dl{ width:auto; margin-bottom:20px; float:none; padding-right:0px;}
.platform5_1 dl:nth-child(3){ width:auto;}
.ipt_s5_2{ width:100%; float:none;}
.ipt_s5{ width:100%; margin-bottom:10px;}
.ipt_b5{ margin-top:0px;}
.platform5_2 .t{ font-size:18px}

.tit6{ width:auto;}
.solution_b{ text-align:center;}
.solution_b_1{ display:inline-block; vertical-align:bottom;}
.solution_b_1 dl{ width:auto; position:relative; padding:10px 0; float:none;}
.solution_b_1 dt{ float:left; margin-bottom:0px; width:54px; height:54px; top:50%; position:absolute; margin-top:-27px; font-size:36px; line-height:54px;}
.solution_b_1 dd{ margin-left:54px; padding-left:10px;}
.solution_b_1 .h1{ text-align:left; line-height:1.5;}

.solution3Tit i{ display:block; float:none; margin:0 auto 10px auto;}
.solution3Tit .pd span{ float:none; line-height:1.2; height:2.4em; margin:0px;}
.solution3Con .text{ padding:0px;}
.solution3Con .img{ float:none; margin:0 auto 20px auto; width:70%;}
.solution3Con .text{ margin:0px; text-align:center;}
.solution3Con .h3{}
.solution3Con .p{ min-height:inherit; line-height:1.5;}

.solution1_1 dl{ border-radius:1em 0 1em 0;}
.solution1_1 .dl{ width:auto; float:none; margin-bottom:20px;}
.solution1_1 .dl:last-child{ margin-bottom:0px;}
.solution1_1 .p{ height:auto;}
.solution1_1 dt{ float:left; width:54px; height:54px; line-height:54px; font-size:24px;}
.solution1_1 dd{ margin-left:54px; padding-left:15px; text-align:left;}
.solution1_1 .h3{ text-align:left; margin-bottom:10px; font-size:16px;}

.tit6{ margin-bottom:30px;}
.tit6 strong{ font-size:18px;}

.cSolutionTit{ margin-bottom:30px;}
.solution3Tit .pd{ padding:0px;}
.cSolutionTit a{ height:40px; line-height:40px; min-width:inherit; padding:0 20px; font-size:14px;}
.solution3Tit i{ box-shadow:none;}
.solution3Tit .pd span{ font-size:12px;}
.solution_10_1 li{ width:25%;}

.tit4 strong{ font-size:14px; width:auto;}

.solution_b{ background:#fff;}
.solution6_1{ width:auto; height:auto; margin:0px; text-align:center;}
.solution6_1:after{ display:none;}
.solution6_1:before{ display:none;}
.solution6_1 .img{ width:auto; height:auto; position: static; margin:0 0 30px 0; line-height:1;}
.solution6_1 .img strong{color:#000; font-size:21px;}
.solution6_1 .img:after{ display:none;}
.solution6_1 .img:before{ display:none;}
.solution6_1 li{ position:relative; left:auto !important; bottom:auto !important; right:auto !important; width:auto; height:auto; background:none; margin-bottom:20px;}
.solution6_1 li:before{ left:5px; top:10px;}
.solution6_1 li:after{ left:5px; top:10px;}
.solution6_1 .text{ display:inline-block; vertical-align:bottom;}
.solution6_1 .text .pd{ position:static; margin:0px !important; width:auto !important; text-align:left !important; padding-left:20px; font-size:14px;}

.solution7_1 .h3{ width:180px; font-size:16px;}
.solution7_1 .text{ margin:0 200px 0 170px; padding:20px;}

.proCaseList ul{ margin-right:0px;}
.proCaseList li, .proCaseList li.curr{ width:auto; float:none; margin-bottom:10px;}
.proCaseList .pd{ margin-right:0px;}
.proCaseList .text{ padding:10px;}
.proCaseList .h3{ font-size:14px;}
.proCaseList .p{ font-size:12px;}

.serviceFl{ width:auto; float:none; margin-bottom:30px;}
.serviceFr{ float:none; width:auto; padding:0px;}

.downCon .li{ width:30%;}
.downCon .li2,
.downCon .li3{ display:none;}
.downCon .li1{ width:70%;}

.downSearch .pd{ width:auto;}
.downNav dd a{ margin-bottom:3px; margin-right:3px; background:#f5f5f5;}
.ipt_t3{ font-size:14px;}

.feedbackCon{ padding:30px;}
.feedbackCon .pd{ margin:0px;}
.feedbackCon dl{ width:auto; float:none; padding-right:0px;}
.ipt_b4{ width:160px; height:44px; font-size:16px;}

.solution3Con .swiperArrow{ top:-90px;}

.crumbs{ display:none;}

.table td{ min-width:2em;}
}

@media screen and (max-width:540px){
body{ line-height:1.5;}
.wp{ margin:0 25px;}

.iMain{ padding:40px 0;}
.pMain{ padding:40px 0;}
.proDown{ padding-top:40px;}
.platform{ padding:40px 0;}

.pbanner .img{ background:#000;}
.pbanner .img img{ height:240px; opacity:0.8;}
.pbanner .text{ text-align:center; bottom:30px; left:30px; right:30px; width:auto; margin:0px;}
.pbanner .i{ font-size:32px;}
.pbanner .p{ line-height:1.5;}
.pbannerPro1 .i{ font-size:56px;}
.pbannerPro1_2 .img img{ height:340px}
.pbannerPro1_2 .text{ bottom:auto; color:#fff; text-align:left;}
.pbannerPro1_2 .i{}
.pbannerPro1_2 .p{ text-align:left; font-size:12px;}
.pbannerPro3 .img img{ height:400px; background-position:left bottom;}
.pbannerSolution .p{ padding:0 15%;}
.pbannerSolution:before{ display:none;}

.pbannerAbout .img img{ height:400px;}
.pbannerAbout .text{ bottom:60px;}

.aboutCon3_1 .pd{ padding:0px;}
.aboutCon3_2 .img{ margin-bottom:30px;}
.aboutCon3_2 .text{ }
.aboutCon3_2 .text li{ margin-bottom:20px;}
.aboutCon3_2 .text .h3{ font-size:18px;}
.aboutCon3_2 .text .em{}
.aboutCon3_3{ text-align:center;}

.honor .em{}

.honor1 li{ width:auto; float:none; margin-bottom:0px; border-bottom:1px solid #ccc; margin:0 30px; padding:20px 0;}
.honor1 .em{ margin-bottom:10px; font-size:18px}
.honor1 .pd{ padding:0px; border-right:none;}
.honor1 .swiper{ border-left:none;}
.aNews_Fr{ padding:30px 20px 20px 20px;}
.aNewsList{ margin-bottom:30px;}
.aNewsList li{ margin-bottom:15px;}
.aNewsList .em{ width:72px; height:64px;}
.aNewsList .pd{ padding-left:82px;}
.aNewsList .p{ line-height:1.5; height:3em;}
.aNewsM{ position:static; text-align:center; padding-bottom:30px;}
.aNewsM a{ display:inline-block; border-radius:3px;}
.aNewsM a span{ display:block;}

.newsList .img{ width:auto; float:none;}
.newsList .text{ margin-right:0px;}
.newsList .h3{ font-size:16px;}
.newsList .p{ line-height:1.5; height:3em; overflow:hidden;}

.paging a, .paging span{ height:24px; line-height:24px; padding:0 0.6em; margin:0 2px;}

.proTab{ margin:0 10px 20px 10px;}
.proTab .pd span{ width:4em; margin:0 auto; display:block; height:2.4em;}

.pro1_1Con .swiperArrow,
.pro1_2Con .swiperArrow{top:-55px; font-size:16px;}
.pro1_1Con .swiperPrev,
.pro1_2Con .swiperPrev{ left:0px;}
.pro1_1Con .swiperNext,
.pro1_2Con .swiperNext{ right:0px;}

.proDown li{ margin:0 5px;}
.proDown .h3{ height:44px; line-height:44px; width:auto; padding:0 20px;}
.proDown .h3 i{ font-size:20px}
.proDown .h3 span{ font-size:14px;}
.proDown .box{ padding:5px; border-radius:5px 5px 0 0 ;}
.proDown .box span{ font-size:12px;}

.pro2_1_list .pd{ padding:20px;}
.pro2_1_list .img{ float:none; width:70%; margin:0 auto 20px auto; padding:0px;}
.pro2_1_list .text{ margin:0px; padding:0px; text-align:center;}
.pro2_1_list .p{ height:auto;}
.pro2_2_list .img{ width:70%; margin:0 auto 20px auto;}

.projectCon .wp{ padding:40px 0;}
.projectContact .h3{ margin-bottom:5px;}
.projectContact .p{ line-height:1.5;}
.projectContact .p a{ display:block; font-size:12px;}

.platform{ padding:50px 0;}
.platform1_1 img{ width:80%;}
.platform2_1 li{ padding:0 10px;}
.platform2_1 .pd{ width:84px; height:84px; box-shadow:0 0 0 6px rgba(255,255,255,0.2); font-size:14px;}

.platform3_1{ margin:0px; padding-bottom:30px;}
.platform3_1 dl{ width:auto; padding:0px; margin-bottom:15px; float:none;}

.tit4{ margin-bottom:20px;}

.solution7_1 .pd{ padding:0px;}
.solution7_1 .img{ width:auto; float:none;}
.solution7_1 .text{ margin:0px; padding:20px;}
.solution7_1 .h3{ position:static; color:#0071c1; background:none; width:auto; margin-bottom:10px;}
.solution7_1 .h3 br{ display:none;}

.pMenu .wp{ margin:0px;}
.pMenu a{ height:44px; line-height:44px;}
.pMenu li{ margin:0 5px;}

.downConTit{ padding:12px 0;}
.downCon .li{ padding:0 10px;}
.downConCon .li{ padding:8px 10px;}
.downCon .h3{ height:40px; overflow:hidden;}
.downNav dl{ padding:0px;}
.downNav dt{ position:static; font-weight:bold; font-size:16px;}
.ipt_t3{ height:44px; padding:0 20px;}
.ipt_b3{ height:44px; width:60px;}

.feedbackCon{ padding:20px;}

.questionList dl{ border-radius:5px;}
.questionList dt{ padding:10px 15px; border-radius:5px 5px 0 0;}
.questionList dd{ padding:15px;}

.solution3Tit{ margin-bottom:10px;}
.solution3Con .swiperArrow{ top:-75px;}

.platform4_1 .text{ padding:40px 20px;}

.projectTab{ margin-bottom:20px;}
.iCase .p{ height:6em;}
.iCase .swiper{ margin-bottom:20px;}
.iPro .img img{ height:180px;}
.iAboutCon2 dl{ margin-right:0px;}
.iAboutCon2 dd{ width:auto; float:none;}
.iAboutCon2 .dd1{ margin-bottom:10px;}
.iAboutCon2 .pd{ margin-right:0px;}
.iAboutCon2 .text{ padding:30px 20px;}

.honor1 li{ margin:0px;}

.aNewsM a{ padding:0 20px;}
.joinListTit{ padding:15px 0;}
.joinList .li{ padding:0 15px;}
.joinListCon dt{ padding:12px 0;}
.joinListCon dt i{ margin-right:0px;}

.contactFl{ padding-bottom:30px; border-bottom:1px solid #ccc;}

.proInfoNav li{ margin-bottom:5px; margin-right:5px;}
.proInfoNav a{ height:36px; line-height:36px;}
.proInfoTop .text{ padding:20px;}
.proInfoThumbs{ margin:0 -5px;}

.proInfo3_1 .img{ width:70%;}

.ipt_t5{ font-size:14px;}
.ipt_s5{ font-size:14px;}

.platform5_2 .t{ font-size:16px;}
.solution3Con .h3{ font-size:16px;}

.iSolution .swiperPrev{ left:0px;}
.iSolution .swiperNext{ right:0px;}

.tit5 strong{ font-size:21px;}

.solution6_1 li:before{ width:6px; height:6px; margin:-3px 0 0 -3px;}
.solution6_1 li:after{ width:10px; height:10px; margin:-5px 0 0 -5px;}
.solution6_1 .text .pd{ padding-left:16px;}

.solution_10_1{ height:auto !important;}
.kehuM{ display:none;}

.pro1_1Con .img,
.pro1_2Con .img{ background:#000;}
.pro1_1Con .img img,
.pro1_2Con .img img{ opacity:0.8;}

.pro1_1Con .h3,
.pro1_2Con .h3{ width:200px; left:50%; margin-left:-100px; color:#fff; top:-100px; font-size:14px; position:absolute; text-align:center;}
.pro1_1Con .h3{ top:-80px;}
.pro1_2Con .h3{ left:30px; margin:0px; text-align:left;}

.msgBoxCon .p label{ margin-right:15px;}
.msgBoxCon .p span{ font-size:14px;}
.ipt_b7{ font-size:16px; height:44px; width:180px;}

.pbannerService .img img{ width:150%; margin-left:-28%; background-position:right center;}

.honor .swiperPrev, .honor1 .swiperPrev{ left:0px;}
.honor .swiperNext, .honor1 .swiperNext{ right:0px;}


.pbanner .text{ text-align:center !important; width:100% !important;}
.proInfoNav{ display:none !important;}
.pbannerSolution .p{ padding:0px !important;}
.proInfo2 dd img{ float:none !important; width:100% !important; height:auto !important;}
.table table{ width:100%;}

.pro2_1_list ul{ margin:0px;}
.pro2_1_list .pd{ margin-right:0px;}

.pro2_2_list{ margin:0px;}
.pro2_2_list .pd{ margin:0px;}
.pro2_2_list .swiperPrev{ left:0px;}
.pro2_2_list .swiperNext{ right:0px;}


.iCase .swiper-slide-duplicate .t,
.iCase .swiper-slide-duplicate .m,
.iSolution .swiper-slide-duplicate .pic,
.iSolution .swiper-slide-duplicate .h3,
.iSolution .swiper-slide-duplicate .p,
.iSolution .swiper-slide-duplicate .m{transform: translate(0,0); opacity:1;}
}
@media screen and (max-width:413px){
body{ font-size:12px;}
.wp{ margin:0 20px;}
.iMain{ padding:30px 0;}
.pMain{ padding:30px 0;}
.proDown{ padding-top:30px;}
.platform{ padding:30px 0;}

.iBanner .h3{ font-size:16px;}
.bNumber strong{ font-size:16px;}
.bNumber strong span{ font-size:18px;}

.iSolution .h3{ font-size:16px;}
.iSolution .p{ font-size:12px; line-height:1.5; height:4.5em;}
.iPro .h3{ font-size:16px; margin-bottom:5px;}
.iPro .p{ font-size:12px;}
.more1_2{ line-height:28px; padding:0 15px;}
.iCase .h3{ font-size:16px; margin-bottom:5px;}
.iCase .p{ font-size:12px;}
.iAboutInfo .h3{ font-size:16px;}
.iAboutInfo .p{ font-size:12px;}
.iPro .img img{ height:160px;}
.iPro .h3{ font-size:16px;}
.iPro .p{ font-size:12px;}
.iNews .h3{ font-size:14px;}
.iNews .p{ font-size:12px;}

.projectTab .wp{ margin:0px;}
.projectTab li{ margin:0 1px;}
.projectTab a{ padding:0 10px;}
.projectCon li{ font-size:12px;}
.projectCon1 .text{ padding-top:20px;}

.pbanner .text{ left:20px; right:20px;}
.pbanner .h3{ font-size:16px;}
.pbanner .em{ font-size:14px;}
.pbanner .p{ font-size:12px;}
.pbannerAbout .img img{ height:320px;}
.pbannerPro3 .img img{ height:320px;}
.pbannerService .img img{ margin-left:-20%;}

.aboutCon3_1 .pd .p{ font-size:12px;}
.aboutCon3_2 .text .em{ font-size:12px;}
.aboutCon3_3{ font-size:12px;}

.honor .em{}

.honor1 .em{ font-size:16px;}
.aNews_Fl .text{ padding:15px;}
.aNews_Fl .h3{ font-size:14px;}
.aNews_Fl .p{ font-size:12px;}
.aNews_Fr{ padding:25px 15px 15px 15px;}
.aNewsList .em{ height:58px;}
.aNewsList .em strong{ font-size:18px;}
.aNewsList .h3{ font-size:14px;}
.aNewsList .p{ font-size:12px;}

.proTab .pd span{ font-size:12px;}
.pro1_1Con .h3, .pro1_2Con .h3{ font-size:14px;}
.pro1_1Con .h3, .pro1_2Con .h3{ font-weight:bold;}
.pro1_1Con .p p, .pro1_2Con .p p{ font-size:12px;}

.pro2_1_list .h3{ font-size:14px;}
.pro2_1_list .p{ font-size:12px; line-height:1.5;}
.pro2_2_list .h3{ font-size:14px;}
.more2{ font-size:12px;}
.more2 i{ font-size:14px;}

.proInfoTop .img{ padding:15px;}
.proInfoTop .text{ font-size:12px; padding:15px;}
.proInfoTop .h3{ font-size:16px;}
.proInfo2 dt strong{ font-size:16px;}
.list1 li{ font-size:12px; margin-bottom:10px; padding-left:10px;}
.list1 li:before{ width:5px; height:5px; top:7px;}

.proInfo3_1 dt{ width:54px; height:54px; line-height:54px; font-size:28px;}
.proInfo3_1 dd{ margin-left:54px; padding-left:15px;}
.proInfo3_1 .h3{ font-size:16px;}
.proInfo3_1 .p{ font-size:12px;}
.proInfo3_2{ padding:20px 15px;}



.crumbs{ padding:15px 0;}
.pro3_1 .h4{ font-size:14px;}
.pro3_1 .p{ font-size:12px;}
.projectCon1 .text,
.projectCon2 .text{ line-height:1.5;}
.projectCon .h3{ font-size:14px;}

.platform2_1 .pd{ font-size:12px;}
.platform3_1 dt{ line-height:1.5;}
.platform4_1 .h3{ font-size:14px;}
.platform4_1 .p{ font-size:12px;}
.platform5_1 dt{ font-size:14px;}

.tit7{ margin-bottom:20px;}
.tit6 em{ font-size:12px; line-height:1.5; margin:0 -1em;}
.solution_b_1 .h1{ font-size:14px;}
.solution3Con .h3{ font-size:16px;}
.solution3Con .p{ font-size:12px;}

.solution1_1 .h3{ font-size:14px;}
.solution1_1 .p{ font-size:12px;}

.solution8_1 .pd{ padding:20px;}
.solution8_1 .h3{ font-size:14px; margin-bottom:10px;}
.solution8_1 .p{ font-size:12px;}

.tit4 strong{ font-size:12px;}

.cAdvantage .h3{ font-size:14px;}
.cAdvantage .p{ font-size:12px;}
.cAdvantage dt{ width:68px; height:68px; line-height:68px;}
.cAdvantage dd{ margin:0 68px 0 0; padding:5px 15px 0 0;}
.cAdvantage .dl:nth-child(even) dd{ padding:5px 0 0 15px; margin:0 0 0 68px;}

.cSolutionTit li{ margin:0 5px;}

.serviceFr .h3{ font-size:14px;}
.serviceFr .p{ font-size:12px;}

.questionList{ font-size:12px;}

.more1_4{ line-height:32px;}

.newsList .text{ padding:15px;}
.newsList .h3{ font-size:14px;}

.newsTit h1{ font-size:18px;}
.newsCon{ font-size:12px;}

.tit5{ margin-bottom:20px;}
.tit5 strong{ font-size:18px;}

.testList .p{ font-size:12px; line-height:1.5;}

.pro1_1Con .text, .pro1_2Con .text{ padding:20px;}

.pro1_1Con .em{ line-height:1.5;}
.platform3_1{ padding-bottom:0px;}


.solution7_1 .h3{ font-size:14px; margin-bottom:5px;}
.solution7_1 .p{ font-size:12px;}

.feedbackCon{ padding:20px 15px;}

.pro1_1Con .h3{ top:-75px;}
.pro1_2Con .h3{ top:-85px;}
}
@media screen and (max-width:374px){
.wp{ margin:0 15px;}
.pbanner .text{ left:15px; right:15px;}
.pbannerService .img img{ height:204px;}

.projectTab a{ font-size:12px;}

.newsTit h1{ font-size:16px;}

.proDown li{ margin:0 2px;}
.proDown .h3{ line-height:40px; height:40px; padding:0 15px;}
.proDown .h3 i{ margin-right:6px;}

.pro1_1Con .text, .pro1_2Con .text{ padding:15px;}

.platform2_1 .pd{ width:76px; height:76px;}


.tit1 strong{ font-size:16px;}
.tit1 em{ font-size:12px;}

.platform4_1 .text{ padding:30px 20px;}

.cSolutionTit li{ margin:0 2px;}
.cSolutionTit a{ font-size:12px;}

.pMenu a{ line-height:40px; height:40px; font-size:12px;}
.downNav dd a{ font-size:12px;}

.questionTit{ font-size:14px;}
.questionList dt{ padding:8px 10px;}

.pro1_1Con .h3{ top:-65px;}
.pro1_2Con .h3{ top:-75px;}
}



.crumbs{ height:24px; line-height:24px; padding:15px 0; background:#f9f9f9;}
.crumbs a{ color:#666;}
.crumbs a:hover{ text-decoration:underline;}
.crumbs em{ color:#666; margin:0 3px;}
.crumbs span{ color:#000;}

.search_tit{ font-size:18px; height:20px; line-height:20px; color:#25211e; border-left:2px solid #043785; padding-left:14px; margin-bottom:24px;}
.search_list{ background:#fff; padding:50px 0 80px 0; min-height:50vh;}
.search_list ul{ border-top:1px dashed #ccc; width:70%;}
.search_list li{ padding:15px 0; border-bottom:1px dashed #ccc;}
.search_list .pd{}
.search_list .h3{ font-size:18px;}
.search_list .h3 em{ color:#043785; margin-right:10px;}
.search_list .em{ font-size:14px; color:#ccc;}
.search_list .p{ font-size:14px; color:#666;}

.proInfo4{ background:#f5f5f5;}
.proInfo5{ background:#fff;}
@media screen and (max-width:1440px){
.search_list ul{ width:auto;}
.search_list .h3{ font-size:14px;}
.search_list .p{ font-size:12px;}
}

.snav li:nth-child(2) .snavCon dl:nth-child(1) .l a:last-child,
.snav li:last-child .snavTab a:last-child{ display:nonex;}
.menu li:nth-child(3) dl:nth-child(1) dd a:last-child,
.menu li:nth-child(6) dl:nth-child(5){ display:none;}

.aboutCon3_4{ padding:60px 0 0 0; text-align:center;}
.aboutCon3_4 .pd{ display:inline-block; vertical-align:bottom; text-align:left;}
.aboutCon3_4 .img{ float:left; margin-right:30px;}
.aboutCon3_4 .img img{ height:70px; width:auto; display:inline-block; vertical-align:baseline;}
.aboutCon3_4 .text{ padding:5px 0 0 0; overflow:hidden; line-height:1;}
.aboutCon3_4 .h3{ font-size:28px; color:#ffa214; font-weight:bold; margin-bottom:10px;}
.aboutCon3_4 .p{ font-size:18px;}
@media screen and (max-width:640px){
.aboutCon3_4{ padding-top:30px;}
.aboutCon3_4 .img{ float:none; margin:0 auto;}
.aboutCon3_4 .text{ text-align:center;}
.aboutCon3_4 .h3{ font-size:23px;}
.aboutCon3_4 .p{ font-size:14px;}
}

.fEwm,
.subNav li.li1{ visibility:hidden;}

.yqlj{clear:both; padding-top:18px;}
.yqlj a{ margin-right:10px;}

/*.pBody{ padding-top:0px;}*/