@charset "utf-8";

@charset "utf-8";
*{margin: 0;padding: 0;border: 0;outline: none;
box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
html {width: 100%; font-weight: normal;
	-webkit-text-size-adjust:none; -ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
body{font-size: 14px;line-height: 1.6;background-color:#fff;font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;}
ul,ul li,ol,li {list-style: none outside none;}
h1,h2,h3,h4,h5,h6,i{font-weight: normal; font-style: normal;}
img {vertical-align: middle;border: none;}
input,select,option,label,th{vertical-align: middle;border: none}
a {text-decoration: none;color: inherit;}
a:hover {text-decoration: none;  }
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {zoom: 1;display: block;_height: 1px;clear: both;}
.fl {float: left;}
.fr {float: right;}
.container{display: block;width:86%; max-width: 1600px; margin: 0 auto; }
 
body{ max-width:1920px; margin:0 auto; margin:0 auto;}

.hidden{ overflow:hidden;}
.hide{ display:none;}

.flex{ display: flex; align-items: center;}


/*主导航*/
.nav{ position:fixed;; height:80px;background:rgba(50,52,54,0.8); width: 100%; z-index: 999; max-width:1920px; }
.nav .container{ overflow: hidden; position:relative; }
.nav .logo{ position: absolute; left: 0; top: 16px; height:48px; width:185px; z-index:201;}
.nav .logo img{ height: 48px; display: block; }
.nav .logo{ float: left; }
.navlist{ overflow: hidden; margin:0 auto; text-align: center; }
.navlist li{ font-size: 16px; display: inline-block; color: #ffffff; line-height: 80px; text-align: center; }
.navlist li a{padding:0 35px; display: inline-block;}
.navlist li.on,.navlist li:hover{background:rgba(1,102,206,0.8); }
.nav .tel{ width: 185px; position:absolute;right: 0; top: 0; z-index:201;  padding-left:35px; height: 80px; line-height: 80px;  font-size: 20px; color: #fff; background: url(../images/tel-bg.png) no-repeat 0 center;}

.homenav .nav{-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.wbj .nav li:hover,.wbj .nav li.on { background:none;}
.wbj .nav{ background:none;}

.nav_btn{ display: none; width:24px; height:60px; width:60px; padding:20px 18px; cursor: pointer; position: relative; z-index:201; }
.nav_btn span{ width:24px; height:2px; display: block; background:#ffffff; -webkit-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out; }
.nav_btn span.sp02{ margin:7px auto;}
.nav_btn span.sp03{ width:12px; }

.nav_btn.close .sp01{transform:matrix(-1,1,-0.8,-0.8,0,8.5)}
.nav_btn.close .sp02{opacity: 0;}
.nav_btn.close .sp03{transform:matrix(-1,-1,0.8,-0.8,0,-8.5); width:24px;}
/*主导航*/


/*banner*/
.banner{ height:462px;}
.banner .swiper-slide{}
.banner img{ display: none;}
.banner .bantxt{ float:left; text-align:left; }
.banner .bantxt h3{ font-size:40px; color:#ffffff; margin-top:200px;}
.banner .bantxt h2{ font-size:40px; color:#ffffff; margin-top:200px;}
.banner .bantxt .h3{ font-size:40px; color:#ffffff; margin-top:200px;}
.banner .bantxt .h3 h1{font-size:40px; display:inline;}

.banner .bantxt p{font-size:18px; color:#ffffff; margin-top:5px; }
.banner .bantxt span{ border:1px solid #fff; text-align:center;cursor: pointer;margin-top: 30px;font-size: 16px;float: left; padding:0 20px; height: 36px; line-height:34px;background: transparent;color: #fff;transition: color .3s ease-in-out,background .3s ease-in-out;}
.banner .bantxt span:hover{ color:#666; background:#fff;}

.banner .swiper-pagination{ line-height:0; bottom:25px;}
.banner .swiper-pagination-bullet{ width:25px; height:3px;border-radius:0;opacity:.4; background:#fff;}
.banner .swiper-pagination-bullet-active{ background:#fff;opacity:1;}

.banner .bantxt>h1{ border:1px solid #fff; text-align:center;cursor: pointer;margin-top: 30px;font-size: 16px;float: left; padding:0 20px; height: 36px; line-height:34px;background: transparent;color: #fff;transition: color .3s ease-in-out,background .3s ease-in-out;}
.banner .bantxt>h1:hover{ color:#666; background:#fff;}
/*banner*/

.syaby{width: 100%; background:#f0eeee; overflow:hidden; padding:5px 0;}
.syaby li{width: 33.33%; float: left; text-align: center;color: #333;}
.syaby li b{font-size:14px; color: #0166ce;line-height: 1; margin:10px 0;}


.dtit{padding:4% 0; text-align: center;}
.dtit span{font-size: 40px; color: #161616; display: block;}
.dtit p{font-size: 15px; color: #888888}
.dtit.bai span, .dtit.bai p{color: #fff}

/*我们的服务*/
.syfw{ padding-bottom: 4%; overflow: hidden;}
.syfw ul{ display: table;}
.syfw ul li{float: left; width: 17%; text-align: center; color: #888888;position: relative; margin: 0 1.5%; padding:2% 0;}
.syfw ul li .name{font-size: 18px; display: block; color: #292929; line-height: 35px}
.syfw ul li a{display: block; line-height: 28px}
.syfw ul li:after{content: ""; display: block; width: 100%; height: 0; position: absolute; left: 0; bottom: 0; background: #0166ce; z-index: -1}
.syfw ul li:hover{color: #fff}
.syfw ul li:hover .name{color: #fff;}
.syfw ul li:hover:after{ height: 100%; }
.syfw ul li i{display: block;width: 65px; height: 65px; margin:0 auto 10% auto; }
.syfw ul li i.i1{background: url(../images/syfw1.png) no-repeat center center; background-size:100%;}
.syfw ul li i.i2{background: url(../images/syfw2.png) no-repeat center center; background-size:100%;}
.syfw ul li i.i3{background: url(../images/syfw3.png) no-repeat center center; background-size:100%;}
.syfw ul li i.i4{background: url(../images/syfw4.png) no-repeat center center; background-size:100%;}
.syfw ul li i.i5{background: url(../images/syfw5.png) no-repeat center center; background-size:100%;}
.syfw ul li:hover i.i1{background-image: url(../images/syfw1h.png);}
.syfw ul li:hover i.i2{background-image: url(../images/syfw2h.png);}
.syfw ul li:hover i.i3{background-image: url(../images/syfw3h.png);}
.syfw ul li:hover i.i4{background-image: url(../images/syfw4h.png);}
.syfw ul li:hover i.i5{background-image: url(../images/syfw5h.png);}
/*我们的服务*/


.daojis{height:160px; font-size:24px; text-align: center; color:#fff; line-height:160px; background:url(../images/htbj.jpg) no-repeat center center; background-size:cover}
.daojis span{ margin:0 10px; font-size: 32px; color:#eb4b4b; font-weight: bold;  }

/*案例*/
.anli{width: 100%; overflow: hidden;}
.anli_list{ overflow: hidden; margin-top: -20px;}
.anli li{width: 25%; padding: 0 10px; margin-top: 20px;  float: left; overflow: hidden;}
.anli li a{display: block; }
.anli li .img{width: 100%; overflow: hidden; position:relative; }
.anli li .img img{width: 100%;}
.anli li .img .txts{ position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); top:100%; left:0; overflow: hidden; text-align: center; color: #ffffff;-webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}

.anli li .img .txts span{color: #fff; line-height:2.5;display: inline-block;width: 62px;margin:20% 12px 0 12px;font-size: 16px;}
.anli li .img .txts span i {width: 48px; height: 48px; display: block;margin: 0 auto;border-radius:50%; -webkit-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.anli li .img .txts span i.bgs1 {background: url(../images/i_pic1.png) center top no-repeat;}
.anli li .img .txts span i.bgs2 {background: url(../images/i_pic2.png) center top no-repeat;}
.anli li .img .txts span i.bgs3 {background: url(../images/i_pic3.png) center top no-repeat;}
.anli li:hover .img .txts{ top: 0; }
.anli li .img .txts span i:hover{ background-color:#0166ce;transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);}
.anli li .zi{position: relative; overflow: hidden;background: #f6f6f6;  width: 100%; text-align: center; padding:16px 16px;  text-overflow: ellipsis; white-space: nowrap;}
.anli li p{font-size: 18px;color: #161616; position: relative; z-index: 1;-webkit-transition:all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}
.anli li .zi:after{ position: absolute; left: 0; bottom:100px; content: ""; width: 100%; height: 100px; background:#0166ce;; display: block; -webkit-transition:all 0.4s;-o-transition:all 0.4s;transition: all 0.4s;}
.anli li:hover .zi:after{bottom:0px;}
.anli li:hover .zi p{ color: #ffffff; }

.anli li .more{font-size: 14px;color: #161616; font-style:italic; background: url(../images/anli-morebg.png) no-repeat right center;padding-right: 25px; margin-top: 15px;}
.anli li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);-moz-transform: scale(1.1);}
.anli li:hover .more{transform:translateX(-10px); -webkit-transform:translateX(-10px);-o-transform:translateX(-10px); -ms-transform:translateX(-10px); -moz-transform:translateX(-10px);}
/*案例*/


/*小程序服务*/
.app_list{ overflow: hidden; margin-bottom:3%;}
.app_list li{ float: left; width:49%; border:1px solid #dcdcdc; padding:20px; margin-right:2%; margin-bottom:2%;}
.app_list li .img{ width:80px; float: left;}
.app_list li .img img{display: block; width:100%; }
.app_list li .info{ padding-left:100px;} 
.app_list li .info h3{ font-size:20px; font-weight: normal; line-height:30px;}
.app_list li .info p{ font-size:16px; color:#666666; line-height:20px; height:40px; margin-top:5px; }
/*小程序服务*/


/*首页新闻*/
.newsbg{width: 100%; background: #f0eeee; padding-bottom: 4%}
.newsnav{overflow:hidden; padding-bottom:2%; margin: 0 auto; display: table}
.newsnav li{font-size: 16px; color: #535353; float:left;background: #fff; border-radius:20px; margin-right:10px; overflow:hidden;}
.newsnav li a{display:block;padding: 6px 20px; font-size:16px;}
.newsnav li.cur,.newsnav li:hover{ background:#0166ce; color:#fff;}


.newslist{width: 100%; overflow:hidden;}
.newslist li{width:33.33%; overflow:hidden; float: left; padding:1px;}
.newslist li a{background:#ffffff; padding:8%; display: block; overflow: hidden; }
.newslist li .time{color:#555555; text-align: center; margin-top: 10px; width:60px;}
.newslist li .time .d{ font-size:40px; display:block; line-height: 1}
.newslist li .time .y{ display:block; }
.newslist li .zi{ padding-left:90px;  }
.newslist li .zi span{ color:#484848; font-size:16px; margin-bottom: 8px; display: block;height: 25px; overflow: hidden; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}  
.newslist li .zi span i{ display: inline-block; width: 0px; height: 1px; background: #0166ce; vertical-align: middle; }
.newslist li:hover .zi span i{ width: 15px;margin-right: 5px;}
.newslist li:hover .zi span{color: #0166ce }

.newslist li .zi p{ color:#818181; height:44px; overflow: hidden; line-height:22px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.newslist li:hover{box-shadow: 0 0 40px #c3c3c3;}
/*首页新闻*/


/*首页解决方案*/
.syfanganbg{background: url(../images/fangan-bg.jpg) no-repeat center center;background-size: cover; overflow: hidden;}
.syfanganz {width: 28%; margin-top:5%}
.syfanganz b{font-size: 48px; color: #0166ce; line-height: 1.2}
.syfanganz .info{ color: #888888; margin-top:5%; text-align: justify;}
.syfanganz .more{position:relative;display: block;margin-top: 20%;width: 45px;height: 45px;border: 1px solid #fff}
.syfanganz .more:before, .syfanganz .more:after{position:absolute;left:0;top:0;content:'';display:block;width:100%;height:100%; border-radius: 50%}
.syfanganz .more:before{background:url(../images/jiejue-jianh.png) no-repeat center center; z-index: 1; background-size:60% auto;}
.syfanganz .more:after {background:#0166ce; transform:scale(0); z-index: 0}
.syfanganz .more:hover:after{transform:scale(1);}
.syfanganz .more:hover{border:none}
	
.syfangany{width: 67%;overflow: hidden; border-left: 1px solid #787878; border-top: 1px solid #787878; }
.syfangany li{width: 33.33%; float: left; border-right: 1px solid #787878; border-bottom: 1px solid #787878; text-align: center;color: #fff; position: relative; padding:5% 0;}
.syfangany li i{display: block;width:70px; height:70px; margin:0 auto}
.syfangany li p{font-size: 18px; margin-top: 20px; height: 55px; overflow: hidden;}
.syfangany li:after{content: ""; display: block; width: 20px; height:3px; position: absolute; left: 0; bottom: 0; background: #0166ce;}
.syfangany li.noaf:after{display: none}
.syfangany li:hover{background:rgba(1,102,206,0.6);border-color:rgba(1,102,206,0.6)}
.syfangany li:hover:after{width:0 }
.syfangany li i.i1{background: url(../images/fangan01.png) no-repeat center 0; background-size:100% auto;}
.syfangany li:hover i.i1{background: url(../images/fangan01.png) no-repeat center -70px; background-size:100% auto;}
.syfangany li i.i2{background: url(../images/fangan02.png) no-repeat center 0; background-size:100% auto;}
.syfangany li:hover i.i2{background: url(../images/fangan02.png) no-repeat center -70px; background-size:100% auto;}
.syfangany li i.i3{background: url(../images/fangan03.png) no-repeat center 0; background-size:100% auto;}
.syfangany li:hover i.i3{background: url(../images/fangan03.png) no-repeat center -70px; background-size:100% auto;}
.syfangany li i.i4{background: url(../images/fangan04.png) no-repeat center 0; background-size:100% auto;}
.syfangany li:hover i.i4{background: url(../images/fangan04.png) no-repeat center -70px; background-size:100% auto;}
.syfangany li i.i5{background: url(../images/fangan05.png) no-repeat center 0; background-size:100% auto;}
.syfangany li:hover i.i5{background: url(../images/fangan05.png) no-repeat center -70px; background-size:100% auto;}
.syfangany li i.i6{background: url(../images/fangan06.png) no-repeat center 0; background-size:100% auto;}
.syfangany li:hover i.i6{background: url(../images/fangan06.png) no-repeat center -70px; background-size:100% auto;}
.syfangany li i.i7{background: url(../images/fangan07.png) no-repeat center 0; background-size:100% auto;}
.syfangany li:hover i.i7{background: url(../images/fangan07.png) no-repeat center -70px; background-size:100% auto;}
.syfangany li i.i8{background: url(../images/fangan08.png) no-repeat center 0; background-size:100% auto;}
.syfangany li:hover i.i8{background: url(../images/fangan08.png) no-repeat center -70px; background-size:100% auto;}
.syfangany li i.i9{background: url(../images/fangan09.png) no-repeat center 0; background-size:100% auto;}
.syfangany li:hover i.i9{background: url(../images/fangan09.png) no-repeat center -70px; background-size:100% auto;}
/*首页解决方案*/


/*我们的优势*/
.about-3 {margin:-2% 0 4% 0;}
.about-3 li {float: left; width:32%; margin-right:2%; margin-top:2%;}
.about-3 li a {display: block;border: 1px solid #eaeaea;padding:5%;}
.about-3 li h4 {font-size: 20px;margin: 0;font-weight: normal;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#0166ce;}
.about-3 li h4 span{font-size:18px;}
.about-3 li p {margin: 10px 0 0;overflow: hidden; height:40px;}
.about-3 li a:hover {box-shadow: 0 0 30px #eeeeee;}

/*我们的优势*/

/*流程*/
.liuc{margin-bottom:4%; }
.liuc li{width: 20%; text-align: center; float: left;}
.liuc li i{display: inline-block; padding: 8%; border-radius: 50%;background: #0166ce;margin-bottom: 2%;position:relative; }
.liuc li b{color: #212121; display: block; font-size: 22px; margin:2% 0;}
.liuc li p{color: #5f5f5f; font-size: 15px}
.liuc li i:after{position:absolute;width:100%;height:100%;border-radius:50%;content:'';top:0;left:0;z-index:-1;}
.liuc li:hover i{-webkit-transform:scale(.86);-moz-transform:scale(.86);-ms-transform:scale(.86); transform:scale(.86); -o-transform:scale(.86);}
.liuc li:hover i:after{	animation:sonarEffect 1.3s ease-out 75ms infinite; -webkit-animation:sonarEffect 1.3s ease-out 75ms infinite; -moz-animation:sonarEffect 1.3s ease-out 75ms infinite;}
/*流程*/

/*footer*/
.dbinfo{ overflow: hidden; padding-bottom:50px; background: #333; width: 100%; }
.dbinfo li{  float: left; width:31%;  padding-top:20px; color: #ccc;  }
.dbinfo li h3{ border-bottom:1px solid #ccc; font-weight: bold; font-size:20px; margin-bottom:10px; padding-bottom: 10px; }
.dbinfo li p{text-align:justify; color: #999;font-size: 14px; line-height: 1.8; }


.footer{background: url(../images/foot-bg.jpg) no-repeat center center; background-size: cover;}
.lian{width: 30%;  background:#0166ce; padding: 4% 3%; color: #fff; margin-top: -40px}
.lian b{font-size: 30px;display: block; letter-spacing: -1px; font-family:Arial;}
.lian span{font-size: 23px;display: block;}
.lian p{font-size: 18px;display: block; margin-top: 10px}
.lian .wechat{ display: none;}

.mess{width:62%;overflow: hidden; margin-top:3%}
.mess span{ color:#fff; font-size:30px; display:block;margin-bottom:25px; }
.mess span>i{font-size: 14px; margin-left: 20px}
.mess .k{ width:49.5%; background: #fff; height:50px; line-height:50px; margin-bottom:15px; padding:0 20px; color:#9f9f9f;}
.mess .dk{font-size: 14px; padding:10px 20px; width:100%; height:100px; line-height:1.8;font-family: 'PingFangSC-Regular,Microsoft YaHei'; }
.mess button{ background:#0166ce; color:#ffffff; height:50px; line-height: 50px; width:100%;border:none; font-size:18px; font-weight: bold; cursor:pointer;}

.copy{font-size: 14px; color: #9b9b9b; background: #141414; padding:15px 0;}
.copy a:hover{text-decoration: underline; color:#ffffff;}

.link{ padding-bottom:10px;  background: #141414; color: #9b9b9b;}
.link span{ font-size: 14px;color: #ffffff; float:left;}
.link a{color: #9b9b9b;margin-right: 10px; line-height: 1.6;font-size: 14px; float:left;}
.link a:hover{text-decoration: underline; color:#ffffff;}
/*footer*/

/*客服插件*/
.online-service li .way .icon{ width:50px; height:50px; display: block; }
.online-service li .way .icon1{background:url(../images/online_ico01.png) no-repeat center center; background-size:50%;}
.online-service li .way .icon2{background:url(../images/online_ico02.png) no-repeat center center; background-size:50%;}
.online-service li .way .icon3{background:url(../images/online_ico03.png) no-repeat center center; background-size:50%;}
.online-service li .way .icon4{background:url(../images/online_ico04.png) no-repeat center center; background-size:50%;}
.online-service li .way .icon5{background:url(../images/message.svg) no-repeat center center; background-size:50%;}

.online-service{position: fixed;top: 50%;right:0;margin-top: -100px; z-index:100;}
.online-service li{position: relative;display: block;width: 50px;height: 50px;margin-top: 5px;}
.online-service li .way{display: block;background-color: #0166ce;z-index: 2; cursor: pointer; position: relative;}
.online-service li .way:hover{ background:#2280e1;}
.online-service li .way .tit{ display: none;}
.online-service .phone .content{
	display: block;
	*display: none;
	position: absolute;
	width: 0px;
	height: 50px;
	padding: 0 50px 0 20px;
	top:0;
	right: 0px;
	border-radius: 20px;
	opacity: 0;
	line-height: 50px;
	color: #fff;
	font-size: 18px;
	background-color: #2280e1;
	z-index: 1;
	overflow: hidden;
	white-space: nowrap;
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;}

.online-service li:hover .content{*display: block;width: 215px;opacity: 1;}
.online-service .wx .ewm{ position: absolute;top: 50%; margin-top:0; width:0; height:0; right: 60px; border: 1px solid #ccc; opacity: 0;z-index: 1; -webkit-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease;}
.online-service .wx:hover .ewm{ margin-top: -50px; width:100px; height:100px; opacity: 1;white-space: nowrap;}
.online-service .wx .ewm img{display: block;width: 100%; }

.online-service .wx .ewm .arrow{display: block;position: absolute;width: 0;height: 0;border: 7px solid transparent;border-left: 7px solid #ccc;top:50%;margin-top: -7px;right:-14px;}
/*客服插件*/

/*内页*/
.weizhi{ overflow:hidden;padding:10px 0; background:#f6f6f6;}
.weizhi2{ padding-left:3%; padding-right:3%;}
.weizhi .wp{ line-height:40px;}
.weizhi .wp a:hover{ text-decoration: underline; color: #0166ce}
.weizhi .wp h1{ display:inline; font-size:14px;}
.weizhi span { margin-left: 20px;}

.weizhi h3{ float:right; width:150px; height:40px; line-height:40px; text-align:center; font-size:18px; background:#0166ce;}
.weizhi h3 a{ display:block; color:#ffffff;}
/*内页*/


/*网站建设专题*/
.xj-tit{width: 100%;text-align: center;padding:4% 0;}
.xj-tit span{font-size: 24px;color: #202020;display: block;margin-bottom: 5px}
.xj-tit p{font-size: 14px;color: #7a7a7a;}

.xj01{width: 100%;overflow: hidden;margin-bottom: 4%}
.xj01 li{width: 32%;margin-right: 2%;float: left;padding: 2% 3%;background: url(../images/xj01-bg.jpg) no-repeat center;background-size: cover;margin-bottom: 30px}
.xj01 li span{font-size: 18px;color: #464646;display: block;}
.xj01 li i{font-size: 22px;color: #1b61b7;display: block;margin: 5px 0}
.xj01 li p{font-size: 14px;color: #646464; line-height:20px; height:60px;}

.xj02bg{width: 100%;background:#f9f7f7;overflow: hidden;padding-bottom: 4%}
.xj02{width: 32%;margin-right: 2%;float: left;}
.xj02 .t{width: 100%;background:url(../images/xj02-bg.jpg) no-repeat center;background-size: cover;padding: 4% 6%;color: #d0e2f2}
.xj02 .t>span{font-size: 22px;color: #fff;display: block;}
.xj02 .con{padding:5% 6%;background:#fff; height:1260px;}
.xj02 .con>span{font-size: 16px;color: #181818;display: block;margin-bottom: 10px}
.xj02 .con>span>i{background:#1e71d7;padding: 0 10px;border-radius: 20px;color: #fff;font-size: 14px;display: inline-block;margin-left: 10px}
.xj02 .con>p{font-size: 14px;color: #73777a;padding-left: 20px;background:url(../images/xj02-pbg.png) no-repeat left center;line-height: 1.8;}
.xj02 .con>.hr{width: 100%;height: 1px;background: #ebecec;display: block;margin:4% 0;}
.xj02 .xia>span{color: #1e71d7;display: block;margin-bottom: 10px}
.xj02 .xia>a{width: 150px;height: 35px;line-height: 35px;display: inline-block;text-align: center;border: 1px solid #0e61c7;color: #0e61c7;margin-right: 10px;}
.xj02 .xia>a.a1,.xj02 .xia>a:hover{background:#0e61c7;color: #fff}
.xj02 .xia>p{color: #2a2a2a;display: block;padding-left: 20px;margin-top: 10px;background:url(../images/xj02-xiabg.png) no-repeat left center;}
.xj02 .xj02-img{ margin-top:20px; }
.xj02 .xj02-img img{ display: block; width:100%;}


.xj03{width: 100%;overflow: hidden;margin-bottom: 5%;background:url(../images/xj03-bg.jpg) repeat-x center 61%;}
.xj03 li{width: 16.6%;float: left; text-align: center;}
.xj03 li b{font-size:70px;color: #f9f7f7;display: block;line-height: 1}
.xj03 li img{max-width: 100%;margin:8% 0;}
.xj03 li p{font-size:16px;color: #2a2a2a;display: block;}

.xj04bg{width: 100%;background:#f9f7f7;overflow: hidden;padding-bottom: 4%}
.xj04{width: 50%;text-align: right;}
.xj04 b{font-size: 24px;color: #414141;display: block;margin-bottom:15px;padding-right: 12%}
.xj04 li{font-size: 16px;color: #535252; width: 100%;background:#fff;border-radius: 30px;height: 55px;line-height: 55px;margin-bottom: 15px;padding-right: 12%}
.xj04y{width: 50%;text-align: left;}
.xj04y b{font-size: 24px;color: #197fdf;display: block;margin-bottom:15px;padding-left: 12%}
.xj04y li{font-size: 16px;color: #fff; width: 100%;background:#1166ca;border-radius: 30px;height: 55px;line-height: 55px;margin-bottom: 15px;padding-left: 12%;position: relative;}
.xj04y li>span{background:url(../images/xj04-spanbg.png) no-repeat center;font-size: 20px;color: #fff; font-weight: bold;display: inline-block;width: 92px;height: 55px; text-align: center;position: absolute; left: -45px;}


.huibg{width: 100%; background: #eaeaea; overflow: hidden; }

.youhuanew {width: 100%}
.youhuanew li{ width: 48% !important; background:#fff; margin: 0 1% 2% 1%;}
.youhuanew li a{padding:4% !important;}
.youhuanew li .time{}

.youhuamore{ text-align: center; margin:3% 0;}
.youhuamore a{background: #0166ce; border-radius: 20px; font-size: 14px; color: #fff; padding:9px 80px; display: inline-block; }
.youhuamore a:hover{box-shadow: 0px 0px 10px #5d5d5d}


.xjanlibg{width: 100%;background:#f9f7f7;overflow: hidden;padding-bottom: 4%}
.xjanli{background:#fff;box-shadow: 0 0 20px #ccc}
.xjanli-m{width: 100%;overflow: hidden; background:#f8f8f8;}
.xjanli-m li{width: 50%;float: left; text-align: center; font-size: 16px;color: #363636;line-height: 50px;border-top: 2px solid #181818;}
.xjanli-m li a{display: block;}
.xjanli-m li:hover,.xjanli-m li.active{background:#0d61c7;color: #fff;border-color:#0d61c7;}

.xjanli-zong{ padding:2% 0.5% 0 0.5%; overflow: hidden;}

.xj-more{margin:2% auto; text-align: center;}
.xj-more a{background:#0c61c7;color: #fff;border: 1px solid #0c61c7;padding: 8px 50px;display: inline-block;}
.xj-more a.a2{background:#fff;color: #0c61c7;}
.xj-more a:hover{background:#0c61c7;color: #fff;}
/*网站建设专题*/

/*案例*/
.anlimenu{width: 100%; background: #fff; margin-bottom: 3%; padding:15px 0;border-bottom:1px solid #eaeaea;}
.anlimenu ul{overflow:hidden; margin: 0 auto; display: table}
.anlimenu li{font-size: 18px; color: #373737; float:left; border-radius:20px; margin-right:15px; overflow:hidden;}
.anlimenu li a{display:block; width:200px; text-align: center; height:40px; line-height:40px;}
.anlimenu li.cur, .anlimenu li:hover{ background:#0166ce; color:#fff;}

.page{ overflow:hidden;position:relative; text-align:center; margin:3% auto;}
.pagebj{ text-align:center; padding:7px 25px; background:#f5f5f5; display:inline-block;border-radius:30px; }
.pagebj span,.pagebj a{ color:#666; display:inline-block; *display:inline; padding:5px 10px; text-align:center; margin:0 5px; border-radius:5px;}
.pagebj span,.pagebj a:hover{ background:#0166ce; color:#ffffff;}
/*案例*/


/*案例内容*/
.anlicon {background: #fff;position: relative;z-index: 2; overflow: hidden; }

.case_show{ padding:0 3%;}
.casetop{ overflow:hidden; margin:3% 0; }
.ctleft{ float:left; width:50%; background:#f6f6f6;color:#333333; }
.ctleft .content{ padding:3% 4%; height:310px; overflow: hidden;}
.ctleft h2{height:60px;line-height: 60px;font-size: 26px;margin-bottom: 28px;}
.ctleft h2:after { content: ""; display: block; width: 50px; height: 3px;  background: #333333;}
.ctleft p{ line-height:25px; font-size:14px; height:125px; overflow:hidden; margin-bottom:10px;}
.ctleft a{ display:block; width:120px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#ffffff; background:#141414;}
.ctleft a:hover{background:#0166ce;}

.ctright{ float:right; width:50%; background:#f6f6f6;color:#333333; border-left: 1px dashed #cccccc; overflow:hidden;}
.ctright .content{ padding:3% 4%; height:310px; overflow: hidden;}
.ctright h2{height:60px;line-height: 60px;font-size: 26px;margin-bottom: 28px;}
.ctright h2:after { content: ""; display: block; width: 50px; height: 3px; background: #333333; }
.ctright ul{ line-height:30px; width:50%; float:left;}
.ctright a:hover{ text-decoration: underline; }

.qrcode{ float:right; width:50%; }
.qrcode img{ width:150px; padding:10px; background:#ffffff; margin:0 auto;}
.qrcode span{ font-size:14px; display:block; text-align:center; line-height:20px; margin-bottom:5px;}

.casetxt{font-size: 16px; color: #2e2e2e; overflow: hidden;}
.casetxt img{ margin:0 auto; display:block; max-width: 100%; height:auto!important;}

.comment{  overflow:hidden;}
.comment .xin{ overflow: hidden; margin-bottom:10px;}
.comment .xin .target-demo{ float:left; width:150px!important;}
.comment .xin .hint{ float:left; margin-left:10px;}

.cfrom{ overflow:hidden;}
.cfrom .c01{width:100%; height:90px; border:1px solid #dcdcdc; padding:5px 10px; font-size:14px; line-height:20px;font-family: 'PingFangSC-Regular,Microsoft YaHei'; color:#333333;}
.cfrom .c02{width:120px; height:36px; line-height:36px; font-size:16px; cursor:pointer; float:right; border:none; margin-top:20px;  text-align:center; color:#ffffff; background:#0166ce;}

.anlipage{ overflow: hidden; color: #828282; border: 1px solid #eeeeee; border-left: none; border-right: none; margin: 3% auto; text-align: left}
.anlipage span{padding:10px 20px; line-height: 1.5; width: 50%;}
.anlipage span.fr{ text-align:right; }
.anlipage span.a1{border-right: 1px solid #eeeeee}
.anlipage span:hover{text-decoration: underline; color: #0166ce}	

.colist{ overflow:hidden; padding:3% 0;}
.colist li{ float:left; width:100%; overflow:hidden; margin-top:15px; border-bottom:1px dashed #dcdcdc; padding-bottom:15px;}
.colist li .cotel{ overflow:hidden; height:24px; margin-top:15px;}
.colist li .cotel .coip{ float:left; font-size:16px; color:#333333; line-height:24px;}
.colist li .cotel .xin{ float:right; width:120px; height:24px;}
.colist li .cotel .xin img{ float:left;}
.colist li p{ font-size:14px; line-height:1.5; border:1px solid #dcdcdc; background:#f8f8f8; padding:15px; border-radius:10px; overflow:hidden;}
/*案例内容*/


/*售后服务*/
.solutionlist{ overflow:hidden; padding:3% 5%;}
.solutionlist li{ float: left; width: 100%; overflow:hidden; margin-bottom: 20px;}
.solutionlist li .snum{ padding:10px 0 0 0; height:150px; float: left; width: 170px; background:url(../images/xiex.png) no-repeat center center; background-size:cover; color:#e6e6e6; font-size: 90px; font-family: arial; line-height: 1;}
.solutionlist li .scon{ padding-left:170px; border-bottom:1px solid #dcdcdc;  }
.solutionlist li .scon h3{ color: #0a0a0a; font-size:28px; font-weight: bold; }
.solutionlist li .scon h3:after { content: ""; display: block; width: 55px; height: 5px; background: #0166ce; margin: 10px 0;}
.solutionlist li .scon .stxt{ color: #666666; font-size:18px; line-height:1.8; margin:3% 0; }
/*售后服务*/

/*关于我们*/
.abwhat{ padding-bottom:8%; overflow: hidden;}
.abwhat li{float: left; width: 20%; text-align: center; color: #000000; }
.abwhat li span{font-size: 18px; display: block;}
.abwhat li i{display: block;width: 65px; height: 65px; margin:4% auto}
.abwhat li i.i1{background: url(../images/syfw1.png) no-repeat center center; background-size:cover;}
.abwhat li i.i2{background: url(../images/syfw2.png) no-repeat center center; background-size:cover;}
.abwhat li i.i3{background: url(../images/syfw3.png) no-repeat center center; background-size:cover;}
.abwhat li i.i4{background: url(../images/syfw4.png) no-repeat center center; background-size:cover;}
.abwhat li i.i5{background: url(../images/syfw5.png) no-repeat center center; background-size:cover;}

.abwhobg{background: url(../images/abwho-bg.jpg) no-repeat center center;background-size: cover; padding-bottom: 4%}
.abwho{width: 65%; margin-top: -4%; background:#fff; padding:4%;}
.abwho .dtit{text-align: right; padding-top: 0}
.abwho .dtit p{padding-right: 20px}
.abwho .txt{color: #666565; line-height: 2; font-size:16px; }
.abwho strong{color: #3d3d3d; font-size: 24px;}

.strength{padding: 5% 0;}
.strength .item{position: relative;display: block;float: left;width: 25%; text-align: center; }
.strength .item1{-webkit-transition: 0.5s ease;-o-transition: 0.5s ease;transition: 0.5s ease;}
.strength .item2{-webkit-transition: 0.3s 0.5s ease;-o-transition: 0.3s 0.5s ease;transition: 0.3s 0.5s ease;}
.strength .item3{-webkit-transition: 0.6s 0.5s ease;-o-transition: 0.6s 0.5s ease;transition: 0.6s 0.5s ease;}
.strength .item4{-webkit-transition: 0.9s 0.5s ease;-o-transition: 0.9s 0.5s ease;transition: 0.9s 0.5s ease;}
.strength .show .item{opacity: 1;filter:alpha(opacity=100); }
.strength .item .num{text-align: center; font-family:Arial; }
.strength .item .num .num-item{display: inline-block; height:70px; line-height:70px; color: #181818;font-size:70px; overflow: hidden;}
.strength .item .num .num-item span{display: block; font-family:Arial;}
.strength .item p{color: #313131; font-size:16px; line-height:2;}
.strength .item .num .jia{display: inline-block; font-size:70px; height:70px; line-height:70px; color: #181818; overflow: hidden; }

.abxia{width: 100%; position: relative; overflow: hidden; padding-bottom:2%; }
.abxiaz{width: 56%;background: #fff; padding: 4% 0;}
.abxiaz>div{width: 60%; margin: 0 auto}
.abxiaz .dtit{text-align: left;}
.abxiaz .txt{ color: #636363; line-height: 2; font-size:16px;}
.abxiaz p{margin-bottom: 4%; }
.abxiaz b{display: block; color: #303030; font-size: 24px;}
.abxiay{position: absolute;width: 50%; bottom: 0; right: 0;z-index: 2;}
.abxiay>img{width: 100%}

.about_content{ font-size:16px; line-height:1.8;}
.about_content img{ max-width:100%; height: auto !important;}

.celist{ overflow: hidden; margin-bottom:5%; }
.celist li{ float: left; margin-right:2%; width: 18%; border:1px solid #dcdcdc; cursor: pointer; }
.celist li img{ width: 100%; }
/*关于我们*/

/*联系我们*/
.contact{width: 100%; overflow:hidden;display: table; padding-bottom:5%}
.contact li{ float:left; width:31%; margin-right:3.5%; text-align:center;color: #fff;padding:3% 0 }
.contact li i{ margin:0 auto;display: block; width:85px;}
.contact li i img{ display: block; width:100%;}
.contact li p{font-size:18px; margin-top:4%; padding:0 10% ;}
.contact li:hover i img{transform: scale(0.85);-webkit-transform: scale(0.85);-o-transform: scale(0.85); -ms-transform: scale(0.85); -moz-transform: scale(0.85);}

.pay{ background: #ffffff; overflow: hidden;}
.pay_txt{ font-size:18px; line-height:2; }
.pay_txt2{ margin-bottom:4%;}

.contact_list{ overflow:hidden; margin:2% 0 4% 0;  }
.contact_list li{ float:left; margin-right:6%; border:1px solid #d9d9d9;border-radius:10px; text-align:center; padding:3% 4%;}
.contact_list li.li01{ width:40%;}
.contact_list li.li02{ width:24%;}
.contact_list li.li03{ width:24%; }

.contact_list li>span{  display:block;}
.contact_list li>span img{ width:210px; display: block; margin:0 auto;}
.contact_list li>span:after{ bottom:3px;  display: block; margin:20px auto;  width:40px; height:3px; content: '';  background: #d3d3d3;}
.contact_list li p{ font-size:18px; line-height:35px; }
.contact_list li p span{ color:#16afe6;}
.contact_list li p img{ width:180px; display:block; margin:0 auto;}
.contact_list li.li01 p{ text-align: left; padding:0 5%; height:180px; }

.map{ height:500px;}
/*联系我们*/

/*新闻*/
.tagmain{ background:#f6f6f6; }
.baibj{ background:#ffffff;}
.tagleft{ width:12%;}

.tagleft{ overflow: hidden; padding:20px 0; }
.tagleft li{ float: left; width: 100%; }
.tagleft li a{ display: block; text-align: center; color: #757575; line-height:2.5; font-size: 16px; }
.tagleft li.cur a,.tagleft li a:hover{ background: #4584e0; color: #fff; }

.tagcenter{ width:86%; }
.listtag{ overflow: hidden; }
.listtag li{ float: left; padding:20px 30px; border-bottom: 1px solid #dcdcdc; width:100%; }
.listtag li .tagimg{ width:250px; float:left; }
.listtag li .tagimg img{ width: 100%; display: block; }
.listtag li .tagtxt{ padding-left:270px; }
.listtag li h3{ line-height:2; font-size: 18px; color: #2a2935; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.listtag li p{ color: #3b3939; font-size: 15px; line-height:30px; height:60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; margin:10px 0 15px 0;}
.listtag li .lics{ overflow: hidden; font-size: 15px; line-height:30px; color: #8f8f8f; }
/* .listtag li .lics .fl i{ width:30px; height:30px; border:1px solid #dcdcdc; float: left; overflow: hidden; border-radius:50%; }
.listtag li .lics .fl i img{width:100%; display: block;}
.listtag li .lics span{color: #8f8f8f;  margin:0 5px; }
.listtag li .lics span i{ margin-left:5px; color: #4584e0;  }
 */
.listtag li .lics span{ font-size:16px; }
.listtag li .lics .parameter{ float: left; margin-right:24px; }
.listtag li .lics .parameter:nth-child(3){ margin-right:0;}


.listtag li a:hover{ color: #4584e0; }

.tagright{ width: 21%;  }

.tagkuai{ margin-bottom:15px; }
.tagtle{ background:#4584e0; padding:15px;  }
.tagtle span{ display:block; line-height:20px; height:20px; border-left:2px solid #ffffff; padding-left:8px;  color:#ffffff; font-size: 18px; }

.picturelist{ overflow:hidden; padding:15px; }
.picturelist li{ float:left; width:100%; overflow:hidden; border-bottom:1px dashed #dcdcdc;}
.picturelist li .pictitle{ line-height:35px; font-size:14px; position:relative; padding:5px 0 5px 10px; }
.picturelist li .pictitle:after{ content:""; width:3px; height:3px; background:#0166ce; left:0; top:50%; margin-top:-2px; position:absolute;}
.picturelist li .pictitle a{display: block; text-overflow: ellipsis; overflow: hidden;  white-space: nowrap;}
.picturelist li .pictitle:hover{color: #4584e0; }

.picturelist li:last-child{ border-bottom:none;}
/*新闻*/


/*新闻内容页*/
.anlicon_news{ padding:3% 6% 0 6%;}

.txt-t{ overflow:hidden; border-bottom: 1px solid #dcdcdc; line-height:2; padding-bottom:1%; margin-bottom:3%; text-align: center; }
.txt-t h1{ font-size:28px; }
.txt-t p{ font-size: 16px; }

.news_show{ width:77%; float:left;}
.showtxt{font-size: 16px; color: #2e2e2e; overflow: hidden; text-align: justify;}
.showtxt img{ max-width: 100%; height:auto!important;}
.showtxt a{ color:#0166ce; }
.showtxt a:hover{ text-decoration:underline; }
.news_show .showtxt img{ width:650px!important; height:auto!important; display:block; margin:20px auto;}

.txtrig{ width:20%; float:right; position:relative;}
.txtnav{ overflow:hidden;}
.txtnav li{ float:left; width:100%; background:#f6f6f6; height:40px; line-height:40px; text-align:center; margin-bottom:2px; font-size:16px; }
.txtnav li a{ display:block;}
.txtnav li.on,.txtnav li:hover{ background:#0166ce;}
.txtnav li.on a,.txtnav li:hover a{ color:#ffffff;}

.txtsm{ font-size:14px; line-height:1.6; color:#333333; background:#f6f6f6; padding:4% 6%;text-align: justify;}

.logoc{margin:10px 0;}
.logoc img{ width:100%;background:#f6f6f6;}

.zxjl{ width:420px; overflow: hidden; margin:5% auto 0 auto; border-top:1px solid #dcdcdc; padding:1% 0; }
.zximg{ float:left; width:130px; }
.zximg img{ width:100%; display:block; }
.zxtxt{ float:right; width:270px;}
.zxtxt h3{height: 30px;line-height: 30px;font-weight: normal;font-size: 16px; margin:25px 0 5px 0;}
.zxtxt p{ line-height:24px;overflow: hidden;  font-size: 14px;  color: #999;}

.taglist{ overflow:hidden; margin-bottom:3%; font-size: 14px; color: #666666; }
.taglist span{ color: #0166ce; }
.taglist a{ margin-right:10px; }
.taglist a:hover{ text-decoration:underline; color: #0166ce; }
/*新闻内容页*/

/*TAG*/
.topnav{ overflow: hidden; padding:15px;border-bottom: 15px solid #f6f6f6; }
.topnav li{ float:left; margin:5px 10px 5px 0;   }
.topnav li a{border: 1px solid#dddddd;border-radius: 5px;color:#6d6d6a;padding:4px 12px; display: block;}
.topnav li.cur a,.topnav li a:hover{ background:#4584e0; color:#ffffff;}

.weball{ overflow:hidden; border-bottom: 15px solid #f6f6f6;}
.weball li{ padding:20px; font-size: 14px; text-align: center;  float:left; width: 25%; border-bottom:2px solid #f6f6f6; border-right:2px solid #f6f6f6;  }
.weball li img{ margin:0 auto; height:70px; display: block;   }

.tag_content{ padding:0 15px; font-size:14px; line-height:1.8;}
.tag_content .tit{ font-size:16px; margin-top:15px; color:#4584e0;}

.baibj{ background:#ffffff;}
/*TAG*/

.pagemain{ padding:3%; background:#ffffff; margin:4% auto; font-size:16px; line-height:1.8;}
.pagemain img{ max-width:100%; height: auto !important;}

.solution_list{width: 100%; overflow: hidden;  margin:2% auto 4% auto;}
.solution_list li{ float:left; width:32%; margin-right:2%; margin-top:2%;}
.solution_list li .img{ width:100%; overflow: hidden;}
.solution_list li .img img{ width:100%; display:block;}
.solution_list li .zi{padding:3% 4%; background:#f6f6f6;}
.solution_list li .zi span{ color:#0166ce; font-size:22px; display:block; margin-bottom:1%;}
.solution_list li .zi p{ color:#565656; font-size:16px; line-height:25px; height:50px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.solution_list li:hover .img img{opacity: 0.8; filter:alpha(opacity=80);transform: scale(1.05); -webkit-transform: scale(1.05);-o-transform: scale(1.05); -ms-transform: scale(1.05); -moz-transform: scale(1.05);}
.solution_list li:hover .zi{background: #0166ce; }
.solution_list li:hover span{ color:#fff;}
.solution_list li:hover p{ color:#fff;}

.nrban{ width:100%;}
.nrban img{ display: block; width:100%;}

.mb40{ margin-bottom:4%;}







.messagebj{position: fixed;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;right: 0;z-index: 10000;background-color: #333;background-color: rgba(0,0,0,0.8); display: none;}

.message{position: fixed; height:400px;  top:50%; left:50%; display: block;width:600px;margin:-200px 0 0 -300px;background-color: #fff; display: none; z-index: 10001;  }
.messagebody{ overflow:hidden; }
.messagebody{ overflow:hidden;}
.mclos{ position:absolute; right:20px; top: 20px; cursor: pointer;}
.mclos img{ display: block; }
.messagebody .melist{ padding:20px;}
.messagebody .melist h3{ font-size:24px; color: #333; text-align: center; padding:10px 0 20px 0; }
.messagebody .melist .k{height: 40px; line-height: 40px; border: 1px solid #eeeeee;padding: 0 10px; margin-bottom: 10px;width: 100%;font-family:'Microsoft YaHei'}
.messagebody .melist .hk{height: 90px; line-height: 26px;font-size:14px; }
.messagebody .melist .ti{margin: 0 auto; display: table;}
.messagebody .melist .b{background:#ccc;font-size: 18px; color: #fff; width:140px; height:38px;line-height:38px; text-align: center;border-radius:20px;font-family:'Microsoft YaHei';cursor: pointer; margin-top: 20px;}
.messagebody .melist .b2{background:#0166ce;}
.messagebody .melist .b2:hover{background:#E50012;}
.messagebody .melist .b:hover{background:#0166ce;}

.messagebody .inputs{height:40px; line-height:40px;padding:0 10px; margin-bottom:10px;}
.messagebody .inputs label{ margin-left:10px;}

@media screen and (max-width: 768px) {
	.message{ height:100%; top:0; left:0;  width:100%; margin:0; }
}


.listtag2 li.litxt .tagtxt{ padding-left:0;}
.listtag2 li.litxt .tagtxt p{ height: auto;}

.w73{ width:73%;}
.w25{ width:25%;}

.search{ padding:20px; background:#f5f5f5; overflow: hidden; width:540px; margin:30px auto;}
.search .input{ width:400px; height:40px; background:#ffffff; color:#666666; float: left; padding:0 10px;}
.search .btn{ width:100px; height:40px; background:#4584e0; color:#ffffff; float: left;}
.keysList{ padding:15px; overflow: hidden;}
.keysList a{ font-size:14px; float: left; margin:5px; padding:5px 10px; background:#f5f5f5;}
.keysList a:hover{ background:#4584e0; color:#ffffff;}

.topxian{ border-top: 1px solid #dcdcdc;}



.bottomNav{ display: none; overflow: hidden; background-color: #000000; height:50px; line-height:50px; width:100%; position: fixed; left:0; bottom:0; border-right:1px solid #ffffff; }
.bottomNav li{ float: left; width:50%; text-align: center; border-left:1px solid #ffffff; }
.bottomNav li a{ display: block;}
.bottomNav li .ico{ display: inline-block; }
.bottomNav li .ico img{ width:24px; }
.bottomNav li .tit{ display: inline-block; color:#ffffff; margin-left:10px; font-size:16px; }



.wechatMain{ width:100%; position: fixed; left:0; top:50%; margin-top: -270px; }
.wechatMain .weimg{ width:240px; margin:0 auto; }
.wechatMain .weimg img{ display: block; width:100%; }
.wechatMain .wetit{ font-size:18px; line-height:1.6; text-align: center; }


.wechatMain .weTips{ font-size:18px; line-height:1.6; margin-top:50px; text-align: center; color:#0166ce; }
.wechatMain .weInput{ font-size:28px; width:100%; height:60px; line-height:60px; text-align: center; margin:20px 0; background:#f4f4f4; }
.wechatMain .wxBtn { width: 170px; margin: 0 auto; height: 50px; line-height: 50px; border-radius: 5px; background: #4584e0; color: #ffffff; text-align: center; font-size: 18px; cursor: pointer; }




.animated{opacity: 0;}

.delay2{-webkit-animation-delay:.2s;animation-delay:.2s; -moz-animation-delay:.2s;
-o-animation-delay:.2s;-ms-animation-delay:.2s;}
.delay3{-webkit-animation-delay:.4s;animation-delay:.4s; -moz-animation-delay:.4s;
-o-animation-delay:.4s;-ms-animation-delay:.4s;}
.delay4{-webkit-animation-delay:.6s;animation-delay:.6s; -moz-animation-delay:.6s;
-o-animation-delay:.6s;-ms-animation-delay:.6s;}
.delay5{-webkit-animation-delay:.8s;animation-delay:.8s;; -moz-animation-delay:.8s;
-o-animation-delay:.8s;-ms-animation-delay:.8s;}
.delay6{-webkit-animation-delay:1s;animation-delay:1s; -moz-animation-delay:1s;
-o-animation-delay:1s;-ms-animation-delay:1s;}

img, .nav, .nav.active, .leftbarbg, .leftbarbg.active, .navbtn .nbtbj span:after, .navbtn .nbtbj span:before, .banner .ban-prev:after, .banner .ban-next:after, .banner .shu li b, 
.banner .zi .zxa:after,  .syfw ul li, .syfw ul li .name, .syfw ul li i, .syfw ul li:after, .anli li .img img, .anli li .more, .anliye .anli-prev:after, .anliye .anli-next:after, .anliye .img>img, 
.syfangany li, .syfangany li i, .syfanganz .more:after, .newsimp .zi  span i, .newslist li, .newslist li .zi span i, .newsxia li, .newsxia li b>i, .newsnav li,  .liuc li i, 
.nbanzi .down:after, .nbanzi .lianj>a:after, .youhua2 li .zi b, .youhua2 li, .youhua2 li i:before, .youhua2 li i:after, .youhua3 li .mask b, .jiejue li .zi, 
.jiejue li .zi i, .newstopy .more, .jianshe .zi .cha, .jianshe .zi .cha>i, .youhua3 li .mask,.about-3 li a,.online-service li .way,.navlist li,.xjanli-m li,.anlimenu li,.youhuamore a,.ctleft a
{transition:all .5s ease-in-out; -webkit-transition:all .5s ease-in-out; -o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out; -moz-transition:all .5s ease-in-out;}


/*liuc 悬浮*/
@keyframes sonarEffect{
	0%{opacity:.3;}
	40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #0166ce,0 0 0 5px rgba(255,255,255,.5)}
	100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #0166ce,0 0 0 5px rgba(255,255,255,.5);
		-webkit-transform:scale(1.25);opacity:0;}
}
@-webkit-keyframes sonarEffect{
	0%{opacity:.3}
	40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #0166ce,0 0 0 5px rgba(255,255,255,.5)}
	100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #0166ce,0 0 0 5px rgba(255,255,255,.5);
		-webkit-transform:scale(1.25);opacity:0}
}
@-moz-keyframes sonarEffect{
	0%{opacity:.3}
	40%{opacity:.5;box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #0166ce,0 0 0 5px rgba(255,255,255,.5)}
	100%{box-shadow:0 0 0 2px rgba(255,255,255,.1),0 0 5px 5px #0166ce,0 0 0 5px rgba(255,255,255,.5);
		-webkit-transform:scale(1.25);opacity:0}
}
/*liuc 悬浮*/



.page-num-current{
			    background: #0166ce;
			    color: #ffffff;
			}