@charset "utf-8";
/*公用样式*/
html, body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, hr, p, blockquote, pre, fieldset, iframe, form, legend, button, input, textarea, table, th, td { margin:0; padding:0; }
body { font:12px/1.5 \5FAE\8F6F\96C5\9ED1,tahoma,arial,'Hiragino Sans GB',simsun,sans-serif; background:#fff; color:#000; margin:0 auto; line-height:24px; }
img { border:0 none; vertical-align:middle; max-width:100%; }
ul, ol, li, dl { list-style:none;}
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal;}
button { cursor: pointer;}
i, em, cite { font-style:normal; }
a { color:#000; text-decoration:none;}
a:link { color: #000;}
a:hover { text-decoration: underline;}
.clear { clear:both; content:"."; display:block; height:0px; float: none!important; font-size:0px; line-height:0px; overflow:hidden; visibility:hidden;}
.clear:after { clear:both; content:"."; display:block!important; height:0px; font-size:0px; line-height:0px; overflow:hidden; visibility:hidden;}
@font-face {
	  font-family: 'HELVETICANEUELT-THINEXT';
	  src: url('../fonts/HELVETICANEUELT-THINEXT.OTF');
}
/*@font-face {
	  font-family: 'NotoSansCJKsc-Thin';
	  src: url('../fonts/NotoSansCJKsc-Thin.otf');
}*/

.gmsection { position:relative; width:100%;}
.gmsection:after { clear:both; content:"."; display:block; height:0px; font-size:0px; line-height:0px; overflow:hidden; visibility:hidden;}
.gmsection .boxwrap { width:100%; min-width:1200px;}

/*页头*/
#header { width:100%; height:65px; position:fixed; z-index:999; top:0; }
#header .wrapper { width:100%; height:100%; position:relative; overflow:hidden; transition:all 0.5s;}
#header .mask { width:100%; height:100%; position:absolute; left:0px; top:0px; background:#323436; opacity:0; transition:all 0.3s;}
#logo { width:180px; height:60px; position:fixed; left:0px; top:0px; overflow:hidden; z-index:50;}
#navbar { height:45px; padding:10px 0; position:absolute; left:200px; top:0px;}
#navbar li { float:left; height:100%; line-height:45px; overflow:hidden;}
#navbar li.menu { height:45px;}

#navbar li .button { display:block;padding:0 10px; height:45px; color:#fff; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  position:relative; text-decoration:none; overflow:hidden;}
#navbar li .button span{text-shadow:0px 1px 2px #5e5e5e; transition:all 0.5s;}
#navbar li .button:hover span{text-shadow:none;color:#00c0ff;}

#navbar li.menu .dropdown-content{position:absolute;z-index:98;height:0;opacity:0;transition:all 0.5s;display:none;}
#navbar li.menu .dropdown-content ul {padding:0 15px;background:#060606;border-radius:4px;padding-bottom:15px;}
#navbar li.menu .dropdown-content ul li{float:none;height:36px;}
#navbar li.menu .dropdown-content ul li span {display:block;float:left;padding:0 10px 0 0px; font-size:24px; font-family:\5FAE\8F6F\96C5\9ED1; }
#navbar li.menu .dropdown-content ul li a{opacity:0;height:0px;font-size:0px;display:none;color:#fff;transition:all 0.5s;font-family:\5FAE\8F6F\96C5\9ED1;}
#navbar li.menu .dropdown-content ul li a:hover{color:#00c0ff;text-decoration:none;}
#navbar li.menu .dropdown-content ul li .hot{color:#00c0ff;}
#navbar li.menu:hover .dropdown-content {opacity:0.85;}
#navbar li.menu:hover .dhd1 {height:268px;}
#navbar li.menu:hover .dhd2 {height:178px;}
#navbar li.menu:hover .dropdown-content{display:block;}
#navbar li.menu:hover .dropdown-content ul li a{height:22px;font-size:14px;float:left;display:block;opacity:1;}
#navbar li.menu .triangle {opacity:0;transition:all 0.3s;margin-left:30px;}
#navbar li.menu:hover .triangle{opacity:1;margin-left:30px;width:0;height:0;border-bottom: 5px solid #060606;border-right: 5px solid transparent;border-left: 5px solid transparent;}


#navbar li.dot { padding:0 15px; color:#fff; font-size:32px; font-family:\5FAE\8F6F\96C5\9ED1; }

.nav-toggle { width:40px; height:40px; position:absolute; top:10px; right:20px; z-index:50;}
.nav-toggle i { display:block; width:100%; height:100%; cursor:pointer; background:url(../nav-arrow.png) no-repeat 0 0; overflow:hidden;}
.navshow #header .wrapper { margin-top:-65px;}
.navshow #header .navbarx { margin-top:-65px;}
.navshow .nav-toggle i { background-position:0 -40px;}

/*页尾*/
#footer { width:100%; background:#333438 url(../ftbg.jpg) repeat-x 0 0; overflow:hidden;}
#footer .boxwrap { width:1200px; height:260px; margin:0 auto;}
#footer .ftnav { height:40px; padding:55px 0; position:relative; overflow:hidden;}
#footer .ftnav .links { height:40px; line-height:40px; overflow:hidden;}
#footer .ftnav .links a { color:#fff; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-decoration:none; vertical-align:top;}
#footer .ftnav .links a:hover { color:#00c0ff; }
#footer .ftnav .links span {  padding:0 15px; color:#fff; font-size:30px; font-family:\5FAE\8F6F\96C5\9ED1; }
#footer .company { width:100%; padding:25px 0; position:relative; overflow:hidden;}
#footer .company .contact { position:absolute; left:0px; top:25px;}
#footer .company .contact a { display:block; color:#d4d4d4; text-decoration:none;}
#footer .company .contact .cntxt { height:30px; line-height:30px; font-size:22px; font-family:\5FAE\8F6F\96C5\9ED1; }
#footer .company .contact .entxt { height:30px; line-height:30px; font-size:16px; font-family:Myriad Pro; }
#footer .company .txtbox { float:left; height:60px; color:#d4d4d4; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1; }
#footer .company .txtbox a { color:#d4d4d4; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  }
#footer .company .copyright { width:330px; line-height:30px; margin-left:160px;}
#footer .company .address { width:330px; line-height:30px; margin-left:70px;}
#footer .company .email { width:230px; line-height:30px; margin-left:70px;}
#footer .powered_by_metinfo { width:100%; position:relative; overflow:hidden;text-align:center; color:#444549;}
#footer .powered_by_metinfo a{color:#444549;}

/*首屏*/
#demo-canvas { width:100%; height:100%; background:transparent; position:absolute; left:0px; top:0px; overflow:hidden;}
.vision { width:100%; height:960px; min-width:1200px; background:#000;}
.vision .viewpic { width:100%; height:100%; background-color:#000; background-repeat:no-repeat; background-position:center; background-size:cover; position:absolute; left:0px; top:0px;}
.vision a {width:100%; height:100%;display:block;}
.vision .mainword { color:#fff; position:absolute; left:24%; top:44%;}
.vision .mainword h2 { height:60px; line-height:60px; font-size:36px; font-family:\5FAE\8F6F\96C5\9ED1;  text-shadow:0.1em 0.1em 0.1em rgba(0, 0, 0, 0.8);}
.vision .mainword h3 { height:60px; line-height:60px; font-size:18px; font-family:\5FAE\8F6F\96C5\9ED1;  text-shadow:0.1em 0.1em 0.1em rgba(0, 0, 0, 0.8);}
.vision .trigger { display:none; width:14px; height:auto; position:absolute; top:35%; right:30px; overflow:hidden; z-index:99;}
.vision .trigger li { width:14px; height:14px; cursor:pointer; padding:10px 0; vertical-align:bottom;}
.vision .trigger li span { display:block; width:12px; height:12px; background:none; border:solid 1px #292d32; border-radius:50%;}
.vision .trigger li.active span { background:#292d32;}
.vision .arrowDown { width:20px; height:24px; position:absolute; left:49%; top:92%; z-index:999;}
.vision .arrowDown span { display:block; width:100%; height:100px; cursor:pointer; position:relative; animation-name:mymove; animation-duration:1s; animation-timing-function:linear; animation-iteration-count:infinite;}
.vision .arrowDown span img { display:block;}
.vision .pic7 { background-color:#000; }
.vision .pic1 { opacity:0;}
.vision .pic2 { opacity:0;}
.vision .pic3 { opacity:0;}
.vision .pic4 { opacity:0;}
.vision .pic5 { opacity:0;}
.vision .pic6 { opacity:0;}
.vision .aic1 {}
.vision .aic2 {}
.vision .aic3 {}
.vision .aic4 {}
.vision .aic5 {}
.vision .aic6 {}
.vision .bg1 { background-image:url(../bg1.jpg);}
.vision .bg2 { background-image:url(../bg2.jpg);}
.vision .bg3 { background-image:url(../bg3.jpg);}
.vision .bg4 { background-image:url(../bg4.jpg);}
.vision .bg5 { background-image:url(../bg5.jpg);}
.vision .bg6 { background-image:url(../bg6.jpg);}
.vision a {position:absolute; left:0px; top:0px;width:100%; height:100%;display:block;}

/*===================================*/
.bigdata { width:100%; background:#fff;}
.bigdata .boxwrap { width:94%; margin:0 auto; padding:150px 0;}
.bigdata ul { width:100%; height:85px; overflow:hidden;}
.bigdata ul li { float:left; width:25%; height:85px; text-align:center;}
.bigdata ul li div { height:100%; border-right:solid 1px #ebebeb;}
.bigdata ul li:last-child div { border-right:none;}
.bigdata ul li .number { height:60px; text-align:center; overflow:hidden;}
.bigdata ul li .number .count { color:#3c3c3c; font-size:54px; font-family:HELVETICANEUELT-THINEXT; }
.bigdata ul li .number .unit { position:relative; top:10px; left:5px; color:#959595; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1; vertical-align:40px;}
.bigdata ul li .title { height:30px; line-height:30px; color:#959595; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;}
.bigdata ul li .text { height:60px; line-height:60px; color:#3c3c3c; font-size:48px; font-family:NotoSansCJKsc-Thin,Microsoft YaHei;  text-align:center; overflow:hidden;}

/*===================================*/
.gm-brief { width:100%; background:#fafafa;}
.gm-brief .boxwrap { width:94%; margin:0 auto; padding:150px 0;}
.gm-brief ul { width:100%; height:200px; overflow:hidden;}
.gm-brief ul li { float:left; display:inline-block; width:33.3%; height:200px; overflow:hidden;}
.gm-brief ul li .content { width:auto; padding:0 20%;}
.gm-brief ul li .title { height:32px; line-height:40px; margin-bottom:40px; padding-left:40px; position:relative; overflow:hidden;}
.gm-brief ul li .title .icon { display:block; width:32px; height:32px; background-image:url(../gmicon.png); background-repeat:no-repeat; position:absolute; left:0px; top:0px; overflow:hidden;}
.gm-brief ul li .title span { color:#1e1e1e; font-size:18px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-brief ul li .text { line-height:24px; color:#909090; font-size:13px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-brief ul li.left .icon { background-position:0 0;}
.gm-brief ul li.center .icon { background-position:0 -32px;}
.gm-brief ul li.right .icon { background-position:0 -64px;}

/*===================================*/
#canvas2 { width:100%; height:100%; position:absolute; left:0px; top:0px;}
.gm-market { width:100%; height:920px; background:#222; position:relative;}
.gm-market .boxwrap { width:90%; margin:0 auto; padding-top:150px; position:relative; overflow:hidden;}
.gm-market .title { width:100%; text-align:center; overflow:hidden;}
.gm-market .title .maintit { height:56px; line-height:56px; color:#fff; font-size:22px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-market .title .vicetit { height:80px; line-height:80px; color:#fff; font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1;  letter-spacing:25px;}
.gm-market .title .line { width:50px; height:2px; margin:0 auto; background:#dfdfdf;}
.gm-market .content { width:100%; padding-top:100px; text-align:center; overflow:hidden;}
.gm-market .content a { display:inline-block; width:245px; height:360px; margin:0 6%; overflow:hidden;}
.gm-market .content a .pic { width:245px; height:245px; overflow:hidden;}
.gm-market .content a .pic img { display:block;}
.gm-market .content a .txt { line-height:24px; padding:20px 0; color:#fff; font-size:13px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; overflow:hidden; opacity:0; transition:opacity 1.5s; }
.gm-market .content a:hover .txt { opacity:0.9;}
.gm-market .btn { width:130px; height:50px; line-height:50px; margin:0 auto; padding:10px 0; overflow:hidden;}
.gm-market .btn a { display:block; width:100%; height:100%; background:#fff; color:#000; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; text-decoration:none; overflow:hidden;}
.gm-market .btn a:hover { background:#000; color:#fff;}

/*===================================*/
.gm-weexcustom { width:100%; height:920px;background:url(../weexcustom.jpg) no-repeat center;background-size:cover; overflow:hidden;}
.gm-weexcustom .boxwrap { width:100%;}
.gm-weexcustom .picwrap { float:left; width:50%; height:920px; position:relative;}
.gm-weexcustom .picwrap .abs { position:absolute;}
.gm-weexcustom .picwrap img { display:inline-block; height:auto; max-width:100%;}
.gm-weexcustom .picwrap .p1 { left:30px; top:30px;}
.gm-weexcustom .picwrap .p2 { left:470px; top:160px;}
.gm-weexcustom .picwrap .p3 { left:660px; top:290px;}
.gm-weexcustom .picwrap .p4 { left:190px; top:660px;}
.gm-weexcustom .picwrap .p5 { left:480px; top:710px;}
.gm-weexcustom .picwrap .p6 { left:525px; top:650px;}
.gm-weexcustom .txtwrap { float:right; width:50%; height:920px; position:relative; z-index:10;}
.gm-weexcustom .txtwrap .content { width:500px; padding:180px 100px 0px 100px;}
.gm-weexcustom .txtwrap .title { width:115px;}
.gm-weexcustom .txtwrap .title .maintit { height:50px; line-height:50px; color:#2d2d2d; font-size:24px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-weexcustom .txtwrap .title .line { width:50px; height:2px; margin:0 auto; background:#2d2d2d;}
.gm-weexcustom .txtwrap .describe { line-height:24px; padding:30px 0 10px 0; color:#999; font-size:13px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-weexcustom .txtwrap .listbox { padding:50px 0 20px 0; overflow:hidden;}
.gm-weexcustom .txtwrap .listbox li { float:left; width:50%; height:100px; padding:20px 0; overflow:hidden;}
.gm-weexcustom .txtwrap .listbox li .tithd { height:40px; line-height:40px; color:#05141b; font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-weexcustom .txtwrap .listbox li .detail { width:200px; height:60px; line-height:20px; color:#979797; font-size:13px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-weexcustom .btn { width:130px; height:50px; line-height:50px; padding:10px 0; overflow:hidden;}
.gm-weexcustom .btn a { display:block; width:100%; height:100%; background:#d1d1d1; color:#fff; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; text-decoration:none; overflow:hidden;}
.gm-weexcustom .btn a:hover { background:#000; color:#fff;}

/*===================================*/
.gm-tm20 { width:100%; height:920px; background:url(../tm20.jpg) no-repeat center;background-size:cover;  position:relative;}
.gm-tm20 .boxwrap { width:90%; margin:0 auto; padding-top:150px; position:relative; overflow:hidden;}
.gm-tm20 .title { width:100%; text-align:center; overflow:hidden;}
.gm-tm20 .title .maintit { height:56px; line-height:56px; color:#fff; font-size:22px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-tm20 .title .vicetit { height:80px; line-height:80px; color:#fff; font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1;  letter-spacing:25px;}
.gm-tm20 .title .line { width:50px; height:2px; margin:0 auto; background:#dfdfdf;}
.gm-tm20 .content { width:100%; padding-top:120px; text-align:center; overflow:hidden;}
.gm-tm20 .content a { display:inline-block; width:300px; height:350px; background:url(../tmline.png) no-repeat center top;overflow:hidden;}
.gm-tm20 .content .bgnone{background:none;}
.gm-tm20 .content a:hover {text-decoration:none;}
.gm-tm20 .content a .team { width:156px;margin:0 auto;}
.gm-tm20 .content a .pic { width:140px; height:140px;border:8px solid rgba(255,255,255,0.5);border-radius:50%;overflow:hidden;}
.gm-tm20 .content a .pic span {width:140px; height:140px;font-size:22px;line-height:140px;color:#fff;text-align:Center;display:block;font-family:\5FAE\8F6F\96C5\9ED1;}
.gm-tm20 .content a .txt { text-align:Center; padding:20px 0; color:#fff; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; overflow:hidden; opacity:0; transition:opacity 1.5s; }
.gm-tm20 .content a .txt p{line-height:26px;}
.gm-tm20 .content a .txt span { line-height:20px;font-size:12px; opacity:0.5;display:block;}

.gm-tm20 .content a:hover .txt { opacity:0.9;}
.gm-tm20 .btn { width:130px; height:50px; line-height:50px; margin:0 auto; padding:10px 0; overflow:hidden;}
.gm-tm20 .btn a { display:block; width:100%; height:100%; background:#fff; color:#000; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; text-decoration:none; overflow:hidden;}
.gm-tm20 .btn a:hover { background:#000; color:#fff;}

/*===================================*/
.gm-custom { width:100%; height:920px; background:#fafafa; overflow:hidden;}
.gm-custom .boxwrap { width:100%;}
.gm-custom .picwrap { float:left; width:50%; height:920px; position:relative;}
.gm-custom .picwrap .abs { position:absolute;}
.gm-custom .picwrap img { display:inline-block; height:auto; max-width:100%;}
.gm-custom .picwrap .p1 { left:30px; top:30px;}
.gm-custom .picwrap .p2 { left:470px; top:160px;}
.gm-custom .picwrap .p3 { left:660px; top:290px;}
.gm-custom .picwrap .p4 { left:190px; top:660px;}
.gm-custom .picwrap .p5 { left:480px; top:710px;}
.gm-custom .picwrap .p6 { left:525px; top:650px;}
.gm-custom .txtwrap { float:right; width:50%; height:920px; position:relative; z-index:10;}
.gm-custom .txtwrap .content { width:500px; padding:180px 100px 0px 100px;}
.gm-custom .txtwrap .title { width:100px;}
.gm-custom .txtwrap .title .maintit { height:50px; line-height:50px; color:#2d2d2d; font-size:24px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-custom .txtwrap .title .line { width:50px; height:2px; margin:0 auto; background:#2d2d2d;}
.gm-custom .txtwrap .describe { line-height:24px; padding:30px 0 10px 0; color:#999; font-size:13px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-custom .txtwrap .listbox { padding:50px 0 20px 0; overflow:hidden;}
.gm-custom .txtwrap .listbox li { float:left; width:50%; height:100px; padding:20px 0; overflow:hidden;}
.gm-custom .txtwrap .listbox li .tithd { height:40px; line-height:40px; color:#05141b; font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-custom .txtwrap .listbox li .detail { width:200px; height:60px; line-height:20px; color:#979797; font-size:13px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-custom .btn { width:130px; height:50px; line-height:50px; padding:10px 0; overflow:hidden;}
.gm-custom .btn a { display:block; width:100%; height:100%; background:#d1d1d1; color:#fff; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; text-decoration:none; overflow:hidden;}
.gm-custom .btn a:hover { background:#000; color:#fff;}

/*===================================*/
.gm-retail { width:100%; height:920px; background:url(../retailbg.jpg) no-repeat center;background-size:cover; position:relative; overflow:hidden;}
.gm-retail .boxwrap { width:1200px; margin:0 auto; padding-top:150px; position:relative;}
.gm-retail .title { width:100%; text-align:center; overflow:hidden;}
.gm-retail .title .maintit { height:56px; line-height:56px; color:#fff; font-size:24px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-retail .title .line { width:50px; height:2px; margin:0 auto; background:#fff;}
.gm-retail .catewrap { width:100%; padding-top:40px; text-align:center;}
.gm-retail .catewrap ul { width:800px; height:90px; margin:0 auto;}
.gm-retail .catewrap li { float:left; width:90px; height:90px; padding:0 35px; position:relative; overflow:hidden;}
.gm-retail .catewrap li .line { width:1px; height:50px; background:#fff; position:absolute; top:20px; right:0px; overflow:hidden; opacity:0.5;}
.gm-retail .catewrap li:last-child .line { display:none;}
.gm-retail .catewrap li .cate { width:90px; height:90px; color:#fff; font-size:13px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; overflow:hidden; }
.gm-retail .catewrap li .cate span { display:block; width:74px; height:74px; line-height:74px; border:8px solid rgba(255,255,255,0.5); border-radius:50%;}

.gm-retail .listbox { padding:50px 0; overflow:hidden;}
.gm-retail .listbox li { float:left; width:350px; height:100px; padding:30px 125px; overflow:hidden;}
.gm-retail .listbox li .tithd { height:40px; line-height:40px; color:#fff; font-size:18px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-retail .listbox li .detail {line-height:22px; color:#fff; font-size:13px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-retail .effect { position:absolute;}
.gm-retail .ball01 { width:725px; height:725px; background:url(../ball-1.png) no-repeat center; left:1100px; top:-550px; transition:all .9s;}
.gm-retail .ball02 { width:35px; height:35px; background:url(../ball-2.png) no-repeat center; left:70%; top:220px; transition:all .5s;}
.gm-retail .ball03 { width:115px; height:115px; background:url(../ball-3.png) no-repeat center; left:63%; top:350px; transition:all .9s;}
.gm-retail .btn { width:130px; height:50px; line-height:50px; margin:0 auto; padding:10px 0; overflow:hidden;}
.gm-retail .btn a { display:block; width:100%; height:100%; background:#fff; color:#000; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; text-decoration:none; overflow:hidden;}
.gm-retail .btn a:hover { opacity:0.8;}
.gm-retail:hover .ball01 { top:-520px;}
.gm-retail:hover .ball02 { top:230px;}
.gm-retail:hover .ball03 { top:340px;}

/*===================================*/
.gm-tool { width:100%; height:920px; background:#fff;}
.gm-tool .boxwrap { width:100%; margin:0 auto; padding:100px 0; position:relative;}
.gm-tool .icon { width:150px; height:90px; position:absolute; left:360px; top:0px; overflow:hidden;}
.gm-tool .btn { width:130px; height:50px; line-height:50px; margin:0 auto; padding:10px 0; overflow:hidden;}
.gm-tool .btn a { display:block; width:100%; height:100%; background:#000; color:#fff; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; text-decoration:none; overflow:hidden;}
.gm-tool .btn a:hover { background:#1a7ce9;}
.gm-tool .title { width:100%; text-align:center; overflow:hidden;}
.gm-tool .title .maintit { height:56px; line-height:56px; color:#2d2d2d; font-size:24px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-tool .title .vicetit { width:750px; height:40px; line-height:20px; margin:0 auto; padding:30px 0 20px 0; color:#999; font-size:13px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-tool .title .line { width:50px; height:2px; margin:0 auto; background:#2d2d2d;}
.gm-tool .gmSlide { width:100%; height:480px; position:relative; overflow:hidden;}
.gm-tool .gmSlide .arrow { display:block; width:65px; height:136px; cursor:pointer; background-image:url(../slide-arrow.png); background-repeat:no-repeat; position:absolute; top:50%; margin-top:-75px; overflow:hidden; z-index:10; transition:all 0.5s;}
.gm-tool .gmSlide .prev { left:10%; background-position:0 0;}
.gm-tool .gmSlide .next { right:10%; background-position:-65px 0;}
.gm-tool .gmSlide:hover .prev { left:12%;}
.gm-tool .gmSlide:hover .next { right:12%;}
.gm-tool .gmSlide .scroller { width:1200px; height:480px; margin:0 auto; position:relative; overflow:hidden;}
.gm-tool .gmSlide .scroller li { float:left; width:1200px; height:480px; overflow:hidden;}
.gm-tool .gmSlide .item { float:left; width:200px; height:250px; padding:130px 50px 0px 50px; overflow:hidden;}
.gm-tool .gmSlide .item .gmui { width:80px; height:80px; margin:0 auto; overflow:hidden; transition:all 0.5s;}
.gm-tool .gmSlide .item .title { height:60px; line-height:60px; color:#000; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center;}
.gm-tool .gmSlide .item .detail { height:60px; line-height:30px; color:#999; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; overflow:hidden;}
.gm-tool .gmSlide .item:hover .gmui { transform:rotate(360deg);}

.gm-tool .btn2 { width:150px;height:50px;line-height:50px; margin:0 auto; padding:70px 0 0 0; overflow:hidden;}
.gm-tool .btn2 a { display:block; width:100%; height:100%; background:#fafafa; color:#000; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; text-decoration:none; overflow:hidden;}
.gm-tool .btn2 a:hover { color:#fff;background:#1a7ce9;}

/*===================================*/
.gm-wireless { width:100%; height:920px; background:url(../wirelessbg.jpg) no-repeat center;background-size:cover; position:relative;}
.gm-wireless .media { width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;}
.gm-wireless .media video { position:absolute; right:0; bottom:0; min-width:100%; min-height:100%; background-size:cover; overflow:hidden;}
.gm-wireless .boxwrap { width:1200px; margin:0 auto; padding:150px 0; position:relative; z-index:10;}
.gm-wireless .icon { width:140px; height:80px; position:absolute; left:0px; top:0px; overflow:hidden;}
.gm-wireless .btn { width:130px; height:50px; line-height:50px; margin:0 auto; padding:10px 0; overflow:hidden;}
.gm-wireless .btn a { display:block; width:100%; height:100%; background:#fff; color:#000; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; text-decoration:none; overflow:hidden;}
.gm-wireless .btn a:hover { background:#1a7ce9; color:#fff;}
.gm-wireless .title { width:100%; text-align:center; overflow:hidden;}
.gm-wireless .title .maintit { height:56px; line-height:56px; color:#fff; font-size:24px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-wireless .title .vicetit { width:750px; height:44px; line-height:22px; margin:0 auto; padding:25px 0; color:#a2a2a2; font-size:13px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-wireless .title .line { width:50px; height:2px; margin:0 auto; background:#fff;}
.gm-wireless .listbox { width:100%; padding-top:130px; overflow:hidden;}
.gm-wireless .listbox li { float:left; width:170px; padding:0 115px; overflow:hidden;}
.gm-wireless .listbox li .picwrap { width:148px; height:148px; border:solid 1px #fff; position:absolute; left:50%; top:0px; margin-left:-74px; transition:all 0.5s; transform-style:preserve-3d; backface-visibility:hidden;}
.gm-wireless .listbox li .sign { width:45px; height:45px; margin:0 auto; padding:25px 0; overflow:hidden;}
.gm-wireless .listbox li .name { height:20px; line-height:20px; color:#fff; font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center;}
.gm-wireless .listbox li .detail { height:100px; line-height:20px; padding:30px 0; color:#fff; font-size:13px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; overflow:hidden;}
.gm-wireless .listbox .effect { width:170px; height:150px; position:relative; overflow:hidden;}
.gm-wireless .listbox li .effect .show { transform:rotateY(0);}
.gm-wireless .listbox li .effect .hide { transform:rotateY(-180deg);}
.gm-wireless .listbox li:hover .effect .show { transform:rotateY(-180deg);}
.gm-wireless .listbox li:hover .effect .hide { transform:rotateY(0deg);}

/*===================================*/
.gm-case { width:100%; height:auto; background:#fff; overflow:hidden;}
.gm-case .boxwrap { width:100%; margin:0 auto; padding-top:100px; position:relative;}
.gm-case .title { width:100%; text-align:center; overflow:hidden;}
.gm-case .title .maintit { height:56px; line-height:56px; color:#2e2e2e; font-size:24px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-case .title .vicetit { width:750px; height:44px; line-height:22px; margin:0 auto; padding:25px 0; color:#999; font-size:13px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-case .title .line { width:50px; height:2px; margin:0 auto; background:#2e2e2e;}
.gm-case .listbox { width:100%; overflow:hidden;}
.gm-case .listbox li { float:left; display:inline-block; width:50%; vertical-align:top; overflow:hidden;}
.gm-case .listbox li img { display:block; width:100%;}
.gm-case .seamless { width:1200px; height:50px; margin:0 auto; padding:100px 0; position:relative; overflow:hidden;}
.gm-case .seamless .arrow { display:block; width:40px; height:40px; cursor:pointer; background-image:url(../brand-arrow.png); background-repeat:no-repeat; position:absolute; top:50%; margin-top:-20px; overflow:hidden; z-index:10;}
.gm-case .seamless .prev { left:0px; background-position:0 0;}
.gm-case .seamless .next { right:0px; background-position:-40px 0;}
.gm-case .seamless .prev:hover { background-position:0 -40px;}
.gm-case .seamless .next:hover { background-position:-40px -40px;}
.gm-case .seamless .gmarea { width:1116px; height:50px; margin:0 auto; position:relative; overflow:hidden;}
.gm-case .seamless .gmarea li { float:left; width:130px; height:50px; padding:0 26px; overflow:hidden;}
.gm-case .seamless .gmarea li a { display:block; width:100%; height:100%; position:relative; overflow:hidden;}
.gm-case .seamless .gmarea li a img { display:block;}
.gm-case .seamless .gmarea .br { display:block; position:absolute; background:#000; z-index:1; opacity:0; transition:all .3s; }
.gm-case .seamless .gmarea .br1 { width:100%; height:1px; top:0; left:-100%; }
.gm-case .seamless .gmarea .br2 { width:100%; height:1px; bottom:0; right:-100%; }
.gm-case .seamless .gmarea .br3 { width:1px; height:100%; bottom:-100%; left:0; }
.gm-case .seamless .gmarea .br4 { width:1px; height:100%; top:-100%; right:0; }
.gm-case .seamless .gmarea li:hover .br { opacity:1.0; }
.gm-case .seamless .gmarea li:hover .br1 { left:0; }
.gm-case .seamless .gmarea li:hover .br2 { right:0; }
.gm-case .seamless .gmarea li:hover .br3 { bottom:0; }
.gm-case .seamless .gmarea li:hover .br4 { top:0; }
.gm-case .gmSlide { width:100%; height:490px; position:relative; overflow:hidden;}
.gm-case .gmSlide .arrow { display:block; width:65px; height:136px; cursor:pointer; background-image:url(../team-arrow.png); background-repeat:no-repeat; position:absolute; top:50%; margin-top:-75px; overflow:hidden; z-index:10; transition:all 0.5s;}
.gm-case .gmSlide .prev1 { left:5%; background-position:0 0;}
.gm-case .gmSlide .next1 { right:5%; background-position:-65px 0;}
.gm-case .gmSlide:hover .prev1 { left:8%;}
.gm-case .gmSlide:hover .next1 { right:8%;}
.gm-case .gmSlide .scroller { width:100%; height:490px; margin:0 auto; position:relative; overflow:hidden;}
.gm-case .gmSlide .scroller li { float:left; width:960px; height:490px; overflow:hidden;}

/*===================================*/
.gm-team { width:100%; height:920px; background:url(../teambg.jpg) no-repeat center;background-size:cover;}
.gm-team .boxwrap { width:100%; margin:0 auto; padding-top:100px; position:relative;}
.gm-team .title { width:100%; text-align:center; overflow:hidden;}
.gm-team .title .maintit { height:40px; line-height:40px; color:#2e2e2e; font-size:24px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-team .title .vicetit { height:20px; line-height:20px; color:#999; font-size:16px; font-family:Arial; }
.gm-team .gmSlide { width:100%; height:460px; padding:80px 0; position:relative; overflow:hidden;}
.gm-team .gmSlide .arrow { display:block; width:65px; height:136px; cursor:pointer; background-image:url(../team-arrow.png); background-repeat:no-repeat; position:absolute; top:50%; margin-top:-75px; overflow:hidden; z-index:10; transition:all 0.5s;}
.gm-team .gmSlide .prev { left:10%; background-position:0 0;}
.gm-team .gmSlide .next { right:10%; background-position:-65px 0;}
.gm-team .gmSlide:hover .prev { left:12%;}
.gm-team .gmSlide:hover .next { right:12%;}
.gm-team .gmSlide .scroller { width:1200px; height:460px; margin:0 auto; position:relative; overflow:hidden;}
.gm-team .gmSlide .scroller li { float:left; width:1200px; height:460px; background:#f6f6f6; position:relative; overflow:hidden;}
.gm-team .gmSlide .scroller li .teamtit { height:120px; line-height:120px; background:#fff; padding:0 50px; overflow:hidden;}
.gm-team .gmSlide .scroller li .teamtit .txtcn { color:#2e2e2e; font-size:24px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-team .gmSlide .scroller li .teamtit .txten { color:#b1b1b1; font-size:18px; font-family:Arial; }
.gm-team .gmSlide .scroller li .txtwrap { width:500px; height:340px; padding:0 50px; overflow:hidden;}
.gm-team .gmSlide .scroller li .txthd { height:100px; line-height:100px; color:#262626; font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1;  overflow:hidden;}
.gm-team .gmSlide .scroller li .detail { line-height:24px; color:#777; font-size:13px; font-family:\5FAE\8F6F\96C5\9ED1;  overflow:hidden;}
.gm-team .gmSlide .scroller li .picwrap { width:605px; height:340px; position:absolute; right:0px; bottom:0px; overflow:hidden;}



/* 内容模板 */
#main { width:100%; position:relative; margin-left:auto; margin-right:auto; }
.tmp_top_ad { position:relative; overflow:hidden;}
.tmp_top_ad .large-header { width:100%; height:100%; position:absolute; left:0px; bottom:0px; overflow:hidden;}
.tmp_top_ad img { width:100%; min-width:1200px; display:block; margin-left:auto; margin-right:auto; }
.tmp_top_ad .txt1 { position:absolute; left:18%; top:40%; width:600px; line-height:50px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:36px;  color:#fff; }
.tmp_top_ad .txt2 { position:absolute; left:18%; top:52%; width:600px; line-height:30px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:18px;  color:#fff; }

.content { position:relative; width:100%; }
.gmbox_1200 { position:relative; width:1200px; left:50%; margin-left:-600px; }
.gmbox_1300 { position:relative; width:1300px; left:50%; margin-left:-650px; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.none { display:none; width:0; height:0; overflow:hidden; }

/* 悬浮客服 */
.service_float { position:fixed; right:12px; top:60%; z-index:90; }
.service_float img { display:block; float:left; margin-left:10px; }

/* WEEX案例天猫案例左侧悬浮导航 */
.left_nav{position:absolute;left:0;top:0;width:128px;height:0px;overflow:hidden;z-index:999;background:#323436;}
.left_nav_active{width:128px;height:100%;display:flex;flex-direction:column;}
.left_nav_active div{width:100%;max-height:70px;display:flex;flex:5;align-items: center;text-indent:22px;font-size:14px;}
.left_nav_active div:hover{color:#fff;text-decoration:none;color:#fff;background:#1a7ce9 url(../leftnav_active.png) center center no-repeat;}

.left_nav_active div p{width:100%;height:24px;display:block;}

.left_nav_active div a{width:100%;height:24px;line-height:24px;display:block;color:#eeeeee;}
.left_nav_active div a:hover{text-decoration:none;}

.left_nav_active .active{color:#fff;background:#1a7ce9 url(../leftnav_active.png) center center no-repeat;}
.left_nav_active .contact_ww{width:100%;min-height:75px;max-height:100px;background:#000 url(../contact_ww.png) center center no-repeat;text-indent:0;}
.left_nav_active .contact_ww a{width:100%;min-height:75px;max-height:100px;display:block;}
.left_nav_active .contact_ww:hover{background:#2d2d2d url(../contact_ww.png) center center no-repeat;}


/* 天猫2.0 */
#tmp_tmall { background:#fff; }
#tmp_tmall .area1 { position:relative; overflow:hidden; padding:90px 0; }
#tmp_tmall .area1 .txt1 { position:relative; overflow:hidden; height:60px; line-height:60px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#000; margin-bottom:20px; }
#tmp_tmall .area1 .txt2 { position:relative; overflow:hidden; line-height:24px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#8b8b8b; }

#tmp_tmall .area1 .a2boxlist { position:relative; overflow:hidden; height:134px; text-align:center; padding-top:90px; }
#tmp_tmall .area1 .a2box { display:inline-block; position:relative; overflow:hidden; height:134px; margin:0 100px; }
#tmp_tmall .area1 .a2box .img { position:relative; overflow:hidden; width:94px; height:94px; }
#tmp_tmall .area1 .a2box .txt { position:relative; overflow:hidden; height:40px; line-height:40px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#323436; }

#tmp_tmall .area2 { width:100%; height:670px; background:#fafafa; overflow:hidden;}
#tmp_tmall .area2 .txt1 { position:relative; overflow:hidden; height:60px; line-height:60px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#000; margin-bottom:20px; padding-top:80px;}
#tmp_tmall .area2 .txt2 { position:relative; overflow:hidden; line-height:24px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#8b8b8b; }
#tmp_tmall .area2 .contlist { width:100%; overflow:hidden;margin-top:90px;}
#tmp_tmall .area2 .cell { float:left; width:600px; overflow:hidden;}
#tmp_tmall .area2 .cell .txtwrap { height:200px;overflow:hidden;}
#tmp_tmall .area2 .cell .txtwrap .mark { float:left; width:60px;}
#tmp_tmall .area2 .cell .txtwrap .detail { float:left; width:470px; line-height:26px; font-size:14px;  color:#8b8b8b; overflow:hidden;}
#tmp_tmall .area2 .cell .txtwrap .detail strong {color:#323436;}
#tmp_tmall .area2 .cell .txtwrap .detail p {margin-bottom:26px;}

#tmp_tmall .area3 { position:relative;width:100%; height:900px; background:url(../tmall20/yx_bg.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
#tmp_tmall .area3 .txt1 { position:relative; overflow:hidden; height:60px; line-height:60px; text-align:center; font-size:24px;  color:#fff; margin-bottom:20px; padding-top:80px;}
#tmp_tmall .area3 .txt2 { position:relative; overflow:hidden; line-height:24px; text-align:center; font-size:14px;  color:#fff; }

#tmp_tmall .area3 .star{position:relative; width:1920px; height:900px; background:url(../tmall20/star_bg.png) center center no-repeat;left: 50%;margin-left: -960px;}
#tmp_tmall .area3 .starbox {position:relative;width:1300px; height:600px;margin:120px auto 0 auto;}
#tmp_tmall .area3 .starbox .cr {border-radius:50%;}
#tmp_tmall .area3 .starbox a {display:block;position:absolute;}
#tmp_tmall .area3 .starbox a:hover .cr{cursor:pointer;box-shadow: 0 0 10px #fff;filter:blur(4px);opacity:0.8;}

#tmp_tmall .area3 .starbox .s1 {width:100px;height:26px;left:35px;top:106px;}
#tmp_tmall .area3 .starbox .s2 {width:108px;height:37px;left:279px;top:80px;}
#tmp_tmall .area3 .starbox .s3 {width:100px;height:30px;left:405px;top:160px;}
#tmp_tmall .area3 .starbox .s4 {width:345px;height:250px;left:529px;top:7px;}
#tmp_tmall .area3 .starbox .s5 {width:105px;height:37px;left:1057px;top:156px;}
#tmp_tmall .area3 .starbox .s6 {width:112px;height:46px;left:1193px;top:87px;}
#tmp_tmall .area3 .starbox .s7 {width:130px;height:51px;left:2px;top:318px;}
#tmp_tmall .area3 .starbox .s8 {width:130px;height:37px;left:230px;top:261px;}
#tmp_tmall .area3 .starbox .s9 {width:120px;height:49px;left:348px;top:369px;}
#tmp_tmall .area3 .starbox .s10 {width:108px;height:39px;left:748px;top:295px;}
#tmp_tmall .area3 .starbox .s11 {width:150px;height:66px;left:909px;top:351px;}
#tmp_tmall .area3 .starbox .s12 {width:100px;height:31px;left:1204px;top:345px;}

#tmp_tmall .area3 .starbox .star1 {width:26px;height:26px;}
#tmp_tmall .area3 .starbox .star2 {width:36px;height:37px;}
#tmp_tmall .area3 .starbox .star3 {width:30px;height:30px;}
#tmp_tmall .area3 .starbox .star4 {width:250px;height:250px;}
#tmp_tmall .area3 .starbox .star5 {width:35px;height:35px;}
#tmp_tmall .area3 .starbox .star6 {width:46px;height:46px;}
#tmp_tmall .area3 .starbox .star7 {width:49px;height:49px;}
#tmp_tmall .area3 .starbox .star8 {width:37px;height:37px;}
#tmp_tmall .area3 .starbox .star9 {width:49px;height:49px;}
#tmp_tmall .area3 .starbox .star10 {width:39px;height:39px;}
#tmp_tmall .area3 .starbox .star11 {width:66px;height:66px;}
#tmp_tmall .area3 .starbox .star12 {width:31px;height:31px;}

#tmp_tmall .area3 .star_pop{position:absolute;width:100%;height:900px;left:0;top:0;background:rgba(0,0,0,0.8);display:none;}
#tmp_tmall .area3 .star_pop .btn {position:relative;width:1200px; height:30px;text-align:center;}
#tmp_tmall .area3 .star_pop .btn a {font-size:24px;color:#dbdbdb;}
#tmp_tmall .area3 .star_pop .btn a:hover {color:#1a7ce9;text-decoration:none;}
#tmp_tmall .area3 .star_swiper { position:relative;width:1200px;height:810px;overflow:hidden;}
#tmp_tmall .area3 .star_swiper .swiper-button-prev {left:0;background:url(../tmall20/prev.png) center center no-repeat;}
#tmp_tmall .area3 .star_swiper .swiper-button-next {right:0;background:url(../tmall20/next.png) center center no-repeat;}
#tmp_tmall .area3 .swiper-button-next:after,.swiper-button-prev:after {display:none;}
#tmp_tmall .area3 .star_swiper .txt1 { position:relative; overflow:hidden; height:60px; line-height:60px; text-align:center; font-size:24px;  color:#fff; margin-bottom:20px; padding-top:80px;}
#tmp_tmall .area3 .star_swiper .txt2 { position:relative; overflow:hidden; height:190px;line-height:24px; text-align:center; font-size:14px;  color:#fff; }
#tmp_tmall .area3 .star_swiper .pic {position:relative;text-align:center;}
#tmp_tmall .area3 .star_swiper .context {position:relative;width:960px;height:190px;overflow:hidden;margin:0 auto;}
#tmp_tmall .area3 .star_swiper .text{position:relative;width:100%;height:60px;}
#tmp_tmall .area3 .star_swiper .text span {display:block;float:left;width:120px;height:35px;line-height:35px;font-size:16px;text-align:center;color:#060306;background:#dcdcdc;}
#tmp_tmall .area3 .star_swiper .text p {display:block;float:left;width:810px;height:35px;font-size:14px;color:#fff;line-height:35px;padding-left:30px;}

#tmp_tmall .area4 { width:100%; height:960px; background:#fafafa; overflow:hidden;}
#tmp_tmall .area4 .txt1 { position:relative; overflow:hidden; height:60px; line-height:60px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#000; margin-bottom:20px; padding-top:80px;}
#tmp_tmall .area4 .txt2 { position:relative; overflow:hidden; line-height:24px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#8b8b8b; }

#tmp_tmall .area4 .iconlist{position:relative;width:645px;height:180px;padding-top:45px;margin:0 auto; }
#tmp_tmall .area4 .iconlist .iconbox { display:inline-block; position:relative;width:215px; overflow:hidden; float:left;}
#tmp_tmall .area4 .iconlist .iconbox .img { position:relative; overflow:hidden; width:64px; height:64px;margin:0 auto; }
#tmp_tmall .area4 .iconlist .iconbox .txt { position:relative; overflow:hidden; height:40px; line-height:40px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:16px;  color:#8b8b8b; }

#tmp_tmall .area4 .contlist { width:100%; overflow:hidden;}
#tmp_tmall .area4 .cell { float:left; width:600px; overflow:hidden;}
#tmp_tmall .area4 .cell .txtwrap { height:410px;overflow:hidden;}
#tmp_tmall .area4 .cell .txtwrap .mark { float:left; width:60px;}
#tmp_tmall .area4 .cell .txtwrap .detail { float:left; width:470px; line-height:26px; font-size:14px;  color:#8b8b8b; overflow:hidden;}
#tmp_tmall .area4 .cell .txtwrap .detail p {margin-bottom:26px;}
#tmp_tmall .area4 .btn { width:130px; height:50px; line-height:50px; margin:0 auto; padding:10px 0; overflow:hidden;}
#tmp_tmall .area4 .btn a { display:block; width:100%; height:100%; background:#000; color:#fff; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; text-decoration:none; overflow:hidden;}
#tmp_tmall .area4 .btn a:hover { background:#1a7ce9;}
#tmp_tmall .area4 .btn2 {width:130px; height:50px; line-height:50px; margin:735px auto 0 auto; overflow:hidden;text-align:center;font-size:24px;color:#595656;}
#tmp_tmall .area4 .btn2 a{display:block; width:100%; height:100%; }
#tmp_tmall .area4 .btn2 a:hover { color:#1a7ce9;text-decoration:none;}
#tmp_tmall .area4 .shiyitu { width:1200px; height:800px;background:#2d2d2d url(../tmall20/shiyitu.png) center center no-repeat;position:absolute;top:90px;left:0;display:none;}

#tmp_tmall .area5 { position:relative; overflow:hidden; padding:90px 0; }
#tmp_tmall .area5 .txt1 { position:relative; overflow:hidden; height:60px; line-height:60px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#000; margin-bottom:20px; }
#tmp_tmall .area5 .txt2 { position:relative; overflow:hidden; line-height:24px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#8b8b8b; }
#tmp_tmall .area5 .contlist { padding-left:350px;margin: 90px auto 0 auto; overflow:hidden;}
#tmp_tmall .area5 .cell { float:left;  overflow:hidden;}
#tmp_tmall .area5 .cell .txtwrap { height:40px;overflow:hidden;}
#tmp_tmall .area5 .cell .txtwrap .mark { float:left; width:60px;}
#tmp_tmall .area5 .cell .txtwrap .detail { float:left;line-height:40px; font-size:14px;  color:#8b8b8b; overflow:hidden;}
#tmp_tmall .area5 .cpyy{padding-top:10px;}

/* weex定制 */
#tmp_weex { background:#fff; }
#tmp_weex .area1 { position:relative; overflow:hidden; padding:90px 0; }
#tmp_weex .area1 .txt1 { position:relative; overflow:hidden; height:60px; line-height:60px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#000; margin-bottom:20px; }
#tmp_weex .area1 .txt2 { position:relative; overflow:hidden; line-height:24px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#8b8b8b; }

#tmp_weex .area1 .a2boxlist { position:relative; overflow:hidden; height:300px; text-align:center; padding-top:90px;}
#tmp_weex .area1 .a2box { display:inline-block; position:relative; overflow:hidden; width:220px;margin:0 80px; }
#tmp_weex .area1 .a2box .img { position:relative; overflow:hidden; width:150px; height:150px;margin:0 auto;}
#tmp_weex .area1 .a2box .img span { color:#323436;display:block;font-size:16px;margin-top:100px;}
#tmp_weex .area1 .a2box .txt { position:relative; overflow:hidden;padding-top:30px; height:120px; line-height:26px; text-align:center; font-size:14px;  color:#8b8b8b; }

#tmp_weex .area2 { position:relative; overflow:hidden; background:#fafafa;  padding:90px 0; }
#tmp_weex .area2 .txt1 { position:relative; overflow:hidden; height:60px; line-height:60px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#000; margin-bottom:20px; }
#tmp_weex .area2 .txt2 { position:relative; overflow:hidden; line-height:24px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#8b8b8b; }

#tmp_weex .area2 .a2boxlist { position:relative; overflow:hidden;  text-align:center; padding-top:40px; }
#tmp_weex .area2 .a2box { float:left;overflow:hidden; width:300px; }
#tmp_weex .area2 .a2box .img { position:relative; overflow:hidden; width:90px; height:90px; margin:0 auto;}
#tmp_weex .area2 .a2box .txt { position:relative; overflow:hidden; height:50px; line-height:50px; text-align:center; font-size:14px;  color:#323436; }
#tmp_weex .area2 .a2box .con { position:relative; overflow:hidden;margin-top:20px;vertical-align:top; }
#tmp_weex .area2 .a2box .con .box{display:inline-block; position:relative;line-height:42px; text-align:left; font-size:14px;  color:#8b8b8b;}
#tmp_weex .area2 .btn { width:130px; height:50px; line-height:50px; margin:80px auto 0 auto; overflow:hidden;}
#tmp_weex .area2 .btn a { display:block; width:100%; height:100%; background:#fff; color:#323436; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; text-decoration:none; overflow:hidden;}
#tmp_weex .area2 .btn a:hover { background:#1a7ce9;color:#fff;}

#tmp_weex .area3 { position:relative;height:680px; overflow:hidden; background:url(../weex/a3_bg.jpg) center center no-repeat;background-size:cover; }
#tmp_weex .area3 .txt1 { position:relative; overflow:hidden; padding-top:80px;height:60px; line-height:60px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#fff; margin-bottom:100px; }
#tmp_weex .area3 .lcbox {position:relative;height:360px;background:url(../weex/a3_bg2.png) center center no-repeat;}
#tmp_weex .area3 .lcbox .con {position:relative;height:45px;margin-bottom:95px;color:#fff;line-height:45px;}
#tmp_weex .area3 .lcbox .con span{float:left;display:block;width:144px;height:45px;font-size:20px;}
#tmp_weex .area3 .lcbox .con p{float:left;display:block;width:163px;height:45px;margin-right:60px;font-size:14px;text-indent:60px;}

#tmp_weex .area4 { width:100%; background:#fafafa; overflow:hidden;padding-bottom:90px;}
#tmp_weex .area4 .txt1 { position:relative; overflow:hidden; height:60px; line-height:60px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#000; margin-bottom:20px; padding-top:80px;}
#tmp_weex .area4 .txt2 { position:relative; overflow:hidden; line-height:24px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#8b8b8b;margin-bottom:100px; }

#tmp_weex .area4 .ysbox { position:relative; overflow:hidden;background:#fff;padding-bottom:70px;min-height:100px;margin-bottom:25px;}
#tmp_weex .area4 .ysbox .icon {position:absolute;top:0;left:60px; width:33px; height:45px;line-height:40px;background:url(../weex/a4_icon.png) no-repeat;text-align:center;color:#fff;font-size:22px;}
#tmp_weex .area4 .ysbox .title1 { position:relative;width:1155px; overflow:hidden; height:45px; text-align:center;padding-top:50px;display:flex;justify-content:center;}
#tmp_weex .area4 .ysbox .title1 .img {height:45px;}
#tmp_weex .area4 .ysbox .title1 .txt {height:45px;line-height:45px;font-size:22px;color:#323436;}
#tmp_weex .area4 .ysbox .title2 {position:relative; overflow:hidden; line-height:24px; text-align:center; font-size:14px;  color:#8b8b8b;margin-top:10px;}
#tmp_weex .area4 .ysbox .con {position:relative;width:800px;margin:0 auto;display:flex;justify-content:space-between;margin-top:55px;}
#tmp_weex .area4 .ysbox .con .box {border:1px solid #dfdfdf;padding:10px 25px 30px 30px;box-sizing:border-box;}
#tmp_weex .area4 .ysbox .con .w1 {width:250px;}
#tmp_weex .area4 .ysbox .con .w2 {width:375px;}
#tmp_weex .area4 .ysbox .con .box .title { width:100%;text-align:center; overflow:hidden;}
#tmp_weex .area4 .ysbox .con .box .title .maintit { height:50px; line-height:50px; color:#323436; font-size:14px; }
#tmp_weex .area4 .ysbox .con .box .title .line { width:36px; height:2px; margin:0 auto; background:#8b8b8b;}
#tmp_weex .area4 .ysbox .con .box .txt {line-height:22px; color:#8b8b8b; font-size:12px;margin-top:12px; }

/* WEEX案例 */
#tmp_wxal { background:#f1f1f1; }
#tmp_wxal .area1 { position:relative; overflow:hidden;height:1088px;}
#tmp_wxal .area1 .txt1 { position:relative; overflow:hidden;padding-top:80px; height:60px; line-height:60px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#000; margin-bottom:20px; }
#tmp_wxal .area1 .txt1 a:hover{text-decoration:none;}
#tmp_wxal .area1 .txt2 { position:relative;width:770px;margin:0 auto;padding-bottom:80px; overflow:hidden; line-height:24px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#8b8b8b; }

#tmp_wxal .area1 { position:relative; overflow:hidden; }
#tmp_wxal .area1 .scrollerbox { position:relative; width:1300px;height:800px;}
#tmp_wxal .area1 .scroller { position:relative; width:1080px;height:800px;margin:0 auto;overflow:hidden;}
#tmp_wxal .area1 .scroller .swiper-slide { position:relative; overflow:hidden; width:320px;height:800px;float:left;}
#tmp_wxal .area1 .scroller .swiper-slide .title{width:320px;height:50px;margin-bottom:20px;line-height:50px;font-size:14px;text-align:center;background:#fff;color:#8b8b8b;border-radius:25px;}
#tmp_wxal .area1 .scroller .swiper-slide .video {width:320px; height:615px;padding-top:35px;float:left;background:#fff;box-shadow: 0px 35px 35px -35px #666;border-radius:40px;}

#tmp_wxal .area1 .swiper-button-prev {position:absolute; top:50%; margin-top:-68px; width:65px; height:136px; cursor:pointer; transition:all 0.5s; display:block; left:0px; background:url(../team-arrow.png) no-repeat 0 0;}
#tmp_wxal .area1 .swiper-button-next {position:absolute; top:50%; margin-top:-68px; width:65px; height:136px; cursor:pointer; transition:all 0.5s; display:block; right:0px; background:url(../team-arrow.png) no-repeat -65px 0;}
#tmp_wxal .area1 .scrollerbox:hover .swiper-button-prev { transform:translateX(10px); }
#tmp_wxal .area1 .scrollerbox:hover .swiper-button-next { transform:translateX(-10px); }
#tmp_wxal .area1 .swiper-button-next:after,.swiper-button-prev:after {display:none;}
#tmp_wxal .area1 div:focus {outline: none;}



/* 天猫案例 */
#tmp_tmal { background:#f1f1f1; }
#tmp_tmal .area1 { position:relative; overflow:hidden;height:1080px;}
#tmp_tmal .area1 .txt1 { position:relative; overflow:hidden;padding-top:80px; height:60px; line-height:60px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#000; margin-bottom:20px; }
#tmp_tmal .area1 .txt1 a:hover{text-decoration:none;}
#tmp_tmal .area1 .txt2 { position:relative;padding-bottom:50px; overflow:hidden; line-height:24px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#8b8b8b; }

#tmp_tmal .area1 { position:relative; overflow:hidden; }
#tmp_tmal .area1 .scrollerbox { position:relative; width:1300px;height:800px;}
#tmp_tmal .area1 .scroller { position:relative; width:1080px;height:800px;margin:0 auto;overflow:hidden;}

#tmp_tmal .area1 .scroller .swiper-slide { position:relative; overflow:hidden; width:320px;height:800px;float:left;}
#tmp_tmal .area1 .scroller .swiper-slide .pic {width:320px; height:745px;float:left;}
#tmp_tmal .area1 .scroller .swiper-slide .wangwang{width:130px; height:36px; line-height:36px; margin:12px auto 0 auto; overflow:hidden;}
#tmp_tmal .area1 .scroller .swiper-slide .wangwang a { display:block; width:100%; height:100%; background:#333333; color:#fff; font-size:14px;text-align:center; text-decoration:none; overflow:hidden;}
#tmp_tmal .area1 .scroller .swiper-slide .wangwang a:hover { background:#1a7ce9;}

#tmp_tmal .area1 .swiper-button-prev {position:absolute; top:50%; margin-top:-68px; width:65px; height:136px; cursor:pointer; transition:all 0.5s; display:block; left:0px; background:url(../team-arrow.png) no-repeat 0 0;}
#tmp_tmal .area1 .swiper-button-next {position:absolute; top:50%; margin-top:-68px; width:65px; height:136px; cursor:pointer; transition:all 0.5s; display:block; right:0px; background:url(../team-arrow.png) no-repeat -65px 0;}
#tmp_tmal .area1 .scrollerbox:hover .swiper-button-prev { transform:translateX(10px); }
#tmp_tmal .area1 .scrollerbox:hover .swiper-button-next { transform:translateX(-10px); }
#tmp_tmal .area1 .swiper-button-next:after,.swiper-button-prev:after {display:none;}
#tmp_tmal .area1 div:focus {outline: none;}



/* 互动营销 */
#tmp_hd { background:#fff; }
#tmp_hd .area1 { position:relative; overflow:hidden; padding:90px 0; }
#tmp_hd .area1 .txt1 { position:relative; overflow:hidden; height:60px; line-height:60px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#000; margin-bottom:20px; }
#tmp_hd .area1 .txt2 { position:relative; overflow:hidden; line-height:24px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#8b8b8b; }

#tmp_hd .area2 { position:relative; overflow:hidden; height:134px; text-align:center; padding-bottom:90px; }
#tmp_hd .area2 .a2box { display:inline-block; position:relative; overflow:hidden; height:134px; margin:0 100px; }
#tmp_hd .area2 .a2box .img { position:relative; overflow:hidden; width:94px; height:94px; }
#tmp_hd .area2 .a2box .txt { position:relative; overflow:hidden; height:40px; line-height:40px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#323436; }

#tmp_hd .area3 { position:relative; overflow:hidden; padding:90px 0; background:#f1f1f1; }
#tmp_hd .area3 .scroller { position:relative; overflow:hidden; height:620px; }
#tmp_hd .area3 .player2 { position:relative; width:100%; height:100%; }
#tmp_hd .area3 .player2 li { position:relative; overflow:hidden; width:1200px; height:620px; float:left; }
#tmp_hd .area3 .player2 li .img1 { display:block; position:absolute; left:165px; top:0; max-height:100%; }
#tmp_hd .area3 .player2 li .img2 { display:block; position:absolute; left:740px; top:30px; max-height:100%; }
#tmp_hd .area3 .player2 li .txt1 { position:absolute; left:740px; top:260px; height:50px; line-height:50px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#000; }
#tmp_hd .area3 .player2 li .txt2 { position:absolute; left:740px; top:320px; width:400px; line-height:24px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:13px;  color:#8b8b8b; }
#tmp_hd .area3 .player2 li .tdcode { width:120px; padding:10px; background:#fff; position:absolute; left:740px; bottom:0px;}
#tmp_hd .area3 .player2 li .tdcode img { display:block;}
#tmp_hd .area3 .player2 li .tdcode .codetxt { height:30px; line-height:30px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:13px;  color:#000;}

#tmp_hd .area3 .scroller .btns { position:absolute; top:50%; margin-top:-68px; width:65px; height:136px; cursor:pointer; transition:all 0.5s; }
#tmp_hd .area3 .scroller .prev2 { left:0; background:url(../team-arrow.png) no-repeat 0 0; }
#tmp_hd .area3 .scroller .next2 { right:0; background:url(../team-arrow.png) no-repeat -65px 0; }
#tmp_hd .area3 .scroller:hover .prev2 { transform:translateX(10px); }
#tmp_hd .area3 .scroller:hover .next2 { transform:translateX(-10px); }


/* 视觉定制 */
#tmp_sj { background:#fff; }
#tmp_sj .area1 { position:relative; overflow:hidden; background:#f6f6f6; padding:80px 0; }
#tmp_sj .area1 .txt1 { position:relative; overflow:hidden; height:60px; line-height:60px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#000; margin-bottom:20px; }
#tmp_sj .area1 .txt2 { position:relative; overflow:hidden; line-height:26px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#8b8b8b; }

#tmp_sj .area2 { position:relative; overflow:hidden; background:#f6f6f6; padding-bottom:80px; }
#tmp_sj .area2 .a2box { position:relative; overflow:hidden; width:190px; float:left; margin:0 60px 0 40px; }
#tmp_sj .area2 .a2box .img { position:relative; overflow:hidden; height:60px; margin-bottom:5px; }
#tmp_sj .area2 .a2box .txt1 { position:relative; overflow:hidden; height:40px; line-height:40px; text-align:left; font-family:\5FAE\8F6F\96C5\9ED1; font-size:16px;  color:#05141b; }
#tmp_sj .area2 .a2box .txt2 { position:relative; overflow:hidden; padding-top:8px;line-height:22px; text-align:left; font-family:\5FAE\8F6F\96C5\9ED1; font-size:13px;  color:#979797; }

#tmp_sj .area3 { position:relative; overflow:hidden; background:#fff; }
#tmp_sj .items li { position:relative; overflow:hidden; width:100%; height:448px; float:left; margin-top:90px; }
#tmp_sj .items li.last { margin-right:0; }
#tmp_sj .items .item_img { position:relative; overflow:hidden; width:738px; height:448px; margin-right:20px; background:url(../shijue/itbg.png) no-repeat center; float:left; }
#tmp_sj .items .item_img .itimg { display:block; position:relative; overflow:hidden; width:570px; height:345px; margin-left:85px; margin-top:19px; }

#tmp_sj .items .item_info { position:relative; overflow:hidden; width:420px; height:100%; float:left; }
#tmp_sj .items .item_title { position:relative; overflow:hidden; height:40px; line-height:40px; text-align:left; font-family:\5FAE\8F6F\96C5\9ED1; font-size:20px;  color:#000; margin-top:50px; }
#tmp_sj .items .item_desc { position:relative; overflow:hidden; height:168px; line-height:26px; text-align:left; font-family:\5FAE\8F6F\96C5\9ED1; font-size:13px;  color:#8b8b8b; margin-top:10px; }

#tmp_sj .items .item_btn { display:block; text-decoration:none; position:relative; overflow:hidden; width:128px; height:36px; line-height:36px; text-align:center; margin-top:10px;
font-family:\5FAE\8F6F\96C5\9ED1; font-size:12px;  color:#fff; background:#333333; }
#tmp_sj .items .item_btn:hover { background:#00c0ff; color:#fff; }


/* 新零售 */
#tmp_ls { padding:90px 0; background:#fff; }
#tmp_ls .area1 { margin-bottom:100px; position:relative; overflow:hidden; }
#tmp_ls .area1 .txt1 { position:relative; overflow:hidden; width:400px; height:34px; line-height:34px; text-align:left; font-family:\5FAE\8F6F\96C5\9ED1; font-size:22px;  color:#2d2d2e; margin-bottom:10px; }
#tmp_ls .area1 .txt2 { position:relative; overflow:hidden; width:400px; line-height:26px; text-align:left; font-family:\5FAE\8F6F\96C5\9ED1; font-size:13px;  color:#999999; margin-bottom:70px; }
#tmp_ls .area1 .txt3 { position:relative; overflow:hidden; width:400px; height:34px; line-height:34px; text-align:left; font-family:\5FAE\8F6F\96C5\9ED1; font-size:22px;  color:#2d2d2e; margin-bottom:10px; }
#tmp_ls .area1 .txt4 { position:relative; overflow:hidden; width:400px; line-height:26px; text-align:left; font-family:\5FAE\8F6F\96C5\9ED1; font-size:13px;  color:#999999; }

#tmp_ls .area1 .gmmv { overflow:hidden; position:absolute; right:1px; top:1px; width:732px; height:442px; background:#ffffff; }

#tmp_ls .area2 { width:100%; height:770px; background:#fafafa; overflow:hidden;}
#tmp_ls .area2 .maintit { width:100%; height:150px; line-height:150px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#2d2d2d; text-align:center; overflow:hidden;}
#tmp_ls .area2 .contlist { width:100%; overflow:hidden;}
#tmp_ls .area2 .cell { float:left; width:300px; overflow:hidden;}
#tmp_ls .area2 .cell .tit-icon { height:80px; margin-bottom:40px; text-align:center; overflow:hidden;}
#tmp_ls .area2 .cell .txtwrap { height:150px; padding:10px 0; overflow:hidden;}
#tmp_ls .area2 .cell .txtwrap .mark { float:left; width:60px;}
#tmp_ls .area2 .cell .txtwrap .detail { float:right; width:240px; line-height:24px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#595959; overflow:hidden;}


#tmp_ls .area3 img { display:block; margin-left:auto; margin-right:auto;}
#tmp_ls .advantage { width:100%; height:970px; margin-bottom:100px; background:url(../lingshou/boxbg1.jpg) no-repeat center;background-size:cover; overflow:hidden;}
#tmp_ls .advantage .boxwrap { width:760px; margin:0 auto; padding:80px 0;}
#tmp_ls .advantage .txt1 { height:80px; line-height:80px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#fff; text-align:center; overflow:hidden;}
#tmp_ls .advantage .txt2 { width:600px; height:120px; line-height:30px; margin:0 auto; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#fff; text-align:center; overflow:hidden;}
#tmp_ls .advantage .txtitem { width:100%; height:170px; margin-top:30px; position:relative; overflow:hidden;}
#tmp_ls .advantage .txtitem .mask { position:absolute; left:0px; top:0px; width:100%; height:100%; background:#fff; opacity:0.5;}
#tmp_ls .advantage .txtitem .txthd { position:relative; margin-top:30px; padding:0 70px; height:40px; line-height:40px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:22px;  color:#161616; text-align:left; overflow:hidden; z-index:10;}
#tmp_ls .advantage .txtitem .txtwrap { position:relative; padding:6px 70px; height:48px; line-height:24px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#161616; text-align:left; overflow:hidden; z-index:10;}
.news_report { width:1200px; margin:0 auto; padding-top:30px; overflow:visible;}
.news_report .title { height:100px; line-height:100px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:22px;  color:#2d2d2d; text-align:center; overflow:hidden;}
.news_report .brief { width:700px; margin:0 auto; line-height:26px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#999; text-align:center; overflow:hidden;}
.news_report .list { width:100%; padding:40px 0; overflow:hidden;}
.news_report .list li { float:left; width:380px; overflow:hidden;}
.news_report .list li .picbox { width:380px; overflow:hidden;}
.news_report .list li .txtbox { width:380px; height:50px; line-height:50px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:12px;  color:#333; text-align:center; overflow:hidden;}
.news_report .btn { width:100%; height:50px; line-height:50px; text-align:center;}
.news_report .btn a { display:inline-block; position:relative; width:130px; height:50px; margin:0 8px; background:#000; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#fff; text-align:center; text-decoration:none;}
.news_report .btn a:hover { background:#1a7ce9;}
.news_report .btn a img { position:absolute; left:-470px; bottom:50px; max-width:none; transition:all 0.3s; transform:scale(0);}
.news_report .btn a:hover img { transform:scale(1.0);}
.report_detail { width:1200px; margin:0 auto; overflow:hidden;}
.report_detail .title { height:150px; line-height:150px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#2d2d2d; text-align:center; overflow:hidden;}
.report_detail .detailbox { padding:0 100px 100px 100px; line-height:24px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:13px;  color:#333; overflow:hidden;}

/* 店铺装修 */
#tmp_dpzx {  background:#fff; }
#tmp_dpzx .area1 { position:relative; overflow:hidden; }

#tmp_dpzx .area2 { position:relative; overflow:hidden; padding-top:60px;padding-bottom:60px; }
#tmp_dpzx .area2 .dplist ul li{text-align:center;margin-bottom:65px;}
.gm-tool2 {background:#fafafa;}
.gm-tool2 .boxwrap { width:100%; margin:0 auto; padding:100px 0 80px 0; position:relative;}
.gm-tool2 .title { width:100%; text-align:center; overflow:hidden;}
.gm-tool2 .title .maintit { height:56px; line-height:56px; color:#2d2d2d; font-size:24px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-tool2 .title .vicetit { width:750px; height:40px; line-height:20px; margin:0 auto; padding:30px 0 20px 0; color:#999; font-size:13px; font-family:\5FAE\8F6F\96C5\9ED1; }
.gm-tool2 .title .line { width:50px; height:2px; margin:0 auto; background:#2d2d2d;}
.gm-tool2 .gmSlide { width:100%; position:relative; overflow:hidden;}
.gm-tool2 .gmSlide .scroller { width:1200px;  margin:0 auto; position:relative; overflow:hidden;}
.gm-tool2 .gmSlide .hd1{padding-top:50px;}
.gm-tool2 .gmSlide .hd2{}
.gm-tool2 .gmSlide .scroller li {overflow:hidden;}
.gm-tool2 .gmSlide .item { float:left; width:200px; height:250px; padding:50px 50px 0px 50px; overflow:hidden;}
.gm-tool2 .gmSlide .item .gmui { width:80px; height:80px; margin:0 auto; overflow:hidden; transition:all 0.5s;}
.gm-tool2 .gmSlide .item .title { height:60px; line-height:60px; color:#000; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center;}
.gm-tool2 .gmSlide .item .detail { height:60px; line-height:30px; color:#999; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; overflow:hidden;}
.gm-tool2 .gmSlide .item:hover .gmui { transform:rotate(360deg);}
.gm-tool2 .btn { width:150px;height:50px;line-height:50px; margin:0 auto;  overflow:hidden;}
.gm-tool2 .btn a { display:block; width:100%; height:100%; background:#fff; color:#000; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; text-decoration:none; overflow:hidden;}
.gm-tool2 .btn a:hover { color:#fff;background:#1a7ce9;}

/* 无线宝 */
#tmp_wx { padding:90px 0; background:#fff; }
#tmp_wx .area1 { position:relative; overflow:hidden; }
#tmp_wx .area1 .txt1 { position:relative; overflow:hidden; height:60px; line-height:60px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#010000; margin-bottom:20px; }
#tmp_wx .area1 .txt2 { position:relative; overflow:hidden; line-height:24px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:13px;  color:#a2a2a2; margin-bottom:100px; }

#tmp_wx .area2 { position:relative; overflow:hidden; padding-bottom:90px; }
#tmp_wx .area2 .a2box { position:relative; overflow:hidden; width:230px; float:left; margin:0 55px 0 95px; }
#tmp_wx .area2 .a2box .img { position:relative; overflow:hidden; width:150px; height:150px; margin-left:auto; margin-right:auto; margin-bottom:30px; }
#tmp_wx .area2 .a2box .img span { display:block; width:100%; height:30px; line-height:30px; padding-top:100px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:16px;  color:#000; text-align:center; overflow:hidden;}
#tmp_wx .area2 .a2box .txt { position:relative; overflow:hidden; line-height:22px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:13px;  color:#464646; }

#tmp_wx .area3 { position:relative; overflow:hidden; padding:80px 0; background:#f9f9f9; }
#tmp_wx .area3 .gmbox { position:relative; width:1338px; left:50%; margin-left:-669px; }
#tmp_wx .area3 .a3txt { position:relative; overflow:hidden; height:60px; line-height:60px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#010000; margin-bottom:40px }
#tmp_wx .area3 .a3box { position:relative; overflow:hidden; width:190px; float:left; margin:0 0 0 1px; }
#tmp_wx .area3 .a3box .img { position:relative; overflow:hidden; width:64px; height:64px; margin-left:auto; margin-right:auto; margin-bottom:10px; }
#tmp_wx .area3 .a3box .txt { position:relative; overflow:hidden; height:30px; line-height:30px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:13px;  color:#4e4e4e; }
#tmp_wx .area3 .gmbox .btn { width:130px;height:50px;line-height:50px; margin:0 auto; padding:70px 0 0 0; overflow:hidden;}
#tmp_wx .area3 .gmbox .btn a { display:block; width:100%; height:100%; background:#fff; color:#000; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; text-decoration:none; overflow:hidden;}
#tmp_wx .area3 .gmbox .btn a:hover { color:#fff;background:#1a7ce9;}

#tmp_wx .area4 { position:relative; overflow:hidden; background:#fff; padding-top:18px; }
#tmp_wx .wxlist { width:1200px; overflow:hidden;}
#tmp_wx .wxlist ul { width:100%; overflow:hidden; *zoom:1;}
#tmp_wx .wxlist li { float:left; display:inline; position:relative; overflow:hidden; width:280px; height:425px; border:1px solid #e5e5e5; margin:60px 5px 0 5px; padding:4px; background:none; }
#tmp_wx .wxlist li img { display:block;}
#tmp_wx .hoverPosition { display:block; width:100%; height:100%; position:relative; overflow:hidden;}
#tmp_wx .hoverPosition .mask { display:none; width:100%; height:100%; background:#000; position:absolute; left:0px; top:0px; opacity:0.5;}
#tmp_wx .hoverPosition .code { width:180px; height:180px; position:absolute; left:50%; top:-180px; margin-left:-90px; overflow:hidden; transition:top .5s;}
#tmp_wx .hoverPosition .code img { display:block;}
#tmp_wx .hoverPosition:hover .code { top:110px;}
#tmp_wx .hoverPosition:hover .mask { display:block;}



/* 联系我们 */
#tmp_lx { padding:105px 0; background:#fff; }
#tmp_lx .area1 { position:relative; overflow:hidden; width:500px; float:left; }
#tmp_lx .area1 .txt1 { position:relative; overflow:hidden; height:40px; line-height:40px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:20px;  color:#333333; margin-bottom:8px }
#tmp_lx .area1 .txt2 { position:relative; overflow:hidden; height:26px; line-height:26px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:13px;  color:#333333; }

#tmp_lx .area2 { position:relative; overflow:hidden; width:592px; float:right; }
#tmp_lx .area2 form td.text { display:none; }
#tmp_lx .area2 form td.input span { display:none; }
#tmp_lx .area2 form td.input input { width:560px; height:40px; border:1px solid #bebebe; margin:0 0 10px 0; padding:0 10px; font-size:12px; }
#tmp_lx .area2 form td.input textarea { width:560px; height:100px; line-height:20px; border:1px solid #bebebe; margin:0 0 3px 0; padding:10px; max-width:560px; max-height:100px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:12px; }
#tmp_lx .area2 form td.input .code { height:28px; padding:0 2px; float:left; }
#tmp_lx #new_code { width:auto; height:30px; margin-left:2px; float:left; }
#tmp_lx .area2 form td.submint .submit { width:100%; height:37px; margin:0; padding:0; border:none; background:url(../submit.jpg) no-repeat center; cursor:pointer; }
#tmp_lx .area2 form td.submint .submit:hover { background:url(../submit2.jpg) no-repeat center; }


/* 招聘 */
#tmp_zp { padding:30px 0; background:#f8f8f8; }
#tmp_zp .area1 { position:relative; overflow:hidden; }
#tmp_zp .popup_box { position:relative; overflow:hidden; margin-bottom:40px; }

#tmp_zp .pimg1 { background-image:url(../job/pic1.png); }
#tmp_zp .pimg2 { background-image:url(../job/pic2.png); }
#tmp_zp .pimg3 { background-image:url(../job/pic3.png); }
#tmp_zp .pimg4 { background-image:url(../job/pic4.png); }
#tmp_zp .pimg5 { background-image:url(../job/pic5.png); }
#tmp_zp .popup_hd { position:relative; overflow:hidden; width:100%; height:110px; background-color:#eeeeee; background-repeat:no-repeat; background-position:60px center; }
#tmp_zp .popup_hd .txt { position:relative; overflow:hidden; margin:34px 0 0 170px; height:48px; line-height:24px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:16px;  color:#333333; }

#tmp_zp .popup_tg { position:absolute; top:0; right:0; overflow:hidden; width:90px; height:110px; cursor:pointer; }
#tmp_zp .popup_tg .tgbg { position:absolute; left:50%; margin-left:-9px; top:50%; margin-top:-7px; width:18px; height:13px; background:url(../job/tgs.png) no-repeat 0 0; }
#tmp_zp .popup_on .tgbg { background:url(../job/tgs.png) no-repeat 0 -13px; transform:rotate(360deg); transition:all 0.5s; }

#tmp_zp .popup_bd { position:relative; overflow:hidden; background:#fff; }
#tmp_zp .popup_bd .padding { padding:30px 60px; }
#tmp_zp .popup_on .popup_bd { display:block; }

#tmp_zp .area2 { position:relative; overflow:hidden; text-align:center; margin-bottom:16px; }
#tmp_zp .area2 img { display:inline-block; margin:0 12px; }

#tmp_zp .area3 { position:relative; overflow:hidden; text-align:center; line-height:24px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:13px;  color:#272727; }


/* 案例展示 */
#tmp_al { padding:45px 0; background:#fff; }
#tmp_al .gmbox { position:relative; width:1200px; left:50%; margin-left:-600px; }
#tmp_al .items li { position:relative; overflow:visible; width:100%; height:300px; float:left; margin:0px 0px 60px 0; background:#fff; }
#tmp_al .items li .shadow { position:absolute; left:0; top:0; width:100%; height:100%; box-shadow:#727272 0px 25px 30px -10px; opacity:0; transition:all 0.6s linear; }
#tmp_al .items li:hover .shadow { opacity:0.25; }
#tmp_al .items .item_img { position:relative; overflow:hidden; width:800px; height:300px; margin:0 53px 0 0px; float:left; }
#tmp_al .items .item_img .itimg { display:block; position:relative; overflow:hidden; width:100%; height:100%; margin-left:auto; margin-right:auto; }

#tmp_al .items .item_info { position:relative; overflow:hidden; width:347px; height:300px; float:left; }
#tmp_al .items .item_title { position:relative; overflow:hidden; height:50px; line-height:50px; text-align:left; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#555555; margin:40px 0 10px 0; }
#tmp_al .items .item_desc { position:relative; overflow:hidden; height:78px; line-height:26px; text-align:left; font-family:\5FAE\8F6F\96C5\9ED1; font-size:13px;  color:#8b8b8b; margin-bottom:10px; }

#tmp_al .items .item_btn { display:block; text-decoration:none; position:relative; overflow:hidden; width:110px; height:40px; line-height:40px; text-align:center; margin-top:35px;font-family:\5FAE\8F6F\96C5\9ED1; font-size:12px;  color:#fff; background:#333333; }
#tmp_al .items .item_btn:hover { background:#00c0ff; color:#fff;  }


/* 详情页1 */
#tmp_info_1 { background:#fff; }
#tmp_info_1 .infoitem { width:100%; height:550px; padding:60px 0; position:relative; overflow:visible;}
#tmp_info_1 .infoitem .zoom { position:absolute; left:725px; bottom:70px; overflow:hidden; width:40px; height:40px; background:url(../anli/zoom.png) no-repeat 0 0; cursor:pointer; }
#tmp_info_1 .infoitem .zoom:hover { background:url(../anli/zoom.png) no-repeat 0 -40px; }
#tmp_info_1 .infowrap { width100%; height:auto; padding:60px 0; overflow:hidden;}
#tmp_info_1 .infowrap .pcshow { margin-bottom:60px; overflow:hidden;}
#tmp_info_1 .infowrap .textshow {padding:0 200px 100px 200px; overflow:hidden; }
#tmp_info_1 .infowrap .textshow h1{font-size:18px;font-weight:bold;font-family:\5FAE\8F6F\96C5\9ED1;padding:0 0 20px 0; text-align:center;}
#tmp_info_1 .infowrap .textshow .textcon{font-size:14px;font-family:\5FAE\8F6F\96C5\9ED1;color:#777777; line-height:26px; }
#tmp_info_1 .infowrap .textshow .textcon p{text-indent:2em;}
#tmp_info_1 .infowrap .fullpage { overflow:hidden;}
#tmp_info_1 .textshow2{padding:70px 200px 50px 200px; overflow:hidden; }
#tmp_info_1 .textshow2 h1{font-size:18px;font-weight:bold;font-family:\5FAE\8F6F\96C5\9ED1;padding:0 0 20px 0;text-align:center;}
#tmp_info_1 .textshow2 .textcon{font-size:14px;font-family:\5FAE\8F6F\96C5\9ED1;color:#777777; line-height:26px;}
#tmp_info_1 .textshow2 .textcon p{text-indent:2em;}
#tmp_info_1 .area1 { width:715px; height:550px; background:url(../anli/j1.jpg) no-repeat center; position:absolute; left:-55px; top:60px; }
#tmp_info_1 .area1 .imgbox { width:604px; height:336px; position:absolute; left:65px; top:22px; overflow-y:scroll; overflow-x:hidden; background:#eee; }
#tmp_info_1 .area1 .imgbox img { display:block; margin-left:auto; margin-right:auto; cursor:pointer; }

#tmp_info_1 .area1_wx { width:540px; height:551px; background:url(../anli/j3.jpg) no-repeat center; position:absolute; left:27px; top:57px; }
#tmp_info_1 .area1_wx .img1 { background-size:auto 100%; background-position:center; background-repeat:no-repeat; width:113px; height:311px; position:absolute; left:18px; top:178px; }
#tmp_info_1 .area1_wx .img2 { background-size:auto 100%; background-position:center; background-repeat:no-repeat; width:122px; height:362px; position:absolute; left:146px; top:129px; }
#tmp_info_1 .area1_wx .img3 { background-size:auto 100%; background-position:center; background-repeat:no-repeat; width:237px; height:422px; position:absolute; left:285px; top:64px; }

#tmp_info_1 .area2 { position:absolute; width:480px; height:480px; right:0px; top:60px; overflow:hidden; }

#tmp_info_1 .popup { position:fixed; left:0; top:0; overflow:hidden; width:100%; height:1080px; z-index:999; display:none; }
#tmp_info_1 .popup .pcen { position:relative; overflow:hidden; width:1920px; height:100%; left:50%; margin-left:-960px; }
#tmp_info_1 .popup .bgbox { position:absolute; left:0; top:0; width:100%; height:100%; background:#050505; opacity:0.8; }
#tmp_info_1 .popup .showbox { position:relative; overflow:hidden; width:100%; height:100%; }

#tmp_info_1 .scroller { position:relative; overflow:hidden; width:1920px; height:100%; background:none; margin:0 auto; }
#tmp_info_1 .gm_player { position:relative; width:100%; height:100%; }
#tmp_info_1 .gm_player li { position:relative; overflow:auto; width:1920px; height:1080px; line-height:1080px; text-align:center; float:left; }
#tmp_info_1 .gm_player li img { display:inline-block; margin:0 auto; }

#tmp_info_1 .btns { position:absolute; top:50%; margin-top:-68px; width:65px; height:136px; cursor:pointer; z-index:11; transition:all 0.5s; }
#tmp_info_1 .gm_prev { left:100px; background:url(../team-arrow.png) no-repeat 0 0; }
#tmp_info_1 .gm_next { right:100px; background:url(../team-arrow.png) no-repeat -65px 0; }

#tmp_info_1 .close { position:fixed; right:46px; top:16px; width:40px; height:40px; cursor:pointer; background:url(../anli/close.png) no-repeat 0 0; }
#tmp_info_1 .close:hover { background:url(../anli/close.png) no-repeat 0 -40px; }



/* 分页 */
#page { position:relative; overflow:hidden; width:100%; height:36px; }
#page .pbox { position:relative; overflow:hidden; height:36px; line-height:36px; text-align:center; float:left; font-family:\5FAE\8F6F\96C5\9ED1; font-size:12px;  color:#9f9f9f; background:#f0f0f0; 
 margin-right:5px; text-decoration:none; display:block; }
 
#page .p_hov:hover { background:#00c0ff; color:#fff; }
#page .p_cur { background:#00c0ff; color:#fff; }

#page .p_start,
#page .p_end { width:66px; }

#page .p_num { width:36px; }
#page .p_none { width:36px; background:none; }

#page .p_prev,
#page .p_next { width:36px; font-family:cursive; font-size:24px; font-weight:600; }

#page .p_txt { display:block; padding:0 8px; height:36px; line-height:36px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:12px;  color:#9f9f9f; float:left; }
#page .p_input { width:66px; height:36px; background:#f0f0f0; border:none; padding:0; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:12px;  color:#9f9f9f; float:left; }
#page .p_btn { width:66px; height:36px; background:#00c0ff; border:none; padding:0; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:12px;  color:#fff; float:left; }



/* 关于我们 */
#tmp_us { background:#fff; }

#tmp_us .area1 { position:relative; }
#tmp_us .area1 .txt1 { position:relative; overflow:hidden; height:60px; line-height:60px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#000; margin-bottom:0px; float:left; width:100%; margin-top:80px; }
#tmp_us .area1 .txt2 { position:relative; overflow:hidden; height:25px; line-height:25px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#fff; background:#000; float:left; width:auto; padding:0 5px; margin-bottom:30px; }
#tmp_us .area1 .txt3 { position:relative; overflow:hidden; line-height:26px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;  color:#8b8b8b; float:left; width:100%; margin-bottom:20px; }
#tmp_us .area1 .txt3 p{margin-bottom:12px;}
#tmp_us .boxwrap { padding:100px 0; width:100%; float:left; }
#tmp_us .bigdata ul li { width:33.3%; }


#tmp_us .area2 { position:relative; width:100%; overflow:hidden; }
#tmp_us .area2 .hdtxt1 { position:relative; overflow:hidden; width:100%; float:left; height:40px; line-height:40px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#2e2e2f; margin-top:50px; }
#tmp_us .area2 .hdtxt2 { position:relative; overflow:hidden; width:100%; float:left; height:20px; line-height:20px; text-align:center; font-family:arial; font-size:16px;  color:#999999; margin-bottom:50px; }

#tmp_us .area2 .infobox { position:relative; overflow:hidden; width:50%; height:450px; float:left; background:#f6f6f6; }
#tmp_us .area2 .nullbox { display:flex; background:#777777; }
#tmp_us .area2 .nullbox img{width:100%;height:450px;}

#tmp_us .area2 .mbox1 { position:relative; overflow:hidden; margin-right:5%; width:440px;float:right; }
#tmp_us .area2 .mbox2 { position:relative; overflow:hidden; margin-left:5%; width:440px;float:left; }

#tmp_us .area2 .infobox .txt1 { position:relative; overflow:hidden; height:50px; line-height:50px; margin-top:120px; }
#tmp_us .area2 .infobox .txt1 .sp1 { font-family:\5FAE\8F6F\96C5\9ED1; font-size:26px;  color:#333333; }
#tmp_us .area2 .infobox .txt1 .sp2 { font-family:arial; font-size:20px;  color:#999999; }

#tmp_us .area2 .infobox .txt2 { position:relative; overflow:hidden; height:30px; line-height:30px; margin-top:20px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:16px;  color:#262626; }
#tmp_us .area2 .infobox .txt3 { position:relative; overflow:hidden; max-height:144px; line-height:26px; margin-top:20px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:13px;  color:#777777; }
#tmp_us .area2 ul { position:relative; width:100%; overflow:hidden;}
#tmp_us .area2 ul li { width:100%; height:450px; overflow:hidden;}

#tmp_us .area3 { position:relative; width:100%; overflow:hidden; }
#tmp_us .area3 .hdtxt1 { position:relative; overflow:hidden; width:100%; height:40px; line-height:40px; text-align:center; font-family:\5FAE\8F6F\96C5\9ED1; font-size:24px;  color:#2e2e2f; padding-top:50px;border-top:1px solid #f6f6f6; }
#tmp_us .area3 .hdtxt2 { position:relative; overflow:hidden; width:100%; height:20px; line-height:20px; text-align:center; font-family:arial; font-size:16px;  color:#999999; margin-bottom:50px; }
#tmp_us .area3 .honorbg {width: 100%;height: 1115px;background: url(../women/honor_bg.jpg) no-repeat center;background-size: cover; position: relative;}
#tmp_us .area3 .honorlist {width: 1300px;height:965px;position:relative;}
#tmp_us .area3 .hcontent {position:absolute;width:400px;height:270px;}
#tmp_us .area3 .hcontent .txt1{position:relative; overflow:hidden; font-family:Helvetica Neue;font-weight:100; height:64px; line-height:64px;font-size:42px;color:#3c3c3c; }
#tmp_us .area3 .hcontent .txt2{position:relative;padding:12px 0 14px 0;line-height:30px;font-size:22px; color:#777777; }
#tmp_us .area3 .hcontent .txt3{position:relative;padding-top:10px; font-size:14px; color:#777777;}
#tmp_us .area3 .hcontent .txt3 p{ font-size:14px;line-height:32px;}
#tmp_us .area3 .hcontent .txt3 span{ font-size:16px;font-weight:600;margin-right:8px;}
#tmp_us .area3 .hn1 {left:30px;top:275px;}
#tmp_us .area3 .hn2 {left:155px;top:610px;}
#tmp_us .area3 .hn3 {left:340px;top:245px;}
#tmp_us .area3 .hn4 {left:530px;top:630px;}
#tmp_us .area3 .hn5 {left:670px;top:150px;}
#tmp_us .area3 .hn6 {left:995px;top:525px;}
#tmp_us .area3 .hn7 {left:1070px;top:75px;}
#tmp_us .area3 .btn { width:130px; height:50px; line-height:50px; margin:0 auto; padding:10px 0; overflow:hidden;}
#tmp_us .area3 .btn a { display:block; width:100%; height:100%; background:#000; color:#fff; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;  text-align:center; text-decoration:none; overflow:hidden;}
#tmp_us .area3 .btn a:hover { background:#1a7ce9;}

#tmp_us .area3 .jiangbei {position:absolute;top:0;left:0;width:100%;height:100%;z-index:900;background:url(../women/jiangbei_bg.jpg) no-repeat center;background-size:cover;display:none;}
#tmp_us .area3 .jiangbei_box{position:relative;width: 1300px;height:100%;left: 50%;margin-left: -650px;}
#tmp_us .area3 .jiangbei_box .pic{margin-top:95px;}
#tmp_us .area3 .jiangbei_box .btn{}
#tmp_us .area3 .jiangbei_box .btn a {background:none;font-size:24px;}
#tmp_us .area3 .jiangbei_box .btn a:hover {color:#1a7ce9;}

/*轮播新加样式*/
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-carousel .owl-item img { display: block; width: 100%; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.grabbing { cursor: url(grabbing.png) 8 8, move; }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

.owl-theme .owl-controls { position:relative;}
.owl-theme .owl-prev,
.owl-theme .owl-next { width:65px; height:136px; cursor:pointer; background-image:url(../team-arrow.png); background-repeat:no-repeat; position:absolute; top:50%; margin-top:-75px; overflow:hidden; text-indent:-99em; z-index:10; transition:all 0.5s;}
.owl-theme .owl-prev { left:5%; background-position:0 0;}
.owl-theme .owl-next { right:5%; background-position:-65px 0;}
.owl-theme:hover .owl-prev { left:8%;}
.owl-theme:hover .owl-next { right:8%;}

/*新增分页样式*/



/*新闻样式*/
.tem_index_news{padding:50px 0 80px;text-align:center;}
.tem_index_news_tab{display:inline-block;margin:0 0 10px;height:37px;border-right:1px solid #8c989f;list-style:none;line-height:37px;}
.tem_index_news_tab li{float:left;}
.tem_index_news_tab li h3{padding:0 40px;height:35px;border:1px solid #8c989f;border-right:0;font-weight:normal;line-height:35px;cursor:pointer;}
.tem_index_news_tab li.flex-active h3{background:#8c989f;color:#fff;}
.tem_index_news_tab li:hover h3{background:#8c989f;color:#fff;}
.tem_index_news_list{margin:20px 0 0;}
.tem_index_news_list li{float:left;overflow:hidden;width:50%;list-style:none;text-align:left;}
.tem_index_news_list li a{display:block;}
.tem_index_news_list li dl{margin-right:10px;padding-top:21px;height:115px;}
.tem_index_news_list li dl.tem_even{margin-right:0;margin-left:10px;}
.tem_index_news_list dt{position:relative;float:left;overflow:hidden;width:100px;height:115px;border-bottom:1px solid #e7e8ed;font-size:0;}
.tem_index_news_list dt img{margin-left:10px;width:90px;height:90px;border-radius:60px;}
.tem_index_news_list dd{float:left;margin-left:-100px;width:100%;}
.tem_index_news_list dd a{padding:0 10px;}
.tem_index_news_list_txt{margin-left:100px;height:115px;border-bottom:1px solid #e7e8ed;}
.tem_index_news_list_txt h3{overflow:hidden;margin-bottom:3px;height:23px;color:#000;font-weight:normal;line-height:23px;}
.tem_index_news_list_txt p{overflow:hidden;height:42px;color:#818181;}
.tem_index_news_list_txt span.time{display:block;height:25px;color:#818181;line-height:25px;}
.tem_index_news_list li dl:hover{background:#f7f8fa;}
.tem_index_news_list .tem_index_more{float:none;width:200px;text-align:center;}
.met_section{position:relative;padding:40px 0 50px 0; margin:0 auto; width:1200px;}
.met_section aside{position:relative;float:left;width:230px;}
.met_section article{float:left;margin-left:-230px;width:100%;}
.met_section article .met_article{margin-left:250px;}
.met_section_asidenone article{float:none;margin-left:0;}
.met_section_asidenone article .met_article{margin-left:0;}
.met_section aside section{border:1px solid #ddd;}
.met_section aside section h2{padding:0 20px;height:60px;border-bottom:1px solid #ddd;font-size:18px;line-height:60px;}
.met_section aside .met_aside_list{padding:10px 0;}
.met_section aside .met_aside dl dt{height:45px;line-height:45px;}
.met_section aside .met_aside dl dt a{display:block;padding:0 20px;color:#333;}
.met_section aside .met_aside dl dt a:hover{background:#efefef;}
.met_section aside .met_aside dl dt.on{background:#efefef; border-left:4px solid #00c0ff;}
.met_section aside .met_aside dl dd{padding:6px 0 6px 0;}
.met_section aside .met_aside dl dd a{display:block;padding-left:40px;height:35px;color:#333;font-weight:normal;line-height:35px;}
.met_section aside .met_aside dl dd .on a,.met_aside dl dd a:hover{background:#efefef;}
.met_section aside .met_related{margin-top:20px;}
.met_section aside .met_related ul{padding:20px;}
.met_section aside .met_related li{margin-bottom:8px;list-style:none;}
.met_article_head{position:relative;padding:0 10px;height:60px;border-bottom:1px solid #ddd;line-height:60px;}
.met_article_head .met_position{position:absolute;top:0;right:10px;color:#aaa;font-family:'宋体';}
.met_article_head .met_position a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_article_head h1{color:#555;font-weight:normal;font-size:18px;}
.met_section_sehed{padding-top:0;}
.met_section_head{height:50px;color:#aaa;font-size:12px;font-family:'宋体';line-height:50px;}
.met_section_head a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
.met_section_head a:hover{color:#e9280c;}
.met_pager_0{ margin-top:20px;}

/*新闻样式*/


/*以下CSS样式谨慎修改，内页各模块样式，多模板可共用*/
body,h1,h2,h3,h4,h5,h6,dl,dt,li,ol,ul,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:100%}
img{border:0}
button,input,select,textarea{font-size:100%}
.met_clear{clear:both}
.met_none{display:none}
.met_hidden{visibility:hidden}
.met_fl{float:left}
.met_fr{float:right}
.met_editor{line-height:2}
.met_editor ul,.met_editor ol{padding:0 0 0 25px;margin:0}
.met_editor a{color:#1c57c4}
.met_editor a:hover{text-decoration:underline}
.met_editor img{max-width:100%;height:auto!important;}
.met_editor blockquote{padding-top:5px;padding-bottom:5px;padding-left:15px;border-left:4px solid #ddd}
.met_editor hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;margin:20px 0;-webkit-box-sizing:content-box;box-sizing:content-box}
.met_editor .metvideobox{ text-align:center; visibility:hidden; margin:10px auto; }
.met_editor .video-js{ max-width:100%; }
.met_editor table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
.met_editor table td{border:1px solid #ddd!important}
.met_editor table>thead>tr>th,table>tbody>tr>th,table>tfoot>tr>th,table>thead>tr>td,table>tbody>tr>td,table>tfoot>tr>td{padding:.5rem;line-height:1.6;vertical-align:top;}
.met_editor table>thead>tr>th{vertical-align:bottom;border-bottom:1px solid #ddd}
.met_editor #page_break .collapse{display:none}
.met_editor #page_break .num{padding:10px 0;text-align:center}
.met_editor #page_break .num li{display:inline;margin:0 2px;padding:3px 5px;border:1px solid #ccc;background-color:#fff;color:#666;text-align:center;cursor:pointer;font-family:Arial;font-size:12px;overflow:hidden}
.met_editor #page_break .num li.on{background-color:#ccc;color:#fff;font-weight:bold}
.metinfo-banner1{overflow:hidden;margin:0 auto}
.met_pager{text-align:center;padding:30px 0 0}
.met_pager a{border:1px solid #e0e0e0;text-align:center;height:28px;line-height:28px;min-width:28px;_width:28px;text-align:center;display:inline-block;color:#aaa}
.met_pager a:hover{border:1px solid #a0a0a0;color:#aaa}
.met_pager .PreSpan,.met_pager .NextSpan{height:30px;line-height:30px;min-width:60px;_width:60px;text-align:center;background:#f0f0f0;color:#ccc;display:inline-block}
.met_pager .PreA,.met_pager .NextA{height:28px;line-height:28px;min-width:58px;_width:58px;color:#aaa}
.met_pager .PreSpan,.met_pager .PreA{margin-right:6px}
.met_pager .NextSpan,.met_pager .NextA{margin-left:6px}
.met_pager .firstPage,.met_pager .lastPage{font-weight:bold;height:28px;line-height:28px;min-width:40px;_width:40px;color:#aaa}
.met_pager .Ahover{font-weight:bold;background:#f0f0f0;color:#aaa}
.met_pager .PageText{margin-left:10px;color:#aaa}
.met_pager #metPageT,#metPageB{text-align:center;border:1px solid #e0e0e0;color:#aaa}
.met_pager #metPageT{width:20px;padding:6px 5px 5px}
.met_pager #metPageB{min-width:40px;_width:40px;padding:6px 0 5px;cursor:pointer;font-weight:bold}
*html .met_pager #metPageT{height:13px;line-height:13px}
*html .met_pager #metPageB{padding:0;height:28px;line-height:20px}
*+html .met_pager #metPageT{height:13px;line-height:13px}
*+html .met_pager #metPageB{padding:0;height:28px;line-height:20px}
.met_module1{padding:30px 10px}
.met_module2_list{padding:0;}
.met_module2_list li{list-style:none;border-bottom:1px solid #ddd;padding:15px 100px 15px 10px;position:relative}
.met_module2_list h2{font-weight:normal;font-size:14px;}
.met_module2_list li p{color:#818181}
.met_module2_list li span.time{color:#818181;position:absolute;right:10px;top:15px}
.met_module2_list li h2 i{margin-right:10px;position:relative}
.met_module2_list li.list_2 h2,.met_module2_list li.list_3 h2{margin-bottom:3px;font-weight:bold}
.met_module2_list li.list_2{padding:15px 0}
.met_module2_list li.list_3{padding-left:100px;min-height:80px}
.met_module2_list li.list_3 img{position:absolute;left:0;top:15px}
.met_module2_list li.list_3 span.time{position:static}
.met_module2 h1.met_title{font-size:28px;font-weight:normal;padding:5px 0}
.met_module2 .met_infos{color:#818181;font-size:12px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #ddd}
.met_module2 .met_time{padding-right:6px}
.met_module2 .met_source{padding-right:6px}
.met_module2 .met_source a{color:#607fa6}
.met_module2 .met_editor{padding:0 10px}
.met_tools{border-top:1px solid #ddd;margin-top:30px;position:relative;padding:10px 10px 0;height:50px;line-height:50px}
.met_tools .met_page{clear:both;position:absolute;right:5px;top:0;color:#818181}
.met_tools .met_page li{ display:inline; list-style:none; margin-left:30px;}
.met_tools .met_page li span{ padding-right:5px;}
.met_tools .met_page a{color:#607fa6}
.met_module3_list ul.list_1{list-style:none;visibility:hidden}
.met_module3_list ul.list_1 li{float:left;text-align:center;margin-top:30px;overflow:hidden}
.met_module3_list ul.list_1 li a{text-align:center;display:block;margin:0 auto;background:#fff;border:1px solid #ddd;font-size:0}
.met_module3_list ul.list_1 li h2{text-align:left;font-size:14px;padding:10px 10px;font-weight:normal;border-top:1px solid #ddd}
.met_module3_list ul a img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.met_module3_list ul a:hover h2{color:#333}
.met_module3_list ul a:hover img{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.met_module3_list ul.list_2{list-style:none;visibility:hidden}
.met_module3_list ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd}
.met_module3_list ul.list_2 dt{float:left;position:relative}
.met_module3_list ul.list_2 dd{float:left;width:100%}
.met_module3_list ul.list_2 dd h2{padding:5px 10px;font-size:15px;font-weight:normal}
.met_module3_list ul.list_2 dd p{padding:5px 10px;color:#818181}
#linklist{padding:15px 15px 25px}
#linklist .ctitle{margin:10px 0 10px;padding:5px 10px;border-bottom:1px solid #ddd}
#linklist .inside{padding:15px 0 0}
#linklist .metlist .img li{list-style:none;display:inline;padding-right:5px}
#linklist .metlist .img img{width:88px;height:31px}
#linklist .metlist .txt li{list-style:none;float:left;width:88px;height:20px;line-height:20px;margin-right:5px;overflow:hidden}
#linksubmit{padding:15px}
#linksubmit table{margin:0 auto}
#memberbox{padding:15px}
ul.searchnavlist{list-style:none;padding:0 20px;margin:0}
ul.searchnavlist li{padding:5px 0}
ul.searchnavlist .advsearch_searchword input{width:90%;height:28px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px}
ul.searchnavlist .searchgo{display:block;background:#23b7e5;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius:2px;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}
ul.searchnavlist .searchgo:hover{background:#38c4f0}
ul.searchnavlist .searchgo:active{background:#1ba4cf}
#searchlist{padding:15px 0}
#searchlist li{padding-left:10px;margin-bottom:6px;line-height:1.5}
#searchlist ul{list-style:none;padding:0;margin:0}
#searchlist ul li{padding:3px 5px;margin-bottom:10px}
#searchlist ul li img{display:none}
#searchlist .search_title{display:block;padding:2px 0}
#searchlist .search_title a{font-size:16px;color:#12C;text-decoration:underline}
#searchlist .search_title em{color:#c00;text-decoration:underline;font-style:normal}
#searchlist .search_detail{display:block}
#searchlist .search_detail a{text-decoration:underline;color:#12C}
#searchlist .search_content em{color:#c00;font-style:normal}
#searchlist .search_updatetime{display:block;margin-top:5px;color:green}
#searchlist a:hover{text-decoration:underline}
#sitemaplist dl{margin-top:30px;padding:20px;border:1px solid #ddd}
#sitemaplist dt h2{font-size:18px;font-weight:normal;padding:10px 0;border-bottom:1px solid #ddd}
#sitemaplist dt h2 i{font-size:22px;margin-left:10px;font-weight:normal;color:#888;position:relative;top:2px}
#sitemaplist dd ul{float:left;width:25%;list-style:none;margin-top:20px}
#sitemaplist dd li{margin-top:5px}
#sitemaplist dd li h4 a{font-weight:normal;color:#666}
.v52fmbx_hr{border-top:1px solid #ddd;margin:0;padding:0 5px 0 15px;font-weight:bold;font-size:16px;background:#ddd;height:60px;line-height:60px;}
:-ms-input-placeholder{color:#999}
.met-focus{border:1px solid #23b7e5!important}
.v52fmbx{border:1px solid #ddd;border-top:0;overflow:hidden;text-align:left}
.v52fmbx dl:after{display:block;clear:both;content:"";visibility:hidden;height:0}
.v52fmbx dl{width:100%;zoom:1;background:#fff}
.v52fmbx dl{border-top:1px solid #ddd;margin:0;display:-webkit-box;display:-moz-box;display:box;display:-ms-flexbox;position:relative;padding:5px 0}
.v52fmbx dl dt{padding:15px 15px 10px 15px;width:105px;text-align:left;font-weight:normal;overflow:hidden;line-height:1.2}
.v52fmbx dl dd{-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;-ms-flex:1;padding:2px 0 0 15px;margin:10px 0}
.v52fmbx dl dd label input{position:relative;top:1px;margin-right:3px}
.v52fmbx dl dd .fbox{margin:0 10px 0 0}
.v52fmbx dl dd .tips{color:#aaa}
.v52fmbx dl dd .tips:hover{color:#f00}
.v52fmbx dl dd.labelinline label{display:inline}
.v52fmbx dl dt.addimgdt{padding:10px 5px 10px}
.v52fmbx dl dt.addimgdt p{height:30px;line-height:30px;margin-bottom:8px}
.v52fmbx dl.noborder{border-bottom:0}
.formerror{margin-top:6px;height:20px;line-height:20px}
.formerror .fa-times{color:#fff;border-radius:3px;padding:1px 2px;font-size:16px;margin-right:5px;background:red}
.formerror .fa-check{color:#fff;border-radius:3px;padding:2px;font-size:14px;margin-right:5px;background:#10aa00}
.formerrorbox{border:2px solid #f00!important}
.v52fmbx dl dd.ftype_description{color:#fff;padding:8px;margin:0 5px;background:#6c6fbf}
.ftype_input .fbox{float:left}
.ftype_input .tips{float:left;padding-top:5px}
.ftype_input .fbox input{width:350px;height:28px;line-height:28px\9;padding:2px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0;border-radius:2px}
.placeholder-ie{position:relative}
.placeholder-ie label{position:absolute;left:8px;top:7px;cursor:text;color:#999}
.ftype_textarea .tips{display:block}
.ftype_textarea textarea{width:350px;line-height:1.5;height:100px;padding:7px 5px;border:1px solid #dcdfe0;background-color:#fff;color:#333;outline:0}
.ftype_select .tips,.ftype_select-linkage .tips{display:block;margin-top:5px}
select{line-height:31px;height:31px;vertical-align:middle;background-color:#fff;outline:0;border:1px solid #ccc;padding:4px;color:#656565}
.ftype_radio .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}
.ftype_radio .fbox input[type='radio']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0;position:relative;top:-1px;margin-right:6px}
.ftype_radio .formerror{margin-top:0}
.ftype_checkbox .fbox input[type='checkbox']{border-radius:100%;bottom:3px;height:15px;position:relative;vertical-align:middle;width:15px;margin:0}
.ftype_checkbox .fbox label{font-weight:normal;height:28px;line-height:28px;margin:0;display:block}
.ftype_checkbox .fbox input{position:relative;top:-1px;margin-right:6px!important}
.ftype_checkbox .formerror{margin-top:0}
.ftype_transverse .fbox label{display:inline;margin-right:15px}
.submit{display:block;background:#23b7e5;border:0 none;height:34px;line-height:26px;padding:0 35px;color:#fff;cursor:pointer;border-radius:2px;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}
.submit:hover{background:#38c4f0}
.submit.active{background:#1ba4cf}
.v52fmbx dl dd.ftype_code input{width:80px;margin-right:10px}
.v52fmbx dl dd.ftype_code img{height:30px;position:relative;bottom:2px}