

.themetopwrap{ position:relative;}
.themetopwrap .themetopbar{ width:100%; height:48px; background-color:rgba(0,0,0,0.2); position:absolute; top:0; left:0;}
.themetopwrap .themetopbar .themeback{ position:absolute; top:0; left:0;}
.themetopwrap .themetopbar .themeback a{ display:block; padding:12px;}
.themetopwrap .themetopbar .themeback a img{ display:block;}
.themetopwrap .themetopbar .themelogo{ padding-top:12px; text-align:center;}
.themetopwrap .themetopbar .themelogo img{height:20px;}
.themetopwrap .themetopbar .themehome{position:absolute; top:0; right:0;}
.themetopwrap .themetopbar .themehome a{display:block; padding:12px;}
.themetopwrap .themetopbar .themehome a img{ display:block;}
.bannerwarrp{}
.bannerwarrp a{}
.bannerwarrp a img{}
.themewrap{ padding:48px 0;}
.themewrapbg{ background-color:#eee;}
.themewrap .mpthemepart1{}
.themewrap .mpthemepart1 .thtemetit{ height:30px; line-height:30px;}
.themewrap .mpthemepart1 .thtemetit h3{ font-size:18px; color:#000; font-weight:600; text-align:center;}
.themewrap .mpthemepart1 .thtemetit h3 span{ color:#ff2a00;}
.themewrap .mpthemepart1 .thtemedescrip{ text-align:center; font-size:12px; color:#aaa;}
.themewrap .mpfunctionlist{ padding:24px 10px;}
.themewrap .mpfunctionlist ul{}
.themewrap .mpfunctionlist ul li{ width:33.3%;}
.themewrap .mpfunctionlist ul li .mpfucitem{ padding:0 10px 16px;}
.themewrap .mpfunctionlist ul li .mpfucitem .mpfucicon{ text-align:center;}
.themewrap .mpfunctionlist ul li .mpfucitem .mpfucicon img{ width:40px; height:40px;}
.themewrap .mpfunctionlist ul li .mpfucitem .mpfuctit{ text-align:center; font-size:14px; color:#000; font-weight:600; }
.themewrap .mpfunctionlist ul li .mpfucitem .mpfuctxt{ font-size:12px; color:#aaa;}
.themewrap .mpfunctionlist ul.txtcenter li .mpfucitem .mpfuctxt{ line-height:20px; text-align:center;}



.themewrap .mpthemepart1{}
.themewrap .mpthemepart1 .themefutit{ font-size:14px; text-align:center; color:#aaa; font-weight:600; }
.themewrap .mpthemepart1 .thtemetit{}
.themewrap .mpthemepart1 .thtemetit h3{}
.themewrap .mpthemepart1 .thtemetit h3 span{}
.themewrap .mpfananbox{ padding:24px 16px 0;}
.themewrap .mpfananbox img{}

.themewrap .b2s2cbox{ padding:0 16px;}
.themewrap .b2s2cbox img{}
.themewrap{}
.mptxtpicbg{ background:url(../images/aiditu1.png) no-repeat center 0; background-size:cover;}
.themewrap.mptxtpicbg .mpthemepart1{}
.themewrap.mptxtpicbg .fontwff{ color:#fff;}
.themewrap.mptxtpicbg .fontwff .thtemetit{}
.themewrap.mptxtpicbg .fontwff .thtemetit h3{ color:#fff;}
.themewrap.mptxtpicbg .fontwff .thtemedescrip{ line-height:18px; color:#fff;}
.themewrap.mptxtpicbg .spmodbox{ padding-top:24px;}
.themewrap.mptxtpicbg .spmodbox img{}

.themewrap .hthemeybox{ padding:24px 16px 0;}
.themewrap .hthemeybox img{}

.themewrap.themewrapbg .technology{ padding:20px 10px 0;}
.themewrap.themewrapbg .technology ul{}
.themewrap.themewrapbg .technology ul:after {  display:table;clear:both;content: "";height: 0;}
.themewrap.themewrapbg .technology ul li{ float:left; width:50%;}
.themewrap.themewrapbg .technology ul li .techitem{ padding:0 0 16px 0; background-color:#fff; border-radius:8px; margin:10px;}
.themewrap.themewrapbg .technology ul li .techitem .techicon{ padding:16px 16px 8px; text-align:center;}
.themewrap.themewrapbg .technology ul li .techitem .techicon img{ width:100%; height:auto;}
.themewrap.themewrapbg .technology ul li .techitem .techtit{ font-size:14px; color:#000; text-align:center;}
.themewrap .seversbox{ padding-top:24px;}
.themewrap .seversbox ul:after {  display:table;clear:both;content: "";height: 0;}
.themewrap .seversbox ul li{float:left; width:33.3%;}
.themewrap .seversbox ul li .sevsitem{}
.themewrap .seversbox ul li .sevsitem .sevsicon{ padding:0 20px 16px;}
.themewrap .seversbox ul li .sevsitem .sevsicon img{ width:100%; height:auto;}
.themewrap .seversbox ul li .sevsitem .sevstit{ text-align:center; color:#000; font-size:14px; font-weight:700;}
.themewrap .seversbox ul li .sevsitem .sevstxt{text-align:center; color:#aaa;}
.themealimod{}
.themealimod .themealitit{}
.themealimod .themealitit h3{ padding-left:16px; font-size:16px; color:#000; font-weight:bold;}
.themealimod .themealilist{ padding:8px;}
.themealimod .themealilist ul:after {  display:table;clear:both;content: "";height: 0;}
.themealimod .themealilist ul li{float:left; width:25%;}
.themealimod .themealilist ul li .themealiitem{ margin:8px; position:relative;}
.themealimod .themealilist ul li .themealiitem .themealipic{}
.themealimod .themealilist ul li .themealiitem .themealipic img{ width:100%; height:auto;}
.themealimod .themealilist ul li .themealiitem .themealiysma{ width:100%; height:24px; line-height:24px; text-align:center; color:#fff; font-size:12px; background:rgba(0,0,0,0.6); position:absolute; bottom:0; left:0; }
.themealimod .themealilist ul li .themealiitem .themealiysma span{}


.themetelmod { padding:20px 0 40px; text-align:center;}
.themetelmod .thteltit { font-size:12px; color:#aaa;}
.themetelmod .thtelnumber { font-size:18px; color:#f00;}

.themewrap .mpthemepart1.fontwff .thtemetit h3{ color:#fff; }
.themewrap .mpthemepart1.fontwff .thtemedescrip{ color:#fff;}

.xcxtxtpicbg{ background:url(../images/xcxmbbg.png) no-repeat center 0; background-size:cover;}
.xcxmbmodbox{ width:100%; padding:30px 0 0; margin:0 auto;}
.xcxtabs{ height:40px; padding:0 8px;}
.xcxtabs ul{  height:40px; display:flex;}
.xcxtabs ul:after {  display:table;clear:both;content: "";height: 0;}
.xcxtabs ul li{ flex:1;height:40px; line-height:40px; text-align:center; background-color:#fff; background-color:rgba(255,255,255,0.1); color:#eee; font-size:10px; cursor:pointer;white-space:nowrap;}
.xcxtabs ul li:nth-child(2n+1){background-color:rgba(0,0,0,0.3);}
.xcxtabs ul li.on{ background-color:#0078ff;}
.xcxtabs ul li a{ color:#fff;}
.xcxlhpic{ padding-top:40px;  position:relative;}
.xcxmbpicbox{width:100%; overflow:hidden;}
.xcxmbpicbox ul li{ width:100%; padding:0 30px; box-sizing:border-box;}
.xcxmbpicbox img{ }
.xcxlhlt{ position:absolute; top:50%; left:10px; cursor:pointer; z-index:1;}
.xcxlhrt{ position:absolute; top:50%; right:10px;cursor:pointer;z-index:1;}

