.clearfix:after { content: ""; display: table; clear: both;}
.ml-nav { position: fixed; top: 0; left: 0; z-index: 10; width: 100%; height:60px; line-height:60px; background:url(../images/nav_bgs.png); }
.center-wrap { width:1100px; margin:0 auto;}
.ml-nav .ml-logo { display:block; width:200px; height:60px; background:url('../picture/logo(1).png') no-repeat left center; float:left;}
.ml-link { float:right;}
.ml-link a { color:#fff; display:inline-block; margin-left:50px; line-height:60px;}
.section { overflow: hidden; height:100%;}
#fp-nav ul li:last-child { /*display: none;*/}
.center-wrap { position: relative; z-index: 1; width: 1100px; height: 100%; margin: 0 auto;}

.wbbutton {
	display: block;
	width:132px;
	height:38px;
	line-height:38px;
	text-align:center;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: border-color 0.3s, background-color 0.3s;
	transition: border-color 0.3s, background-color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	border:solid 1px #2087ed;
	color:#2087ed;
	margin:30px auto 0;
	overflow:hidden;
}
.wbbutton::after {
	content: attr(data-text);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	color: #2087ed;
	-webkit-transform: translate3d(0, 25%, 0);
	transform: translate3d(0, 25%, 0);
}
.wbbutton:after {
	color: #fff;
}
.wbbutton::after,
.wbbutton > span {
	vertical-align: middle;
	display: block;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.wbbutton:hover {
	border-color: #2087ed;
	background-color: #2087ed;
}
.wbbutton:hover::after {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.wbbutton:hover > span {
	opacity: 0;
	-webkit-transform: translate3d(0, -25%, 0);
	transform: translate3d(0, -25%, 0);
	color: #fff;
}



.wbsitebanner{ height:100%; overflow:hidden; position:relative; width:100%; }
.wbsitebanner .hd{ height:4px; overflow:hidden; position:absolute; left:50%; margin-left:-100px; bottom:20px; z-index:1; }
.wbsitebanner .hd ul{ overflow:hidden; zoom:1; float:left;  }
.wbsitebanner .hd ul li{ float:left; margin:0 10px; width:30px; height:4px;cursor:pointer; background:#fff; }
.wbsitebanner .hd ul li.on{ background:#2087ed; }
.wbsitebanner .bd{ position:relative; height:100%; z-index:0;   }
.wbsitebanner .bd ul {width:100%;}
.wbsitebanner .bd li{ zoom:1; height:100%; text-align:center; width:100%; }
.wbsitebanner .bd li img { height:135%; max-height:1080px;   }
.wbsitebanner .next,
.wbsitebanner .prev { display: block; height:70px; width:50px; position: absolute;left:10%; top:50%; margin-top:-35px; background: url(../images/t_btnp.png) no-repeat; cursor: pointer; }
.wbsitebanner .next { left:inherit; right:10%; background-position:-50px 0px; }
.wbsitebanner .prev:hover,
.wbsitebanner .next:hover { background-position: -50px -70px; }
.wbsitebanner .prev:hover { background-position: 0 -70px; }

.wbsb01 { position:absolute; top:50%; left:50%; width:942px; height:452px; margin:-226px 0 0 -471px; text-align:center; }
.wbsb01 h3 { font-size:40px; color:#fff; margin-top:50px;}
.wbsb01 h2 { font-size:70px; color:#2087ed;}
.wbsb01 h4 { font-size:24px; color:#fff; font-weight:normal;}
.wbsb01 h5 { font-size:100px; color:#fff; font-weight:normal;}

.wbsb02 { position:absolute; top:42%; left:50%; width:1920px; height:1080px; margin:-540px 0 0 -960px; }

#indexg0 { position:absolute;
        left: 0;
        top: 0%;
        width:100%;
        height:100%;
         background:url(../images/website01_sj.png) no-repeat;
         background-size:100% 100%;
        }
#indexg1 {
        position: absolute;
        width:100%;
        height:100%;
         background:url(../images/website01_xt.png) no-repeat;
        left: 0;
        top: 0;
}
#img4 {position:absolute; top:50%; left:50%; width:1080px; height:1080px;  margin:-540px 0 0 -540px;background:url(../images/website02_02.png) no-repeat;}
#img3,.wbsb03 { position:absolute; top:50%; left:50%; width:606px; height:606px;  margin:-303px 0 0 -303px;background:url(../images/website02_01.png) no-repeat;}
.wbsb03 { background:None; text-align:center;}
.wbsb03 h2 { font-size:50px; color:#f80; font-weight:normal; margin-top:170px;}
.wbsb03 h1 { font-size:36px; color:#fff; margin:20px 0 30px;}
.wbsb03 a {  border:solid 1px #fff; color:#fff;}

.wbsb04 {position:absolute; top:50%; left:50%; width:870px; height:653px;  margin:-326px 0 0 -435px;background:url(../images/website03_01.png) no-repeat;}
.wbsb04 h2 { font-size:32px; color:#fff; font-weight:normal; margin-top:270px;}
.wbsb04 h3 { font-size:20px; line-height:20px; color:#fff; margin:10px 0 12px; display:inline-block; border:solid 2px #fff; padding:10px 20px;}
.wbsb04 p { font-size:24px; color:#fff;}

.wbsb05 {position:absolute; top:50%; left:50%; width:792px; height:378px;  margin:-180px 0 0 -396px; text-align:center; background:url(../images/website04_01.png) no-repeat;}
.wbsb05 a { margin-top:340px;  border:solid 1px #fff; color:#fff;}

.fuwu {background:url(../images/website05.jpg) no-repeat center center; background-size:100% auto;}
.fuwum { position:absolute; width:1100px; height:auto; top:50%; left:0; margin-top:-186px; *overflow:hidden;}
.fuwum .ftitle { text-align:center; font-size:24px; color:#333; font-weight:normal; position:relative; overflow:hidden;}
.fuwum .ftitles {text-align:center; font-size:48px;line-height:48px; color:#2087ed; font-weight:300; position:relative; overflow:hidden; }
.fuwum ul { margin:100px 0 0; *overflow:hidden;}
.fuwum ul li { width:206px; overflow:hidden; float:left; margin-right:92px; position:relative;}
.fuwum ul li a { display:block; border:solid 2px #2087ed; padding:6px; width:130px; height:130px; border-radius:73px; margin:0 auto; text-align:center;}
.fuwum ul li a .fwuwit { background:#2087ed url(../images/fuwu_ico.png) no-repeat center 40px; width:130px;height:130px; border-radius:65px;}
.fuwum ul li a .fwuwit02 { background-position:center -80px;}
.fuwum ul li a .fwuwit03 { background-position:center -328px;}
.fuwum ul li a .fwuwit04 { background-position:center -214px;}
.fuwum ul li h2 { font-size:18px; text-align:center; color:#333; padding:20px 0 4px; font-weight:normal;}
.fuwum ul li p { color:#ffc9a5; text-align:center; font-size:12px; line-height:24px; padding:10px 20px 20px; display:none; }
.fuwum ul li.ons { border-bottom:solid 2px #f60; padding-bottom:6px;}
.fuwum ul li.ons .fwuwd {background:url(../images/80.png);}
.fuwum ul li.ons a {  border:0; width:134px; height:134px; background:none; border-radius:0px; }
.fuwum ul li.ons a .fwuwit { background-color:transparent; margin:2px auto; }
.fuwum ul li.ons a span { display:inline-block; height:2px; width:20px; background:#fff;}
.fuwum ul li.ons h2 { color:#fff; background:url(../images/80.png);}
.fuwum ul li.ons p {background:url(../images/80.png); display:block;  }

.websitecase {background:url(../images/website06.jpg) no-repeat center center; background-size:100% auto; margin:0;}
.websitecasem { position:absolute; width:1100px; height:auto; top:50%; left:0; margin-top:-305px;*overflow:hidden;}
.websitecasem .ftitle { text-align:center; font-size:24px; color:#fff; font-weight:normal;}
.websitecasem .ftitles {text-align:center; font-size:48px; line-height:48px; color:#2087ed; font-weight:300;}

.websitecul li { float:left; width:346px; height:200px; margin:31px 31px 0 0;}
.websitecul li a { display:block; position:relative; overflow:hidden; text-decoration:none;}
.websitecul li a img { display:block; border:0; width:100%; height:200px;}
.websitecul li a .case_top {position:absolute; left:0; top:-150px; width:100%; height:150px; background:url(../images/nav_bgs.png);}
.websitecul li a .case_top span { display:block; width:40px; height:40px; margin:55px auto 0; background:url(../images/fuwu_ico.png) no-repeat center -495px;}
.websitecul li a .case_bottom { position:absolute; left:0; bottom:-50px; padding:0 20px; width:306px; height:50px; line-height:50px; background:url(../images/80.png); color:#fff; }
.websitecul li a .case_bottom h2 { font-weight:300; color:#fff; font-size:16px; /*margin-bottom:6px;*/}
/*.websitecul li a .case_bottom p { font-weight:300; color:#fff; font-size:12px;}*/

.websiteyoushi {background:url(../images/website07.jpg) no-repeat center center; background-size:100% auto;}

/*我们的优势*/
.wyoushim { position:absolute; width:1100px; height:auto; top:50%; left:0; margin-top:-220px;}
.wyoushim .ftitle { text-align:center; font-size:24px; color:#333; font-weight:normal;}
.wyoushim .ftitles {text-align:center; font-size:48px;line-height:48px; color:#2087ed; font-weight:300;}

.wyoushims{overflow:hidden; position:relative; margin-top:50px; }
.wyoushims .hd{ position:absolute; top:50%; left: 50%; width:100%; height:70px; margin:-35px 0 0 -550px;}
.wyoushims .hd .next,
.wyoushims .hd .prev { display: block; height:70px; width:50px; position: absolute;left:0px; top:50%; margin-top:-35px; background: url(../images/t_btnp.png) no-repeat; cursor: pointer; }
.wyoushims .hd .next { left:1050px;  background-position:-50px 0px; }
.wyoushims .hd .prev:hover,
.wyoushims .hd .next:hover { background-position: -50px -70px; }
.wyoushims .hd .prev:hover { background-position: 0 -70px; }

.wyoushims .bd{ width:900px; margin:0 auto; overflow:hidden;  }
.wyoushims .bd ul{ overflow:hidden; zoom:1; }
.wyoushims .bd ul li{ margin-right:51px; width:266px; float:left; _display:inline; overflow:hidden; text-align:center; }
.wyoushims .bd ul li .wyoushi_icon { display:block; width:156px; height:156px; border:solid 2px #333; border-radius:80px; margin:0 auto; background:url(../images/fuwu_ico.png) no-repeat center -557px;
                                     
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
                                     }
.wyoushims .bd ul li .wyoushi_icon02 { border-color:#1183e6; background-position:center -707px;}
.wyoushims .bd ul li .wyoushi_icon03 { border-color:#ff6600; background-position:center -857px;}
.wyoushims .bd ul li .wyoushi_icon04 { border-color:#fd344b; background-position:center -1007px;}
.wyoushims .bd ul li .wyoushi_icon05 { border-color:#24a928; background-position:center -1157px;}
.wyoushims .bd ul li .wyoushi_icon06 { border-color:#1183e6; background-position:center -1307px;}
.wyoushims .bd ul li h2 { font-size:18px; font-weight:normal; color:#333; margin:20px 0 10px;}
.wyoushims .bd ul li p { font-size:13px; color:#666; line-height:24px; text-align:left;}
.wyoushims .bd ul li.ons .wyoushi_icon { background-color:#333; background-position:center -1457px;}
.wyoushims .bd ul li.ons .wyoushi_icon02 { background-color:#1183e6; background-position:center -1607px;}
.wyoushims .bd ul li.ons .wyoushi_icon03 { background-color:#ff6600; background-position:center -1757px;}
.wyoushims .bd ul li.ons .wyoushi_icon04 { background-color:#fd344b; background-position:center -1907px;}
.wyoushims .bd ul li.ons .wyoushi_icon05 { background-color:#24a928; background-position:center -2057px;}
.wyoushims .bd ul li.ons .wyoushi_icon06 { background-color:#1183e6; background-position:center -2207px;}

/*项目流程*/
.websitelc {background:url(../images/website08.jpg) no-repeat center center; background-size:100% auto;}
.websitelcm { position:absolute; width:1100px; height:480px; top:50%; left:0; margin-top:-240px;}
.websitelcm .ftitle { text-align:center; font-size:24px; color:#fff; font-weight:normal;}
.websitelcm .ftitles {text-align:center; font-size:48px;line-height:48px; color:#2087ed; font-weight:300;}
.websitelc_bg { width:1100px; height:355px;background:url(../images/websitelc_bg.png) no-repeat center top; margin-top:30px;*overflow:hidden;}
.lc01,.lc02,.lc03,.lc04,.lc05,.lc06,.lc07 { width:102px; height:102px;background:url(../images/wlc.png) no-repeat center 0px; position:absolute; top:223px; left:0;}
.websitelc_bg .lc02 { background-position:center -102px; left:53px; top:67px;}
.websitelc_bg .lc03 { background-position:center -204px; left:224px; top:188px;}
.websitelc_bg .lc04 { background-position:center -306px; left:326px; top:0px;}
.websitelc_bg .lc05 { background-position:center -408px; left:578px; top:144px;}
.websitelc_bg .lc06 { background-position:center -510px; left:766px; top:31px;}
.websitelc_bg .lc07 { background-position:center -612px; left:998px; top:174px;}
.websitelc_bg p { position:absolute; top:336px; left:24px; color:#fff;}
.websitelc_bg .p2 {top:177px; left:83px;}
.websitelc_bg .p3 {top:302px; left:247px;}
.websitelc_bg .p4 {top:112px; left:348px;}
.websitelc_bg .p5 {top:260px; left:600px;}
.websitelc_bg .p6 {top:150px; left:790px;}
.websitelc_bg .p7 {top:290px; left:1020px;}
#indexg2 {
        position: absolute;
        left: 0;
        top: 0;
        margin-left:-800px;
}

/*联系我们*/
.website_contact {background:url(../images/website09.jpg) no-repeat center center; background-size:100% auto;}
.website_contactm { position:absolute; width:1100px; height:402px; top:50%; left:0; margin-top:-201px;*overflow:hidden;}
.website_contactm .ftitle { text-align:center; font-size:24px; color:#333; font-weight:normal; margin-bottom:50px;}
.website_contactm .ftitles {text-align:center; font-size:48px;line-height:48px; color:#2087ed; font-weight:300;}

.website_cont_l { float:left; width:360px; padding-left:100px;}
.website_cont_l h2 { font-size:18px; line-height:18px; height:18px; color:#333; margin:10px 0 10px; }
.website_cont_l h2 a { color:#333; text-decoration:none;}
.website_cont_l h2 a:hover { color:#2087ed;}
.website_cont_l h2 .more { font-weight:normal; float:right; color:#2087ed; font-size:13px; }
.website_cont_l h2 .more:hover { color:#f60;}
.website_cont_l .txtScroll-left{ width:auto;margin:0; height:auto; line-height:normal; }		
.website_cont_l .txtScroll-left .bd{  width:100%;height:auto; line-height:normal; overflow:hidden;    }
.website_cont_l .txtScroll-left .bd ul{ margin:6px 0 20px }
.website_cont_l .txtScroll-left .bd ul li{ margin-right:0;  float:none;  position:relative; line-height:38px; height:38px; border-bottom:solid 1px #ccc; vertical-align:top; width:auto;}
.website_cont_l .txtScroll-left .bd ul li a {  display:block; width:300px; white-space:nowrap; font-size:13px; text-overflow:ellipsis; overflow: hidden; color:#52687e; float:none;}
.website_cont_l .txtScroll-left .bd ul li a:Hover { color:#2087ed;}
.website_cont_l .txtScroll-left .bd ul li span{ position:absolute; top:0; right:0;font-size:13px; color:#aaa; }	
.website_cont_l .txtScroll-left .mores { display:none;}
.website_cont_r { float:right; width:470px; border-left:solid 1px #ccc; padding-left:80px; }
.website_cont_r h2 { font-size:36px; color:#1183e6; margin-bottom:10px; font-family:Candara,Arial,'微软雅黑';}
.website_cont_r .xp p { line-height:38px; font-size:15px;}
.website_cont_r .xp p * { vertical-align:middle;}
.website_cont_r .xp p img { margin-right:6px;}

#share { background:url(../images/kficon.png); border-top-left-radius:6px; border-bottom-left-radius:6px; bottom:50%; margin-bottom:-75px;}
#share .qq,
#share .weixin,
#share #totop{background:url(../images/share.png) no-repeat; background-color:transparent;}
#share .weixin { background-position:0px -50px;}
#share .weixin:hover { background-position:-50px -50px;background-color:#fff;}
#share .weixin .erweimas { background-color:#fff; padding:8px; background-position:8px 8px; }
#share #totop { border-bottom-left-radius:6px; overflow:hidden;}
#share .weibo:hover { background-color:#fff;}
#share .qq { display:block;border-top-left-radius:6px; overflow:hidden;}
#share .qq:Hover {background-position:-50px 0px; background-color:#fff;}
#share .tel {background:url(../images/share.png) no-repeat 0 -550px; display:block; width:50px; height:50px; text-align:center; line-height:50px; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; position:relative;}
#share .tel .telsd { position:absolute; right:-200px; top:0; height:50px; width:150px; background:#fff; color:#333; font-weight:bold; font-size:16px; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out; }
#share .tel:hover {background-color:#fff; background-position:-50px -550px;}
#share .tel:hover .telsd { display:block; right:50px; }
#share #totop{ background-position:0 -150px;cursor:pointer;}
#share #totop:hover {background-color:#fff;  background-position:-50px -150px;}

.foot { border-top:0;}

/*建站案例*/
.website_case {background:url(../images/website_case_bg.gif); padding:20px 0 50px;}
.bread { margin:0 auto 30px; font-weight:normal;}
.bread a { color:#999;}
.bread span { color:#666;}

.websitelist { height:34px;}
.websitelist a { display:inline-block; float:left; padding:0 20px; height:32px; line-height:32px; border:solid 1px #fff; color:#fff; border-radius:17px; margin-right:28px;}
.websitelist a.ons,.websitelist a:hover { border-color:#1183e6; background:#1183e6; text-decoration:none;}

.websitetitle { position:relative; height:100px; border-bottom:solid 1px #666; margin:0 0 40px;}
.websitetitle a { display:inline-block; position:absolute; top:0px; right:0px; padding:0 20px; height:32px; line-height:32px; border:solid 1px #fff; color:#fff; border-radius:17px; margin-right:40px;}
.websitetitle a:hover { border-color:#1183e6; background:#1183e6; text-decoration:none;}
.websitetitle h1 { font-size:24px; color:#1183e6; margin-bottom:10px;}
.websitetitle p { font-size:12px; color:#ddd;}
.website_case_ms { color:#fff; margin-bottom:40px;}
.website_case_ms h2 { font-size:16px; margin-bottom:10px;}
.website_case_ms p { font-size:14px; line-height:24px; color:#ddd;}
.website_case_detail { background:#eee; padding:50px; text-align:center;}
.website_case_detail img { max-width:100%;}

.wupdowns{ padding-top:20px; color:#fff; line-height:24px; font-size:14px;position:relative; }
.wupdowns .wup { float:left; }
.wupdowns .wdown { float:right; }
.wupdowns a{color:#fff;}
.wupdowns a:Hover{text-decoration:underline; color:#f60;}

.zwnews_all { height:200px; overflow:hidden;}
.zwnews_all ul li { width:auto; padding-right:0; border:0; }
.zwnews_all ul li span { right:0;}