@charset "gb2312";
/* CSS Document */

body,p,span,div,ul,li,img,h1,h3,button,p,h4,button,button:hover,input{list-style:none; margin:0; padding:0; border:none; font-family:"微软雅黑";}
body{background:#fff; }
a{ font-size:14px; color:#666666; text-decoration:none; font-family:"微软雅黑";}
.q:after{content:''; display: table; clear:both; height:0; line-height: 0;}.q{clear:both;}

/*首页*/
/*头部区域*/

.wrapper1200{ width:1200px; overflow:hidden; margin:0 auto; }
.guanwang_top img{ float:left; margin-right:15px;}
.top_nav{ float:left;}
.top_nav ul{ overflow:hidden;}
.top_nav li { float:left; height:90px;line-height:90px; width:95px;  text-align:center; cursor: pointer; border-bottom:3px solid #fff; }
.top_nav li a{  color:#999; }
.top_nav li a:hover{border-bottom:3px solid #2acca0;color:#666;display:block;}
.top_btn button{ float:right; border:2px solid #dbdbdb; width:112px; height:41px; background:#fff;cursor: pointer; margin-top:26px; border-radius:20px;}
.top_btn button:hover{ float:right; border:2px solid #2acca0; width:112px; height:41px; background:#fff;cursor: pointer; margin-top:26px; border-radius:20px;}
.top_nav .current{ border-bottom:3px solid #2acca0; }
.top_nav .current a{  color:#666; }

/*焦点图区域*/
.guanwang_ban{ background:url(/public/images/bg99.png) no-repeat top center;  height:487px;}
.banxin_left{ width:600px; float:left;}
.banxin_left button{ width:173px; height:45px; margin:15px 0 0 167px; background:#2acca0; cursor: pointer;}
.banxin_left a{ font-size:16px; color:#fff;}
.banxin_right{ float:right; width:350px; height:350px; background:url(/public/images/bg88.png) repeat; margin-top:40px; padding:30px;}
.banxin_right em{ font-style:normal; font-size:14px; color:#fff; line-height:40px; margin-left:8px;}
.input_p{ color:#fff; font-size:24px; margin-bottom:17px;}
.banxin_right input{ width:333px; height:44px; border:1px solid #f4f4f4; background:#fff; color:#999; font-size:14px; padding-left:15px;}
.gouxuan{ width:10px; height:10px; border:1px solid #f4f4f4; display:inline-block;cursor: pointer; background:#FFF; float:left; margin-top:15px;}
.mima{ margin-bottom:20px;}
.banxin_right .yanzhengm{ float:left; width:235px; margin-right:10px;} 
.wangji{ font-size:14px; color:#fff; float:right; line-height:44px;}
.banxin_right button{ width:346px; height:48px; border:2px solid #fff; background-color:rgba(255,255,255,0); font-size:16px; color:#fff;cursor: pointer;}
.banxin_right button a{ font-size:16px; color:#fff;}
.banxin_right img{ border:1px solid #f4f4f4;}

/*网站建设流程*/
.guanwang_area1{ background:url(/public/images/bg98.png) repeat; height:456px;}
.guanwang_area1 h3,.guanwang_area3 h3,.guanwang_area5 h3,.guanwang_area7 h3{font-size:36px; color:#454545; text-align:center; font-weight:100; padding-top:53px;}
.area1_bottom{ background:url(/public/images/bg97.png) no-repeat center 142px; height:356px; }
.bottom_content{ width:1100px; margin:0 auto; height:356px; padding-left:100px;}
.bottom_content li{ width:100px; float:left; margin-right:50px; }
.img_top p{ background:url(/public/images/bg96.png) no-repeat center center; width:100px; height:51px; display:block; color:#666; font-size:14px; text-align:center; line-height:60px; margin-top:58px;}
.img_top img{ margin-top:38px;}
.img_botm p{ background:url(/public/images/bg96.png) no-repeat center center; width:100px; height:51px; display:block; color:#666; font-size:14px; text-align:center; line-height:60px;margin-top:88px;}
.img_botm img{ margin-top:57px;}

/*精品展示网站*/
.guanwang_area2{ background:url(/public/images/bg95.png) repeat; height:868px;}
.guanwang_area2 h3,.guanwang_area4 h3,.guanwang_area6 h3{font-size:36px; color:#fff; text-align:center; font-weight:100; padding-top:53px;}
.area2_tuijian{  margin-top:36px; }
.jptuijian{ width:250px; height:40px; line-height:40px;  text-align:center; float:left; background:#666; margin-right:20px; }
.jptuijian a{  color:#fff; font-size:18px;font-family:"微软雅黑";  }
.tuijian_fenlei{ width:930px;  background:#666; float:left;}
.tuijian_fenlei ul li{ float:left; padding-left:40px;}
.tuijian_fenlei ul li a{ color:#fff; line-height:40px;}
.tuijian_more a{ float:right; color:#fff; font-weight:bold; text-align:center; line-height:40px; margin-right:16px;}
.tuijian_more a:hover{color:#2acca0;}
.muban_li{ margin:30px 30px 0 0; float:left; position:relative;}
.muban_img{ padding:8px; display:block; background:#fff; overflow:hidden; border-bottom:1px solid #ccc;}
.muban_yanshi{ width:190px; line-height:40px; text-align:center; background:url(/public/images/bg93.png) no-repeat 46px 15px ; float:left;}
.muban_xuanyong{ width:190px; line-height:40px; text-align:center; background:url(/public/images/bg94.png) no-repeat 46px 15px #2acca0; float:left; color:#fff;}
.muban_btn{ height:40px;background:#fff; }
.muban_li strong{ position:absolute; right:8px; bottom:48px; display:block; width:72px; height:111px; padding:23px 12px 33px 12px; background:url(/public/images/bg92.png) no-repeat center center;}
.muban_lino{ margin-right:0;}


/*精品电商网站*/
.guanwang_area3{ background:url(/public/images/bg98.png) repeat; height:868px;}
.area3_tuijian{ margin-top:36px; }
.muban_img2{ padding:8px; display:block; background:#f4f4f4; overflow:hidden; border-bottom:1px solid #ccc;}
.muban_btn2{ height:40px;background:#f4f4f4; }

/*网站功能集合*/
.guanwang_area4{ background:url(/public/images/bg91.png) no-repeat center top;; height:494px;}
.area4_ul{ width:532px; margin:0 auto; height:395px; padding:18px 334px 0 334px;}
.area4_ul li{ width:88px; margin:28px 60px 0 0; float:left;}
.area4_ul p{ color:#fff; font-size:18px; text-align:center; line-height:40px;}
.area4_ul .area4_no{ margin:28px 0 0 0;}

/*建站优势*/
.guanwang_area5{ background:url(/public/images/bg98.png) repeat; height:516px;}
.guanwang_area5 li{ padding:19px; float:left; background:#fff; border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb; width:199px; margin-top:36px;}
.guanwang_area5 p{ color:#777; font-size:14px; line-height:26px; margin-top:5px; }
.guanwang_area5 .biaoti{ color:#333; font-size:18px; line-height:18px; margin-top:16px; }
.area5_last{border-right:1px solid #dbdbdb;}

/*我们的优势*/
.guanwang_area6{ background:url(/public/images/bg90.png) no-repeat center top; height:480px;}
.guanwang_area6 .jieshao{ text-align:center; color:#fff; font-size:14px; line-height:26px; margin-top:26px;}
.area6_youshi{ width:989px; margin:0 auto; height:395px; padding-left:211px;}
.area6_youshi li{ width:164px; margin-right:144px; background:url(/public/images/bg89.png) no-repeat center center; height:188px; text-align:center; margin-top:34px; float:left;}
.youshi_not{ font-size:16px; color:#fff; text-align:center; padding-top:11px;}
.youshi_blod{ font-size:24px; font-weight:bold;color:#fff; padding:37px 0 8px 0;}

/*关于我们*/
.guanwang_area7 img{ float:left; width:600px; height:367px; }
.area7_jianjie{ float:left; width:520px; height:327px; background:#2acca0; color:#fff; font-size:14px; line-height:26px; padding:40px 40px 0 40px;}
.area7_jianjie p{ margin-bottom:30px;}
.area7{ margin-top:35px; margin-bottom:70px;}

/*联系我们*/
.guanwang_area8 { background:url(/public/images/bg95.png)repeat; height:150px;}
.guanwang_area8 li { width:310px; padding-left:90px; float:left; padding-top:50px;}
.guanwang_area8 li img{ float:left; margin-right:15px;}
.guanwang_area8 li p{ float:left; font-size:14px; color:#fff; line-height:24px;}

/*底部*/
.guanwang_area9 { background:#232323; height:50px;}
.guanwang_area9 p{ color:#999; font-size:14px; text-align:center; line-height:50px;}

/*客户案例*/
.anli_ban{ background:url(/public/images/bg87.png) no-repeat top center; height:480px; overflow:hidden;}
.anli_ban p{ font-size:36px; color:#fff; text-align:center; margin-top:158px;}
.anli_ban strong{ font-size:72px; margin-right:6px; }
.anli_ban button{ width:178px; height:46px; line-height:46px; background:#2acca0;   text-align:center; margin:0 auto; display:block; margin-top:42px; cursor: pointer;}
.anli_ban button a{ color:#fff;font-size:16px; }

.anli_center{ background:#f4f4f4;padding-top:20px;}
.center_neir{ background:#fff; overflow:hidden;}
.dangqian{ background:url(/public/images/bg86.png) no-repeat 20px center; height:41px; line-height:40px; font-size:14px; color:#999; padding-left:40px; border-bottom:1px solid #f4f4f4; }
.dangqian li{ float:left; padding:0 2px;}
.dangqian li a{ color:#999;}
.dangqian li a:hover{ color:#666;}
.dangqian .kehu{ color:#666;}
.neir_fenlei{ overflow:hidden;}
.neir_fenlei li{ width:25%; float:left;text-align:center; overflow:hidden; height:58px; line-height:58px;border-bottom:2px solid #fff;}
.neir_fenlei .neir_fenlei_current{ width:25%; float:left;text-align:center; overflow:hidden; height:58px; line-height:58px;border-bottom:2px solid #2acca0;}
.neir_fenlei li:hover{ border-bottom:2px solid #2acca0;}
.neir_fenlei li a{ font-size:16px; color:#888; margin-left:4px;}
.neir_fenlei img{vertical-align:middle;}
.neir_muban{ background:#f4f4f4; overflow:hidden; padding-bottom:50px;}
.neir_muban li{ width:270px; overflow:hidden; padding:8px; background:#fff; margin:20px 18px 0 0; float:left; position:relative;}
.muban_yanshi2 img{ float:right; border-left:1px solid #ebebeb; padding:0 5px 0 10px;cursor: pointer;}
.muban_yanshi2{ margin:10px 0 3px 0;}
.neir_muban .neir_muban_no{ margin-right:0;}
.neir_muban_tanchuang{ display:none; width:270px; height:185px; background:url(/public/images/bg85.png) repeat; position:absolute;  right:8px; top:8px; }
.neir_muban_tanchuang ul{  overflow:hidden; }
.neir_muban_tanchuang li{ width:135px; height:185px; float:left; margin:0; padding:0;background-color:rgba(255,255,255,0); text-align:center; color:#fff;}
.neir_muban_tanchuang li:hover{ background:url(/public/images/bg83.png) repeat; }
.neir_muban_tanchuang li a{  color:#fff;}
.neir_muban_tanchuang li img{ display:block; margin:67px 0 10px 52px;}

/*云建站*/
.yunjz_ban{ background:url(/public/images/bg82.png) no-repeat top center; height:300px; overflow:hidden;}
.yunjz_ban p{ font-size:36px; color:#fff; text-align:center; margin-top:126px;}
.yunjz_neir{ overflow:hidden; background:#f4f4f4; padding-top:20px; margin-bottom:50px;}
.yunjz_neir_left{ width:180px; background:#dddddd; float:left; padding-top:30px; height:570px;}
.yunjz_neir_left a{ display:block; height:50px; line-height:50px; background:url(/public/images/bg81.png) no-repeat 155px center; padding-left:20px; font-size:16px; margin-top:1px;}
.yunjz_neir_left a:hover{ background:url(/public/images/bg81.png) no-repeat 155px center #f4f4f4;}
.left_current{ background:url(/public/images/bg81.png) no-repeat 155px center #f4f4f4;}
.yunjz_neir_right{ width:1000px; float:right;}
.neir_right_top{ background:#FFF; padding:20px 35px;}
.neir_right_top>li{ float:left; height:40px; line-height:40px; width:23%; background:url(/public/images/bg78.png) no-repeat left center; padding-left:18px; position:relative;}
.neir_right_top li ul li{ width:40%; float:left; font-size:14px; text-align:left; margin-right:20px; line-height:35px; }
.neir_right_top li ul li a{ color:#ff5b40; }
.neir_right_top li ul li a:hover{text-decoration:underline;}
.neir_right_top>li:hover{ background:url(/public/images/bg77.png) no-repeat left center; }
.neir_right_top li a{ color:#888;}
.neir_right_top li a:hover{ color:#ff5b40;}
.neir_right_top .right_top_current a{ color:#ff5b40;}
.neir_right_top .right_top_current{ background:url(/public/images/bg77.png) no-repeat left center;}
.mbyanse{ background:#fff; height:80px;  }
.yanse{ border-top:1px solid #ededed; margin:0 20px; padding-top:28px;}
.yanse p{ float:left; color:#888; font-size:14px;}
.yanse ul{ float:left;}
.yanse ul li{ float:left; margin-left:10px; cursor:pointer;}
.current_yanse{ position:relative;}
.current_gouxuan{ position:absolute; left:0; }
.test_triangle_border{ width:210px; display:none;}
.test_triangle_border .popup{ width:210px; background:#fff; padding:10px 0 10px 20px; color:#ff5b40;  position:absolute; top:40px; z-index:9000; left:0px; border:1px solid #ff5b40;}
.test_triangle_border .popup span{ display:block; width:0; height:0; border-width:0 10px 10px; border-style:solid; border-color:transparent transparent #ff5b40; position:absolute; top:-10px; left:30%; margin-left:-10px;}
.test_triangle_border .popup em{ display:block; width:0; height:0; border-width:0 10px 10px; border-style:solid; border-color:transparent transparent #fff; position:absolute; top:1px; left:-10px;}
.neir_right_bottom li{ float:left; background:#fff; padding:8px; margin:20px 20px 0 0 ; position:relative;}
.neir_right_bottom .right_bottom_no{ margin-right:0;}
.yunjianzhan{ background:#f4f4f4;}
.yunjianzhan .dangqian{  background:url(/public/images/bg86.png) no-repeat 20px center #fff;}
.right_bottom_tanchuang li{ float:left; margin:0; padding:0 10px; background-color:rgba(255,255,255,0); text-align:center;}
.right_bottom_tanchuang li a{ color:#fff;}
.right_bottom_tanchuang{ display:none; width:140px; height:73px; overflow:hidden; position:absolute; right:8px; top:8px; margin:0; padding:0; background:url(/public/images/bg80.png) repeat; padding:82px 82px 62px 82px;}
.right_bottom_tanchuang img{ display:block; margin-bottom:4px;}

/*云微站*/
.weiz_right_bottom li{ float:left; background:url(/public/images/bg79.png) no-repeat left top; padding:32px 5px 49px 4px; margin:20px 20px 0 0 ; position:relative;}
.weiz_right_bottom li img{ border:2px solid #f4f4f4;}
.weiz_right_bottom .right_bottom_no{ margin-right:0;}
.weiz_right_bottom{ width:1000px; overflow:hidden;}
.weiz_tanchuang{ display:none; width:140px; height:72px; overflow:hidden; position:absolute; right:7px; top:34px; margin:0; padding:0; background:url(/public/images/bg80.png) repeat; padding:241px 41px 20px 41px;}
.weiz_tanchuang li{ margin:0; padding:0 10px; background-color:rgba(255,255,255,0); background:none; text-align:center;}
.weiz_right_bottom .weiz_tanchuang img{ border:none; display:block; margin-bottom:4px;}
.weiz_tanchuang li a{ color:#fff;}


.yultanc{ width:100%; height:100%; position:absolute; left:0; top:0; display:none;}
.yultanc .bgbg{ background:#000; opacity:0.4; width:100%; }
.tanchuagn_con{ width:1000px; height:550px; }


.neirong_l{ background:url(/public/images/shoujibg1.png) no-repeat center center; width:374px; height:539px;  }

.tanchuagn_con{ position:fixed; top:30px; left:10%; width:80%; }

.btn_l{ float:left; width:20%; padding-top:200px;}
.btn_r{ float:right; width:19%;text-align:right;  padding-top:200px;}
.neirong{ float:left; width:61%;}
.neirong_l{ float:left;}
/*.neirong_r{ float:right; }*/
.juzhogn{ width:90%; margin:0 auto;}
.neirong_r p span { display:inline-block; padding:20px 18px; cursor:pointer;}
.neirong_r p span em{ font-style:normal; display:block; padding-left:8px; font-size:16px; color:#fff; padding-top:5px;}
.neirong_r{ padding-top:100px;}
.neirong_l p{ padding:48px 0 0 15px;}

/* 新增样式 */
.banxin_right input[name=is_manager]{ width: 14px; height: 14px; border: 1px solid #f4f4f4; display: inline-block; cursor: pointer; background: #FFF; float: left; margin-top: 14px;}