@charset "utf-8";
/* CSS Document */
body{ font-family:"微软雅黑"; color:#555555; font-size:12px;padding-top:85px}
*{ text-decoration:none; padding:0px; margin:0px; list-style:none}
img{ border:none;}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:1px;font-size: 1px;line-heigt: 0px;padding-top:-1px;}
a{text-decoration:none;}
a:hover{ text-decoration:none;}
.container{width:1100px !important;}
/*浏览器提示*/
.top_1 {background: none repeat scroll 0 0 #431F1F;color: #BABABA;display: none;font-size: 14px;height: 35px;line-height: 35px;text-align: center;}
.top_1_mid {height: 35px;margin: 0 auto;position: relative;text-align: center;width: 960px;}
.top_1_mid_close {background-image: url(../images/close__1.png);height: 30px;position: absolute;right: 0;top: 0;width: 30px;cursor: pointer;}


.header{background:#fcfcfc;}
.header_left{float:left;margin-top:16px; width:183px}
.header_right{float:left;margin-left:133px;}
.member_group{ float:left;line-height:85px;margin-left:20px}
.member_group a{ font-size:14px}
.member_group a:hover{ text-decoration:none;}

.navmain li{float:left}
.navmain li a{ display:block;width:91px;height:85px; line-height:85px; text-align:center; font-family:"微软雅黑";color:#666666; font-size:14px}
.navmain li a:hover{ background:#eaeaea}
.hover{ background:#eaeaea}
.btn-group{ float:left;padding-left:38px;padding-top:20px}
.btn-success{ background:#0081c3;border:1px solid #0074af}
.btn-success:hover{ background:#006ba3}
.btn-success:active{ background:#006ba3}
.fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: translate(0, 0);width:13px}

.fa-sign-in:before {content: "\f090"; background:url(../images/h_btn.png) no-repeat;}
.fa-pencil:before {content: "\f090"; background:url(../images/h_btn.png) no-repeat -14px center;}

.carousel{ margin-bottom:0px;}
.banner_btn{ position:absolute;top:400px;left:60.3%; }
.banner_btn02{ position:absolute;top:400px;left:51%; color:#fff; display:block;text-align:center; border:1px solid #fff;border-radius:5px;padding:8px 15px}
.banner_btn02:hover{color:#ccc; border:1px solid #f4f4f4}

.why_wz{padding:20px 0}
.why_wz .span4,.wz_server .span4,.wx_tpl .span4{width:389px;}
.why_wz .span7,.wz_server .span7{width:668px;}
.why_wz img{width:389px !important;height:280px !important;}
.why_wz h2{padding:20px 0px 10px 0px; font-weight:normal}
.why_wz h5{ font-weight:normal; line-height:26px}

.wz_server{ background:#f5f5f5;padding-top:10px}
.wz_server img{width:224px !important;}
.wz_server h2{padding:50px 0px 10px 0px; font-weight:normal}
.wz_server h5{ font-weight:normal; line-height:26px}

.wx_tpl{ padding:30px 0 10px 0}
.wx_tpl img{width:431px !important;}
.wx_tpl h2{padding:50px 0px 10px 0px; font-weight:normal}
.wx_tpl h5{ font-weight:normal; line-height:26px}

.wx_gongneng{ background:#f5f5f5;}
.wx_gongneng h2{padding:30px 0px; text-align:center; font-weight:normal}
.wx_gongneng .row div{margin-left:0px; text-align:center;width:160px;padding-bottom:40px}
.wx_gongneng .row div img{width:92px;}
.wx_gongneng .row div a{ display:block; font-size:16px;padding-top:5px;padding-bottom:5px}

.wz_style h2{margin:30px 0px 0px 0; text-align:center; font-weight:normal; background:url(../images/style_xian.png) center center no-repeat}


.pro{width:1100px;  position:relative; height:320px; margin:0 auto;}
	
.pro .left-but,.pro .right-but{width:45px; height:64px; position:absolute; top:115px; overflow:hidden; display:block; cursor:pointer; z-index:2;background-image:url(../images/but.png);_background-image:url(../images/but8.png);}
.pro .left-but{left:0px; background-position:left top; }
.pro .left-but-off{background-position:left bottom; }
.pro .right-but{right:0px;background-position:right bottom;}
.pro .right-but-off{background-position:right top;}
.pro .c{width:995px;overflow:hidden; height:300px; position:relative; z-index:1; top:0px; left:48px;}
.pro .c ul{position:absolute; left:0px; top:0px; width:9999px;margin:0px;padding:0px}
.pro .c ul .pro-box{text-align:center; float:left; width:166px; height:290px;margin:0px 12px; _display:inline; padding:0; background-color:#fff; padding:4px;}
.pro-box .pictrue{height:290px; width:166px; overflow:hidden;position:relative;}
.pro-box .pictrue:hover{}
.pro-box .pictrue table{width:100%; height:100%;}
.pro-box .pictrue table td{ text-align:center; vertical-align:middle;}



.footer{ background:#f5f5f5;padding:15px}
.footer .span8{padding-top:18px;width:780px;}
.footer .span8 a{color:#555;margin:10px}
.footer .span8 p{padding-top:8px}
.footer .span3 img{width:93px !important;}

.erwei {position: fixed;bottom: 8px;left: 8px;z-index: 999;padding: 35px 5px 0 5px;border: 1px solid #d1d1d1;background: white url(../img/erwei_small.png) no-repeat scroll center 5px;color: #56a91d;cursor: pointer;}
.erwei_big {position: absolute;bottom: -2px;left: 75px;display: none;padding-top: 258px;width: 258px;border: 1px solid #d1d1d1;background: white url(../img/erwei_big.jpg) no-repeat scroll center 0;cursor: default;text-align:center}
/**/
#muyouguoji_anli_banner {margin-top: 1px;height: 245px;width: 100%;background-color: #313040;/* background-image: url(../images/muyouguoji_fuwu_bg.jpg);background-size: 100% 100%;*/}

#muyouguoji_anlid_banner {margin-top:1px;height: 250px;width: 100%;background-color: #0089d1;/* background-image: url(../images/cgal_bg.jpg);background-size: 100% 100%;*/}
#muyouguoji_anlid_banner .inner{height: 250px;background-image: url(../images/cgal_bg.jpg);}
#muyouguoji_anli_banner_title {font-size: 42px;text-align: center;padding-top: 60px;color: #fffefe;}

#muyouguoji_anli_banner_p {display: block;color: #fff;display: block;text-align: center;margin: 30px auto;font-size: 24px;padding: 18px 30px;line-height: 30px;}
#app_left{width: 780px;float: left;padding-right: 20px;}
#app_right{margin-top: 20px;width: 198px;float: left;background-color: #f2f2f2;border: 1px solid #e1e1e1;}
#app_right h5{background-color: #f7f7f7;color: #333;padding: 10px 20px;border-bottom: 1px solid #e1e1e1;margin:0px}
#app_right ul{list-style: square;padding-left: 30px;color: #666;font-size: 12px;padding-top: 10px;padding-bottom: 10px;}
#app_right ul li{padding: 8px 0;}

/*.banner_desc {
    position: absolute;
    width: 500px;
}*/

.banner_pad_pic {display: none;width: 255px;height: 380px;position: absolute;right: 70px;top: 60px;}
#app_show {padding-bottom: 40px;background-color: #fff;}
#app_show_title {font-size: 18px;padding: 20px 0;border-bottom: 1px dashed #dbdbdb;margin:0px}

.app {padding: 20px 20px 20px 0;border-bottom: 1px dashed #dbdbdb;border-right: 1px dashed #dbdbdb;width: 358px;float: left;}
.app:nth-child(2n) {border-right: none;padding-left: 20px;}

.app_icon {height: 88px;width: 88px;background-color: #dedede;border-radius: 30px;float: left;}
.app_icon  img{width: 88px; height: 88px;}
.app_desc {float: left;width: 245px;padding-left: 20px;}

.app_desc h2 {font-size: 14px;color: #333;padding-bottom: 10px;font-weight: bold;margin:0px;padding:0px 0 5px 0;height:20px;line-height:20px}

.app_desc p {font-size: 12px;color: #666;line-height: 22px;height: 60px;overflow: hidden; float:left; }

.app_desc a {text-decoration: none;color: #333;}

.app_desc span {display: none;/*display: inline-block;*/margin-top: 10px;text-decoration: none;background-color: #dedede;color: #666;font-size: 12px;padding: 4px 10px;border-radius: 4px;}

#app_detail {background-color: #fff;}

#app_type_list {float: left;width: 200px;background-color: #f6f6f6;padding-top: 40px;}

#app_type_list h2 {font-size: 18px;font-weight: bold;padding-bottom: 20px;color: #333;border-bottom: 1px solid #dedede;padding-left: 20px;}

.app_subtitle {padding: 16px;font-size: 16px;color: #666;border-bottom: 1px solid #dedede;border-top: 1px solid #fff;}
.app_list_titles{}
.app_list_titles li {font-size: 12px; color: #666; border-bottom: 1px solid #dedede;border-top: 1px solid #fff; padding: 14px 0;}
.app_list_titles li a{text-decoration: none; color: #666;padding-left: 40px;}
#app_box{ float: right;width: 780px;padding-left: 20px;}
#app_box h1{padding-top: 30px;padding-bottom: 10px;font-size: 24px;margin-bottom: 20px;border-bottom: 2px solid #dedede;}
#app_desc{}
#app_desc img{ display: block;width: 100px; height: 100px; float: left;}
#app_desc p{padding-left: 20px;width: 600px;float: left;font-size: 14px;line-height: 24px;color: #666;}
#func_desc{margin-top: 20px;}
#func_desc h2{font-size: 16px;border-bottom: 2px solid #dedede;padding: 10px 0;}
#app_pic{margin-top: 20px;}
#app_pic h2{font-size: 16px;border-bottom: 2px solid #dedede;padding: 10px 0;}
#app_func_desc{padding-top: 20px;color: #666;font-size: 16px;line-height: 28px;}
#case_desc{position: relative;margin-bottom: 40px;width: 450px;}
#case_desc .slidesjs-previous {position: absolute;left: 0;top: 50%;z-index: 99;width: 48px;height: 48px;background-color: #007AFF;text-indent: -9999px;background-image: url('../images/slide_pre.png');}

#case_desc .slidesjs-next {position: absolute;right: 0;top: 50%;z-index: 99;width: 48px;height: 48px;background-color: #007AFF;text-indent: -9999px;background-image: url('../images/slide_nex.png');}
#case_vote{display: inline-block;position: absolute;right: 0;height: 40px;}
#case_vote span img{display: inline-block;height: 24px;width: 24px;cursor: pointer;vertical-align: middle;}
#case_vote span{color: #666;font-size: 16px;line-height: 30px;display: inline-block;height: 20px;margin-right: 10px;}
.align-center{margin:0 auto;		/* 居中 这个是必须的，，其它的属性非必须 */width:1000px;		/* 给个宽度 顶到浏览器的两边就看不出居中效果了 */}
/*案例*/
.big_main { width: 100%; position: relative; overflow: hidden; background:#f0f2f4;}
.main_top { background: url(../images/top.png) repeat-x; width: 100%; height: 4px; position: absolute; top: 0; left: 0;border-top:1px solid #fff}
.case_menu{ width:1100px; height:120px; margin:0 auto;}
.casemenutop{height:120px; text-align:center;}
.casemenutop h1{ color:#6DBC0C; font-size:28px; margin-top:30px;}
.casemenutop p{color:#AEAFAF; font-size:16px; margin-top:10px;}
.anli_bg {width:100%}
.bgs {position:fixed;z-index:-1;width:100%;bottom:0;}
.anli_list {display:table;clear:both;}
.anli_list .left {width:17%;float:left;text-align:left;height:770px;position:relative;}

.case_list{margin-top:36px; width:1200px; margin:0 auto;}
.case_list .title{ width:100%; padding-bottom:24px; font-size:24px; font-weight:bold; color:#666;}
.case_list .item{ width:185px; padding:0 12px; background:#fff; overflow:hidden; margin-right:30px;}
.case_list .item .img{ width:185px; height:185px; position:relative; cursor:pointer;overflow:hidden; margin-top:12px;}
.case_list .item .img ul{ position:absolute; top:0px;margin:0px;}
.case_list .item li{ width:185px; height:185px; overflow:hidden;}
.case_list .item li img{ max-height:185px; max-width:185px; _width:185px; _height:185px;}
.case_list .item .name{ line-height:30px; font-weight:bold;}
.case_list .row_0{height:586px;}
.case_list .row_0 .item_0{height:252px;}
.case_list .row_0 .item_1{height:252px; margin-top:1px;}
.case_list .row_0 .item_2{height:252px; margin-top:1px;}
.case_list .row_0 .item_3{height:252px; margin-top:1px;}
.case_list .row_0 .item_4{height:252px; margin-top:1px;}
.case_list .row_0 .item_5{height:252px; margin-top:30px;}
.case_list .row_0 .item_6{height:252px; margin-top:30px;}
.case_list .row_0 .item_7{height:252px; margin-top:30px;}
.case_list .row_1{height:581px; position:relative; background:url(/images/case_middle_bg.jpg) no-repeat 210px top;}
.case_list .box_0{height:275px; position:absolute; top:1px; left:0;}
.case_list .box_1{height:253px; position:absolute; top:254px; left:240px;}
.case_list .box_2{height:252px; position:absolute; top:0; left:758px;}
.case_list .box_3{height:250px; position:absolute; top:309px; left:0;}
.case_list .box_4{height:267px; position:absolute; top:286px; left:758px;}
.case_list .row_2{height:576px;}
.case_list .row_2 .item_0{height:272px; margin-top:9px;}
.case_list .row_2 .item_1{height:266px; margin-top:1px;}
.case_list .row_2 .item_2{height:271px; margin-top:1px;}
.case_list .row_2 .item_3{height:263px; margin-top:7px;}
.case_list .row_2 .item_4{height:261px; margin-top:34px;}
.case_list .row_2 .item_5{height:270px; margin-top:19px;}
.case_list .row_2 .item_6{height:246px; margin-top:24px;}
.case_list .row_2 .item_7{height:255px; margin-top:25px;}
.left{ float:left; _display:inline}
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
/*about*/
.about_info{padding:20px; background:#fff;margin:20px 0px}
/*联系我们*/
.message{width:517px;float:left}
.tit01,.tit02{display: block;
border-bottom: 1px solid #67b803;
width: 100%;
height: 40px;
color: #67b803;
font-size: 18px;}
.tit01{ color:#555}

#dituContent img{max-width: initial;}

.contact_cont dl{ float:left;margin:0 0 0 10px;padding-top:20px}
.contact_cont dl span{color:#ff0000}
.contact_cont dt{ line-height:30px;padding-left:10px}
.btnCont{padding-left:20px}
.textareakuang{ width:500px}
.textareakuang textarea{ width:448px;height:132px}
.btnCont .btn-large{padding:5px 10px; font-size:14px}


.con{width:517px;float:left;margin-left:26px;}
.ewm15{width:166px;margin:50px auto}


/*登录*/
.login_main{padding:20px 0px;background:#f0f2f4}
.login_main .container{background:#fff}
.login_main h4{ text-align:center;padding:20px 0px}
.login_body{width:470px;float:left;padding:50px 0px}
.login_body .btn{padding:5px 10px;}
.login_body .repass{ margin-left:20px}

.reg_body .btn{padding:5px 10px;}
.reg_body .red{ color:#ff0000; font-size:14px}
.reg_body .repass{ margin-left:20px}

.login_right{float:right;width:470px; text-align:center;padding:20px;}
.login_right p img{width:258px;}