/*去除页面中的链接点击后留下的虚线框*/
body a{ outline:none;blr:expression(this.onFocus=this.blur());}
/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,img,div{margin:0px;padding:0px; border-width:0;}
body{  background:#FFF; font-family:"微软雅黑", Arial; font-size:14px; color:#222222;}
a:link{color:#222222; text-decoration:none;}
a:visited{color:#222222; text-decoration:none;}
a:hover{color:#CA0000; text-decoration:none;}
a:active{color:#CA0000; text-decoration:none;}

ul li{list-style-type:none;}
.clear{clear:both; height:0px; width:0px; overflow:hidden;}
.c{clear:both; height:0px; width:0px; overflow:hidden;}
.floatLeft{float:left;}
.floatRight{float:right;}
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/ 
*html .clearfix {height: 1%;}
.clearfix {display: block;}


/*更多*/
.more{ float:right; margin-right:2px; margin-top:9px;}
.mores{ float:right; width:50px; height:26px; display:block; margin-right:2px; margin-top:5px;}
.morewz{ float:right; margin-right:8px; font-size:13px; color:#878787;}
.morewz a{ color:#878787;}
.morewz a:visited{ color:#878787;}
.morewz a:hover{ color:#db1f17!important;}
.corred a{ color:#CC0001!important;}
.corred a:visited{ color:#CC0001!important;}
.corred a:hover{ color:#db1f17!important;}
.lmbtcs{ float:left; color:#000000; font-family:"微软雅黑";}
.l{ float:left;}
.r{ float:right;}


/*头部*/
.tops{width:100%; min-width:1390px; height:auto; margin:0 auto; overflow:hidden;}

.tops_logo{ width:100%; height:76px; background:url(../images/topbj.png) repeat-x; position:absolute; top:0; z-index:9999999;}
.logo{width:1200px; height:75px; margin:auto; position:relative; background:url(../images/logo.png) left center no-repeat; }
/*头部--导航部分*/
.dh{ width:750px; height:76px; line-height:76px; float:left; padding-left:230px; overflow:hidden; font-size:14.67px;}
.ptdh{ float:left; width:102px; background:url(../images/dhli.jpg) right center no-repeat; text-align:center;}
.dh li a{ color:#fff; display:block;}
.dh li a:visited{ color:#fff; text-decoration:none;}
.dh li a:hover{ color:#108CEE!important; background:url(../images/a_hover.jpg) bottom center no-repeat; width:102px; margin:auto;}
/*导航分类样式*/
.dh li .sec_nav{height:auto; background:#101019; line-height:35px; display:none; position:absolute; width:102px; z-index:99999; *margin-left:-52px;}
.dh li .sec_nav a{ display:block; color:#FFF; font-weight:normal; font-size:13px; width:102px; height:35px; }
.dh li .sec_nav a:visited{ display:block; color:#FFF; text-decoration:none; width:102px; height:35px;}
.dh li .sec_nav a:hover{ display:block; color:#FFFF00!important;  background:none!important; width:102px; height:35px;}


/*banner*/
.bn{width:100%; min-width:1390px; height:675px; margin:0 auto; z-index:0; position:relative; overflow:hidden;}
.DB_tab25 {width:100%; margin:0 auto;height:675px;position:relative;overflow:hidden}

.DB_tab25 .DB_bgSet{position:relative;}
.DB_tab25 .DB_bgSet li{position:absolute;width:100%;height:675px;display:none}

.DB_tab25 .DB_imgSet{position:absolute;width:1440px;left:45%;margin-left:-740px;}

.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:220px;top:170px;}
.DB_tab25 .DB_imgSet .DB_1_2{position:absolute;left:460px;top:0;}

.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:220px;top:170px;}
.DB_tab25 .DB_imgSet .DB_2_2{position:absolute;left:925px;top:69px;}

.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:220px;top:170px;}
.DB_tab25 .DB_imgSet .DB_3_2{position:absolute;left:800px;top:130px;}

.DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:440px;top:150px;}
.DB_tab25 .DB_imgSet .DB_4_2{position:absolute;left:700px;top:280px;}

.DB_tab25 .DB_imgSet .DB_5_1{position:absolute;left:220px;top:170px;}
.DB_tab25 .DB_imgSet .DB_5_2{position:absolute;left:885px;top:85px;}

.DB_tab25 .DB_menuWrap{position:absolute;width:1440px;left:50%;margin-left:-740px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:520px;text-align:center;font-size:0}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 6px;display:inline}
.DB_tab25 .DB_menuWrap .DB_menuSet li img{border-radius:15px;opacity:0.6;}


.DB_tab25 .DB_prev{position:absolute;left:-100px;top:210px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:-100px;top:210px;cursor:pointer;display:none}
/*内页banner*/
.nybn{width:100%; min-width:1390px; height:460px; margin:0 auto; z-index:0; position:relative; overflow:hidden;}
.nybanner{width:100%; height:460px; margin:0 auto; z-index:0; position:relative; overflow:hidden;}
.nybanners{left:50%; width:2000px; height:460px; overflow:hidden; margin-left:-1000px; position:absolute;}
.nybn_txt {width:2000px; height:460px; text-align:center; font-size:0px; float:left; display:inline;}
.nybn_txt img{ width:1440px; height:460px;}
/*没有内页banner 实心top(案例详细页、)*/
.nybns{width:100%; min-width:1390px; height:76px; margin:0 auto; z-index:0; position:relative; overflow:hidden;}
.topsbj{width:100%; min-width:1390px; height:76px; background:#1D1F2E; margin:0 auto; z-index:0; position:relative; overflow:hidden;}

.topflbj{ width:100%; height:95px; background:url(../images/topdbbj.png); position:absolute; bottom:0; z-index:9999999;}
.topfl{ width:1200px; height:58px; margin:auto; margin-top:25px; overflow:hidden;}
.topfl li{ float:left; width:220px; height:58px; margin:0 40px; overflow:hidden;}
.topfl li p{ line-height:29px;}
.wzico1{ background:url(../images/wzico.png) no-repeat -5px -5px; width:61px; height:51px; margin-top:5px;}
.wzico2{ background:url(../images/wzico.png) no-repeat -84px -5px; width:58px; height:58px;}
.wzico3{ background:url(../images/wzico.png) no-repeat -168px -5px; width:53px; height:47px; margin-top:8px;}
.wzico4{ background:url(../images/wzico.png) no-repeat -247px -5px; width:62px; height:56px; margin-top:2px;}
.bfone{ color:#fff; font-size:14.38px;}
.hfone{ color:#9a9a9a; font-size:13.34px;}



/*内容*/
.wzcontent{width:100%; min-width:1390px; margin:auto; margin-top:25px; overflow:hidden;}
.contentxt{ width:1180px; margin:auto; margin-bottom:25px; overflow:hidden;}

/*第一行*/
.dyhcss{ width:1206px; height:495px; overflow:hidden; margin:55px auto 65px auto;}
.dyhcss_t{ width:1206px; height:55px; background:url(../images/wmnzsm.jpg) left no-repeat;}
.business{ width:1205px; height:392px; border:1px solid #E4E4E6; border-right:none; margin-top:44px; overflow:hidden;}
.business ul li { width:240px; height: 392px; float:left; border-right:1px solid #E4E4E6; background: url(../images/bg_green.png) no-repeat 0px 392px; overflow: hidden;}
.business ul li:hover { background-position: 0px 0px; -webkit-transition: all .5s ease-in-out .4s; -moz-transition: all .5s ease-in-out .4s; -ms-transition: all .5s ease-in-out .4s; -o-transition: all .5s ease-in-out .4s; transition: all .5s ease-in-out .4s;}
/*圆圈*/
.business ul li u {  display: block; position: absolute; width: 156px; height: 156px; margin-left:42px; margin-top:93px; background: url(../images/flicos.png) no-repeat; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s;  -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.business ul li:hover u { display: block; position: absolute; width: 156px; height: 156px; margin-left:42px; margin-top:93px; background: url(../images/flicoss.png) no-repeat; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s;  -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
.business ul li u.cl {clip: rect(0px,156px,156px,78px);}
/*标题*/
.business ul li strong { display: block; margin-top:33px; font-size:21.34px; font-weight:bold; font-weight: normal; text-align: center;}
.business ul li:hover strong { color: White;  -webkit-transition: all .5s ease-in-out .4s; -moz-transition: all .5s ease-in-out .4s; -ms-transition: all .5s ease-in-out .4s; -o-transition: all .5s ease-in-out .4s; transition: all .5s ease-in-out .4s;}
/*文字解说*/
.business ul li:hover p { -webkit-transition: all .4s ease-in-out .3s; -moz-transition: all .4s ease-in-out .3s; -ms-transition: all .4s ease-in-out .3s; -o-transition: all .4s ease-in-out .3s; transition: all .4s ease-in-out .3s; color: White;}
.business ul li p { position: relative; top:85px; width:198px; left:23px; font-size: 13.34px; line-height:24px; text-align:left;}
/*图标总样式*/
.business ul li i { display: block; position: relative; margin: 0 auto; margin-top:70px; height: 72px;}
.business ul li:hover i {-webkit-transition: all .3s ease-in-out .4s; -moz-transition: all .3s ease-in-out .4s; -ms-transition: all .3s ease-in-out .4s; -o-transition: all .3s ease-in-out .4s; transition: all .3s ease-in-out .4s;}
/*图标一*/
.business ul li.syfwico1 i { width: 65px; background: url(../images/flico.png) no-repeat -188px -7px;}
.business ul li.syfwico1:hover i {background: url(../images/flico.png) no-repeat -272px -7px;}
/*图标二*/
.business ul li.syfwico2 i { width: 64px; background: url(../images/flico.png) no-repeat -373px -11px;}
.business ul li.syfwico2:hover i { background: url(../images/flico.png) no-repeat -462px -11px;}
/*图标三*/
.business ul li.syfwico3 i { width: 68px; background: url(../images/flico.png) no-repeat -182px -112px;}
.business ul li.syfwico3:hover i { background: url(../images/flico.png) no-repeat -262px -112px;}
/*图标四*/
.business ul li.syfwico4 i { width: 93px; background: url(../images/flico.png) no-repeat -367px -105px;}
.business ul li.syfwico4:hover i { background: url(../images/flico.png) no-repeat -480px -105px;}
/*图标五*/
.business ul li.syfwico5 i {width: 94px; background: url(../images/flico.png) no-repeat -618px -108px;}
.business ul li.syfwico5:hover i { background: url(../images/flico.png) no-repeat -744px -108px;}


/*第二行*/
.dehcss{ width:1410px; height:970px; margin:auto; margin-bottom:60px; overflow:hidden;}
.dehcss_t{ width:1206px; height:55px; background:url(../images/alzslm.jpg) left no-repeat; margin:auto; margin-top:28px; overflow:hidden;}
.dehcss_c{ width:1390px; height:850px; margin:auto; margin-top:35px; overflow:hidden;}

.case-body{display: block; width: 100%; overflow: hidden;}
.case-body ul{display: block; margin: 0 -8px;}
.case-body li{display: block; width: 351px; *width: 24.739999%; float: left; margin-bottom: 16px; -webkit-transform: scale(0.4); -o-transform: scale(0.4); transform: scale(0.4); opacity: 0; filter: alpha(opacity=0);}
.case-body .item1{-webkit-transition: 0.3s 0.5s linear; -o-transition: 0.3s 0.5s linear; transition: 0.3s 0.5s linear;}
.case-body .item2{-webkit-transition: 0.45s 0.5s linear; -o-transition: 0.45s 0.5s linear; transition: 0.45s 0.5s linear;}
.case-body .item3{-webkit-transition: 0.6s 0.5s linear; -o-transition: 0.6s 0.5s linear; transition: 0.6s 0.5s linear;}
.case-body .item4{-webkit-transition: 0.75s 0.5s linear; -o-transition: 0.75s 0.5s linear; transition: 0.75s 0.5s linear;}
.case-body .item5{-webkit-transition: 0.9s 0.5s linear; -o-transition: 0.9s 0.5s linear; transition: 0.9s 0.5s linear;}
.case-body .item6{-webkit-transition: 1.05s 0.5s linear; -o-transition: 1.05s 0.5s linear; transition: 1.05s 0.5s linear;}
.case-body .item7{-webkit-transition: 1.3s 0.5s linear; -o-transition: 1.3s 0.5s linear; transition: 1.3s 0.5s linear;}
.case-body .item8{-webkit-transition: 1.45s 0.5s linear; -o-transition: 1.45s 0.5s linear; transition: 1.45s 0.5s linear;}

.case .case-body.show li{-webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; filter: alpha(opacity=100); display: block;}
.case-body li .alcontent{display: block;padding: 0 8px;}
.case-body li .alcontent .pic{display: block; overflow: hidden; position: relative;}
.case-body li .alcontent .pic img{ display: block; width: 335px; height: 209px; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; transform-origin:50% 50%;}
.case-body li .alcontent:hover .pic img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.case-body li .alcontent .pic .icon{position: absolute;display: block;width: 51px;height: 60px;
top:50%; margin-top: -25px;	left:50%; margin-left: -30px; background: url(../images/hexagon-icon.png) no-repeat center; opacity: 0; filter:alpha(opacity=0); -webkit-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2);-webkit-transition: 0.5s linear;-o-transition: 0.5s linear;transition: 0.5s linear;}
.case-body li .alcontent:hover .pic .icon{-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;filter:alpha(opacity= 100);}
.case-body li .alcontent .info{ overflow:hidden;display: block;height: 60px;line-height: 60px;padding: 0 20px 0 10px;background-color: #f1f1f1;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.case-body li .alcontent:hover .info{background-color: #0166ce;}
.case-body li .alcontent .info h4{display: block;float: left;}
.case-body li .alcontent .info h4 a{color: #333;font-size: 16px;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.case-body li .alcontent:hover .info h4 a{color: #fff;}
.case-body li .alcontent:hover .info span a{color: #fff;}

.case-body li .alcontent .info .enter{position: relative;display: block;float: right;}
.case-body li .alcontent .info .enter a{display: block;float: left;width: 31px;height: 31px;border: 1px solid transparent;border-radius: 50%;margin-top: 14px;margin-left: 10px;-webkit-transition: border 0.3s linear;-o-transition: border 0.3s linear;transition: border 0.3s linear;}
.case-body li .alcontent .info .enter a:hover{border: 1px solid #fff;}
.case-body li .alcontent .info .enter .computer-icon{background:url(../images/icon.png) no-repeat -1px -301px;}
.case-body li .alcontent:hover .info .enter .computer-icon{background:url(../images/icon.png) no-repeat -1px -367px;}
.case-body li .alcontent .info .enter .mobel-phone-icon{background:url(../images/icon.png) no-repeat -1px -268px;}
.case-body li .alcontent:hover .info .enter .mobel-phone-icon{background:url(../images/icon.png) no-repeat -1px -334px;}

.case-body li .alcontent .info .enter .case-ewm{display: none;position: absolute;padding: 6px;border: 1px solid #e0e0e0;bottom:47px;right:-20px;background-color: #fff;z-index: 10;}
.case-body li .alcontent .info .enter .case-ewm img{display: block;width: 140px;height: 140px;}
.case-body li .alcontent .info .enter .case-ewm p{display: block;padding: 10px;line-height: 1;text-align: center;color: #383838;white-space: nowrap;}
.case-body li .alcontent .info .enter .case-ewm .arrow{display: block;position: absolute;width: 0;height: 0;border: 8px solid transparent;border-top: 8px solid #fff;bottom:-16px;right:30px;}


/*第三排*/
.dshcss{ width:100%; height:642px; margin:auto; background:url(../images/jztcbj.jpg) center no-repeat; overflow:hidden;}
.dshcss_c{ width:1195px; height:485px; overflow:hidden; margin:auto; margin-top:126px;}
/*左边导航*/
.right_top_t{ float:left; width:250px; height:484px; background:#3B4755;}
.right_top_bt2{height:484px; width:250px; margin:auto;}
.right_top_bt2 li{ width:250px; height:121px; line-height:121px; font-size:21.34px; position:relative; text-align:left; text-indent:80px;}
/*选项卡没有点击的样式*/
.right_top_bt2 li a{ color:#fff; width:206px; height:121px; display:block; padding:0 22px;}
.right_top_bt2 li a:visited{ color:#fff; width:206px; height:121px; display:block; padding:0 22px;}
.right_top_bt2 li a:active{ color:#fff; width:206px; height:121px; display:block; padding:0 22px;}
/*选项卡点击后的样式*/
.right_top_bt2 li a.current_nav{ color:#fff!important; background:#1DA4DE; text-decoration:none; display:block; padding:0 22px;}
.right_top_bt2 li a.current_nav:visited{ color:#fff!important; background:#1DA4DE; text-decoration:none; display:block; padding:0 22px;}
.right_top_bt2 li a.current_nav:active{ color:#fff!important;  background:#1DA4DE; text-decoration:none; display:block; padding:0 22px;}
/*图标*/
.right_top_bt2 li i{ width:61px; height:52px; position:absolute; display:block;}
.tcico0{width: 61px; top:32px; background: url(../images/wzico.png) no-repeat -6px -85px;}
.tcico1{width: 59px; top:40px; background: url(../images/wzico.png) no-repeat -88px -85px;}
.tcico2{width: 50px; top:38px; background: url(../images/wzico.png) no-repeat -170px -85px;}
.tcico3{width: 61px; top:35px; background: url(../images/wzico.png) no-repeat -246px -85px;}
/*右边内容*/
.right_top_txt2{width:880px; height:485px; float:right; overflow:hidden; position:relative;} 
.tpzscs{width:880px; height:485px; color:#FFF; overflow:hidden;}
.tpzscs a:visited{ color:#fff; }
.tpzscs a:hover{ color:#ffff00!important; }
/*查看更多按钮*/
.tczs_btn{ width:137px; height:39px; background: url(../images/wzico.png) no-repeat -330px -85px; cursor:pointer; bottom:50px; position:absolute;}
/*.right_top_txt2 .tpzscs {
    color: #fff;
    position: absolute;
    top: 20px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.15s ease-out 0.05s;
    -moz-transition: all 0.15s ease-out 0.05s;
    -ms-transition: all 0.15s ease-out 0.05s;
    -o-transition: all 0.15s ease-out 0.05s;
    transition: all 0.15s ease-out 0.05s;
}
.right_top_txt2 .tpzscs.tcxz {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 2;
    top: 0;
    -webkit-transition: all 1s cubic-bezier(0, 0, 0.33, 1.02) 0.25s;
    -moz-transition: all 1s cubic-bezier(0, 0, 0.33, 1.02) 0.25s;
    -ms-transition: all 1s cubic-bezier(0, 0, 0.33, 1.02) 0.25s;
    -o-transition: all 1s cubic-bezier(0, 0, 0.33, 1.02) 0.25s;
    transition: all 1s cubic-bezier(0, 0, 0.33, 1.02) 0.25s;
}*/


/*第四行*/
.dxhcss{ width:1210px; height:560px; margin:70px auto; overflow:hidden;}
.section h1, h2, h3, h4, h5, h6 { font-weight: normal;}
.section .section-header.show { left: 0; opacity: 1; filter: alpha(opacity=100);}
.news-header { background: url(../images/bstzxlm.jpg) no-repeat}
.section-header {position: relative; display: block; padding-top: 17px; height:42px; margin-bottom: 40px; left: -200px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: 0.5s linear; -o-transition: 0.5s linear; transition: 0.5s linear;}
.news{	display: block;	overflow: hidden;}
.news-header .news-type{	display: block;	float: right;	margin-top: 16px;}
.news-header .news-type li{	display: block;	float: left;width: 78px;height: 24px;border: 1px solid #fff;border-radius: 15px;text-align: center;	line-height: 24px;margin-left: 24px;color: #333;cursor: pointer;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;	transition: 0.3s linear;}
.news-header .news-type li.active{	border: 1px solid #0166ce;	color: #0166ce;}
.news-body{	display: none;	overflow: hidden;	position: relative;}
.news-body.on{	display: block;}
.news-body .news-l{	position: relative;	display: block;	float: left;	width: 45%;	top:200px;	opacity: 0;	filter: alpha(opacity=0);	-webkit-transition: 0.3s 0.5s linear;	-o-transition: 0.3s 0.5s linear;	transition: 0.3s 0.5s linear;}
.news-body.show .news-l{	top:0;	opacity: 1;	filter:alpha(opacity=100);}
.news-body .news-l li{	display: block;	margin-bottom: 20px;	overflow: hidden;clear: both;}
.news-body .news-l li:last-child{margin-bottom: 0;}
.news-body .news-l li .date{display: block;	float: left;width: 98px;height: 98px;border: 1px solid #d6d6d6;	margin-right: 16px;	line-height: 1;	text-align: center;	-webkit-transition: 0.3s linear;	-o-transition: 0.3s linear;	transition: 0.3s linear;}
.news-body .news-l li:hover .date{	border: 1px solid #0166ce;	background-color: #0166ce;}
.news-body .news-l li .date .day{display: block;font-size: 25px;color: #666;margin-top: 13px;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;	transition: 0.3s linear;}
.news-body .news-l li:hover .date .day{color: #fff;}
.news-body .news-l li .date .line{	display: block;	width: 21px; height: 1px; margin: 8px auto 10px; background-color: #757575;	-webkit-transition: 0.3s linear; -o-transition: 0.3s linear;	transition: 0.3s linear;}
.news-body .news-l li:hover .date .line{background-color: #eee;}
.news-body .news-l li .date .month{	display: block;	font-size: 16px;color: #5f5f5f;	-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;	transition: 0.3s linear;}
.news-body .news-l li:hover .date .month{	color: #fff;}
.news-body .news-l li .content{	display: block;	overflow: hidden;}
.news-body .news-l li .content h4{	display: block;	margin-top: 8px;}
.news-body .news-l li .content h4 a{font-size: 16px;color: #333;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;	transition: 0.3s linear;}
.news-body .news-l li:hover .content h4 a{	color: #0166ce;}
.news-body .news-l li .content p{display: block;line-height: 26px;	color: #5f5f5f;	margin-top: 8px;}
.news-body .news-l li .content p a{	color: #5f5f5f;}
.news-body .news-r{	display: block;	float: right;	width: 53%;}
.news-body .news-r li{	position: relative;	display: block;	float: left; width: 47%; margin-left: 3%;}
.news-body .news-r li:nth-child(2){	margin-right: 0;}
.news-body .news-r .item1{	top:200px;	opacity: 0;	filter: alpha(opacity=0);	-webkit-transition: 0.5s 0.5s linear;	-o-transition: 0.5s 0.5s linear;	transition: 0.5s 0.5s linear;}
.news-body .news-r .item2{	top:200px;	opacity: 0;	filter: alpha(opacity=0);	-webkit-transition: 0.7s 0.5s linear;	-o-transition: 0.7s 0.5s linear;	transition: 0.7s 0.5s linear;}
.news-body.show .news-r li{	top:0;	opacity: 1;	filter:alpha(opacity=100);}
.news-body .news-r li .pic{	display: block;	overflow: hidden;	border: 1px solid #eee;}
.news-body .news-r li .pic img{	display: block;	width:300px; height:200px; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out;	transition: 0.5s ease-in-out;}
.news-body .news-r li:hover .pic img{-webkit-transform: scale(1.1);	-ms-transform: scale(1.1);	-o-transform: scale(1.1);transform: scale(1.1);}
.news-body .news-r li h4{display: block; margin-top: 22px;height: 64px;}
.news-body .news-r li h4 a{color: #333;font-size: 16px;line-height: 32px;font-weight: bold;-webkit-transition: 0.5s linear;-o-transition: 0.5s linear;transition: 0.5s linear;}
.news-body .news-r li:hover h4 a{color: #0166ce;}
.news-body .news-r li p{display: block;line-height: 24px;color: #5f5f5f;margin-top: 14px;height: 96px;}
.news-body .news-r li .info{display: block;margin-top: 18px;}
.news-body .news-r li .info span{display: block;float: left;color: #9a9a9a;}
.news-body .news-r li .info a{display: block;float: right;color: #5f5f5f;-webkit-transition: 0.5s linear;-o-transition: 0.5s linear;transition: 0.5s linear;}
.news-body .news-r li .info a:hover{color: #0166ce;}



/*第五行*/
.addr-icon{background:url(../images/wzico.png) no-repeat -11px -166px;height:52px;padding-left:33px;}
.tell-icon-l{background:url(../images/wzico.png) no-repeat -75px -166px;height:53px;padding-left:53px;}
.mail-icon{background:url(../images/wzico.png) no-repeat -162px -166px;height:68px;padding-left:67px;}
.clock-icon{background:url(../images/wzico.png) no-repeat -264px -166px;height:56px;padding-left:56px;}
.contact { position: relative; display: block; width: 100%; min-width: 1390px;background:url(../images/lxwmbj.jpg) center no-repeat; overflow: hidden; height: 408px; padding-top: 85px;}
.lxwmjs{ width:875px; height:110px; position:absolute; left:15%; background:url(../images/lxwmjs.png) no-repeat; z-index: 10;}
.lxwm_c{ width:1210px; margin:auto; position: relative;}
.clearfix {}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {    display: block;    margin: 0;    padding: 0;}
article, aside, footer, header, hgroup, main, nav, section {    display: block;}
body, button, input, select, textarea {    font: 14px / 1.5 "MIcrosoft YaHei";    font-style: normal;}
.clearfix:after { visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.contact .contact-way{	display: block;    position: absolute;    z-index: 10;    /* height: 262px; */    overflow: hidden;    top: 155px;}
.contact .contact-way ul{	display: block;	margin: 0 -2%;	*margin: 0;}
.contact .contact-way ul li{	position: relative;	display: block;	float: left;	width: 272px;	height: 155px;	margin: 0 17px;	text-align: center;	background-color: #080808;	background-color: rgba(0,0,0,0.6);	opacity: 0;	filter:alpha(opacity=0);	top: 200px;}
.contact .contact-way ul li a{color:#fff;}
.contact .contact-way ul .item1{	-webkit-transition: top 0.3s 0.5s linear,background 0.3s linear;	-o-transition: top 0.3s 0.5s linear,background 0.3s linear;	transition: top 0.3s 0.5s linear,background 0.3s linear;}
.contact .contact-way ul .item2{	-webkit-transition: top 0.5s 0.5s linear,background 0.3s linear;	-o-transition: top 0.5s 0.5s linear,background 0.3s linear;	transition: top 0.5s 0.5s linear,background 0.3s linear;}
.contact .contact-way ul .item3{	-webkit-transition: top 0.7s 0.5s linear,background 0.3s linear;	-o-transition: top 0.7s 0.5s linear,background 0.3s linear;	transition: top 0.7s 0.5s linear,background 0.3s linear;}
.contact .contact-way ul .item4{	-webkit-transition: top 0.9s 0.5s linear,background 0.3s linear;	-o-transition: top 0.9s 0.5s linear,background 0.3s linear;	transition: top 0.9s 0.5s linear,background 0.3s linear;}
.contact.show .contact-way ul li{	top:0;	opacity: 1;	filter:alpha(opacity=100);}
.contact .contact-way ul li:hover{	background-color: #0166ce;	background-color: rgba(1,102,206,0.6);}
.contact .contact-way ul li .item-box{	display: block;	padding: 0 24px;}
.contact .contact-way ul li .icon{	display: inline-block;	margin-top: 20px;}
.contact .contact-way ul li p{	display: block;	color: #fff;	line-height: 22px;	margin-top: 6px;}


/*友情链接*/
.linkbj{ width:1200px; margin:auto; padding:15px 0; border-bottom:1px solid #4B5054; border-top:1px solid #4B5054;}
.yqljbt{width:80px; line-height:28px; float:left;}
.link{height:auto; min-height:40px; width:1110px; font-family:"宋体"; margin:auto; color:#949599; font-size:13px; line-height:28px; overflow:hidden; text-align:left;}
.yqljcss{ width:1110px; float:left; height:auto; margin-top:5px;}
.yqljcss p{ float:left;}
.yqljcss a{ color:#949599;}
.yqljcss a:visited{ color:#949599;}
.yqljcss a:hover{ color:#FFFF00!important;}

.bottoms{width:100%; min-width:1390px;  position:relative; background:#383D41; overflow:hidden;}
/*底部*/
.bottomszjbj{ width:1240px; height:250px; margin:25px auto; color:#A9A9A9; overflow:hidden;}
.bottomdh{ width:840px; height:235px; float:left; overflow:hidden; border-right:1px solid #4B5054;}
.wzcpdiv{ width:auto; height:240px; float:left; overflow:hidden; background:url(../images/bottomfgx.jpg) right center no-repeat; margin:10px 90px 0 20px;}
.wzcpbt{ font-family:"微软雅黑"; font-size:16px; color:#fff; line-height:33px; margin-top:10px; text-align:left;}
.wzcpbt a{ color:#fff; text-indent:2px;}
.wzcpbt a:visited{ color:#fff;}
.wzcpbt a:hover{  color:#FFFF00;}
.wzcptxt{ height:168px; overflow:hidden; text-align:left; font-size:13px; font-family:"微软雅黑"; color:#737277; }
.wzcptxt li{ line-height:33px;}
.wzcptxt li a{ color:#737277; text-indent:2px;}
.wzcptxt li a:visited{ color:#737277;}
.wzcptxt li a:hover{  color:#FFFF00;}
/*联系我们*/
.bqsycss{ width:310px; height:200px; float:right; margin-top:35px; margin-right:20px; line-height:27px; text-align:center; overflow:hidden;}
.ewmcss{ width:114px; height:114px; overflow:hidden; margin:auto; margin-bottom:5px;}
.ewmcss img{ width:114px; height:114px; margin:auto;}
/*版权友情*/
.bqtxt{ margin:25px auto; width:1200px; color:#8F9498; line-height:25px; text-align:center;}
.bqtxt a{ color:#8F9498;}
.bqtxt a:visited{ color:#8F9498;}
.bqtxt a:hover{  color:#FFFF00;}



/*内页*/
.nycon{width:100%; min-width:1390px; margin:auto; overflow:hidden;}
/*关于我们内页*/
.nav{ width:100%; height:50px; background:#E5E5E5; margin:auto; overflow:hidden; z-index:999999;}
.navin{height:50px; line-height:50px; font-size:14px; width:1210px; margin:auto;}
.navul{LIST-STYLE-TYPE:none}
.navul a{color:#111111; DISPLAY:block; FLOAT:none;}
.navul li{POSITION:relative; TEXT-ALIGN:center; height:50px; LINE-HEIGHT:50px; WIDTH:118px; FLOAT:left; margin-right:10px; _z-index:999999;}
.navul a.li1{float:left; width:118px; text-align:center; height:50px; line-height:50px; color:#FFF; background:#1DA4DE;}
.navul a.li0{float:left; list-style:none; width:118px;}
/*滑动下方导航固定*/
#nav { width:100%; margin:auto; height:50px; background:#E5E5E5; z-index:999999;}
#portamento_container { position:relative;} /* take the positioning of the sidebar, and become the start point for the sidebar positioning */
#portamento_container #nav {float:none; position:absolute;} /* no need to float anymore, become absolutely positoned */
#portamento_container #nav.fixed {position:fixed;} /* if the panel is sliding, it needs position:fixed */
/*公司简介*/
.gsjjcss{ width:100%; height:auto; overflow:hidden; margin:auto; padding-top:85px;}
.gsjj_t{ width:1200px; height:90px; overflow:hidden; margin:auto; background:url(../images/nygsjjlm.jpg) center no-repeat;}
.gsjj_c{ width:1190px; height:auto; margin:auto; margin-top:28px; overflow:hidden; line-height:28px; margin-bottom:75px; color:#6f6f6f;}
/*数字滚动*/
.fwxmcss{ width:100%; height:224px; margin:auto; overflow:hidden;}
.strength {display: block; width: 100%; height: 132px; padding: 46px 0; overflow: hidden; background: url(../images/blue-bg.png) repeat-x;}
.container {    display: block;  width: 85%;  min-width: 1200px;    margin: 0 auto;}
.strength.show .item {    top: 0;  opacity: 1;  filter: alpha(opacity=100);}
.strength .item1 {    -webkit-transition: 0.5s ease;    -o-transition: 0.5s ease;    transition: 0.5s ease;}
.strength .item { position: relative; display: block; float: left; width: 33.333%; height: 132px; text-align: center; top: 200px; opacity: 0; filter: alpha(opacity=100);}
.strength .item .item-box {    display: block;    border-right: 1px solid #0052a7;}
.strength .item .num { position: relative; display: block; text-align: center; line-height: 1; font-size: 0; font-family: "Microsoft Yahei";}
.strength .item .num .num-item { display: inline-block; width: 50px; height: 86px; margin: 0 2px; color: #fff; font-size: 86px; overflow: hidden;}
.strength .item .num .num-item .box { display: block;}
.strength .item .num .num-item span { display: block;    width: 50px;    height: 86px;    text-align: center;}
.strength .item .num .line {display: none; position:absolute; width:100%; height:3px; top:50%; left: 0; margin-top:-1px; background: url(../images/blue-bg.png) repeat-x center;}
.strength .item p { display:block; text-align: center; font-size: 16px; color:#fff;  margin-top:20px;}
.strength.show .item { top: 0; opacity: 1; filter:alpha(opacity=100);}
.strength .item2 {    -webkit-transition: 0.3s 0.5s ease;    -o-transition: 0.3s 0.5s ease;    transition: 0.3s 0.5s ease;}
.strength .item .item-box {    display: block;    border-right: 1px solid #0052a7;}
.strength .item3 {    -webkit-transition: 0.6s 0.5s ease;    -o-transition: 0.6s 0.5s ease;    transition: 0.6s 0.5s ease;}
.strength .item3 .item-box { border-right: none;}
/*服务范围*/
.fwxmcss{ width:100%; height:auto; margin:auto; padding-top:80px; overflow:hidden;}
.fwxm_c{ width:1210px; height:auto; margin:auto; overflow:hidden;}
/*企业文化*/
.qywhcss{ width:100%; height:auto; margin:auto; padding-top:80px; overflow:hidden;}
.whln_c{ width:1080px; height:auto; margin:auto; overflow:hidden; padding-bottom:45px;}
.fwlnbj{ width:100%; height:517px; background:url(../images/fwlnbj.jpg) center no-repeat; margin:auto; overflow:hidden;}
.fwln_c{ width:1125px; height:240px; margin:auto; margin-top:183px; overflow:hidden;}
.fwln_c_txt{ width:785px; height:240px; float:left; overflow:hidden; line-height:34px; font-size:16px; color:#FFF;}
/*专业团队*/
.zytdcss{ width:100%; height:727px; background:url(../images/tdjsbj.jpg) center no-repeat; overflow:hidden;}
.zytd_c{ width:1185px; height:auto; margin:auto; padding-top:140px; overflow:hidden;}
.zytd_c_txt{ float:right; width:710px; height:auto; overflow:hidden; line-height:29px; color:#6f6f6f;}
/*公司优势*/
.gsyscss{ width:100%; height:auto; overflow:hidden; margin:auto; padding-top:55px; margin-bottom:160px;}
.gsys_c{ width:1210px; height:930px; margin:auto; overflow:hidden;}


/*产品服务*/
.cpfwlbj{ width:1209px; height:438px; background:url(../images/cpfwlistbj.png) center no-repeat; margin:50px auto 30px auto; overflow:hidden;}
.cpfwlbj li{ float:left; width:400px; height:218px; overflow:hidden; margin:0 1px}
.cpfwlbj li i{ float:left; width:146px; height:146px; background:url(../images/cpfwlistli.png) no-repeat; margin-top:19px; margin-left:2px;}
.cpfwlbj li .fwico1{ background-position: -29px -24px;}
.cpfwlbj li .fwico2{ background-position: -206px -24px;}
.cpfwlbj li .fwico3{ background-position: -387px -24px;}
.cpfwlbj li .fwico4{ background-position: -563px -24px;}
.cpfwlbj li .fwico5{ background-position: -747px -24px;}
.cpfwlbj li .fwico6{ background-position: -926px -24px;}
.fw_txt{ float:right; width:200px; height:175px; overflow:hidden;}
.fw_txt_bn{ width:123px; height:29px; border:1px solid #bababa; text-align:center; line-height:29px;}
.fw_txt .fw_txt_t{ font-size:24px; color:#343434; font-weight:bold; line-height:35px; height:35px;}
.fw_txt .fw_txt_c{ color:#828282; line-height:25px; display:block; padding:8px 0 20px 0; font-size:13.34px;}
.cpfwlbj li a{ width:373px; height:187px; padding:15px; display:block; background:#FFF; color:#8e8e8e;}
.cpfwlbj li a:hover {  width:373px; height:187px; background:#f5f5f5; color:#343434;}


/*经典案例*/
.jdal_bj{ width:100%; height:auto; margin:70px auto 30px auto; background:url(../images/dflbj.jpg) top repeat-x;}
.jdal_fldiv{ width:1110px; height:auto; margin:auto; overflow:hidden;}
.jdal_dfl{height:36px; width:290px; background:#FFF; margin:auto;}
.jdal_dfl li{ float:left; font-size:16px; width:129px; height:34px; margin:0 7px; border:1px solid #D1D1D1; line-height:35px; text-align:center;}
/*选项卡没有点击的样式*/
.jdal_dfl li a{ color:#000; text-align:center; display:block;}
.jdal_dfl li a:visited{ color:#000; text-align:center; display:block;}
.jdal_dfl li a:active{ color:#000; text-align:center; display:block;}
/*选项卡点击后的样式*/
.jdal_dfl li a.current_nav{ color:#fff!important; background:#248BCE; text-decoration:none; display:block;}
.jdal_dfl li a.current_nav:visited{ color:#fff!important; background:#248BCE; text-decoration:none; display:block;}
.jdal_dfl li a.current_nav:active{ color:#fff!important; background:#248BCE; text-decoration:none; display:block;}
.tpzsgd{width:1130px; height:auto; margin:auto; margin-top:18px; font-size:13px; overflow:hidden;}
.tpzsgd a{  float:left; width:auto; height:30px; line-height:30px; overflow:hidden; text-align:center; margin:6px 25px; color:#656565;}
.tpzsgd a:hover{ color:#CA0000;}
/*经典案例图片展示*/
.jdal_imgtxt{ width:1400px; height:auto; margin:auto; margin-bottom:50px; overflow:hidden;}
/*.jdal_imgtxt li{  float:left; width:336px; height:252px; overflow:hidden; text-align:center; margin:10px 7px; _margin:10px 6px;}
.jdal_imgtxt li .p_img{border:1px solid #CCC; width:334px; height:210px; vertical-align: middle; text-align: center; display: table-cell;}
.jdal_imgtxt li img { width: 334px; height: 210px;}
.jdal_imgtxt li p{ font-size:14px; height:40px; line-height:40px; width:336px; display:block; background:#ECECEC; overflow:hidden;}
.jdal_imgtxt li .p_img .pic{display: block; overflow: hidden; position: relative;}
.jdal_imgtxt li .p_img .pic .icon{position: absolute;display: block;width: 51px;height: 60px;
top:50%; margin-top: -25px;	left:50%; margin-left: -30px; background: url(../images/hexagon-icon.png) no-repeat center; opacity: 0; filter:alpha(opacity=0); -webkit-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2);-webkit-transition: 0.5s linear;-o-transition: 0.5s linear;transition: 0.5s linear;}
.jdal_imgtxt li .p_img:hover .pic .icon{-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;filter:alpha(opacity= 100);}*/


/*建站套餐*/
.jztc_txt{ width:1235px; height:auto; margin:55px auto; overflow:hidden;}
.green{ border:1px solid #76b045; color:#76b045;}/*绿色*/
.green .jztc_div_btn{ background:#76b045;}
.orange{ border:1px solid #f78a37; color:#f78a37;}/*橘色*/
.orange .jztc_div_btn{ background:#f78a37;}
.red{ border:1px solid #d54646; color:#d54646;}/*红色*/
.red .jztc_div_btn{ background:#d54646;}
.blue{ border:1px solid #51c1e7; color:#51c1e7;}/*蓝色*/
.blue .jztc_div_btn{ background:#51c1e7;}
.blues{ border:1px solid #2374C0; color:#2374C0;}/*深蓝*/
.blues .jztc_div_btn{ background:#2374C0;}
.purple{ border:1px solid #79487D; color:#79487D;}/*紫色*/
.purple .jztc_div_btn{ background:#79487D;}
.jztc_div{ float:left; width:572px; height:303px; margin:0 21px; margin-bottom:55px; overflow:hidden;}
.jztc_div_txt{ width:526px; height:245px; margin:29px auto; overflow:hidden;}
.jztc_div_img{ width:140px; height:171px; float:left; overflow:hidden; margin-top:32px;}
.jztc_div_con{ float:right; width:365px; height:245px; overflow:hidden;}
.jztc_div_t{ width:365px; height:32px; line-height:32px; font-size:24px; font-weight:bold;}
.jztc_div_c{ width:365px; height:146px; display:block; margin:6px 0 16px 0; color:#565656; font-size:14px; line-height:28px; overflow:hidden;}
.jztc_div_btn{ width:158px; height:35px; display:block; text-align:center; line-height:35px; color:#FFF;}


/*新闻资讯*/
.xwbj{ background:#EBEBEB;}
.xwzx_div{ width:1240px; height:auto; overflow:hidden; margin:auto; background:url(../images/xwrightbj.jpg) top right repeat-y;}
/*新闻搜索*/
.ssbj { width:1240px; height:40px; overflow:hidden; margin:auto;  margin-top:10px; margin-left:15px;}
.sscss{float:left; background:url(../images/ssbj.jpg) no-repeat; width:299px; height:28px; margin-top:8px; margin-right:8px;}
.sscss input{ float:left; height:24px; width:200px; background:none; border:0; margin-left:35px; line-height:22px;overflow:hidden; margin-top:1px; color:#999;}
/*新闻列表*/
.xwzx_txt{ float:left; width:908px; height:auto;}
.xwzx_txt li{ float:left; width:413px; height:383px; background:#FFF; margin:20px 14px;}
.xwzx_txt li .xwzx_img{ width:365px; height:205px; margin:22px auto 14px auto; overflow:hidden;}
.xwzx_txt li .xwzx_img img{ width:365px; height:205px;}
.xwzx_txt li .xwzx_t{ width:365px; height:90px; overflow:hidden; margin:auto; margin-bottom:10px;}
.xwzx_txt li .xwzx_t .xwzx_t_bt{ height:38px; line-height:38px; width:365px; display:block; overflow:hidden; font-size:20px; font-weight:bold; color:#3e3e3e; text-align:center;}
.xwzx_txt li .xwzx_t .xwzx_t_txt{ height:51px; width:365px; line-height:25px; display:block; color:#6c6c6c; text-indent:2em; overflow:hidden;}
.xwzx_txt li .xwzx_time{ border-top:1px solid #EBEBEB; height:40px; line-height:40px; padding:0 35px; font-size:12px; color:#888888;}
.xwzx_txt li .xwzx_time a{ color:#888888;}
.xwzx_txt li .xwzx_time a:hover { color:#FF0000;}
/*右侧*/
.xwzx_right{ float:right; width:310px; min-height:1410px;}
.xwzx_right_c{ width:268px; height:auto; margin:30px auto 300px auto;}
.xwzx_fl{ width:236px; height:auto; overflow:hidden; margin:auto; margin-bottom:10px;}
.xwzx_fl li{ width:236px; height:33px; margin-bottom:10px; text-align:center;}
.xwzx_fl li a{ display:block; width:234px; height:31px; border:1px solid #D4D4D4; line-height:31px;}
.xwzx_fl li a:hover {display:block; width:234px; height:31px; border:1px solid #37A4DF; background:#37A4DF; color:#FFF;}
.xwzx_fl li .xwfl_hover{width:234px; height:31px; border:1px solid #37A4DF; background:#37A4DF; color:#FFF;}
/*推荐阅读*/
.xwzx_tjyd{ width:260px; height:auto; margin:auto; margin-bottom:40px; border-top:1px solid #E7E7E7;}
.xwzx_tjyd_t{ width:260px; height:40px; line-height:40px; margin-top:15px; font-weight:bold; font-size:20px;}
.xwzx_tjyd li{ padding:10px 0; width:260px; border-bottom:1px solid #E7E7E7; height:auto; line-height:27px;}
/*二维码*/
.xwzx_ewm{ width:175px; height:199px; margin:auto;}
.xwzx_ewm img{ width:175px; height:199px;}

/*新闻详细页*/
.xwzxshow_div{width:1240px; height:auto; overflow:hidden; margin:auto; background:#FFF; }
.xwxxy_left{ width:840px; float:left; height:auto; overflow:hidden; margin-top:70px; margin-left:53px;}
/*新闻详情页*/
.newnyclass{ border-bottom:1px dotted #afafaf; width:840px; line-height:15px; float:left; padding-bottom:20px;}
/* 文章工具集 */
.newsTool{border:1px dotted #afafaf;border-left:none;border-right:none;text-align: center; margin-top:5px; margin-bottom:2px;}
.newsTool .titletool{ color:#000; white-space: nowrap;overflow: visible;padding: 0 0 0 .5em;height: 28px;line-height: 28px;}
a.titletool:link, a.titletool:visited{color: #000;}
a.titletool:hover,a.titletool:active{color:#2e6e9e;text-decoration:none;}
/* 视力字体 */
#fonts a{ padding:0 1px;}
#fonts a:hover{ font-weight:bold;}
#backg a{ border: 1px solid #999; width: 8px; height: 8px; display: inline-block; line-height:28px; margin-left:2px;}
/* 工具集图标 */
.newsTool i.icon { background: url(../images/icons.png) no-repeat;}
i.icon.font { background-position: -25px -42px; width: 1.5em;height: 1.5em;}
i.icon.scolor { background-position: -46px -20px; width: 1.5em;height: 1.5em;}
i.icon.weixin{background-position: 3px 0;}
i.icon.weibo{background-position: 0 -24px;}
i.icon.note{background-position: 0px -135px;}
i.icon.favi{background-position: -25px 0px;width:1.5em; height:1.5em;}
i.icon.print{background-position: -25px 0px;width:1.5em; height:1.5em;}
i.icon.close{background-position: -46px 0px;width:1.5em; height:1.5em;}
/*标签-带链接*/
.u-label{font-size: 12px;}
.u-label{display: inline-block;vertical-align: middle; padding: .5em .5em;color: rgba(0,0,0,.65);text-transform: uppercase;font-weight: 400;border-radius: .325em;}
a.u-label{cursor: pointer;}

i.icon{font-size: 1em;}
i.icon{display: inline-block;margin: 0 .25em 0 0;width: 1.5em;height: 1.5em;line-height: 1;vertical-align: middle;background:url(../images/icons.png) no-repeat;}
i.icon.weixin{background-position: 3px 0;}
i.icon.weibo{background-position: 0 -24px;}
/*新闻上下*/
.n-p { padding: 10px 0; border-bottom: 1px dotted #afafaf;  overflow: hidden;}
.n-p li { float: left; padding: 0px 20px; max-width: 80%; line-height: 24px; list-style-type: none;}
.n-p .p, .n-p .n { background: url(../images/icons.png) no-repeat;}
.n-p .p { background-position: 0px -332px;}
.n-p .n { background-position: 0px -313px;}



/*案例详细页 电脑cp端*/
.albj_cp{ width:100%; height:auto; background:url(../images/alshowbj.jpg) center top no-repeat; overflow:hidden;}
.alzs_cpimg{ width:1088px; height:auto; overflow:hidden; margin:auto; margin-top:55px; margin-bottom:70px;}
.alzs_cpimg_t{ width:1088px; height:60px; line-height:60px; text-align:center; font-size:36.84px; color:#FFF; margin-bottom:30px;}
.alzs_cpimg_txt{ width:1088px; height:615px; overflow:hidden; position:relative;}
/*左右箭头*/
.alzs_cpimg_l,.alzs_cpimg_r a{ width:73px; height:120px; display:block;}
.alzs_cpimg_l{ left:0; top:130px; position:absolute; width:73px; height:120px; background:url(../images/allr.png) no-repeat 0 0;}
.alzs_cpimg_r{ right:0; top:130px; position:absolute; width:73px; height:120px; background:url(../images/allr.png) no-repeat -73px 0;}
.alzs_cpimg_c{ margin:auto; width:785px; height:615px; background:url(../images/pcbj.jpg) no-repeat;  }
/*滚动图片*/
.alzs_cpimg_gd{ width:722px; height:408px; margin:auto; padding:28px; position:relative; overflow:hidden;}
.zzrycssimg{ width:722px; height:415px; margin:auto; overflow:hidden;}
.zzrycss_txtimg{ width:722px; height:415px; overflow:hidden;}
.zzrycss_txtimg img{ width:722px; height:415px;}
.alzs_cpimg_gd .hdsss{ position:absolute; z-index:9999999; font-size:0px; bottom:2px; height:12px; line-height:0px; right:46%;}
.alzs_cpimg_gd .hdsss ul{ zoom:1;}	
.alzs_cpimg_gd .hdsss ul li{ float:left; margin:0 5px; width:12px; height:12px; line-height:12px; text-align:center; border:1px solid #fff;border-radius:50%;background:none; color:#ffffff;  cursor:pointer; }
.alzs_cpimg_gd .hdsss ul li.on{border:1px solid #5db9ec;background:#5db9ec;}
/*案例详细页 手机端*/
.albj_ph{ width:100%; height:auto; background:url(../images/alshowbjph.jpg) center top no-repeat; overflow:hidden;}
.alzs_phimg{ width:1088px; height:auto; overflow:hidden; margin:auto; margin-top:55px; margin-bottom:70px;}
.alzs_phimg_t{ width:1088px; height:60px; line-height:60px; text-align:center; font-size:36.84px; color:#FFF; margin-bottom:30px;}
.alzs_phimg_txt{ width:1088px; height:862px; overflow:hidden; position:relative;}
/*左右箭头*/
.alzs_phimg_l,.alzs_phimg_r a{ width:73px; height:120px; display:block;}
.alzs_phimg_l{ left:0; top:130px; position:absolute; width:73px; height:120px; background:url(../images/allr.png) no-repeat 0 0;}
.alzs_phimg_r{ right:0; top:130px; position:absolute; width:73px; height:120px; background:url(../images/allr.png) no-repeat -73px 0;}
.alzs_phimg_c{ margin:auto; width:399px; height:860px; background:url(../images/phbj.jpg) no-repeat;  }
/*滚动图片*/
.alzs_phimg_gd{ width:345px; height:760px; margin:auto; padding:100px 27px 0 27px; position:relative; overflow:hidden;}
.zzrycssimgs{ width:345px; height:612px; margin:auto; overflow:hidden;}
.zzrycss_txtimgs{ width:345px; height:612px; overflow:hidden;}
.zzrycss_txtimgs img{ width:345px; height:612px;}
.alzs_phimg_gd .hdsss{ position:absolute; z-index:9999999; font-size:0px; bottom:2px; height:12px; line-height:0px; right:41%;}
.alzs_phimg_gd .hdsss ul{ zoom:1;}	
.alzs_phimg_gd .hdsss ul li{ float:left; margin:0 5px; width:12px; height:12px; line-height:12px; text-align:center; border:1px solid #000000;border-radius:50%;background:#000000; color:#000000;  cursor:pointer; }
.alzs_phimg_gd .hdsss ul li.on{border:1px solid #5db9ec;background:#5db9ec;}
/*简要介绍*/
.alzs_jj{ width:1050px; height:178px; overflow:hidden; float:left; margin-left:10px; margin-top:50px;}
.alzs_jj_l{ float:left; width:518px; height:140px; overflow:hidden; line-height:28px; color:#636262;}
.alzs_jj_t{ width:518px; height:52px; line-height:52px; font-size:24px; color:#000; font-weight:bold;}
.alzs_jj_r{ float:left; margin-left:180px; width:340px; height:150px; padding-top:28px; overflow:hidden; text-align:left; line-height:27px;}
.f18{ font-size:18px; color:#000;}
/*.redfot a{ color:#ff0000; font-weight:bold;}*/
.alzs_jj_r .redfot a{display: inline-block;font-size: 14px;line-height: 44px;padding: 0 30px;margin-top: 15px;background-image: url(../images/contenta.jpg);/* -webkit-animation: bam1 3s linear infinite; */-o-animation: bam1 3s linear infinite;animation: bam1 3s linear infinite;color: #fff;-webkit-transition-duration: 3s;-o-transition-duration: 3s;transition-duration: 3s;}
.alzs_jj_r .redfot a:hover{-webkit-animation: none;-o-animation: none;animation: none;}
@keyframes bam1 {
	0% { background-position:-368px bottom;}
	50% { background-position:0 bottom;}
	100%{ background-position:368px bottom;}
}

@keyframes bam2 {
	0% { background-position:-862px bottom;}
	50% { background-position:0 bottom;}
	100%{ background-position:862px bottom;}
}
/*编辑器内容显示（效果图展示）*/
.alzs_txt{ width:1088px; height:auto; margin:auto; overflow:hidden; line-height:28px;}
.alzs_fy{ width:1088px; height:45px; line-height:45px; overflow:hidden; margin:50px auto;}
.alzs_fy{ color:#CB0F0E; font-size:18px; text-align:center;}



/*建站套餐 详细页*/
.jztc_bj{ width:100%; height:50px; margin:60px auto 30px auto; background:url(../images/dflbj.jpg) center repeat-x;}
.jztc_dfl{height:50px; width:890px; background:#FFF; margin:auto;}
.jztc_dfl li{ float:left; font-size:21px; width:150px; height:48px; margin:0 13px; border:1px solid #D1D1D1; line-height:48px; text-align:center;}
/*选项卡没有点击的样式*/
.jztc_dfl li a{ color:#000; text-align:center; display:block;}
/*选项卡点击后的样式*/
.jztc_dfl li a.current_navs{ color:#fff!important; background:#248BCE; text-decoration:none; display:block;}
.jztc_dfl li a:hover{ color:#fff!important; background:#248BCE; text-decoration:none; display:block;}
/*建站套餐  详细页 内容显示*/
.jztc_c{ width:1240px; height:auto; margin:auto; overflow:hidden; margin-top:100px;}
/*内容左侧*/
.jztc_c_l{ float:left; width:552px; height:auto; overflow:hidden;}
.jztc_c_img{width:552px; height:auto; overflow:hidden; margin-bottom:30px;}
.jztc_c_img img{ margin:auto; width:552px; height:auto;}
.jztc_c_btn{ width:420px; height:53px; margin:auto;}
.jztc_c_btn span{ float:left;}
.jztc_btn_m { width:235px; height:50px; font-size:25px; color:#FFF; font-weight:bold; display:block; line-height:50px; background:#FF5400; text-align:center; -moz-border-radius:22px; -webkit-border-radius:22px;  border-radius:22px; margin-top:2px; margin-right:15px;}
.jztc_btn_tel a{ width:161px; height:53px; font-size:20.67px; color:#FFF; display:block; line-height:53px; background:#FE3614; text-align:center; -moz-border-radius:22px; -webkit-border-radius:22px;  border-radius:22px;}
.jztc_btn_m span, .jztc_btn_tel span { float:none;}
/*内容右侧*/
.jztc_c_r{ float:right; width:655px; height:auto; overflow:hidden; line-height:27px;}
/*案例滚动展示*/
.jztc_gdqh{ width:100%; height:300px; background:#F4F4F4; overflow:hidden; margin:70px auto;}
.jztc_al_t{ width:1150px; height:40px; background:url(../images/nyalzslm.jpg) center no-repeat; margin:30px auto; overflow:hidden;}
.jztc_al_con{ width:1150px; height:145px; margin:auto; overflow:hidden;}
.jztc_al_con li{  float:left; width:210px; height:145px; overflow:hidden; text-align:center; position:relative; margin:0 10px;}
.jztc_al_con li img{ width:210px; height:145px;}
/*案例详细页下方联系方式*/
.jztc_dblxwm{ width:100%; min-width:1390px; height:391px; background:url(../images/tcdbbj.jpg) center no-repeat;}



/*产品服务详细页*/
.om{ overflow:hidden; margin:auto;}
/*网站建设*/
.wzjsbj{ background:#F6F6F6;}
.wzjs_bj{ width:100%; height:725px; background:url(../images/cpfwimg/wzjsbj.jpg) center no-repeat;}
.wzjs_txt{ width:1120px; height:auto; line-height:29px; margin-top:70px; margin-bottom:50px;}
.wzjs_ad1{ width:1178px; height:530px; background:url(../images/cpfwimg/wzjsad1.jpg); margin-bottom:120px;}
.wzjs_ad2{ width:100%; height:560px; background:url(../images/cpfwimg/wzjsad2.jpg) center no-repeat; margin-bottom:110px;}
.wzjs_ad3{ width:1220px; height:460px; background:url(../images/cpfwimg/wzjsad3.jpg) center no-repeat; margin-bottom:130px;}
/*手机网站*/
.sjwz_bj{ width:100%; height:1689px; background:url(../images/cpfwimg/sjwzbj.jpg) center no-repeat;}
.sjwz_ad1{ width:100%; height:852px; background:url(../images/cpfwimg/sjwzad1.jpg); margin-bottom:120px;}
.sjwz_ad2{ width:1215px; height:403px; background:url(../images/cpfwimg/sjwzad2.jpg) center no-repeat; margin-bottom:120px;}
.sjwz_ad3{ width:100%; height:786px; background:url(../images/cpfwimg/sjwzad3.jpg) center no-repeat; position:relative;}
.sjwz_ad3 a{ top:630px; width:185px; height:45px; left:43%; position:absolute; display:block;}
/*微信小程序*/
.wxxcx_bj{ width:100%; height:557px; background:url(../images/cpfwimg/wxxcxbj.jpg) center no-repeat;}
.wxxcx_ad1{ width:924px; height:619px; background:url(../images/cpfwimg/wxxcxad1.jpg); margin-top:40px; margin-bottom:40px;}
.wxxcx_ad2{ width:100%; height:369px; background:url(../images/cpfwimg/wxxcxad2.jpg) center no-repeat;}
.wxxcx_ad3{ width:100%; height:1004px; background:url(../images/cpfwimg/wxxcxad3.jpg) center no-repeat; margin-bottom:70px;}
.wxxcx_ad4{ width:100%; height:390px; background:url(../images/cpfwimg/wxxcxad4.jpg) center no-repeat; margin-bottom:60px;}
.wxxcx_ad5{ width:1214px; height:344px; background:url(../images/cpfwimg/wxxcxad5.jpg) center no-repeat; margin-bottom:60px;}
.wxxcx_ad6{ width:1214px; height:264px; background:url(../images/cpfwimg/wxxcxad6.jpg) center no-repeat; margin-bottom:70px;}
.wxxcx_ad7{ width:100%; height:297px; background:url(../images/cpfwimg/wxxcxad7.jpg) center no-repeat;}
/*网站优化*/
.wzyh_bj{ width:100%; height:933px; background:url(../images/cpfwimg/wzyhbj.jpg) center no-repeat;}
.wzyh_ad1{ width:1039px; height:322px; background:url(../images/cpfwimg/wzyhad1.jpg); margin-top:75px; margin-bottom:75px;}
.wzyh_ad2{ width:100%; height:698px; background:url(../images/cpfwimg/wzyhad2.jpg) center no-repeat; margin-bottom:80px;}
.wzyh_ad3{ width:1204px; height:1105px; background:url(../images/cpfwimg/wzyhad3.jpg) center no-repeat; margin-bottom:80px;}
/*400电话*/
.phone_bj{ width:100%; height:505px; background:url(../images/cpfwimg/400bj.jpg) center no-repeat;}
.phone_ad1{ width:1220px; height:1880px; background:url(../images/cpfwimg/400ad.jpg); margin-top:70px; margin-bottom:75px;}


/*联系我们页面*/
.nylxwm{ width:1030px; height:auto; overflow:hidden; margin:60px auto; line-height:28px;}
.lxwm_map{ width:1020px; height:auto; margin:auto; margin-top:10px;}


/*招聘信息*/
.zpxxcss{ width:100%; margin-top:30px; overflow:hidden;}
.hrdemand{width:900px; margin:15px 0;}
.hr_bold{font-size:14px; font-weight:bold; color:#000;}
.hrdemand table {border: 1px solid #dbdbdb;border-collapse:collapse;width:900px; margin:0 auto 10px auto; line-height:16px;}
.hrdemand th{border:1px solid #dbdbdb; padding:5px; background-color: #dbdbdb; font-weight:bold;}
.hrdemand td{border:1px solid #dbdbdb; padding:5px;}
.hrdemand_page{text-align:right; height:20px; line-height:20px; margin-right:40px;}





/* 分页*/
.page{bottom:24px; margin:auto; text-align:center;}
.page a,.page p,.page span{display:block; float:left;}
.page p{color:#737373; margin-right:5px; padding:4px 5px; line-height:16px;}
.page span{color:#737373; padding:0 5px; line-height:22px; margin-right:5px;_margin-right:2px;}
.page a{color:#737373; border:solid 1px #EF5B56; padding:2px 8px; line-height:16px; margin-right:5px;}
.page a:hover,.page a.current{color:#fff; background-color:#FF7524; border-color:#FF7524;}

/*音乐*/
#audio-btn{width:44px; height: 44px;}
.onyy{background: url('../images/music_on.png') no-repeat 0 0;-webkit-animation: rotating 1.2s linear infinite;animation: rotating 1.2s linear infinite;}
.offyy{background: url('../images/music_off.png') no-repeat 0 0;}
@-webkit-keyframes rotating {
	from{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
    	transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.online-service{position:fixed;width:42px;bottom:175px;right:10px;z-index:999999}.online-service li{position:relative;display:block;width:42px;height:42px;margin-top:5px}.online-service li .way{position:relative;display:block;width:42px;height:42px;text-align:center;background-color:#0166CE;background-color:#0166CE;z-index:10;font-size:0;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease;cursor:pointer}.online-service li .way .icons{display:inline-block;margin:10px 0 0 3px}.online-service li .way .icons.arrow-top{margin-top:15px}.online-service li .way p{display:block;line-height:1;font-size:12px;color:#fff}.online-service .phone .content{display:block;*display:none;position:absolute;width:0;height:42px;padding:0 41px 0 20px;top:0;right:0;border-radius:21px;opacity:0;line-height:42px;color:#fff;font-size:16px;background-color:#222;background-color:rgba(1, 102, 206,.9);z-index:3;overflow:hidden;white-space:nowrap;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.online-service li:hover .content{*display:block;width:140px;opacity:1}.online-service .phone .content span:last-child{padding-left:10px}.online-service .wx .ewm{display:block;*display:none;position:absolute;top:50%;margin-top:-51px;right:51px;opacity:0;z-index:3;-webkit-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transition:.5s ease;-o-transition:.5s ease;transition:.5s ease}.online-service .wx:hover .ewm{*display:block;-webkit-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);opacity:1;white-space:nowrap}.online-service .wx .ewm img{display:block;width:102px;height:102px;border:1px solid #ccc}.online-service .wx .ewm .arrow{display:block;position:absolute;width:0;height:0;border:5px solid transparent;border-left:5px solid #ccc;top:50%;margin-top:-5px;right:-10px}.online-service .wx .ewm h4{display:block;margin-top:6px;color:#333;font-size:16px;text-align:center}.online-service .wx .ewm p{display:block;text-align:center;font-size:12px;color:#666;margin-top:2px}


                                                                                                                                                                                                                                                                                                                                                                                                                                
/*在线服务图标*/

.arrow-top{background:url(../images/contact-icon.png) no-repeat 0px 0px;height:12px;padding-left:22px;}
.contact-icon3{background:url(../images/contact-icon.png) no-repeat 0px -12px;height:24px;padding-left:30px;}
.contact-icon2{background:url(../images/contact-icon.png) no-repeat 0px -36px;height:24px;padding-left:26px;}
.contact-icon1{background:url(../images/contact-icon.png) no-repeat 0px -60px;height:24px;padding-left:25px;}
.bdkf a{background:url(../images/gt01.gif) no-repeat center center;}
.bdkf a:hover{background:url(../images/gt02.gif) no-repeat center center;}



/*关于我们数字滚动*/
.col_fourth { width: 31%; }
.col_fifth { width: 18.4%; }
.col_sixth { width: 15%; }
.col_three_fourth { width: 74.5%;}
.col_twothird{ width: 66%;}
.col_half,
.col_third,
.col_twothird,
.col_fourth,
.col_three_fourth,
.col_fifth{
	position: relative;
	display:inline;
	display: inline-block;
	float: left;
	margin-right: 2%;
}
.end { margin-right: 0 !important; }
/* Column Grids End */

.wrapper {width: 100%;  display: block;  height: 150px;  padding: 30px 0 46px 0; overflow: hidden; background: url(../images/blue-bg.png) repeat-x;font-family: "Microsoft Yahei"; color: #fff;}
.container {
    display: block;
    width: 85%;
    min-width: 1200px;
    margin: 0 auto;
}
.counter {border-right: 1px solid #0052a7;}
.end{border-right:none;}
.count-title { font-size:86px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
.count-text { font-size:16px; font-weight: normal;  margin-top: 10px; margin-bottom: 0; text-align: center; }
.fa-2x { margin: 0 auto; float: none; display: table; color: #fff; }
.wrapper .container .col_fourth .line {
    display: none;
    position: absolute;
    width: 100%;
    height: 3px;
    top: 43%;
    left: 0;
    margin-top: -1px;
    background: url(../images/blue-bg.png) repeat-x center;
}
.wrapper .container .col_fourth .jhcss{
    position: absolute;
    width: 35px;
    height: 35px;
    top: 10%;
    right: 80px;
	font-size:30px;
	font-weight: bold;
    margin-top: -1px;}
.wrapper .container .col_fourth .jhcsss{
    position: absolute;
    width: 35px;
    height: 35px;
    top: 10%;
    right: 40px;
	font-size:30px;
	font-weight: bold;
    margin-top: -1px;}