body{ font-family:"微软雅黑", verdana, geneva, arial, helvetica, sans-serif;}
/*ai名片*/
.themeheader{ position:relative;}
.themeheader .thememuenbar{ height:72px; position:absolute; top:0; left:0;}

.themeheader .thememuenbar .themtlogo{ float:left; padding:24px;}
.themeheader .thememuenbar .themtlogo a{}
.themeheader .thememuenbar .themtlogo a img{}

.themeheader .thememuenbar .thememuenlist{ float:left;}
.themeheader .thememuenbar .thememuenlist ul{height:72px; position:relative;}
.themeheader .thememuenbar .thememuenlist ul li{ float:left; padding:0 16px; height:72px; line-height:72px; display:block; position:relative; z-index:1;}
.themeheader .thememuenbar .thememuenlist ul li a{ font-size:16px; color:#fff; text-decoration:none;}
.themeheader .thememuenbar .thememuenlist ul li dl{ min-height:72px; position:relative;}
.themeheader .thememuenbar .thememuenlist ul li dl dt{ position:relative;}
.themeheader .thememuenbar .thememuenlist ul li dl:hover dt:after {content: "";display: inline-block;
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);border-width: 8px;
width: 0;height: 0;border-style: solid;position: absolute;left:50%;top:40px; margin-left:-8px;
}
.themeheader .thememuenbar .thememuenlist ul li dl dt a{}
.themeheader .thememuenbar .thememuenlist ul li dl dd{ display:none; padding:16px; line-height:32px; background-color:#fff;box-shadow: 0 1px 2px rgba(0,0,0, 0.3); border-radius:4px; position:absolute; top:54px; left:-4px;}

.themeheader .thememuenbar .thememuenlist ul li dl dd a{ display:block; color:#000; font-size:14px;white-space:nowrap;}
.themeheader .thememuenbar .thememuenlist ul li dl dd a:hover{ color:#307ef2;}
.themeheader .thememuenbar .thememuenlist ul li dl:hover dt:after{top:40px;
opacity:0;
animation:iconmove 0.6s forwards;
-moz-animation:iconmove 0.6s forwards; /* firefox */
-webkit-animation:iconmove 0.6s forwards; /* safari and chrome */
-o-animation:iconmove 0.6s forwards; /* opera */}
.themeheader .thememuenbar .thememuenlist ul li dl:hover dd{ display:block;}

.themeheader .thememuenbar .thememuenlist ul li dl:hover dd{
top:54px;
animation:navlinemove 0.5s forwards;
-moz-animation:navlinemove 0.5s forwards; /* firefox */
-webkit-animation:navlinemove 0.5s forwards; /* safari and chrome */
-o-animation:navlinemove 0.5s forwards; /* opera */
}
.themeheader .thememuenbar .thememuenlist ul li.activeline{height: 2px;	line-height: 2px;background-color: #fff; position: absolute;	bottom: 16px;left: 164px;width: 40px;opacity:0;	transition: left .5s;-moz-transition: left .5s;-webkit-transition: left .5s;-o-transition: left .5s; z-index:0;}
/*二级菜单动画*/
@keyframes navlinemove{
from {top:100px;opacity:0;}
to {top:54px;opacity:1;}
}

@-moz-keyframes navlinemove /* firefox */
{
from {top:100px;opacity:0;}
to {top:54px;opacity:1;}
}

@-webkit-keyframes navlinemove /* safari and chrome */
{
from {top:100px;opacity:0;}
to {top:54px;opacity:1;}
}

@-o-keyframes navlinemove /* opera */
{
from {top:100px;opacity:0;}
to {top:54px;opacity:1;}
}
/*小三角形动画*/
@keyframes iconmove{
from {top:70px;opacity:0;}
to {top:40px;opacity:1;}
}

@-moz-keyframes iconmove /* firefox */
{
from {top:70px;opacity:0;}
to {top:40px;opacity:1;}
}

@-webkit-keyframes iconmove /* safari and chrome */
{
from {top:70px;opacity:0;}
to {top:40px;opacity:1;}
}

@-o-keyframes iconmove /* opera */
{
from {top:70px;opacity:0;}
to {top:40px;opacity:1;}
}

.themeheader .themebanner{height:576px; background:#307ef2  no-repeat center 0;}
.themeheader .themebanner img{}

.themewrap{ padding-top:80px;}
.themewrapbg{ background-color:#f1f1f1;}
.themewrap .mpthemepart1{}

.thtemetit{ text-align:center;}
.thtemetit h3{ line-height:68px; font-size:40px; color:#000;}
.thtemetit h3 span{ color:#ff2a00;}
.thtemedescrip{line-height:48px;text-align:center; font-size:24px; color:#787878;}
.themefutit{line-height:30px;text-align:center; font-size:24px; color:#787878;}
.fontwff .thtemetit h3{ color:#fff; }
.fontwff .thtemedescrip{ color:#fff;}


.themewrap .mpfunctionlist{ padding-top:60px;}
.themewrap .mpfunctionlist ul{ overflow:hidden;}
.themewrap .mpfunctionlist ul li{  float:left; width:25%; height:300px;}
.themewrap .mpfunctionlist ul li .mpfucitem{ padding:0 36px;}
.themewrap .mpfunctionlist ul li .mpfucitem .mpfucicon{ padding-bottom:20px; text-align:center;}
.themewrap .mpfunctionlist ul li .mpfucitem .mpfucicon img{}
.themewrap .mpfunctionlist ul li .mpfucitem .mpfuctit{ line-height:40px; text-align:center; font-size:20px; color:#000; font-weight: 600;}
.themewrap .mpfunctionlist ul li .mpfucitem .mpfuctxt{ line-height:30px; font-size:16px; color:#787878;}


.themewrap .mpfananbox{ padding:56px 0 84px;}
.themewrap .mpfananbox ul{ width:1250px; overflow:hidden;}
.themewrap .mpfananbox ul li{ float:left;width:279px; padding-right:26px;}
.themewrap .mpfananbox ul li .mpfaitem{ width:239px; height:390px; padding:20px; background-color:#fff; border-radius:20px;}
.themewrap .mpfananbox ul li .mpfaitem .mpfapic{ text-align:center;}
.themewrap .mpfananbox ul li .mpfaitem .mpfapic img{}
.themewrap .mpfananbox ul li .mpfaitem .mpfatit{ height:90px; line-height:90px; font-weight:bold; text-align:center; font-size:18px; color:#000;}
.themewrap .mpfananbox ul li .mpfaitem .mpfatxt{ font-size:16px; color:#787878;}

.themewrap .b2s2cbox{ margin:70px 0; height:636px; background:url(/uploads/image/avimages/b2s2c.png) no-repeat center 0;}
.themewrap .b2s2cbox img{}

.mptxtpicbg{ height:700px; background:url(/uploads/image/avimages/aiditu1.png) no-repeat center 0; background-size:cover;}
.themewrap .spmodbox{ margin:0 auto; padding:40px 0 53px; width:566px; height:465px; text-align:center; position:relative;}
.themewrap .spmodbox img{}
.themewrap .spmodbox span{ display:block; text-align:left; font-size:18px; color:#faffaf; position:absolute; left:0; bottom:56px; line-height:32px;}
.themewrap .hthemeybox{ padding:70px 0 90px; text-align:center;}
.themewrap .hthemeybox img{}

/*技术支持模块*/
.themewrap .technology{ padding:70px 0 95px;}
.themewrap .technology ul{ width:1250px; overflow:hidden;}
.themewrap .technology ul li{ float:left; width:278px; padding-right:28px;}
.themewrap .technology ul li .techitem{ width:278px; height:396px; background-color:#fff; border-radius:8px;}
.themewrap .technology ul li .techitem .techicon{ padding:55px 0 20px; text-align:center;}
.themewrap .technology ul li .techitem .techicon img{}
.themewrap .technology ul li .techitem .techtit{ text-align:center; font-size:18px; color:#000; font-weight:600;}
/*服务模块*/
.themewrap .seversbox{ width:1140px; padding:70px 0 90px; margin:0 auto;}
.themewrap .seversbox ul{ overflow:hidden;}
.themewrap .seversbox ul li{float:left; width:33.3%; }
.themewrap .seversbox ul li .sevsitem{ text-align:center;}
.themewrap .seversbox ul li .sevsitem .sevsicon{ padding-bottom:20px;}
.themewrap .seversbox ul li .sevsitem .sevsicon img{}
.themewrap .seversbox ul li .sevsitem .sevstit{ line-height:50px;font-size:18px; color:#000; font-weight:600;}
.themewrap .seversbox ul li .sevsitem .sevstxt{font-size:16px; color:#787878; line-height:26px;}
/*案例模块*/
.themealimod{width:1200px;margin:0 auto;}
.themealimod .themealitit{}
.themealimod .themealitit h3{font-size:18px; color:#000; font-weight:600;}
.themealimod .themealilist{ width:1200px; padding:30px 0 100px; overflow:hidden;}
.themealimod .themealilist ul{ width:1280px; overflow:hidden;}
.themealimod .themealilist ul li{ float:left; width:258px;height:460px; padding-right:55px;}
.themealimod .themealilist ul li .themealiitem{ width:258px; height:458px; position:relative;}
.themealimod .themealilist ul li .themealiitem .themealipic{width:258px; height:458px; border:1px solid #f4f4f4;}
.themealimod .themealilist ul li .themealiitem .themealipic img{ display:block;}
.themealimod .themealilist ul li .themealiitem .themealiysma{ display:none; width:260px; height:460px; background-color:#eee; background-color:rgba(0,0,0,0.6); position:absolute; top:0; left:0;}
.themealimod .themealilist ul li .themealiitem .themealiysma span{ display:block; margin:150px auto 0; width:144px; height:144px; padding:12px; background-color:#fff; text-align:center;}
.themealimod .themealilist ul li .themealiitem .themealiysma span img{}

.themealimod .themealilist ul li .themealiitem:hover .themealiysma{ display:block;}
/*电话模块*/
.themetelmod{ padding-bottom:84px; text-align:center;}
.thteltit{ line-height:40px; color:#787878; font-size:18px;}
.thtelnumber{ line-height:50px; font-size:40px; color:#ff0000; font-weight:600;}

/*小程序*/
.xcxbanner{ height:646px; background:#101046  no-repeat center 0;}

.themewrap .xcxfunctionlist{ padding-top:60px;}
.themewrap .xcxfunctionlist ul{ overflow:hidden;}
.themewrap .xcxfunctionlist ul li{  float:left; width:25%; height:280px;}

.xcxufucitem{ padding:0 36px;}
.xcxufucicon{ padding-bottom:20px; text-align:center;}
.xcxufucicon img{}
.xcxufuctit{ line-height:40px; text-align:center; font-size:20px; color:#000; font-weight: 600;}
.xcxutxt{ine-height:30px; font-size:16px; color:#787878; text-align:center;}

.xcxtxtpicbg{ height:886px; background:url(/uploads/image/avimages/xcxmbbg.png) no-repeat center 0; background-size:cover;}
.xcxmbmodbox{ width:1200px; padding:68px 0; margin:0 auto;}
.xcxtabs{ height:60px;}
.xcxtabs ul{  height:60px;}
.xcxtabs ul li{ float:left; width:150px;height:60px; line-height:60px; text-align:center; background-color:#fff; background-color:rgba(255,255,255,0.1); color:#eee; font-size:18px; cursor:pointer;}
.xcxtabs ul li:nth-child(2n 1){background-color:rgba(0,0,0,0.3);}
.xcxtabs ul li.on{ background-color:#0078ff;}
.xcxlhpic{ padding-top:60px; height:460px; position:relative;}
.xcxmbpicbox{ width:1072px; margin:0 auto;}
.xcxmbpicbox img{ }
.xcxlhlt{ position:absolute; top:230px; left:0; cursor:pointer;}
.xcxlhrt{ position:absolute; top:230px; right:0;cursor:pointer;}

.themewrap .yousbox{ width:1200px; padding:70px 0 40px; margin:0 auto;}
.themewrap .yousbox ul{ overflow:hidden;}
.themewrap .yousbox ul li{float:left; width:33.3%; }
.themewrap .yousbox ul li .yousitem{  margin:0 auto; width:260px; height:330px;}
.themewrap .yousbox ul li .yousitem .yousicon{ text-align:center; padding-bottom:20px;}
.themewrap .yousbox ul li .yousitem .yousicon img{}
.themewrap .yousbox ul li .yousitem .youstit{ text-align:center; line-height:50px;font-size:18px; color:#000; font-weight:600;}
.themewrap .yousbox ul li .yousitem .youstxt{font-size:16px; color:#787878; line-height:26px;}
.xtxthemeybox{ padding:87px 0 110px; text-align:center;}

/*智慧表单*/
.formbanner{ height:573px; background:#4b2cf4  no-repeat center 0;}
.fromfunctionpic{ text-align:center; padding-top:40px;}
.themewrap .xcxfunctionlist ul.fromul{ padding-bottom:20px;}
.themewrap .xcxfunctionlist ul.fromul li{ height:222px;}
.formtabs{ width:1200px; height:60px; overflow:hidden;}
.formtabs ul{ width:1250px;  height:60px;}
.formtabs ul li{ float:left; margin-right:6px; width:396px;height:60px; line-height:60px; text-align:center; background-color:#c3c3c3;color:#000; font-size:18px; cursor:pointer;}
.formtabs ul li.on{ color:#fff; background-color:#0078ff;}
.formlhpic{ padding-top:60px; height:564px; position:relative;}
.formmbpicbox{ width:1177px; margin:0 auto;}
.xcxmbpicbox img{}
.formhylist{ padding:70px 0; overflow:hidden;}
.formhylist ul{ width:1250px; overflow:hidden;}
.formhylist ul li{ float:left; width:210px; height:210px; padding-right:38px; padding-bottom:38px; }
.formhyitem{ }
.formhyiicon{ }
.formhyiicon:hover img{ }

/*行业码*/
.hymabanner{ height:573px; background:#482190  no-repeat center 0;}
.hymafunctionpic{text-align:center; padding:100px 0 120px;}
.hymysibg{height:900px; background:url(/uploads/image/avimages/hymaysbg.png) no-repeat center 0; background-size:cover;}

.themewrap .hymaysilist{ padding-top:100px;}
.themewrap .hymaysilist ul{ overflow:hidden;}
.themewrap .hymaysilist ul li{  float:left; width:25%; height:318px;}

.hymaysiitem{ padding:0 36px;}
.hymaysiicon{ padding-bottom:20px; text-align:center;}
.hymaysiicon img{}
.hymaysitit{ line-height:40px; text-align:center; font-size:20px; color:#fff; font-weight: 600;}
.hymaysitxt{ine-height:30px; font-size:16px; color:#fff; text-align:center;}

.themewrap .hymlyuilist{ padding-top:100px;}
.themewrap .hymlyuilist ul{ overflow:hidden;}
.themewrap .hymlyuilist ul li{  float:left; width:20%; height:260px;}

.hymlyuitem{}
.hymlyuicon{ padding-bottom:20px; text-align:center;}
.hymlyuicon img{}
.hymlyutit{ line-height:40px; text-align:center; font-size:20px; color:#000; font-weight: 600;}
.hymlyutxt{ine-height:30px; font-size:16px; color:#787878; text-align:center;}

/*防走失系统*/
.fzsibanner{height:570px; background:#065b9e  no-repeat center 0;}
.fzsimapic{ padding:80px 0 60px; text-align:center;}
.fzsihybg{height:744px; background:#065b9e url(/uploads/image/avimages/fzsihybg.png) no-repeat center 0; background-size:cover; }
.fzsihypic{padding:80px 0; text-align:center;}
.fzsihowpic{padding:80px 0px 140px; text-align:center;}

/*连载文本系统*/
.wenbenbanner{height:524px; background:#24b2ee  no-repeat center 0;}
.wenbenpic{padding:80px 0 120px; text-align:center;}

/*旅游行业解决方案*/
.lvyoubanner{height:570px; background:#24b2ee  no-repeat center 0;}
.lvyoudescrip{ width:1030px; margin:0 auto; padding-top:30px; line-height:30px; font-size:16px; color:#787878;}
.lvyouapic{ text-align:center; padding:60px 0 150px;}
.lvyoudpbg{height:901px; background:#065b9e url(/uploads/image/avimages/themelydpbgs.png) no-repeat center bottom; background-size:cover; }

/*微黄页*/
.weihybanner{height:524px; background:#24b2ee  no-repeat center 0;}
.weihyapic{ text-align:center; padding:100px 0;}
.weihyzehepic{text-align:center; padding:100px 0 150px;}

/*智慧街道*/
.jiedaobanner{height:524px; background:#24b2ee  no-repeat center 0;}