/* author Zhu Xiaochuan */

/* @group Public */
 
/*body,div,ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,p,form,iframe,input,textarea,a,span,em,strong,img{padding:0;margin:0;}

body{font:16px/1.2em arial, helvetica, verdana, tahoma, sans-serif;}

form, input{font:12px/1.2em tahoma,arial,\5b8b\4f53,sans-serif;background:none;}

ul,dl,ol{list-style:none;}

h1, h3, h4{font:12px/1.2em "Microsoft YaHei",arial,tahoma;font-weight:normal;}

h2{font-size:17px;font-weight:normal;}

a{color:#787878;text-decoration:none;}

a:hover,a:focus{outline:none;}

img{border:none;}*/

/*strong,b{font-weight:normal;}*/

/*em,i{font-style:normal;}

p{text-indent:0;}

.clear{clear:both;height:0;width:0;line-height:0;overflow:hidden;}



.head{width:100%;position:fixed;top:0;left:0;z-index:100;height:130px;background:url(../images/top_back.png) repeat-x;}

.logo{float:left;margin-top:30px;}*/

/* cont */

.head_main{margin:0 auto;}
.kPhone{color:#88b602;font-size:30px;float:right;}
/*.nav{float:right;font-family:"微软雅黑";font-size:17px;margin-top:75px;}
.nav ul{float:right;}
.nav li{float:right;margin-right:35px;}

.nav li a{color:#000000;}

.nav li a:hover{color:#172f6d;}*/

.nav_back{width:85px;height:2px;top:105px;background-color:#388dff;position:fixed;z-index:110;}

.hui{width:100%;height: 240px;position: absolute;z-index: 40;top:404px;background-color: #f1f1f1;}

.focus{margin:0 auto;height:415px;overflow:hidden;position:relative;z-index: 50; width:1200px;}

.imgfat{position: absolute;top:0px;left: 0px;z-index: 0;}

.imglist li{width: 100%;float: left;display: none;}

.imglist li img{float:left;margin-left: 0px;width: 100%;}

.imgicon{position: absolute;top:240px;left: 20px;z-index: 1;}

.imgicon em{width: 14px;height: 14px;float: left;margin-right: 8px;cursor:pointer;background:url(../images/f_icon.png) no-repeat 0 0;}

.imgicon em.cur{background-position:0 -14px;}

.iCon{margin:0 auto;position:relative;z-index: 50;background-color:#fff;min-height: 500px;}

.iClist{float: left;width: 100%;}

.iClist li{float: left;width: 45%;margin: 28px 0 40px 50px;display: inline;height:132px;}

.ilistP{float: left;width: 14%;margin-right:16px;transition-duration:0.4s;transition-property:transform;-webkit-transition-duration:0.3s;-webkit-transition-property:transform;}

.ilistP:hover{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);}

.ilistP img{float: left;width: 100%;}

.iIntro{float: left;width: 76%;padding-left:4%;border-left:2px #a5cd36 solid;}

.iIntro img{display: block;}

.iIntro strong{display: block;font-family:"微软雅黑";font-size: 25px;font-weight: bold;margin-top:10px;line-height: 36px;color:#172f6d;}

.iIntro span{line-height: 26px;font-size: 15px;}

.iMore{margin-top:15px;float: left;width: 100%;}

.iMtit{float: left;width: 94%;height: 95px;border-bottom:1px #eaeaea solid;position: relative;margin-left:50px;display: inline;}

.iMtit h3{position: absolute;bottom:-1px;line-height: 40px;font-size: 20px;background:#bcbcbc url(../images/bg1.jpg) no-repeat right 0;color:#fff;padding-left:11px;padding-right:54px;}

.iIntro.iMintro{border-left:2px #fff solid;}

.yqlj{width:100%;margin-top:10px;background-color:#f9f9f9;color:#999999;position: relative;z-index: 60;}

/* relation page */

.relatL{width: 25%;margin-left: 4%;float:left;display: inline;margin-top:30px;}

.relatL h1{margin-top:20px;font-size: 25px;color: #172f6d;}

.relatL h4{margin-top:18px;line-height: 22px;font-size: 14px;font-weight: bold;color: #666666;}

.relatL p{line-height: 24px;margin-top: 4px;}

.relatR{width: 64%;float: right;margin-right: 4%;display: inline;height: 626px;margin-top:30px;}

.relatR iframe{float: left;width: 100%;height: 100%;overflow: hidden;}

/* Website building process page */

.piCon{width: 100%;float: left;margin-top: 16px;}

.pList{width: 100%;float: left;}

.pList li{width: 294px;height: 447px;float: left;background-image:url(../images/pbg.jpg);position: relative; margin:0 4% 54px 4%;}

.pList li span{float:left;line-height:80px;width:84px;text-align:center;font-size: 80px;text-shadow: 0px 3px 4px #bbb9b9 ,0px -1px 3px #eee;   color: #ebeaea;}

.pList li h2{font-size: 20px;font-weight: bold;color: #88b602;line-height: 38px;position: absolute;top:84px;left: 57px;}

.pList li p{font-size: 12px;line-height: 21px;position: absolute;top:135px;left: 60px;width: 200px;color: #777777;}

.pList li a{font-size: 12px;color: #88b602;line-height: 50px;position: absolute;bottom:40px;width:146px;text-align:center;font-weight: bold;}

.pList li a i{width: 8px;height: 10px;background:url(../images/picon.gif) no-repeat;display: inline-block;margin-left:6px;}

/* custom development page */

.dIntro{float: left;width: 92%;margin-left: 4%;display: inline;margin-top: 15px;font-size: 14px;}

.dIntro p{text-indent: 2em;line-height: 26px;color: #666;width: 100%;}

.dList{float: left;width: 745px;margin-left: 18%;display: inline;}

.dList li{width: 100%;float: left;height: 212px;position: relative;margin:24px 0;background-image:url(../images/dbg.jpg);}

.dList li em{font-size:14px;color: #a5a5a5;position: absolute;left: 62px;top:13px;line-height: 16px;}

.dList li span{position:absolute;left:48px;top:38px;line-height:130px;font-size: 124px;text-shadow: 0px 3px 4px #bbb9b9 ,0px -1px 3px #eee;   color: #ebeaea;}

.dList li h2{font-size: 16px;font-weight: bold;color: #74a92b;line-height: 16px;height:20px;position: absolute;top:27px;left: 228px;}

.dList li h4 i{width: 14px;height: 20px;background:url(../images/dicon.gif) no-repeat;display: inline-block;margin-left:6px;}

.dList li p{font-size: 12px;line-height: 21px;position: absolute;top:70px;left: 214px;width: 420px;color: #666;}

.dCustom{float: left;width: 96%;margin-left: 4%;display: inline;}

.dCustom h3{float: left;width: 95%;padding-left: 1.5%;line-height: 36px;background-color: #f1f1f1;font-size: 16px;color: #76b316;font-weight: bold;}

.dInput{float: left;width: 100%;margin-top:10px;height: 190px;}

.dInput li{width: 33.2%;float: left;position:relative;line-height: 27px;margin-top:10px;}

.dInput li span{float: left;width: 64px;text-align: right;color: #404040;}

.dInput li input{border:1px #cacaca solid;width: 70%;line-height: 17px;padding:5px;position: absolute;left: 66px;top:0px;}

.dInput li input:focus,.dInput li textarea:focus{border-color: #9cc93b;}

.dInput li textarea{border:1px #cacaca solid;width: 70%;line-height: 14px;height:80px;font-size:12px;padding:5px;position: absolute;left: 66px;top:0px;resize:none;}

.dIsubmit{width: 87px;height: 32px;float: left;background:url(../images/dsub.gif);margin-left: 64px;display: inline;}

.dIsubmit input{width: 87px;height: 32px;cursor: pointer;background: none;border:none;}

/* website maintenance page */

.mTit{height: 238px;float: left;width: 92%;margin-left: 4%;display: inline;margin-top:20px;background: #f5f5f5 url(../images/mBg3.gif) repeat-x bottom;position: relative;}

.mTit i{width: 53px;height: 15px;position: absolute;background-image:url(../images/mBg2.gif);bottom:0px;right: 2px;}

.mTit h2{font-size: 46px;font-weight: bold;color: #88b602;text-shadow: 0px 2px 1px #32872b ;margin-top:20px;line-height: 80px;width:100%;text-align: center;}

.mTit p{font-size: 20px;color:#777777; width: 100%;text-align: center;line-height: 30px;}

.mCon{margin-top: 22px;float: left;width: 92%;margin-left: 4%;display: inline;}

.mCon h3{font-size: 34px;font-weight: bold;color: #88b602;text-shadow: 0px 2px 1px #32872b ;line-height: 50px;}

.mList{float: left;width: 100%;}

.mList li{width: 100%;float: left;height: 138px;background: #f5f5f5 url(../images/mbg3.gif) repeat-x bottom;position: relative;margin:10px 0 30px 0;}

.mList li strong{width: 17px;height: 19px;position: absolute;left: 0px;top: 0px;background-image:url(../images/mbg1.gif);}

.mList li em{width: 53px;height: 15px;position: absolute;right: 2px;bottom: 0px;background-image:url(../images/mbg2.gif);}

.mList li span{float:left;margin-left:28px;text-align:center;line-height:130px;font-size: 86px;text-shadow: 0px 3px 4px #bbb9b9 ,0px -1px 3px #eee;   color: #ebeaea;}

.mList li h4{float:left;margin-left:30px;line-height:28px;display:inline;height:28px;font-size: 20px;color: #88b602;text-shadow: 0px 1px 1px #32872b ;background:url(../images/mbg4.gif) no-repeat 0 12px;padding-left: 13px;margin-top: 25px;}

.mList li h4 i{background:url(../images/dicon.gif) no-repeat 0 5px;margin-left: 6px;width: 14px;padding-left:20px;}

.mList li p{float: left;margin-left:30px;display:inline;font-size: 12px;line-height: 20px;color: #777;margin-top: 14px;}

.mIntro{float: left;width: 91%;}

/* wonderful case page */

.cCon{float: left;margin-left: 4%;display: inline;width: 92%;}

.cList li{float: left;width: 100%;margin:16px 0 20px 0;}

.cP{width: 19%;height: 108px;border:1px #dfdede solid;float: left;padding: 3px;}

.cP img{width: 100%;height:100%;float: left;}

.cIntro{float: left;margin-left:26px;display: inline;width: 77%;font-size: 12px;}

.cIntro h4{line-height: 14px;color:#88b602;font-weight: bold;position: relative;}

.cIntro h4 a{width: 76px;line-height: 20px;padding-left:9px;color: #fff;position: absolute;right:0px;top:-2px;background-image:url(../images/cbg.jpg);}

.cIntro p{color: #666;line-height: 18px;margin:12px 0 10px;height:54px;overflow: hidden;}

.cMore{float: left;line-height: 26px;width: 100%;background-color: #f1f1f1;font-size: 12px;}

.cMore a{color: #172f6d;margin-left: 12px;}

.cMore span{color:#88b602; margin-left: 24px;}

/*翻页效果*/

.cPage { clear:both; padding-top:20px; text-align:center;font-size: 12px; }

.cPage span, .cPage a { margin-right:5px; padding:5px 7px; border:1px #e0e0e0 solid;}

.cPage span{color: #888;}

.cPage a {color: #000;}

.cPage a:hover { color:#9dca16; }

.cPage a.on { color:#FFFFFF; font-weight:bold; border:1px #9dca16 solid; background-color:#94c500;}

.cPage a.on:hover { color:#FFFFFF; }

/* about us page */

.uCon{height: 165px;float: left;width: 92%;margin-left: 4%;display: inline;margin-top:20px;background: #f5f5f5 url(../images/mBg3.gif) repeat-x bottom;position: relative;}

.uCon i{width: 53px;height: 15px;position: absolute;background-image:url(../images/mBg2.gif);bottom:0px;right: 2px;}

.uCon h4{position: absolute;left:0px;top:15px;line-height: 28px;font-size: 14px;font-weight: bold;color: #fff;width: 130px;height: 30px;background:url(../images/ubg1.gif) no-repeat;padding-left: 10px;}

.uCtit{width: 96%;float: left;margin-left: 2%;display: inline;margin-top: 52px;font-size: 12px;}

.uCtit p{color: #666;line-height: 21px;text-indent: 2em;}

.uIntro{width: 92%;float: left;margin-left: 4%;display: inline;margin-top: 22px;padding-top:48px;position: relative;background-color: #f5f5f5;}

.uIntro h4{width:138px;height: 28px;line-height:24px;font-weight:bold;color:#fff;font-size:14px;padding-left:10px;position: absolute;left: 0px;top: 14px;background-image:url(../images/ubg2.gif); }

.uText{width: 96%;float: left;margin-left: 2%;display: inline;}

.uText p{color: #666;line-height: 21px;text-indent: 2em;font-size: 12px;}

.uText h5{text-indent: 2em;color: #88b602;line-height: 28px;}

.uTar{float: left;width: 100%;text-align: center;line-height: 58px;margin-top:20px;}

.uTar span{font-size: 30px;text-shadow: 0px 1px 1px #006b02 ;   color: #88b602;}

.uBg{width: 1122px;height: 35px;float:left;margin-left: -8px;display: inline;background:url(../images/ubgc.jpg) repeat-x; }

.uBlg{float: left;width:400px;height: 35px; background:url(../images/ubgl.jpg) no-repeat; }

.uBrg{float: right;width:400px;height: 35px; background:url(../images/ubgr.jpg) no-repeat; }

.js_backup_top{width:54px;height:54px;position:fixed;bottom:110px;right:10px;background-image:url(../images/to_top.gif);display:none;cursor:pointer;z-index: 300;}

.demand{width:54px;height:54px;position:fixed;bottom:166px;right:10px;background-image:url(../images/t.jpg);display:;cursor:pointer;z-index: 300;}

/* 1116 tip box */

#tsub{width: 720px; background-color: #fff;padding-right: 11px;padding-bottom:15px;position: fixed;top:180px;left:50%;margin-left: -360px;z-index: 500;border-radius: 5px;display:none;}

#tsub .dCustom{width: 100%;margin-left: 0px;}

#tsub .dCustom h3{width: 100%;border-top-left-radius: 5px;border-top-right-radius: 5px;position: relative;}

#tsub .dInput{padding-left: 8px;}

#tsub .dInput li{width: 49%;}

#tsub .dInput li span{width: 80px;font-size: 14px;}

#tsub .dInput li input{left: 80px;}

#tsub .dInput li textarea{height: auto;left: 80px;}

#tsub .dIsubmit{margin-left: 80px;}

.close{width:16px;height: 16px;position: absolute;right: 10px;top:9px; background:url(../images/closeicon.gif) no-repeat;cursor: pointer;}

.war_bg{width:100%;height:100%;background:#000;opacity:0.35;filter:alpha(opacity=35);position:fixed;top:0;left:0;z-index:400;display:none;}

/* 1000 wid */

#wid .head_main{width:1000px;}

#wid .focus{width:1000px;}

#wid .iCon{width: 1000px;top:-155px;min-height: 420px;}

#wid .foot .foot_main{width:1000px;font-size:12px;}

#wid .iCon .pList li{margin:0 1.5% 54px 2%;}

#wid .relatR{height:426px;}

#wid .dInput li input,#wid .dInput li textarea{width: 66%;}

#wid .mIntro{width: 88%;}

#wid .uBg{width: 937px;}

#wid .imgicon{top:190px;}

#wid .hui{top:357px;}
#wid .lei{width: 984px;}
/* 1200 wmd */

#wmd .head_main{width:1200px;}

#wmd .focus{width:1200px;}

#wmd .iCon{width: 1200px;}

#wmd .foot .foot_main{width:1200px;font-size:12px;}
#wmd .lei{width: 1184px;}
/* 1400 whd */

#whd .head_main{width:1400px;}

#whd .focus{width:1400px;}

#whd .iCon{width: 1400px;top: -50px;}

#whd .foot .foot_main{width:1400px;font-size:12px;}

#whd .iCon .pList li{margin:0 5% 54px 6%;}

#whd .dInput li input,#whd .dInput li textarea{width: 73%;}

#whd .mIntro{width: 92%;}

#whd .uBg{width: 1305px;}

#whd .hui{top:449px;}

#whd .imgicon{top:270px;left:80px;}

#whd .lei{width: 1384px;}

.js_backup_top{width:54px;height:54px;position:fixed;bottom:110px;right:10px;background-image:url(../images/to_top.gif);display:none;cursor:pointer;z-index: 1000;}

.newslist{width:45%;font-size:12px;float:left;margin-left:2%;line-height:30px;margin-top:10px;}

.newslist a{color:#787878;text-decoration:none;}

.newslist a:hover{color:#94c500;text-decoration:underline;}

.news{width:90%;margin-left:5%;margin-top:20px;}

.news h3{text-align:center;font-size:24px;}

.news .time{font-size:12px;color:#999999;text-align:center;margin-top:20px;}

.news .news_content{font-size:14px;margin-top:20px;line-height:30px;}

.news .news_link{font-size:12px;margin-top:50px;}

.news .news_link a{color:#999999;text-decoration:none;}

.news .news_link a:hover{color:#94c500;text-decoration:underline;}

.iNews{width:45%;float:left;margin-left:50px;}

.iNews .iFirst{margin-top:20px;font-size:15px;border-bottom:#e6e6e6 dashed 1px;float:left;padding-bottom:15px;overflow:hidden;}

.iNews .iFirst .iFirst_img{float:left;margin-right:20px;display: inline;}

.iNews .iFirst .iFirst_content{float:left;width:72%;line-height:26px;color:#787878;}

.iNews .iList{width:100%;margin-top:20px;}

.iNews .iList .iNews_itme{width:48%;float:left;font-size:15px;margin-top:10px;}

.iNews .iList .iNews_itme .item{width:100%;padding:5px 0;margin-left:-5px;}
.bjFat{padding-top:20px;padding-left:100px;}
.bjFat span{background-color: #fafafa;padding: 6px;cursor: pointer;border-left:2px #e7e7e7 solid;border-top:2px #e7e7e7 solid;border-right:2px #e7e7e7 solid;}
.lei{border:2px #e7e7e7 solid;height: 80px;margin:0 auto;padding:8px;margin-top:2px;}
.bjFat span.djOn{background-color:#6d84b4;color:#fff;}

#syp{
	display:block;
	float:left;
}
#down{
	display:block;
	float:left;
	margin-left:20px;
}