/*by litsen@foxmail.com*/
@charset "utf-8";
*{ padding:0; margin:0;}
body{ color:#666; font:12px/1.8 "微软雅黑",Arial, Helvetica, sans-serif; background-color:#f0f0f0; text-align: center;}
ul, li{ list-style:none;}
img{ border:none}
.clearfix:after{ content:""; height:0; visibility:hidden; display:block; clear:both;}
.clearfix{ zoom:1;}
.clear { clear:both }

a{ color:#666; text-decoration:none;}
a:hover{ color:#ff7200; text-decoration:underline}
.t_hide{ text-indent:-999em; overflow:hidden;} .t_center{ text-align: center;}
.left{ float:left}
.right{ float:right}
.bordernone{ border:none!important;}
input,textarea{ outline:none; -webkit-outline-radius:0;} 
.disnone{ display: none;}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}

.wrapper{  width: 1002px;margin:0 auto; text-align: center;}

/*顶部*/
.top{ width: 100%; overflow: hidden; background: url(../images/alipay_t.png) repeat-x 0 0; height: 31px;}
.top .wrapper{ text-align: right;} 
.top a{ color: #5a5a5a; font-size: 13px; line-height: 30px; display: inline-block; margin:0 5px; }
.top a:hover{ color: #333}
.top .plat{ display: inline-block; height: 100%; line-height: 100%; margin-right: 20px; }
.top .plat a{ display: inline-block; background: #78c340; color: #fff; padding: 0 10px; line-height: 31px; text-decoration: none; font-weight: bold; font-size: 15px;}
.top .plat a.a1{ background: #ed6d00}
.top .plat a:hover{ background: #58a81c;}
.top .plat a.a1:hover{ background: #ce6002;}

/*头部*/
.header{ background: #fff; width: 100%;  }
.header .wrapper{ position: relative; height: 80px; padding-top: 10px; text-align: left;}
.header a.logo{ height: 75px; display: block; font-size: 42px; color: #78c340; letter-spacing:5px; text-decoration: none; text-shadow:0px 0px 0 rgb(-18,115,26),1px 1px 0 rgb(-33,100,11),2px 2px 0 rgb(-48,85,-4),3px 3px 0 rgb(-64,69,-20),4px 4px 0 rgb(-79,54,-35),5px 5px 0 rgb(-94,39,-50), 6px 6px 0 rgb(-109,24,-65),7px 7px 6px rgba(0,0,0,0.55),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);} 
.header .nav{ position: absolute; right:0; bottom:0;}
.header .nav li{ float: left;}
.header .nav li a{ display: block; color: #252525; float: left; font-size: 16px;  height: 40px; line-height: 40px; padding: 0 28px 12px; text-decoration: none;}
.header .nav li.last a{ background: none; }
.header .nav #magic-line{position:absolute; bottom:-1px; left:0; width:100px; height:3px; background:#ed6d00;}


.section{ width: 100%; overflow: hidden;}
.section .wrapper{ position: relative; text-align: left;}

/*底部*/
.footer{ background:#323639; width: 100%; overflow: hidden; padding: 50px 0; color: #5a5a5a;}
.footer .flogo{ background:url(../images/flogo.png) no-repeat left center; width: 220px; height: 70px; border-right: 1px solid #494949}
.footer .copyright{ text-align: center; border-right: 1px solid #494949; width: 380px; padding: 0 20px; font-size: 14px; padding-top: 15px;}
.footer .contact{ padding-left: 30px; font-size: 16px;  text-align: left;}
.footer .tel{ font-size: 22px; font-weight: bold; line-height: 1.2; }
.footer a.btn_qq{ background: url(../images/btn_qq.jpg) no-repeat; width: 116px; height: 30px; display: block; margin-top: 5px;}
.footer a.btn_qq:active{ transform:scale(.955); transition:transform .2s ease;}

.izl-rmenu{position:fixed; right:30px; bottom:10px; padding-bottom:73px;  z-index:9999; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/weixin/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/weixin/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}

.izl-rmenu .btn-qqs{background:url(../images/r_qqs.png) 0px 0px no-repeat; background-color:#a200ff; display: block;}
.izl-rmenu .btn-qqs:hover{background-color:#9100e4;}

.izl-rmenu .btn-wx{background:url(../images/weixin/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}

.izl-rmenu .btn-alipay{background:url(../images/weixin/r_alipay.png) 0px 0px no-repeat; background-color:#ed6d00;}
.izl-rmenu .btn-alipay:hover{background-color:#bc5802;}
.izl-rmenu .btn-alipay .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}

.izl-rmenu .btn-phone{background:url(../images/weixin/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#d28c05;}
.izl-rmenu .btn-phone .phone{background-color:#d28c05; position:absolute; width:160px; left:-160px; top:-67px; padding: 10px 0; height: 120px;  line-height:30px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/weixin/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

.bgwhite{ background-color: #fff;}
.bggray{ background-color: #f8f8f8}
.bgdark{ background-color: #323639;}



/*slider*/
.slider{ width: 100%; overflow: hidden; height: auto; position: relative;}
 
.nivoSlider{position:relative; width:100%; height:auto; overflow:hidden;  margin: 0 auto; }
.nivoSlider img{position:absolute; top:0px; left:0px; max-width:none}
.nivo-main-image{display:block !important; position:relative !important; width:100% !important}

.nivoSlider a.nivo-imageLink{position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0}

.nivo-slice{display:block; position:absolute; z-index:5; height:100%; top:0}
.nivo-box{display:block; position:absolute; z-index:5; overflow:hidden}
.nivo-box img{display:block}
.nivo-caption{position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding:5px 10px; opacity:0.8; overflow:hidden; display:none; -moz-opacity:0.8; filter:alpha(opacity=8); -webkit-box-sizing:border-box; -moz-box-sizing:border-box;  box-sizing:border-box}
.nivo-caption p{padding:5px; margin:0}
.nivo-caption a{display:inline !important}
.nivo-html-caption{ display:none}
.nivo-directionNav a{position:absolute; top:40%; cursor:pointer; display:block; opacity: 1;  background: url(../images/weixin/btn_arrow.png) no-repeat; text-indent: -999em; overflow: hidden; height: 80px; width: 80px;z-index:9999;}
.nivo-directionNav a.nivo-prevNav{left:10px; background-position: 0 0;} .nivo-directionNav a.nivo-prevNav:hover{background-position: 0 -80px;}
.nivo-directionNav a.nivo-nextNav{right:10px; background-position: -80px 0;} .nivo-directionNav a.nivo-nextNav:hover{background-position: -80px -80px;}

.nivo-controlNav{text-align:center; position: absolute; left:0; width: 100%; bottom:20px; z-index: 9999;}
.nivo-controlNav a{cursor:pointer; display: inline-block; margin:0 5px; width: 20px; height: 20px; background: url(../images/weixin/ico_bubble.png) no-repeat 0 0; text-align: center; font-size: 0;}
.nivo-controlNav a.active{background-position: -20px 0;}

/*功能介绍*/
.section{ width: 100%; overflow: hidden;}
.section .swrap{ width: 1002px; margin:0 auto; position: relative;}
.fun1{ background:#cadce8  url(../images/weixin/fun_bg1.jpg) no-repeat center bottom; height: 772px;}
.fun1 .swrap{ height: 772px;}
.fun1 div{ position: absolute;}
.section h2{ font-size: 40px; color: #4f4f4f; padding: 20px 0; border-bottom: 2px solid #c7dbe4;} .section h2 span{ color: #2485b2;}
.fun1 .fun1_phone{ background: url(../images/weixin/ico_fun1_2.png) no-repeat; width: 592px; height: 324px; bottom:114px; left: 200px; }
.fun1 .fun1_1,.fun1 .fun1_2,.fun1 .fun1_3,.fun1 .fun1_4{ background: url(../images/weixin/ico_fun1_1.png) no-repeat 0 -33px;  width: 110px; height: 155px; left: 300px; top: 331px;   }
.fun1 .fun1_2{ width: 98px; height: 124px; background-position: -179px 0; left: 474px; top: 300px; -webkit-animation-delay: 0.6s;-moz-animation-delay: 0.6s;-o-animation-delay: 0.6s;animation-delay: 0.6s;}
.fun1 .fun1_3{ width: 79px; height: 112px; background-position: -136px -154px; left: 431px;  top: 450px; -webkit-animation-delay: 0.7s;-moz-animation-delay: 0.7s;-o-animation-delay: 0.7s;animation-delay: 0.7s;}
.fun1 .fun1_4{ width: 74px; height: 119px; background-position: -304px -75px; left: 615px; top: 360px;  -webkit-animation-delay: 0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}
.fun1 .fun1_txt{ width: 180px; text-align: left; font-size: 14px; color: #2783b2; -webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-delay: 0.5s;}
.fun1 .fun1_txt h4{ font-size: 18px; color: #4f4f51}
.fun1 .fun1_txt1{ left: 122px; top: 325px;}
.fun1 .fun1_txt2{ left: 562px; top: 238px;}
.fun1 .fun1_txt3{ left: 496px; top: 620px;}
.fun1 .fun1_txt4{ left: 680px; top: 522px;}




.fun2{ background:#71898d url(../images/weixin/fun_bg2.jpg) no-repeat center top; height: 800px}
.fun2 .swrap{ height: 800px;}
.fun2 h2{ color: #2694d1; border-bottom-color: #264156;} .fun2 h2 span{color: #fff }
.fun2 div{ position: absolute;}
.fun2 .fun2_phone{ background: url(../images/weixin/ico_fun2_1.png) no-repeat; left: -80px; bottom:0; width: 550px; height: 654px; }
.fun2 .fun2_1{ background: url(../images/weixin/ico_fun2_2.png) no-repeat; left: 446px; bottom: 81px; width: 558px; height: 235px; -webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-delay: 0.5s;}
.fun2 .fun2_2{ background: url(../images/weixin/ico_fun2_3.png) no-repeat; left: 446px; bottom: 337px; width: 443px; height: 294px; -webkit-animation-delay: 0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}


.fun3{ background:#fbfbfb url(../images/weixin/fun_bg3.jpg) no-repeat center bottom; height: 800px}
.fun3 .swrap{ height: 800px;}
.fun3 h2{ color: #2883b0; border-bottom-color: #264156;} .fun3 h2 span{color: #041328 }
.fun3 div{ position: absolute; width: 529px; height: 106px; width: ;}
.fun3 .fun3_1{ background: url(../images/weixin/ico_fun3_1.png) no-repeat; top: 180px; left: 0;  }
.fun3 .fun3_2{ background: url(../images/weixin/ico_fun3_2.png) no-repeat; top: 286px; left: 120px;}
.fun3 .fun3_3{ background: url(../images/weixin/ico_fun3_3.png) no-repeat; top: 392px; left: 240px; }
.fun3 .fun3_4{ background: url(../images/weixin/ico_fun3_4.png) no-repeat; top: 486px; left: 360px;}
.fun3 .fun3_5{ background: url(../images/weixin/ico_fun3_5.png) no-repeat; top: 592px; left: 480px; }


.fun4{ background:#6e93c0 url(../images/weixin/fun_bg4.jpg) no-repeat center bottom; height: 658px}
.fun4 .swrap{ height: 658px;}
.fun4 h2{ color: #13131d; border-bottom-color: #6d8ab8;} .fun4 h2 span{color: #fff }
.fun4 div{ position: absolute; width: 170px; overflow: hidden;}
.fun4 div h4{ background: #82a55a; line-height: 34px; line-height: 34px; color: #fff; font-size: 15px;}
.fun4 div p{ border:1px solid #d1cac3; padding: 10px; display: block; text-align: center; background: #fff;}
.fun4 div p img{ display: block; margin:0 auto; max-width: 100%;}
.fun4 div .fun4_fl,.fun4 div .fun4_fr{ display: block; width: 71px; height: 58px; background: url(../images/weixin/ico_fun4_1.png) no-repeat; margin-top: -1px;}
.fun4 div .fun4_fl{ margin-left: 35px;}
.fun4 div .fun4_fr{ background: url(../images/weixin/ico_fun4_2.png) no-repeat; }
.fun4 .fun4_1{ left:17px; top: 204px;  -webkit-animation-delay: 0.3s;-moz-animation-delay: 0.3s;-o-animation-delay: 0.3s;animation-delay: 0.3s;}
.fun4 .fun4_2{ left:264px; top: 310px; -webkit-animation-delay: 0.4s;-moz-animation-delay: 0.4s;-o-animation-delay: 0.4s;animation-delay: 0.4s;}
.fun4 .fun4_3{ left:496px; top: 214px; -webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-delay: 0.5s;}
.fun4 .fun4_4{ left:735px; top: 300px;  -webkit-animation-delay: 0.6s;-moz-animation-delay: 0.6s;-o-animation-delay: 0.6s;animation-delay: 0.6s;}
.fun4 a.btn_more{ background: url(../images/weixin/btn_more.png) no-repeat; width: 152px; height: 34px; line-height: 34px; color: #fff; font-size: 14px; font-weight: bold;text-decoration: none; display: block; position: absolute; right:50px; bottom:80px;  -webkit-animation-delay: 0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;animation-delay: 0.8s;}
.fun4 a.btn_more:hover{ background-position: 0 -35px;}



/*案例展示*/
.case_content{ width:100%; background:#e1d2bd; padding:30px 0 40px 0;}

.case_main{ width:916px;  border:8px solid #0f63ac; background:#0f63ac; margin:0 auto; }
.case_main .left{ width:135px; background:#0f63ac; float:left;}
.case_main .left li{ width:115px; height:37px; line-height:37px; padding-left:20px; font-size:14px; color:#fff; cursor:pointer}
.case_main .left li.cur{ background:#f1f1f1; font-weight:bold; color: #333;}

.case_main .right{ widtth:781px; float:left; background:#f1f1f1; border-radius:0 5px 5px 0;}
.right_main{ width:781px; padding-bottom:25px;}
.main_nav{ width:781px; height:134px;  padding-top:38px;}
.main_nav li{ width:85px; float:left; margin-left:35px; display:inline;}
.nav_img{ width:85px; height:85px; position:relative; cursor:pointer;}
.nav_img span{ display:block; width:85px; height:85px; background:url(../new_index/images/hui.png) no-repeat; position:absolute; top:0px; left:0px; z-index:9;}
.nav_img span.img_cur{background:url(../new_index/images/red.png) no-repeat;}
.nav_text{ width:85px; height:20px; line-height:20px; margin-top:5px; text-align:center; font-size:14px;}
.cont{ width:725px; height:429px; background:url(../new_index/images/cont_bg.png) no-repeat; padding:40px 0 0 22px;}
.casepic{ width:710px;display:none}
.casepic li{width:220px; float:left; margin-right:15px; display:inline; }
.code_box{ padding-top:5px;margin-right:0px;}
.code{ width:165px; height:165px; margin:0 auto;}
.jianjie{ width:210px; margin:0 auto; height:220px; font-size:14px; text-indent:2em; margin-top:5px; font-family:"新宋体"; line-height:20px; overflow:hidden; }
.casedi{ width:930px; height:95px; background:url(../new_index/images/footer.png) no-repeat; margin:0 auto;}


.deploy_ctype_tip{z-index:1001;width:100%;text-align:center;position:fixed;top:50%;margin-top:-23px;left:0;}.deploy_ctype_tip p{display:inline-block;padding:13px 24px;border:solid #d6d482 1px;background:#f5f4c5;font-size:16px;color:#8f772f;line-height:18px;border-radius:3px;}