@charset "utf-8";
/* 中网维优2019 CSS  */

* { margin: 0; padding: 0; font-family: "微软雅黑", "Microsoft Yahei"; }
a { text-decoration: none; color: #fff; }
li { list-style: none; }
img { border: 0; }
.clear { clear: both; height: 0px; line-height: 0; }
body, html { font-family: "微软雅黑", "Microsoft Yahei"; font-size: 14px; color: #fff; }
.all { width: 1200px; margin: 0 auto; overflow: hidden; }
.all1{width: 1200px; margin: 0 auto;}
.fl { float: left; }
.fr { float: right; }
.red { color: #db0000; }
.yellow { color: #ffff00; }
.Crimson { color: #b20000; }
.blove { color: #007fff; }
.Grey { color: #535353; }
.black { color: #000; }
.touch li:hover, .web li:hover, .show li:hover p, .classify li:hover, .nav_bt ul li a:hover, .project li:hover, .QQ a:hover, .anli_dh ul li:hover, .soft_tu li div:hover, .prox li:hover, .show li img:hover { transition: background 0.5s; -moz-transition: background 0.5s; /* Firefox 4 */ -webkit-transition: background 0.5s; -o-transition: background 0.5s; }

.footer{
	display:none;
	position: fixed;
	bottom:0;
	width:100%;
	max-width: 750px;
	margin:0 auto;
	background:#f2f2f2;
	padding-bottom:0.2rem;
	overflow:hidden;
	text-align:center;
	z-index:999;
	border-top:1px solid #e7e7e7;
}
.footer ul{margin:0 auto;text-align:center;}
.footer ul li{ width:25%;padding:1.5rem 0.6rem .4rem;display:inline;float:left; line-height:1.6rem;box-sizing: border-box;}
.footer ul li a:hover{ text-decoration:none;}
.footer ul li:nth-child(2),.footer ul li:nth-child(3),.footer ul li:nth-child(4){ border-left:#e7e7e7 solid .1rem;}
.footer ul li span{ color:#111111;font-size:1.1rem;line-height: 1.8rem;}
.footer ul li a img{ width:30%; margin-top:-0.5rem; max-width:100%;}


/*-------------------------------头部----------------------------*/

.header { background: url("../images/pro.png")/*tpa=https://www.wuhan163.com/skin/about/pro.png*/ repeat-x; background-position: 0px -1000px; width: 100%; height: 80px;  position: fixed; z-index: 9999999; top: 0; }
.logo img { margin-top: 0px; width: 270px; height: 80px; }
.lm { float: right; }
.pc-nav li { float: left; line-height: 80px; padding: 0 10px; }
.pc-nav li.menuCurrent { }
.pc-nav li a.current {
    background: #007fff;
    color: #fff;
	padding:0 20px;
}
.pc-nav li:hover, .pc-nav li.d { background: #007fff; transition: background 0.3s; -moz-transition: background 0.3s; /* Firefox 4 */ -webkit-transition: background 0.3s; /* Safari �� Chrome */ -o-transition: background 0.3s; }
.pc-nav li a { float: left; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
.w-btn, .w-btn-cur { cursor: pointer; text-align: center; border-radius: 3px; padding: 6px 11px; text-shadow: 0 2px 0 rgba(0, 0, 0, 0.25); display: block; position: absolute; }
.w-btn .line, .w-btn-cur .line { display: block; width: 30px; height: 3px; background: #fff; border-radius: 1px; }
.w-btn .line + .line, .w-btn-cur .line + .line { margin-top: 5px; }
.w-btn-cur { background-color: #007fff; }
.w-btn-cur .line { background: #FFF; }
#mobi-btn { display: none; }
/*-------------------------------大图-外部调用更换图片 jt.png---------------------------*/

.index-ban640 { display: none; }

.w-banner { width: 100%; height: 550px; overflow: hidden; position: relative;  }
.w-banner .bd { margin: 0 auto; position: relative; z-index: 0; overflow: hidden; }
.w-banner .bd ul { width: 100% !important; }
.w-banner .bd li { width: 100% !important; height: 550px; overflow: hidden; text-align: center; }
.w-banner .bd li a { display: block; height: 400px; }
.w-banner .hd { width: 100%; position: absolute; z-index: 1; bottom: 0; left: 0; height: 30px; line-height: 30px; }
.w-banner .hd ul { text-align: center; }
.w-banner .hd ul li { cursor: pointer; display: inline-block; width: 10px; height: 10px; margin: 1px 3px 1px 1px; overflow: hidden; background: #3F3B3B; opacity: 0.5; line-height: 999px; border-radius: 50%; }
.w-banner .hd ul .on { background: #fff; }
.w-banner .prev, .w-banner .next { display: block; position: absolute; z-index: 1; top: 50%; left: 15%; z-index: 1; width: 34px; height: 60px; background: url(../images/pro.png) -104px -120px no-repeat; cursor: pointer; opacity: 0.5; display: none; }
.w-banner .next { left: auto; right: 15%; background-position: -70px -120px; }

/*-------------------------------服务----------------------------*/

.service { width: 100%; text-align: center; padding-top: 25px; padding-bottom: 24px; border-bottom: 1px solid #efefef; position: relative; }
.service h3 { font-size: 30px; color: #212121; padding-bottom: 4px; font-weight: normal; letter-spacing: 2px;}
.service span { font-size: 12px; color: #999; font-family: Verdana, Geneva, sans-serif; }
.ab-service { width: 100%; text-align: center; padding-top: 25px; padding-bottom: 24px; border-bottom: 1px solid #bbb; }
.ab-service h3 { font-size: 40px; color: #212121; padding-bottom: 4px; }
.ab-service span { font-size: 12px; color: #999; font-family: Verdana, Geneva, sans-serif; }
.ab-service-txt { font-size: 12px; color: #444; line-height: 24px; padding: 30px 50px 30px 50px; }
.ab-service-txt b { color: #F00; }
.ab-service-txt p { margin-top: 8px; }
.ab-service-txt-b { width: 100%; background: url("../images/about-txt.png")/*tpa=https://www.wuhan163.com/skin/img/about-txt.png*/ no-repeat right center; }
.s_line { border-top: 0; border-bottom: 0; }


.new_top{}

.new_top_all{width: 650px; margin:0 auto; }
.new_top ul { padding: 0px 0 12px 0; width: 1010px; }
.new_top ul li { width: 190px; height: 40px; line-height: 40px;     /* background-color: #ddd; */ text-align: center; float: left; margin-right: 12px; margin-bottom: 12px;     font-weight: 100;    position: relative;margin-bottom: 20px;}
.new_top ul li a { display: block; color: #111; border: #bbb 1px solid; }
.new_top ul li a:after{position: absolute;content: '';width: 0;height: 0;z-index: 999;bottom: 0;left: 50%;margin: -20px -10px;border: 10px solid transparent;}
.new_top ul li a:hover, .nav_bt ul li a.nowclass { border: #007fff 1px solid; background-color: #007fff; color: #fff; }
.new_top ul li a:hover:after,.nav_bt ul li a.nowclass:after{border-top-color: #007fff;}


/*-------------------------------联系我们---------------------------*/

.icon { margin-top: 26px; margin-bottom: 20px; float: left; }
.icon li { float: left; width: 200px; margin: 0 50px; padding-bottom: 20px; }
.icon li span { width: 150px; height: 150px; background: url("../images/tb.png")/*tpa=https://www.wuhan163.com/skin/img/tb.png*/ no-repeat; float: left; margin-left: 25px; }
.icon li span.one { background-position: 0 0; }
.icon li span.two { background-position: -320px 0; }
.icon li span.three { background-position: -613px 0; }
.icon li span.four { background-position: -914px 0; }
.icon li:hover span { transition: background 0.5s; -moz-transition: background 0.5s; /* Firefox 4 */ -webkit-transition: background 0.5s; /* Safari Chrome */ -o-transition: background 0.5s; }
.icon li:hover span.one { background-position: 0 -167px; }
.icon li:hover span.two { background-position: -320px -167px; }
.icon li:hover span.three { background-position: -613px -167px; }
.icon li:hover span.four { background-position: -914px -167px; }
.icon li div { width: 100%; }
.icon li div h3 { font-size: 24px; color: #4c4c4c;/* font-weight: normal; */ text-align: center; padding: 10px 0; float: left; width: 100%; }
.icon li:hover div h3 { color: #007fff; }
.icon li div font { font-size: 14px; color: #868686; line-height: 20px; float: left; }
/*-------------------------------模板网站----------------------------*/

.moban_dh { }
.moban_dh ul { float: left; }
.moban_dh ul li { float: left; }
.moban_cls { float: left; color: #333; padding-left: 32px; line-height: 25px; }
.moban_dh ul li span { width: 60px; height: 25px; line-height: 25px; display: block; text-align: center; cursor: pointer; }
.mb_all { background-color: #000; }
.mb_hong { background-color: #F00; }
.mb_lu { background-color: #0F0; }
.mb_huang { background-color: #FF0; }
.mb_lan { background-color: #007fff; }
.mb_hui { background-color: #ccc; }
.mb_hei { background-color: #000; }
.mb_on { display: block !important; }
.mb_off { display: none; }
.m_t_js { margin-top: 30px; padding: 20px 0 0 32px; line-height: 25px; color: #212121; font-size: 12px; border-top: 1px #CCCCCC dashed; }
.m_t_js span { color: #F00; font-weight: bold; font-size: 14px; padding-bottom: 5px; }
/*-------------------------------案例展示----------------------------*/

.Cooperation { width: 100%; background: url("../images/anli_bg.jpg")/*tpa=https://www.wuhan163.com/skin/about/anli_bg.jpg*/ repeat-y #000;float: left; }
.choose, .tell { width: 100%; text-align: center; padding-top: 26px; padding-bottom: 26px; }
.choose h3 { font-size: 30px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); font-weight: normal;letter-spacing: 2px; }
.choose span { font-size: 12px; padding-top: 6px; float: left; width: 100%; }
.tell { padding-bottom: 36px; }
.tell h3 { font-size: 16px; font-weight: normal; }
.tell div { font-size: 12px; font-family: Verdana, Geneva, sans-serif; width: 100%; padding: 6px 0; float: left; }
.Brand ul { width: 1224px; }
.Brand li { float: left; padding-top: 24px; padding-right: 34px; }
.Brand_lr { width: 100%; background: url("../images/anli_bg.jpg")/*tpa=https://www.wuhan163.com/skin/about/anli_bg.jpg*/ repeat-y; float: left; margin-bottom: 1px; }
.Brand_lr h3 { color: #fff; }
.Brand_lr .service { border-bottom: 0; }
.Brand_lr .service span { color: #fff; }
/*-------------------------------排名----------------------------*/
.seosoft {width: 100%;background: url("about/welcome.jpg")/*tpa=https://www.wuhan163.com/skin/about/welcome.jpg*/ repeat-x #000;float: left; }
.paiming { width: 100%; padding-top: 10px; }
.paiming1 { width: 100%; text-align: center; }
.paiming1 img { }
/*-------------------------------网站优化下方列表----------------------------*/

.seoart{}
.seoart_list{width:100%; overflow:hidden; padding:40px 0;}
.seoart_list ul{ width:1232px; }
.seoart_list ul li{ width:276px; float:left; margin-right:32px; position:relative; margin-bottom:10px; }
.seoart_list ul li .seo_l{ position:relative;}
.seoart_list ul li .seo_l img{ width:100%; z-index:1;}
.seoart_list ul li .seo_r{ position:absolute; width:100%; text-align:center; z-index:5; bottom:0px; height:30px; line-height:30px; background-color:rgba(0, 0, 0, 0.4);overflow:hidden;}
.seoart_list ul li .seo_r a{ color:#fff; font-style:normal;}
.seoart_list ul li .seo_r h3{ font-weight:100;}
.seoart_list ul li:hover .seo_r{ height:100%; transition: height 0.5s; -moz-transition: height 0.5s; /* Firefox 4 */ -webkit-transition: height 0.5s; -o-transition: height 0.5s;}
.seoart_list ul li:hover .seo_r a{ color:#fff; font-style:normal; display:block; height:100%; padding-top:5rem;}

.seo_anli ul li { width:200px; margin-right:0px;}
.seo_anli ul li .seo_l img{ width:96%; z-index:1;}
.seo_anli ul li .seo_r{ width:96%;}
.seo_anli ul li:hover .seo_r{ width:96%;}

.seoart_more{ padding:30px 0; text-align:center; }
.seoart_more a{ margin:0 auto;display:block;border: #007fff 1px solid; color:#007fff;width:130px; height:35px; line-height:35px; border-radius: 5%;}
.seoart_more a:hover{ background:#007fff;  color:#fff;}

/*------------------------------400电话----------------------------*/

.tbdy ul { width: 100%; }
.tbdy ul li { float: left; width: 25%; text-align: center; height: 30px; color: #000; border: 1px solid #999; margin: 5px; }
#wuhan400 { width: 100% }
#wuhan400 li { float: left; width: 30%; border-bottom: #999 1px dotted; }
#tb400 { margin: 20px; }
#tb401 { background-color: #dadada; }
#tb4011 tr td { background-color: #f5f5f5; text-align: center; font-weight: bold; line-height: 30px; height: 30px; }
#tb4012 tr td { background-color: #fff; text-align: center; line-height: 30px; height: 30px; }
#wh-400 { font-size: 18px; margin-top: 15px; padding-bottom: 6px; }
#wh-400-2 { font-size: 18px; color: #c00; font-weight: 800; }

/*------------------------------网站维护新增20190424----------------------------*/

.tb_txt { width: 100%; background: #ddd; }
.tb_txt tr th { background-color: #F5F6FA; height: 40px; line-height: 40px; text-align: center; font-weight: normal; }
.tb_txt tr td { text-align: center; background: #fff; height: 35px; line-height: inherit; color: #666; padding:0 8px; }

/*------------------------------响应式设计---------------------------*/

.in-t1 { float: left; width: 25%; }
.in-t1 img { width: 100px; height: 80px; border: 1px solid #cccccc; padding: 2px; }
.in-t2 { float: right; width: 75%; }
.respond { width: 1220px; }
.respond a { color: #666; }
.respond li { width: 44%; float: left; background: #fff; /*border-bottom: 1px solid #bbb;*/ margin: 5px 2% 5px 0; padding: 20px; color: #666; }
.respond li:hover { border-color: #b20000; background: #fff; }
.respond li h3 { text-align: left; font-size: 16px; color: #333; font-weight: normal; }
.respond li:hover h3 { color: #b20000; }
.respond li div { line-height: 20px; font-size: 12px; padding-top: 4px; color: #666; }
.in-t1 { }
.in-t2 div { padding-top: 10px !important; }
/*------------------------------footer---------------------------*/

.footers { background: #191919; padding: 32px 0 42px 28px; }
.footers .dbxx { margin-right: 208px; }
.footers .dbxx img { float: left; margin-top: 24px; width: 104px; height: 91px; }
.footers .dbxx span { float: left; line-height: 26px; padding-left: 18px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); }
.footers .ycxx h3 { font-size: 24px; text-shadow: 0 1px 0 rgba(0, 0, 0, 1); }
.footers .ycxx h3 font { font-size: 18px; }
.footers .ycxx h4 { font-size: 12px; padding-top: 6px; font-weight: normal; }
.QQ { padding-top: 6px; }
.QQ a { background: url("../images/qq.png")/*tpa=https://www.wuhan163.com/skin/img/qq.png*/ no-repeat; width: 75px; margin-right: 20px; font-size: 12px; height: 30px; float: left; padding-left: 45px; padding-top: 7px; line-height: 30px; }
.footers .ycxx .QQ a { background: url("../images/dbqq.png")/*tpa=https://www.wuhan163.com/skin/img/dbqq.png*/ no-repeat;background-position: -144px 0; }
.footers .ycxx .QQ a:hover { background-position: 0px 0; }
.copr { background: #000; height: 50px; /*border-top: 1px solid #656973;*/ line-height: 25px; text-align: center; font-size: 12px; }
.footers .wx { width: 117px; margin-right: 36px; float: right;}
.footers .wx img { width: 100%; }
.footers .wx div { font-size: 12px; color: #000; text-align: center; margin-top: 4px; }
/*--------------------------------------------------------------网站建设-------------------------------------------------------------------------------------------*/

.pic, .optimize { background: #222; height: 550px; width: 100%;  }
.webjs { background: url("../images/js.png")/*tpa=https://www.wuhan163.com/skin/img/js.png*/ no-repeat; width: 100%; height: 435px; margin: 100px 0 10px 0; }
.pic .webjs .wzjs { float: right; margin-top: 84px; margin-right: 10%; }

.optimize .wzjs .QQ a { background-position: -144px -48px; }
.optimize .wzjs .QQ a:hover { background: url("../images/qq.png")/*tpa=https://www.wuhan163.com/skin/img/qq.png*/ no-repeat 0 -48px; }
.pic .wzjs .QQ a { background: url("../images/qq.png")/*tpa=https://www.wuhan163.com/skin/img/qq.png*/ no-repeat 0 -137px; }
.pic .wzjs .QQ a:hover { background-position: -144px -137px; }
.pic .wzjs h3 { font-size: 40px; padding-bottom: 6px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4); }
.pic .wzjs span, .optimize .wzjs font { font-size: 15px; font-family: Verdana, Geneva, sans-serif; }
.pic .wzjs h4 { font-size: 20px; padding-top: 6px; }
.pic .wzjs img { padding: 16px 0; }
/*------------------------------网站建设项目----------------------------*/

.service-web-all { background-image: linear-gradient(to bottom, #fff 2%, #d6d6d6 300%);}
.service-web { width: 100%; }
.service-web h3 { color: #000; }
.service-web span { color: #555; }
.web-class { width: 100%; padding: 1px 0 40px 0; }
.classify { width: 1215px; }
.classify li { float: left; width: 388px; min-height: 100px; /*margin-bottom: 8px; margin-right: 8px;*/ padding: 10px 0; margin-right: 15px; margin-bottom: 15px; background-color:#fff; border: 1px solid #efefef; border-radius: 0px; text-align: center; }
.classify li h3 { padding-bottom: 10px; font-size: 20px; font-weight: normal; color: #333; display: block; }
.classify li i { float: left; font-size: 13px; color: #dd0000; padding-top: 4px; color: #dd0000; margin-left: 20px; }
.classify li div { line-height: 20px; font-size: 12px; color: #777; clear: both; text-align: left; padding: 5px 25px; }
.classify li:hover { border: 1px solid #09f; background-color: #09f; }
.classify li:hover div { color: #fff; }
.classify li:hover h3 { color: #fff; }
.classify li:hover i { color: #CF0; }
.customers { padding-top: 34px; padding-bottom: 10px; }
.join { background: none; padding-top: 0px; padding-bottom: 92px; }
.join .Brand li img { border: 1px solid #ccc; }
.classify li span { background: url("../images/pro.png")/*tpa=https://www.wuhan163.com/skin/about/pro.png*/ no-repeat; width: 60px; height: 60px; display: block; overflow: hidden; margin: 15px auto 8px auto; }
.classify li span.cl1 { background-position: -600px -120px; }
.classify li span.cl2 { background-position: -600px -180px; }
.classify li span.cl3 { background-position: -600px -240px; }
.classify li span.cl4 { background-position: -600px -300px; }
.classify li span.cl5 { background-position: -600px -360px; }
.classify li span.cl6 { background-position: -600px -420px; }
.classify li:hover span.cl1 { background-position: -660px -120px; }
.classify li:hover span.cl2 { background-position: -660px -180px; }
.classify li:hover span.cl3 { background-position: -660px -240px; }
.classify li:hover span.cl4 { background-position: -660px -300px; }
.classify li:hover span.cl5 { background-position: -660px -360px; }
.classify li:hover span.cl6 { background-position: -660px -420px; }

/*---------------------------常见问题----------*/


/*--------------------------------------------------------------网站优化------------------------------------------------------------------------------------------*/

.seo-top { background: #99CC00; }
.optimize { background: #007fff; }
.optimize .bj { padding: 40px 10px 0 10px; background: url("../images/yh.png")/*tpa=https://www.wuhan163.com/skin/img/yh.png*/ no-repeat right 80px; height: 480px; }


.seo-top .wzjs { float: left; margin-top: 166px; padding-left: 33px; }
.optimize .wzjs span { font-size: 20px; }
.optimize .wzjs h3 { font-size: 30px; padding: 6px 0; }
.optimize .wzjs h4 { font-size: 30px; padding-top: 10px; padding-bottom: 20px; font-weight: normal; }
.add { padding-top: 30px; padding-bottom: 10px; }
.add h4 { font-size: 16px; color: #1f1f1f; font-weight: normal; padding-bottom: 8px; }
.add h3 { font-size: 40px; font-weight: normal; }
/*---------------------------软件开发----------*/
.major{ width:1216px;}
.major li { float: left; height: 150px; width: 228px; padding: 30px; text-align: center; margin:20px 16px 20px 0; background: #fff; }
/*
.major li span i { opacity: 0.5; background: #fff; position: absolute; top: 0; left: 0; display: none; width: 100px; height: 100px; }

.major li span:hover i { display: block; }*/

.major li img { width: 60px; }
.major li span { background: url("../images/pro.png")/*tpa=https://www.wuhan163.com/skin/about/pro.png*/ no-repeat; width: 60px; height: 60px; display: inline-block; overflow: hidden; }
.major li span.sm1 { background-position: -200px -300px; }
.major li span.sm2 { background-position: -200px -240px; }
.major li span.sm3 { background-position: -200px -420px; }
.major li span.sm4 { background-position: -200px -360px; }
.major li div { font-size: 18px; color: #333; text-align: center; padding-top: 12px; font-weight: bold; }
.major li p { font-size: 12px; color: #999; line-height: 18px; padding-top: 10px; text-align: left; }


/*------------------------------------------------------------软件开发--------------------------------------------------------------------------------*/
.service_bd{background-color: #F0F2F1;}
.soft-youshi { background: url("../images/soft-youshi.jpg")/*tpa=https://www.wuhan163.com/skin/img/soft-youshi.jpg*/ repeat center; padding-bottom:40px; }
.rj .bj { background: url("../images/al.png")/*tpa=https://www.wuhan163.com/skin/img/al.png*/ no-repeat right 30px; text-shadow: 0 1px 1px rgba(0,0,0,0.8); }
.rj .wzjs { margin-top: 150px; padding: 0; }
.rj .wzjs div.Trouble { font-size: 15px; font-family: Verdana, Geneva, sans-serif; }
.rj .wzjs div, .rj .wzjs h4 { padding-left: 124px; }
.rj .wzjs h3 { padding: 0 0 14px 124px; }
.rj .wzjs h4 { font-size: 20px; padding-bottom: 10px; padding-top: 14px; font-weight: bold; }
.case .bj { background: url("../images/al.png")/*tpa=https://www.wuhan163.com/skin/img/al.png*/ no-repeat right center; margin-right: 10px; }
.case .wzjs { margin-top: 100px; padding-left: 80px; }
.case .wzjs h4 { font-size: 16px; padding: 8px 0; }
.case .wzjs .QQ a { background-position: -144px -93px; }
.case .wzjs .QQ a:hover { background-position: 0 -93px; }
.case_to { width: 500px; border: 1px #bbb dashed; margin: 0 auto; color: #555; font-size: 12px; padding: 10px; margin-top: 15px; }
.case_to_l { width: 50%; float: left; line-height: 28px; }
.case_to_r { width: 50%; float: left; line-height: 28px; }
.case_to_r a { color: #555; }
.case_to_txt { width: 100%; float: left; line-height: 26px; }
.case_img { width: 1200px; margin: 0 auto; }
.case_img img { width: 270px; border: 1px #ccc solid; padding: 2px; margin: 2px; }
.al { padding-top: 36px; padding-bottom: 14px; }
.al h4 { font-size: 20px; color: #1f1f1f; padding-bottom: 4px; font-weight: normal; }
/*------------------------------案例及链接----------------------------*/

.case-index { width: 100%; background: url("../images/overall-version-bg.png")/*tpa=https://www.wuhan163.com/skin/img/overall-version-bg.png*/ repeat-x; }
#icasebox { width: 4000px; overflow: hidden; }
#icasebox .bb { float: left; display: inline; }
#icasebox .box { float: left; display: block; }
.case-index .show li { }
.anli-index { width: 100%; text-align: center; padding-top: 25px; padding-bottom: 24px; }
.anli-index h3 { color: #111; font-size: 30px; padding-bottom: 4px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); font-weight: normal;letter-spacing: 2px; }
.anli-index span { font-size: 12px; padding-top: 6px; color: #111; float: left; width: 100%; }
.link-in { background-color: #191919; }

.Links { float: left; padding: 20px 0; font-size: 12px; border-bottom: 1px solid #2b2c2f;}
.Links a { color: #666; font-size: 12px; }
.Links ul li:hover a { color: #b20000; }
.Links ul li { float: left; padding-left: 10px;padding-bottom: 4px; }

.q_link{ position:relative;}
.q_link ul{height: 20px; overflow: hidden;}
.q_link ul.q_on{height: auto; overflow: hidden;}

.q_link i{ position:absolute; width:13px; height:13px; display:block; background: url("../images/pro.png")/*tpa=https://www.wuhan163.com/skin/about/pro.png*/ no-repeat; background-position: -450px -52px; right: 5px; top: 22px; cursor:pointer;}
.q_link i.q_on{background-position: -451px -70px;}
.show { width: 1280px; }
.show li { float: left; width: 285px; margin-right: 24px; margin-top: 44px; padding: 10px 0; border: 1px solid #eee; position: relative; opacity: 0.8; background: #FFF; text-align: center; }
.show li img { background-color: #fff; border-bottom: 0; border-radius: 0px; }
.show li p { opacity: 0; position: absolute; bottom: 0; width: 100%; height: 30px; line-height: 30px; background: #eee; color: #888; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; }
.show li:hover img { border-color: #d00000; }
.show li:hover p { opacity: 0.5; background: #d00000; color: #fff; }
.show li:hover { -webkit-transition: box-shadow .2s ease; transition: box-shadow .2s ease; box-shadow: 0px -5px 30px rgba(0,0,0,.1); opacity: 1; }
.box .show li { margin-top: 5px; margin-bottom: 25px; }
.show_app { width: 1293px; }
.show_app li { margin-top: 20px; margin-bottom: 20px; }
/*------------------------------翻页----------------------------*/
.pages { float: left; width: 100%; padding: 70px 0; }
.pages UL { float: right; padding-right: 46px; }
.pages UL LI { float: LEFT; border: 1px solid #ccc; padding: 6px 10px; margin-right: 10px; margin-bottom: 10px; color: #888; }
.pages UL LI a { display: block; color: #888; }
.thisclass { display: block; }
.pages UL LI select { border: 0; background: none; color: #fff; }
.pages UL LI:hover { border: 1px solid #007fff; color: #007fff; }
.pages UL LI:hover a { color: #007fff; }
.thisclass { background: #007fff; border: 1px solid #007fff !important; color: #fff !important; }
.thisclass a { color: #fff !important; }
/*------------------------------案例及链接----------------------------*/


.case_cont { width: 100%; text-align: center; margin-top: 40px; margin-bottom: 20px; color: #212121; }
.case_cont img { max-width: 100% !important; height: auto !important; }
.case_cont a { color: #b20000; }
.al_bottom { width: 398px; height: 92px; background: #fff; margin: 0 auto 28px auto; }
.al_bottom a { width: 120px; color: #333; height: 30px; line-height: 30px; font-size: 12px; float: left; text-align: center; margin-top: 30px; margin-left: 56px; border: 1px #333 solid; }
.al_bottom a:hover { border: 1px #007fff solid; color: #fff; background-color: #007fff; }
.al .zt { }
.al .zt a { color: #999; }
.anli_dh { margin-top: 20px; }
.anli_dh ul { width: 636px; margin: 0 auto; }
.anli_dh ul li { width: 200px; height: 40px; line-height: 40px;     /* background-color: #ddd; border-radius: 3px; */ text-align: center; float: left; border: #bbb 1px solid; margin-right: 10px;    font-weight: 100;position:relative;margin-bottom:10px; }
.anli_dh_on:after{position: absolute;content: '';width: 0;height: 0;z-index: 999;bottom: 0;left: 50%;margin: -20px -10px;border: 10px solid transparent;border-top-color: #007fff;}
.anli_dh ul li a { display: block; color: #666; }
.anli_dh ul li:hover { border: #007fff 1px solid; }
.anli_dh ul li:hover a { color: #007fff; }
.anli_dh_on { border: #007fff 1px solid !important; }
.anli_dh_on a { color: #fff !important; background: #007fff; }
.soft_tu { width: 100%; margin-top: 20px; }
.soft_tu ul { width: 100%; }
.soft_tu li { width: 25%; height: 120px; line-height: 30px; text-align: center; float: left; margin-bottom: 5px; }
.soft_tu li span { display: block; height: 60px; width: 60px; background: url("../images/soft-youshi.jpg")/*tpa=https://www.wuhan163.com/skin/img/soft-youshi.jpg*/ repeat center; }
.soft_tu li div { width: 98%; height: 105px; padding-top: 15px; background-color: #fff; border: 1px #eee solid; color: #555; border-radius: 5px; font-size: 12px; }
.soft_tu li div:hover { border: 1px #ccc solid; color: #777; }
.soft_line { border-top: 1px #eee solid; margin-top: 20px; padding-top: 20px; }
.soft_tu li span { display: block; height: 60px; width: 60px; background: url("../images/pro.png")/*tpa=https://www.wuhan163.com/skin/about/pro.png*/ no-repeat; margin: 0 auto; }
.soft_tu li span.span1 { background-position: -200px 0; }
.soft_tu li span.span2 { background-position: 0px 6px; }
.soft_tu li span.span3 { background-position: -200px -120px; }
.soft_tu li span.span4 { background-position: -200px -60px; }
.soft_tu li span.span5 { background-position: -200px -180px; }
/*--------------------------------------------------------------------------------------------------------------------------------------------*/

.dowebok font, .dowebok span { width: 100%; float: left; }
.dowebok li font { font-size: 16px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
.dowebok li span { font-size: 12px; font-family: Verdana, Geneva, sans-serif; }
/*--------------------------------------------------------关于我们-------------------------------------------------------------------------------*/

.project { width: 1206px; margin-top: 24px; }
.project li { float: left; width: 356px; height: 40px; background: #007fff; background: linear-gradient(90deg,#03bfff,#0046ff); padding: 20px; line-height: 22px; text-align: center; margin-right: 6px; margin-bottom: 6px; }
.project li:hover, .touch li:hover { background: #b20000; background: linear-gradient(90deg,#d25f5f,#b90000);}
.project li font, .project li span { width: 100%; float: left; }
.project li font { font-size: 16px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
.project li span { font-size: 12px; font-family: Verdana, Geneva, sans-serif; }
.about .bj { background: url("../images/js.png")/*tpa=https://www.wuhan163.com/skin/img/js.png*/ no-repeat right bottom; }
.about .wzjs { margin-top: 150px; padding-left: 76px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8); }

.about .wzjs span { font-size: 15px; font-family: Verdana, Geneva, sans-serif; }
.about .wzjs div.pro { width: 600px; line-height: 22px; padding: 12px 0; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
.Principle li { float: left; width: 160px; text-align: center; }
.Principle li font { font-size: 31px; float: left; width: 100%; font-weight: 100; }
.Principle li span { font-family: Verdana, Geneva, sans-serif; color: #fff; float: left; width: 100%; }
.Principle { width: 640px; margin: 50px auto 30px auto; }
.culture { width: 100%; background: url("../images/culture.jpg")/*tpa=https://www.wuhan163.com/skin/about/culture.jpg*/ repeat 0 center; background-size: 1920px;}
.culture_txt { font-size: 16px; line-height: 30px; width: 700px; margin: 0 auto; text-shadow: 0 1px 0 rgba(14, 8, 8, 0.4); color: #fff; }
.culture_f { text-shadow: 0 1px 0 rgba(14, 8, 8, 0.4); color: #fff; }

#demo{overflow: hidden;
    height: 300px;
    line-height: 40px;
    width: 1200px;
    margin: 25px 0;
    white-space: nowrap;}
#demo1{line-height: 40px;font-size:14px;}
#demo1 img{ width:200px; height:278px; margin-right:10px;border: 1px solid #eee;padding: 8px;
transition: 0.6s ease-in-out;
  -webkit-transition: 0.6s ease-in-out;
    -moz-transition: 0.6s ease-in-out;
    -o-transition: 0.6s ease-in-out; 
}
#demo1 img:hover{transform: scale(1.1);
-ms-transform:scale(1.1); 	/* IE 9 */
-moz-transform:scale(1.1); 	/* Firefox */
-webkit-transform:scale(1.1); /* Safari 和 Chrome */
-o-transform:scale(1.1); 	/* Opera */

}



.rongruimg{width: 640px;margin: 0 auto; overflow:hidden;     margin-bottom: 30px;}
.rongruimg img{ width:280px; margin-right:20px;margin-top:20px; float:left; border: 5px solid #111;}

/*-------关于我们 yejun-----------*/


.prox { width: 1206px; margin-top: 10px; margin-bottom: 55px; }
.prox li { float: left; width: 251px; height: 214px; background: #fff; padding: 20px; line-height: 30px; text-align: center; margin-right: 6px; margin-bottom: 6px; border: 1px solid #efefef; opacity: 1; }
.prox li:hover { border: 1px solid #09f; background-color: #09f; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); box-shadow: 10px 10px 30px #CCC; -webkit-box-shadow: 0px 0px 30px #CCC; -moz-box-shadow: 0px 0px 15px #CCC; opacity: 0.7; }
.prox li:hover font, .prox li:hover span, .prox li:hover i { color: #fff; }
.prox li font { width: 100%; float: left; }
.prox li font { font-size: 18px; font-weight:bold; color: #333; }
.prox li font a { color: #333; }
.prox li span { font-size: 12px; color: #757575; width: 100%; float: left; }
.prox li i { font-size: 12px; color: #555; font-style: normal; width: 100%; float: left; line-height: 22px; text-align: left; }
.prox .pr0 { display: block; width: 60px; height: 60px; margin: 0 auto; background: url("../images/pro.png")/*tpa=https://www.wuhan163.com/skin/about/pro.png*/ no-repeat; margin-top: 30px; }
.prox .pr1 { background-position: 0 0; }
.prox .pr2 { background-position: 0 -60px; }
.prox .pr3 { background-position: 0 -120px; }
.prox .pr4 { background-position: 0 -180px; }
.prox .pr5 { background-position: 0 -240px; }
.prox .pr6 { background-position: 0 -300px; }
.prox .pr7 { background-position: 0 -360px; }
.prox .pr8 { background-position: 0 -650px; }
.prox .pr9 { background-position: 0 -420px; }
.prox .pr10 { background-position: 0 -480px; }
.prox .pr11 { background-position: 0 -540px; }
.prox .pr12 { background-position: -600px 0px; }
.prox .pr13 { background-position: -600px -60px; }
.prox li:hover .pr1 { background-position: -140px 0; }
.prox li:hover .pr2 { background-position: -140px -60px; }
.prox li:hover .pr3 { background-position: -140px -120px; }
.prox li:hover .pr4 { background-position: -140px -180px; }
.prox li:hover .pr5 { background-position: -140px -240px; }
.prox li:hover .pr6 { background-position: -140px -300px; }
.prox li:hover .pr7 { background-position: -140px -362px; }
.prox li:hover .pr8 { background-position: -140px -650px; }
.prox li:hover .pr9 { background-position: -140px -420px; }
.prox li:hover .pr10 { background-position: -140px -480px; }
.prox li:hover .pr11 { background-position: -140px -540px; }
.prox li:hover .pr12 { background-position: -660px 0px; }
.prox li:hover .pr13 { background-position: -660px -60px; }

/*-----------------------------------------------------------服务项目--------------------------------------------------------------------------------*/

.item{height:550px;}
.item .bj { background: url("../images/item.png")/*tpa=https://www.wuhan163.com/skin/img/item.png*/ no-repeat right 100px; height: 400px; padding: 0; }
.item .wzjs { padding-left: 80px; margin-top: 190px;  }
.item .wzjs h3 { font-size: 30px;  }
.item .wzjs span { font-size: 12px; font-family: Verdana, Geneva, sans-serif; }
.item .wzjs h4 { font-size: 20px; padding-bottom: 10px; }
.item .wzjs .QQ a, .about .wzjs .QQ a { background-position: -144px 0px; }
.item .wzjs .QQ a:hover, .about .wzjs .QQ a:hover { background-position: 0 0px; }

/*-----------------------------------------------------------联系我们表单--------------------------------------------------------------------------------*/



.touch { float: left; padding: 40px 0; width: 1218px; }
.contact { background: url("../images/lx.jpg")/*tpa=https://www.wuhan163.com/skin/img/lx.jpg*/ no-repeat center center; }
.touch li { float: left; width: 358px; height: 70px; background: #007fff;background: linear-gradient(90deg,#03bfff,#0046ff); padding: 15px; margin-right: 18px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); border-radius: 1px; }
.touch li span { background: url("../images/lxtb.png")/*tpa=https://www.wuhan163.com/skin/img/lxtb.png*/ no-repeat; float: left; width: 60px; height: 60px; margin: 10px; }
.touch li div { font-size: 13px; line-height: 24px; float: left; }
.touch .touch_one div {/*, margin-top: 11px;  .touch .touch_three div*/ text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
.touch li div a { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
.touch li div a:hover { color: #ff0; }
.touch .touch_two span { background-position: -110px 0; }
.touch .touch_three span { background-position: -220px 0; }
.need { padding-top: 30px; padding-bottom: 16px; border: 0; }
.con_map{ width:580px; float:left; border:1px #eee solid; margin-bottom:40px;    margin-top: 12px;}
.Form { width: 580px;  float:left; margin-left: 20px; margin-bottom:40px;}
.Form .zb { background: #007fff; width: 22px; height: 38px; }
.Form input[type="text"] { height: 42px; }
.Form input[type="text"], .Form .ts textarea { border: 1px solid #007fff; width: 98%; outline: none; padding-left: 16px; font-family: "Microsoft Yahei"; }
.Form .ts .zb, .Form .ts textarea { height: 96px; padding-top: 4px; }
.Form tr:hover input[type="text"], .Form tr:hover textarea { border-color: #b20000; }
.Form tr:hover .zb { background: #b20000; }
.Form table tr td{ }
.tj { text-align: left; }
.tj input[type="submit"], #btnSubmit { width: 60%; height: 46px; background: #007fff; border: 0; outline: none; color: #fff; cursor: pointer; font-family: "Microsoft Yahei"; margin-left: 34px;}
.tj input[type="submit"]:hover { background: #b20000; }
/*-------------------------------------------------------------新闻中心--------------------------------------------------------------------------------*/

.news { width: 100%; margin: 0 auto; border-bottom: 1px solid #fff; }
.news .nav_l { }
.news .content_r { background: #fff; border: 1px solid #efefef; }
.nav_bt h3 { padding-top: 100px; }
.nav_bt ul { padding: 12px 0; width: 1212px; }
.nav_bt ul li { width: 190px; height: 40px; line-height: 40px;     /* background-color: #ddd; */ text-align: center; float: left; margin-right: 12px; margin-bottom: 12px;     font-weight: 100;    position: relative;margin-bottom: 20px;}
.nav_bt ul li a { display: block; color: #111; border: #bbb 1px solid; }
.nav_bt ul li a:after{position: absolute;content: '';width: 0;height: 0;z-index: 999;bottom: 0;left: 50%;margin: -20px -10px;border: 10px solid transparent;}
.nav_bt ul li a:hover, .nav_bt ul li a.nowclass { border: #007fff 1px solid; background-color: #007fff; color: #fff; }
.nav_bt ul li a:hover:after,.nav_bt ul li a.nowclass:after{border-top-color: #007fff;}
/*--当前位置--*/

.position { margin: 12px 36px 0px 36px; border-bottom: 1px solid #efefef; position: relative; height: 55px; }
.position h1 { font-size: 20px; color: #1f1f1f; padding-bottom: 6px; }
.position span { font-size: 12px; font-family: Verdana, Geneva, sans-serif; color: #999; }
.position div { font-size: 12px; color: #666;  position: absolute; right: 0; top: 15px; }
.position div a { color: #666; }
.entry ul { padding: 0 50px; }
.entry li { float: left; width: 100%; padding-top: 40px; padding-bottom: 30px; border-bottom: 1px solid #efefef; }
.entry li h3 { font-size: 18px; padding-bottom: 10px; }
.entry li h3 a { color: #212121; }
.entry li h3 a:hover { color: #b20000; }
.entry li span { color: #aaa; }
.entry li div.list_i { color: #222; line-height: 22px; padding-top: 10px; }
.entry li .list_il{ float:left;}
.entry li .list_ir{ float:left;}

.entry li.d_tu .list_il{ width:20%;} 
.entry li.d_tu .list_il img{ width:80%;}
.entry li.d_tu .list_ir{ width:80%;} 

.wenda li div { display:none;color: #666;}
.wenda li h3{ cursor:pointer;  color: #1f1f1f; margin-bottom: 15px;}
.con .wzjs { margin-top: 100px; }
.con .wzjs h3 { padding-top: 0; font-size: 30px; }
.con .wzjs .QQ { padding-top: 10px; }
.content { padding: 20px 38px; color: #212121; line-height: 30px; font-weight: 100; }
.content p { padding: 10px 0; }
.content a { color: #09f; }
.content a:hover { color: #bb0000; }
.content h2 { font-weight: 100; margin: 10px 0; }
.content b,.content strong { font-weight: 100; font-size:20px;  }
.content img{ max-width:100%; height:auto !important;padding: 8px 0;}

.content_tag{margin:15px auto 0 auto; line-height: 26px;}
.content_tag a{display: inline-block;
    padding: 1px 10px;
    background-color: #fff;
    color: #20aef0; margin-right:20px; border:#20aef0 1px solid;}
.content_tag a:hover{background-color: #20aef0; color:#fff;  border:#20aef0 1px solid;}


/*----------上一篇下一篇---------*/
.c_next{ border-top: 1px solid #efefef; margin-top:20px;}
.c_next ul li{ width:50%; float:left; height:45px; line-height:60px;}
/*----------网站地图---------*/

.map_list{margin: 12px 36px 0px 36px;}
.map_list a{  color:#333;}
.map_list .linkbox{ clear:both; margin:15px 0;}
.map_list .linkbox h3{ color:#000;}

.map_list .linkbox .f6{}
.map_list .linkbox .f6 li{ float:left; margin: 10px 10px 10px 0;}
/*----------上一篇下一篇end---------*/
.serv { height: 400px; background: url("../images/wh.png")/*tpa=https://www.wuhan163.com/skin/about/wh.png*/ no-repeat center center; }
.serv .bj { height: 340px; }

.fitt .wzjs{margin-top: 150px;}
.fitt .wzjs h3 { padding-top: 0px; }
.fitt .wzjs h2 { font-size: 20px; font-weight: normal; padding: 6px 0; }
.adaptation { padding: 20px 30px; }
.adaptation_l { width: 586px; margin-right: 18px; float: left; }
.adaptation_r { width: 536px; float: left; color: #333; font-size: 12px; line-height: 20px; font-weight:100; }
.adaptation_r h3 { font-size: 20px; padding-bottom: 8px; }
.adaptation_r h4 { font-size: 14px;  padding-bottom: 8px;font-weight:100; }
.adaptation_r b { font-weight:100; font-size:14px; }
.adaptation_r p { padding-top: 18px; }
.web { width: 1214px; }
.web li { text-align:left; float: left; width: 390px; margin-right: 14px; height: 80px; margin-top: 20px; background: #007fff;background: linear-gradient(90deg,#03bfff,#0046ff); }
.web li:hover { background: #b20000;background: linear-gradient(90deg,#d25f5f,#b90000); }
.web li span { background: url("../images/sz.png")/*tpa=https://www.wuhan163.com/skin/img/sz.png*/ no-repeat; margin-left: 26px; margin-top: 22px; width: 40px; height: 64px; float: left; }
.web li div { float: left; width: 324px; margin-top: 22px; }
.web li div font { font-weight: bold; font-size: 16px; color: #fff; width: 100%; float: left; }
.web li div i { font-size: 14px; color: #fff; width: 100%; font-style: normal; }
.web li span.web_two { background-position: -80px 0; }
.web li span.web_three { background-position: -160px 0; }
.web li span.web_four { background-position: 0 -96px; }
.web li span.web_five { background-position: -80px -96px; }
.web li span.web_six { background-position: -160px -94px; }
.why_sp { padding-bottom: 40px; background-color: #eee; }
.wz-art { margin-top: 15px; padding-bottom: 6px; }
.wz-art h5 { font-size: 20px; }
.wz-art span { font-size: 11px; color: #666; }
.wz-art .wz-art-l li { width: 33%; float: left; border-bottom: #999 1px dotted; }
/*-------------------地区介绍----------------------*/
.lmarea{    width: 100%;
    background: url("../images/overall-version-bg.png")/*tpa=https://www.wuhan163.com/skin/img/overall-version-bg.png*/ repeat-x;}

.lmarea_txt{    color: #555; padding: 40px; line-height: 25px;}
.lmarea_city{ padding:10px; border-top:1px #eee solid; margin-top:10px;}
.lmarea_city h3{ font-size:14px;}
.lmarea_city h3 a{color: #555; }

.lmarea_city ul{}
.lmarea_city ul li{ float:left; margin-right:10px;margin-top: 5px; margin-bottom: 5px;}

.lmarea_city ul li a{ text-align: center; display:block;border: #007fff 1px solid; color:#007fff;width:78px; height:30px; line-height:30px; border-radius: 5%;}
.lmarea_city ul li a:hover{ background:#007fff;  color:#fff;}



/*-------------------内容页代码----------------------*/

.txt-html { font-family: Consolas, serif; font-size: 12px; background-color: rgb(231, 229, 220); width: 100%; overflow: auto; padding-top: 1px; line-height: 26px; white-space: normal; margin: 18px 0px !important; }
.bar { padding-left: 45px; }
.tools { padding: 3px 8px 10px 10px; font-size: 9px; line-height: normal; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; color: silver; background-color: rgb(248, 248, 248); border-left-width: 3px; border-left-style: solid; border-left-color: rgb(108, 226, 108); }
.dp-xml { padding: 0px; border: none; list-style-position: initial; list-style-image: initial; background-color: rgb(255, 255, 255); color: rgb(92, 92, 92); margin-bottom: 1px !important; margin-left: 45px !important; }
.dp-xml li { list-style: inherit; padding-left:10px;}
/*--------------app-------------------*/

.app_one { background: #f6f6f6; }
.app_one img { width: 100%; }
.app-index .service { border: 0px; }
.kflb { padding-top: 14px; padding-bottom: 16px; }
.kflb ul { width: 1212px; }
.kflb li { border: 1px solid #ddd; width: 288px; height: 248px; text-align: center; margin-right: 13px; float: left; }
.kflb li img { padding-top: 38px; }
.kflb li h3 { font-size: 20px; color: #777777; font-weight: normal; padding-top: 14px; }
.kflb li div { font-size: 12px; color: #999; padding-top: 16px; }
.kflb li:hover { border-color: #A5CA39; }
.wedo { padding-top: 10px; padding-bottom: 50px; }
.wedo ul { width: 1216px; }
.wedo li { float: left; width: 230px; margin-right: 13px; height: 408px; background: url("../images/app6.png")/*tpa=https://www.wuhan163.com/skin/img/app6.png*/ no-repeat right; background-size: 100%; }
.wedo li img { width: 98%; height: 98%; }
.app { background: url("../images/app.png")/*tpa=https://www.wuhan163.com/skin/about/app.png*/ no-repeat center; }
.app .webjs .wzjs { float: left; margin-left: 10%; padding-left: 0px; margin-top: 54px; }
.app .webjs .wzjs span { font-size: 30px; }
.app .wzjs h4 { font-size: 20px; font-weight: bold; }
.app .webjs { background-position: right; }
/*--------------人才招聘-------------------*/

.zp_tb { padding: 20px 0 0 0px; line-height: 25px; color: #212121; font-size: 12px; }
.zp_tb b { font-size: 14px; }
.zp_tb_l { float: left; width: 46%; min-height: 100px; padding: 20px; margin-bottom: 5px; border: 1px solid #efefef; border-radius: 0px; }
.zp_tb_r { float: right; width: 46%; min-height: 100px; padding: 20px; margin-bottom: 5px; border: 1px solid #efefef; border-radius: 0px; }
.zp_tb_r:hover, .zp_tb_l:hover { border: 1px solid #09f; background-color: #09f; color: #fff; }
.zp_tb_d { border-top: 1px solid #efefef; font-size: 12px; margin-top: 10px; padding: 20px; }
.zp_tb_d font { font-weight: 800; color: #F00; }
/*--------------网页特效-------------------*/

.list_tx { height: 81px; }
.list_tx_li { padding: 10px 24px; }
.list_tx_li ul { height: auto; }
.list_tx_li ul li { padding: 0 10px; margin-left: 1%; text-align: center; float: left; border: 1px solid #efefef; margin-bottom: 10px; }
.list_tx_li ul li a { display: block; width: 100%; color: #333; height: 30px; line-height: 30px; }
.list_tx_li ul li a:hover { color: #fff; }
.list_tx_li ul li:hover { background: #007fff; border: 1px solid #007fff; }


/*-------------网站建设常见问题 -------------------*/
.cj_qusetion { margin: 0 auto; width: 1200px;padding-bottom:40px; }
.cj_qusetion h3 { font-size: 30px; color: #212121; padding-bottom: 4px; font-weight: normal; text-align: center; padding-top: 24px; }
.cj_qusetion span { font-size: 12px; color: #555; font-family: Verdana, Geneva, sans-serif; text-align: center; display: block; padding-bottom: 24px; }
.cj_qusetion .box { width: 100%; border: 1px solid #efefef; box-sizing: border-box; padding: 20px; }
.cj_qusetion .box ul { width: 46%; float: left; padding: 0 2%;overflow: hidden; }
.cj_qusetion .box ul li { height: 70px; border-bottom:1px solid #ccc;transition:height 0.5s cubic-bezier(1, 1, 1, 1);position:relative;background:#fff;}
.cj_qusetion .box ul li .hide{display: block;}
.cj_qusetion .box ul li .show{display: none;width:100%;}
.cj_qusetion .box ul li.on { height: 200px; }
.cj_qusetion .box ul li:after{content: '';width: 0px;height: 1px;background: #007fff;display: block;position: absolute;bottom: -1px;}
.cj_qusetion .box ul li.on:after{transition: width 2.5s cubic-bezier(1, 1, 1, 1) 1s;width:100%;}
.cj_qusetion .box ul li.on .hide { display: none; }
.cj_qusetion .box ul li.on .show { display: block; }
.cj_qusetion .box .hide { color: #666; font-size: 16px; line-height: 70px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.cj_qusetion .box .show .tit { color: #333; font-size: 22px; line-height: 70px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.cj_qusetion .box .show .desc { font-size: 14px; color: #999; }
.cj_qusetion .box .show a { display: block; width: 100px; height: 30px; font-size: 12px; line-height: 30px; color: #007fff; border: 1px solid; margin-top: 20px; text-indent: 10px; position: relative; overflow: hidden; }
.cj_qusetion .box .show a:after { content: ''; width: 100%; height: 1px; background: #007fff; transform: rotate(115deg); display: block; position: absolute; top: 0; right: -30px; }
.cj_qusetion .box .show a:before { content: '>'; position: absolute; right: 5px; top: 0; font-size: 18px; }
/*-------------tag -------------------*/
.tag_list{}
.tag_list li{ padding:5px 10px; width:150px;
    float: left;}
.tag_list li a{ color:#333;}
/*----------------响应式设计---------------------*/

 @media (min-width: 1270px) {
.Brand li { float: left; margin-top: 16px; margin-right: 16px; overflow: hidden; width: 286px; height: 100px; padding: 0 !important; border: 1px solid #efefef; position: relative; background-color:#fff; text-align:center; }
.bimg_on { position: absolute; width: 300px !important; float: left; }
.Brand li img { border: 0 !important; -webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.Brand li:hover img { -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; }
.Brand li div { position: absolute; left: 50%; top: 50%; width: 0; height: 0; line-height: 100px; text-align: center; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; color: #111 !important; overflow: hidden; }
.Brand li:hover div {background:#fff; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; width: 100%; height: 100%; left: 0; top: 0; -webkit-transition: all 0.2s ease-in-out 0.2s; -moz-transition: all 0.2s ease-in-out 0.2s; -o-transition: all 0.2s ease-in-out 0.2s; -ms-transition: all 0.2s ease-in-out 0.2s; transition: all 0.2s ease-in-out 0.2s; }
.Cooperation .Brand li { }
}
 @media (max-width: 1024px) {
	 
 /*-------------常见问题 -------------------*/
 	.cj_qusetion{max-width:100%;}
 	.cj_qusetion .box{border:none;padding:0;}
	.cj_qusetion .box ul{padding: 0 4%;width:92%;}
/*-------------常见问题end -------------------*/
.service_bd{background-color: #fff;}
.zp_tb_l, .zp_tb_r { padding: 20px 2%; width: 43.5%; }
.zp_tb_l { margin: 0 0 20px 1.5%; }
.zp_tb_r { margin: 0 1.5% 20px 0; }
.prox { width: 100%; }
.prox li { float: left; width: 19.8%; padding: 1em 2%; height: 214px; margin: 0 .5% .8em .5%; }
.wz-art .wz-art-l li { width: 50%; }
.wtlb { background: none !important; }

/*-------------------------------网站优化下方列表----------------------------*/


.seoart_list ul{ width:100%; }
.seoart_list ul li{ width:50%;  margin-right:0; position:relative; }
.seoart_list ul li .seo_l{ width:90%; margin-left:5%;}
.seoart_list ul li .seo_l img{ width:100%; z-index:1;}
.seoart_list ul li .seo_r{  width:90%;margin-left:5%;}


/*-----------------400-----------------------*/

.tbdy ul li { width: 30%; }
#wuhan400 li { width: 50%; }
#tb401 { width: 100% !important; }
/*--------------------------------------*/

.case-index { display: none; }
.lm { float: left; margin-top: 0px; width: 100%; }
.pc-nav { display: none; border-top: 2px solid #007fff; padding: 10px 0; background: #111; position: absolute; z-index: 9999; width: 100%; opacity: 0.8; }
.pc-nav li { border-radius: 5px; width: 33%; margin: 0; padding: 0; line-height: 40px; margin-bottom: 0; text-align: center; }
.pc-nav li a { color: #fff; float: left; width: 100%; }
.pc-nav li:hover a { color: #fff; }
#mobi-btn { display: block; right: 15px; top: 30px; }
.service h3 { font-size: 25px; }
.w-banner .bd { display: block; }
/*--------------------------------------*/

.icon, .Brand ul, .respond, .classify, .major, .show, .project, .about .wzjs div.pro, .Principle, .Form, .al_bottom /* ,.touch,.news .content_r*/, .all { width: 100%; }
.touch { width: 60%; float: none; margin: 0 auto; }
.icon li { width: 50%; margin: 0; }
.icon li span { margin: 0 auto; background: url("../images/tb.png")/*tpa=https://www.wuhan163.com/skin/img/tb.png*/ no-repeat; float: none; display: block; }
.icon li div { width: 90%; margin: 0 auto; }
/*-------------------------------------*/

.Brand ul li { width: 50%; padding-right: 0px; text-align: center; }
/*---------------------------------------*/

.respond li { width: 46%; float: left; padding: 1%; margin: 22px 1% 6px 1%; }
/*---------------------------------------------------------*/

.classify li { width: 48%; margin-right: 0px; margin-left: 1%; }
.classify li h3 { padding-bottom: 14px; }
/*-------------------------------------------------------*/

.major li { width: 46%; padding: 50px 0; margin: 0 2%; }
.major li span { float: none; margin: 0 auto; display: block; }
.case_cont img { width: 100%; height: auto !important; }
.case_img { width: 100%; margin: 0 auto; }
.case_img img { width: 270px; }
.optimize .wzjs { padding-left: 2%; }
.project li { width: 48%; margin: 0 1% 1% 1%; padding: 20px 0; }
.Principle li { width: 50%; }
.touch li { margin-bottom: 10px; width: 100%; padding: 15px 0; margin-right: 0; }
.touch li div { float: none; font-size: 14px; }
/*-----------------表单-----------------------*/
.con_map{ width:100%; }

.Form{    margin-left:0px;}
.Form table { width: 100%; margin: 0 auto; }
.Form .zb { width: 6%; }
.Form input[type="text"], .Form .ts textarea { width: 94%; }
.al_bottom a { margin-left: 11%; }
.show li { padding: 40px 0; float: left; width: 48%; margin: 20px 0 0 1%; text-align: center; }
.show_app li { padding: 20px 0 20px 0; float: left; width: 50%; text-align: center; }
.show li p { margin: 0px auto 0 auto; }
.al_bottom li { width: 50%; float: left; }
.al_bottom a { float: none; display: block; margin: 30px auto 0 auto; }
/*-----------------------------------------------------*/

.news .nav_l { display: block; }
.position { padding-left: 10px; }
.rj .wzjs div, .rj .wzjs h4 { padding-left: 40px; }
.rj .wzjs h3 { padding-left: 0px; }
.pages UL { padding-right: 20PX; }
.tj input[type="button"] { margin-right: 4%; }
.float0831 { display: none; }
.adaptation_l { width: 100%; text-align: center; margin-right: 0; }
.adaptation_r { margin: 0 auto; float: none; }
.web { width: 100%; }
.web li { width: 48%; margin: 1% 1% 0 1%; }
.web li div { width: 80%; }
.footer .dbxx { margin-right: 80px; }
/*------------------*/

.kflb ul, .wedo ul { width: 100%; }
.kflb li { width: 23%; margin-left: 1.5%; margin-right: 0; height: 200px; }
.kflb li img { padding-top: 1em; }
.kflb li div { padding: 14px 2% 0 2%; line-height: 1.4rem; }
.wedo li { width: 18.8%; margin-left: 1%; margin-right: 0px; height: auto; }
}
 @media (max-width: 980px) {
.in-t1 { display: none; }
.in-t2 { float: none; width: 100%; }
.prox li { width: 21.6%; padding: 1em 1%; height: 17em; margin: 0 .5% .6em .5%; }
}
 @media (max-width: 950px) {
.footers .dbxx { margin-right: 20px; }
.footers .wx { margin-right: 10px; display: none; }
}
 @media (max-width: 890px) {
.footers .dbxx { margin-right: 20px; }
#wuhan400 li { width: 100%; }
.h400 { display: none; }
}
 @media (max-width: 790px) {
.footer .dbxx { margin-right: 6%; }
.zp_tb_l, .zp_tb_r { padding: 10px 1.5%; width: 44%; min-height: 220px; }
.zp_tb_l { margin: 0 0 10px 2%; }
.zp_tb_r { margin: 0 2% 10px 0; }
}
 @media (max-width: 680px) {
.zp_tb_l, .zp_tb_r { min-height: 250px; }
.new_top{ display:none;}
}
 @media (max-width: 640px) {
.footers { margin-bottom:80px}
.footer{ display:block; }
.zp_tb_l, .zp_tb_r { padding: 10px 3%; width: 88%; margin: 0 3% 10px 3%; float: left; }
.paiming1 img { width: 100%; }
.wz-art .wz-art-l li { width: 100%; }
.bdpm li { width: 90.8% !important; }
/*-----------------400-----------------------*/

.pic .webjs .wzjs { float: left;   margin-top: 1.5rem; margin-left: 1.5rem;}
.tbdy ul li { width: 42%; }
#wuhan400 li { width: 100%; }
.h400 { display: none; }
#tb401 { width: 100% !important; }
.case_to { width: 90%; }
.case_to_l { width: 100%; }
/*----------------首页通用-----------------------*/
.sidebar { display:none;}
/*--服务列表--*/
.prox li i{ display:none; }
.prox { width: 100%; }
.prox li { width: 45%; float: left; margin: 0 1% 7px 1% !important;height: 13em; }
/*--友情链接--*/
.link-in{ display:none; }
/*--banner--*/

.index-ban640 { display: block; background: #007fff; height: 400px !important; width: 100%; }
.index-ban640 .wzjs h3 { font-size: 40px; padding: 6px 0; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8); }
.index-ban640 .wzjs { margin-top: 20px !important; }
.index-ban640 .wzjs div.pro { line-height: 22px; padding: 12px 0; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }
#mobi-btn { top: 20px; }
.header { height: 65px; background: #121a2c;}
.logo img { height: 50px; width: 190px;margin-top:10px; }
.pc-nav li { width: 100%; }
.pic, .optimize { margin-top: 66px; }

.w-banner {height:250px; margin-top:60px; overflow:hidden}
.index_bg { background-image: url(../images/bg-640.jpg) !important; }
.index_bg2 { background-image: url(../images/bg2-640.jpg) !important; }
.index_bg3 { background-image: url(../images/bg3-640.jpg) !important; }
.index_bg4 { background-image: url(../images/bg4-640.jpg) !important; }

.webjs { background: none; margin: 0; }
.pic .wzjs h3 { font-size: 30px; }
.pic, .optimize { height: 260px; }
.case { height: 260px; }
.about { height: 420px; }
.item { height: 260px; }
.item span { font-size: 11px !important; }
.rj .wzjs div, .rj .wzjs h4 { padding-left: 0px; font-size: 18px; }
.optimize .wzjs span { font-size: 14px; }
.optimize .bj { background: none; }
.optimize .wzjs h3 { font-size: 28px; font-weight: 600; }
.pic .wzjs img { width: 300px; height: auto; }
.con font { font-size: 11px !important; }
.fitt { height: 280px; margin-top: 40px; }
.c_next{ display:none;}
/*-----------关于我们--------*/
.rongruimg{width:96%; margin:0 auto; text-align:center;}
.rongruimg img{ width:90%;margin:10px auto; float:none;}

/*-----------当前位置--------*/
.position { padding:0;    margin: 12px 0;text-align: center;}
.position div { display:none;}

.touch, .news .content_r { width: 100%; border:0;}
.icon li { width: 100%; }
/*-----------------案例+模板-----------------------*/

.moban_cls { padding-left: 0px; }
.m_t_js { padding-left: 5px; }
.moban_dh { width: 95%; }

.Brand ul li {     width: 50%; padding-top: 24px; float:left; padding-right: 0px; text-align: center; }
.Brand ul li img{ width:90%;height: auto;}
.Brand ul li div { margin-top: 1em; }
/*-----------------响应-----------------------*/


.respond li { width: 95%; margin-right: 0; float: none; margin: 0 auto; padding: 10px; }
/*-----------------footer----------------------*/

.footers { padding: 0px; }
.footers .dbxx { margin-bottom: 10px; margin-right: 0; }
.footers .dbxx img { display: none; }
.footers .dbxx span { margin-top: 18px; }
.footers .ycxx { padding-left: 18px; margin-bottom: 10px; }
.copr { height: auto; line-height: 20px; padding: 4px 0; display:none; }
.footers .wx { clear: left; margin: 0 auto; float: none; }
/*------------------------------------------------------------大图------------------------------------------------------------------------------*/


.pic .fl { display: none; }
.pic .wzjs { background: #222; padding-left: 12px; }
.pic .wzjs h4 { font-size: 14px; }
.web-class { padding: 1px 0 0px 0; }
/*------------------------文章列表--------------------------------*/




.classify li { width: 98%; }
/*------------------------------------------------------*/

.major li { width: 42%; margin: 0 4%; float:left; }
.major li img { width: 50px; }
.optimize .wzjs { padding-left: 2%; margin-top: 0.5rem; }
.app .webjs .wzjs { padding-left: 2%; margin-top: 0.5rem; }
.app .webjs .wzjs h3 { font-size:2rem; }
.app .webjs .wzjs font{font-size:1rem;}
.app .webjs .wzjs h4{font-size:1.2rem;}
.project li { width: 100%; margin: 0 0 1% 0; padding: 20px 0; }
.show li { padding: 0; float: left; text-align: center; width: 48%; margin: 10px 0 10px 1%; }
.show li img { width: 100%;  }
/*----------------------文章内容等---------------------------------*/


.entry li.d_tu .list_il{ display:none;} 
.entry li.d_tu .list_ir{ width:100%;} 

.seo-top .wzjs { margin-top: 20px; }

.ab-service-txt { padding: 30px 10px 30px 10px; }
.content { padding: 20px 12px 0 12px; }
.content img { max-width: 100%; height: auto !important; }


.news .nav_l { display: none; }
.about .wzjs { margin-top: 20px; }
.item .wzjs { padding-left: 3.5%; margin-top: 3.1rem; }
.adaptation { padding: 20px 4px; }
.adaptation_l img { width: 100%; height: auto; }
.adaptation_r { width: 100%; }
.web li { width: 100%; margin: 1% 0 0 0; padding-bottom: 6px; }
.web li div { width: 76%; float: left; }
/*-----------------------------------------------------*/

.anli_dh ul { width: 100%; }
.anli_dh ul li { width: 48%; margin: 0 2px 12px 2px; }
.soft_tu li{ width:48%; line-height:20px; margin:6px 1%;}
/*--------------------------*/

.culture_txt { width: 90%; text-align: justify; }
.Principle { margin: 2.5em auto 2.5em auto; }

.Brand_lr {  }
/*-------------------*/

.kflb li { width: 46.5%; margin-left: 2%; margin-bottom: .8em; }
.wedo li { width: 46.5%; margin-left: 2%; margin-bottom: .8em; }
.wedo li:last-child { display: none; }
.app .webjs .wzjs span { font-size: 28px; }

.pages UL LI{padding: 6px 8px;}

}
 @media (max-width: 320px) {
.ab-service-txt { padding: 30px 10px 30px 10px; }
.touch .touch_one div { margin-top: 0; }
}
/*---------------------------------------------------------------QQcss----------------------------------------------------------------------------*/

.float0831 { z-index: 999; position: fixed; top: 180px; right: 1px; color: #333; font-size: 12px; }
.float0831 li A { height: 30px; line-height: 30px; display: block; padding: 5px 0 0 8px; color: #00a0e9 }
.float0831 A:hover { color: #ff8100; text-decoration: none; }
.float0831 .floatL { position: relative; width: 28px; float: left }
.float0831 .floatL A { text-indent: -9999px; display: block; font-size: 0px }
.float0831 .floatR { background: url("../templets/sanwei/images/float_bg.gif")/*tpa=https://www.wuhan163.com/templets/sanwei/images/float_bg.gif*/ }
.float0831 .tp { background: url("../templets/sanwei/images/float_bg.gif")/*tpa=https://www.wuhan163.com/templets/sanwei/images/float_bg.gif*/ }
.float0831 .cn { background: url("../templets/sanwei/images/float_bg.gif")/*tpa=https://www.wuhan163.com/templets/sanwei/images/float_bg.gif*/ }
.float0831 .floatR { PADDING-BOTTOM: 15px; width: 130px; background-repeat: no-repeat; background-position: -131px bottom; float: left; OVERFLOW: hidden }
.float0831 .tp { background-repeat: no-repeat; background-position: 0% 0%; HEIGHT: 10px }
.float0831 .cn { background-repeat: repeat-y; background-position: -262px 0px }
.float0831 .cn H3 { text-indent: -9999px; HEIGHT: 36px; font-size: 0px }
.float0831 .cn UL { PADDING-BOTTOM: 0px; PADDING-LEFT: 14px; PADDING-RIGHT: 12px; PADDING-TOP: 0px }
.float0831 .cn UL LI { BORDER-BOTTOM: #e6e5e4 1px solid; LINE-HEIGHT: 36px; WORD-WRAP: break-word; HEIGHT: 36px; OVERFLOW: hidden; WORD-BREAK: normal }
.float0831 .titZx { background: url("../templets/sanwei/images/float_s.gif")/*tpa=https://www.wuhan163.com/templets/sanwei/images/float_s.gif*/ no-repeat }
.float0831 .titDh { background: url("../templets/sanwei/images/float_s.gif")/*tpa=https://www.wuhan163.com/templets/sanwei/images/float_s.gif*/ no-repeat }
.float0831 .titDc { background: url("../templets/sanwei/images/float_s.gif")/*tpa=https://www.wuhan163.com/templets/sanwei/images/float_s.gif*/ no-repeat }
.float0831 .icoZx { background: url("../templets/sanwei/images/float_s.gif")/*tpa=https://www.wuhan163.com/templets/sanwei/images/float_s.gif*/ no-repeat }
.float0831 .icoTc { background: url("../templets/sanwei/images/float_s.gif")/*tpa=https://www.wuhan163.com/templets/sanwei/images/float_s.gif*/ no-repeat }
.float0831 .icoFf { background: url("../templets/sanwei/images/float_s.gif")/*tpa=https://www.wuhan163.com/templets/sanwei/images/float_s.gif*/ no-repeat }
.float0831 .icoTl { background: url("../templets/sanwei/images/float_s.gif")/*tpa=https://www.wuhan163.com/templets/sanwei/images/float_s.gif*/ no-repeat }
.float0831 .btnOpen { background: url("../templets/sanwei/images/float_s.gif")/*tpa=https://www.wuhan163.com/templets/sanwei/images/float_s.gif*/ no-repeat }
.float0831 .btnOpen_n { background: url("../templets/sanwei/images/float_s.gif")/*tpa=https://www.wuhan163.com/templets/sanwei/images/float_s.gif*/ no-repeat }
.float0831 .btnCtn { background: url("../templets/sanwei/images/float_s.gif")/*tpa=https://www.wuhan163.com/templets/sanwei/images/float_s.gif*/ no-repeat }
.float0831 .titZx { background-position: 5px -10px }
.float0831 .titDh { background-position: 5px -66px }
.float0831 .titDc { background-position: 5px -124px }
.float0831 .icoZx { background-position: 2px -154px }
.float0831 .icoTc { background-position: 0px -323px }
.float0831 .icoFf { background-position: 2px -213px }
.float0831 .icoTl { PADDING-LEFT: 20px; display: block; background-position: 2px -266px; float: left }
.float0831 .btnOpen { background-position: -30px -396px }
.float0831 .btnOpen_n { background-position: 0px -530px }
.float0831 .btnCtn { background-position: 0px -396px }
.float0831 .icoZx { PADDING-LEFT: 28px; display: block; float: left }
.float0831 .icoTc { PADDING-LEFT: 28px; display: block; float: left }
.float0831 .icoFf { PADDING-LEFT: 28px; display: block; float: left }
.float0831 .btnOpen { position: relative; width: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px }
.float0831 .btnOpen_n { position: relative; width: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px }
.float0831 .btnCtn { position: relative; width: 28px; HEIGHT: 118px; TOP: 80px; LEFT: 2px }
.float0831 .btnOpen { TOP: 118px; LEFT: 1px }
.float0831 .btnOpen_n { TOP: 118px; LEFT: 1px }
.float0831 .btnCtn { TOP: 118px; LEFT: 2px }
.float0831 UL LI H3.titDc A { width: 80px; display: block; HEIGHT: 36px }
.float0831 UL LI.top { BORDER-BOTTOM: #ace5f9 1px solid }
.float0831 UL LI.bot { BORDER-BOTTOM-STYLE: none }
.float0831 UL LI.webZx-in { BORDER-BOTTOM-STYLE: none; PADDING-LEFT: 5px; HEIGHT: 50px; PADDING-TOP: 8px }
/*--------------2015-5-12------------------*/

.bdpm { padding: 38px 0; }
.bdpm li { width: 40.8%; margin-left: 4.59%; margin-right: 4.59%; float: left; }
.bdpm li img { width: 100%; }
.wtlb { background: url("../images/wttp.png")/*tpa=https://www.wuhan163.com/skin/img/wttp.png*/ no-repeat right top; margin-top: 10px; background-size: 18.5%; padding-top: 14px; min-height: 192px; }
.wtlb ul { padding: 0 1%; }
.wtlb li { width: 100%; float: left; line-height: 24px; color: #444; padding-bottom: 12px; font-weight:100; }
.wtlb li i { font-style: normal; }
.wtlb li b{font-weight:100; font-size:18px;}
/*-------新修服务项目------------*/
.w1000 {

	width: 1200px;

	margin: 0 auto

}
.wrap {

	width: 1200px;

	margin-left: auto;

	margin-right: auto;

}

.Service_system {

	width: 100%;

	margin: 0 auto;

}

.j_tilte span, .j_tilte b {

	display: block;

	text-align: center;

}

.j_tilte span {

	font-size: 28px;

	color: #020202;

	margin-top: 40px;

}

.j_tilte b {

	color: #6c6b65;

	font-size: 18px;

	text-align: center;

	margin-top: 23px;

	font-weight: normal;

}

.system{
	margin-top: 60px;
}

.system_list li {
	float: left;
	margin: 0 63px;
}

.system_list li p {

	text-align: center;

	margin-top: 20px;

	color: #282828;

	font-size: 14px

}

.system_list li.bak_f60 em {

	opacity: 1;

}

.system_list li.bak_f60 .icon_1 {

	background: url(../images/icon_16.png) center no-repeat;

}

.system_list li.bak_f60 .icon_2 {

	background: url(../images/icon_17.png) center no-repeat;

}

.system_list li.bak_f60 .icon_3 {

	background: url(../images/icon_18.png) center no-repeat;

}

.system_list li.bak_f60 .icon_4 {

	background: url(../images/icon_19.png) center no-repeat;

}

.system_list li.bak_f60 .icon_5 {

	background: url(../images/icon_20.png) center no-repeat;

}

.system_Carousel {

	margin-top: 44px;

	height: 446px;

	width: 1200px;

	overflow: hidden;

	position: relative;

	top: 0;

	left: 0;

}

.system_Carousel a {

	display: block;

	position: absolute;

	top: 0;

	width: 600px;

	height: 446px;

	background: #000;

	opacity: 0;

 filter: alpha(opacity: 0);

	z-index: 2;

}

.system_Carousel #up a {

	left: 0;

}

.system_Carousel em {

	display: block;

	width: 54px;

	height: 446px;

	z-index: 3;

	position: absolute;

	top: 0;

	display: none;

}

.system_Carousel #up em {

	background: url(../images/zuo.png) 0 center no-repeat;

	left: 0;

}

.system_Carousel #down a {

	right: 0;

}

.system_Carousel #down em {

	background: url(../images/you.png) 0 center no-repeat;

	right: 0;

}

.system_Carousel ul {

	position: absolute;

	top: 0;

	left: 0;

}

.system_Carousel ul li {

	float: left;

	width: 1200px;

	height: 446px;

	color: #282828

}

.system_list li a, .system_list li b, .system_list li strong {

	display: block;

}

.system_list li strong {

	width: 114px;

	height: 114px;

	position: relative;

	top: 0;

	left: 0;

	border: 1px solid #e3e3e3;

	border-radius: 100%;

	box-sizing: border-box;

	background: #eee;

	box-shadow: 0 0 0 30px transparent;

	transition: box-shadow .4s ease-in-out;

}

.system_list li em {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: #0a9acf;

	border-radius: 100%;

	z-index: 5;

	opacity: 0;

	transform: rotateY(0deg);

	transition: all .5s ease-in-out;

}

.system_list li b {

	position: absolute;

	top: 50%;

	left: 50%;

	margin: -25px 0 0 -38px;

	z-index: 6;

	width: 75px;

	height: 49px;

	transition: all .4s ease-in-out;

}

.system_list li .icon_1 {

	background: url(../images/icon_166.png) center no-repeat;

}

.system_list li .icon_2 {

	background: url(../images/icon_12.png) center no-repeat;

}

.system_list li .icon_3 {

	background: url(../images/icon_13.png) center no-repeat;

}

.system_list li .icon_4 {

	background: url(../images/icon_14.png) center no-repeat;

}

.system_list li .icon_5 {

	background: url(../images/icon_15.png) center no-repeat;

}

.system_list li:hover .icon_1 {

	background: url(../images/icon_16.png) center no-repeat;

}

.system_list li:hover .icon_2 {

	background: url(../images/icon_17.png) center no-repeat;

}

.system_list li:hover .icon_3 {

	background: url(../images/icon_18.png) center no-repeat;

}

.system_list li:hover .icon_4 {

	background: url(../images/icon_19.png) center no-repeat;

}

.system_list li:hover .icon_5 {

	background: url(../images/icon_20.png) center no-repeat;

}

.system_list li:hover strong {

	box-shadow: 0 0 0 0 #f3f3f3;

	transition: box-shadow .4s ease-in-out;

}

.system_list li:hover em {

	transform: rotateY(180deg);

	transition: all .5s ease-in-out;

	opacity: 1;

}

.Service_advantage {

	width: 100%;

	background: #f3f3f3;

}

.advantage {

	margin: 0px auto 0;

}

.advantage_list {

	margin-top: 60px;

	padding-bottom: 50px

}

.advantage_list li {

	width: 360px;

	height: 360px;

	float: left;

	cursor: pointer;

	margin: 0 20px;

}

.advantage_list li b {

	display: block;

	width: 360px;

	height: 220px;

	overflow: hidden;

}

.advantage_list li b img {

	width: 100%;

	height: 100%;

	display: block;

}

.advantage_list li .advantage_miaoshu p {

	font-size: 16px;

	margin-top: 16px;

	text-align: center;

	color: #666;

}

.advantage_list li .advantage_miaoshu div {

	margin: 15px 14px 0;

	color: #666;

	line-height: 26px;

	font-size: 14px;

}
.websiteBox6 {

	background: url(../images/website_img5.jpg) no-repeat center top;

	height: 605px;

}

.websiteBox6 .websiteTitle {

	color: #fff;

	padding-top: 55px;

	margin-bottom: 15px;

	font-size: 32px;

	line-height: 32px

}

.websiteBox6 .p01 {

	font-size: 16px;

	color: #9ca3b2;

}

.websiteTitle strong {

	color: #e8312e;

}

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}

.clearfix {

*zoom:1;

}
/*浮动客服*/
.sidebar{position: fixed;right: 0;top: 50%;width: 55px;background: rgba(0, 0, 0, 0.3);padding: 12px 0 12px 0;border-radius: 8px 0 0 8px;z-index: 999999;}
.sidebar li{display: block;height: 50px;width: 160px;padding-left: 17px;border-radius: 8px 0 0 8px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s; position:relative;}
.sidebar li span{ display:none; position:absolute; top:-30px; left:-110px;border-radius:10px; border:5px solid #fff;}
.sidebar li img{display: block;}
.sidebar li:hover{margin-left: -105px;background: rgba(0, 0, 0, 0.6);}
.sidebar li:hover span{ display:block;transition: all 2s;}