html {overflow-y:scroll;}
body {margin:0;background:#ffffff;user-select: none;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}
table,td,tr,th{font-size:14px;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:14px; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}

@font-face {
    font-family: "Noto Sans TC ";
    src: url(http://www.cebpubservice.com/common/css/font/AlibabaPuHuiTi-3-55-Regular.woff2);
}
*{margin:0;padding:0;font-family: "Noto Sans TC ";}
.clearfix:after, .clearfix:before {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix{zoom:1;/*为IE6，7的兼容性设置*/}
.wrapper{width: 100%;height: auto;overflow:hidden;}
.header{height: 72px;background: #fff;}
.banner{height: 520px;margin: 0 auto;position: relative;background: #3955f5;overflow: hidden;}
.banner img {width: 100%;height:650px;}
.banner-main{width: 1000px;height: 650px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.banner-title{font-size: 42px;font-weight: bold;color: #fff;margin-top:240px;}
.banner-line{width: 120px;height: 4px;background: #fff;margin:34px 0 34px 0;}
.banner-message{font-size:17px;color: #fff;}
.banner-record{position: absolute;bottom:65px;left: 0;display: flex;width: 100%;}
.banner-record-item{flex:1;color: #fff;font-size:25px;margin-right:25px;text-align: center;height:65px;padding-top: 25px;background:rgba(49,91,245);}
.banner-record-item:last-child{margin-right:0px}
.banner-record-item-text{font-size: 18px;color:#72cdfb;}
.container{width: 100%;height: auto;position: relative;}
.products-wap{background-image: url(../images/productsBg.png);width: 100%;height: auto;background-size:100% 100%;padding-bottom:70px;}
.products{width: 1000px;margin:0 auto;padding-top: 70px;}
.products-title,.service-title,.product-title,.pattern-title,.customized-title{font-size: 26px;text-align:center;font-weight: bold;margin-bottom:60px;}
.products-content-left{width: 600px;float: left;}
.products-content-left-text{color: #888888;font-size: 14px;line-height: 24px;}
.products-record{display: flex;width: 100%;margin-top: 65px;}
.products-record-item{flex:1;color: #3666f6;font-size:14px;margin-right:6px;text-align: center;height:85px;position: relative;border:2px solid transparent; background-clip: padding-box, border-box; background-origin: padding-box, border-box;background-image:linear-gradient(to top, #fff, #fff),linear-gradient(to top, #3666f6, #fff);border-top: none;border-radius:5px;}
.products-record-item img{margin-top: 18px;width: 30px;}
.products-content-right{width: 400px;float: left;}
.products-content-right-content{width:280px;height: 224px;background: rgba(248,249,254,0.6);margin-left:120px;}
.products-content-right-content-title{background-size: 20px;font-size: 16px;color: #333333;text-align: center;margin-bottom: 30px;font-weight: bold;background-image:url(../images/zl_api_icon.png);background-repeat: no-repeat;background-position: 30px center;}
.products-content-right-content ul li{font-size: 14px;color: #888888;float: left;width: 50%;line-height: 24px;text-indent: 36px;margin-bottom: 12px;}
.products-content-right-btn{height:47.5px;width:260px;margin:0 auto;color: #fff;background:linear-gradient(to right, #ff844b, #ff5e41);border-radius: 50px;margin-top:36px;font-size: 14px;text-indent: 65px;padding-top:7.5px}
.products-content-right-btn p{height:20px;}
#core{text-align: center;line-height: 50px;}
.products-content-ph{background-image: url(../images/zl_ph.png);background-repeat: no-repeat;background-position: 20px center;background-size: 26px;}
.service-wap{background-image: url(../images/serviceBg.png);width: 100%;height: auto;background-size:100% 100%;padding-bottom:70px;}
.service{width: 1000px;margin:0 auto;padding-top: 70px;}
.service-content{display:flex;}
.service-content-item{flex:1;margin-right:35px;background-repeat: no-repeat;background-position: center top;background-size:70px;}
.service-content-item:nth-child(1){background-image: url(../images/service_1.png);}
.service-content-item:nth-child(2){background-image: url(../images/service_2.png);}
.service-content-item:nth-child(3){background-image: url(../images/service_3.png);}
.service-content-item:nth-child(4){background-image: url(../images/service_4.png);}
.service-content-item:nth-child(5){background-image: url(../images/service_5.png);margin-right:0;}
.service-content-item-title{margin-top:90px;font-size: 18px;color: #333333;text-align: center;}
.service-content-item-text{color: #999999;font-size: 14px;margin-top: 15px;}
.service-content-item-text p{width:90%;text-align:center;margin:0 auto;}
.product-wap{background-image: url(../images/productBg.png);width: 100%;height: auto;background-size:100% 100%;padding-bottom:70px;}
.product{width: 1000px;margin:0 auto;padding-top: 70px;}
.product-content{height: 503px;background: #f4f6ff;}
.product-content-left{float: left;height:100%;width:170px;margin-right: 5px;background:#3955f5;border-radius: 5px;position: relative;}
.product-content-right{float: left;height:100%;background:#f4f6ff;}
.product-content-left-title{color: #fff;text-align: center;margin-top: 110px;margin-bottom:45px;}
.product-content-left-title strong{font-size:26px;}
.product-content-left-title span{font-size:16px;}
.product-content-left-btn{width: 75%;margin:0 auto;background: #fff;border-radius: 50px;height:35px;line-height:35px;color: #0f57dc;font-size:14px;text-align: center;}
.product-content-left-btn p{background-size: 45px;background-image: url(../images/tel.png);background-position: left center;background-repeat: no-repeat;}
.product-content-left-tel{color: #fff;line-height: 60px;text-align:center;font-size: 14px;}
.product-content-right-wap{width:242.75px;float: left;margin-right:6px;}
.product-content-right-wap:nth-child(4){margin-right:0px;}
.product-content-right-wap-flex{width: 100%;height: 160px;background:#fff;margin:6px;border-radius: 8px;}
.product-content-item-title{padding-top: 60px;font-size: 15px;color: #333333;text-align: center;}
.product-content-item-text{color: #999999;font-size: 13px;margin-top: 8px;padding:0 15px 0 15px;}
.product-content-right-wap-flex{background-position: center 18px;background-repeat: no-repeat;background-size: 32px;}
.product-content-right-wap-flex_1{background-image: url(../images/product_1.png);}
.product-content-right-wap-flex_2{background-image: url(../images/product_5.png);}
.product-content-right-wap-flex_3{background-image: url(../images/product_9.png);}
.product-content-right-wap-flex_4{background-image: url(../images/product_2.png);}
.product-content-right-wap-flex_5{background-image: url(../images/product_6.png);}
.product-content-right-wap-flex_6{background-image: url(../images/product_10.png);}
.product-content-right-wap-flex_7{background-image: url(../images/product_3.png);}
.product-content-right-wap-flex_8{background-image: url(../images/product_7.png);}
.product-content-right-wap-flex_9{background-image: url(../images/product_11.png);}
.product-content-right-wap-flex_10{background-image: url(../images/product_4.png);}
.product-content-right-wap-flex_11{background-image: url(../images/product_8.png);}
.product-content-right-wap-flex_12{background-image: url(../images/product_12.png);background-position: center 50px;}
.productBg{background-image: url(../images/productLeft.png);height: 120px;position: absolute; bottom: 0;left: 0;width: 100%;background-position: center;background-repeat: no-repeat;}
.pattern-wap{background:#3c57f6;width: 100%;height: auto;}
.pattern{width: 1000px;margin:0 auto;height:600px;padding-top: 70px;}
.pattern-title{color: #fff;}
.pattern-content{display:flex;}
.pattern-content-left,.pattern-content-right{flex:1;}
.pattern-content-bg{height:340px;background-image: url(../images/patternBg.png);background-position:top center;background-repeat: no-repeat;background-size: 100%;position: relative;}
.pattern-content-left-text{color: #ffff;font-size: 14px;text-align:left;width:90%;line-height: 28px;margin-bottom: 30px;}
.pattern-content-left-text span{color: #fff;}
.pattern-content-left-btn{width: 100%;margin:0 auto;margin-top: 40px;display:flex;margin-bottom:20px;}
.pattern-content-left-btnItem{flex:1;text-align: center;background:#52aefa;color: #fff;margin-right:10px;height: 40px;line-height: 40px;border-radius: 3px;}
.pattern-content-btn-left{position: absolute;top:12px;left: 9px;color: #fff;font-size: 14px;background-color:rgb(71,133,246,0.5);width: 85px;height: 25px;border-radius: 3px;line-height: 25px;text-align: center;}
.pattern-content-btn-right{position: absolute;top: 30px;right:100px;color: #fff;font-size: 14px;background-color:rgb(71,133,246,0.5);width: 85px;height: 25px;border-radius: 3px;line-height: 25px;text-align: center;}
.pattern-content-right-title{color: #fff;text-align:center;height: 45px;border-bottom: 1px solid #586ff7;font-size: 22px;}
.pattern-content-wap{margin-top: 40px;}
.pattern-item{background-color: #4b64f7;border:1px solid #7789f9;border-radius: 5px;color: #fff;text-align:center;height: 45px;line-height: 45px;}
.pattern-content-flex{display:flex;}
.pattern-item{flex:1;font-size: 14px;margin-bottom:20px;}
.pattern-content-flex .pattern-item:nth-child(1){margin-right: 40px;}
.pattern-btn{width: 90%;margin:0 auto;height: 44px;line-height: 44px;text-align: center;color: #3c57f6;background:#fff;font-size: 14px;border-radius:50px;margin-top: 15px;}
.pattern_1{background-image: url(../images/pattern_1.png);background-repeat: no-repeat;background-position: 15px center;background-size: 24px;}
.pattern_2{background-image: url(../images/pattern_2.png);background-repeat: no-repeat;background-position: 15px center;background-size: 24px;}
.pattern_3{background-image: url(../images/pattern_3.png);background-repeat: no-repeat;background-position: 15px center;background-size: 24px;}
.pattern_4{background-image: url(../images/pattern_4.png);background-repeat: no-repeat;background-position: 15px center;background-size: 24px;}
.pattern_5{background-image: url(../images/pattern_5.png);background-repeat: no-repeat;background-position: 15px center;background-size: 24px;}
.pattern_6{background-image: url(../images/pattern_6.png);background-repeat: no-repeat;background-position: 15px center;background-size: 24px;}
.pattern_7{background-image: url(../images/pattern_7.png);background-repeat: no-repeat;background-position: 15px center;background-size: 24px;}
.customized-wap{/*background:url(../images/customizedBg.png);*/width: 100%;height: auto;background-size: 100%;background-repeat: no-repeat;}
.customized{width: 1000px;margin:0 auto;height:458px;padding-top: 70px;}
.customized-title{color: #000;}
.customized-content{height: 300px;border-radius: 8px;background: #fff;width: 100%;margin:0 auto;position: relative;}
.customized-content-step-line{height: 2px;width:615px;border-bottom:2px dashed #bec7fc;position: absolute;top: 98px;left: 180px;}
.customized-content-step{display:flex;width: 800px;margin:0 auto;padding-top: 60px}
.customized-content-step-item{flex:1;}
.customized-content-step-item-wap-border{width: 75px;height: 75px;border-radius: 50%;border:1px solid #9eabfa;margin: 0 auto;position: relative;}
.customized-content-step-item-Inner-border{width: 55px;height:55px;border-radius: 50%;background:#3c57f6;color: #fff;margin: 10px;font-size: 18px;text-align:center;line-height: 55px;}
.customized-content-step-title{color: #333333;font-size: 18px;margin-top: 15px;text-align:center;}
.customized-content-step-text{color: #999999;font-size: 14px;width: 68%;margin: 0 auto;text-align: center;margin-top: 12px;line-height: 25px;}
.footer{background:url(../images/lxwm_bg.png);background-size: 100%;height: 240px;}
.center_footer{width: 1000px;margin: 0 auto;height: 100%}
.left-footer{width: 500px;float: left;height:calc(100% - 66px);padding-top: 66px;padding-left: 100px;}
.left-footer .low{width: 370px;height:50px;border-radius: 50px;border:1px solid #9eacfa;text-align: center;line-height: 50px;color: #3c57f6}
.left-footer .phone{color: #3c57f6;font-weight: bold;font-size: 38px;line-height:100px;}
.right-footer{width: 400px;float: left;height: 100%;background: url(../images/lxwm_rw.png);background-size: 180px;background-repeat: no-repeat;background-position: center;}
#header {height: 70px;width:95%;margin: 0 auto;}
#logo {margin-top: 12px;float: left;}
#header li {float: right;margin-top: 25px;font-size: 15px;}
#header a {text-decoration: none;color: #9e9e9e;}
#header span{display: inline-block;height: 30px;line-height: 30px;border-left: 2px solid #ccc;padding-left: 20px;margin-left: 20px;margin-top: 8.5px;font-size: 18px;color: #333;}
.fixedTip{position:fixed;top:300px;left: 0px;background:rgba(250,251,255,0.9);padding: 10px 0px;text-align:center;width:130px;}
.fixedTip li{height: 40px;line-height: 40px;font-size: 14px;margin-top:3px;}
.fixedTip a{color:#5f5f5f;text-decoration:none;display: block;}
.fixedTip a:hover{background: #ccc;color:#000;font-weight: bold;}
.fixedTip p{font-size: 18px;text-align: center;width: 70%;margin: 0 auto;padding-bottom: 10px;border-bottom: 2px solid #ccc;}
#footer{width:1000px;margin:0px auto;padding-bottom:50px;}
.adList{width:1020px;}
.adList .core{float:left;width:255px;}
.fastNav{border:1px solid #d6dee2;margin-top:20px;padding:15px;width:968px;_overflow:hidden;}
.fastNav h3{font-size:16px;color:#444444;}
.fastNav .nav{padding:0px 18px;height:22px;}
.fastNav select{width:185px;height:20px;line-height: 20px;border-width:1px}
.fastNav select option{line-height: 20px;border-width:1px}
.bomLink{text-align: center;padding-top:20px;font-size:0px;letter-spacing: -Npx;}
.bomLink li{display:inline-block;*zoom:1;*display:inline;font-size:12px;letter-spacing: normal;color:#888888;}
.bomLink li a{color:#888888;padding:0px 10px;}
.FT{color:#888888;padding-top:20px;}
.FT p{text-align:center;line-height:26px;}
.FT p span{color:#888888;padding:0px 10px;font-size: 12px;}
.top{position: fixed;right: 0;bottom: 0;width: 60px;height: 60px;background: url(../images/top.png);background-repeat: no-repeat;background-size: 35px;background-position: center;cursor: pointer;}
#toTop{position: fixed;right: 0;bottom: 0;width: 60px;height: 60px;}
#toTop img{width:35px;display:block;margin:17.5px auto}
.fixed-products-content-right-btn{position: fixed;right: -30px;top:430px;z-index: 999;opacity: 1;background: #fff; box-shadow: 0px 0px 15px -8px rgb(0 0 0 / 50%);color: #000;height:47.5px;width:245px;margin:0 auto;border-radius: 50px;margin-top:36px;font-size: 14px;text-indent: 65px;padding-top:7.5px}
.fixed-products-content-right{
	position: fixed;
	right: 10px;
	top:50%;
	z-index: 999;
	opacity: 1;
	margin:0 auto;
}
.fixed-products-content-right-btn{
	position: fixed;
	right: 72px;
	top:47%;
	z-index: 999;
	opacity: 1;
	color: #000;
	height:47.5px;
	width:205px;
	margin:0 auto;
	border-radius: 5px;
	margin-top:36px;
	font-size: 14px;
	text-indent: 40px;
	padding-top:7.5px;
	background-image: url(../images/message.png); 
    background-repeat: no-repeat;
	background-position: -10px center;
	display:none;
}
.fixed-products-content-right-btn p{
	height:20px;
	margin-right: 20px;
}
.fixed-products-content-ph{
    background-image: url(http://www.cebpubservice.com/custom/img/tel.png); 
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 26px;
}
.fixed-products-right-ph{
	position: relative;
    height: 72px;
    width: 50px;
    background-color: #fff;
    margin: 0 auto;
    margin-top: -5px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 11%);
    color: #666666;
    padding-top: 8px;
}