html{width:100%;height:100%}
body{margin:0;padding:0;width:100%;height:100%;min-width:1024px;min-height:600px;color:#666;font-size:12px;font-family:"Microsoft Yahei";line-height:25px}
b,dd,div,dl,dt,form,img,input,li,p,span,ul{margin:0;padding:0;border:0;list-style:none;font-family:"Microsoft Yahei"}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;font-weight:400}
a:hover,img:hover{-webkit-transition:.5s ease;-moz-transition:.5s ease;transition:.5s ease;-ms-transition:.5s ease}
a{color:#666;text-decoration:none;cursor:pointer}
img{vertical-align:top}
.mt54{ margin-top:54px !important;}
.page1{width:100%;height:100%;background:url(../images/login_bg.png) no-repeat center #69c}
.wrap{position:relative;z-index:1;margin:0 auto;width:1024px;height:100%}
.clear{clear:both;margin:0;padding:0;width:100%;height:0}
.fl{float:left}
.fr{float:right}
.white{float:left;width:100%;height:auto;background:#fff}
.gray{float:left;width:100%;height:auto;background:#fafafa}
.mask{position:fixed;top:0;left:0;z-index:9998;float:left;display:none;width:100%;height:100%;background:url(../images/mask.png) repeat}
.nav{position:fixed;top:0;left:0;z-index:9;width:100%;height:55px;min-width:1024px}
.navp_qz{ position:inherit !important; background:#1a1a1a !important;}
#nav{margin:0 auto;width:1024px;height:55px;min-width:1024px}
#nav ul{float:left;height:55px}
#nav ul li{float:left;font-size:16px}
#nav ul.n1 li .navA{float:left;padding:0 15px;width:auto;height:55px;color:#fff;text-align:center;line-height:55px}
#nav ul.n1 li:hover .navA,#tp #nav ul.n1 li:hover .navA{background:#1a1a1a;color:#38f;transition:.3s linear}
#nav ul.n1 img#logo{float:left;padding:10px 10px 15px 0}
#nav ul.n2 .user{float:left;margin:10px 0;height:35px;color:#fff;line-height:35px}
#nav ul.n2 .user a{float:left;color:#fff;line-height:35px}
#nav ul.n2 .user span{float:left;line-height:35px}
#nav ul.n2 .user #user1{float:left;overflow:hidden;width:80px;height:35px;text-align:right;line-height:35px}
#nav ul.n2 .mng{float:left;margin:12px 0 0 0; padding:0 20px; width:200px;height:30px;border:1px #fff solid;border-radius:50px;color:#fff;text-align:center;line-height:30px; background-color:transparent; text-align:left; font-size:16px;}
#tp,.nav:hover{background:#333;box-shadow:0 1px 1px rgba(0,0,0,.5)}
.nav .navDown{position:absolute;top:55px;z-index:999;display:none;background:#1a1a1a;opacity:.9;filter:alpha(opacity=90)}
.nav .navDown dl{float:left;margin:5px;height:auto}
.nav .navDown dl dd a{float:left;margin:10px;width:90px;color:#fff;text-align:center;font-size:14px;line-height:30px}
.nav .navDown dl dd a:hover{background:#111;color:#38f}
.placeholder{position:absolute;top:0;left:0;z-index:2;margin:1px;padding:8px 33px;width:230px;height:20px;color:#aaa;line-height:20px;cursor:text}
.login{position:absolute;top:50%;right:0;margin:-165px 0 0 0;width:376px;height:316px;border:1px solid #ccc;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.6)}
.login h3{float:left;margin:25px 0 20px 0;width:100%;height:25px}
.login h3 img{margin:0 0 0 116px}
.login input.text{position:relative;z-index:3;float:left;padding:9px 34px;width:230px;height:20px;background:rgba(255,255,255,0);color:#666;font-weight:700;font-size:15px;line-height:20px;filter:alpha(opacity=0)}
.login .inPut{position:relative;z-index:4;float:left;margin:0 38px;width:298px;height:38px;border:1px #ccc solid;border-radius:3px;line-height:38px}
.login .tips{float:left;margin:10px 38px 9px 38px;width:300px;height:25px;line-height:25px}
.login .tips input[type=checkbox]{float:left;margin:5px 5px 0 0;width:15px;height:15px;line-height:15px}
.login .LoginBtn{float:left;margin:0 38px;width:300px;height:40px;border-radius:3px;background:#38f;color:#fff;text-align:center;font-size:20px;line-height:40px;cursor:pointer}
.login .cpt{float:left;margin:0 38px;margin-top:20px;width:300px;height:16px}
.login .cpt p{float:left;width:90px;line-height:16px}
.login .cpt a{float:left;margin:0 5px}
.login .cpt .reg{float:right;height:16px;line-height:16px}
.blog_bt{position:absolute;bottom:25px;width:100%;height:30px;background:url(../images/mask1.png) repeat}
.blog_bt .bd{float:left;overflow:hidden;width:1024px;height:30px}
.blog_bt ul{float:left;overflow:hidden;width:1024px;height:30px;zoom:1}
.blog_bt ul li{float:left;width:512px;color:#fff;line-height:30px}
.blog_bt ul li span{float:left;margin:0 1px;line-height:30px}
.blog_bt ul li a{color:#fff}
#foot{position:relative;margin:0 auto;width:1024px;height:auto;zoom:1}
#foot .top{float:left;width:100%;height:180px;border-bottom:1px #e7e8e9 solid}
#foot .top ul{float:left;width:100%;height:150px}
#foot .top ul li{float:left;width:340px;height:150px;cursor:pointer}
#foot .top ul li em{float:left;padding:10px 0;width:100%;height:30px;list-style:none;text-align:center}
#foot .top ul li p{float:left;width:100%;height:45px;color:#333;text-align:center;font-size:22px;line-height:45px}
#foot .top ul li b{float:left;width:100%;height:45px;color:#38f;text-align:center;font-weight:400;font-size:25px;line-height:45px}
#foot .bot{float:left;margin-top:140px;width:100%;height:150px}
#foot .bot .news{float:left;overflow:hidden;margin:0;width:504px;height:150px;color:#666}
#foot .bot .news .hd{float:left;width:504px}
#foot .bot .news .hd ul{float:left;width:504px;height:45px;line-height:45px}
#foot .bot .news .hd ul li{float:left;width:75px;text-align:center;line-height:45px;cursor:pointer}
#foot .bot .news .hd ul li.on{width:75px;color:#333;font-size:16px;line-height:40px}
#foot .bot .news .bd ul li dl dd{float:left;width:504px}
#foot .bot .news .bd ul li dl dd span{float:left;width:80px;background:url(../images/span.png) no-repeat center;text-align:center}
#foot .bot .news .bd a{float:left;color:#666;text-indent:5px}
#foot .bot .botMenu{float:left;width:520px;height:150px; margin-left:50px;}
#foot .bot .botMenu dl{float:left;width:130px;height:42px}
#foot .bot .botMenu dl dt{float:left;width:100%;height:45px;color:#333;font-size:16px;line-height:40px}
#foot .bot .botMenu dl dd{float:left;width:100%}
#foot .bot .botMenu dl dd a{color:#666}
#foot .foot{position:absolute;bottom:0;padding:15px 0 0 0;width:100%;border-top:1px #e7e8e9 solid;text-align:center;line-height:20px}
.tools{position:fixed;right:20px;bottom:250px;width:50px;height:120px}
.tools ul{float:left;width:50px;height:120px}
.tools ul li{float:left; margin-bottom:2px;width:60px;height:80px;background:url(../images/tools.png)#38f no-repeat center;}
.tools ul li p{ width:60px; float:left; line-height:34px; font-size:12px; text-align:center; color:#FFF}
.tools ul li:hover{background:#197ad8; cursor: pointer;}
.tools ul li .tools_zxdh{ position:absolute; right:60px; width:176px; height:50px; background:url(../images/tel.png) no-repeat; margin-top:10px; display:none;}
.tools ul li:hover .tools_zxdh{display:block;}
.tools ul li .tools_wx{ position:absolute; right:60px; width:206px; height:220px; background:url(../images/wx.png) no-repeat; margin-top:-65px; display:none;}
.tools ul li:hover .tools_wx{display:block;}

.invite{position:fixed;right:45px;bottom:115px;z-index:9999;display:none;width:0;height:0;border:1px #38f solid;background:#fff;box-shadow:0 0 10px 0 rgba(0,0,0,.25)}
.invite_con{float:left;overflow:hidden;width:500px;height:500px}
.invite h3{float:left;padding:10px 0;width:500px;height:25px;background:#38f;color:#fff;text-align:center}
.invite p{float:left;padding:0 0 12px 0;width:500px;height:15px;background:#38f;color:#fff;text-align:center}
.invite #frm{float:left;margin:5px 0 0 50px;width:400px;height:420px;text-align:center}
.invite #frm ul{float:left}
.invite #frm ul li{float:left;margin:15px 0 0 0;width:400px;height:30px;text-align:center;line-height:30px}
.invite #frm ul li span{float:left;width:110px;text-align:right;font-size:14px;line-height:30px}
.invite #frm ul li i{color:#e00;line-height:30px}
.invite #frm ul li input[type=text]{float:left;margin:0 0 0 15px;padding:0 10px;width:220px;height:28px;border:1px #ccc solid;border-radius:5px;text-align:left;line-height:28px}
#checkCode{float:left;margin:0 10px;width:80px;height:30px;letter-spacing:2px;font-size:16px;line-height:30px}
.invite #frm ul li input[type=submit]{float:left;margin:0 0 0 15px;width:242px;height:30px;border-radius:5px;background:#38f;color:#fff;line-height:30px}

/* 首页 */
.bgc1 .tit{background:#54aaef}
.bgc2 .tit{background:#fcb440}
.bgc3 .tit{background:#50dca3}
.bgc4 .tit{background:#c59df4}
.bgc1 em{background:url(../images/p1_1.png) no-repeat center}
.bgc2 em{background:url(../images/p2_1.png) no-repeat center}
.bgc3 em{background:url(../images/p3_1.png) no-repeat center}
.bgc4 em{background:url(../images/p4_1.png) no-repeat center}
.startuse{float:left;width:225px;border:1px #fff solid;border-radius:5px;color:#fff;text-align:center;font-size:18px;line-height:55px}
#sbtn1:hover{background:#0E7EE2}
#sbtn2:hover{background:#293949}
#sbtn3:hover{background:#E64638}
#s2{background:url(../images/ibg1.png) no-repeat center}
#s3{background:url(../images/ibg2.png) no-repeat center}
#s4{background:url(../images/ibg3.png) no-repeat center}
#s5{background:url(../images/ibg4.png) no-repeat center}
.page1{margin:0;padding:0;width:100%;height:100%;background:url(../images/bg.png) center}
.ptit{position:absolute;top:-90px;display:none;width:100%;height:90px;opacity:0}
.ptit h3{float:left;padding:20px 0;width:100%;height:30px;color:#333;text-align:center; font-size:46px; font-weight:bold}
.ptit span{float:left;padding:12px 0;width:100%;text-align:center; font-size:22px; line-height:40px; color:#bcbcbc;}

.ptit2{position:absolute;top:-30px;width:1024px;}
.ptit2 .w700{ width:700px !important; margin:0 26px;}
.ptit2 p{ font-size:26px; line-height:40px; text-align:center; color:#bcbcbc}
.ptit2 h3{float:left;padding:10px 0 30px 0;width:100%;color:#333;text-align:center; font-size:46px; font-weight:bold}
.ptit2 span{float:left;padding:12px 0;width:100%; line-height:30px;text-align:center; font-size:16px; color:#bcbcbc; text-align: center}
.ptit2 span i{ font-size:18px; color:#a4a4a4; font-style:normal; font-weight:bold}
.ptit2 .chui{ color:#333}
.pcon{bottom:-400px;display:none;opacity:0}
.slide img{width:100%;height:100%}

.ptit3{position:absolute;top:-30px;width:1024px;}
.ptit3 ul{}
.ptit3 ul li{ width:1024px; float:left; height:100px; margin:15px 0 0 0 ; padding:0;}
.ptit3 ul li p,.ptit3 ul li span{ float:left;}
.ptit3 ul li span{font-size:20px; color:#333; line-height:100px; margin:0 15px;}
.ptit3 ul li p{  margin-top:20px; font-size:16px; height:60px; line-height:30px; width:600px;}
.ptit3 ul li .ptit3l{ float:left !important}
.ptit3 ul li .ptit3r{ float:right !important}
.ptit3 ul li .ptit3_1{ background:url(../images/keimg1.png) no-repeat; width:113px; height:100px;}
.ptit3 ul li .ptit3_2{ background:url(../images/keimg2.png) no-repeat; width:113px; height:100px;}
.ptit3 ul li .ptit3_3{ background:url(../images/keimg3.png) no-repeat; width:97px; height:100px;}
.ptit3 ul h3{float:left;padding:10px 0 30px 0;width:100%;color:#333;text-align:center; font-size:46px; font-weight:bold}
#fullpage .PageCont{position:absolute;top:50%;left:50%;margin:-250px 0 0 -512px;width:1024px;height:550px}
#fullpage .PageCont .advan1{position:absolute;width:100%;height:420px;background:url(../images/pg1_bg.png) 0 -50px no-repeat;}
#fullpage .PageCont .advan1 ul{float:left;margin:0 2px;width:1020px}
#fullpage .PageCont .advan1 ul li{float:left;margin:0 0 0 18px;width:300px;height:200px;text-align:center;cursor:pointer}
#fullpage .PageCont .advan1 ul li:hover{-webkit-transition:.5s ease;-moz-transition:.5s ease;transition:.5s ease;-webkit-transform:translateY(-3px) scale(1.06);-moz-transform:translateY(-3px) scale(1.06);transform:translateY(-3px) scale(1.06);-ms-transform:translateY(-3px) scale(1.06);-ms-transition:.5s ease}
#fullpage .PageCont .advan1 ul li img{float:left;padding:15px 114px 5px 114px}
#fullpage .PageCont .advan1 ul li h3{float:left;padding:15px 0 0 60px; width:220px;color:#333;font-size:22px;line-height:35px}
#fullpage .PageCont .advan1 ul li p{float:left;padding:5px 40px;width:220px;color:#999;font-size:14px;line-height:22px}
#fullpage .PageCont .advan1 ul li a { border:1px #dbdbdb solid; font-size:14px; text-align:center; line-height:30px; width:80px; float:left; border-radius:5px; margin:8px 0 0 128px}
.top20{ top:20px;}
.top180{ top:180px;}
.top200{ top:200px;}
.top280{ top:280px;}
.mt_20{ margin-top:-20px}
.mt70{ margin-top:70px}
.mt20{ margin-top:20px}
#fullpage .PageCont .advan2{position:absolute;width:100%;height:420px;}
#fullpage .PageCont .advan2 .ulw700{width:700px; margin:0 150px;}
#fullpage .PageCont .advan2 ul{float:left;margin:0 2px;width:1020px}
#fullpage .PageCont .advan2 ul li{float:left;margin:0 0 0 18px;width:300px;height:200px;text-align:center;cursor:pointer}
#fullpage .PageCont .advan2 ul li:hover{-webkit-transition:.5s ease;-moz-transition:.5s ease;transition:.5s ease;-webkit-transform:translateY(-3px) scale(1.06);-moz-transform:translateY(-3px) scale(1.06);transform:translateY(-3px) scale(1.06);-ms-transform:translateY(-3px) scale(1.06);-ms-transition:.5s ease}
#fullpage .PageCont .advan2 ul li img{float:left;padding:15px 114px 5px 114px}
#fullpage .PageCont .advan2 ul li h3{float:left;padding:15px 0 0 60px; width:220px;color:#333;font-size:20px;line-height:35px}
#fullpage .PageCont .advan2 ul li h4{float:left;padding:0 0 0 60px; width:220px;color:#333;font-size:14px;line-height:24px}
#fullpage .PageCont .advan2 ul li p{float:left;padding:5px 40px;width:220px;color:#999;font-size:14px;line-height:22px}
#fullpage .PageCont .advan2 ul li i{ width:115px; height:115px; background:url(../images/advan7.png) no-repeat;float:left;padding:15px 114px 5px 114px}
#fullpage .PageCont .advan2 ul li .davani1{ background-position:106px 1px;}
#fullpage .PageCont .advan2 ul li .davani2{ background-position:106px -132px;}
#fullpage .PageCont .advan2 ul li .davani3{ background-position:106px -272px;}
#fullpage .PageCont .advan2 ul li .davani4{ background-position:106px -408px;}
#fullpage .PageCont .advan2 ul li .davani5{ background-position:106px -548px;}
#fullpage .PageCont .advan2 ul li .davani6{ background:url(../images/advan8.jpg) no-repeat !important; width:363px !important; height:223px !important; float:left; margin-left:160px;}
#fullpage .PageCont .advan2 ul li .davani9{ background:url(../images/advan9.jpg) no-repeat !important; width:463px !important; height:233px !important; float:left; margin-left:160px;}
#fullpage .PageCont .advan1 .advan2a,#fullpage .PageCont .advan2 .advan2a{ border:1px #3388ff solid; line-height:50px; width:360px; color:#3388ff; text-align:center; font-size:20px; display:block; height:50px; float:left; border-radius:10px; margin:30px 330px;}
#fullpage .PageCont .left{ float:left !important}
#fullpage .PageCont .right{ float:right !important}
#fullpage .PageCont .Case1{position:absolute;width:100%;height:420px}
#fullpage .PageCont .Case1 .bd{float:right;width:75%;height:100%}
#fullpage .PageCont .Case1 .bd ul{float:left;width:100%;height:100%}
#fullpage .PageCont .Case1 .bd ul li{float:left;padding:0 0 0 18px;width:750px;height:420px}
#fullpage .PageCont .Case1 .bd ul li dl{float: right;margin:0;height:214px}
#fullpage .PageCont .Case1 .bd ul li dl dd{float:left;margin:0 12px 0 25px;width:189px;height:214px;}
#fullpage .PageCont .Case1 .bd ul li dl dd em{float:left;width:189px;height:214px}
#fullpage .PageCont .Case1 .bd ul li b{float:left;margin:3px 0 15px 25px;width:640px;color:#333;font-weight:400;font-size:22px;line-height:30px}
#fullpage .PageCont .Case1 .bd ul li p{float:left;margin:25px 0 25px 25px;width:340px;height:90px;text-indent:2em;font-size:14px;line-height:30px}
#fullpage .PageCont .Case1 .bd ul li a.more{float:left;margin:25px 0 25px 488px;width:175px;height:35px;border:1px #38f solid;border-radius:5px;color:#38f;text-align:center;font-size:16px;line-height:35px}
#fullpage .PageCont .Case1 .hd{float:left;width:255px;height:100%;border-right:1px #eee solid;text-align:center}
#fullpage .PageCont .Case1 .hd li{float:left;width:100%;height:50px}
#fullpage .PageCont .Case1 .hd li a{float:left;margin:5px 20%;width:60%;height:40px;color:#333;font-size:18px;line-height:40px}
#fullpage .PageCont .Case1 .hd li a:hover{color:#38f}
#fullpage .PageCont .Case1 .hd li.on a{background:#38f;color:#fff}
#fullpage .PageCont .map1{position:absolute;width:100%;height:420px}
#fullpage .PageCont .map1 .left{float:left;width:25%;height:100%}
#fullpage .PageCont .map1 .left ul{float:left;width:255px;height:100%;border-right:1px #eee solid}
#fullpage .PageCont .map1 .left ul li{float:left;margin:30px 25px 0 25px;width:205px}
#fullpage .PageCont .map1 .left ul li img{float:left;width:60px;height:60px}
#fullpage .PageCont .map1 .left ul li span{float:left;padding:10px 0 10px 10px;line-height:20px}
#fullpage .PageCont .map1 .right{float:right;width:75%;height:100%;background:url(../images/map.png) no-repeat right center}
#fullpage .PageCont .map1 .right .i1{position:absolute;width:9px;height:15px;background:url(../images/lp1.png) no-repeat center}
#fullpage .PageCont .map1 .right .i2{position:absolute;width:9px;height:15px;background:url(../images/lp2.png) no-repeat center}
#fullpage .PageCont .map1 .right i:hover{background:url(../images/lp3.png) no-repeat center;transition:.3s linear;transform:scale(1.1,1.1) rotateY(360deg)}



/*头部banner*/
.qdxf .controlArrow,.qdxf .fullPage-slidesNav{ display:none}
.bannermain{ width:100%; height:400px; min-width:1000px; margin:0 auto;}
.banmaintxt{ width:900px; margin:0 auto; color:#fff;  font-family: "微软雅黑", "Microsoft Himalaya",Arial;}
.banmaintxt h2{ font-size:42px; line-height:50px; float:right; width:100%; font-weight:bold;font-family:"微软雅黑", "Microsoft Himalaya",Arial; margin-top:150px;}
.banmaintxt p{ line-height:50px; font-size:32px; float:right; font-weight:bold;font-family:"微软雅黑", "Microsoft Himalaya",Arial;}
.banmaintxt .fs18{ font-size:18px; width:100%; float:right; text-align:right; font-weight:bold;}
.txtc{ text-align:center}
.txtr{ text-align:right}
.bg_ban1{ background:url(../images/cp_banner1.png)  center no-repeat; margin:-320px 0 0 -600px;}
.bg_ban2{ background:url(../images/cp_banner2.png) center no-repeat; margin:-320px 0 0 -600px;}
.bg_ban3{ background:url(../images/cp_banner3.png)  center no-repeat; margin:-320px 0 0 -600px;}
.bg_ban4{ background:url(../images/bannerbg-01.jpg) #30b5ba center no-repeat;}
.bg_ban5{ background:url(../images/bannerbg-02.jpg) #0e87e2 center no-repeat;}
.bg_ban6{ background:url(../images/bannerbg-03.jpg) #49535d  center no-repeat;}
.bg_ban7{ background:url(../images/bannerbg-04.jpg) #ffa31a center no-repeat;}
.bg_ban8{ background:url(../images/bannerbg-05.jpg) #62a8ff center no-repeat;}
.bg_ban9{ background:url(../images/bannerbg-06.jpg) #62a7ff center no-repeat;}
.bg_ban{position:absolute;top:50%;left:50%;width:1000px;height:550px; color:#fff;}
.bg_ban a{ border:1px solid #fff; font-size:24px; line-height:40px;width:200px; display:block; text-align:center; color:#fff; border-radius:50px; float:right; margin:50px 25px 0 0;}
.bg_ban a:hover{ background:#108dcd;}
.bg_ban p{ color:#fff;}
.bg_ban .bgtxtr{ text-align:right}
.bg_ban .bg_ban_fs42{ font-size:42px; line-height:60px;}
.bg_ban .bg_ban_fs32{ font-size:32px; line-height:50px;}
.bg_ban .bg_ban_fs18{ font-size:18px; line-height:24px;}

/*产品*/
.cp_main{ margin:0 auto; width:1200px; display:block; overflow:hidden;}
.cp_ul{  display:block; width:1200px; float:left; margin:20px 0;}
.cp_ul ul{list-style-type:none;}
.cp_ul ul li{ float:left; width:300px; border:1px #00d9ac solid; padding-bottom:20px; margin:0 45px 40px 45px;}
.cp_ul ul li h3{ width:300px; height:50px; line-height:50px; color:#fff; text-align:center; background:#00cca1; font-size:20px;}
.cp_ul ul li h4{ width:300px; background:#00d9ab; color:#fff; height:100px; float:left; }
.cp_ul ul li h4 .h4s1{ float:left; margin:35px 0 0 60px; font-size:32px;}
.cp_ul ul li h4 .h4s2{ float:left; margin:45px 0 0 5px; font-size:36px;}
.cp_ul ul li h4 .h4s3{ float:left; margin:55px 0 0 5px; font-size:20px;}
.cp_ul ul li .cp_p1{border-top: #00d9ab solid 20px; border-bottom: solid 20px transparent; border-left: solid 150px transparent; border-right: solid 150px transparent;  float:left;}
.cp_ul ul li p{ width:240px; margin-left:30px; float:left; line-height:30px;}
.cp_ul ul li .cp_ptt{ line-height:26px; color:#666; text-align:left; font-size:16px; margin-left:70px;}
.cp_ul ul li .cp_pt1{ color:#05dbad; font-size:24px; text-align:left; height:35px; line-height:35px; text-indent:0.2em; margin-top:10px; margin-bottom:10px;}
.cp_ul ul li .cp_pi1{ background:url(../images/cp_icon.jpg) 0 0 no-repeat; width:35px; height:35px; float:left; margin-left:40px;}
.cp_ul ul li .cp_pi2{ background:url(../images/cp_icon.jpg) 0 -36px no-repeat; width:35px; height:35px; float:left; margin-left:40px;}
.cp_ul ul li .cp_pi3{ background:url(../images/cp_icon.jpg) 0 -68px no-repeat; width:35px; height:35px; float:left; margin-left:40px;}
/*产品文档*/
.cpwd_banner{ background:url(../images/cp_banner1.png)}
.cpwd_main{ margin:0 auto; width:870px; background:#fcfcfc; padding:20px 120px}
.cpwd_top{ height:80px; line-height:80px; border-bottom:1px #e3e3e5 solid; font-size:30px;}
.cpwd_txt{ min-height:600px; font-size:16px; color:#333;}
.cpwd_txt h3{ font-size:20px; color:#3e8ce4; line-height:60px; margin-top:20px;}
.cpwd_txt a{ color:#3e8ce4; text-decoration:none;}
.cpwd_txt p{ line-height:40px; font-size:16px;}

/*免费试用*/
.mfsy_mian{ font-size:16px; color:#333; width:700px; background:#fff; margin:0 auto 30px auto; display:block; overflow:hidden;background:#f9f9f9;}
.mfsy_mian form{ float:left; margin-top:50px;}
.mfsy_mian form input{ width:550px; border:2px #dbdbdb solid; height:48px; line-height:48px; border-radius:50px; margin:0 50px 10px 50px; display:block; padding:0 20px; font-size:18px; color:#999; }
.mfsy_mian form label{ width:550px; height:50px; font-size:20px; line-height:50px; display:block; padding-left:10px;margin:0 50px 10px 50px;}
.mfsy_mian form button{ background:#66aaff; color:#fff; line-height:60px; width:100%; ruby-align:center; font-size:20px; border:none; font-weight:bold; margin-top:30px;}
/*页底*/
.bghei{ background:#000; }
.footer{width:100%; background:#333; height:110px; position: absolute; bottom:0; left:0; padding-bottom:30px}
.footer .footmenu{width:1000px;height:140px; margin:0 auto;  }
.footer .footmenu ul{float:left;height:60px; margin-top:30px;width:360px;}
.footer .footmenu ul li{float:left;height:30px;color:#d8d8d8;font-size:14px;line-height:30px; padding:0 10px; display:block;}
.footer .footmenu ul b{ float:left; height:16px; width:1px; margin-top:8px; border-left:1px #d8d8d8 solid; display:block}
.footer .footmenu ul li a{color:#d8d8d8;transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;}
.footer .footmenu ul li a:hover{ color:#fff; transform:scale(1.2);
 -webkit-transform:scale(1.2);
 -moz-transform:scale(1.2);
-o-transform:scale(1.2);
 -ms-transform:scale(1.2);}
.footerbo{background:#000; line-height:30px; color:#CCC; height:30px; text-align:center; width:100%; min-width:1000px; float:left; margin-top:-30px}

.footerr{width:100%; background:#333; height:110px; margin:0 auto; float:left;}
.footerr .footmenu{width:1000px;height:140px; margin:0 auto;  }
.footerr .footmenu ul{float:left;height:60px; margin-top:30px;width:360px;}
.footerr .footmenu ul li{float:left;height:30px;color:#d8d8d8;font-size:14px;line-height:30px; padding:0 10px; display:block;}
.footerr .footmenu ul b{ float:left; height:16px; width:1px; margin-top:8px; border-left:1px #d8d8d8 solid; display:block}
.footerr .footmenu ul li a{color:#d8d8d8;transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;}
.footerr .footmenu ul li a:hover{ color:#fff; transform:scale(1.2);
 -webkit-transform:scale(1.2);
 -moz-transform:scale(1.2);
-o-transform:scale(1.2);
 -ms-transform:scale(1.2);}
.foot_right{ float:right; width:260px; margin-top:25px; display:block;}
.foot_right span{ width:260px; float:left; height:60px; margin-bottom:10px;}
.foot_right span a{ width:60px; height:60px; float:left; margin-left:45px; background:url(../images/footerbg.jpg) no-repeat; overflow:hidden;transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;}
.foot_right span a:hover{transform:scale(1.2) rotateZ(360deg);
 -webkit-transform:scale(1.2) rotateZ(360deg);
 -moz-transform:scale(1.2) rotateZ(360deg);
-o-transform:scale(1.2) rotateZ(360deg);
 -ms-transform:scale(1.2) rotateZ(360deg);
 }
.foot_right span .abp1{ background-position:0 0;}
.foot_right span .abp2{ background-position:0 -62px;}
.foot_right p{ line-height:24px; text-align:left; float:left; width:260px; color:#d8d8d8; font-size:14px; margin:0 25px}
.footerbor{background:#000; line-height:30px; color:#CCC; height:30px; text-align:center; width:100%; min-width:1000px; float:left; margin-top:-30px}

/* nav*/
.xzh3{ padding-bottom:20px;width:100%;color:#333;text-align:center; font-size:46px; font-weight:bold}
.xznav{ width:100%;  margin:0 auto;}
.xznav ul{ width:1100px; list-style-type:none; margin:0 auto; padding-top:0px;}
.xznav ul li{ width:190px; float:left; transition:All 0.4s ease-in-out;

    -webkit-transition:All 0.4s ease-in-out;

    -moz-transition:All 0.4s ease-in-out;

    -o-transition:All 0.4s ease-in-out;}
.xznav ul li:hover{transform:scale(1.2);

    -webkit-transform:scale(1.2);

    -moz-transform:scale(1.2);

    -o-transform:scale(1.2);

    -ms-transform:scale(1.2);
}
.xznav ul li i{ width:94px; height:94px; float:left; background-image:url(../images/index_icon.png); margin:20px 78px;
	-webkit-transition: -webkit-transform 2s ease-out;
	-moz-transition: -moz-transform 2s ease-out;
	-o-transition: -o-transform 2s ease-out;
	-ms-transition: -ms-transform 2s ease-out;}
.xznav ul li i:hover{-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);}
.xznav ul li p{ width:250px; color:#808b8f; font-size:18px; line-height:25px; margin:0; padding:0; text-align:center; float:left;}
.iicon1{ background-position:0 0;}
.iicon2{ background-position:0 -102px;}
.iicon3{ background-position:0 -205px;}
.iicon4{ background-position:0 -311px;}
.iicon5{ background-position:0 -417px;}
.iicon6{ background-position:0 -524px;}
.iicon7{ background-position:0 -630px;}
.iicon8{ background-position:0 -735px;}
.iicon9{ background-position:0 -843px;}
.iicon10{ background-position:0 -943px;}

/*客户案例*/
.contact_khal{line-height:24px;  margin:30px 30px 0 30px; width:790px; overflow:hidden; height:100%; min-height:600px;}
.contact_khal ul{ padding:0; margin:0; list-style-type:none;}
.contact_khal ul li{ float:left; margin-bottom:50px; cursor: pointer; height:120px;}
.contact_khal ul li h3{ float:right; width:600px; font-size:20px; color:#333; font-weight:bold; margin-bottom:20px}
.contact_khal ul li p{ float:right; width:600px; font-size:16px; color:#666; line-height:24px;}
.contact_khal ul li span{ border:1px #D3D3D3 solid; width:150px; height:120px; float:left; overflow:hidden;
-webkit-transition: -webkit-transform 0.5s ease-out;
	-moz-transition: -moz-transform 0.5s ease-out;
	-o-transition: -o-transform 0.5s ease-out;
	-ms-transition: -ms-transform 0.5s ease-out;}
.contact_khal ul li span:hover{ position:absolute; z-index:999; transform:scale(1.5);
    -webkit-transform:scale(1.5);
    -moz-transform:scale(1.5);
    -o-transform:scale(1.5);
    -ms-transform:scale(1.5)}
.contact_khal ul li span:hover img{ position:absolute; }
.contact_khal ul li span img{ width:150px; height:120px; text-align:center}
/*关于我们*/
.contactbox{ margin:10px auto 30px auto; width:1100px; display:block; overflow:hidden; min-height:630px;}
.contactleft{ width:220px; float:left; margin-right:20px;}
.contactleft ul{ list-style-type:none; margin:30px 0; border:1px #D3D3D3 solid; display:block; overflow:hidden; padding-bottom:15px}
.contactleft ul h3{ line-height:50px; margin:0 10px; border-bottom:1px #D3D3D3 dashed; text-indent:20px; font-size:18px; color:#333}
.contactleft ul li{ float:left; width:160px; padding:0 30px; margin:1px 0; text-align:left; color: #9B9B9B; line-height:40px;}
.contactleft ul li a{ text-decoration:none; display:block; color:#9B9B9B; font-size:14px;}
.contactleft ul li:hover a{ color:#fff}
.contactleft ul li:hover{   background:#3388ff; color:#fff;}
.myho, .myho a{ background:#3388ff; color:#fff !important;}
.contactright{ width:850px; float:right; margin:15px 0; color:#333;}
.contact_t{ margin:0 30px; width:790px; line-height:60px; font-size:24px;  border-bottom:1px #E6E6E6 dashed;}
.contact_txt{ line-height:24px;  margin:30px 30px 0 30px; width:790px; overflow:hidden}
.text2em{ text-indent:2em;}
.fs16{  font-size:16px !important;}
.fs18{  font-size:18px !important;}
.contact_txt p{ font-size:14px; overflow:hidden; float:left; padding:10px 0;}
.contact_txt p span{ font-weight:bold; display:block;}
.contact_txt p img{ max-width:790px; margin:10px 0; text-align:center;}
.maqz{ margin:-360px 0 0 -512px !important}
.top_100{ top:-100px}
.mt40{ margin-top:40px !important}
.mb30{ margin-bottom:30px;}