@charset "utf-8";
/****2015-04-21  网站首页改版****/
ul,li { margin:0; padding:0;}
a { color:#333;}
a:hover { text-decoration:none;}

/*****公用样式*****/
.gy_t { width:1200px; margin:40px auto 0 auto; overflow:hidden;}
.tile { color:#333; text-align:center; line-height:initial;}
.tile h1 { font-size:36px; padding-top:40px;}
.tile h3 { font-size:14px; padding-top:10px; font-weight:bold;}
.tile h3 span { font-family:Georgia,Tahoma; color:#e72d02; margin:0 5px; font-size:18px;}
.tile i { font-family:Arial; font-size:14px; padding-top:5px; font-style:normal; line-height:25px;}
.cor0 { background:#8b8b8b;}
.cor1 { background:#ce1359;}
.cor2 { background:#1374ce;}
.cor3 { background:#fe5a00;}
.cor4 { background:#6713ce;}
.cor5 { background:#13ce9b;}
.mero { color:#fff; display:block; height:35px; margin-top:10px; opacity:1; position:relative; transition:all 0.3s ease-out 0s;}
.mero::after { content:""; height:15px; left:50%; margin-top:-8px; position:absolute; top:50%; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width:1px;}
.mero::before { content:""; height:1px; left:50%; margin-left:-7px; margin-top:-1px; position:absolute; top:50%; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width:15px;}
.mero:hover { width:95%;}

.mar_r { margin-right:20px;}
.bt_t { width:100%; height:30px; border-bottom:1px solid #ddd;}
.bt_t h2 { font-size:14px; display:block; height:30px; line-height:20px; color:#000; float:left; padding:0 10px 0 3px; border-bottom:1px solid #999; margin:0; font-family:Microsoft YaHei; font-weight:bold;}
.bt_t h2 i { font-style:normal; font-weight:100; color:#999; margin-left:5px; font-size:12px;}
.bt_t a { display:block; float:right; padding-right:5px; margin-top:5px;}
.nr_t { padding:10px 0;}

.xall { width:100%;}
.xall h2 { color:#fff; font-size:30px; height:35px; line-height:35px; padding-bottom:15px; text-align:center; margin:0;}
.xall h2 a { color:#fff;}
.xall h2 span { border-bottom:1px solid #fff; padding:0 40px 16px 40px;}
.xall h2 i { margin-left:5px; color:#bbbbbb; font-size:20px; font-style:normal;}

.xal { width:100%; background:#f6f6f6; height:45px; line-height:45px; text-align:left;}
.xal span { font-size:20px; color:#000; border-left:2px solid #e72d02; padding-left:10px; float:left;}
.xal a { display:block; float:right; padding-right:10px; margin-top:15px;}

/*banner*/
#wrapper { max-height:595px !important;}
.fullwidthbanner-container { width:100% !important; position:relative; padding:0; max-height:595px !important; overflow:hidden;}
.fullwidthbanner-container .fullwidthabnner	{ width:100% !important; max-height:595px !important; position:relative;}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected {	background:#e1472f !important;}
.tp-leftarrow:hover,
.tp-rightarrow:hover { background-color:#e1472f !important;}
.tp-bullets { z-index:1001; position:absolute; bottom:0px;}
.tp-bullets.simplebullets.round .bullet { cursor:pointer; position:relative; background:#fff; width:130px; height:6px; float:left; -webkit-transition:background 0.1s linear; -moz-transition:color, background 0.1s linear; -o-transition:color, background 0.1s linear; transition:color, background 0.1s linear;}
.tp-leftarrow.large { z-index:100; cursor:pointer; position:relative; background:#393939 url(../images/slider-left-arrow.png) no-Repeat; width:42px; height:43px; margin-left:0px; margin-top:-21px; -webkit-transition:background 0.1s linear; -moz-transition:color, background 0.1s linear; -o-transition:color, background 0.1s linear; transition:color, background 0.1s linear; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.3);}
.tp-rightarrow.large { z-index:100; cursor:pointer; position:relative; background:#393939 url(../images/slider-right-arrow.png) no-Repeat 0 0; width:42px; height:43px; margin-left:0; margin-top:-21px; -webkit-transition:background 0.1s linear; -moz-transition:color, background 0.1s linear; -o-transition:color, background 0.1s linear; transition:color, background 0.1s linear; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.3);}
.tp-bullets.tp-thumbs { z-index:100; position:absolute; padding:3px; background-color:#fff; width:500px; height:50px; margin-top:-50px;}
.fullwidthbanner-container .tp-thumbs { padding:3px;}
.tp-bullets.tp-thumbs .tp-mask { width:500px; height:50px; overflow:hidden; position:relative;}
.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer { width:5000px; position:absolute;}
.tp-bullets.tp-thumbs .bullet { width:100px; height:50px; cursor:pointer; overflow:hidden; background:none; margin:0; float:left; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out;}
.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.tp-thumbs img { width:100%;}
.tp-bannertimer { width:100%; height:10px; position:absolute; z-index:200; z-index:5000;}
.tp-bannertimer.tp-bottom { bottom:0px !important; height:5px;}
.tp-simpleresponsive img { -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}
.tp-simpleresponsive a { text-decoration:none;}
.tp-simpleresponsive ul { list-style:none; padding:0; margin:0;}
.tp-simpleresponsive >ul >li { list-stye:none; position:absolute; visibility:hidden;}
.caption.slidelink a div,
.tp-caption.slidelink a div { width:10000px; height:10000px;}
.tp-loader { background:url(../images/loader.gif) no-repeat 10px 10px; background-color:#fff; margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute; width:44px; height:44px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

/*建站套餐*/
.jz_tc { width:805px; float:left;}
.jz_tc li { float:left; width:195px; border:1px solid #e7e7e9; transition:all 0.3s ease 0s;}
.jz_tc .top { text-align:center; height:173px; background:#f5f6f6; padding-top:20px;}
.jz_tc .top h2 { font-size:24px; line-height:30px; color:#333; font-weight:100;}
.jz_tc .top span { display:block; font-size:14px; color:#999; padding:10px 0 15px 0;}
.jz_tc .top span i { font-size:22px; font-style:normal; color:#e72d02; margin-right:5px;}
.jz_tc .top b { display:block; width:87px; height:80px; margin:0 auto; background-position:0 0; background-repeat:no-repeat;}
.jz_tc .p { color:#797979; padding:10px 0; width:80%; margin:0 auto; line-height:25px; font-size:12px;}
.jz_tc .p span { margin-left:5px; color:#999;}
.jz_tc li:hover,.jz_tc .hover { border:1px solid #e72d02; box-shadow:0 0 7px #ccc;}
.jz_tc .hover { width:212px;}
.jz_tc li:hover .top,.jz_tc .hover .top { background:#e72d02;}
.jz_tc li:hover .top h2,.jz_tc li:hover .top span,.jz_tc li:hover .top span i,.jz_tc .hover .top h2,.jz_tc .hover .top span,.jz_tc .hover .top span i { color:#fff;}
.jz_tc li .pack1 { background-image: url(../images/jz_01.png);}
.jz_tc li .pack2 { background-image:url(../images/jz_02.png);}
.jz_tc li .pack3 { background-image:url(../images/jz_03.png);}
.jz_tc li .pack4 { background-image:url(../images/jz_04.png);}
.jz_tc li:hover .pack1,.jz_tc .hover .pack1 { background-image:url(../images/jz_01h.png);}
.jz_tc li:hover .pack2,.jz_tc .hover .pack2 { background-image:url(../images/jz_02h.png);}
.jz_tc li:hover .pack3,.jz_tc .hover .pack3 { background-image:url(../images/jz_03h.png);}
.jz_tc li:hover .pack4,.jz_tc .hover .pack4 { background-image:url(../images/jz_04h.png);}

/*seo成果  2016-12-20 新增*/
.seo_cg { width:380px; float:right;}
.seo_nr { margin-top:10px;}
.seo_nr li { line-height:30px; border-bottom: 1px solid #e8e8e8;}
.seo_nr a { display:block; float:left; max-width:80%; padding-right:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.seo_nr span { display:block; float:right; color:#999;}
.seo_nr li a:hover { color:#f30; text-decoration:none;}




/****设计欣赏*****/
.jz_cycenter { width:100%; height:698px; margin:0 auto; background:url(../images/new_cyzx.jpg) no-repeat center bottom; position:relative; overflow:hidden;}
.jz_cycenter .picScroll-left { width:100%; margin-top:35px; overflow:hidden; position:relative;}
.jz_cycenter li { float:left; width:245px; padding:10px 10px 5px 10px; margin-right:46px; background:#e72d02;}
.jz_cycenter .pic { width:245px; height:245px; overflow:hidden;}
.jz_cycenter .pic img { width:245px; height:245px; transition:all 0.5s ease 0s;}
.jz_cycenter li:hover .pic img { transform:scale(1.1, 1.1);}
.jz_cycenter .title a { font-size:14px; color:#fff; line-height:35px; display:block; float:left; width:125px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jz_cycenter .s_star { float:right; width:100px; height:15px; margin-top:10px;}
.jz_cycenter .s_bank { border-top:1px solid #f05c52; line-height:32px; padding-top:4px;}
.jz_cycenter .s_bank a { padding:5px 10px; font-size:12px; color:#fff; margin-right:4px; border-radius:4px; overflow:hidden;}
.mcounter .module_container { padding-top:40px; position:relative; z-index:1;}
.mcounter .text { float:left; width:560px; line-height:30px;}
.mcounter .text h1 { font-size:24px; color:#fff;}
.mcounter .text p { font-size:16px; color:#eee;}
.mcounter .text h3 { font-size:18px; color:#fff;}
.mcounter .text h3 span { font-weight:bold;}
.mcounter .content_list { float:right;}
.mcounter .content_list li { width:auto; float:left; text-align:center; padding:0; margin:0 0 0 25px; background:none;}
.mcounter .content_list li div { margin-left:15px;}
.mcounter .content_list li:last-child div { border-right:none;}
.mcounter .content_list li p { text-align:center; font-size:16px; color:#eee;}
.mcounter .content_list li .number .counterDX { font-size:34px; color:#fff; text-align:center; margin-top:15px; font-weight:bold;}
.mcounter .content_list li .title { margin-bottom:10px;}
#counterBgdx { opacity:0.9; position:absolute; left:0; width:100%; height:100%;}
.mcounter .mero { float:right; width:60%; border:1px solid #fff;}
.mcounter .mero::after { background:#fff;}
.mcounter .mero::before { background:#fff;}
.mcounter .mero:hover { background:#fff; width:95%;}
.mcounter .mero:hover::after,.mcounter .mero:hover::before { background:#e72d02;}

/******四列表*****/
.slb_t { width:386px; float:left; margin-bottom:40px;}
.slb_t .nr_t { width:100%; margin:0 auto;}
.slb_t .nr_t li { line-height:40px; border-bottom: 1px solid #e8e8e8;}
.slb_t .nr_t a { display:block; float:left; max-width:80%; padding-right:25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.slb_t .nr_t span { display:block; float:right; color:#999;}
.slb_t .nr_t li a:hover { color:#f30; text-decoration:none;}

/**品牌**/
.pp_cliten { width:100%; padding:20px 0 100px 0; background:url(../images/cliten.jpg) no-repeat center top;}
.pp_cliten .tile { margin-bottom:40px;}
.pp_cliten .tile h1 a,.pp_cliten .tile h3,.pp_cliten .tile i { color:#fff;}
.pp_cliten .major-list { display:block; margin:0 auto; width:90%; min-width:1200px;}
.pp_cliten li { width:19.9%; height:120px; margin:-1px 0 0 -1px; float:left; position:relative; border:1px solid #e5e5e5; background:#fff;}
.pp_cliten li a,.pp_right li a img { width:100%; height:100%; display:block; position:relative;}
.pp_cliten li a img { z-index:2; width:190px; height:70px; transition:all 1s ease 0s; margin:25px auto;}
.pp_cliten li .back-face { filter:alpha(opacity=0); opacity:0;}
.pp_cliten li a { text-align:center; font-size:16px; color:#fff; line-height:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:100%; height:120px; display:block; cursor:pointer;}
.pp_cliten li:hover .back-face { z-index:3; filter:alpha(opacity=100); opacity:100;}
.pp_cliten li:hover img { transform:scale(0.8);}
.pp_cliten li .back-face::after { border:1px solid #ff8c71; content:""; height:calc(100% - 32px); left:16px; position:absolute; top:16px; width:calc(100% - 32px);}
.pp_cliten li .back-face { background:url(../images/red_bg.png) repeat 0 0; height:100%; position:absolute; left:0; top:0; width:100%; z-index:3;}
.pp_cliten li .back-face .item_info::before { bottom:0; top:auto; background:#fff; content:""; height:1px; left:50%; margin-left:-8px; position:absolute; top:0; width:16px;}
.pp_cliten li .back-face .item_info { margin-top:-20px; padding:15px 40px; position:relative; text-align:center; top:50%;}
.pp_cliten li .back-face .title { color:#fff; font-size:16px; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/******新闻*******/
.ind_new { width:100%;}
.ind_new .hd { width:610px; margin:30px auto 20px auto; text-align:center;}
.ind_new .hd li { color:#333; display:inline-block; *float:left; cursor:pointer; font-size:14px; padding:0 15px; line-height:30px; margin:0 5px; border:1px solid #333; border-radius:25px;}
.ind_new .hd li a { color:#333; font-weight:bold;}
.ind_new .hd li.on{ background:#e72d02; border-color:#e72d02;}
.ind_new .hd li.on a { color:#fff;}
.ind_new .bd { margin:25px auto;}
.ind_new .nwe .tui { width:300px; margin-right:20px; float:left;}
.ind_new .nwe .tui img { width:100%; height:225px; display:block;}
.ind_new .nwe .tui h3 { width:100%; font-size:16px; line-height:45px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ind_new .nwe .tui h3 a { color:#333;}
.ind_new .nwe .tui h3 a:hover { color:#e72d02;}
.ind_new .nwe .tui p { line-height:22px; height:65px; overflow:hidden; font-size:12px; color:#666; padding-right:5px;}
.ind_new .nwe .tui span { display:block; line-height:35px; font-size:12px; color:#999; padding-right:5px;}
.ind_new .nwe .tui span a { float:right;}
.ind_new .nwe .tui span a:hover { color:#e72d02;}
.ind_new .nwe ul { display:block; float:right; width:555px;}
.ind_new .nwe li { margin-bottom:10px;}
.ind_new .nwe .time { float:left; border:1px solid #ddd; width:90px; height:75px; line-height:35px; padding-top:9px; font-size:32px; color:#333; text-align:center; font-weight:bold;}
.ind_new .nwe .time span { font-size:14px; font-weight:100; display:block;}
.ind_new .nwe .mesg { float:right; width:450px;}
.ind_new .nwe .mesg a { display:block; line-height:30px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ind_new .nwe .mesg p { line-height:22px; font-size:12px; color:#666;}
.ind_new .nwe li:hover .time { background:#e72d02; color:#fff;}
.ind_new .nwe li:hover .mesg a { color:#e72d02;}

/******功能
.xa_gnbk { background:url(../images/gnmk_bg.jpg) no-repeat center top;}
.xa_jzgnnr { width:1200px; padding:30px 0;}
.xa_gnbk .xa_gn { background:url(../images/zc_34.png) no-repeat left 30px;}
.xa_gnbk .xa_gn li { float:left; text-align:center; width:132px; height:140px; font-size:12px; line-height:25px; margin:0 20px 20px 0;}
.xa_gnbk .xa_gn li a { display:block; font-size:14px; line-height:30px; padding-top:60px; width:100%;}
.xa_gnbk .xa_gn li a:hover { color:#333; font-size:16px; text-decoration:none;}
.xa_gnbk .xa_gn li p { color:#666; margin:0; padding:0 15px;}*******/

/**行业解决方案2018-01-09**/
.xa_solution { padding-top:30px;}
.xa_solution li { float:left; width:130px; height:px; margin:0 20px 20px 0; text-align:center;}
.xa_solution li a { /*display:block; width:100%; height:100%;*/}
.xa_solution li .img { width:70px; height:70px; margin:0 auto; border-radius:50%; overflow:auto; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out;}
.xa_solution li .img img { width:35px; height:35px; display:block; margin:17.5px auto;}
.xa_solution li p { font-size:12px; line-height:30px;}
.xa_solution li:hover p { font-size:14px;}
.xa_solution li:hover .img { transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}
.xa_solution .solut .img { background-color:#fc402c;}
.xa_solution .sol1 .img { background-color:#ff758c;}
.xa_solution .sol2 .img { background-color:#4edcb2;}
.xa_solution .sol3 .img { background-color:#dbe903;}
.xa_solution .sol4 .img { background-color:#4c93ea;}
.xa_solution .sol5 .img { background-color:#80d230;}
.xa_solution .sol6 .img { background-color:#dcac07;}
.xa_solution .sol7 .img { background-color:#38ea55;}
.xa_solution .sol8 .img { background-color:#fc834e;}
.xa_solution .sol9 .img { background-color:#f48c37;}
.xa_solution .sol10 .img { background-color:#49b6e9;}
.xa_solution .sol11 .img { background-color:#f9d234;}
.xa_solution .sol12 .img { background-color:#3dc4fd;}
.xa_solution .sol13 .img { background-color:#5b9ceb;}
.xa_solution .sol14 .img { background-color:#f6994c;}
.xa_solution .sol15 .img { background-color:#34d0a2;}



/* 标红 */
.is_red { color:#f00;}

/****文章加分类图标*****/
.z_hot { background:url(../images/host.gif) no-repeat right center;}
.z_video { background:url(../images/vido.png) no-repeat right center;}
.z_img { background:url(../images/img.png) no-repeat right center;}
.z_new { background:url(../images/new.gif) no-repeat right center;}
.z_red{color:#f00;}

/*****A4至成通知模板*****/
.tzmb { width:855px; margin:60px auto; font-size:16px; line-height:30px; color:#666; font-family:"微软雅黑";}
.tzmb h1 { color:#f30; line-height:60px; text-align:center; font-size:45px; letter-spacing:8px; height:auto; margin-bottom: 40px;}
.tzmb .p { border-bottom:2px solid #f30; text-align:left; font-size:16px; padding:0 5px;}
.tzmb .p span { float:right;}
.tzmb h3 { color:#333; text-align:center; line-height:50px; font-size:35px; margin:20px 0 40px 0;}
.tzmb .cont { padding:15px; font-size:16px; margin-bottom:50px;}
.tzmb .cont p { text-indent:2em; font-size:16px; color:#666;}
.tzmb .tc { float: right; height: 105px; margin-top:30px; padding-top:45px; text-align:center; /*background:url(../images/sz.png) no-repeat center center;*/}
.tzmb .tc p { color:#333; font-size:16px; text-indent:0;}
.tzmb .tc p span { margin:0 5px;}
.tzmb .ztc { border-bottom:1px solid #999; color:#333; font-weight:bold; margin-bottom:10px; padding:0 5px;}
.tzmb .ztc span { margin:0 15px;}
.tzmb .jw { border-bottom:1px solid #999; padding:0 5px;}
.tzmb .jw span { float:right;}

/****大背景****/
.a_m { width:100%; padding:40px 0; margin:0 auto; background:#f9f9f9;}
.a_pp { width:100%; height:670px; *height:600px; padding:30px 0 0; margin:0 auto; background:url(../images/a_pp.jpg) no-repeat center top;}

/***首页至惠建站漂浮广告***/
#pop{background:#fff;width:260px; height:215px;font-size:12px;position:fixed;right:0;bottom:0;}
#popHead{line-height:32px;background:#f6f0f3;border-bottom:1px solid #e0e0e0;font-size:12px;padding:0 0 0 10px;}
#popHead h2{font-size:14px;color:#666;line-height:32px;height:32px;}
#popHead #popClose{position:absolute;right:10px;top:1px;}
#popHead a#popClose:hover{color:#f00;cursor:pointer;}

/*奥运*/
.bd .su{ position:relative; top:-140px; z-index:999999999;}
.bd .su .sun{ width:510px; margin:0 auto;}
.bd .su .sun img{ float:left;}
.bd .su .sun span{ display:block; width:65px; padding:10px 0 0 10px; text-align:left; float:left; font-size:28px; font-weight:bold;}



