@charset "utf-8";
/* 域名查询 */
.domain .domain_con .form dl{ width:593px; height:auto; overflow:hidden; margin-left:57px;}
.domain .domain_con .form dl dt{ width:593px; height:30px; line-height:30px; display:block; color:#0B98DE; font-size:14px; font-weight:bold;}
.domain .domain_con .form dl dd{ width:593px; height:24px; line-height:24px;}
.domain .domain_con .form dl dd span{ padding-left:10px;}
.green{ color:#090;}


/* CSS Document */
body,html{ height:100%; min-width:1200px;}
html{overflow-x: hidden;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div{margin:0;padding:0;border:none;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"微软雅黑",'Microsoft Yahei'; color:#666;}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
div{margin:0 auto;}
img, table, td, th ,embed{ border:none;}
ul,li{ padding:0; list-style-type:none;}
a{ text-decoration:none; color:#666;}
a:hover{ text-decoration:underline; color:#0B98DE;}
em, i{font-style: normal;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.clearfix {*zoom:1}
.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility:hidden;}
.w1000{ width:1000px; margin:0 auto;}
.w1200{ width:1200px; margin:0 auto;}
.w100pc{ width:100%; margin:0 auto;}
.red{ color:#FF0000;}
body a{outline:none;blr:expression(this.onFocus=this.blur());}
@media(max-width:767px){
body,html{ min-width:300px !important; max-width:640px;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body{ background:#ebebeb;color:#878787;font:.8em "Microsoft YaHei"; margin:0 auto;}
.auto_img{width:100%;}
.w1000{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:100%; height:auto; margin:0 auto; overflow:visible;}
.container{ width:100%; height:auto; margin:0 auto; position:relative;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff;}
input{ margin:0; padding:0;}	
}

/*head*/
.headDiv{height:auto; background:#fff/* url(images/headbg.png) no-repeat*/; position:fixed; _position:absolute;  z-index:999; width:100%;box-shadow:rgba(0,0,0,.2) 0 1px 8px 0;-webkit-box-shadow:rgba(0,0,0,.2) 0 1px 8px 0;}
.head_top{ display:block; border-bottom:1px #eceef0 solid; height:44px;  width:100%; background:#FFF; z-index:999;}
.head_top dl{ width:1200px; height:auto; margin:0 auto; position:relative; font-size:14px;}
.head_top dt{ width:640px; float:left;}
.head_top dt span{ float:left; display:block; color:#0B98DE; height:44px; line-height:44px; }
.head_top dt span.span1{background:url(images/tel.jpg) no-repeat left center; padding-left:18px;}
.head_top dt span.span2{background:url(images/mob.png) no-repeat left center; padding-left:18px;}
.head_top dt span i{ display:block;background:url(images/line.jpg) no-repeat right center; padding-right:8px; margin-right:8px;}
.head_top dd{ width:350px; float:right; height:44px; line-height:44px; text-align:right; position:absolute; right:20px;}
.head_top dd a{ display:block; color:#666; float:right; background:url(images/line.jpg) no-repeat right center; padding:0 10px;}
.head_top dd a.bgclear{background:none;}
.head_top dd a.wltg{background:#0B98DE; line-height:24px; margin:10px 0 0; border-radius:12px; color:#FFF;}
.head_top dd a.wltg:hover{ text-decoration:none;}

#w_logo{background:#FFF;border:1px solid #DDD;right:105px;display:none; padding: 15px;position: absolute;top:30px; z-index: 100000000;}
#m_logo{background:#FFF;border:1px solid #DDD;right:35px;display:none; padding: 15px;position: absolute;top:30px; z-index: 100000000;}
#w_wx{background:#FFF;border: 1px solid #DDD;right:170px;display:none; padding:15px;position: absolute;top:30px; z-index: 100000000; margin-right:-45px;}
@media(max-width:767px){
	.headDiv{ position:relative; _position:relative;  z-index:999;box-shadow:none;-webkit-box-shadow:none;}
	.headDiv.on{ position:fixed; _position:absolute; background:#fff;}
	.head_top{ display:none;}	
}


.head{ height:89px; width:1200px;}
.head .logo{ float:left; margin-top:23px;}
.sLogin{ float:left; padding:26px 0 0; font-size:12px; color:#666; margin-left:5px; letter-spacing:0;}
.sLogin p{ font-size:12px; padding:5px 0 0;/* color:#666;*/ letter-spacing:0;}
.nav{ float:right; position:relative; }
.nav li{ width:125px; float:left; text-align:center; font-size:15px; color:#000; position:relative; height:89px;}
.submenu{ width:805px; border:1px #c3c6c7 solid;border-top:none; padding-bottom:15px; background:url(images/submenu.png); position:absolute; top:89px; left:-450px; display:none;-webkit-box-shadow: #999 0px 0px 10px;-moz-box-shadow:#999 0px 0px 10px;box-shadow:#999 0px 0px 10px;}
.submenu dt{ padding-top:28px; padding-bottom:25px; color:#0B98DE; text-align:left; font-weight:bold; font-size:14px;}
.submenu dt span{ display:block; padding-top:23px;}
.submenu dl{ width:140px; float:left; border-right:1px #e0e2e2 solid; min-height:395px; padding:0px 30px; display:inline;}
.submenu li{ width:140px; float:left; border-bottom:1px #eaeced solid; height:37px; line-height:37px; color:#666; text-align:left;}
.nav ul li .submenu ul li a,.nav ul li submenu ul li a:hover{ color:#666;}
.nav ul .li a{color:#000; padding-top:36px; display:block; font-size:16px;}
.nav ul .li a:hover{ width:100%; display:block; background:url(images/li_hover.jpg) repeat-x top;color:#0B98DE;text-decoration:none;}
.nav ul .li a.li_hover{ width:100%; display:block; background:url(images/li_hover.jpg)  repeat-x top;color:#0B98DE;}
.nav ul .li .submenu a{color:#000; padding:0; color:#666;}
.nav ul .li .submenu a:hover{ background:none;color:#0B98DE; display:block; width:140px; }
.btn-m-list{position:absolute;top:50%;right:75px;margin-top:-17px;height:30px;width:30px;cursor:pointer;display:none}
.btn-m-list span{position:absolute;left:0;top:0;display:block;width:100%;height:1px;background-color:#fff;transform:rotate(0deg);-o-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);transition:.25s ease-in-out;-o-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-webkit-transition:.25s ease-in-out}
.btn-m-list span:first-child{top:10px}
.btn-m-list span:nth-child(2){top:18px}
.btn-m-list span:nth-child(3){top:18px}
.btn-m-list span:nth-child(4){top:26px}
.btn-m-list.on span:first-child,.btn-m-list.on span:nth-child(4){display:none}
.btn-m-list.on span:nth-child(2){transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}
.btn-m-list.on span:nth-child(3){transform:rotate(-45deg);-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
.mask{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;filter:alpha(opacity=70);background-color:rgba(0,0,0,.7);display:none;z-index:100}
@media(max-width:767px){
	.btn-m-list{ display:block;right:15px;margin-top:-15px}
	.head .btn-m-list span{background-color:#333}
	.head{ width:100%;height:70px;background-color: #fff; position:relative;}
	.head .logo{ float:none; margin-top:0;position:absolute;left:0;top:0;padding-left:4%;padding-top:15px}
	.nav{display:none; float:none; position:fixed; width:100%; height:100%; overflow-y:auto; right:0px; top:70px; padding:10px 0 5px 0;z-index: 9899;background:#000; background:rgba(0,0,0,0.9);}
	.nav li{ width:100%; text-align:left; font-size:15px; color:#fff; position:relative; height:auto;}
	.nav ul li .submenu ul li a,.nav ul li submenu ul li a:hover{ color:#666;}
	.nav ul .li a{ display:block; float:left; width:100%; color:#fff; font-size:16px; line-height:45px; white-space:nowrap; position:relative; letter-spacing:1px; border-bottom:solid 1px #333; padding:0 10px;}
	.nav ul .li a:hover{background:none;color:#fff;text-decoration:none;}
	.nav ul .li a.li_hover{ background:none;color:#fff;}
	.sLogin{ display:none;}
}

#buoy{position:absolute;width:115px;height:3px; overflow:hidden;background:#0B98DE;top:0px;left:0;}

.blank1{height: 134px;overflow: hidden;}
.blank2{height:50px;overflow: hidden;}

/*banner*/
#banner {display:none;}
#banner .bDiv{ width:1000px; position:relative; z-index:12000;  margin:0 auto;}
#banner .bDiv .sub_1_1 {display:block; position:absolute; right:-300px;top:330px; width:684px; height:120px; }
#banner .bDiv .sub_1_2 {display:block;position:absolute; width:365px; height:70px; top:77px; left:290px; }
#banner .bDiv .sub_1_3 {display:block;position:absolute; width:460px;  top:170px; left:270px; }
#banner .bDiv .sub_1_4{ width:148px; height:39px; left:430px; top:246px; position:absolute; }

#banner .bDiv .sub_2_1 {display:block;position:absolute; right:-200px; top:67px; width:738px; height:432px;}
#banner .bDiv .sub_2_2 {display:block;position:absolute;left:0;top:98px;}
#banner .bDiv .sub_3_1 {display:block;position:absolute;right:-150px;top:23px; width:859px; height:502px;}
#banner .bDiv .sub_3_2 {display:block;position:absolute; left:0; top:98px; width:350px; height:207px;}
#banner .bDiv .sub_4_1 {display:block; position:absolute; left:0;top:136px;  }
#banner .bDiv .sub_4_2 {display:block;position:absolute; right:-20px;top:100px; width:718px; height:373px;}
.visible-xs{display:none !important;}
@media (max-width: 767px) {
	.blank1{ display:none;}
	.pz_banner{ width:100%; position:relative; background:#343434; overflow:hidden;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
	#banner{display:block;overflow: hidden;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;}
	#banner.slick-slider{ position:relative;}	
	#banner .bDiv{ width:100%; position:relative; z-index:12000;  margin:0 auto; display:none;}
	#banner .visible-xs img{ max-width:100%; height:auto;}
	#banner .slick-dots{bottom:8px;}
	.banner .slick-dots li{position: relative;display: inline-block;width: 8px;height: 8px;margin: 0 4px;padding: 0;cursor: pointer;background:white; opacity:0.6;-moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%;border-radius:50%;}
	.banner .slick-dots li button{ display:none;}
	.banner .slick-dots li.slick-active{opacity:1; background:#0B98DE;}
	.hidden-xs{display:none !important;}
	.visible-xs{display:block !important;}
}

/*news*/
.notice_full{ border-bottom:1px #e5e5e6 solid; height:61px;}
.notice{ width:1200px; height:auto; margin:0 auto; padding-top:15px;}
.notice dt{ width:180px; float:left; font-size:18px; color:#000; height:30px; line-height:30px;}
.notice dt h2{font-size:18px; color:#000; font-weight:normal;}
.notice dd{ width:810px; height:30px; overflow:hidden; background:url(images/line.jpg) no-repeat right center; float:left; font-size:14px;}
.notice dd li{ width:810px; overflow:hidden;float:left; height:30px; line-height:30px;}
.notice dd li span{ float:left;padding-right:20px; font-size:14px;}
.notice dd li a{ float:left; font-size:14px;}
@media (max-width: 767px) {
	.notice_full{ border-bottom:1px #e5e5e6 solid; height:51px;}
	.notice{ width:100%; padding:10px 10px 0;}
	.notice dt{ display:none;}
	.notice dd{ width:100%; background:none;}
	.notice dd ul{ width:100%;}
	.notice dd li{ width:100%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.notice dd li span{ float:left;padding-right:10px; font-size:14px;}
	.notice dd li a{ float:left; font-size:14px; display:inline-block; max-width:75%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
}
@media (max-width: 350px) {
	.notice dd li a{ max-width:72%;}
}
@media (max-width: 320px) {
	.notice dd li a{ max-width:69%;}
}

/*application*/
.application{ padding:20px 0; display:block; width:1200px; height:auto; overflow:hidden;}
.application ul{ width:1220px;}
.application li{ background:#f5f5f5; width:268px; height:173px; cursor:pointer; margin-right:35px; display:inline; float:left; border:1px #e6e6e7 solid;}
.application li .pic{ height:86px;  text-align:center; margin-top:15px;}
.application li .pic span{ height:86px; display:block; }
.application li .pic span.bg1{background:url(images/i1.png) no-repeat center;}
.application li .pic span.bg2{background:url(images/i2.png) no-repeat center;}
.application li .pic span.bg3{background:url(images/i3.png) no-repeat center;}
.application li .pic span.bg4{background:url(images/i4.png) no-repeat center;}
.application li .txt{ text-align:center; display:block; color:#333; font-size:18px; line-height:15px;}
.application li .txt span{ display:block; color:#c1c1c1; font-size:11px; margin-bottom:5px;}

.application li:hover,.application li.hover{ background:url(images/i_bg_hover.jpg) #09C;border:1px #09C solid;}
.application li:hover .txt,.application li.hover .txt{  color:#fff; }
.application li:hover .txt span,.application li.hover .txt span,.application li .txt a:hover,.application li a:hover{  color:#8fc4ec;text-decoration:none }

.application li:hover .pic span.bg1,.application li.hover .pic span.bg1{background:url(images/i1_2.png) no-repeat center;}
.application li:hover .pic span.bg2,.application li.hover .pic span.bg2{background:url(images/i2_2.png) no-repeat center;}
.application li:hover .pic span.bg3,.application li.hover .pic span.bg3{background:url(images/i3_2.png) no-repeat center;}
.application li:hover .pic span.bg4,.application li.hover .pic span.bg4{background:url(images/i4_2.png) no-repeat center;}
@media (max-width: 767px) {
	.application{ padding:20px 10px 0; width:100%;}
	.application ul{ width:100%;}
	.application li{ width:48%; height:auto; margin-right:4%; margin-bottom:20px; padding-bottom:25px;}
	.application li:nth-child(2n){ margin-right:0;}
	.application li .pic{ height:70px; margin-top:10px;}
	.application li .pic span{ height:70px; }
	.application li .txt{ font-size:16px;}
}


/*套餐*/
.title{color: #000;font-weight: normal;width:1200px; height:30px;border-bottom: 1px solid #D5D5D5;}
.title h2{ font-size: 18px;padding-left: 12px; height:26px; line-height:26px; float:left;background: url(images/line2.jpg) no-repeat left center;}
.title h3{ float:right;color: #919191;float: right;font-size: 14px;padding-right:17px; height:26px; line-height:26px;background: url(images/Ticon.jpg) no-repeat right center;}
.title h3 a{background: url(images/cline.jpg) no-repeat right center;color: #919191;padding: 0 5px; display:block; float:left;}
.title h3 a:hover{color: #0B98DE;}
.title h3 a.all{background: url(images/iconC.jpg) no-repeat left center;color: #0B98DE;padding-left: 15px;}
.title h3 a.more{ float:left;color: #919191;font-size: 14px; background:none;}
.title h3 a.more:hover{color: #0B98DE;}

.package{ width:1200px; height:auto; margin:0 auto;}
.package ul{ height:auto; width:1220px; overflow:hidden; padding:30px 0 20px;}
.package ul li{ width:260px; height:auto;cursor:pointer;display:inline; float:left; margin:0 40px 0 5px;}
.package ul li a{ display:block; width:260px; height:210px; overflow:hidden; background:url(images/taocanbg_h.png) no-repeat;}
.package ul li a:hover{ text-decoration:none; background:url(images/taocanbg.png) no-repeat;}
.package ul li a span{ display:block; width:100px; height:26px; margin:45px auto 0;}
.package ul li a p{ width:100%; height:auto; overflow:hidden; color:#666; line-height:24px; font-size:14px; text-align:center; margin-top:15px;}
.package ul li .more{ display:none;}
.package_t{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:16px;text-align:center; color:#444;}
@media (max-width: 767px) {
	.title{width:100%; padding:0 10px;border-bottom:none; text-align:center;}
	.title h2{ font-size:22px;padding-left:0; height:auto; line-height:26px; float:none;background:none;}
	.title a.more1{ display:none;}
	
	.package{ width:100%; height:auto; margin:0 auto; background:#fff; padding:20px 0;}
	.package ul{ height:auto; width:100%; padding:20px 10px 0;}
	.package ul li{ width:48%; margin:0 4% 20px 0; position:relative;box-shadow:0 0 2px rgba(196,196,196,0.18); z-index:1;}
	.package ul li:nth-child(2n){ margin-right:0;}
	.package ul li .package_t{ position:absolute; top:0; left:0;text-align:center; color:white; padding:12px 10px 0 10px; font-size:14px; line-height:24px; height:70px;background: #0B98DE; z-index:5;}
	.package ul li a span{ display:block; width:60px; height:60px; position:absolute; left:50%; top:40px; margin:0; margin-left:-30px; box-shadow:0 0 3px #0B98DE;border-radius:50%;background:white; z-index:10; overflow:hidden;}
	.package ul li img{ height:12px; margin:24px auto 0; display:block;}
	.package ul li a{ width:100%; height:auto; background:none;}
	.package ul li a:hover{ text-decoration:none; background:none;}
	.package ul li a p{ line-height:24px; font-size:12px;  margin:70px 0 0 0; padding:35px 5px 10px; border-left:1px solid #f6f6f6; border-right:1px solid #f6f6f6;}
	.package ul li .more{ display:block; width:100%; float:left; text-align:center;}
	.package ul li .more a{ display:block; width:100%; font-size:14px; background:#f7f7f7; line-height:30px; color:#6a6a6a; letter-spacing:1px; background:#0B98DE; color:white;-webkit-transition: all 0s ease-out 0s; -moz-transition: all 0s ease-out 0s;
-o-transition: all 0s ease-out 0s; transition: all 0s ease-out 0s;}
}

/*案例
.homeCase{ width:1000px; height:auto; margin:0 auto;}
.homeCase ul{ height:auto; width:1100px; overflow:hidden;}
.homeCase ul li{ width:236px; height:167px; position:relative; margin-top:19px; float:left; margin-right:18px; display:inline;}
.homeCase ul li .txt{width:236px; display:none; height:167px; background:#666; left:0; top:0; position:absolute; background:url(images/i_bg_hover.jpg) #09C; color:#FFF; text-align:center; font-size:20px}
.homeCase ul li .txt p{ padding-top:40px;}
.homeCase ul li .txt span{ font-size:12px; padding-top:8px; display:block}*/

.homeCase{ width:1200px;}
.homeCase dt,.cooperationLogo dt{ height:30px; border-bottom:1px #d5d5d5 solid; background:url(images/Ticon.jpg) no-repeat right center;}
.homeCase dt h2,.cooperationLogo dt h2{ font-weight:normal; color:#000; background:url(images/line2.jpg) no-repeat 2px center; padding-left:12px; font-size:18px}
.homeCase dt h2{ width:337px; float:left;}
.homeCase dt h3{ float:right; font-weight:normal; font-size:13px; color:#919191; padding-right:50px; padding-top:5px;position:relative}
.homeCase dt h3 a{ color:#919191; background:url(images/cline.jpg) no-repeat center right; padding:0 5px;}
.homeCase dt h3 a.all{background:url(images/iconC.jpg) no-repeat left center; padding-left:15px; color:#0B98DE}
.homeCase dt h3 a.hover{ color:#0B98DE}
.homeCase dt h3 .more{ position:absolute; right:13px; top:5px; font-size:13px; color:#919191}
.homeCase dt h3 .more a{color:#919191;background:none;}
.homeCase dt h3 .more a:hover{color:#0B98DE}
@media (max-width: 767px) {
	.homeCase{ width:100%; text-align:center;}
	.homeCase dt,.cooperationLogo dt{ height:auto; border-bottom:none; background:none;}
	.homeCase dt h2,.cooperationLogo dt h2{ text-align:center; background:none; padding-left:0; font-size:22px}
	.homeCase dt h2{ width:100%; float:none;}
	.homeCase dt h3{ float:none; font-size:14px; padding-right:0; padding-top:15px;}
	.homeCase dt h3 a{ display:inline-block;padding:0 7px; font-size:13px; background:#eee; line-height:30px; margin:0 3px 10px;}
	.homeCase dt h3 a.all{background:none; padding:0 7px; background:#0B98DE; color:#fff;}
	.homeCase dt h3 .more{ display:none;}
}

.homeCase dd{ width:1200px; overflow:visible; position:relative; margin-top:5px;}
.homeCase dd ul{ width:1250px; display:none; padding:10px 0 0;}
.homeCase li *{-webkit-transition:.2s;transition:.2s;}
.homeCase ul li{ width:287px; height:auto; overflow:visible; float:left;margin-bottom:12px; margin-right:12px;overflow: hidden;position:relative;/*box-shadow:0 0 5px rgba(0,0,0,.35);*/ background:#FFF; border-radius:0 0 0 0; border:1px solid #e2e2e2;}
.homeCase ul li a{ display:block;}
.homeCase ul li .pic{ width:100%; height:191px; overflow:hidden; position:relative;}
.homeCase ul li img{ max-width:100%; height:auto;transition: all 1s;}
.homeCase ul li .tit{/* position:absolute; left:0; right:0; bottom:-110px*/; height:20px; padding:10px; color:#333; line-height:22px; /*background:linear-gradient(to top,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);*/ font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.homeCase ul li a:hover .tit{ color:#0B98DE; text-decoration:none;}
.homeCase ul li .bg{background: #0B98DE none repeat scroll 0 0;height: 100%;left: 0;opacity: 0;position: absolute;top: 0;
transition: all 400ms ease 0s;width: 100%;}
.homeCase ul li .i5 {left:10%;margin:-34px 0 0 -34px;opacity:0;position:absolute;top:50%;transition:all 400ms ease 0s;}
.homeCase ul li .i6 {left:90%;margin:-16px 0 0 -17px;opacity:0;position:absolute;top:50%;transition: all 400ms ease 0s;}
.homeCase ul li:hover .bg {opacity: 0.8;}
.homeCase ul li:hover .i5 {left: 50%;opacity: 1;}
.homeCase ul li:hover .i6 {left: 50%;opacity: 1;}
.homeCase dd .more{ display:none;}
@media (max-width: 767px) {
	.homeCase dd{ width:100%; margin-top:0;}
	.homeCase dd ul{ width:100%; display:none; padding:10px 10px 0;}
	.homeCase li *{-webkit-transition:.2s;transition:.2s;}
	.homeCase ul li{ width:48.5%; margin-bottom:20px; margin-right:3%; border:1px solid #e2e2e2;}
	.homeCase ul li:nth-child(2n){ margin-right:0;}
	.homeCase ul li .pic{ width:100%; height:auto;}
	.homeCase ul li .tit{ height:40px;}
	.homeCase ul li:hover .bg {opacity: 0;}
	.homeCase ul li:hover .i5 {left: 50%;opacity: 0;}
	.homeCase ul li:hover .i6 {left: 50%;opacity: 0;}
	.homeCase dd .more{ display:block; width:100%; text-align:center;}
	.homeCase dd .more a{ display:inline-block; width:122px; font-size:14px; color:#333; height:auto; line-height:34px;/*background:#0B98DE;*/border-radius:22px; border:1px solid #e5e5e5;}
}
/*.homeCase ul li:hover img{transform:scale(1.1);}*/
/*.homeCase li{ width:281px; height:auto; margin:10px 0 5px; float:left; margin-right:25px;}
.homeCase li a{ position:relative; padding:2px 10px 2px 30px; line-height:40px; width:241px; display:block; background:#efefef url(images/ibusline.png) no-repeat 10px 22px;}
.homeCase li .c_top{ width:100%; height:auto;}
.homeCase li .c_pic{ width:100%; height:auto; position:relative; display:none;}
.homeCase li .c_pic img{ max-width:100%;}
.homeCase li .c_txt{ width:100%; height:auto; padding:0;}
.homeCase li .c_txt h1{ padding:0; color:#333; font-size:15px; display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; width:100%;}
.homeCase li .c_txt span{ display:block; width:100%; height:46px; overflow:hidden; line-height:1.8; color:#999; padding-top:5px;word-wrap:break-word; display:none;}
.homeCase li a:after{content:'';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);z-index: 100;
opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
-webkit-transition:.3s;transition:.3s;}
.homeCase li a:hover:after{opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter:rogid:DXImageTransform.Microsoft.Alpha(Opacity=100);}
.homeCase li .mask{ width:100%; height:100%; color:#FFF; text-align:center; font-size:16px;-webkit-transition:.3s;transition:.3s;position: absolute;left: 0;top: 0;bottom: 0;right: 0;z-index:200; display:none}
.homeCase li .mask p{ padding-top:100px; width:78%; margin:0 auto; display:none;}
.homeCase li .mask span{ font-size:12px; padding:5px 10px; display:block; width:40%; margin:15px auto; border:1px solid #eee; font-size:14px; color:#eee; display:none;}
.homeCase li .mask::before,.homeCase li .mask::after{position:absolute; content:'';opacity:0;transition:all 0.5s;}
.homeCase li .mask::before{top:20px;right:20px;bottom:20px;left:20px;border-top:1px solid #09C;border-bottom:1px solid #09C;transform: scale(0,1);-webkit-transform-origin: 0 0;transform-origin: 0 0}
.homeCase li .mask::after {top:20px;right:20px;bottom:20px;left:20px;border-right:1px solid #09C;border-left:1px solid #09C;transform: scale(1,0);transform-origin:100% 0;}
.homeCase li a:hover .mask::before,.homeCase li a:hover .mask::after{ opacity:0;transform:scale(1);transition:all 1s;}
.homeCase li a:hover{ text-decoration:none;}
.homeCase li a:hover .mask p,.homeCase li a:hover .mask span{ display:none;}
.homeCase li a:hover{ background:#0B98DE url(images/ibuslineac.png) no-repeat 10px 50%;}
.homeCase li a:hover .c_txt h1{ color:#fff;}*/

/*最新签约*/
.hNews1{ width:1200px; height:auto; overflow:hidden; margin-top:20px;}
.hnLeft{ width:854px; float:left; }
.hnLeft dl{position:relative; width:100%}
.hnLeft dt{ width:100%; overflow:hidden; }
.hnLeft dt ul{ display:block;color:#000;font-weight: normal;width:100%; height:35px;border-bottom:1px solid #D5D5D5;background: url(images/line2.jpg) no-repeat left center;}
.hnLeft dt ul li{ float:left; text-align:center; cursor:pointer; }
.hnLeft dt ul li a{color:#000; font-size:18px; line-height:35px; height:35px; padding:0px 12px;}
.hnLeft dt ul li a:hover{ text-decoration:none;/* color:#0B98DE;*/}
.hnLeft dt ul li a.current{ text-decoration:none; color:#0B98DE;}
.more1{ float:left;color: #919191;font-size: 14px;background: url(images/Ticon.jpg) no-repeat right center; float:right; line-height:35px; height:35px; padding-right:15px;}
.more1:hover{color: #0B98DE;}
.hnLeft dd{ width:100%; overflow:hidden; padding-top:10px;}
.hnLeft dd ul{ width:870px; margin-left:-8px; display:none; height:auto; overflow:hidden;}
.hnLeft dd li{ width:419px; margin:0 8px; float:left; height:34px; line-height:34px;font-size:15px; float:left;}
.hnLeft dd li span{ float:left; padding-right:9px; color:#0B98DE;}
.hnLeft dd li a{float:left;color:#444; display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hnLeft dd .more{ display:none;}
@media (max-width: 767px) {
	.hNews1{ width:100%; height:auto; overflow:hidden; margin-top:0;}
	.hnLeft{ width:100%; float:none; padding:20px 10px;}
	.hnLeft dt ul{height:auto;border-bottom:none;background:none;}
	.hnLeft dt ul li{ float:none;}
	.hnLeft dt ul li a{ font-size:22px; line-height:inherit; height:auto; padding:0px;}
	.more1{ display:none;}
	.hnLeft dd ul{ width:100%; margin-left:0; padding-bottom:20px;}
	.hnLeft dd li{ width:100%; margin:0; height:auto; line-height:34px;font-size:14px;border-bottom: solid 1px #e5e5e5; padding-left:12px; background:url(/images/index7_1.png) no-repeat left center;}
	.hnLeft dd li span{ float:left; padding-right:9px; color:#0B98DE;}
	.hnLeft dd li a{float:left; color:#333;}
	.hnLeft dd .more{ display:block; width:100%; text-align:center;}
	.hnLeft dd .more a{ display:inline-block; width:122px; font-size:14px; color:#333; height:auto; line-height:34px;/*background:#ddd;*/border-radius:22px; border:1px solid #e5e5e5;}
}

.hnR{ float:right; width:320px; margin-top:10px;}
.hnR li{ width:146px; height:56px; cursor:pointer; float:left; border:1px #d4d4d4 solid; margin-left:12px; margin-bottom:12px; display:inline;}
.hnR li .pic{ width:60px; height:56px; float:left;}
.hnR li .n1{background:url(images/n1.png) no-repeat center center;}
.hnR li:hover{ background:url(images/i_bg_hover.jpg) #09C; color:#FFF; border:1px #21a1e2 solid;}
.hnR li:hover .n1{background:url(images/n1_2.png) no-repeat center center; color:#FFF}
.hnR li:hover .txt span,.hnR li:hover .txt {color:#FFF}
.hnR li .n2{background:url(images/n2.png) no-repeat center center;}
.hnR li:hover .n2{background:url(images/n2_2.png) no-repeat center center; color:#FFF}
.hnR li .n3{background:url(images/n3.png) no-repeat center center;}
.hnR li:hover .n3{background:url(images/n3_2.png) no-repeat center center; color:#FFF}
.hnR li .n4{background:url(images/n4.png) no-repeat center center;}
.hnR li:hover .n4{background:url(images/n4_2.png) no-repeat center center; color:#FFF}
.hnR li .n5{background:url(images/n5.png) no-repeat center center;}
.hnR li:hover .n5{background:url(images/n5_2.png) no-repeat center center; color:#FFF}
.hnR li .n6{background:url(images/n6.png) no-repeat center center;}
.hnR li:hover .n6{background:url(images/n6_2.png) no-repeat center center; color:#FFF}
.hnR li .txt{ width:85px; float:right; color:#444; font-size:15px; padding-top:10px;}
.hnR li .txt span{ color:#919191; font-size:12px; display:block}
@media (max-width: 767px) {
	.hnR{ display:none;}
}

/*.hNews2*/
.hNews2{ height:auto;overflow: hidden;width: 1200px; margin-top:20px;}
.hNews2_1{ width:380px; height:auto; margin-right:30px; overflow:hidden; float:left;}
.hNews2_2{ width:380px; height:auto; margin-right:30px; overflow:hidden; float:left;}
.hNews2_3{ width:380px; height:auto; overflow:hidden; float:left;}
.hNews2 .title2{color: #000;font-weight: normal;width:100%; height:35px; line-height:35px;border-bottom: 1px solid #D5D5D5;}
.hNews2 .title2 h2{ font-size: 18px;padding-left: 12px; float:left;background: url(images/line2.jpg) no-repeat left center;}
.hNews2 ol li{ width:100%; height:85px; overflow:hidden; float:left; line-height:19px; padding-top:12px; font-size:14px}
.hNews2 ol li span{ height:30px; line-height:25px; display:block; font-size:16px; color:#000; float:left; width:258px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hNews2 ol li span:hover{ text-decoration:underline;}
.hNews2 ol li .txt{ float:left; width:258px; color:#666; display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.hNews2 ol li img{ border:1px #efefef solid; margin-right:9px; float:left;}
.hNews2 ul li{ width:100%; float:left; height:34px; line-height:34px; font-size:15px;}
.hNews2 ul li a{ display:inline-block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#444;}
@media (max-width: 767px) {
	.hNews2{ display:none;}
}


/*.links*/
.links{ margin-top:30px; width:1200px; overflow:hidden; padding:15px 0; line-height:30px; font-size:14px; background:url(images/line_h.jpg) repeat-x; position:relative;}
.linksIcon{ width:16px; height:16px; background:url(images/linksIcon.jpg) no-repeat; cursor:pointer; position:absolute; right:0px; top:20px;}
.links dt{ float:left; color:#000;}
.links dd{ float:left; width:910px; height:30px;  overflow:hidden;}
.links dd a{ white-space:nowrap; display:inline-block; color:#919191; background:url(images/links_line.jpg) no-repeat right center; padding:0 9px; }
.links dd a:hover{ color:#666;}
.linksBottom{width:1200px; height:1px;background:url(images/line_h.jpg) repeat-x;}
@media (max-width: 767px) {
	.links{ display:none;}
}

/*foot_nav*/
.foot_nav{ width:1200px; height:auto; overflow:hidden;padding:30px 0px;}
.foot_nav ul{ width:1200px;}
.foot_nav li{ width:185px; float:left;}
.foot_nav li span{ font-size:16px; color:#0B98DE; padding-bottom:10px; display:block}
.foot_nav li p{ display:block; line-height:28px;}
.foot_nav li p a{ display:block; font-size:14px;}
.foot_nav li:nth-child(7){ display:none;}
@media (max-width: 767px) {
	.foot_nav{ display:none;}
}

/*foot*/
.foot{ background:#37405e;width:100%}
.foot .address{height:auto; width:1200px; border-bottom:1px #656973 solid; overflow:visible;}
.foot .address dl{ padding:30px 0 20px; display:block;height:auto; width:1200px; overflow:visible;}
.foot .address dt{  width:745px; float:left}
.foot .address dt li{ padding-left:45px; width:710px; line-height:30px; float:left; color:#a6a7aa; background:url(images/b1.png) no-repeat 10px center; font-size:14px;}
.foot .address dd{ float:right; text-align:right; padding-top:5px;}
.foot .address dd img{ margin:0px 10px;}
.foot .copyRight{ width:1180px; color:#a6a7aa; height:auto; overflow:hidden; padding:20px 0; font-size:14px;} 
.foot .copyRight dt{ color:#a6a7aa; float:left;}
.foot .copyRight dd{ float:right;}
.foot .copyRight dd a,.foot .copyRight dd a:hover{color:#a6a7aa;}
.foot a{ color:#a6a7aa;}
#f_kfwx{ display:inline-block; width:25px; height:25px; margin:0 15px 0 5px; position:relative;}
#f_kfwx i{ display:block; width:25px; height:25px; background:url(images/f_wx.png) no-repeat center;}
#f_kfwx #fw_wx{background:#FFF;border:1px solid #DDD;right:-60px; bottom:30px;display:none; padding:10px;position:absolute; z-index: 100000000;}
#f_kfwx #fw_wx span{ display:block; width:100%; text-align:center; color:#a6a7aa; font-size:12px; padding:5px 0 0;}
#f_kfwx:hover i{ background:url(images/f_wxh.png) no-repeat center}
@media (max-width: 767px){
	.foot{ padding-bottom:60px;}
	.foot .address{ width:100%; text-align:center;}
	.foot .address dl{ padding:20px 0 15px; display:block;height:auto; width:100%; overflow:visible;}
	.foot .address dt{  width:100%; float:left}
	.foot .address dt li{ padding-left:0; width:100%; background:none;}
	.foot .address dd{ display:none;}
	.foot .copyRight{ width:100%; padding:15px 0; font-size:14px; text-align:center;} 
	.foot .copyRight dt{ float:none; padding-bottom:10px;}
	.foot .copyRight dd{ float:none;}
}

/*底部漂浮*/
.pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; height:50px; z-index:99;}
.pf_down li{ width:20%; float:left; text-align:center; padding:0 0 5px 0; position:relative;}
.pf_down li .ico{ width:100%; float:left; height:30px;}
.pf_down li .ico img{ height:36px;}
.pf_down li .name{ width:100%; float:left; margin-top:0px; font-size:12px; color:#929292; line-height:14px;}
.pf_down li.l1 a{ display:inline-block; *zoom:1; *display:inline; width:56px; height:56px;-moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%;border-radius:50%;}

.livechat-girl{ width:56px; height: 56px; border-radius: 50%; opacity: 0; -webkit-box-shadow: 0 1px 10px 0 rgba(11,152,222,.3); box-shadow: 0 1px 10px 0 rgba(11,152,222,.3); transform: translateY(0); -webkit-transform: translateY(0); -ms-transform: translateY(0); cursor: pointer; -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1); transition: all 1s cubic-bezier(.86, 0, .07, 1); margin-top:0px;}
.livechat-girl .bg{ width:56px; height:56px; border-radius: 50%; background:rgba(11,152,222,.5); border:solid 0px #0B98DE; position:absolute; z-index: 50}
.livechat-girl .bg .name{color:#fff;display:none;}
.livechat-girl .bg .ico{height:56px;padding:13px 13px 0;}
.livechat-girl .bg .ico img{height:30px;}
.livechat-girl:focus { outline: 0 }
.livechat-girl.animated { opacity: 1; transform: translateY(-20px); -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px) }
.livechat-girl:after{ display:none;content: ''; width: 12px; height: 12px; border-radius: 50%; background-image: linear-gradient(to bottom, #50a1ff, #50a1ff); position: absolute; right: 1px; top: 1px; z-index: 50 }
.livechat-girl a{ display:block;}
.livechat-girl .girl { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 50 }
.livechat-girl .animated-circles .circle { background: rgba(11,152,222,.3); width: 56px; height: 56px; border-radius: 50%; position: absolute; z-index: 49; transform: scale(1); -webkit-transform: scale(1) }
.livechat-girl .animated-circles.animated .c-1 { animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-2 { animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl .animated-circles.animated .c-3 { animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
.livechat-girl.animation-stopped .circle { opacity: 0!important }
.livechat-girl.animation-stopped .circle { opacity: 0!important }

.open-blinks{ right: .4rem;top:0;z-index: 99;width: 12px;height: 12px;background-color:#2ec475;}
.open-blinks{ content: ' ';position: absolute;display: inline-block;margin:0;border-radius: 50%;-webkit-animation-name: flash;animation-name: flash;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite; display:none;}
@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}
.animated { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
@keyframes scaleToggleOne {
0% {
    transform:scale(1);
    -webkit-transform:scale(1)
}
50% {
    transform:scale(2);
    -webkit-transform:scale(2)
}
100% {
    transform:scale(1);
    -webkit-transform:scale(1)
}
}
@keyframes scaleToggleTwo { 0% {
    transform:scale(1);
    -webkit-transform:scale(1)
}
20% {
    transform:scale(1);
    -webkit-transform:scale(1)
}
60% {
    transform:scale(2);
    -webkit-transform:scale(2)
}
100% {
    transform:scale(1);
    -webkit-transform:scale(1)
}
}
@keyframes scaleToggleThree { 0% {
    transform:scale(1);
    -webkit-transform:scale(1)
}
33% {
    transform:scale(1);
    -webkit-transform:scale(1)
}
66% {
    transform:scale(2);
    -webkit-transform:scale(2)
}
100% {
    transform:scale(1);
    -webkit-transform:scale(1)
}
}

/*sub_menu*/
.caseTop{ height:85px; background:#0b98de; color:#FFF; text-align:center;  }
.caseTop a{ height:85px; line-height:85px; color:#FFF; font-size:18px;display:inline-block; margin:0 25px; }
.caseTop a.hover{background:url(images/ctbg.jpg) no-repeat bottom center;}
.caseTop .carouse{width:1200px;position:relative;height:85px;}
.caseTop .carouse li{ float:left;}
.caseTop .showPrev2{ width:29px; height:53px; left:-50px; top:18px; cursor:pointer; background:url(images/showPrev2.png) no-repeat; cursor:pointer; position:absolute;}
.caseTop .showNext2{ width:29px; height:53px; right:-50px; top:18px; cursor:pointer; background:url(images/showNext2.png) no-repeat; cursor:pointer; position:absolute;}
@media (max-width: 767px) {
	.caseTop{ height:auto; background:none; color:#333; text-align:center; border-top:1px solid #ddd; padding:20px 5px 0;}
	.caseTop a{ height:auto; line-height:36px; color:#333; font-size:14px;display:block; border:1px solid #e6e6e6; text-align:center; margin:0;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.caseTop a.hover{background:#0b98de; color:#FFF; border-color:#0b98de;}
	.caseTop .carouse{width:100%;position:relative;height:auto;}
	.caseTop .carouse li{ width:33.333%; padding:0 5px 10px;}
	
	.blank2{ display:none;}
}

.main{ width:1200px; height:auto; overflow:visible; padding-bottom:30px;}
.main_t{background: url(images/line3.jpg) no-repeat left 7px;border-bottom: 1px solid #ECECEC;height:55px; padding-bottom:20px;padding-left:10px; width:1190px;}
.main_t div{ float:left; height:75px;}
.main_t h1{ font-size:32px; color:#BABABA;}
.main_t h2{ font-size:20px; margin-top:-2px; color:#0B98DE;}
.main_t a{ float:right; display:block; color:#bbb; padding-top:45px;}
.case_t h1{ font-size:32px; color:#0B98DE;}
.case_t h2{ font-size:16px; margin-top:2px; color:#BABABA;}
/*.case_t .search2{ float:right; background:#f4f6f9; height:39px;width:345px;margin:10px 0 0 0;border-radius:0;}
.case_t .search2 .input_1{background:none;border:0 none;color:#A5A5A5;float: left;font-size:13px;height:37px; line-height:37px;padding:0 0 0 11px;width:270px; margin:1px 0; outline:none; font-family:"微软雅黑";}
.case_t .search2 .input_2{background:#0B98DE; border:0 none;cursor: pointer;float:right;height:39px;width:64px; padding:0;border-radius:0 0 0 0; color:#FFF; font-family:"微软雅黑"; font-size:14px;outline:none;}*/
.case_t .search2{width:345px; height:39px; float:right;background: url(images/search1.png) no-repeat;margin:10px 0 0 0;}
.case_t .search2 .input_1{background: none;border: 0 none;color: #A5A5A5;float: left;font-size: 14px;height: 37px; line-height:37px;padding-left: 10px;width:270px; font-family:"微软雅黑";outline:none;}
.case_t .search2 .input_2{background: none; border: 0 none;cursor: pointer;float: right;height:37px;width:62px; text-indent:9999px;outline:none;}

.news_t .news_search{width:345px; height:39px; float:right;background: url(images/search1.png) no-repeat;margin:10px 0 0 0;}
.news_t .news_search .input_1{background: none;border: 0 none;color: #A5A5A5;float: left;font-size: 14px;height: 37px; line-height:37px;padding-left: 10px;width:270px; font-family:"微软雅黑";outline:none;}
.news_t .news_search .input_2{background: none; border: 0 none;cursor: pointer;float: right;height:37px;width:62px;outline:none;}
@media (max-width: 767px) {
	.main{ width:100%; padding-bottom:30px;}
	.main_t{ display:none; width:auto;}
	.main_t.ser_t{ display:block;}
	.main_t{background: url(images/line3.jpg) no-repeat left 7px; background-size:auto 35px;border-bottom: 1px solid #ECECEC;height:55px; padding-bottom:20px;padding-left:10px; margin:15px 10px 0;}
	.main_t div{ float:left; height:35px;}
	.main_t h1{ font-size:20px; color:#BABABA;}
	.main_t h2{ font-size:16px; margin-top:-2px; color:#0B98DE;}
	.main_t a{ float:right; display:block; color:#bbb; padding-top:45px;}
	.case_t h1{ font-size:32px; color:#0B98DE;}
	.case_t h2{ font-size:16px; margin-top:2px; color:#BABABA;}
}

/*关于企航*/
.about{ width:1200px; height:auto; overflow:hidden; padding-top:15px; font-size:14px; line-height:26px;}
.about img{ max-width:1000px; height:auto; overflow:hidden;}

.culture_text{ width:1000px; height:auto; overflow:hidden; padding-bottom:15px;}
.culture_text h2{ color:#0B98DE; font-size:16px;}
@media (max-width: 767px) {
	.about{ width:100%; padding:15px 10px 0;}
	.about img{ max-width:100%; height:auto; overflow:hidden;}
	
	.culture_text{ width:1000px; height:auto; overflow:hidden; padding-bottom:15px;}
	.culture_text h2{ color:#0B98DE; font-size:16px;}

}


/*新闻页面*/
.newsTop{ padding-top:25px; width:1200px; height:auto; overflow:hidden;}
.newsTop dt{ width:657px; height:270px; float:left; background:#0b98de}
.newsTop dt .news_search{ width:345px; height:39px; float:left;background: url(images/search1.png) no-repeat;}
.newsTop dt .news_search .input_1{background: none;border: 0 none;color: #A5A5A5;float: left;font-size: 14px;height: 37px; line-height:37px;padding-left: 10px;width:270px; font-family:"微软雅黑";}
.newsTop dt .news_search .input_2{background: none; border: 0 none;cursor: pointer;float: right;height:37px;width:62px;}
.newsTop dt .pic{ width:345px; float:left;}
.newsTop dt .pic img{border:1px solid #efefef; width:343px; height:auto;}
.newsTop dt .txt{ width:290px; float:right; padding-right:10px; padding-top:30px; font-size:17px; color:#FFF;}
.newsTop dt .txt a{ display:block; max-width:100%; height:auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;
overflow:hidden;}
.newsTop dt .txt a,.newsTop dt .txt a:hover,.newsTop dt .txt a:link{color:#FFF;}
.newsTop dt .txt span{ font-size:14px; display:block; padding:12px 0 3px; line-height:24px; height:122px; overflow:hidden;}
.newsTop dd{ width:507px; float:right; margin-top:-1px;}
.newsTop dd li{ width:100%; padding-bottom:10px; line-height:25px; font-size:15px; float:left;}
.newsTop dd li a{ float:left; display:block; max-width:82%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#444;}
.newsTop dd li span{ float:right; color:#bbb; font-size:14px}

.newsList{ width:1200px; overflow:hidden; height:auto; padding-bottom:30px;}
.newsList dl{ width:1300px;}
.newsList dd{ width:575px; height:auto; float:left; padding-top:30px; margin-right:50px; display:inline;}
.newsList .title_s{ height:36px; line-height:36px; font-size:20px; color:#000; border-bottom:1px #ececec solid; padding-left:13px; background:url(images/line4.jpg) no-repeat 1px center;position:relative}
.newsList .title_s a{ position:absolute; right:0px; top:0; font-size:14px; color:#bbb}
.newsList .nt2{ line-height:24px; color:#bbb; padding-top:20px; padding-bottom:10px; font-size:14px}
.newsList .nt2 a{ font-size:17px; display:block;padding-bottom:8px; color:#444;}
.newsList .nt2 img{ border:1px #efefef solid; margin-right:12px; float:left;}
.newsList dd .nlist{ width:575px; display:block;}
.newsList dd .nlist li{ width:575px; float:left; height:34px; line-height:34px; font-size:15px;}
.newsList dd .nlist li a{ float:left; display:block; max-width:82%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#444;}
.newsList dd .nlist li span{ float:right; color:#bbb; font-size:14px; padding-right:5px;}
.newsList dd:nth-child(7) .nlist li a{ max-width:100%;}
.newsList dd:nth-child(7) .nlist li span{ display:none;}

/*新闻列表*/
.news_list{ width:1200px; height:auto; overflow:hidden; margin-top:30px;}
.news_list ul li{width:100%; float:left;height:110px; line-height:26px; border-bottom:#d9d9d9 solid 1px; }
.news_list ul li .newsday{ width:127px; color:#cfcece; float:left; font-size:15px; background: url(images/new3.jpg) center right no-repeat; margin-top:30px;text-align:center}
.news_list ul li .newsday h3{ font-size:28px; font-weight:100;}
.news_list ul li .newstitle{width:950px; color:#999; float:left;margin-top:18px; margin-left:25px;display:inline; line-height:24px; font-size:13px; padding:0;}
.news_list ul li .newstitle h3{font-size:16px; color:#2f2f2f;font-weight:100; padding-bottom:5px;}
.news_list ul li .newstitle p{display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.news_list ul li span{margin-top:40px; margin-right:40px; display:inline; float:right; width:30px; height:30px;background:url(images/new10.jpg) right center no-repeat;}
.news_list ul li:hover{ border-bottom:#d9d9d9 solid 1px; background:#0096db }
.news_list ul li:hover span{ background:url(images/new2.jpg)}
.news_list ul li:hover .newsday{background: url(images/new4.jpg) right center no-repeat; }
.news_list ul li:hover .newstitle h3{color:#fff}
.news_list ul li:hover .newstitle{color:#8dc4ea}
@media (max-width: 767px) {
	.news_list{ width:100%; margin-top:0; padding:0 10px;}
	.news_list ul li{ height:auto; padding:20px 0;}
	.news_list ul li .newsday{ width:22%; margin-top:7px; font-size:12px;}
	.news_list ul li .newsday h3{ font-size:24px; font-weight:100;}
	.news_list ul li .newstitle{width:74%; float:right;margin-top:0; margin-left:0;}
	.news_list ul li .newstitle h3{ padding-bottom:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.news_list ul li span{ display:none;}
	.news_list ul li:hover{ border-bottom:#d9d9d9 solid 1px; background:none }
	.news_list ul li:hover .newsday{background: url(images/new3.jpg) right center no-repeat; }
	.news_list ul li:hover .newstitle h3{color:#0096db}
	.news_list ul li:hover .newstitle{color:#666}
}

/*分页*/
.page{ display:block; text-align:center; padding-top:30px; width:1200px; overflow:hidden;}
.page a{ border:1px #cecece solid; border-radius:5px; color:#a5a5a5; margin-right:5px; display:inline-block; padding:5px 10px;}
.page a:hover,.page a.curr{background:#0096DB;color:#FFF;border:1px #0096DB solid;}
#page1{ display:none;}
@media (max-width: 767px) {
	.page{ display:none; width:100%;}
	#page1{ width:100%; height:auto; overflow:hidden; margin-top:20px; background:#EEE; display:block;}
	#page1 a{ display:block; margin-right:1px; padding:8px 10px; float:left; background:#DDD; font-size:14px;}
	#page1 a.num{ text-decoration:underline; color:#F00; font-weight:bold;}
	#page1 span{ display:block; float:right; background:#DDD; padding:8px 10px; font-size:14px; }
}

/*新闻展示页面*/
.display{ width:1200px; height:auto; padding-top:50px; overflow:hidden;}
.display_top{ width:980px; height: auto; overflow:hidden; margin:0 auto;}
.display_t{ width:100%; height:auto; overflow:hidden;font-size:22px; text-align:center; color:#282828;}
.display_time{width:100%;display:block;text-align:center; float:left; text-align:center; margin-top:15px;font-size:13px; color:#8f8e8e;}
.hnjiathis{ margin-top:45px;}
.display_info{ width:980px; margin:0 auto; height:auto; overflow:hidden; font-size:14px; line-height:2; padding:30px 0 30px;color:#3d3d3d;}
.news_add{ width:100%; height:auto; overflow:hidden; font-size:12px; margin-top:20px;}
.news_add span{ color:#0B98DE;}
.news_add a{ text-decoration:underline; padding:0px 3px;}
.news_title_add{ color:#919191; font-size:14px; margin-top:15px;}

.newsDownBg{ position:absolute; left:0; margin-top:-138px; width:100%; height:138px; background:#eaeaea; z-index:2;}
.newsDown{ width:100%; background:#eaeaea; padding:14px 0; margin:30px 0 0; position:relative; z-index:9;}
.newsDown li{ float:left; width:110px; padding-right:300px; position:relative; margin-right:20px;}
.newsDown li .img{ width:100px; float:left; background:white; padding:5px;}
.newsDown li .img img{ width:100%; float:left;}
.newsDown li .p1{ position:absolute; right:0; bottom:50%; width:280px; font-size:14px; color:#555; line-height:30px; margin-bottom:-30px;}
.newsDown .newsDownRight{ width:210px; float:left;}
.newsDown .btn *{ box-sizing:border-box;}
.newsDown .btn{ width:100%; float:left; text-align:center; padding:0 0;line-height:24px;}
.newsDown .btn .btn_box,.newsDown .btn .btn_boxR{ width:84px; height:64px;display:block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; overflow:hidden; padding:7px 0 10px 0; border:solid 1px #0B98DE; background:#0B98DE; cursor:pointer; margin:9px 0 0; float:right; color:#fff}
.newsDown .btn .btn_box{ padding:0;}
.newsDown .btn .btn_boxR{ font-size:14px; float:left;border:solid 1px #ff6500; background:#ff6500;}
.newsDown .btn .btn_box .ico{ width:100%; height:auto; float:none;}
.newsDown .btn .btn_box .ico,.newsDown .btn .btn_box_1 .ico{ height:26px;}
.newsDown .btn .btn_box .ico img,.newsDown .btn .btn_box_1 .ico img{ height:100%;}
.newsDown .btn .btn_box .article-social{ width:100%; height:100%; float:left; font-size:12px; color:#fff; line-height:17px;}
.newsDown .btn .btn_box .article-social a{ display:block; width:100%; height:100%; padding:7px 0 10px 0; color:#FFF;}
.newsDown .btn .text{ float:left; width:100%; font-size:14px; color:#555; line-height:1; /*text-align:left;*/ padding:10px 0 0;}
.newsDown .btn:active,.newsDown.btn.active{-webkit-box-shadow:none; box-shadow:none;}
@media (max-width: 767px) {
	.display{ width:100%; padding:20px 10px 0;}
	.display_top{ width:100%;}
	.display_t{font-size: 20px; }
	.display_time{ margin-top:15px;}
	.hnjiathis{ margin-top:20px;}
	.display_info{ width:100%; padding:20px 0 20px;}
	.news_title_add{word-break:break-all;}
	
	.newsDown{ width:100%; background:#fff; padding:0; margin:1rem 0 0;}
	.newsDown li{ display:none;}
	.newsDown .newsDownRight{ width:200px; float:none; margin:0 auto;}
	.newsDownBg{ display:none;}
}


/*联系我们*/
.contact{ width:1200px; height:auto; overflow:hidden; margin-top:30px; padding-bottom:15px;}
.contact .contact_t{ color:#666; font-size:20px; display:block}
.contact .con_info{ display:block; padding-top:15px; width:1200px; height:auto; overflow:hidden;}
.contact .con_info .contact_l{ width:700px; float:left;}
.contact .con_info .contact_r{ width:450px; float:right; color:#666; font-size:14px}
.contact .con_info .contact_r li{ width:425px; line-height:39px; float:left; padding-left:25px;}
.contact .con_info .contact_r li.c1{ background:url(images/l_1.jpg) no-repeat left 12px;}
.contact .con_info .contact_r li.c2{ background:url(images/l_2.jpg) no-repeat left 12px;}
.contact .con_info .contact_r li.c3{ background:url(images/l_3.jpg) no-repeat left 12px;}
.contact .con_info .contact_r li.c4{ background:url(images/l_4.jpg) no-repeat left 12px;}
.contact .con_info .contact_r li.c5{ background:url(images/l_5.jpg) no-repeat left 12px;}
.contact .con_info .contact_r li.c6{ background:url(images/l_6.png) no-repeat left 12px;}
@media (max-width: 767px){
	.contact{ width:100%; margin-top:0; padding:0 10px 15px;}
	.contact .con_info{ width:100%;}
	.contact .con_info .contact_l{ width:100%; float:left;}
	.contact .con_info .contact_r{ width:100%; padding:10px 0 0;}
	.contact .con_info .contact_r li{ width:100%; line-height:21px; padding:9px 0 9px 22px;}
}


/*核心服务*/
.service_list{ width:1200px; height:auto; overflow:hidden;}
.service_list ul{ width:1300px;}
.service_list ul li{ width:550px; float:left; padding:40px 75px 0px 10px; }
.service_list ul li .pic{ width:90px; float:left;}
.service_list ul li .txt{ width:430px; float:right; line-height:22px; color:#919191; font-size:14px}
.service_list ul li .txt span{ font-size:22px; color:#444;  display:block; padding-bottom:16px;}
@media (max-width: 767px){
	.service_list{ width:100%; padding:0 10px; height:auto; overflow:hidden;}
	.service_list ul{ width:100%;}
	.service_list ul li{ width:100%; float:left; padding:30px 0 0; }
	.service_list ul li .pic{ width:80px; float:left;}
	.service_list ul li .txt{ width:calc(100% - 80px); float:right; line-height:22px; color:#919191; font-size:14px}
	.service_list ul li .txt span{ font-size:18px; padding-bottom:8px;}

}

/*移动应用*/
.mo1{ height:auto;  margin-top:35px; width:1200px; overflow:hidden; border-bottom:1px solid #ECECEC;}
.mo1 .mo1_txt{ float:right; width:500px; margin-right:30px;}
.mo1 .img{ float:left; width:570px; margin-left:100px;}
.mo1 .mo1_txt a{ font-size:36px; color:#0B98DE;}
.mo1 .mo1_txt .con{ color:#b9b9b9; font-size:18px; padding-top:6px;}
.mo1 .mo1_txt .tx1{ display:block; width:530px; padding:25px 0 10px; overflow:hidden;}
.mo1 .mo1_txt .tx1 li{ width:200px; font-size:15px; float:left; height:30px; line-height:30px; color:#666;}
.mo1 .mo1_txt .tx1 li{color:#666; background:url(images/icon1.jpg) no-repeat left center; padding-left:13px;}
.mo1 .mo1_txt .i_1{ display:block; padding-top:15px;}
@media (max-width: 767px) {
	.mo1{  margin-top:25px; width:100%; padding-bottom:25px;}
	.mo1 .mo1_txt{ float:right; width:100%; margin-right:0; padding:0 10px;}
	.mo1 .img{ float:left; width:100%; margin-left:15%;}
	.mo1 .img img{ max-width:70%; height:auto;}
	.mo1 .mo1_txt a{ font-size:26px;}
	.mo1 .mo1_txt .con{ font-size:16px;}
	.mo1 .mo1_txt .tx1{ width:100%;}
	.mo1 .mo1_txt .tx1 li{ width:50%; font-size:15px;}

}

.mo2{ height:auto;  margin-top:35px; width:1200px; overflow:hidden; border-bottom:1px solid #ECECEC;}
.mo2 .mo2_txt{ float:left; width:510px; margin-left:70px;}
.mo2 .img{ float:right; width:620px;}
.mo2 .mo2_txt a{ font-size:36px; color:#0B98DE;}
.mo2 .mo2_txt .con{ color:#b9b9b9; font-size:18px; padding-top:6px;}
.mo2 .mo2_txt .tx1{ display:block; width:510px; padding:25px 0; overflow:hidden;}
.mo2 .mo2_txt .tx1 li{ width:188px; font-size:15px; float:left; height:30px; line-height:30px; color:#666;}
.mo2 .mo2_txt .tx1 li{color:#666; background:url(images/icon1.jpg) no-repeat left center; padding-left:13px;}
.mo2 .mo2_txt .i_1{ display:block; padding-top:15px;}
.mo2 .mo2_txt .mo2_more a{ padding-top:15px; font-size:14px;}
@media (max-width: 767px) {
	.mo2{ margin-top:25px; width:100%; padding-bottom:25px;}
	.mo2 .mo2_txt{ float:left; width:100%; margin-left:0; padding:0 10px;}
	.mo2 .img{ float:left; width:100%; text-align:center;}
	.mo2 .img img{ max-width:70%; height:auto;}
	.mo2 .mo2_txt a{ font-size:26px;}
	.mo2 .mo2_txt .con{ font-size:16px;}
	.mo2 .mo2_txt .tx1{ width:100%;}
	.mo2 .mo2_txt .tx1 li{ width:50%;}
}


.mo3{ height:auto;  margin-top:35px; width:1200px; overflow:hidden; border-bottom:1px solid #ECECEC;}
.mo3 .mo3_txt{ float:right; width:530px; margin-right:30px;}
.mo3 .img{ float:left; width:570px; margin-left:30px}
.mo3 .mo3_txt a{ font-size:36px; color:#0B98DE;}
.mo3 .mo3_txt .con{ color:#b9b9b9; font-size:18px; padding-top:6px;}
.mo3 .mo3_txt .tx1{ display:block; width:530px; padding:25px 0; overflow:hidden;}
.mo3 .mo3_txt .tx1 li{ width:200px; font-size:15px; float:left; height:30px; line-height:30px; color:#666;}
.mo3 .mo3_txt .tx1 li{color:#666; background:url(images/icon1.jpg) no-repeat left center; padding-left:13px;}
.mo3 .mo3_txt .i_1{ display:block; padding-top:15px;}
.mo3 .mo3_txt .mo2_more a{ padding-top:15px; font-size:14px;}
@media (max-width: 767px) {
	.mo3{  margin-top:25px; width:100%; padding-bottom:25px;}
	.mo3 .mo3_txt{ width:100%; margin-right:0; padding:0 10px;}
	.mo3 .img{ width:100%; margin-left:0; text-align:center;}
	.mo3 .img img{ max-width:70%; height:auto;}
	.mo3 .mo3_txt a{ font-size:26px;}
	.mo3 .mo3_txt .con{font-size:16px;}
	.mo3 .mo3_txt .tx1{ width:100%;}
	.mo3 .mo3_txt .tx1 li{ width:50%;}
}


.cm{ height:800px; width:974px; background:url(images/cm.jpg) no-repeat; position:relative;}
.cm span{ cursor:pointer; position:absolute; width:61px; height:62px; line-height:62px; text-align:center; font-size:14px; font-weight:bold; background:url(images/c1.png) no-repeat; color:#FFF; font-weight:bold; position:absolute;}
.cm span:hover,.cm span.hover{background:url(images/c2.png) no-repeat;}
.classname_1{  left:153px; top:67px;  }
.classname_2{  left:0; top:168px;  }
.classname_3{  left:136px; top:219px;  }
.classname_4{  left:40px; top:317px;  }
.classname_5{  right:83px; top:67px;  }
.classname_6{  right:146px; top:176px;  }
.classname_7{  right:1px; top:176px;  }
.classname_8{  right:50px; top:307px;  }
.box{ display:none; position:relative; z-index:400; width:460px; margin:0 auto; padding-top:200px;}
.box .prev,.box .next{width:30px; height:56px; top:15px; position:absolute; top:405px; cursor:pointer; z-index:1300}
.box .prev{  background:url(images/boxPrev.jpg) no-repeat; left:-80px; }
.box .next{  background:url(images/boxNext.jpg) no-repeat; right:-80px; }
.box ul{position:relative;width:460px;height:485px; margin:0 auto; overflow:hidden;}
.box li{  position:absolute; width:0;height:0;top:0;left:0;z-index:0;cursor:pointer; }
.box li img{max-width:100%;height:auto;vertical-align:top; display:block; margin:0 auto;}
@media (max-width: 767px) {
	.cm{ height:auto; width:100%; background:url(images/cm1.jpg) no-repeat bottom; background-size:100% auto; padding:25px 10px 10px;}
	.cm span{ display:inline-block; position:relative; width:23%; height:auto; padding:3px 0; margin:0 1% 10px; line-height:30px;background:#b4b4b4;position:relative; float:left;}
	.cm span:hover,.cm span.hover{background:#0B98DE;}
	.classname_1{  left:inherit; top:inherit;  }
	.classname_2{  left:inherit; top:inherit;  }
	.classname_3{  left:inherit; top:inherit;  }
	.classname_4{  left:inherit; top:inherit;  }
	.classname_5{  right:inherit; top:inherit;  }
	.classname_6{  right:inherit; top:inherit;  }
	.classname_7{  right:inherit; top:inherit;  }
	.classname_8{  right:inherit; top:inherit;  }
	.box{ display:none; position:relative; z-index:400; width:100%; margin:0 auto; padding-top:20px;}
	.box .prev,.box .next{width:30px; height:56px; top:15px; position:absolute; top:205px; cursor:pointer; z-index:1300}
	.box .prev{  background:url(images/boxPrev.jpg) no-repeat; left:-10px; }
	.box .next{  background:url(images/boxNext.jpg) no-repeat; right:-10px; }
	.box ul{position:relative;width:300px;height:300px; margin:0 auto; overflow:hidden;}
	.box li{  position:absolute; width:00%;height:0%;top:0;left:0;z-index:0;cursor:pointer; }
	.box li img{width:100%;height:100%;vertical-align:top; display:block;}
}


/*网站建设*/
.wz1{ height:auto;  margin-top:35px; width:1000px; overflow:hidden;}
.wz1 .wz1_txt{ float:right; width:410px;}
.wz1 .img{ float:left; width:575px;}
.wz1 .wz1_txt a{ font-size:36px; color:#0B98DE;}
.wz1 .wz1_txt .con{ color:#b9b9b9; font-size:18px; padding-top:6px;}
.wz1 .wz1_txt .tx1{ display:block; width:410px; padding:25px 0 10px; overflow:hidden;}
.wz1 .wz1_txt .tx1 li{ width:190px; font-size:15px; float:left; height:30px; line-height:30px; color:#666;}
.wz1 .wz1_txt .tx1 li{color:#666; background:url(images/icon1.jpg) no-repeat left center; padding-left:13px;}
.wz1 .wz1_txt .i_1{ display:block; padding-top:15px;}

/*成功案例*/
.classify{ width:1000px;}
.classify dt{ width:57px; height:69px; float:left;}
.classify dt a{width:57px; height:69px;background:url(images/all-off.jpg) no-repeat;display:block}
.classify dt a.hover,.classify dt a:hover{background-color:#0195db;background:url(images/all.jpg) no-repeat; }
.classify dd{ float:left; width:935px; margin-left:8px;}
.classify dd a{ border:1px #d8d8d8 solid; padding:0 16px; font-size:14px; border-radius:2px;  height:30px; line-height:30px; margin:0 0 5px 9px; margin-top:0; display:inline-block; white-space:nowrap}
.classify dd a.hover,.classify dd a:hover{background-color:#0195DB; color:white;}

.case{ padding:25px 0 0;/* background:#f4f6f9*/}
.caselist{ width:1200px; height:auto; overflow:visible; position:relative;}
.caselist ul{ width:1300px; height:auto; overflow:visible; padding:0;}
.caselist ul li{ width:279px; height:auto; overflow:visible; float:left;margin-bottom:15px; margin-right:25px;overflow: hidden;position:relative;box-shadow:0 0px 6px rgba(0,0,0,.25); background:#FFF; border-radius:0; border:1px solid #e2e2e2;}
.caselist ul li a{ display:block;}
.caselist ul li .pic{ width:100%; height:auto;position: relative;}
.caselist ul li img{ max-width:100%; height:auto; border-radius:0 0 0 0;}
.caselist ul li .tit{/* position:absolute; left:0; right:0; bottom:-110px*/; height:20px; padding:10px; color:#333; line-height:22px; /*background:linear-gradient(to top,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%);*/ font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.caselist ul li a:hover .tit{ color:#0B98DE; text-decoration:none;}
.caselist ul li .bg{background: #0B98DE none repeat scroll 0 0;height: 100%;left: 0;opacity: 0;position: absolute;top: 0;
transition: all 400ms ease 0s;width: 100%;}
.caselist ul li .i5 {left:10%;margin:-34px 0 0 -34px;opacity:0;position:absolute;top:50%;transition:all 400ms ease 0s;}
.caselist ul li .i6 {left:90%;margin:-16px 0 0 -17px;opacity:0;position:absolute;top:50%;transition: all 400ms ease 0s;}
.caselist ul li:hover .bg {opacity: 0.8;}
.caselist ul li:hover .i5 {left: 50%;opacity: 1;}
.caselist ul li:hover .i6 {left: 50%;opacity: 1;}
@media (max-width: 767px) {
	.case{ padding:20px 5px 0; position:relative;}
	.caselist{ width:100%;}
	.caselist ul{ width:100%;}
	.caselist ul li{ width:calc(50% - 10px); height:auto; margin-bottom:15px; margin-right:10px;}
	
	.caselist ul li .tit{padding:5px; height:auto; line-height:20px;}
	.caselist ul li a:hover .tit{ color:#0B98DE; text-decoration:none;}
	
	
}

/*.caselist ul li{ width:281px; height:auto; overflow:hidden; float:left; margin:10px 0 5px; margin-right:25px;}
.caselist ul li .txt{ font-size:15px;}
.caselist ul li .txt a{ position:relative; padding:2px 10px 2px 30px; line-height:40px; width:241px; display:block; background:#efefef url(images/ibusline.png) no-repeat 10px 22px; color:#333; display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.caselist ul li:hover .txt a{ background:#0B98DE url(images/ibuslineac.png) no-repeat 10px 50%; color:#fff;}
.caselist ul li:hover .txt a:hover{ text-decoration:none;}
.caselist ul li .img{height:247px;overflow: hidden;position: relative; display:none;}
.caselist ul li .img img{ width:100%; height:247px;}
.caselist ul li .img .ms {background:#FFF;bottom: -60px;color: #333333;opacity: 0.8; padding:10px; width:358px;position: absolute;text-align: left;}
.caselist ul li:hover .img .ms{ bottom:0; background:#0B98DE; color:#FFF;}
.browser{text-align: left; width:100%; height:30px; border-bottom:1px solid #DDD; display:none;}
.browser .icon-zan{ background: url(images/icon-look-1.png) no-repeat left 5px; width:15px; height:30px; line-height:30px; padding:0px 0px 0px 18px;lcursor: pointer;display: block;float:left;}
.browser .icon-zan:hover{ background: url(images/icon-look-2.png) no-repeat left 5px; width:15px; height:30px; line-height:30px; padding:0px 0px 0px 18px;lcursor: pointer;display: block;float:left;}
.caselist ul li .info{ width:100%; height:30px; line-height:30px; font-size:12px; color:#999; overflow:hidden; display:none;}*/

.browser .icon-look{background: url(images/icon-eye-1.png) no-repeat left center; width:18px; height:30px; line-height:30px; padding:0px 20px;cursor: pointer;display: block; float:left;}
.browser .link{background: url(images/link.png) no-repeat left center;cursor: pointer;display: block; width:17px; height:30px; float:right;}
.browser .link a{ display:block; width:17px; height:30px; display:block;}

.caselist ul li.searchBg{ background:#333;width:587px; height:162px; }
.caselist ul li.searchBg .txt{ color: #FFFFFF;font-size:18px;line-height:35px; padding-top:15px; text-align: center;width:520px;}
.caselist ul li.searchBg .search2 {background: url(images/search3.jpg) no-repeat;height: 37px; margin: 15px auto 0;width:405px;}
.caselist ul li.searchBg .search2 .input_1{background: none;border: 0 none;color: #A5A5A5;float: left;font-size: 13px;height: 37px; line-height:37px;padding-left: 11px;width: 345px;}
.caselist ul li.searchBg .search2 .input_2{background: none; border: 0 none;cursor: pointer;float: right;height: 37px;width:49px;}


/*案例展示*/
.showTit{ width:980px; height:70px; border-bottom:1px solid #DDD;}
.showTit dt{color: #0B98DE;float: left;font-size: 26px;float:left;}
.showTit dt span{color: #919191;display: block;font-size: 16px;}
.showTit dd{float:right;}
.showTit dd img{ width:50px; height:50px; margin-left:15px;}
@media (max-width: 767px) {
	.showTit{ width:calc(100% - 10px); margin:0 5px; height:auto; border-bottom:1px solid #DDD; padding-bottom:20px; position:relative;}
	.showTit dt{font-size: 20px;float:none; padding:0; text-align:center;}
	.showTit dd{float:none; position:absolute; bottom:-45px; left:50%; margin-left:-70px; text-align:center; display:none;}
	.showTit dd img{ width:30px; height:30px; margin:0 7px;}
}

.show_pic{ display:block; padding-top:40px; height:auto; width:1200px;}
/*.show_pic dt{ width:559px; float:left; height:455px; background:url(images/pcBg.jpg) no-repeat; margin-left:30px; display:inline}
.show_pic dt .pic{ width:515px; height:291px; padding-top:22px; overflow:hidden;}*/
.show_pic dd{ width:980px;margin:0 auto; height:auto; float:none;}
.show_pic dd .txt{ width:100%; height:auto;word-break:break-all;word-wrap:break-word;}
.show_pic dd .txt .tt1{ width:100%; color:#333; line-height:24px; font-size:14px; padding:0 0 40px; margin:0 auto;}
.show_pic dd .txt .tt1 img{ margin:3px 0; max-width:95%; height:auto;}
/*.show_pic dd .txt2{ width:494px; padding-top:15px; line-height:26px; color:#262626; font-size:14px; margin:0 auto;}
.show_pic dd .txt2 i{ color:#919191; padding-left:5px;}*/

.show_line{ height:74px; background:url(images/line1.jpg) repeat-x; width:1200px; }
.show_line span{ width:74px; height:74px; background:url(images/border1.jpg) no-repeat; margin:0 auto; display:block;}
.show_line span a{ height:36px; line-height:36px; color:#000; display:block; text-align:center}
.show_line span a.hover{ color:#919191}

.detail{ line-height:24px;font-size:14px; padding:50px 0 30px;word-break:break-all;word-wrap:break-word;}
@media (max-width: 767px) {
	.show_pic{ padding-top:20px; width:100%;}
	.show_pic dd{ width:100%; padding:0 5px;}
	.show_pic dd .txt .tt1{ padding:0 0 20px;}
	.show_line{ width:100%; }

}


/*特惠网站套餐*/
.mainwrap{ width:1200px; height:auto; overflow:hidden; margin-top:35px;}
.mainwrap_l{ float:left; width:298px; text-align:center;}
.mainwrap_r{ float:left; width:900px;}
.pagetitle{font-size:36px; color:#0B98DE; padding:20px 0;}
.select{ border: 1px solid #DDD;border-radius: 4px 4px 4px 4px;font-size: 12px; margin: 10px auto 0;padding: 5px 0; width:900px;}
.select .select-list { border-bottom: 1px dashed #EEE;}
.select li{padding: 10px 0 5px 70px; width:830px; height:auto; overflow:visible; float:left;}
.select dl{line-height: 24px;position: relative; font-size:14px;}
.select dt{color: #666;height: 24px;left: -70px;line-height: 24px;margin-bottom: 5px;position: absolute;text-align: right;top: 3px;width: 70px;}
.select .zongjiage{ color: #FF3300;font-family: Arial; font-size: 22px;font-weight: bold;}
.select dd{display: inline;float: left;margin: 0 0 5px 5px;}
.select dd a:hover{ background:#F3EDC2; color:#FF6600;}
.select .selected a { border: 2px solid #FF6600;color: #666; padding: 0 10px; text-decoration: none;}
.select dd a {border: 1px solid #CCC;border-radius: 2px 2px 2px 2px;color: #666;display: inline-block; height: 24px; padding: 1px 11px;text-decoration: none;white-space: nowrap;}
.select-shuo{color: #FF6600;float: left;font-size: 14px;font-weight: normal; margin-left: 7px; position:relative;}
.select-shuo span{ color:#FF6600; text-decoration:underline;}
@media (max-width: 767px){
	.mainwrap{ width:100%; margin-top:15px; padding:0 10px;}
	.mainwrap_l{ float:left; width:100%; text-align:center;}
	.mainwrap_r{ float:left; width:100%;}
	.pagetitle{font-size:36px; color:#0B98DE; padding:20px 0;}
	
	.select{width:100%;}
	.select li{padding: 10px 0 5px 65px; width:100%; height:auto; overflow:visible; float:left;}
	.select dl{line-height: 24px;position: relative; font-size:14px;}
	.select dt{color: #666;height:24px;left: -65px;line-height:24px;margin-bottom: 5px;position: absolute;text-align: right;top: 3px;width:65px;}
	.select dd{line-height:24px;}
	.select .selected a {line-height:24px;}
	.select dd a{height:auto;}

}


.box_text{ width:300px; height:auto; overflow:hidden;padding:10px; text-align:left; background:#FFF; border:1px solid #CCC; position:absolute; z-index:100;}

.tc_jiandan{background: #F9F7F3;border: 1px dashed #DFDEDD;height: 120px; padding:0 15px; margin-top:10px;width:870px; font-size:14px;}
.tc_jiandan .tbz1{background: url(images/tc_jiandan1.jpg) no-repeat left center;}
.tc_jiandan .tbz2{background: url(images/tc_jiandan2.jpg) no-repeat left center;}
.tc_jiandan .tbz3{background: url(images/tc_jiandan3.jpg) no-repeat left center;}
.tc_jiandanz{ line-height: 38px; padding-left: 28px; padding-top: 2px; text-align:left;}
@media (max-width: 767px){
	.box_text{ width:135%; margin:0 auto; padding:8px;}
	
	.tc_jiandan{height:auto; padding:5px 10px;width:100%;;}
	.tc_jiandanz{ line-height:28px; padding:5px 0 5px 28px; text-align:left;}
}

.xiangqing{ position:relative; border-top:1px solid #e1e1e1; padding-top:45px; margin-top:25px; font-size:14px;}
.k_xuxian2{border:1px dashed #E0E0E0;display: block; padding:25px 14px 15px; width:1170px; position:relative;}
.k_xuxian2 .k_xuxian_t{position: absolute;margin-top: -49px; text-align:center;background: url(images/xq_t4.jpg) no-repeat;width: 165px;height: 35px; line-height:35px; font-size:16px;color: #FFF; padding:5px 0px 0px 6px;}
.k_xuxian2 p{ line-height:26px;}
.k_xuxian2 ul{ width:1300px; height:auto; overflow:hidden; padding-top:10px;}
.k_xuxian2 ul li{ width:200px; height:160px; overflow:hidden; float:left; margin-right:30px; margin:0px 20px 0px 15px; background:url(images/casebg.jpg) no-repeat left center;}
.k_xuxian2 ul li a{ padding:10px 10px 0; width:180px; height:120px; display:block;}
.k_xuxian2 ul li img{ width:180px; height:120px;}
.k_xuxian2 ul li p{ width:180px; height:40px; line-height:30px; text-align:center;}
@media (max-width: 767px){
	.xiangqing{ width:auto; margin:0 10px; position:relative; border-top:0 solid #e1e1e1; padding-top:20px; margin-top:25px;}
	.k_xuxian2{border:1px dashed #E0E0E0;display: block; padding:25px 10px 15px; width:100%; position:relative;}
	.k_xuxian2 .k_xuxian_t{height:auto; }
	.k_xuxian2 p{ line-height:26px;}
	.k_xuxian2 ul{ width:100%; height:auto; overflow:hidden; padding-top:10px;}
}

/*内容页底部*/
.bottom_bg{ height:auto; width:100%; background:#eee; padding-bottom:15px;}
.bottom{ width:1200px; margin:0 auto; height:auto; overflow:hidden;}
.bottom dl{ width:405px; float:left;}
.bottom dl.bottom_t{ width:360px; float:left; display:none;}
.bottom dl.bottom_c{ width:100%; float:left;}
.bottom dt{ color:#000; height:80px; line-height:80px; font-size:20px}
.bottom dd ol li{ width:100%; color:#919191; float:left; height:32px;}
.bottom dd ol li span{ color:#919191; padding-right:11px;font-size:14px}
.bottom dd ol li a{color:#888; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.bottom dd ul li{ width:100%;}
.bottom dd ul li{ width:100%; float:left; padding-bottom:15px;}
.bottom dd ul li .pic{ width:94px; float:left;}
.bottom dd ul li .txt{  width:184px; float:left; padding-left:11px;}
.bottom dd ul li .txt a{ font-size:14px; color:#666; display:block;padding-bottom:7px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; max-width:100%;}
.bottom dd ul li .txt p{ color:#919191}
.bottom dd ul li .txt p img{ margin-right:5px;}
.bottom dl#last{ float:left; width:350px; margin-left:80px;}
.bottom dl.bottom_c dd ul{ width:1250px;}
.bottom dl.bottom_c dd li{ float:left; width:281px; height:34px; margin-right:25px; padding:0;}
.bottom dl.bottom_c dd li a{font-size:14px; color:#919191;/* position:relative; padding:2px 10px 2px 30px; line-height:40px; width:241px; display:block; font-size:15px;*/ max-width:100%; display:block; float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bottom dl.bottom_c dd li a:hover{ color:#0B98DE;}
@media (max-width: 767px) {
	.bottom_bg{ display:none;}
}



/*domain*/
.domain{ width:1200px; height:auto; overflow:hidden;}
.domain h2{ width:1200px; height:auto; overflow:hidden; font-size:14px; padding-top:30px;}
.domain .domain1{ width:1200px; height:auto; overflow:hidden;padding-top:30px;}
.domain .domain_con{ width:1198px; height:auto; overflow:hidden; padding:20px 0;margin:30px 0 0; border:1px solid #CCC;}
.domain .domain_con .form{ width:850px; height:auto; overflow:hidden;}
.domain .domain_con .form ul{ width:100%; height:auto; overflow:hidden; font-size:14px;}
.domain .domain_con .form ul li.form1{ float:left; width:100%; height:50px;}
.domain .domain_con .form ul li.form1 img{ width:57px; height:50px; float:left;}
.domain .domain_con .form ul li.form1 .text{ margin-top:11px;background: url(images/domain3.jpg) no-repeat 0 0;border: 0 none;float: left;height: 39px;line-height:39px;width:615px;}
.domain .domain_con .form ul li.form1 .submit{ margin-left:-3px; margin-top:11px;background: url(images/domain4.jpg) no-repeat;border: 0 none;float: left;height: 39px;width: 115px;}
.domain .domain_con .form ul li.form2{ float:left; width:100%; height:50px; line-height:50px;}
.domain .domain_con .form ul li.form2 .radio1{ margin-left:57px;}
.domain .domain_con .form ul li.form2 .radio2{ margin-left:20px;}
.domain .domain_con .form ul li.form3{ float:left; width:793px; margin-left:57px; height:auto;}
.domain .domain_con .form ul li.form3 span{ display:block; width:84px; height:28px; float:left;}
.domain .domain_con .form .dmtxt{ width:763px; height:auto; overflow:hidden; margin-left:57px;line-height:24px; font-size:14px;}
.domain .domain_con .form .dmtxt span{ width:763px; height:30px; line-height:30px; display:block; color:#0B98DE; font-size:15px; font-weight:bold;}

.domain .table_domain{ width:1200px; height:auto; overflow:hidden; margin:30px 0 0;}
.domain .table_domain .table{ width:1200px;}
.domain .table_domain .table td.b2{ border-top: 1px solid #E1E1E1;}
.domain .table_domain .table td.b1{ border-bottom: 1px solid #E1E1E1;border-left: 1px solid #E1E1E1;}
.domain .table_domain .table td.b3{border-right: 1px solid #E1E1E1;}
.domain .table_domain .table td.bg1{background: #FAFAFA;}
.domain .table_domain .table td{color: #333333; font-size: 14px; height: 45px;text-align: center;}
@media (max-width: 767px) {
	.domain{ width:100%; padding:0 10px;}
	.domain img{ max-width:100%; height:auto;}
	.domain h2{ width:100%; padding-top:20px;}
	.domain .domain1{ width:100%;padding-top:20px;}
	.domain .domain_con{ width:100%; padding:20px 0;margin:20px 0 0;}
	.domain .domain_con .form{ width:100%;}
	.domain .domain_con .form li input{ margin:0 3px 0 0;}
	.domain .domain_con .form ul li.form1 .text{width:calc(100% - 148px); margin-right:0;}
	.domain .domain_con .form ul li.form1 .submit{background: url(images/domain4.jpg) no-repeat center;width:90px;}
	.domain .domain_con .form ul li.form2 .radio1{ margin-left:15px;}
	.domain .domain_con .form ul li.form3{ float:left; width:calc(100% - 30px); margin-left:15px; height:auto;}
	.domain .domain_con .form .dmtxt{ width:calc(100% - 30px); height:auto; overflow:hidden; margin-left:15px;}
	.domain .domain_con .form .dmtxt span{ width:100%;}
	
	.domain .table_domain{ width:100%; }
	.domain .table_domain .table{ width:100%;}
	.domain .table_domain .table td.b1{ padding:2px;}
}


.hosting{ width:1200px; height:auto; overflow:hidden;}
.hosting .hosting_text{ background: url(images/hosting1.jpg) no-repeat left center; line-height: 30px;margin:25px auto 0;padding-left: 60px; width: 1140px;}
.hosting .hosting_text .p1{font-size: 14px; width:1140px;}
.hosting .hosting_text .p2{background: url(images/hosting2.jpg) no-repeat left center;color: #FF8700; padding-left: 25px;}
.hosting .table_hosting{ width:1200px; height:auto; overflow:hidden;}
.hosting .table_hosting .h_table{ border-bottom: 1px solid #D2D2D2;border-left: 1px solid #D2D2D2; margin:25px auto 0; width: 1200px;}

.h_table td{ border-right: 1px solid #D2D2D2; border-top: 1px solid #D2D2D2; font-size: 14px;height: 45px;text-align: center;}
.h_table td.bg1{background:#0B98DE;}
.h_table td.bg1 b{color: #FFF; font-size: 16px;}
.h_table td a{display: block;color: #59c1f6; text-decoration:none;}
.h_table td.bg2{background:#E5F4FB;}
.h_table td.bg2 b{color: #6D7E86;font-size: 12px;}
.h_table td a.buy{background: url(images/hosting4.jpg) no-repeat 40px center; color: #0B98DE; font-size: 14px; padding-left: 20px;}
.h_table td a.buy:hover{ text-decoration:underline;}
@media (max-width: 767px) {
	.hosting{ width:100%; padding:0 10px;}
	.hosting img{ max-width:100%; height:auto;}
	.hosting .hosting_text{ background:none; line-height:30px;margin:20px auto 0;padding-left:0; width: 100%;}
	.hosting .hosting_text .p1{width:100%;}
	.hosting .hosting_text .p2{background: url(images/hosting2.jpg) no-repeat 0 7px; padding:5px 0 5px 22px; line-height:20px;}
	.hosting .table_hosting{ width:100%; }
	.hosting .table_hosting .h_table{ margin:25px auto 0; width: 100%;}
	
	.h_table td{ padding:2px;word-break:break-all;}
	.h_table td a.buy{background: url(images/hosting4.jpg) no-repeat left center; padding-left: 15px;}
}







