/**全局属性**/
@font-face { font-family: Montserrat; src: url(/css/font/montserrat.woff2);}
@charset "UTF-8";*,::after,::before{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{ font-size:100px;font-family:Montserrat, "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}
body{margin:0;font-size:14px;line-height:1.5;font-family:Montserrat, "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;}
blockquote,button,dd,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,input,legend,ol,p,pre,td,textarea,th,ul,xmp{margin:0;padding:0}
button,code,input,kbd,pre,samp,select,textarea,tt,xmp{line-height:inherit;font-family:inherit}
big,button,h1,h2,h3,h4,h5,h6,input,select,small,textarea{font-size:inherit}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;text-align:left}
menu,ol,ul{list-style:none}
fieldset,img{border:0;vertical-align:middle}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
blockquote:after,blockquote:before,q:after,q:before{content:"\0020"}
pre,textarea,xmp{overflow:auto;-webkit-overflow-scrolling:touch}
textarea{resize:vertical}
button,input,select a,textarea{outline:0 none}
button,input,select,textarea{color:inherit}
button:disabled,input:disabled,select:disabled,textarea:disabled{opacity:1;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
input[type=button],input[type=file]::-webkit-file-upload-button,input[type=reset],input[type=search]::-webkit-search-cancel-button,input[type=submit]{-webkit-appearance:none;appearance:none}mark{background-color:transparent}
a,del,ins,s,u{text-decoration:none}
a,img{-webkit-touch-callout:none}
a{color:#414141}
.g-clear::after{display:block;overflow:hidden;clear:both;height:0;content:"\0020"}
html,body{height:100%;-webkit-overflow-scrolling: touch;}
a {-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
/**清除浮动**/
.clear{clear:both;font-size:0;line-height:0;height:0; vertical-align:middle;}




/**------------------首页----------------------**/
.head { position: fixed; z-index:99999; top:0; left:0; width:100%;  background-color: rgba(0,0,0,.2);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; height:.44rem;}
.head.on { position: fixed; z-index:99999; top:0; left:0; width:100%;  background-color: rgba(0,0,0,.8);}
.logo { display:inline-block; vertical-align:middle;  font-size:12px; font-weight:bold; color:#fff; margin-left:20px; position:relative; top:.12rem;}
.logo img { height:.22rem; width:auto; }
.head_right { float:right; display:inline; text-align:right; position:relative;}
.head_right span {display:inline-block; vertical-align:middle; margin-right:0; overflow:hidden; line-height:.44rem; color:#fff; font-size:.16rem; background-image:url(/images/icon01.png); background-position:left; background-size:.2rem .2rem; padding:0 0 0 .24rem; background-repeat:no-repeat; margin-right:.2rem}
.head_right a {  display:none;}
.nav { display:inline-block; vertical-align:middle; margin-left:.4rem; display:none;}


.logo_box {flex:3; margin-right:20px;}
.logo_box h3 { font-size:15px; color:#293040; line-height:30px; display:block;}
.case {flex:1;}
.list03 { overflow:hidden; height:400px;}
.list03 li { float:left; width:20%; display:inline; text-align:center; font-size:12px; font-weight:normal; line-height:30px; margin:8px 0 0 0;}
.list03 li a { color:#717787; vertical-align:top;}
.list03 li a img { display:block; border:1px solid #eeeeee; margin:0 auto; width:auto; width:80%;}
.list03 li a:hover {color:#ff7800;}
.case h3 { font-size:15px; color:#293040; line-height:30px; display:block;}
.list04 { overflow:hidden; height:400px;}
.list04 li { font-size:12px; line-height:24px; color:#717787; padding:8px 0; overflow:hidden; border-bottom:1px solid #eeeeee;}
.list04 li a { display:block; font-size:12px; font-weight:bold; color:#293040;}
.list04 li a:hover {color:#ff7800;}

.menu { display:block;overflow:hidden; font-size:12px; font-weight:bold; padding:.16rem 0 0 0;  color:#fff;background-clip: padding-box; height:.44rem;background-color: #ff7800; width:.44rem; float:right;}
.menu img { width:.24rem; display:block; margin:0 auto;}

h2.tit { font-size:.24rem; font-weight:bold; color:#293040; text-align:center;line-height:24px;}
h2.tit p { font-size:.12rem; font-weight:normal; color:#717787; line-height:.22rem; margin-top:20px;}
h2.tit2 { font-size:.18rem; font-weight:bold; color:#293040; text-align:center;line-height: .24rem;}
h2.tit2 p { font-size:.12rem; font-weight:normal; color:#717787; line-height:.22rem; margin-top:10px;}
h2.tit3 { font-size:.18rem; font-weight:bold; color:#293040; text-align:center;line-height: .24rem;}
h2.tit3 p { font-size:.12rem; font-weight:normal; color:#717787; line-height:.22rem; margin-top:10px;}

.parta { overflow:hidden; padding:5vh 2vh;}
.pa_info { margin-top:20px;}
.pa_info ul { display:flex; flex-direction:column;}
.pa_info ul li {flex:1; overflow:hidden; border:5px solid #fff;box-sizing:border-box;}
.pa_info ul li a { display:block; position:relative; }
.pa_info ul li a .img_box { overflow:hidden; aspect-ratio: 16/9; background-repeat:no-repeat; background-position:top center; background-size:cover;}
.pa_info ul li a h3 { padding:0 20px; position:absolute; left:0; bottom:.05rem; font-size:.14rem; font-weight:bold; color:#fff;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; padding-top: 20px; background-color: rgba(0, 0, 0, 0.7); width: 100%;}
.pa_info ul li a h3 p { font-size:12px; font-weight:normal; color:#fff; line-height:20px; margin-top:10px; margin-bottom:20px;display:block; overflow:hidden;}
.pa_info ul li a h3 b img { display:inline-block; vertical-align:middle; margin-right:6px;-moz-opacity:0;filter:alpha(opacity=0); position:relative; left:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; width:.18rem; }
.pa_info ul li a h3 b {position:relative; left:0;}

.pa_info2 { overflow:hidden;}
.pa_info2 ul { display:flex;flex-direction:column;}
.pa_info2 ul li {flex:1; overflow:hidden; border:5px solid #fff;box-sizing:border-box;}
.pa_info2 ul li a { display:block; position:relative; }
.pa_info2 ul li a .img_box { overflow:hidden; height:50vh; background-repeat:no-repeat; background-position:top center; background-size:cover;}
.pa_info2 ul li a h3 { padding:0 20px; position:absolute; left:0; bottom:.05rem; font-size:.14rem; font-weight:bold; color:#fff;}
.pa_info2 ul li a h3 p { font-size:.12rem; font-weight:normal; color:#a1a6b3; line-height:20px; margin-top:10px; display:block; height:100px; overflow:hidden;}
.pa_info2 ul li a h3 b img { width:.18rem; display:inline-block; vertical-align:middle; margin-right:10px;-moz-opacity:0;filter:alpha(opacity=0); position:relative; left:0;}
.pa_info2 ul li a h3 b {position:relative; left:0;display:block; text-align:left;}


.partb { padding:5vh 2vh; background-color:#f5f5f9;}
.pb_info { margin-top:20px; display:flex;flex-wrap: wrap;}
.pb_info dl { width:50%;float:left; display:inline; border:5px solid #f5f5f9; box-sizing:border-box; position:relative; top:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.pb_info dl a {display:flex;padding:.2rem .2rem;align-items:center; background:#fff;flex-direction:column; height: 100%;}
.pb_info dl a dt { display:block;}
.pb_info dl a dt img { width:.5rem; display:block; margin:0 auto; }
.pb_info dl a dd {flex:1;}
.pb_info dl a dd b { font-size:.14rem; line-height:20px; color:#293040; display:block; height:40px; overflow:hidden; text-align:center; margin-top:20px;}
.pb_info dl a dd p { font-size:.12rem; font-weight:normal; color:#717787; line-height:.22rem; margin-top:10px;}


.partc { padding:5vh 2vh; }
.partc .pc_main {  margin-top:20px;}
.partc .pc_main ul { display:flex;flex-wrap: wrap; position:relative; background-color: #fff;}
.partc .pc_main ul li { width:50%;float:left; display:inline; box-sizing:border-box; background-color:#fff; position:relative; overflow:hidden;}
.partc .pc_main ul li .img_box { overflow:hidden; background-repeat:no-repeat; background-position:top center; background-size:cover; width:100%; aspect-ratio: 16/9;}
.partc .pc_main ul li p { position:absolute; left:0; bottom:0; width:100%; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .5) 100%); font-size:.12rem; font-weight:normal; text-align:center; line-height:40px; color:#fff; z-index:1; display:block; height:40px;}
.partc .pc_main ul li b a { position:absolute; z-index:2; width:100%; top:0; left:0; right:0; bottom:0; background-color: rgba(255,120,0,0.9); font-size:12px; display:block; text-align:center; color:#fff; padding:60px 20px 0 20px; opacity:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s; cursor: default;}
.partc .pc_main ul li b a span { font-size:12px; display:block; font-weight:normal; margin-top:10px;}

.partd { padding:5vh 2vh;  background-color:#f5f5f9;}
.pd_main { display:block;margin-top:20px;}
.pd_main dl { width:100%;float:left; display:inline; border:5px solid #f5f5f9; border-left:none; border-right:none; box-sizing:border-box; background-color:#fff; padding:0 15px 0 15px; position:relative; overflow:hidden;}
.pd_main dl dt { padding:.16rem 0; display:block; border-bottom:1px solid #eeeeee;}
.pd_main dl dt b {font-size:.14rem; color:#293040; display:block; margin-bottom:5px;white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.pd_main dl dt p { font-size:.12rem; font-weight:normal; line-height:.24rem; height:.48rem; display:block; overflow:hidden; margin-bottom:5px; color:#717787;}
.pd_main dl dt font { display:inline-block; vertical-align:middle; padding:0 5px; background-color:#fff6e5; font-size:.12rem; color:#293040; margin-right:5px; margin-top:5px; line-height:.32rem; font-weight:normal;}
.pd_main dl dd { display:block;}
.pd_main dl dd img { height:40px; margin-top: 10px;}
.pd_main dl dd i { font-size:.12rem; color:#a1a6b3; font-weight:normal; float:right; line-height:60px;}
.pd_main dl .img_box { width:100%; height:100%; position:absolute; top:0; left:0; background-color:#000;opacity:0;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
.pd_main a.more { width:100%; line-height:40px; font-size:12px; font-weight:normal; color:#717787;  box-sizing:border-box; margin:0 auto; display:block; margin-top:5px; text-align:center; position:relative;background-color:#fff;  overflow:hidden; }
.pd_main a.more:hover { background-color:#ff7800; color:#fff;}

.parte { padding:40px 20px;}
.pe_main { display:flex; margin-top:10px;flex-direction:column;}
.pe_left {flex:1; display:none;}
.pe_right {flex:1; margin-top:20px;}
.pe_left ul li { padding:10px; display:flex; background-color:#f5f5f9; margin-bottom:10px;}
.pe_left ul li .icon_box {  margin-right:10px; width:.4rem; height:.4rem; border-radius:1000px; border:3px solid #293040; overflow:hidden;}
.pe_left ul li:nth-child(1) .icon_box { background-image:url(/images/icon04.png); background-repeat:no-repeat; background-size:.16rem .16rem; background-position:center center;}
.pe_left ul li:nth-child(2) .icon_box { background-image:url(/images/icon05.png); background-repeat:no-repeat; background-size:.16rem .16rem; background-position:center center;}
.pe_left ul li:nth-child(3) .icon_box { background-image:url(/images/icon07.png); background-repeat:no-repeat; background-size:.16rem .16rem; background-position:center center;}
.pe_left ul li:nth-child(4) .icon_box { background-image:url(/images/icon06.png); background-repeat:no-repeat; background-size:.16rem .16rem; background-position:center center;}
.pe_left ul li span {flex:1;font-size:.12rem; color:#717787; line-height:.2rem;}
.pe_left ul li span strong { color:#293040; font-size:.14rem; display:block; }
.pe_left .map { overflow:hidden; margin-top:20px;}
.pe_left .map img { width:100%;}
.pe_right ul li { overflow:hidden; width:100%;}
.pe_right ul li:nth-child(1) { overflow:hidden;justify-content:space-between; display:flex;flex-direction:column;}
.pe_right ul li:nth-child(1) input { width:100%;height:.44rem; background-color:#f5f5f9; border:none; padding:0 0 0 20px; font-size:14px; font-weight:normal; color:#717787;  box-sizing:border-box; margin-bottom:10px; overflow:hidden;}
.pe_right ul li:nth-child(1) input:focus{outline:none;}
.pe_right ul li textarea {background-color:#f5f5f9; border:none; padding:20px; font-size:14px; font-weight:normal; color:#717787; width:100%;box-sizing:border-box; height:1.4rem;}
.pe_right ul li:nth-child(3) { display:flex; margin-top:10px;}
.pe_right ul li:nth-child(3) a {flex:1; line-height:50px; height:50px; font-size:15px; font-weight:bold; color:#fff; background:linear-gradient(to right,#ff4e00,#ff8400); display:block; text-align:center;}

.foot { background-image:url(/images/foot_bg.jpg); background-repeat:no-repeat; background-position:top center; background-size:auto 100%; height:auto; padding:0 2vh; overflow:hidden;}
.foot_info { display:flex; padding:30px 0 10px 0; flex-direction:column;}
.foot_logo {  font-size:.12rem; font-weight: normal; color:#fff; margin-bottom:10px;}
.foot_logo img { height:.2rem; width:auto; margin-bottom:10px; display:block;}
.foot_blk { overflow:hidden; border-bottom:1px solid #2a2a2b;}
.foot_blk h3 { font-size:.14rem; font-weight:bold; color:#fff; display:block; line-height:.24rem;  margin-top:20px; display:none;}
.foot_blk p { font-size:.13rem; font-weight:normal; line-height:.44rem; color:#a1a6b3; display:inline-block; vertical-align:middle; margin-right:.1rem;}
.foot_blk ul li { font-size:.13rem; font-weight:normal; line-height:.44rem;  text-align:left; display:inline-block; vertical-align:middle; margin-right:.1rem;}
.foot_blk ul li a { color:#a1a6b3; display:block;}
.foot_blk ul li a:hover { color:#ff8400;}
.foot_blk img { width:90px; margin-top:14px;}
.foot_info2 { padding:10px 0 20px 0; }
.foot_info2 p { font-size:.11rem; line-height:.18rem; color:#a1a6b3;}
.foot_info2 ul { overflow:hidden; float:none; width:100%; position:relative; margin-bottom:20px;}
.foot_info2 ul li { float:left; display:inline;margin:4px 8px 4px 0; width:40px; height:40px; background-color:#fff; overflow:hidden;}
.foot_info2 ul li img { display:block; margin:0 auto; margin-top:3px; filter: none;}

.foot_blk_none { display:none;}


/**-----返回顶部----**/
.returnTop { width: 40px;height: 40px;position: fixed;right: 12px;bottom: 20px;overflow: hidden;z-index: 99991;cursor: pointer;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;background-color:#ff7800;opacity: 0;border-radius: 5px;}
.returnTop img { width:20px;height: 20px;display: block;margin: 0 auto;margin-top:10px;}
.returnTop.on { width: 40px;height:40px;1c2f33 position: fixed;right: 12px;bottom: 20px;overflow: hidden;z-index: 99991;cursor: pointer;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;opacity: .5;border-radius: 5px;}
.returnTop.on:hover {opacity: 1;}

.menu_main { display:block;}

/**弹出菜单**/
.menu_main { background-color:#293040; position:fixed; top:0; left:0; right:0; bottom:0; z-index:99999; width:100%; height:100vh; display:none; background:linear-gradient(to bottom,#000,#293040);}
.logo2 {position:absolute; top:.12rem; left:20px;}
.logo2 img {height:.22rem; width:auto;}
.close { display:block; position:absolute; right:10px; top:.16rem; z-index:99999;}
.menu_main ul { padding:.7rem .2rem 0 .2rem; overflow-y:auto; height:95vh; position:relative; z-index:99990;}
.menu_main ul li { font-size:.16rem; font-weight:normal; padding:.2rem 0; text-align:left; display:block; border-bottom:1px solid rgba(255,255,255,0.07); background-clip: padding-box; color:#a1a6b3;}
.menu_main ul li a { display:flex;justify-content:space-between; align-items:center;}
.menu_main ul li a span { color:#a1a6b3;}
.menu_main ul li img { width:.20rem; height:.20rem;opacity:0.7;}
.menu_main ul li:last-child { border-bottom:none;}
.menu_main ul li strong { display:block;color:#ff8400;}

.menu_main ul li .li_main { display:block; }
.menu_main ul li .li_main a { display:block; font-size:.14rem; color:#a1a6b3;  margin-top:.1rem; line-height:.36rem;  padding:0 .1rem;background-color: rgba(255,255,255,0.2);}
.menu_main ul li .li_main a font { font-size:.12rem; font-family:"宋体"; float:right;color:#a1a6b3;}

.menu_main ul li:nth-child(7) { padding:.1rem 0;border-bottom:none; margin-top:.3rem; display:inline-block; font-size:.14rem;  line-height:.2rem; width:50%; float:left; background-image:url(/images/icon04_2.png); background-repeat:no-repeat; background-size:36px; padding:0 0 0 40px;color:#ff8400;}
.menu_main ul li:nth-child(8) { padding:.1rem 0;border-bottom:none;margin-top:.3rem;display:inline-block;font-size:.14rem;line-height:.2rem; width:50%; float:left;background-image:url(/images/icon05_2.png); background-repeat:no-repeat; background-size:36px; padding:0 0 0 40px;color:#ff8400;}


.scroll_disabled { height: 100vh;width:100wh;overflow-y: hidden;}

.consulting {width: 40px;height: 70px;position: fixed;right: 12px;bottom: 70px;overflow: hidden;z-index: 99991;cursor: pointer;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;background-color:#ff7800;border-radius: 5px;}
.consulting img { display:block; margin:0 auto; margin-top:4px;}
.consulting span { font-size:12px; font-weight:normal; line-height:16px; color:#fff; text-align:center; display:block}

p.mobile_none { display:none;}


/**-------------------------------产品与解决方案详情--------------------------------**/
.top_banner { background-image:url(/images/mobile_banner01.jpg); background-repeat:no-repeat; background-position:top center; height:70vh; width:100%; text-align:left; position:relative; overflow:hidden; background-size:100% auto;}
.word { position:absolute; left:0;top:50%; transform: translateY(-50%); }
.word h2 { font-size:.24rem; font-weight:bold; color:#fff; display:block; margin-bottom:30px; margin-top:60px;  position:relative; z-index:2; text-align:center;}
.word h2 strong { color:#ff7f00; display:block;}
.word p { font-size:.14rem; font-weight:normal; line-height:.24rem; color:#a1a6b3; position:relative; z-index:2; text-align:center; display:block; padding:0 20px;}
.word a {  height:44px; background: linear-gradient(to right,#ff4e00,#ff8400); color:#fff; display:block; margin-top:40px; font-size:16px; font-weight:bold; line-height:44px;text-align:center; margin:40px 20px 0 20px;}
.word a font { width:20px; height:20px; background-color:#fff; border-radius:1000px; display:inline-block; vertical-align:middle; margin-right:10px; border-radius:1000px; overflow:hidden; display:none;}
.word a font img { display:block; margin:0 auto; margin-top:2px;}
.word i { width:1.4rem; height:1.4rem; background-image: linear-gradient(to right, rgba(255, 127, 0, 1) 0%, rgba(34, 36, 51, .5) 50%); border-radius:1000px; display:block; transform:rotate(45deg); position:inherit; z-index:1;opacity:.7; top:0; left:1rem;}
.word em { width:.4rem; height:.4rem; background-image: linear-gradient(to right, rgba(255, 127, 0, 1) 0%, rgba(34, 36, 51, .5) 50%); border-radius:1000px; display:block; transform:rotate(45deg); position:inherit; z-index:1; left:2.1rem; top:0;opacity:.7;}

.advantage {  padding:40px 0; margin:0 20px;filter: drop-shadow(0 5px 5px #dfe1e6); overflow:hidden; position:relative; top:-16vh; margin-bottom:-1.1rem;}
.advantage dl { width:48.5%;background-color:#fff; margin:10px 0 0 0; box-sizing:border-box; padding:20px 20px; float:left; height:2.4rem; border-bottom:2px solid #ff8400;}
.advantage dl:nth-child(even) { float:right;}
.advantage dl dt img { display:block; margin:0 auto; width:60px; margin-bottom:10px;}
.advantage dl dd { display:block;}
.advantage dl dd b { font-size:.12rem; font-weight:bold; display:block; margin-bottom:4px; text-align:center;}
.advantage dl dd p { font-size:.12rem; line-height:.20rem; display:block; color:#717787;}

.partf { overflow:hidden; padding:0 20px 40px 20px; }
.partf ul { display:block;}
.partf ul li {position:relative;background-repeat:no-repeat; background-position:top center; background-size:cover; height:2.2rem; margin-top:20px;}
.partf ul li:nth-child(3) { margin-right:0;}
.partf ul li span { font-size:.16rem; font-weight:bold; color:#fff; padding:0 20px; line-height:.7rem; position:absolute; bottom:0; left:0;background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); width:100%; box-sizing:border-box;}

.partg { background-color:#edf4ff; padding:40px 20px; }
.pg_main { display:block; margin-top:40px;}
.pg_main img { display:block; width:100%; margin:0 auto;}

.parth {  padding:40px 20px;}
.ph_main { overflow:hidden; }
.ph_main dl { display: block; padding:20px 0; border-bottom:1px solid #dfe1e6;}
.ph_main dl dt { display:block; margin:0 auto;}
.ph_main dl dt img { width:100%;}
.ph_main dl dd { display:block;}
.ph_main dl dd b { font-size:.18rem; font-weight:bold; color:#293040; display:block; padding:10px 0 0 0; margin-top:30px; margin-bottom:10px; background-image:url(/images/tit_bg.png); background-repeat:no-repeat; background-position:40% 5%; background-size:40px 40px; line-height:.3rem; text-align:center;}
.ph_main dl dd b strong { color:#ff7800; display:block;}
.ph_main dl dd p { font-size:.14rem; font-weight:normal; line-height:.24rem; color:#717787; }
.ph_main dl:last-child { border-bottom:none;} 


.parti { background-image:url(/images/div_bg.jpg); background-repeat:no-repeat; background-position:bottom center; height:7rem; background-attachment:fixed; background-size:cover; padding:40px 0 0 0;box-sizing:border-box;}
.pi_main { padding:20px 20px 0 20px; }
.pi_main dl { height:2.5rem; background-color:#fff; padding:20px; box-sizing:border-box; float:left; width:48.5%; margin-top:10px;}
.pi_main dl:nth-child(even) { float:right;}
.pi_main dl dt { display:block; margin:0 auto;}
.pi_main dl dt img { width:50px; display:block; margin:0 auto;}
.pi_main dl dd { display:block;}
.pi_main dl dd b { font-size:.14rem; color:#293040; font-weight:bold; margin-bottom:10px; display:block; text-align:center;}
.pi_main dl dd p { font-size:.12rem; line-height:.20rem; color:#717787;}

.partj {  padding:40px 20px; }
.partj ul { display: block;}
.partj ul li { border:1px solid #dfe1e6; margin-top:20px;}
.partj ul li:nth-child(3) { margin-right:0;}
.partj ul li .img_box { height:1.8rem; display:block; overflow:hidden; background-repeat:no-repeat; background-position:top center; background-size:cover;}
.partj ul li .img_box a { display:block; width:100%; height:100%;}
.partj ul li h3 a { font-size:.16rem; font-weight:bold; color:#293040; padding:0 20px; margin-top:20px; display:block;} 
.partj ul li h3 a:hover { color:#ff7800;}
.partj ul li p { display:block; padding:0 20px; font-size:.12rem; line-height:.2rem; color:#717787; margin-top:10px;}
.partj ul li .font_box { padding:0 20px; margin-top:10px;}
.partj ul li .font_box font { display:inline-block; vertical-align:middle; padding:0 5px; background-color:#fff6e5; font-size:.12rem; color:#717787; margin-right:5px; line-height:.24rem;}
.partj ul li span { padding:10px 20px 10px 10px; display:block;}
.partj ul li span img { height:.5rem;}
.partj ul li span i { float:right; font-size:.12rem; color:#a1a6b3; font-style:normal; line-height:.5rem;}

.partk {  padding:40px 20px; background-color:#f5f5f9;}
.partk ul { display:flex; margin-top:20px;flex-wrap: wrap;}
.partk ul li { width:33.3%; border:10px solid #f5f5f9; background-color:#fff; padding:8px;}
.partk ul li img { display:block; width:100%;  margin:0 auto;}


/**-------------------------------案例详情--------------------------------**/
.top_banner02 {  background-repeat:no-repeat; background-position:bottom center; height:44vh; width:100%; text-align:left; position:relative; overflow:hidden; background-size: cover;}
.blk01 { margin:0 20px;filter: drop-shadow(0 10px 10px #dfe1e6); position:relative; top:-.4rem; margin-bottom:-.4rem; width:auto; overflow:hidden; z-index:99;}
.blk01 dl {display:flex;flex-direction:column; background-color:#fff; padding:10px 20px 30px 20px; background-image:url(/images/div_bg2.jpg); background-repeat:no-repeat; background-position:bottom center; background-size:100% auto;}
.blk01 dl dt { display:block;}
.blk01 dl dt  img { display:block; margin:0 auto; width:50%;}
.blk01 dl dd {flex:1; text-align: center;}
.blk01 dl dd b { font-size:.20rem; line-height:.24rem; font-weight:bold; color:#293040; display:block; margin-bottom:5px; margin-top:10px;}
.blk01 dl dd font { display:inline-block; vertical-align:middle; padding:0 5px; background-color:#fff6e5; font-size:.12rem; color:#717787; margin-right:4px; margin-top:4px; line-height:.3rem;}
.blk01 dl a { font-size:.14rem; font-weight:bold; line-height:44px; display:inline-block; padding:0 16px 0 10px; background:linear-gradient(to right,#ff6600,#ffb900); color:#fff; margin:0 auto; text-align:center; width:100%; margin-top:20px;}
.blk01 dl a img { display:inline-block; vertical-align:middle; margin-right:5px;}
.blk01 i { height:2px; display:block; overflow:hidden;background:linear-gradient(to right,#ff6600,#ffb900);}

.blk02 {padding:20px 20px 40px 20px; display:flex;flex-direction:column;}
.blk02 dl {flex:1; overflow:hidden; margin-top:20px;}
.blk02 dl dt { font-size:.16rem; font-weight:bold; color:#293040; background-image:url(/images/11.png); background-repeat:no-repeat; height:54px; background-position:top left; padding:0 0 0 14px; line-height:54px;}
.blk02 dl dd { display:block; margin-top:5px; }
.blk02 dl dd p { font-size:.13rem; font-weight:normal; line-height:.24rem; color:#717787;}
.blk02 dl dd p a { color:#338fff; padding-right: 10px;}
.blk02 dl dd p a:hover { color:#ff7800;}


.blk03 {padding:40px 20px; background-color:#f5f5f9; margin-bottom:-70px;}
.u01 { display:flex;justify-content:center; margin-top:20px;}
.u01 li { font-size:.14rem; font-weight:normal; color:#717787; padding:5px 10px; margin:0 5px; background-color:#fff; line-height:.2rem; border-radius:5px; cursor:pointer;}
.u01 li span { display:block;}
.u01 li.on {background:linear-gradient(to right,#ff6600,#ffb900); color:#fff; font-weight:bold;}
.b03_main { overflow:hidden; margin-top:20px;}
.b03_main img { display:block; margin:0 auto; width:100%;}

.pd2 { padding:40px 20px 20px 20px;}


/**----------------关于光蓝-------------------**/
.top_banner03 {  background-repeat:no-repeat; background-position:top center; background-size:cover; height:80vh; width:100%; text-align:left; position:relative; overflow:hidden;}
.word2 { position:absolute; left:0;top:50%; transform: translateY(-50%);}
.word2 h2 { font-size:.44rem; font-weight:bold; font-family:Arial, Helvetica, sans-serif; line-height:.44rem;  color:#fff; display:block; margin-bottom:30px; margin-top:.9rem; position:relative; z-index:2; text-align:left; margin-left:5vh;}
.word2 p { font-size:.7rem;letter-spacing:7px; font-weight: bold; line-height:.8rem; color:#fff; text-align:center; position:relative; z-index:2; padding:0 4vh;}
.word2 p span { font-size:.14rem;letter-spacing:0; line-height:.24rem; text-align:center; color:#fff; display:block; margin-top:30px;}
.word2 i { width:140px; height:140px; background-image: linear-gradient(to right, rgba(255, 127, 0, 1) 0%, rgba(34, 36, 51, .5) 50%); border-radius:1000px; display:block; transform:rotate(45deg); position:inherit; z-index:1;opacity:.7; top:10%; left:5%;}
.word2 em { width:30px; height:30px; background-image: linear-gradient(to right, rgba(255, 127, 0, 1) 0%, rgba(34, 36, 51, .5) 50%); border-radius:1000px; display:block; transform:rotate(45deg); position:inherit; z-index:1; left:180px; top:15%;opacity:.7;}


.blk04 {padding:4vh 15px;}
.blk04 ul { display:flex; flex-wrap: wrap; align-items:center; justify-content:center;}
.blk04 ul li { font-size:.13rem; font-weight: bold; color:#717787; line-height:.36rem; width:30.3%; text-align:center; background-color:#fff; padding:10px; border-radius:5px; margin:5px;filter: drop-shadow(0 10px 10px #eceef1);}
.blk04 ul li font { display:block;}
.blk04 ul li font strong { margin-right:5px; font-size:.20rem; color:#ff7b00;}

.blk05 { background-image:url(/images/div_bg4.jpg); background-repeat:no-repeat; background-position:bottom center; background-size:cover; padding:40px 0 70px 0;}
.b05_main {  padding:0 20px 0 20px; display:flex; flex-direction:column;}
.b05_main dl {flex:1; overflow:hidden; margin-top:30px;}
.b05_main dl dt { font-size:.18rem; font-weight:bold; color:#293040; background-image:url(/images/tit_bg.png); background-repeat:no-repeat; height:54px; background-position:top left; padding:0 0 0 20px; line-height:60px; background-size:.5rem auto;}
.b05_main dl dd { display:block; margin-top:14px;  overflow:hidden;font-size:.13rem; font-weight:normal; line-height:.24rem; color:#717787;}


.blk06 { position:relative; top:-.5rem; margin:0 10px;    filter: drop-shadow(0 10px 10px #eceef1);   margin-bottom:-.5rem;}
.blk06 ul { display:flex; flex-wrap: wrap;}
.blk06 ul li { overflow:hidden; width:47%; padding:10px 0; background-color:#fff; margin:5px;border-radius:5px; border-bottom:2px solid #ff7800;}
.blk06 ul li img { width:.7rem; display:block; margin:0 auto; margin-bottom:10px;}
.blk06 ul li h3 { font-size:.14rem; font-weight:normal; color:#293040; display:block; text-align:center; line-height:.20rem;}
.blk06 ul li h3 span { display:block; font-size:.11rem; color:#717787;}
.blk06 ul li:nth-child(even) { width:1px; height:120px; background-color:#dfe1e6; display:block; overflow:hidden; transform:rotate(45deg); margin-top:60px; display:none;}
.blk06 i {height: 3px;display: block;overflow: hidden;background: linear-gradient(to right,#ff6600,#ffb900); display:none;}

.blk07 { padding:40px 20px 10px 20px; background-color:#f5f5f9; margin-top:40px; margin-bottom:40px;}
.blk07 ul {  column-count: 1;column-gap: 20px;-webkit-column-count: 1;-webkit-column-gap: 20px;-moz-column-count: 1;-moz-column-gap: 20px; margin-top:20px;}
.blk07 ul li {background-color:#f5f5f9; box-sizing:border-box;font-size:.12rem; font-weight:normal; line-height:.24rem; color:#717787; text-align:center;position:relative;    break-inside: avoid;-webkit-column-break-inside: avoid;overflow: hidden; margin-bottom:20px;background-color:#fff; }
.blk07 ul li .img_box { overflow:hidden;}
.blk07 ul li img { display:block; padding:15px 15px 0 15px; width:100%;}
.blk07 ul li p { font-size:.12rem; line-height:.36rem; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; padding:0px 15px;}

.blk08 {padding:0 20px 40px 20px;}
.b08_main { overflow:hidden; display:flex;flex-direction:column;}
.b08_main dl { border:1px solid #dfe1e6; padding:20px; box-sizing:border-box; display: block; margin-top:20px;}
.b08_main dl dt { width:100%;font-size:.12rem; color:#ff6a00;}
.b08_main dl dt a img { width:100%; margin-bottom:20px;}
.b08_main dl dd { margin-top:14px;}
.b08_main dl dd h3 a { font-size:.16rem; font-weight:bold; color:#293040; line-height:20px;  display:block; overflow:hidden;}
.b08_main dl dd h3 a:hover { color:#ff7800;}
.b08_main dl dd p { font-size:.12rem; font-weight:normal; line-height:24px; display:block; overflow:hidden; margin-top:10px; color:#717787; margin-bottom:20px;}
.b08_main dl dd font { background-color:#eff5ff; display:inline-block; vertical-align:middle; margin-right:10px; font-size:.12rem; color:#717787; padding:0 10px; line-height:.3rem;}


/**----------------案例列表-------------------**/
.top_banner04 { background-image:url(/images/details_banner04.jpg);  background-repeat:no-repeat; background-position:bottom center; background-size:cover; height:50vh; width:100%; text-align:left; position:relative; overflow:hidden;}
.word4 { position:absolute; left:0;top:50%; transform: translateY(-50%); }
.word4 h2 { font-size:.36rem; font-weight:bold; color:#fff; display:block; margin-top:60px;  position:relative; z-index:2; text-align:center;}
.word4 p { font-size:.14rem; font-weight:300; line-height:2; color:#fff;position:relative; z-index:2; text-align:center; margin-top:20px; padding:0 4vh;}
.word4 i { width:120px; height:120px; background-image: linear-gradient(to right, rgba(255, 127, 0, 1) 0%, rgba(34, 36, 51, .5) 50%); border-radius:1000px; display:block; transform:rotate(45deg); position:inherit; z-index:1;opacity:.7; top:0; left:15%;}
.word4 em { width:30px; height:30px; background-image: linear-gradient(to right, rgba(255, 127, 0, 1) 0%, rgba(34, 36, 51, .5) 50%); border-radius:1000px; display:block; transform:rotate(45deg); position:inherit; z-index:1; left:50%; top:0;opacity:.7;}

.blk09 { line-height:.6rem; padding:0 20px; background-color:#fff; font-size:14px; font-weight:normal; color:#a1a6b3; overflow:hidden;}
.blk09 a { color:#a1a6b3;}
.blk09 ul {  display:flex;justify-content:space-between;}
.blk09 ul li {line-height:60px;}
.blk09 ul li.on a {color:#ff7800;}
.blk09 span { display:none;}

.partj2 {  padding:20px 20px 40px 20px; background-color:#f5f5f9;}
.partj2 ul { display:flex; flex-direction: column;}
.partj2 ul li {flex:1; margin-top:20px; background-color:#fff;}
.partj2 ul li .img_box {display:block; overflow:hidden; background-repeat:no-repeat; background-position:top center; background-size:cover; width:100%; aspect-ratio: 16/9;}
.partj2 ul li .img_box a { display:block; width:100%; height:100%;}
.partj2 ul li h3 a { font-size:.16rem; font-weight:bold; color:#293040; padding:0 20px; margin-top:20px; display:block;} 
.partj2 ul li h3 a:hover { color:#ff7800;}
.partj2 ul li p { display:block; padding:0 20px; font-size:.12rem; line-height:.2rem; color:#717787; margin-top:10px;}
.partj2 ul li .font_box { padding:0 20px; margin-top:10px;}
.partj2 ul li .font_box font { display:inline-block; vertical-align:middle; padding:0 4px; background-color:#fff6e5; font-size:.12rem; color:#717787; margin-right:4px; line-height:.24rem; margin-bottom:4px; }
.partj2 ul li span { padding:10px 20px 15px 20px; display:block; white-space: nowrap;}
.partj2 ul li span img { height:.6rem;}
.partj2 ul li span i { float:right; font-size:12px; color:#a1a6b3; font-style:normal; line-height:.6rem;}

/**--------------客户案例----------------**/
.pc2 { padding:.44rem 0 0 0; background-color:#000;}
.pc2 .pc_main { margin-top:0;}
.pc2 .pc_main ul { padding:0 0 0 0;}
.pc2 .pc_main ul li:nth-child(2) { width:50%; background-image:none; position: relative;}
.pc2 .pc_main ul li:last-child { background-image:none;}

/**---------资讯---------**/
.partl { padding:.44rem 0 0 0;background-image:url(/images/details_banner03.jpg); background-repeat:no-repeat; background-position:top center; background-size:100% auto;}
.bread_shaw { font-size:.12rem; font-weight:normal; line-height:.44rem; color:#a1a6b3; background-color:#fff; padding:0 20px; background-color:#f5f5f9;}
.bread_shaw a { color:#a1a6b3;}
.bread_shaw a:hover { color:#ff7800;}
.pl_main { background-color:#fff;padding:0 20px 20px 20px; display:flex;flex-direction:column-reverse;}
.p_l {flex:1; margin-top:20px;}
.p_r { width:100%;}
.p_r2 { display:none;}

.p_l dl { display:flex; border-bottom:1px solid #eeeeee; padding:20px 0;align-items:center;}
.p_l dl dt { width:1.4rem; margin-right:20px;}
.p_l dl dt img { width:100%;}
.p_l dl dd {flex:1;}
.p_l dl dd h3 a { font-size:.14rem; line-height:.2rem; font-weight:bold; color:#293040; display:block;}
.p_l dl dd h3 a:hover {color:#ff7800;}
.p_l dl dd p { font-size:.12rem; font-weight:normal; line-height:.18rem; color:#717787; margin-top:5px; height:.36rem; overflow:hidden;}
.p_l dl dd span { font-size:.12rem; color:#a1a6b3; display:block; margin-top:5px; line-height:.18rem; display:none;}
.p_l dl dd a.more { font-size:14px; color:#a1a6b3; border:1px solid #dfe1e6; display:inline-block; line-height:34px; padding:0 14px; float:right; display:none;}
.p_l dl dd a.more:hover { background-color:#ff7800; border:1px solid #ff7800; color:#fff;}

.p_r h3 { font-size:.16rem; font-weight: bold; color:#293040; display:block; margin-top:20px;}
.p_r h3 i { display:block; width:40px; height:8px;background:linear-gradient(to right,#ff7b00,#fff); margin-top:10px;}
.p_r ul li { display:block; border:1px solid #eeeeee; margin-top:20px; }
.p_r ul li .img_box { display:block; position:relative;}
.p_r ul li .img_box a img { width:100%;}
.p_r ul li .img_box a font { position:absolute; bottom:0; left:0; right:0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); font-size:.14rem; font-weight:bold; color:#fff; padding:0 20px; line-height:60px; white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.p_r ul li p { padding:20px 20px 14px 20px; font-size:.14rem; color:#717787; line-height:.24rem;}
.p_r ul li span { display:block; font-size:.12rem; color:#a1a6b3; padding:0 20px 20px 20px;}
.p_r ul li span img { display:inline-block; vertical-align:middle; margin-right:5px;}

.p_l h2 { font-size:.30rem; font-weight: bold; color:#293040; text-align:center; line-height:.36rem; margin-top:20px; border-bottom:1px solid #a1a6b3; padding:0 0 20px 0;}
.p_l h2 span { font-size:.12rem; display:block; text-align:center; color:#717787; margin-top:20px; font-weight:normal;}
.p_l_main { overflow:hidden; padding:10px 0 30px 0;}
.p_l_main p { font-size:.15rem; font-weight:normal; line-height:.3rem; color:#293040; margin-top:20px;}
.p_l_main p img { display:block; width:100%; margin:0 auto;}
.p_l_main span { display:block; margin-top:20px; font-size:.15rem; color:#293040;}
.p_l_main span a img { display:inline-block; vertical-align:middle; margin:0 10px;}
.p_l_main2 { overflow:hidden; padding:30px 0 10px 0;}
.p_l_main2 ul li { font-size:.15rem; font-weight:normal; line-height:.3rem;white-space: nowrap;text-overflow:ellipsis; overflow:hidden; }
.p_l_main2 ul li a { color:#338fff;}


/**----------------方案列表-------------------**/
.top_banner05 { background-image:url(/images/details_banner05_2.jpg);  background-repeat:no-repeat; background-position:60%; background-size: cover; height:60vh; width:100%; text-align:left; position:relative; overflow:hidden;}
.word5 { position:absolute; left:0;top:44%; transform: translateY(-50%); }
.word5 h2 { font-size:.36rem; font-weight:bold; color:#fff; display:block; margin-top:60px;  position:relative; z-index:2; text-align:center;}
.word5 p { font-size:.22rem; font-weight:300; line-height:.36rem; color:#fff;position:relative; z-index:2; text-align:center; margin-top:20px; padding:0 4vh;}
.word5 i { width:120px; height:120px; background-image: linear-gradient(to right, rgba(255, 127, 0, 1) 0%, rgba(34, 36, 51, .5) 50%); border-radius:1000px; display:block; transform:rotate(45deg); position:inherit; z-index:1;opacity:.7; top:0; left:15%;}
.word5 em { width:30px; height:30px; background-image: linear-gradient(to right, rgba(255, 127, 0, 1) 0%, rgba(34, 36, 51, .5) 50%); border-radius:1000px; display:block; transform:rotate(45deg); position:inherit; z-index:1; left:50%; top:0;opacity:.7;}
.partm {  padding:20px 20px 40px 20px; background-color:#f5f5f9;}
.partm ul { display:flex; flex-direction: column;}
.partm ul li {flex:1; margin-top:20px; background-color:#fff; padding:0 0 20px 0;}
.partm ul li .img_box { height:1.6rem; display:block; overflow:hidden; background-repeat:no-repeat; background-position:top center; background-size:cover;}
.partm ul li .img_box a { display:block; width:100%; height:100%;}
.partm ul li h3 a { font-size:.16rem; font-weight:bold; color:#293040; padding:0 20px; margin-top:20px; display:block;} 
.partm ul li h3 a:hover { color:#ff7800;}
.partm ul li p { display:block; padding:0 20px; font-size:.12rem; line-height:.2rem; color:#717787; margin-top:10px;}
.partm ul li .font_box { padding:0 20px; margin-top:10px;}
.partm ul li .font_box font { display:inline-block; vertical-align:middle; padding:0 4px; background-color:#ebf0f5; font-size:.12rem; color:#414957; margin-right:4px; line-height:.24rem}

/**404**/
.box_404 { width:100%; height:auto; margin:0 auto; overflow: hidden; background-image:url(/images/404_bg.jpg); background-repeat:no-repeat; background-position:top center; background-size:100% auto; padding:30px 0;}
.box_404 img { display:block; margin:0 auto; margin-top:60px; width:40%;}
.box_404 b { font-size:.2rem; font-weight:300; color:#293040; text-align:center; display:block; margin-top:30px;}
.box_404 { display:block; font-size:.14rem; font-weight:300; text-align:center; line-height:36px; color:#a1a6b3;}
.box_404 a { width:1.4rem; line-height:.44rem; display:block; height:.44rem; margin:0 auto; border-radius:1000px; margin:0 auto; margin-top:20px; font-size:.14rem; font-weight:bold; color:#fff; text-align:center; background-color:#ffa200;}
.box_404 a:hover { background-color:#ff7800;}

/**新闻列表页平铺模式**/
.news_main { padding:0 20px 40px 20px; background-color:#fff;}
.news_main ul { display: block;}
.news_main ul li { display:block;border:1px solid #eeeeee; box-sizing:border-box; margin-top:20px;}
.news_main ul li .img_box { display:block; position:relative;}
.news_main ul li .img_box a img { width:100%;}
.news_main ul li font a { display:block; font-size:.16rem; font-weight:bold; color:#293040; line-height:.24rem; padding:20px 20px 0 20px;  overflow:hidden;}
.news_main ul li font a:hover {color:#ff9300;}
.news_main ul li p { padding:10px 20px 0 20px; font-size:.14rem; color:#717787; line-height:.24rem;}
.news_main ul li span { display:block; font-size:.12rem; color:#a1a6b3; padding:10px 20px 20px 20px;}
.news_main ul li span img { display:inline-block; vertical-align:middle; margin-right:5px;}
.page { display:block; text-align:center; margin-top:20px;}
.page a { display:inline-block; vertical-align:middle; margin:0 4px; line-height:.36rem; padding:0 12px; font-size:.14rem; color:#fff; border-radius:5px; background-color:#293040;}
.page a.on { background-color:#ff9300;}
.page a:hover { background-color:#ff9300;}


/*************解决方案及产品*************/
/**B2B**/
.b2b_parta { padding:40px 20px; margin-top:-20vh;}
.b2b_parta ul {  margin-top:20px;}
.b2b_parta ul li { display:block;display:flex; border-top:1px solid #dfe1e6; padding:20px 0;align-items:center;}
.b2b_parta ul li .img_box { height:14vh; overflow:hidden; background-repeat:no-repeat; background-position:top center; background-size:cover; width:20vh;}
.b2b_parta ul li .word_box {flex:1; margin-left:20px; text-align:left;}
.b2b_parta ul li h3 { display:block; font-size:.14rem; font-weight: bold; color:#293040; text-align:left; }
.b2b_parta ul li h3 span { color:#ff7800;}
.b2b_parta ul li p { font-size:.12rem; font-weight:normal; color:#717787; line-height:.18rem; text-align:left; margin-top:5px;}
.b2b_parta ul li:last-child { padding:20px 0 0 0;}

.b2b_partb { background-color:#efeff3; padding:40px 15px;}
.b2b_pb_main { margin-top:20px; }
.b2b_pb_main ul { display: flex;flex-wrap: wrap;}
.b2b_pb_main ul li { width:50%; border:5px solid #efeff3; background-color:#fff; margin:5px 0 0 0;box-sizing:border-box; padding:10px 10px 20px 10px;} 
.b2b_pb_main ul li:nth-child(even) { background-color:#eeeeee; width:1px; overflow:hidden; height:220px; display:none;} 
.b2b_pb_main ul li img { display:block; margin:0 auto; margin-top:10px; width:50px;}
.b2b_pb_main ul li h3 { font-size:.16rem; display:block; text-align:center; color:#293040; line-height:.24rem; margin-top:20px; font-weight:normal;}
.b2b_pb_main ul li p { font-size:.12rem; font-weight:normal; color:#717787; line-height:.18rem; margin-top:20px;}

.b2b_partc {padding:40px 20px;}
.b2b_pc_main { margin-top:0;}
.b2b_pc_main dl { display:flex;background-color:#fff; box-shadow: 0 0 20px rgba(223,225,230,.5);align-items:center; margin-top:20px;}
.b2b_pc_main dl dt { display:block; flex:1;}
.b2b_pc_main dl dt img { width:100%;}
.b2b_pc_main dl dd {flex:1;padding:20px 0;}
.b2b_pc_main dl dd h3 { font-size:.16rem; color:#293040; line-height:.3rem; font-weight:normal;}
.b2b_pc_main dl dd i { width:20px; height:2px; display:block; margin-top:10px; background-color:#ff7800;} 
.b2b_pc_main dl dd p { font-size:.12rem; font-weight:normal; line-height:.2rem; color:#717787; margin-top:10px; display:block; padding:0 20px 0 0;}

.b2b_partd { background-color:#efeff3; padding:40px 15px;}
.b2b_pd_main { margin-top:20px; }
.b2b_pd_main ul { display: flex;flex-wrap: wrap;}
.b2b_pd_main ul li { width:50%; border:5px solid #efeff3; background-color:#fff; margin:5px 0 0 0;box-sizing:border-box; padding:10px 10px 20px 10px;} 
.b2b_pd_main ul li:nth-child(even) { background-color:#eeeeee; width:1px; overflow:hidden; height:220px; display:none;} 
.b2b_pd_main ul li img { display:block; margin:0 auto; margin-top:10px; width:50px;}
.b2b_pd_main ul li h3 { font-size:.16rem; display:block; text-align:center; color:#293040; line-height:.24rem; margin-top:20px; font-weight:normal;}
.b2b_pd_main ul li p { font-size:.12rem; font-weight:normal; color:#717787; line-height:.18rem; margin-top:20px;}

.b2b_parte {padding:40px 20px;}
.b2b_pe_main { margin-top:0; }
.b2b_pe_main dl {display:flex;background-color:#fff; box-shadow: 0 0 20px rgba(223,225,230,.5);  overflow:hidden; padding:0 10px; margin-top:20px;align-items:center;}
.b2b_pe_main dl dt {flex:1; margin-right:20px;}
.b2b_pe_main dl dt img { width:100%; display:block; margin:0 auto;}
.b2b_pe_main dl dd {flex:1;}
.b2b_pe_main dl dd h3 { font-size:.16rem; color:#293040; line-height:.24rem; font-weight:normal; text-align:left;}
.b2b_pe_main dl dd p { font-size:.12rem; font-weight:normal; line-height:.18rem; color:#717787; margin-top:10px; display:block; }

.b2b_partf {padding:40px 20px; background-color:#efeff3;}
.b2b_pf_main { margin-top:20px;}
.b2b_pf_main dl { display:flex;background-color:#fff;   overflow:hidden; padding:20px; margin-top:10px;align-items:center;}
.b2b_pf_main dl dt { width:50px; display:block; margin:0 auto;}
.b2b_pf_main dl dt img { width:100%; }
.b2b_pf_main dl dd {flex:1; margin-left:20px;}
.b2b_pf_main dl dd h3 { font-size:.16rem; color:#293040; line-height:.20rem; overflow:hidden; font-weight:normal; text-align:left; }
.b2b_pf_main dl dd p { font-size:.12rem; font-weight:normal; line-height:.2rem; color:#717787; margin-top:10px; display:block; }

.b2b_partg {padding:40px 20px; }
.b2b_pg_main { margin-top:20px;}
.b2b_pg_main dl { display:flex;background-color:#fff;   overflow:hidden; padding:20px; margin-top:10px;align-items:center; border:1px solid #dfe1e6;}
.b2b_pg_main dl dt { width:50px; display:block; margin:0 auto;}
.b2b_pg_main dl dt img { width:100%; }
.b2b_pg_main dl dd {flex:1; margin-left:20px;}
.b2b_pg_main dl dd h3 { font-size:.16rem; color:#293040; line-height:.20rem; overflow:hidden; font-weight:normal; text-align:left; }
.b2b_pg_main dl dd p { font-size:.12rem; font-weight:normal; line-height:.2rem; color:#717787; margin-top:10px; display:block; }

.b2b_parth {padding:40px 15px; background-color:#efeff3;}
.b2b_ph_main { margin-top:20px;display: flex; flex-wrap: wrap;}
.b2b_ph_main dl {width:50%; border:5px solid #efeff3; box-sizing:border-box; background-color:#fff; margin:5px 0 0 0; padding:20px;}
.b2b_ph_main dl:last-child { margin-right:0;}
.b2b_ph_main dl dt { display:block; width:50px; margin:0 auto;}
.b2b_ph_main dl dt img { width:100%;}
.b2b_ph_main dl dd { display:block;}
.b2b_ph_main dl dd b { font-size:.15rem; color:#293040; display:block; line-height:.24rem; font-weight:normal; margin-top:20px; text-align:center;}
.b2b_ph_main dl dd p { font-size:.12rem; color:#717787; line-height:.2rem; display:block; margin-top:20px; font-weight:normal;}


/**B2C**/
.top_banner2 { background-image:url(/images/b2c_pic/mobile_banner02.jpg); background-repeat:no-repeat; background-position:top center; height:70vh; width:100%; text-align:left; position:relative; overflow:hidden; background-size:100% auto;}

.b2c_parta { padding:40px 20px; margin-top:-20vh;}
.b2c_parta ul {  margin-top:20px;}
.b2c_parta ul li { display:block;display:flex; border-top:1px solid #dfe1e6; padding:20px 0;align-items:center;}
.b2c_parta ul li .img_box { height:14vh; overflow:hidden; background-repeat:no-repeat; background-position:top center; background-size:cover; width:20vh;}
.b2c_parta ul li .word_box {flex:1; margin-left:20px; text-align:left;}
.b2c_parta ul li h3 { display:block; font-size:.14rem; font-weight: bold; color:#293040; text-align:left; }
.b2c_parta ul li h3 span { color:#ff7800;}
.b2c_parta ul li p { font-size:.12rem; font-weight:normal; color:#717787; line-height:.18rem; text-align:left; margin-top:5px;}
.b2c_parta ul li:last-child { padding:20px 0 0 0;}

.b2c_partc {padding:40px 20px;  background-color: #efeff3;}
.b2c_pc_main { margin-top:0;}
.b2c_pc_main dl { display:flex;background-color:#fff; align-items:center; margin-top:20px;}
.b2c_pc_main dl dt { display:block; flex:1;}
.b2c_pc_main dl dt img { width:100%;}
.b2c_pc_main dl dd {flex:1;padding:20px 0;}
.b2c_pc_main dl dd h3 { font-size:.16rem; color:#293040; line-height:.3rem; font-weight:normal;}
.b2c_pc_main dl dd i { width:20px; height:2px; display:block; margin-top:10px; background-color:#ff7800;} 
.b2c_pc_main dl dd p { font-size:.12rem; font-weight:normal; line-height:.2rem; color:#717787; margin-top:10px; display:block; padding:0 20px 0 0;}

.b2c_parte {padding:40px 20px;}
.b2c_pe_main { margin-top:0; }
.b2c_pe_main dl {display:flex;background-color:#fff; box-shadow: 0 0 20px rgba(223,225,230,.5);  overflow:hidden; padding:0 10px; margin-top:20px;align-items:center;}
.b2c_pe_main dl dt {flex:1; margin-right:20px;}
.b2c_pe_main dl dt img { width:100%; display:block; margin:0 auto;}
.b2c_pe_main dl dd {flex:1;}
.b2c_pe_main dl dd h3 { font-size:.16rem; color:#293040; line-height:.24rem; font-weight:normal; text-align:left;}
.b2c_pe_main dl dd p { font-size:.12rem; font-weight:normal; line-height:.18rem; color:#717787; margin-top:10px; display:block; }

.b2c_partf {padding:40px 15px; background-color:#efeff3;}
.b2c_pf_main { margin-top:20px;display: flex; flex-wrap: wrap;}
.b2c_pf_main dl { width: calc(50% - 10px);  box-sizing:border-box; background-color:#fff; margin:5px; padding:20px; border:1px solid #eeeeee;}
.b2c_pf_main dl:last-child { margin-right:0;}
.b2c_pf_main dl dt { display:block; width:60px; margin:0 auto;}
.b2c_pf_main dl dt img { width:100%;}
.b2c_pf_main dl dd { display:block;}
.b2c_pf_main dl dd h3 { font-size:.15rem; color:#293040; display:block; line-height:.24rem; font-weight:normal; margin-top:20px; text-align:center;}
.b2c_pf_main dl dd p { font-size:.12rem; color:#717787; line-height:.2rem; display:block; margin-top:20px; font-weight:normal;}

.b2c_partg {padding:40px 15px;}
.b2c_pg_main { margin-top:20px; display:flex;flex-wrap: wrap;}
.b2c_pg_main dl {width: calc(50% - 10px); border:1px solid #dfe1e6; box-sizing:border-box; background-color:#fff; margin:10px 5px 0 5px; padding:20px; }
.b2c_pg_main dl:last-child { margin-right:0;}
.b2c_pg_main dl dt { display:block; width:60px; margin:0 auto;}
.b2c_pg_main dl dt img { width:100%;}
.b2c_pg_main dl dd { display:block;}
.b2c_pg_main dl dd h3 { font-size:.15rem; color:#293040; display:block; line-height:.24rem; font-weight:normal; margin-top:20px; text-align:center;}
.b2c_pg_main dl dd p { font-size:.12rem; color:#717787; line-height:.2rem; display:block; margin-top:20px; font-weight:normal;}


/**数字文物解决方案**/
.pb1 { background-image:url(/images/solution/artifact/mobile_banner03.jpg);}
.programme_banner {  background-repeat:no-repeat; background-position:bottom center; height:60vh; width:100%; text-align:left; position:relative; overflow:hidden; background-size: cover;}
.programme_word { position:absolute; left:0;top:50%; transform: translateY(-50%); }
.programme_word h2 { font-size:.24rem; font-weight:bold; color:#fff; display:block; margin-bottom:30px; margin-top:60px;  position:relative; z-index:2; text-align:center;text-shadow: 0 5px 5px #293040;}
.programme_word h2 strong { color:#ff7f00; display:block;}
.programme_word p { font-size:.14rem; font-weight:normal; line-height:.24rem; color:#fff; position:relative; z-index:2; text-align:center; display:block; padding:0 20px;text-shadow: 0 5px 5px #293040;}
.programme_word a {  height:44px; background: linear-gradient(to right,#ff4e00,#ff8400); color:#fff; display:block; margin-top:40px; font-size:16px; font-weight:bold; line-height:44px;text-align:center; margin:40px 20px 0 20px;}
.programme_word a img { display:none;}
.programme_word i { display:none; width:1.4rem; height:1.4rem; background-image: linear-gradient(to right, rgba(255, 127, 0, 1) 0%, rgba(34, 36, 51, .5) 50%); border-radius:1000px;  transform:rotate(45deg); position:inherit; z-index:1;opacity:.7; top:0; left:.5rem;}
.programme_word em {display:none; width:.4rem; height:.4rem; background-image: linear-gradient(to right, rgba(255, 127, 0, 1) 0%, rgba(34, 36, 51, .5) 50%); border-radius:1000px;  transform:rotate(45deg); position:inherit; z-index:1; left:2.1rem; top:0;opacity:.7;}

.programme_parta {padding:40px 20px}
.pro_pa_main { margin-top:0px;}
.pro_pa_main dl { display:flex;background-color:#fff; align-items:center; margin-top:20px;box-shadow: 0 0 30px rgba(223,225,230,.5);}
.pro_pa_main dl dt { display:block; flex:1;}
.pro_pa_main dl dt img { width:100%;}
.pro_pa_main dl dd {flex:1;padding:20px 0;}
.pro_pa_main dl dd h3 { font-size:.16rem; color:#293040; line-height:.3rem; font-weight:normal;}
.pro_pa_main dl dd i { width:20px; height:2px; display:block; margin-top:10px; background-color:#ff7800;} 
.pro_pa_main dl dd p { font-size:.12rem; font-weight:normal; line-height:.2rem; color:#717787; margin-top:10px; display:block; padding:0 20px 0 0;}

.programme_partb {padding:40px 20px; background-color:#f1f0f5;}
.pro_pb_main { margin-top:0px;}
.pro_pb_main dl { align-items:center; display:flex; overflow:hidden;  position:relative; margin-top:20px; border-bottom:1px solid #dfe1e6; padding:0 0 20px 0;}
.pro_pb_main dl dt { flex:1; height:18vh; background-repeat:no-repeat; background-position:top left; background-size: cover;}
.pro_pb_main dl dd { flex:1; margin-left:20px;}
.pro_pb_main dl dd b { font-size:.14rem; color:#293040; line-height:24px; font-weight:normal;}
.pro_pb_main dl dd b i { display:inline-block; vertical-align:middle; margin-right:10px; width:20px; height:20px; background-color:#717787; overflow:hidden;}
.pro_pb_main dl dd b i img { vertical-align:text-top; position:relative; left:-1px; width:20px; top:-2px;}
.pro_pb_main dl dd p { font-size:.12rem; font-weight:normal; line-height:.18rem; color:#717787; margin-top:10px; display:block; color:#717787; padding:0 20px 0 0;}
.bg_none { background-color:#fff;}
.pro_pb_main dl:last-child { border-bottom:none; padding:0;}

.programme_partc {padding:40px 20px;background-color:#f1f0f5;}
.pro_pc_main { margin-top:0;}
.pro_pc_main dl { background-color:#fff; box-shadow: 0 0 30px rgba(223,225,230,.5);align-items:center; display:flex; margin-top:20px;}
.pro_pc_main dl:last-child { margin-right:0;}
.pro_pc_main dl dt {flex:1; height:140px; background-repeat:no-repeat; background-position:top left; background-size:cover;}
.pro_pc_main dl dt img { width:100%;}
.pro_pc_main dl dd {flex:1;}
.pro_pc_main dl dd b { font-size:16px; color:#293040; line-height:24px; font-weight:normal;padding:0 20px;}
.pro_pc_main dl dd p { font-size:12px; font-weight:normal; line-height:20px; color:#717787; margin-top:10px; display:block; padding:0 20px;}


/**快消品解决方案**/
.pb2 { background-image:url(/images/solution/fmcgb2b/mobile_banner04.jpg);}
.programme_partd {padding:40px 20px;}
.programme_partd h3 { display:block; overflow:hidden;}
.programme_partd h3 ul { text-align:center; margin-top:20px;} 
.programme_partd h3 ul li { display:inline-block; vertical-align:middle; font-size:.12rem; line-height:.24rem; border:1px solid #dfe1e6; padding:0 4px; color:#717787; font-weight:normal; cursor:pointer; float:left; margin:0 1px 0 0;}
.programme_partd h3 ul li.on { background-color:#ff7800; color:#fff; font-weight:bold; border:1px solid #ff7800; position:relative; }
.programme_partd h3 ul li span { position:relative; z-index:1;}
.programme_partd dl { display:flex;  background-color:#fff; box-shadow: 0 0 30px rgba(223,225,230,.5); margin-top:20px; flex-direction:column; overflow:hidden; padding:0 0 14px 0;}
.programme_partd dl dt {background-repeat:no-repeat; background-position:top center; background-size:cover; height:2rem; }
.programme_partd dl dd {flex:1; text-align:center;}
.programme_partd dl dd b { font-size:.2rem; font-weight:normal; color:#293040; line-height:.3rem; display:block; text-align:center; margin-top:20px;}
.programme_partd dl dd p {font-size:.14rem; font-weight:normal; color:#717787; line-height:.24rem; margin-top:14px; padding:0 20px; }
.programme_partd dl dd font { font-size:13px;font-weight:normal; color:#717787; line-height:30px; text-align:center; display:inline-block; vertical-align:middle;  margin:0 10px;margin-top:20px;}
.programme_partd dl dd font img { display:block; margin:0 auto; border:1px solid #dfe1e6; border-radius:5px; padding:5px; width:.44rem;}

.pro_kx_parta { padding:40px 20px; }
.pro_kx_parta ul { display: block; }
.pro_kx_parta ul li { height:1.6rem; position:relative; margin-top:20px;}
.pro_kx_parta ul li:last-child { margin-right:0;}
.pro_kx_parta ul li .img_box { height:1.6rem; width:100%; overflow:hidden; background-repeat:no-repeat; background-position:top center; background-size:cover; position:absolute; top:0; left:0; z-index:1;}
.pro_kx_parta ul li .word_box { position:absolute; bottom:20px; left:0; z-index:3;}
.pro_kx_parta ul li h3 { display:block; font-size:.16rem; font-weight:normal; color:#fff; text-align:left; line-height:.3rem; padding:0 20px 10px 20px;}
.pro_kx_parta ul li p { font-size:.12rem; font-weight:normal; color:#a1a6b3; line-height:.20rem; padding:0 20px; height:.40rem; display:block; overflow:hidden;}
.pro_kx_parta ul li h3::before { content: "";display: block; width: 4px;height: 16px;float: left;display: inline; margin-right: 10px; background-color: #ff7800;margin-top:.08rem;}
.pro_kx_parta ul li::before {content: "";display: block;  width:100%; height:100%; position:absolute; z-index:2; background-color: rgba(0,0,0,.7);}


/**商机询价销售服务解决方案**/
.pb3 { background-image:url(/images/solution/sourcingb2b/mobile_shangji_banner.jpg);}
.programme_shangji_parta {background-color:#f1f0f5;padding:40px 15px; }
.pro_shangji_pa_main { display:block; margin-top:15px;}
.pro_shangji_pa_main ul { display:flex;flex-wrap: wrap;}
.pro_shangji_pa_main ul li { width:46.8%; margin:5px;  background-color:#fff; padding:20px; box-sizing:border-box; border:1px solid #f1f0f5;}
.pro_shangji_pa_main ul li:nth-child(even) {width:20px; padding:30px 0; display:none;}
.pro_shangji_pa_main ul li img { display:block; margin:0 auto; width:1.2rem;}
.pro_shangji_pa_main ul li i img { width:20px;}
.pro_shangji_pa_main ul li strong { font-size:.18rem; font-weight:bold; color:#dfe1e6; display:block; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif;}
.pro_shangji_pa_main ul li h3 { font-size:.15rm; color:#293040; display:block; text-align:center; margin-top:10px; font-weight:normal;}
.pro_shangji_pa_main ul li p { font-size:.12rem; font-weight:normal; color:#717787; display:block; text-align:center; line-height:18px;  display:block; overflow:hidden; margin-top:5px;}

.programme_shangji_partb {background-color:#f1f0f5;padding:40px 20px; overflow:hidden;}
.pro_shangji_pb_main { display: block;}
.pro_shangji_pb_main dl {  position:relative; height:165px; margin-top:20px;}
.pro_shangji_pb_main dl dt {height:165px; background-repeat:no-repeat; background-position:top center; background-size:cover; position:absolute; top:0; left:0; z-index:1; display:block; width:100%;}
.pro_shangji_pb_main dl dd { position:absolute; z-index:2; left:20px; top:50%; transform: translateY(-50%);}
.pro_shangji_pb_main dl dd b { font-size:.16rem; color:#fff; font-weight:normal; line-height:30px;}
.pro_shangji_pb_main dl dd i { width:30px; height:2px; display:block; background-color:#ff7800; margin-top:10px;}
.pro_shangji_pb_main dl dd p { font-size:.12rem; font-weight:normal; line-height:20px; color:#a1a6b3; margin-top:10px; width:60%;}

/**全民营销解决方案**/
.pb4 { background-image:url(/images/solution/wholemarketing/mobile_quanmin_banner.jpg);}
.programme_quanmin_parta {padding:40px 15px;}
.pro_quanming_main { margin-top:20px; display:flex;}
.pro_quanming_main dl { flex:1; margin:0 5px; background-color:#fff; box-shadow: 0 0 30px rgba(223,225,230,.5);align-items:center; overflow:hidden; padding:10px;}
.pro_quanming_main dl dt { width:50px; display:block; margin:0 auto;}
.pro_quanming_main dl dt img { width:100%;}
.pro_quanming_main dl dd { display:block;}
.pro_quanming_main dl dd h3 { font-size:.13rem; color:#293040; line-height:.24rem; font-weight:normal; text-align:center; margin-top:10px;}
.pro_quanming_main dl dd p { font-size:.12rem; font-weight:normal; line-height:.18rem; color:#717787; margin-top:5px; display:block; }
.pad_top0 { padding-top:0;}
.bg0 {background:transparent;}
.bs {box-shadow: 0 0 30px rgba(223,225,230,0)}

/**文旅解决方案**/
.pb5 { background-image:url(/images/solution/tourism/mobile_wenlv_banner.jpg);}
.programme_wenlv_parta {padding:40px 15px;}
.programme_wenlv_parta ul { display:flex; flex-wrap: wrap; margin-top:20px;align-items:center;}
.programme_wenlv_parta ul li { width:50%; border:5px solid #fff; box-sizing:border-box;background-color:#293040; position:relative; height:1rem; border-radius:0px; overflow:hidden;}
.programme_wenlv_parta ul li .img_box { background-repeat:no-repeat; background-position:center center; background-size:cover; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}
.programme_wenlv_parta ul li:last-child { margin-right:0}
.programme_wenlv_parta ul li::before {content: "";display: block;  width:100%; height:100%; position:absolute; z-index:2; background-color: rgba(0,0,0,.3);}
.programme_wenlv_parta ul li b { position:absolute; z-index:3; font-size:.16rem; width:100%;  text-align:center;  color:#fff; display:block; top:50%; 
transform: translateY(-50%); left:0; font-weight:normal;}

/**科研采购**/
.pb6 { background-image:url(/images/solution/scienceb2b/mobile_keyan_banner.jpg);}
.mr0 { margin-top:0;}
.programme_keyan_parta { padding:40px 20px;}
.programme_keyan_parta ul {  margin-top:20px;}
.programme_keyan_parta ul li { display:block;display:flex; border-top:1px solid #dfe1e6; padding:20px 0;align-items:center;}
.programme_keyan_parta ul li .img_box { height:14vh; overflow:hidden; background-repeat:no-repeat; background-position:top center; background-size:cover; width:20vh;}
.programme_keyan_parta ul li .word_box {flex:1; margin-left:20px; text-align:left;}
.programme_keyan_parta ul li h3 { display:block; font-size:.14rem; font-weight: bold; color:#293040; text-align:left; }
.programme_keyan_parta ul li h3 span { color:#ff7800;}
.programme_keyan_parta ul li p { font-size:.12rem; font-weight:normal; color:#717787; line-height:.18rem; text-align:left; margin-top:5px;}
.programme_keyan_parta ul li:last-child { padding:20px 0 0 0;}

/**mro工业品**/
.pb7 { background-image:url(/images/solution/mro/mobile_mro_banner.jpg);}
.programme_mro_parta { padding:40px 20px;}
.programme_mro_parta dl {display: block;background-color: #fff; box-shadow: 0 0 30px rgba(223,225,230,.5);margin-top: 20px;align-items: center;}
.programme_mro_parta dl dt { display:block; height:1.8rem; overflow:hidden;}
.programme_mro_parta dl dt img { width:100%;}
.programme_mro_parta dl dd { display:block;padding:20px; box-sizing:border-box;}
.programme_mro_parta dl dd h3 { font-size:.14rem; font-weight:bold; color:#293040; display:block; line-height:.24rem;}
.programme_mro_parta dl dd b { font-size:.13rem; font-weight:bold; color:#717787; display:block; line-height:.3rem; margin-top:14px;}
.programme_mro_parta dl dd font { display:inline-block; vertical-align:middle; font-size:.12rem; font-weight:normal; color:#ff7800; background-color:#ffe9d6; margin-right:.05rem; margin-top:.05rem; padding:0 .05rem; line-height:.24rem;}

/**集团企采**/
.pb8 { background-image:url(/images/solution/purchase/mobile_jituan_banner.jpg);}
.programme_jituan_parta { background-color: #f1f0f5;padding:40px 15px;}
.programme_jituan_pa_main { overflow:hidden;}
.programme_jituan_pa_main ul { display:flex;flex-wrap: wrap; margin-top:20px;align-items:center;}
.programme_jituan_pa_main li {width:30.2%; border:1px solid #eeeeee; margin:5px; box-sizing:border-box; background-color:#fff; font-size:.13rem; font-weight:normal; color:#293040; text-align:center; padding:20px 0;} 
.programme_jituan_pa_main li img { width:40px; display:block; margin:0 auto; margin-bottom:20px;}

/**分销平台**/
.pb9 { background-image:url(/images/solution/distributionb2b/mobile_fenxiao_banner.jpg);}
.programme_partd dl dd .span_box { padding:20px 0 0 0;}
.programme_partd dl dd span { width:20%; font-size:.12rem; font-weight:normal; text-align:center;   display:inline-block; text-align:center; border:1px solid #eeeeee; height:100px; border-radius:10px; margin:5px;}
.programme_partd dl dd span strong { color:#ff7800; display:block;}
.programme_partd dl dd span img { width:30px; display:block; margin:0 auto; margin-top:14px; margin-bottom:10px;}



/**crm**/
.crm_banner { background-image:url(/images/crm_pic/mobile_crm_banner.jpg);  background-repeat:no-repeat; background-position:top center; height:70vh; width:100%; background-size:cover; text-align:left; position:relative; overflow:hidden;}
.crm_word { position:absolute; left:0;top:50%; transform: translateY(-50%); }
.crm_word h2 { font-size:.24rem; font-weight:bold; color:#fff; display:block; margin-bottom:30px; margin-top:60px;  position:relative; z-index:2; text-align:center;}
.crm_word h2 span { color:#ff7f00; display:block;}
.crm_word p { font-size:.13rem; font-weight:normal; line-height:.24rem; color:#a1a6b3; padding:0 20px; position:relative; z-index:2; display:block;}
.crm_word a { padding:0 18px 0 10px; height:44px; background:#ff7800; display:block; margin:0 20px; margin-top:40px; font-size:16px; font-weight:bold; line-height:44px; color:#fff; text-align:center; }
.crm_word a img { display:inline-block; vertical-align:middle; margin-right:6px;}
.crm_word a:hover {background-color:#ffa800; color:#fff;}
.crm_word i { width:1.4rem; height:1.4rem; background-image: linear-gradient(to right, rgba(255, 127, 0, 1) 0%, rgba(34, 36, 51, 0) 50%); border-radius:1000px; display:block; transform:rotate(45deg); position:inherit; z-index:1;opacity:.7; top:10px; left:1rem;}
.crm_word em { width:.4rem; height:.4rem; background-image: linear-gradient(to right, rgba(255, 127, 0, 1) 0%, rgba(34, 36, 51, 0) 50%); border-radius:1000px; display:block; transform:rotate(45deg); position:inherit; z-index:1; left:2.1rem; top:0;opacity:.7;}
.crm_parta {padding:40px 20px;}
.crm_pa_main { overflow:hidden; text-align:center; margin-top:40px; position:relative; }
.crm_pa_main strong { display: inline-block; font-size:.24rem; font-weight:normal; line-height:.44rem; margin-top:30px;}
.crm_pa_main strong span { color:#ff9300;}
.crm_pa_main font { background-image:url(/images/crm_pic/crm_div_bg.png); background-repeat:no-repeat; width:100%; height:2.8rem; background-size:130% auto; background-position:center center; display:block; margin:0 auto; font-size:12px; font-weight:normal; color:#fff; line-height:22px; box-sizing:border-box; padding:.64rem 0 0 0; z-index:1; display:block; margin:0 auto;}
.crm_pa_main dl { width:100%; height:80px; overflow:hidden;background:linear-gradient(to right,#f1f0f5,#fef6e6); padding:12px; box-sizing:border-box; display:flex;align-items:center; margin-top:10px;}
.crm_pa_main dl dt { width:56px; height:56px; background-color:#fff; }
.crm_pa_main dl dt img { display:block; width:40px; margin:0 auto; margin-top:8px;}
.crm_pa_main dl dd {flex:1; padding:0 10px; text-align:left;}
.crm_pa_main dl dd b { font-size:.14rem; font-weight:bold; color:#293040; display:block;}
.crm_pa_main dl dd p { font-size:.12rem; font-weight:normal; color:#717787; line-height:.22rem;}
.crm_pa_main dl.dst02 {flex-direction:row-reverse}
.crm_pa_main dl.dst04 {flex-direction:row-reverse}
.crm_pa_main dl.dst06 {flex-direction:row-reverse}

.crm_partb {background-color: #f1f0f5; padding:40px 20px;}
.crm_partb .dst01 { display:flex; margin-top:30px; background-color:#fff; align-items:center; flex-direction:column;}
.crm_partb .dst01 dt {height:1.8rem; display:block; width:100%;background-repeat:no-repeat; background-size:cover; background-position:top center;}
.crm_partb .dst01 dd { padding:0 20px; box-sizing:border-box;}
.crm_partb .dst02 { display:flex; border-bottom:1px solid #dfe1e6; padding:20px 0; align-items:center;}
.crm_partb .dst02 dt { width:70px; height:70px;flex:none;}
.crm_partb .dst02 dt img { width:100%;}
.crm_partb .dst02:last-child { border-bottom:none;}
.crm_partb .dst02 dd { padding:0; margin-left:20px;}
.crm_partb .dst02 dd b { font-size:.16rem; font-weight:bold; color:#293040; display:block; line-height:.3rem;}
.crm_partb .dst02 dd p { font-size:.14rem; font-weight:normal; color:#717787; line-height:.24rem;}

/**crm**/
.srm { background-image:url(/images/srm_pic/mobile_srm_banner.jpg);  background-repeat:no-repeat; background-position:top center; height:70vh; width:100%; background-size:cover; text-align:left; position:relative; overflow:hidden;}


/**云资源服务**/
.cloud { background-image:url(/images/cloud_pic/mobile_cloud_banner.jpg);  background-repeat:no-repeat; background-position:top center; height:70vh; width:100%; background-size:cover; text-align:left; position:relative; overflow:hidden;}

.cloud_parta { padding:40px 20px;}
.cloud_parta ul { margin-top:20px; display: flex;flex-wrap: wrap;}
.cloud_parta ul li { width:calc(33.33333% - 10px); margin-right:10px; margin-top:10px; border:1px solid #dfe1e6;box-sizing:border-box;}
.cloud_parta ul li:nth-child(3) { margin-right:0;  width:calc(33.33333% - 0px)} 
.cloud_parta ul li:nth-child(6) { margin-right:0;  width:calc(33.33333% - 0px)} 
.cloud_parta ul li img { display:block; margin:0 auto; width:100%;}

.cloud_partb { padding:40px 20px;background-color: #f1f0f5;}
.c_pb_main { margin-top:20px;}
.c_pb_main img { width:100%; display:block; margin:0 auto;}

.cloud_partc { padding:40px 15px 0 15px;}
.c_pc_main { display:flex;flex-wrap: wrap; margin-top:20px;}
.c_pc_main dl { width:calc(50% - 10px); border:1px solid #dfe1e6; border-bottom:2px solid #ff7800; padding:20px; box-sizing:border-box;margin:0 5px; margin-top:10px;  display:flex;align-items:center;flex-direction:column}
.c_pc_main dl dt { width:.44rem; display:block; margin:0 auto;}
.c_pc_main dl dt img { width:100%;}
.c_pc_main dl dd {flex:1; margin-top:20px;}
.c_pc_main dl dd b { font-size:.18rem; font-weight:normal; color:#293040; line-height:.24rem; text-align:center; display:block;}
.c_pc_main dl dd p { font-size:.12rem; font-weight:normal; color:#717787; line-height:.22rem; margin-top:.14rem;}

/**合作伙伴**/
.partner_banner { background-image:url(/images/partner_pic/mobile_banner01.jpg); background-repeat:no-repeat; background-position:top center; height:70vh; background-size:cover; width:100%; text-align:left; position:relative; overflow:hidden;}
.partner_banner a { height:44px; font-size:16px; font-weight:bold; color:#fff; text-align:center; line-height:44px; position:absolute; left:20px; right:20px;  background: -webkit-linear-gradient(left, #ff4e00, #ff7c00); bottom:60px;}
.partner_num {background-color: #fff; margin:20px 20px 0 20px; filter: drop-shadow(0 10px 10px #eceef1);position: relative; top: -60px; padding:0 0 20px 0; margin-bottom:.6rem; background-image:url(/images/partner_pic/partner_bg02.jpg); background-repeat:no-repeat; background-position:right bottom;}
.partner_num ul {display: flex;flex-wrap: wrap;}
.partner_num ul li { font-size:.14rem; color:#717787; width:50%; padding:0 0 0 20px; margin-top:20px;}
.partner_num ul li font { display:block; color:#717787;}
.partner_num ul li font h3 { display:inline-block; margin-right:5px;}
.partner_num ul li font h3 span { font-size:.26rem; color:#ff6c00; font-weight:bold; margin-right:5px; font-family:Arial, Helvetica, sans-serif;}
.partner_num ul li font h3 i { font-style:normal; font-size:.26rem; color:#ff6c00;}

.partner_parta {  background-image:url(/images/partner_pic/partner_bg01.jpg); background-repeat:no-repeat; background-position:top center; background-size:cover; margin-top:0; text-align:left; padding:40px 20px;}
.partner_parta h2 {font-size:.18rem;font-weight: bold;color: #fff;text-align: center;line-height: .24rem;}
.partner_pa_main { overflow:hidden; position:relative; display:flex;flex-direction:column;}
.partner_pa_main dl { display:flex; margin-top:20px; border-bottom:1px solid #3e4244; padding:0 0 20px 0;}
.partner_pa_main dl dt { width:.24rem; height:.24rem; border-radius:1000px;background: -webkit-linear-gradient(left, #ff4e00, #ff7c00); font-size:.12rem; color:#fff; text-align:center; line-height:.24rem;font-family:Arial, Helvetica, sans-serif;}
.partner_pa_main dl dd { flex:1; margin-left:10px;  box-sizing:border-box; position:relative;}
.partner_pa_main dl dd b { font-size:.18rem; color:#ff7c00; text-align:left; display:block;}
.partner_pa_main dl dd p { font-size:.15rem; color:#fff; line-height:.24rem; text-align:center; text-align:left; margin-top:8px;}

.partner_partb { padding:40px 20px;}
.partner_pb_main { background-color:#f5f5f9; padding:10px 20px 40px 20px; margin-top:20px; overflow:hidden;}
.partner_pb_main form {display: flex;flex-direction:column}
.v-form-item { position: relative; width:100%%; margin-top:.2rem;box-sizing:border-box;}
.v-input--simple {position: relative; display: inline-block;height:.44rem;width:100%;box-sizing: border-box;padding-left: 0;padding-right: 0;border-top: 0;border-left: 0;border-right: 0;border-bottom: 3px solid #293040;border-radius: 0;transition: border-color .25s;font-size: .14rem;}
.v-input--simple__input{position:relative;z-index:1;display:block;line-height:inherit;height:.44rem;font-size:.14rem;color:#ff4e00; font-weight:bold;outline:none;border: 0 none;background:none;box-sizing:border-box;width:100%; }

.v-form-item:nth-child(1) .v-input--simple__placeholder { position:absolute;top:2px;left:0;line-height:.36rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#293040;cursor:text;transition-property:opacity, top, font-size, color;transition-duration:.25s; font-weight:bold;background-image:url(/images/partner_pic/partner1.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 24px;background-size:20px 20px;}
.v-form-item:nth-child(2) .v-input--simple__placeholder { position:absolute;top:2px;left:0;line-height:.36rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#293040;cursor:text;transition-property:opacity, top, font-size, color;transition-duration:.25s; font-weight:bold;background-image:url(/images/partner_pic/partner2.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 24px;background-size:20px 20px;}
.v-form-item:nth-child(3) .v-input--simple__placeholder { position:absolute;top:2px;left:0;line-height:.36rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#293040;cursor:text;transition-property:opacity, top, font-size, color;transition-duration:.25s; font-weight:bold;background-image:url(/images/partner_pic/partner3.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 24px;background-size:20px 20px;}
.v-form-item:nth-child(4) .v-input--simple__placeholder { position:absolute;top:2px;left:0;line-height:.36rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#293040;cursor:text;transition-property:opacity, top, font-size, color;transition-duration:.25s; font-weight:bold;background-image:url(/images/partner_pic/partner4.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 24px;background-size:20px 20px;}
.v-form-item:nth-child(5) .v-input--simple__placeholder { position:absolute;top:2px;left:0;line-height:.36rem; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#293040;cursor:text;transition-property:opacity, top, font-size, color;transition-duration:.25s; font-weight:bold;background-image:url(/images/partner_pic/partner5.png); background-repeat:no-repeat; background-position:left; padding:0 0 0 24px;background-size:20px 20px;}

.v-form-item:nth-child(1) .v-input--simple--focus .v-input--simple__placeholder {display: block!important;top: -20px;font-size:.14rem;color: #ff4e00;opacity: 1;font-weight:bold;background-image:url(/images/partner_pic/partner1_2.png); background-size:20px 20px; padding:0 0 0 24px;}
.v-form-item:nth-child(2) .v-input--simple--focus .v-input--simple__placeholder {display: block!important;top: -20px;font-size:.14rem;color: #ff4e00;opacity: 1;font-weight:bold;background-image:url(/images/partner_pic/partner2_2.png); background-size:20px 20px; padding:0 0 0 24px;}
.v-form-item:nth-child(3) .v-input--simple--focus .v-input--simple__placeholder {display: block!important;top: -20px;font-size:.14rem;color: #ff4e00;opacity: 1;font-weight:bold;background-image:url(/images/partner_pic/partner3_2.png); background-size:20px 20px; padding:0 0 0 24px;}
.v-form-item:nth-child(4) .v-input--simple--focus .v-input--simple__placeholder {display: block!important;top: -20px;font-size:.14rem;color: #ff4e00;opacity: 1;font-weight:bold;background-image:url(/images/partner_pic/partner4_2.png); background-size:20px 20px; padding:0 0 0 24px;}
.v-form-item:nth-child(5) .v-input--simple--focus .v-input--simple__placeholder {display: block!important;top: -20px;font-size:.14rem;color: #ff4e00;opacity: 1;font-weight:bold;background-image:url(/images/partner_pic/partner5_2.png); background-size:20px 20px; padding:0 0 0 24px;}
.v-input--simple--focus {border-color: #ff4e00;border-width: 3px;}

a.confirm_submission { width:100%;height:.44rem; font-size:.16rem; font-weight:bold; color:#fff; text-align:center; line-height:.44rem; background: -webkit-linear-gradient(left, #ff4e00, #ff7c00); display:block; margin:0 auto; margin-top:30px;}

.partner_part { padding:40px 20px 0 20px; }
.partner_part ul {  margin-top:20px;}
.partner_part ul li { display:block;text-align:center; margin-bottom:.1rem;}
.partner_part ul li .img_box { height:30vh; overflow:hidden; background-repeat:no-repeat; background-position:top center; background-size:cover; width:100%;}
.partner_part ul li .word_box {text-align: center;}
.partner_part ul li h3 { display:block; font-size:.16rem; font-weight: bold; color:#293040; text-align: center; line-height:.44rem;}
