@charset "utf-8";
/* CSS Document */
/*resetCSS*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
padding:0;margin:0;}
table{border-collapse: collapse;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight: normal;font-style: normal;}
ol, ul {list-style: none;}
caption,th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size:100%;}
q:before,q:after{}
abbr,acronym{border:0;}
/*resetCSS*/

/* MainCSS */
body {min-width:320px; font-size:12px;}
.fl{float:left;}
.fr{float:right;}
a{ color:#555;text-decoration:none;}
a:hover{ color:#369;text-decoration: none;}
.clear{clear:both;}
.clear10{clear:both; height:10px; overflow:hidden;}
.clear20{clear:both; height:20px; overflow:hidden;}
.clear30{clear:both; height:30px; overflow:hidden;}
.oh{ overflow: hidden}
.org{ color:#f60}
input,textarea,select{ font-family:"微软雅黑"}
/*public*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../images/icon.png) no-repeat; position:fixed; right:50px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(../images/icon.png) -4px -3px no-repeat; position:fixed; right:90px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}
/**/
.topCont{ width:100%; height:82px; background:#fff; z-index:9999999}
.topc{ width:1000px; margin:0 auto; height:82px; overflow:hidden;}
.LogoBox{ float:left;}
.NavBox{ float:right;}
.NavBox ul{ width:620px; float:right;}
.NavBox ul li{ display:inline-block; float:left;}
.NavBox ul li a{ display:inline-block; height:80px; line-height:80px; border-bottom:2px solid #fff; overflow:hidden; padding:0 20px; font-size:16px;}
.NavBox ul li a:hover{ border-bottom:2px solid #5fb12a; background:#f8f8f8;}
.bannerBox{ width:100%; text-align:center; height:510px; overflow:hidden;}
@media only screen and (max-width : 980px) {
.topCont{ width:100%; height:auto; background:#fff; z-index:9999999}
.topc{ width:100%; margin:0 auto; height:auto; overflow: auto;}
.LogoBox{ float:left; width:100%; text-align:center; border-bottom:1px dotted #ccc; }
.NavBox{ float:right; width:100%;}
.NavBox ul{ width:100%; float:right; text-align:center;}
.NavBox ul li{ display:inline-block; float:none; }
.NavBox ul li a{ display:inline-block; height:60px; line-height:60px; border-bottom:2px solid #fff; overflow:hidden; padding:0 5px; font-size:16px;}
.NavBox ul li a:hover{ border-bottom:2px solid #5fb12a; background:#f8f8f8;}
	}
/* 申请企业微信 */
.DivTab1{background: url(../images/tab1_bg.png) no-repeat top center; width:100%; height:490px; overflow:hidden; float:left;}
.tabC1000{ position:relative; height:490px; margin:0 auto; width:1000px;}
.tab_positionBtn{ width:600px; float:left; margin-top:40px;}
.tab_positionBtn a{  margin:0px 10px 0 0; float:left;}
.tabC1000 .l1{ width:400px; float:left; text-align:center; margin:90px 0 0 0 ;}
.tabC1000 .l2{ width:596px; float:left; margin:70px auto 0 auto;}
@media only screen and (max-width : 980px) {
.DivTab1{background: url(../images/tab1_bg.png) no-repeat top center; width:100%; height:auto; float:left;}
.tabC1000{ position:relative; height:auto; margin:0 auto; width:100%;}
.tab_positionBtn{ width:100%; float:left;margin-top:0;}
.tab_positionBtn a{margin:20px 10px 20px 0; float: none; display:inline-block;}
.tabC1000 .l1{ width:400px; float:left; text-align:left; margin:20px 0 0 50px; display:none;}
.tabC1000 .l2{ width:100%; float:right; margin:20px auto 0 auto; text-align:center;}
	}
/* 企业微信代运营 */
.DivTab2{background: url(../images/tab2.png) no-repeat top center; width:100%; height:420px; overflow:hidden;}
.tab2C1000{ position:relative; height:420px; margin:0 auto; width:1000px; background:url(../images/tab2_point.png) no-repeat bottom center;}
.tab2_positionBtn{}
.tab2_positionBtn .l1{ float:left; width:580px; margin-top:60px}
.tab2_positionBtn .l1 a{ margin-top:30px; float:left;}
.tab2_positionBtn .l2{ float:right; width:350px; margin-top:40px;}
@media only screen and (max-width : 980px) {
.DivTab2{background: url(../images/tab2.png) no-repeat top center; width:100%; height:auto; overflow:hidden;}
.tab2C1000{ position:relative; height:auto; margin:0 auto; width:100%; background:url(../images/tab2_point.png) no-repeat bottom center;}
.tab2_positionBtn{}
.tab2_positionBtn .l1{ float:left; width:95%; margin-top:60px; text-align:center;}
.tab2_positionBtn .l1 a{ margin-top:30px; float:none; text-align:center; display:inline-block;}
.tab2_positionBtn .l2{ float:left; width:350px; margin-top:40px; text-align:center; display:none;}
	}
/* 代理制作企业手机网站 */
.DivTab3{ background: url(../images/f2.jpg) repeat-y center; width:100%; overflow:hidden;}
.tab3C1000{ width:1000px;  margin:0 auto;}
.tab3_positionBtn{ width:1000px; float:left;}
.tab3_positionBtn .l1{ width:500px; float:left;}
.tab3_positionBtn .l2{ width:500px; float:left;}
.tab3C1000 .tab3_it{ background:url(../images/tab3_bomtit.jpg) no-repeat top center; height:90px; width:1000px; float: left}
/*滚动手机网站图片*/
.tab_boxul3{ position:relative; width:100%; float:left;}
.bxcarousel{ position:relative; width:960px; margin:30px auto 50px auto; padding-left:40px;}
#pro2{ width:900px; position:absolute; left:50px;}
#pro2 li{ float:left; width:164px; height:256px; margin-left:50px; background:url(../images/carousel_li.jpg) no-repeat; text-align:center; overflow:hidden;}
#pro2 li img{ width:150px; float:left; margin:4px 7px;}
.bx_wrap a.prev ,.bx_wrap a.next{width:25px;height:45px;position: absolute; top:110px; text-indent:-999em;outline-style:none;outline-width: 0; z-index:9999999999;  }
.bx_wrap a.prev {left:0;background:#f00 url(../images/carousel_left.jpg) no-repeat;}
/*产品列表新增样式*/
.prolist{ width:95%; overflow:hidden; margin:0 auto}
.prolist dt{ font-size:16px; font-weight:bold; height:35px; line-height:35px; background:#f0f0f0; border-bottom:1px dotted #ccc; margin:10px auto; text-indent:1em;}
.prolist dd{ width:100%;}
.prolist ul li{ float:left; width:48%;  text-align:center; margin-top:10px;}
.prolist ul li img{ width:300px; height:200px; background:#fff; border:1px solid #ddd; padding:3px;}
.prolist ul li img:hover{ border:1px solid #f60;}
.prolist ul li p{ font-size:14px; height:25px; line-height:25px;}
.prolist ul li a{ color:#333;}
.prolist ul li a:hover{ color:#f50; font-weight:100;}
.subName h4{ float:right; width:400px;  font-size:14px; text-align:right; margin-top:8px;}

.prodetail{ width:95%; margin:0 auto; line-height:24px; font-size:14px;}
.prodetail dt{ width:100%; float:left; margin-bottom:20px;}
.prodetail dt h2{ font-size:22px; text-align:center; height:40px; line-height:40px; margin-bottom:20px;}
.prodetail dt .titDiv{ width:100%; height:30px; background:#f0f0f0; border-bottom:1px solid #ccc; margin-top:20px; line-height:30px; text-align:center; color:#666;}
.prodetail .proimg{ /* width:100%;  margin:30px auto;*/width:500px;padding:5px;border:1px solid #ccc; float:left; text-align:center; margin:5px 10px;}
.prodetail .proimg img{ float:left;}
.prodetail strong{ font-weight:bold; color:#369}



@media only screen and (max-width : 980px) {
.tab3C1000{ width:100%;  margin:0 auto;}
.tab3_positionBtn{ width:100%; float:left;}
.tab3_positionBtn .l1{ width:100%; float:left; text-align:center;}
.tab3_positionBtn .l2{ width:100%; float:left; text-align:center;}
.tab3C1000 .tab3_it{ background:url(../images/tab3_bomtit.jpg) no-repeat top center; height:90px; width:100%; float: left}
/*滚动手机网站图片*/
.tab_boxul3{ position:relative; width:100%; float:left;}
.bxcarousel{ position:relative; width:90%; margin:30px auto 50px auto; padding-left:40px;}
#pro2{ width:90%; position:absolute; left:50px;}
#pro2 li{ float:left; width:164px; height:256px; margin-left:35px; background:url(../images/carousel_li.jpg) no-repeat; text-align:center; overflow:hidden;}
#pro2 li img{ width:150px; float:left; margin:4px 7px;}
.bx_wrap a.prev ,.bx_wrap a.next{width:25px;height:45px;position: absolute; top:110px; text-indent:-999em;outline-style:none;outline-width: 0; z-index:9999999999;  }
.bx_wrap a.prev {left:0;background:#f00 url(../images/carousel_left.jpg) no-repeat;}
	}
	@media only screen and (max-width : 800px) {
#pro2 li{ float:left; width:164px; height:256px; margin-left:55px; background:url(../images/carousel_li.jpg) no-repeat; text-align:center; overflow:hidden;}
	}
	@media only screen and (max-width : 640px) {
#pro2 li{ float:left; width:164px; height:256px; margin-left:88px; background:url(../images/carousel_li.jpg) no-repeat; text-align:center; overflow:hidden;}
	}
/*申请流程*/
.DivTab4{ background: url(../images/tab4.jpg) no-repeat top center; width:100%; height:382px;}
.divtab4_1{ width:990px; margin:0  auto; padding:100px 0 0 0;} 
.DivTab5{ background:url(../images/tab5.jpg) no-repeat top center; width:100%; height:265px;}
.divtab5_1{ width:940px; margin:0  auto; padding:0;} 
@media only screen and (max-width : 980px) {
.DivTab4{ background: url(../images/tab4.jpg) no-repeat top center; width:100%; height:auto;}
.divtab4_1{ width:95%; margin:0  auto; padding:90px 0 50px 0;} 
.DivTab5{ background:url(../images/tab5.jpg) no-repeat top center; width:100%; height:auto;}
.divtab5_1{ width:95%; margin:0  auto; padding:0;} 
}

.footer{ background:url(../images/bom.jpg) no-repeat top center; width:100%; height:160px;}
.footCent{ width:1000px; margin:0 auto; text-align:center; padding:40px 0 0 0; line-height:23px; color:#fff;}
.footCent p{ width:100%; margin:0 auto;}
@media only screen and (max-width : 980px) {
.footCent{ width:100%; margin:0 auto; text-align:center; padding:40px 0 0 0; line-height:23px; color:#fff;}
.footCent p{ width:90%; margin:0 auto;}
	}
.footer a{ color:#fff;}
.footer a:hover{ color:#ff0;}


/*regBox*/
.regBox{background:#fff url(../images/reg_top.png) no-repeat top center; width:1000px; margin: 0 auto; padding:100px 0 60px 0; overflow:hidden;}

.formTab{ width:90%; margin:0px auto; overflow:hidden; padding-bottom:30px;}
.formTab ul{ width:100%; margin:20px auto;}
.formTab ul li{ margin:5px auto; float:left; width:100%;}
.formTab ul li.lastli label{ margin-top:40px;}
.formTab ul li .tips{ background:url(../images/reg_notice.jpg) no-repeat; width:327px; height:45px; padding-left:20px; float:left; line-height:45px; color:#fff; margin-left:10px;}


.label01{ text-align:right; float:left; width:90px; height:45px; line-height:45px; padding-right:10px; font-size:14px;}
.txt01{ float:left; width:305px;height:45px; line-height:45px; border:1px solid #e5e5e5; background:#f5f5f5; padding-left:10px; color:#444; font-size:14px; }
.txt02{ float:left; width:130px;height:45px; line-height:45px; border:1px solid #e5e5e5; background:#f5f5f5; text-align:center; color:#444; font-size:14px; margin-right:10px; }
.textarea01{ width:305px; height:80px; float:left; padding:5px; font-size:14px;}
.checkBox{ width:310px; height:auto; padding:5px 0 15px 5px;*padding:15px 0 15px 0px; border:1px solid #ccc; float:left;}
.checkBox input{ float:left; *margin-top:-5px;}
.checkBox label{ float:left; padding:0 3px;*padding:0; width:auto; float:left; margin-top:10px; text-align:left;}


@media only screen and (max-width : 980px) {
.formTab{ width:94%; margin:20px auto auto; overflow:hidden; padding-bottom:30px; line-height:24px;}
.formTab ul{ width:100%; margin:20px auto;}
.formTab ul li{ margin:0px auto; float:left; width:100%; text-align:center;}
.formTab ul li.lastli { margin-top:40px;}
.formTab ul li.lastli label.label01{ margin-top:5px; display:none;}
.formTab ul li .tips{ background:url(../images/reg_notice.jpg) no-repeat; width:327px; height:45px; padding-left:20px; float:left; line-height:45px; color:#fff; margin-left:10px; display:none;}

.formTab p img{ width:100%; margin:10px 0}
.label01{ text-align:left; float:left; width:90px; height:35px; line-height:35px; padding-right:10px; padding-left:10px; font-size:16px;}
.txt01{ float:left; width:96%;height:45px; line-height:45px; border:1px solid #e5e5e5; background:#f5f5f5; padding-left:10px; color:#444; font-size:14px; border-left:none; border-right:none; }
.txt02{ float:left; width:130px;height:45px; line-height:45px; border:1px solid #e5e5e5; background:#f5f5f5; text-align:center; color:#444; font-size:14px; margin-right:10px; }
.textarea01{ width:92%; height:80px; float:left; padding:10px; font-size:14px; line-height:20px;}
.checkBox{ width:92%; height:auto; padding:0px 10px 8px 10px; border:none; border-top:1px solid #ddd; border-bottom:1px solid #ddd; float:left;}
.checkBox input{ float:left; *margin-top:-5px; margin:0 5px 0 0;}
.checkBox label{ float:left; padding:0 3px;*padding:0; width:auto; float:left; margin-top:10px; text-align:left;}
/*****************/

.prolist{ width:95%; overflow:hidden; margin:10px auto auto}
.prolist ul li{ float:left; width:100%;  text-align:center; margin-top:10px;}
.prolist ul li img{ width:96%; height:auto; margin: 0 auto; background:#fff; border:1px solid #ddd; padding:3px;}
	}
/*提交申请*/
.subBoxtab{ background:#f9f9f9 url(../images/subRBpic.jpg) no-repeat right bottom; border-top:2px solid #5fb12a; width:1000px; margin:70px auto 40px auto; padding:30px 0 30px 0; position:relative;}
.subName{ position:absolute; top:-33px; left:0; width:1000px;}
.subName h2{ float:left; width:300px;}
.subName h3{ float:right; width:400px; color:#f50; font-size:16px; text-align:right; margin-top:8px;}
.subName h2 em{ font-size:22px; color:#4d4d4d; float:left;}
.subName h2 i{ font-style:italic; font-size:11px; color:#aaa; float:left; margin-top:15px; margin-left:5px; text-transform: uppercase;}
.contact{ width:934px; margin:0 auto}
.contact .webmap{ width:934px; height:236px; margin:0 auto; background:url(../images/map.jpg) no-repeat top left;}
.contact .webcontact{ width:300px; height:116px; background:url(../images/contact.jpg) no-repeat left;}
@media only screen and (max-width : 640px) {
	body{min-width:auto;}
	.subBoxtab{ background:#f9f9f9 url(../images/subRBpic.jpg) no-repeat right bottom; background-size:70%; border-top:2px solid #5fb12a; width:92%; margin:50px auto 20px auto; padding:0px 0 0px 0; position:relative;}
.subName{ position:absolute; top:-28px; left:0; width:100%;}
.subName h2{ float:left; width:100%;}
.subName h3{ float:none; width:95%; color:#f50; font-size:14px; text-align:left; margin:8px auto auto; padding:22px 0 13px 0; clear:both; border-bottom:0px dashed #ccc;}
.subName h2 em{ font-size:18px; color:#4d4d4d; float:left;}
.subName h2 i{ font-style:italic; font-size:11px; color:#aaa; float:left; margin-top:8px; margin-left:5px; text-transform: uppercase;}
.contact{ width:95%; margin:0 auto}
.contact .webmap{ width:100%; height:260px; margin:0 auto; background:url(../images/map_wap.jpg) no-repeat top left; background-size:100%;}
.contact .webcontact{ width:100%; height:116px; background:url(../images/contact.jpg) no-repeat left; background-size:100%;}
	}
	.cutline{ background: url(../images/linecut.png) no-repeat left; width:100%; height:9px;}
/*slider Banner*/
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.slide_container { position: relative; float: left; width: 100%; }
.slide { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/themes.gif") no-repeat left top; margin-top: -45px; }
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0; }
.bx_wrap a.next { right:0px; background:#f00 url(../images/carousel_right.jpg) no-repeat;}