@charset "utf-8";
/*---网站建设首页*/
.wangzhan{ width:1100px; height:auto; margin:0 auto}
.wangzhan dl{ display:block}
.wangzhan dd{ display:block; width:1100px; height:auto; padding-top:38px;}
.wangzhan dd .txt{ width:560px}
.wangzhan dd .txt .title{ color:#a40c0b; font-size:32px; padding-top:18px;}
.wangzhan dd .txt .title a,.wangzhan dd .txt .title a:active,.wangzhan dd .txt .title a:hover{color:#285488;}
.wangzhan dd .txt .con{ color:#999; font-size:12px; padding-top:8px; line-height:24px;}
.wangzhan dd .txt .brief { color: #ff6c00; display: block; font-size: 18px; line-height: 2;}
.wangzhan dd .txt .more { margin-top:12px; color:#a40c0b; display:block; font-size:14px}
.wangzhan dd .txt .more a{color:#a40c0b;}
.wangzhan dd .wzt{ height:398px;  margin-top:38px; position:relative;}
.wangzhan dd .wzt .txt{ float:right;}
.wangzhan dd .wzt .img{ position:absolute; left:-10px;}
.wangzhan dd .wzt .txt .con{ color:#999; font-size:14px; padding-top:10px; line-height:24px;}
.wangzhan dd .wzt .txt .tx1{ display:block; width:570px; padding:15px 0; overflow:hidden}
.wangzhan dd .wzt .txt .tx1 li{ width:160px; font-size:16px; float:left; height:30px; line-height:30px; color:#666;}
.wangzhan dd .wzt .txt .tx1 li{color:#666; background:url(images/icon1.jpg) no-repeat left center; padding-left:13px;}
.wangzhan dd .wzt .txt .i_1{ display:block}
.wangzhan dd .wz1,.wangzhan dd .wz2,.wangzhan dd .wz3,.wangzhan dd .wz4,.wangzhan dd .wz5{ height:340px;  position:relative; margin-top:25px;}.wangzhan dd .wz1 { margin-top:0px;}
.wangzhan dd .wz1 .txt{ float:right; width:540px;}
.wangzhan dd .wz1 .img{ position:absolute; left:-70px;}
.wangzhan dd .wz2 .txt{ float:left; width:520px;}
.wangzhan dd .wz2 .img{ position:absolute; right:0px}
.wangzhan dd .wz3 .txt{ float:right; width:530px; padding-top:10px;}
.wangzhan dd .wz3 .img{ position:absolute; left:-65px;}
.wangzhan dd .wz4 .txt{ float:left;}
.wangzhan dd .wz4 .img{ position:absolute; right:0px}
.wangzhan dd .wz5 .txt{ float:right; width:540px;}
.wangzhan dd .wz5 .img{ position:absolute; left:-58px;}
.solu_leftmo { background:#00B99F none repeat scroll 0 0; color:#fff; font:14px/38px "微软雅黑"; height:38px; margin:0px auto 10px; text-align:center; width:160px;}
.solu_leftmo a { color: #fff; display: block; transition: all 0.4s ease-in-out 0.01s;}
.solu_leftmo a:hover { background: #f60 none repeat scroll 0 0; border-color:#f60}
.wangzhan .caselist{ padding-top:20px; width:409px; overflow:hidden;}
.wangzhan  .caselist ul{ overflow:hidden; border-top:#d2d2d2 1px solid; border-left:#d2d2d2 1px solid; }
.wangzhan .caselist ul li{ float:left; width:135px; height:42px; border-bottom:#d2d2d2 1px solid; border-right:#d2d2d2 1px solid;  }
.wangzhan  .caselist ul li img{width:135px; height:42px;}


/* ---微信营销 */
.picbox00{ width:1100px; margin:0 auto;}
.picbox01 {width:1100px; height:380px; background:url(images/navpic01.jpg) no-repeat 25px 0; margin:0 auto; position:relative;}  
.picbox02 {width:1100px; height:387px; background:url(images/navpic02.jpg) no-repeat; margin:0 auto; position:relative;} 
.picbox06 {width:1100px; height:395px; background:url(images/navpic06.jpg) no-repeat 0 15px; margin:0 auto; position:relative;} 
.itembox01, .itembox02, .itembox06 {display:block; position:absolute;}
.itembox01>h1, .itembox02>h1, .itembox06>h1 {display:block; margin-bottom:15px; font-size:30px; color:#fc6800;}
.itembox02>h1{ width:240px; margin:0 auto; text-align:center}
.itembox01>p,.itembox02>p,.itembox06>p { font-size:14px; color:#666; line-height:26px; text-align:left; margin-bottom:18px;}
.itembox02>p { margin-top:6px; text-align:center}
.itembox01 { width:320px; top:105px; right:65px;}
.itembox02 { width:580px; top:30px; left:262px;}
.itembox06 { width:210px; top:120px; right:80px;}
.navlink {display:block; width:150px;height:40px;line-height:40px;font-size:16px; color:#fff;text-align:center; background:#fc6800; cursor:pointer;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.navlink:hover {background: #fd7f27; color:#fff}.navlink a{color:#fff;}
/* common start */
body { _margin:0; _height:100%; }.d-outer tr:hover{background-color:#FFF;}
.d-dialog { border:0 none; margin:0; border-collapse:collapse; width:100%;padding:0px; }
.d-main { padding:0;background-color:#FFF; }.d-title { overflow:hidden; text-overflow: ellipsis; cursor:default; }
.d-close { display:none !important; position:absolute; text-decoration:none !important; color:#FF9418 !important; outline:none; _cursor:pointer; }.d-close:hover { text-decoration:none; }.d-main { text-align:center; vertical-align:middle; min-width:9em; }
.d-content { display:inline-block; display:block\0/*IE8 BUG*/; display:inline-block\9\0; *zoom:1; *display:inline; text-align:left; border:0 none !important; }.d-content.d-state-full { display:block; width:100%; margin:0; padding:0!important; height:100%; }
.d-loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(file:///C|/Users/Administrator/AppData/Local/Microsoft/Windows/Temporary%20Internet%20Files/Content.IE5/QVG3T9WU/loading.gif) no-repeat center center; }.d-dialog {  border-radius:3px; }.d-outer {  background-color:#FFF; }
.d-titleBar { width:100%; height:0; position:relative; bottom:33px; _bottom:0; _margin-top:-33px; }
.d-close { padding:0; top:10px; right:10px; width:21px; height:21px; line-height:21px; font-size:18px; text-align:center; color:#000; font-family: Helvetica, STHeiti; _font-family: Tahoma, '\u9ed1\u4f53', 'Book Antiqua', Palatino; border:1px solid transparent; _border:0 none; background:#FFF; border-radius:15px; }
.d-close:hover { color:#000 !important ; background:#BCAEA9;  _border:0 none; }
.d-close:active { box-shadow: none; }.d-state-noTitle { }.d-content { color:#FFF;font-size:12px; }
.d-state-noTitle .d-nw, .d-state-noTitle .d-ne { height:5px; }
.d-state-noTitle .d-titleBar { bottom:0; _bottom:0; _margin-top:0; }
.closebox {display:block; position:absolute; z-index:9999; top:0; right:-50px; width:33px; height:33px; background:url(images/close.jpg) no-repeat 0 -33px; cursor:pointer;}
.closebox1 {display:block; position:absolute; z-index:9999; top:0; right:-50px; width:32px; height:32px; background:url(images/close.jpg) no-repeat 0 -33px; cursor:pointer;}
.wxbox{ width:1100px; margin:0 auto; padding: 0;}
.xhr{ height:2px; width:100%; background:url(images/hr.jpg) repeat-x top left; font-size:0; overflow:hidden; margin:0;padding:0; list-style:none; line-height:24px; border:none}
.xxhr{ height:2px; width:1000px; background:url(images/hr.jpg) repeat-x top left; font-size:0; overflow:hidden; margin:0 auto; padding:0; list-style:none; line-height:24px; border:none}
.micro_shop{ height:458px; margin-top:20px; background:url(images/micro_shop.png) no-repeat top center;}
.micro_activity{ margin-top:10px; padding-bottom:10px; height:350px; background:url(images/micro_activity.png) no-repeat top center;}
.micro_web{ height:465px; background:url(images/micro_web.png) no-repeat top center;}
.micro_vip{ height:427px; background:url(images/micro_vip.png) no-repeat top center;}
.no4{ height:589px; background:url(images/no4.jpg) no-repeat top center;}


/* 手机网站 ----  */
.Webmob01{width:100%; height:515px;}
.Webmob_con01{width:1100px;margin:0 auto;}
.Webmob_left01{ width:520px; float:left; margin:115px 0 0 0;}
.Webmob_left01 .Webmob_left01_bt{margin:0 0 35px 0; background: url(images/Webstion_bt.png) no-repeat 0 8px;padding:0 0 0 51px; color:#ef9b11; height:50px;font:25px/63px "微软雅黑";}
.Webmob_left01 .Webmob_left01_bt span{display: block;float: left;border-bottom: 1px solid #c7c7c7;margin: 0 0 10px 0;padding: 0 2px;height: 55px;font:30px/40px "微软雅黑"; color:#555; font-weight: bold;margin:0 20px 0 0;}
.Webmob_left01 .Webmob_left01_co{ width:460px;margin:0;}
.Webmob_left01 .Webmob_left01_co p{ padding:0; margin:0;font:13px/30px "微软雅黑"; color:#333;}
.Webmob_left01 p.Webmob_left01_btt {display: block; height:50px;font:22px/50px "微软雅黑"; color:#555; font-weight:400; color:#FFB243}
.Webmob_right01{ width:560px;float:right; text-align:center; margin:40px 0 0 0;}
.Webmob02{width:100%; height:420px;}
.Webmob_con02{width:1100px;margin:0 auto;}
.Webmob_left02{ width:500px;float:left; text-align:center; margin:0;}
.Webmob_right02{ width:560px; float:right; margin:30px 0 0 0; }
.Webmob_right02 .Webmob_right02_bt{margin:0 0 55px 0; background: url(images/Webstion_bt.png) no-repeat 0 8px;padding:0 0 0 51px; color:#ef9b11; height:50px;font:25px/63px "微软雅黑";}
.Webmob_right02 .Webmob_right02_bt span{display: block;float: left;border-bottom: 1px solid #c7c7c7;margin: 0 0 10px 0;padding:0 2px;height:55px;font:30px/40px "微软雅黑"; color:#555; font-weight: bold;margin:0 20px 0 0;}
.Webmob_right02 .Webmob_right02_co{ width:550px;margin:0px;}
.Webmob_right02 .Webmob_right02_co p{ padding:0; margin:0;font:13px/30px "微软雅黑"; color:#333;background: url(images/Web7_d.jpg) no-repeat 0 12px; padding:0px;}
.Webmob03{width:100%; height:339px;}
.Webmob_con03{width:1100px;margin:0 auto;}
.Webmob_left03{ width:520px; float:left; margin:50px 0 0 0;}
.Webmob_left03 .Webmob_left03_bt{margin:0 0 55px 0; background: url(images/Webstion_bt.png) no-repeat 0 8px;padding:0 0 0 51px; color:#ef9b11; height:50px;font:25px/63px "微软雅黑";}
.Webmob_left03 .Webmob_left03_bt span{display: block;float: left;border-bottom: 1px solid #c7c7c7;margin: 0 0 10px 0;padding: 0 2px;height: 55px;font:30px/40px "微软雅黑"; color:#555; font-weight: bold;margin:0 20px 0 0;}
.Webmob_left03 .Webmob_left03_co{ width:460px;margin:0px;}
.Webmob_left03 .Webmob_left03_co p{ padding:0; margin:0;font:13px/30px "微软雅黑"; color:#333;}
.Webmob_right03{ width:560px;float:right; text-align:center; margin:0px;}
.mobile_station { margin:0px auto; width:1100px; overflow:hidden}
.mobile_station .con{ width:1100px; margin:0 auto; height:535px; position:relative; font-size:14px; line-height:22px;}
.mobile_station .title{ font-size:40px; padding:20px 0 60px; text-align:center;}
.mobile_station .title em{ display:inline-block; width:128px; height:3px; position:relative; top:20px;}
.mobile_station .con4 .img{ position:absolute; left:0; top:0px;}
.mobile_station .con4 .txt{ float:right; width:710px; font-size:24px; line-height:36px; color:#2b1c00; padding-top:100px;}
.mobile_station .con4 .txt .t{ font-size:40px; color:#333; padding-bottom:45px;}
.mobile_station .con4 .txt .c{ font-size:20px;}
.mobile_station .con5{ background:url(images/mobile_station_bg5.jpg) no-repeat right 15px;}
.mobile_station .con5 .txt{ padding-top:180px; width:1000px;}
.mobile_station .con5 .txt .t{ font-size:40px; color:#ffa800; padding-bottom:50px;}
.mobile_station .con5 .txt li{ float:left; width:322px; padding-left:31px; font-size:16px; line-height:34px; height:34px; color:#333; background:url(images/mobile_station_libg_03.jpg) no-repeat left center;}
.mobile_station .con5 .txt li.li{ background:none;}
.mobile_station .con6_bg{ background:#fff; height:640px;}
.mobile_station .con6 .title{ color:#18AA59;}
.mobile_station .con6 .title em{ background:#f2f2f2;}
.mobile_station .con6 .box{ height:480px; position:relative;}
.mobile_station .con6 .box .bd{ overflow:hidden;}
.mobile_station .con6 .box .bd ul{ overflow:hidden; padding-bottom:20px;}
.mobile_station .con6 .box .bd ul li{ width:220px; float:left;position:relative;display:inline; margin-bottom:25px; margin-right:73px;}
.mobile_station .con6 .box .bd ul li span{ width:200px; height:345px; display:block; padding:30px 10px 25px 10px;background:url(images/com_bg1.png); margin:0 auto;}
.mobile_station .con6 .box .bd ul li p{width:200px; height:324px;opacity:0.7; background-color:#000; position:absolute;left:50%;  margin-left: -100px;top:0; margin-top:30px;}
.mobile_station .con6 ul li p{ display:none}
.mobile_station .con6 .zhezhao1{ display:none; width:100%; position:absolute; z-index:10; top:0;padding-top:100px;}
.mobile_station .con6 .zhezhao1 em{ display:block; text-align:center;color:#FFF; font-size:14px; font-style:normal}
.mobile_station .con6 .zhezhao1 strong{ display:block; width:120px; height:120px; margin:15px auto;}


/* 活动营销推广 */
.clearFix{content: ""; clear: both; overflow: hidden; display: block;}
.index_second .mainW{ width:1100px; margin:0px auto;}
.index_second h1{ font-size: 36px; color:#333; font-weight: normal; font-family:"微软雅黑"; padding:60px 0 40px 0; text-align:center;}
.index_second div.itemR{float: right;}
.index_second div dl{ width: 500px; padding-bottom:25px; line-height: 30px;}
.index_second div dl dt{font-size: 18px; color:#333; line-height: 30px;}
.index_second div dl dt .icon{ width:45px; height:45px; display: inline-block; background:url(images/corrIcon.png) no-repeat; margin-right: 10px;}
.index_second div dl dt .icon01{ background-position: 0 -50px; position: relative; top:20px; left:0px;}
.index_second div dl dt .icon02{ background-position: -50px -50px; position: relative; top:20px; left:5px;}
.index_second div dl dt .icon03{ background-position: -100px -50px; position: relative; top:29px; left:0px;}
.index_second div dl dt .icon04{ background-position: -150px -50px; position: relative; top:18px; left:0px;}
.index_second div dl dt .icon05{ background-position: -200px -50px; position: relative; top:30px; left:0px;}
.index_second div dl dt .icon06{ background-position: -250px -50px; position: relative; top:28px; left:0px;}
.index_second div dl dt .icon07{ background-position: -300px -50px; position: relative; top:28px; left:0px;}
.index_second div dl dt .icon08{ background-position: -350px -50px; position: relative; top:28px; left:0px;}
.index_second div dl dt .icon09{ background-position: -400px -50px; position: relative; top:28px; left:0px;}
.index_second div dl dt .icon10{ background-position: -450px -50px; position: relative; top:28px; left:0px;}
.index_second div dl dt .icon11{ background-position: -500px -50px; position: relative; top:28px; left:5px;}
.index_second div dl dt .icon12{ background-position: -550px -50px; position: relative; top:28px; left:0px;}
.index_second div dl dt .icon13{ background-position: -600px -50px; position: relative; top:30px; left:0px;}
.index_second div dl dt .icon14{ background-position: -650px -50px; position: relative; top:28px; left:0px;}
.index_second div dl dt .icon15{ background-position: -700px -50px; position: relative; top:15px; left:0px;}
.index_second div dl dt .icon16{ background-position: -750px -50px; position: relative; top:30px; left:0px;}
.index_second div dl dt .icon17{ background-position: -800px -50px;position: relative; top:20px; left:0px;}
.index_second div dl dt .icon18{ background-position: -850px -50px;position: relative; top:22px; left:0px;}
.index_second div dl dt .icon19{ background-position: -900px -50px;position: relative; top:22px; left:0px;}
.index_second div dl dt .icon20{ background-position: -950px -50px;position: relative; top:22px; left:0px;}
.index_second div dl dd{font-size: 14px; color:#999; padding-left: 58px;}
.index_second .second02{ width:1100px; margin:0 auto; height:575px; border-bottom: 1px solid #eee; background: url(images/secimg01.jpg) no-repeat; background-position:center top;}
.index_second .second02 div.item{margin-top:0px;}
.index_second .second03{ width:1100px; margin:0 auto; height:600px; border-bottom: 1px solid #eee; background: url(images/secimg02.jpg) no-repeat;background-position:center center;}
.index_second .second03 div.item{margin-top:45px;}
.index_second .second04{ width:1100px; margin:0 auto; height:590px; border-bottom: 1px solid #eee; background: url(images/secimg03.jpg) no-repeat;background-position:center center;}
.index_second .second04 div.item{margin-top:0px;}
.index_second .second05{ width:1100px; margin:0 auto; height:665px; border-bottom: 1px solid #eee; background: url(images/secimg04.jpg) no-repeat;background-position:center center;}
.index_second .second06{ width:1100px; margin:0 auto;  height:590px; border-bottom: 1px solid #eee; background: url(images/secimg05.jpg) no-repeat;background-position:center -80px; padding-bottom:25px;}
.index_second .second06 div.item{margin-top:55px; margin-left:50px;}
.index_second .second07{ width:1100px; margin:0 auto; height:580px; border-bottom: 1px solid #eee; background: url(images/secimg06.jpg) no-repeat;background-position:center bottom ;}
.index_second .second07 div.item{margin-top:140px;}
.index_second .second08{ width:1100px; margin:0 auto; height:670px; background: url(images/secimg07.jpg) no-repeat;background-position:center bottom;}
.index_second .second08 div.item{margin-top:-20px;}
.index_second .second08 dl{ width:605px;}


/* 定制开发 */
.clear {clear: both;}.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }* html .clearfix { zoom: 1; }*:first-child+html .clearfix { zoom: 1; }.fr{ float:right;}
.xsection {width: 100%;max-width: 1100px;min-width: 1100px;z-index: 10;position: relative;margin:0 auto; height:500px;}
.inner {width:1100px;margin: 0 auto;position: relative;min-height: 80px;padding:30px 0;font-weight: 300}
.inner:after {content: ""; display: table;clear: both;}
.s1 {color:#fff; height:565px; background:url(images/header-bg.png) no-repeat right top}
.headline{ background:url(images/separator.png) no-repeat center bottom; line-height:24px; font-size:14px; color:#999999; padding:35px 0px 60px 0px; text-align:center; height:auto; overflow:hidden;}
.headline h1{ font-size:32px; color:#000; color:#000; margin:0px; font-weight:normal; padding:0px; margin-bottom:20px; }
.headline .tel{ color:#ff9c00; font-size:18px; display:block; margin-top:10px; }
.headline .tel i{background:url(images/app_icon.png) no-repeat -48px 0px; width:26px; height:26px; display:inline-block; vertical-align:-4px; margin-right:5px;}
.view{ background:#ff9c00; height:35px; padding:0px 25px; border-radius:4px; color:#fff; display:inline-block; text-align:center; line-height:35px; font-size:14px; text-decoration:none; margin-top:30px; -webkit-box-shadow: 0px 5px 0px #f19300;-moz-box-shadow: 0px 5px 0px #f19300;-o-box-shadow: 0px 5px 0px #f19300;box-shadow: 0px 5px 0px #f19300; -webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s; transition:all 0.4s;}
.view:hover {top: -5px;position: relative; cursor: pointer;}
#order_nav { position: relative; background: #fff; margin-top:45px; overflow:hidden}
#order_nav .list { margin: 0 auto; }
#order_nav .list li { width:99px; height:240px; margin-right:280px; float: left; border-radius: 99px; position: relative; position: relative; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
#order_nav .list li .ico {box-shadow:#e7e7e7 0px 1px 3px; width: 85px; height: 85px; position: absolute; left: 7px; top: 7px; background: #fff url(images/app_icon.png); border-radius: 50%; z-index: 1; -webkit-transition: .4s all; -moz-transition: .4s all; -ms-transition: .4s all; transition: .4s all; }
#order_nav .list li ._1 { background-position: 15px -300px; }
#order_nav .list li ._2 { background-position: 12px -384px; }
#order_nav .list li ._3 { background-position: 12px -468px; }
#order_nav .list li .a_text {  position: absolute; left:110px; top:0px; width:220px; float:right; color:#666; line-height:24px; }
#order_nav .list li .a_text h2{ color:#333333; font-size:30px; border-bottom:#e4e4e4 1px solid; margin:0px; padding-bottom:30px; font-weight:normal; margin-bottom:25px;}.gx_select{ height:280px; overflow:hidden;}
.headline_s2{ line-height:24px; font-size:14px; color:#999; padding:0px 0px 10px 0px; text-align:left; height:auto; overflow:hidden;}
.headline_s2 h1{ font-size:32px; color:#333; margin:0px; font-weight:normal; padding:0px; margin-bottom:20px; text-align:center; }
.headline_s2 .tel{ color:#fff; font-size:18px; display:block; margin-top:10px; text-align:center; }
.headline_s2 .tel i{background:url(images/app_icon.png) no-repeat -94px 0px; width:26px; height:26px; display:inline-block; vertical-align:-4px; margin-right:5px;}
.headline_s2 ul{ padding-top:20px; display:block; clear:both; width:950px; margin:0 auto; height:200px; overflow:hidden;}
.headline_s2 ul li{ float:left; height:40px; width:110px; margin-right:30px; margin-bottom:20px; font-size:14px;}
.headline_s2 ul li.animBtn a { position: relative; display: block; width:110px; background:#f2f2f2; color:#333; text-decoration:none; text-transform: uppercase; overflow: hidden;   -webkit-transition: all .3s ease; -moz-transition: all .3s ease;-o-transition: all .3s ease; transition: all .3s ease; line-height:38px; border-radius:20px;}
.headline_s2 ul li.animBtn a:hover { background: #ff9c00; color:#fff;}
.headline_s2 ul li em{ display:inline-block; height:0px; width:0px; border-left:5px solid #fff; border-bottom:5px solid transparent; border-top:5px solid transparent; float:left; margin-top:15px; margin-left:20px; margin-right:10px;}
.build_pro{width:100%;height:650px;background:#fff;}
.build_pro h2{text-align:center;font-weight:400;font-size:48px;line-height:50px;padding-top:40px;}
.build_pro h3{text-align:center;font-weight:400;font-size:18px;margin:15px 0 0;}
.build_pro h4{text-align:center;font-weight:400;font-size:14px;margin:10px 0 0;}
.build_probox{width:1000px;height:360px;margin:30px auto 0;background:url(images/build_pro.png) no-repeat center top;}
.build_probox span{position:absolute;top:205px;}
.build_probox span.sp1{left:5px;}.build_probox span.sp2{left:209px;}.build_probox span.sp3{left:412px;}.build_probox span.sp4{left:615px;}.build_probox span.sp5{left:818px;}
.cycle_nr{width:1100px;margin:0 auto 68px; overflow:hidden}
.cycle_nr h1{height:28px;line-height:28px;color:#222;font-size:24px;font-weight:normal;padding-top:67px;padding-bottom:34px;}
.cycle_nr h1 span{color:#ccc;font-size:18px;font-family:Arial,sans-serif;margin-left:13px;}
.cycle_nr .cycle_left_yx{width:523px;float:left;height:361px;background:url(images/shuju_yx.jpg) no-repeat left top;position:relative;}
.cycle_nr .cycle_left_yx dl dt{color:#e9590c;font-size:18px;padding-bottom:21px;height:18px;line-height:18px;}
.cycle_nr .cycle_left_yx dl dd{color:#1d5382;line-height:21px;}
.cycle_nr .cycle_left_yx .word1{position:absolute;left:2px;top:27px;}
.cycle_nr .cycle_left_yx .word2{position:absolute;right:0;top:14px;text-align:right;}
.cycle_nr .cycle_left_yx .word3{position:absolute;right:0;top:243px;text-align:right;}
.cycle_nr .cycle_right{width:508px;float:right;height:361px;background:url(images/shuju2.jpg) no-repeat left top;position:relative;}
.cycle_nr .cycle_right .word4{position:absolute;left:256px;top:33px;text-align:right;}
.cycle_nr .cycle_right .word4 p{color:#1d5382;font-size:16px;}
.cycle_nr .cycle_right .word4 p span{color:#e9590c;font-size:24px;display:block;margin-bottom:9px;}
.build_pro { background: none repeat scroll 0 0 #fff; height:635px; width:100%; margin-top:20px; display:block; position:relative;}
.build_pro h2 {font-size: 3em; line-height: 50px; padding-top: 40px; text-align: center; color:#444;}
.build_pro h3 {font-size: 18px; font-weight: 400; margin: 15px 0 0;color:#444; text-align: center;}
.build_pro h4 {font-size: 14px;font-weight: 400; margin: 10px 0 0;color:#444; text-align: center;}
.build_probox {background: url(images/build_pro.png) no-repeat center top; height: 360px; margin: 30px auto 0; width: 1000px; position:relative;}.build_probox span { position: absolute; top: 205px;}

/* 服务市场 */
.serviceMarket{ width:1100px; margin:30px auto 45px; overflow:hidden;}
.serviceMarket .serviceTit{border-bottom: 1px solid #EDEDED; height:32px; line-height:32px; padding-bottom:5px; font-weight: normal; margin-top: 0; overflow:hidden}
.serviceMarket .serviceTit em{ display:block; padding-left: 8px; height:22px; line-height:20px; font-size:20px; font-style:normal; overflow:hidden}
.serviceMarket .serviceTit em.colorTit1{border-left: 4px solid #FFB61E;}
.serviceMarket .serviceTit em.colorTit2{border-left: 4px solid #7AC419;}
.serviceMarket .serviceTit em.colorTit3{border-left: 4px solid #19A3FF;}
.serviceMarket .serviceTit em.colorTit4{border-left: 4px solid #F66;}
.serviceMarket .serviceTit em.colorTit7{border-left: 4px solid #FF6666;}
.serviceMarket .serviceList{ padding:20px 0 10px 0px; overflow: hidden;}
.serviceMarket .serviceList li{ width:258px; height:236px; border:1px solid #EDEDED; margin:0 20px 20px 0; float: left;}
.serviceMarket .serviceList li .listTop{padding:17px 14px; overflow: hidden; background: #FAFAFA url(images/right.png) no-repeat 230px 33px; border-bottom: 1px solid #EDEDED;}
.serviceMarket .serviceList li .listTop .pic{display: block; width:50px; height: 50px; margin-right: 10px; float: left;}
.serviceMarket .serviceList li .listTop .listTopText{width:170px; float: left;}
.serviceMarket .serviceList li .listTop .listTopText p{color:#333; line-height: 24px; font-size:16px;}
.serviceMarket .serviceList li .listBottom a.anli{color:#178BD9;float:right;font-weight:bold; line-height:35px;}
.serviceMarket .serviceList li .listBottom a.more{color:#285488;float:right;font-weight:bold; line-height:35px;}
.serviceMarket .serviceList li .listBottom a:hover{ text-decoration:underline}
.serviceMarket .serviceList li .listTop .listTopText p em{color:#76d000; font-size: 14px; font-style:normal}
.serviceMarket .serviceList li .listTop .arrow_icon{float: right; display: inline-block; width:9px; height: 18px; background:url('http://aimg8.oss-cn-shanghai.aliyuncs.com/service_market/arrow_icon.jpg'); margin-top: 15px;}
.serviceMarket .serviceList li .listCenter{padding:14px; border-bottom: 1px solid #EDEDED;}
.serviceMarket .serviceList li .listCenter p{height:75px; line-height: 25px; font-size: 14px; color:#888; overflow: hidden;}
.serviceMarket .serviceList li .listBottom{padding:5px 14px;}
.serviceMarket .serviceList li .listBottom .shop_icon{float: right;}
.serviceMarket .serviceList li .listBottom .shop_icon img{border:0;}
.serviceMarket .serviceList li .listBottom span{line-height: 35px; color:#888;}
.serviceMarket .serviceList li .listBottom span em{color:#f00; font-size:14px; margin-right:5px; font-style:normal}
.serviceMarket .mao{width:566px;height:30px;line-height:30px;margin:20px;margin-top:0;font-size:14px;border:1px solid #178BD9;border-radius:3px;}
.serviceMarket .mao a{background-color:#F6F6F6;padding:0 5px;color:#178BD9;border-left:1px solid #178BD9;display:block;float:left;width:70px;text-align:center;}
.serviceMarket .mao a.cur{border-left:0;}
.serviceMarket .mao a:hover{background-color:#C4C4C4;color:#000;}

.purchase_history{position: relative;right:10px;top:0;border:1px solid #ffb61e;background-color: #ffb61e;border-radius:inherit;font-size: 14px; width: 140px;height: 30px;line-height: 30px; text-align: center; float: right;}
.purchase_history a{width: 140px;height: 30px;display:block;color:#fff;}

/* 小程序 */

.xcxout { width:1100px; margin:60px auto 0;  }
.ev-text-title { height:61px; margin:0 auto; text-align:center;font-family:微软雅黑;font-size:32px;color:#333333;}
.ev-module-text {width:913px; height:111px; margin:0 auto; text-align:center;color:#777777;font-family:微软雅黑;font-size:14px;line-height:2;}
.ev-module-pic {width:672px; height:381px; margin:0 auto}
.gongltimg { margin:0 auto; text-align:center; overflow:hidden}
.gongltimg img { width:140px; margin:0 10px;}
.tipsxcx { margin-top:15px; font-size:14px; text-align:center}


.CModulePA { background:#f2f2f2; width:100%; padding-top:80px}
.pic-text-list-module { width:1100px; margin:30px auto; overflow:hidden}
.pic-text-list-module li { float:left; width:20%; height:252px; text-align:center}
.pic-text-list-module li h3 { margin:10px 0 15px; font-size:16px; font-weight:700;}
.pic-text-list-module li p { font-size:14px; line-height:24px; font-weight:400; color:#666}




.section { padding: 50px 0; text-align: center; font:14px "Microsoft Yahei";height:460px;vertical-align: middle;width:100%; position:relative}
.section:nth-child(2n){background-color:#fff;}
.section:nth-child(2n+1){background-color:#f4f8fa;}
.section .box{width:1100px;margin: auto;text-align:left;}
.section .box .txt{width:400px;margin:80px 0;margin-left: 50px;}
.section .box .txt h3{font-size:25px;margin-bottom:15px;}
.section .box .txt hr{width: 60px;border:1px solid #0bf;}
.section .box .txt a{width: 170px;height: 46px;border-radius:5px;background: #0bf;display: inline-block;line-height:46px;text-align: center;margin-top:60px;color: #fff;}
.section .box .img{width:580px; margin:0 30px; height:388px;}
/*section4*/
.section4 .img{float:left; position:relative;}
.section4 .img img{box-shadow:0 0 50px #aaa;}
.section4 .img .pc{float: left; margin-top:0; width:550px;}
.section4 .img .mb{position: absolute; bottom:0;right: 0;border-radius:15px; width:110px;}
.section4 .box .txt{float:left;margin:30px 0 30px 50px;}
.section4 .box .txt h3{color: #0bf;}
.section4 .txt p{margin-top:30px}
.section4 .txt img{width:40px;height: 40px;vertical-align: middle;margin-right: 20px;}
.section4 .txt span{display: inline-block;line-height: 20px;width:340px;vertical-align: middle;}
/*section5*/
.section5 .box .txt{margin:20px 0;width:100%;text-align: center;position:relative;}
.section5 .box .img{width: 100%;margin: 0;height: auto;position: relative;top: 100%;}
.section5 .box .img p{width:80px;margin-right:47px;float:left;margin-top:30px;text-align:center;}
.section5 .box .img p span{margin-top:5px; display:block}
.section5 .box .img p:nth-child(9n){margin-right:0px;}
/*.section6*/
.section.section6 {background: url(../images/bg3.jpg) no-repeat center;}
.section6 .box{text-align: center;}
.section6 .box h3{font-size:28px;margin-bottom:15px;text-align: center;color: #fff;}
.section6 .box hr{width: 60px;border:1px solid #0bf;margin:auto;}
.section6 .box a{width: 170px;height: 46px;border-radius:5px;background: #0bf;display: inline-block;line-height:46px;text-align: center;margin-top:60px;color: #fff;}
.section6 .box ul{overflow: hidden;margin-top:30px;}
.section6 .box ul li{float:left;width: 300px;box-sizing: border-box;padding:20px;}
.section6 .box li h4{color: #fff;font-size: 20px;}
.section6 .box li p{color: #bbb;font-size: 14px;}
/*section7*/
.section7 .blue{color: #fff;background: url(../images/product_number_bg.jpg) no-repeat center;background-size: cover;}
.section7 .blue ul{padding:80px 0;width: 1200px;margin:0 auto;overflow: hidden;}
.section7 .blue .item{width: 240px;box-sizing:border-box;border-right:1px solid #4bf;float:left;padding-left: 75px;text-align: left;}
.section7 .blue .item:first-child{padding-left:0;}
.section7 .blue .item:last-child{text-align:right;border:0;}
.section7 .blue .item p span{font-size: 36px;}
.section7 .blue .item p{font-size: 14px;}
.section7 .blue .item p:first-child{font-size: 36px;}
.section7 .blue .item sup{vertical-align: top;}
/*section8*/
.section8 .img{float:left; position: relative;}
.section8 .box .img { top:22px; left:-100px; height:400px;}
.section8 .box .txt{float:left;margin:30px 0 30px 50px;}
.section8 .box .txt{position: relative;}
.section8 .txt h3{color: #0bf;}
.section8 .txt p{margin-top:30px;}
.section8 .txt img{width:40px;height: 40px;vertical-align: middle;margin-right: 20px;}
.section8 .txt span{display: inline-block;line-height: 20px;width:340px;vertical-align: middle;color: #555;}
/*section9 sectionb sectionc*/
.section9 .img,.sectionb .img,.sectionc .img{float:left; position: relative;text-align: center;top:0px;}
.section9 .img img,.sectionb .img img,.sectionc .img img{position: absolute;top:0; left:176px;box-shadow:0 0 50px #aaa;}
.section9 .img .lt,.sectionb .img .lt,.sectionc .img .lt{top:60px; left:-15px;}
.section9 .img .rt,.sectionb .img .rt,.sectionc .img .rt{top:60px; left:396px;}
.section9 .img .ct,.sectionb .img .ct,.sectionc .img .ct{border-radius:18px;}
.section9 .box .txt,.sectionb .box .txt,.sectionc .box .txt{float:left;margin:30px 0 30px 50px;}
.section9 .box .txt,.sectionb .box .txt,.sectionc .box .txt{position: relative; top: 100%;}
.section9 .txt h3,.sectionb .txt h3,.sectionc .txt h3{color: #0bf;}
.section9 .txt p,.sectionb .txt p,.sectionc .txt p{margin-top:30px}
.section9 .txt img,.sectionb .txt img,.sectionc .txt img{width:40px;height: 40px;vertical-align: middle;margin-right: 20px;}
.section9 .txt span,.sectionb .txt span,.sectionc .txt span{display: inline-block;line-height: 20px;width:340px;vertical-align: middle;color: #555;}
/*sectiona*/
.sectiona .img{float:left; position: relative;}
.sectiona .box .img { top:22px; left:-100px; height:400px;}
.sectiona .img .pc{float: left;top:100%;position:relative;}
.sectiona .img .mb{position: absolute;bottom:0;right: 0;}
.sectiona .box .txt{float:left;margin:30px 0 30px 50px;}
.sectiona .box .txt{position: relative;}
.sectiona .txt h3{color: #0bf;}
.sectiona .txt p{margin-top:30px;}
.sectiona .txt img{width:40px;height: 40px;vertical-align: middle;margin-right: 20px;}
.sectiona .txt span{display: inline-block;line-height: 20px;width:340px;vertical-align: middle;color: #555;}
/*sectiond*/
.section.sectiond{background:#fff;}
.sectiond .box .txt{width: 100%;text-align: center;margin-left: 0;position: relative;bottom: 200%;}
.sectiond .box .txt hr{margin:20px auto;}
.sectiond .box .txt h3{position: relative;bottom: 100%;}
.sectiond .box .txt img{position: relative;right: 100%;}
.sectiond .box .txt a{margin:20px auto 0;position: relative;top:100%;}