@charset "utf-8";
/* CSS Document */
/* © 2015 www.vc28.com */

.side_float{ width:50px; position:fixed; right:0px; top:50%; margin-top:-100px;}
.siderico{ width:50px; height:50px; position:relative; border-bottom:1px solid #fff; cursor:pointer;}
.qq{ background:#ff626c url(img/qqico.png) no-repeat center 8px;}
.qq ul{ position:absolute; background:#ff626c url(img/qqico.png) no-repeat 12px 10px; left:0px; height:50px; padding:0 10px 0 50px; width:170px}
.qq ul a{ display:inline-block; width:40px; height:50px; line-height:50px; text-align:center}
.qq ul a img{ display:inline-block; margin-top:15px;}
.tel{ background:#ff626c url(img/tel.png) no-repeat center 8px;}
.tel span{ background:#ff626c url(img/tel.png) no-repeat 12px 11px; font:2em/50px "\5fae\8f6f\96c5\9ed1",Arial; color:#fff; display:inline-block; width:180px; position:absolute; left:-0px; padding-left:50px;}
.erw{ background:#ff626c url(img/erw.png) no-repeat center 11px;}
.erw:hover{ background:#d93f49 url(img/erw.png) no-repeat center 11px;}
.erw ul{ background:url(img/erwbj.png) no-repeat right bottom; position:absolute; right:70px; bottom:0px; padding:10px 20px 10px 10px; height:132px; display:none}
.returntop{ background:#ff626c url(img/returntop.png) no-repeat center 10px; display:none}
.returntop:hover{ background:#d93f49 url(img/returntop.png) no-repeat center 10px;}

.top{ height:80px; background:#f5f5f5; position:fixed; top:0; width:100%; z-index:9999;}
.footer{ background:#f5f5f5; padding:20px 0;}

.logo{ width:200px; height:80px;}
.logo a{ width:100%; height:100%; display:inline-block;  position: relative; overflow:hidden}
.logo a img{ width:190px; height:118px; position:absolute; left:5px; top:-19px;}

.hgg{padding-top:24px; font:1.2em/1.5em "\5fae\8f6f\96c5\9ed1",Arial; color:#333}
.hgg h1{ display:inline}
.hgg a {
font: 16px/30px "\5fae\8f6f\96c5\9ed1",Aral;color: #E00000;display: inline-block;font-weight:900;}

.menu{ padding:10px 0 10px 25px;}
.menu li{ float:left; text-align:center; cursor:pointer;}
.menu li a{ font:16px/60px "\5fae\8f6f\96c5\9ed1",Aral; color:#333; display:inline-block; padding:0 25px;}
.menu li.current a,.menu li a:hover{ color:#d00; font-weight:bold}

.banner{ margin-top:80px;}
.banner,.banner dl{ width:100%; height:500px; position:relative}
.banner dl dt,.banner dl dt ul{ width:100%; height:500px; position:absolute;}
.banner dl dd{ position:absolute; bottom:12px; right:50%; margin-right:-52px}
.banner dl dd ul{width:15px; height:15px;float:left; margin:0 6px; cursor:pointer; background:url(img/bannercurrent.png) no-repeat right top; font-size:0}
.banner dl dd ul.current { background:url(img/bannercurrent.png) no-repeat left top;}

.title{ border-bottom:1px solid #ddd; padding:50px 0 20px;}
.title h2 a{ font:3em/3em "\5fae\8f6f\96c5\9ed1",Aral; color:#000; line-height:1.5em;}
.title h3{ font:1.5em/2em "\5fae\8f6f\96c5\9ed1",Aral; color:#555;}

.worklist li{ width:250px; height:180px; float:left; padding:40px 40px 0 0; position:relative}
.worklist li a,.da-thumbs li a img{display:block;position:relative}
.worklist li a{color:#fff;overflow:hidden}
.worklist li a div{position:absolute;background: url(img/tmhb.png);width:100%;height:100%}

.worklist li a div span{width:250px;height:180px;display:table-cell; font-size:174px; vertical-align:middle;}

.worklist li a div span ul{ text-align:center; color:#fff; line-height:18px; vertical-align:middle; font-size:14px}
.worklist li a h2{ font-size:20px;font-weight:normal;text-align:center; padding:4px 15px;}
.worklist li a p{padding:4px 15px;font:normal 14px/18px 'Microsoft YaHei'}

.servicelist{ padding:40px 0 0;}
.servicelist dl{ font:1em/2em "\5fae\8f6f\96c5\9ed1",Arial; color:#000; text-align:center; width:250px; float:left; margin-right:40px; padding-bottom:30px; text-align:center}
.servicelist dl.ser-a{ background:#c8efb0;}
.servicelist dl.ser-b{ background:#f5dab8}
.servicelist dl.ser-c{ background:#c0daf7}
.servicelist dl.ser-d{ background:#f4cddf}

.servicelist dl dt{ width:120px; height:120px; border-radius:60px; background:#fff; display:inline-block; margin:40px 0}
.servicelist dl dt span{ vertical-align:middle}

.servicelist dl.ser-a dt span{ display:inline-block; background:url(img/ser-a.png) no-repeat; width:54px; height:40px; margin-top:40px;}
.servicelist dl.ser-b dt span{ display:inline-block; background:url(img/ser-b.png) no-repeat; width:60px; height:53px; margin-top:37px;}
.servicelist dl.ser-c dt span{ display:inline-block; background:url(img/ser-c.png) no-repeat; width:53px; height:38px; margin-top:40px;}
.servicelist dl.ser-d dt span{ display:inline-block; background:url(img/ser-d.png) no-repeat; width:56px; height:53px; margin-top:34px;}
.servicelist dl h3{ font-size:1.8em}
.servicelist dl h4{ font-size:1.6em}

.servicelist dl.ser-a h3,.servicelist dl.ser-a h4{ color:#2d7500}
.servicelist dl.ser-b h3,.servicelist dl.ser-b h4{ color:#984800}
.servicelist dl.ser-c h3,.servicelist dl.ser-c h4{ color:#174a83}
.servicelist dl.ser-d h3,.servicelist dl.ser-d h4{ color:#7a214a}

.h_neli{ padding:20px 0 40px;}

.h_neli dl{ float:left; width:33%;}
.h_neli dl h3{ padding:5px 0 10px;}
.h_neli dl h3 a{ font-size:1.8em; color:#000}
.h_neli dl ul li a{ font:1.4em/2em "\5fae\8f6f\96c5\9ed1",Aral; color:#555;}
.h_neli dl ul li a:hover{ color:#d00}

.link{ line-height:20px;}
.link span{ margin-right:10px; display:inline-block; font:1.2em/2em "\5fae\8f6f\96c5\9ed1",Aral; color:#d00}
.link a{ margin-right:10px; display:inline-block; font:1.2em/2em "\5fae\8f6f\96c5\9ed1",Aral; color:#555}
.link a:hover{ color:#d00}
.copy{ padding:10px 0; font:1.2em/2em "\5fae\8f6f\96c5\9ed1",Aral;}
.copy a:hover{ color:#d00}
.statistics a{ display:inline-block; margin-right:8px;}


/*内页*/

.side_left{ width:200px;}
.side_right{ width:870px; margin-left:50px;}

.sidenav{}
.sidenav li{border-bottom:1px solid #ddd; background:#fff}
.sidenav li a{ font:18px/50px "\5fae\8f6f\96c5\9ed1",Arial; color:#333; display:inline-block; width:100%}
.sidenav li a:hover{ color:#d00}
.sidenav li.current a{ color:#d00}

.hot_title{font:18px/50px "\5fae\8f6f\96c5\9ed1",Arial;border-bottom:1px solid #ddd; margin-top:30px; color:#333}
.hot_list{ padding-top:8px;}
.hot_list li{ padding:3px 0}
.hot_list li a{ font:14px/20px "\5fae\8f6f\96c5\9ed1",Arial;}

.coti{ font:bold 18px/26px "\5fae\8f6f\96c5\9ed1",Arial; color:#333}

.main{ padding:120px 0 40px}

.gongsi{ height:137px; background:#feefdd}


.conttel{ font-size:1.8em; line-height:1.6em;}

.newsils{ padding-top:80px;}

.newslist{}
.newslist dl{ display:inline-block; width:100%; background:#fff; padding:15px 0; border-bottom:1px solid #eee;}
.newslist dl dt{ width:100px; float:left; line-height:30px; font-family:"\5fae\8f6f\96c5\9ed1",Arial;}
.newslist dl dt h5{ font-size:18px; color:#000; padding-bottom:4px;}
.newslist dl dt h6{ font-size:16px; color:#999;}
.newslist dl dd{ float:left; text-align:left; width:770px; line-height:24px;}
.newslist dl dd h2{ padding:0px 0 6px;}
.newslist dl dd h2 a{ color:#222; font:bold 16px/30px "\5fae\8f6f\96c5\9ed1",Arial;}
.newslist dl dd h2 a:hover{ color:#d00} 
.newslist dl dd p{ font:14px/26px "\5fae\8f6f\96c5\9ed1",Arial; color:#555} 

.faqlist{ padding:0 0px;}
.faqlist dl{ border-bottom:1px solid #eee; padding:15px 0}
.faqlist dl dt{ background:url(img/faq-a.jpg) no-repeat 0 6px; color:#000; font-size:1.8em; line-height:22px; padding:5px 0 5px 30px;}
.faqlist dl dd{ padding:5px 0 0 30px; color:#666; line-height:22px; background:url(img/faq-q.jpg) no-repeat 0 7px;}

.about{ font:16px/34px "\5fae\8f6f\96c5\9ed1",Arial; color:#333;}
.about img{ margin:10px 0}


/*job*/

.job_gg h5{ font:bold 30px/60px "\5fae\8f6f\96c5\9ed1",Arial; color:#d00;}
.job_gg h6{ font:16px/26px "\5fae\8f6f\96c5\9ed1",Arial; color:#555;}

.joblist{ border-top:1px solid #ddd; padding-top:20px; margin-top:20px;}
.joblist h3{ font:bold 16px/30px "\5fae\8f6f\96c5\9ed1",Arial; color:#333;}
.joblist h4{ font:bold 14px/30px "\5fae\8f6f\96c5\9ed1",Arial; color:#333; margin-top:10px;}
.joblist ul{ font:14px/26px "\5fae\8f6f\96c5\9ed1",Arial; color:#555;}
.joblist h5{ font:14px/26px "\5fae\8f6f\96c5\9ed1",Arial; color:#333; margin-top:10px;}

.text{ font:16px/34px "\5fae\8f6f\96c5\9ed1",Arial; padding:20px 0; color:#333; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.user_title{ padding-bottom:15px;}
.user_title h1{ font:bold 30px/50px "\5fae\8f6f\96c5\9ed1",Arial;  color:#000;}
.user_title ul{ font:14px/34px "\5fae\8f6f\96c5\9ed1",Arial;}
.user_title ul span{ display:inline-block; margin-right:30px;}

.share{ padding:25px 0 20px;}

.nwlx{ font:14px/24px "\5fae\8f6f\96c5\9ed1",Arial;}

.pn{ margin-top:15px; font:14px/24px "\5fae\8f6f\96c5\9ed1",Arial; color:#555}
.pn a{ font:14px/24px "\5fae\8f6f\96c5\9ed1",Arial;}

.wopn{ border-top:1px solid #e5e5e5; border-bottom:none;}

.worktu{ padding:20px 0; background:#e5e5e5}


/*付款方式*/
.payment{ margin-top:16px;}
.payment dl{ width:350px; border:1px solid #e5e5e5; background:#fff; padding:20px 42px 0; float:left; margin:0 0 -1px -1px;}
.payment dl dt{ height:60px; padding:0 0 10px 120px; font-size:20px; line-height:60px; border-bottom:1px solid #e5e5e5;}
.payment dl dd{ padding:20px 0 25px; line-height:2em; font-size:1.8em;}
.payment dl dd span{ color:#d00}

.servicek{ background:url(img/service.jpg) no-repeat center 80px; line-height:38px; padding:230px 0 100px;}
.servicek h3{ font:38px/40px "\5fae\8f6f\96c5\9ed1",Arial; color:#d00; padding-bottom:25px;}
.servicek h2,.servicek h2 a{ font:16px/30px "\5fae\8f6f\96c5\9ed1",Arial; color:#555}

.ser-ico{ text-align: center; border-bottom:1px solid #ddd; padding-bottom:100px;}
.ser-ico li{ background:#f5f5f5; width:120px; height:120px; border-radius:60px;display:inline-block; vertical-align:top; cursor:pointer; text-align:center}
.ser-ico li span{ vertical-align:middle}
.ser-ico li.sern-a span{ display:inline-block; background:url(img/ser-a.png) no-repeat; width:54px; height:40px; margin-top:40px;}
.ser-ico li.sern-b span{ display:inline-block; background:url(img/ser-b.png) no-repeat; width:56px; height:53px; margin-top:34px;}
.ser-ico li.sern-c span{ display:inline-block; background:url(img/ser-c.png) no-repeat; width:53px; height:38px; margin-top:40px;}
.ser-ico li.sern-d span{ display:inline-block; background:url(img/ser-d.png) no-repeat; width:60px; height:46px; margin-top:37px;}

.ser-ico dl{ width:140px; margin:0 60px; display:inline-block; vertical-align:top;}
.ser-ico dl h2{ padding:25px 0 10px; font:20px/26px "\5fae\8f6f\96c5\9ed1",Arial; color:#000;}
.ser-ico dl dd{ font:14px/26px "\5fae\8f6f\96c5\9ed1",Arial;}

.ser-ico1{ text-align: center; border-bottom:1px solid #ddd; padding-bottom:10px;}
.ser-ico1 li{ background:#f5f5f5; width:120px; height:120px; border-radius:60px;display:inline-block; vertical-align:top; cursor:pointer; text-align:center}
.ser-ico1 li span{ vertical-align:middle}
.ser-ico1 li.sern-a span{ display:inline-block; background:url(img/ser-a.png) no-repeat; width:54px; height:40px; margin-top:40px;}
.ser-ico1 li.sern-b span{ display:inline-block; background:url(img/ser-b.png) no-repeat; width:56px; height:53px; margin-top:34px;}
.ser-ico1 li.sern-c span{ display:inline-block; background:url(img/ser-c.png) no-repeat; width:53px; height:38px; margin-top:40px;}
.ser-ico1 li.sern-d span{ display:inline-block; background:url(img/ser-d.png) no-repeat; width:56px; height:53px; margin-top:34px;}

.ser-ico1 dl{ width:140px; margin:0 60px; display:inline-block; vertical-align:top;}
.ser-ico1 dl h2{ padding:6px 0 6px; font:20px/26px "\5fae\8f6f\96c5\9ed1",Arial; color:#000;}
.ser-ico1 dl dd{ font:14px/26px "\5fae\8f6f\96c5\9ed1",Arial;}


.ser-set{ padding:60px 0;}
.ser-set h3{ font:30px/36px "\5fae\8f6f\96c5\9ed1",Arial; color:#d00; padding-bottom:15px;}
.ser-set h2,.ser-set h2 a{ font:16px/30px "\5fae\8f6f\96c5\9ed1",Arial; color:#555}

.work{ padding-bottom:40px;}

.workss{ background:url(img/works-bg.jpg) no-repeat center top;}
.workti{ padding:120px 0 20px; line-height:40px; color:#000}
.workti h3{ font:38px/40px "\5fae\8f6f\96c5\9ed1",Arial; color:#d00; padding-bottom:20px;}
.workti h2,.workti h2 a{ font:16px/30px "\5fae\8f6f\96c5\9ed1",Arial; color:#555}

.workils{ background:#fff; padding:130px 0 40px; text-align:center}
.workils h1{ font:26px/30px "\5fae\8f6f\96c5\9ed1",Arial; color:#333}
.workils h5{ font-size:1.4em; line-height:26px; padding:20px 0; color:#888}

.worktul{ background:url(img/workils_top.png) no-repeat center top; padding-top:51px;}

.pln{ text-align:center; background:#fff;}
.pln li{ padding:0 10%;}
.pln a{ font:14px/40px "\5fae\8f6f\96c5\9ed1",Arial; }


.sitweb{ font-family: Georgia, "Times New Roman", Times, serif; font-size:1.4em;}

/*联系我们*/

.contact{ background:#fff; height:600px; position:relative; margin-top:80px;}
.contactco{ background:url(img/tmg.png); position:absolute; left:50%; margin-left:-560px; top:100px; padding:40px; z-index:999;}
.contactco h4{ font:bold 26px/40px "\5fae\8f6f\96c5\9ed1",Arial; color:#fff; padding-bottom:20px;}
.contactco h5{ font:16px/34px "\5fae\8f6f\96c5\9ed1",Arial; color:#fff; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 0}
.contactco h6{ font:14px/30px "\5fae\8f6f\96c5\9ed1",Arial; color:#999; padding-top:10px;}

.iw_poi_title {font:bold 20px/30px "\5fae\8f6f\96c5\9ed1",Arial; color:#d00; }
.iw_poi_content {;overflow:visible;padding-top:4px; font: normal 14px/26px "\5fae\8f6f\96c5\9ed1",Arial; color:#333; }


/*翻页样式*/
.page{ margin-top:40px;}
.page a{ display:inline-block; padding:0 10px; margin-right:1px; color:#666; font:1.4em/1.8em "\5fae\8f6f\96c5\9ed1",Arial; background:#f5f5f5}
.page a:hover{ color:#fff; background:#f83131;}
.page span{display:inline-block; text-align:center; background:#d00; color:#fff; margin-right:1px; font:1.4em/1.8em "\5fae\8f6f\96c5\9ed1",Arial; padding:0 10px;}


/*404*/

.logoo{ width:200px; height:80px; display:inline-block}
.logoo a{ width:100%; height:100%; display:inline-block; background:#d00; position: relative; overflow:hidden}
.logoo a img{ width:190px; height:118px; position:absolute; left:5px; top:-19px;}

.tips{font:bold 46px/200px "\5fae\8f6f\96c5\9ed1",Arial; color:#333; padding-top:50px;}

.menuo{text-align:center; }
.menuo li{cursor:pointer; display:inline-block}
.menuo li a{ font:18px/60px "\5fae\8f6f\96c5\9ed1",Aral; color:#d00; display:inline-block; padding:0 15px; text-decoration:underline}
.menuo li a:hover{ color:#d00; font-weight:bold}


/*sitemap*/

.sitemapti{font:bold 18px/50px "\5fae\8f6f\96c5\9ed1",Arial; color:#d00; border-bottom:1px solid #ddd;}
.sitemap{ padding:120px 0 40px;}
.sitemap dl{ display:inline-block; width:100%; padding-top:10px;}
.sitemap dl dt{ float:left; width:80px;}
.sitemap dl dt a{font:bold 16px/30px "\5fae\8f6f\96c5\9ed1",Arial; color:#333;}
.sitemap dl dd{ float:left}
.sitemap dl dd a{font: normal 16px/30px "\5fae\8f6f\96c5\9ed1",Arial; color:#333; text-decoration:underline; display:inline-block; padding:0 10px;}
.sitemap dl dt a:hover,.sitemap dl dd a:hover{ color:#d00}


/*添加内容样式*/

.xt-sc{ height:30px;}
.xt-sc li{ width:8%; border-right:3px solid #fff; height:30px; float:left; overflow:hidden}

.nwlis p{ padding:5px 0}
.nwlis p em{ color:#000}
.nwlis h3{ color:#e00; font-size:18px; padding:25px 0 15px; border-bottom:1px solid #ddd;}
.nwlis h4{ padding:20px 0 5px}
.nwlis h4 span{ color:#e00}
.easingcs{ display:inline-block; width:100%; padding:10px 0}
.easingcs li{ width:25%; float:left;}
.easingyy{ padding:15px 0}
.dp-xml{ border:1px solid #ddd; margin-top:-1px; background:#fcfcfc; padding:15px 20px;}