/*头部*/
.top-head{ background:#3274c8; min-height:250px; display:block; padding:20px 0px 0px 0px; margin-top:113px; overflow:hidden;}
.top-head .logo-img{ margin:0 auto; display:flex; max-width:200px; max-height:200px;}
.top-head .logo-img img{margin:0 auto;}
.top-head .head-title{ margin:20px auto; display:block; text-align:center; font-size:36px; color:#FFF; line-height:40px;letter-spacing:5px;}
.top-head .head-but{ margin:0 auto; display:flex;text-align:center; padding:20px 0px;}
.top-head .head-but .head-butbox{ margin:0px auto; display:block; }
.top-head .head-but .head-butbox .but-a{ background:#19a4cd; padding:3px 20px 5px 20px; border-radius:50px; color:#FFF; font-size:20px;letter-spacing:6px; margin:5px 10px; display:inline-block;}
.top-head .head-but .head-butbox .but-a img{ margin:0px 2px 5px 0px;}
.head-botimg{min-height:0px; text-align:center; vertical-align:bottom; width:100%; margin-bottom:-10px;}
.head-botimg img{ margin:0px auto;}

@media screen and (max-width:800px){
.top-head{ min-height:300px; padding:20px 0px 0px 0px;margin-top:60px;}
.top-head .head-title{ margin:10px auto;font-size:28px; line-height:33px;}
.top-head .head-but{  padding:5px 0px;}
.top-head .head-but .head-butbox .but-a{padding:1px 10px 2px 10px; font-size:14px;margin:2px 5px;}
.top-head .head-but .head-butbox .but-a img{ margin:1px 2px 0px 0px;}
	}




/*普通智能对比*/
.contrastbox{ background:#f2f2f2; padding:0px; width:100%;}
.ordinarybox{padding:0px 15px 15px 15px;}
.ordinarybox:hover{border-bottom-left-radius:20px;border-bottom-right-radius:20px;background:rgba(45, 204, 213, 0.1); padding:0px 10px 10px 10px;}

.ordinary-title{ font-size:28px; color:#555; margin:0px 10px 0 0; display:inline-block; padding:0; height:90px;}
.ordinarybox:hover .ordinary-title{color:#000;}

.ordinary-img1{ margin:0px 20px 0 0; display:inline-block; padding:0; height:90px; width:100px;}
.ordinary-img1 img{margin:0px; padding:0; width:80px; height:80px;}
.ordinarybox:hover .ordinary-img1 img{width:100px; height:100px;}

.ordinary-img2{ margin:0px 20px 0 0; display:inline-block; padding:0; height:90px; width:100px;}
.ordinary-img2 img{margin:0px; padding:0; width:100px; height:100px;}
.ordinarybox:hover .ordinary-img2 img{width:114px; height:114px;}

.formDown{ margin:0px 0px 0px 0px; display:inline-block; padding:0; height:100px;}
.formDown .fdown{ display:block; height:60px; float:right; margin-top:30px;}
.formDown .down {padding:5px; display:flex; vertical-align:middle;}
.formDown .down a{ color:#333; font-size:22px; display:flex; padding:5px 10px;}
.formDown .down a:hover{ border-radius:5px; background:rgba(50, 116, 200, 0.6); color:#fff; text-decoration:none; }

.ordinary-txt{ font-size:14px; color:#6c6c6c; margin:0px 30px 0px 0px;}
.ordinarybox:hover .ordinary-txt{color:#3274c8; padding: 0px 10px;}


@media screen and (max-width:800px){
	
.contrastbox{padding:0px 0px 20px 0px;}
.ordinary-title{ font-size:20px; color:#555; margin:0px 5px 0 0; height:50px;}

.ordinary-img1{ margin:0px 10px 0 0; height:50px; padding-top:20px;}
.ordinary-img1 img{width:50px; height:50px;}

.ordinary-img2{ margin:0px 10px 0 0;  height:50px;}
.ordinary-img2 img{width:80px; height:80px;}

.formDown{height:50px;}
.formDown .fdown{height:50px;margin-top:10px;}
.formDown .down {padding:2px; display:flex; vertical-align:middle;}
.formDown .down a{font-size:16px;padding:5px;}

.ordinary-txt{ margin:30px 30px 0px 0px;font-size:14px;}
	}

/*使用场景*/
.currencybox{ width:100%; display:block; margin:30px auto 30px auto; position:relative;}
.common-title{ width:100%; text-align:center; }
.common-title strong{ display:block; text-align:center; font-size:22px; color:#333; line-height:50px;}
.common-title span{ display:block; text-align:center; font-size:14px; color:#666; margin:0 auto; width:60%; padding-bottom:30px;}
.common_like{display:inline-block; margin-left:20px; font-size:16px; color:#0056c4; text-decoration: underline; padding:5px;}
.common_like:hover{ background:#CCC;border-radius:5px; padding:5px;}
@media screen and (max-width:800px){
.common-title span{ font-size:12px;width:100%; padding-bottom:20px;}
	}

/*前端、后端*/
.Front-back{ width:100%; display:block; height:50px; margin:0px auto; position:relative;}
/*前端*/
.Front{ background:#3274c8; float:left; height:50px; width:50%; padding:0px 10px 0px 10px; 

/* 关键在这里，设置切线的角度和长度 */
background: linear-gradient(-80deg, transparent 8px, rgb(50, 116, 200) 0);}

.Front-title{ font-size:22px; color:#FFF; line-height:50px;}
.Front-txt{font-size:14px; color:#FFF; line-height:20px; margin-top:20px; float:right;}
/*后端*/
.back{ float:right; height:50px; width:50%; padding:0px 0px 0px 0px;

 /* 关键在这里，设置切线的角度和长度 */
background: linear-gradient(100deg, transparent 8px, rgb(255, 62, 0) 0);}

@media screen and (max-width:1000px){
.Front-title{ font-size:16px; color:#FFF; line-height:50px;}
.Front-txt{font-size:12px; color:#FFF; line-height:20px; margin-top:20px; float:right;}
	}

@media screen and (max-width:660px){
.Front{height:25px; padding:0px 5px 0px 5px; 
/* 关键在这里，设置切线的角度和长度 */
background: linear-gradient(-80deg, transparent 4px, rgb(50, 116, 200) 0);}
.Front-title{ font-size:12px; color:#FFF; line-height:10px;}
.Front-txt{ display:none;}
/*后端*/
.back{height:25px;padding:0px 0px 0px 0px;
 /* 关键在这里，设置切线的角度和长度 */
background: linear-gradient(100deg, transparent 4px, rgb(204, 204, 204) 0);}
	}

/*前端、后端*/
.whitebox1{ width:100%; display:block; margin:0px auto; padding:0; height:280px; position:relative;}
.greybox2{ width:100%; display:block; margin:0px auto; padding:0; height:300px; position:relative; background:#f2f2f2;}
.whitebox3{ width:100%; display:block; margin:0px auto; padding:0; height:290px; position:relative;}
.greybox4{ width:100%; display:block; margin:0px auto; padding:0; height:330px; position:relative; background:#f2f2f2;}
/*箭头*/
.jiantou{ position:absolute; left:50%; top:80px; margin-left:-20px;}
/*三角*/
.sanjiao{ position:absolute; left:50%; top:0px; margin-left:-26px;}

/*智能填表*/
.left-Front{ padding:40px 10px; display:block;}
.left-Front:hover{border-bottom-left-radius:20px;border-bottom-right-radius:20px;background:rgba(45, 204, 213, 0.1);padding:20px 10px;}
.left-Front-img{ width:120px; float:left;}
.left-Front-img img{ display:block;}
.left-Front-txt{ float: left; width:75%;}
.left-Front-txtright{ display:block; padding:0px 10px 5px 10px;}
.left-Front:hover .left-Front-txtright{background:rgba(255, 255, 255, 0.9); padding:0px 10px 5px 10px;border-radius:10px;}
.left-Front .left-Front-txt strong{ display:block; font-size:22px; line-height:50px;}
.left-Front:hover .left-Front-txt strong{ color:#3274c8}
.left-Front-txt span{ display:block; font-size:14px; line-height:30px;}
.left-Front:hover .left-Front-txt span{ color:#85abc4;}
.left-Front .left-Front-txt a{ display:block; line-height:35px; border-radius:20px; background:#3274c8; width:150px; height:35px; text-align:center; font-size:16px; color:#FFF; text-decoration: none; margin-top:10px;letter-spacing:3px;}

/*一键打印*/
.right-back{padding:40px 0px;}
.right-back:hover{border-bottom-left-radius:20px;border-bottom-right-radius:20px;background:rgba(45, 204, 213, 0.1);padding:20px 10px;}
.right-back-img{ width:120px; float:left; margin-left:30px;}
.right-back-img img{ display:block;}
.right-back-txt{  float: left; width:70%;}
.right-back-txtright{ display:block;padding:0px 10px 5px 10px;}
.right-back:hover .right-back-txtright{background:rgba(255, 255, 255, 0.9); padding:0px 10px 5px 10px;border-radius:10px;}
.right-back .right-back-txt strong{ display:block; font-size:22px; line-height:50px;}
.right-back:hover .right-back-txt strong{ color:#3274c8}
.right-back-txt span{ display:block; font-size:14px; line-height:30px;}
.right-back:hover .right-back-txt span{ color:#85abc4;}
.right-back .right-back-txt a{ display:block; line-height:35px; border-radius:20px; background:#0cae34; width:150px; height:35px; text-align:center; font-size:16px; color:#FFF; text-decoration: none; margin-top:20px;letter-spacing:3px;}
@media screen and (max-width:1200px){
.whitebox1{ height:500px;}
.greybox2{ height:450px;}
.whitebox3{ height:470px;}
.greybox4{ height:430px;}
	}


@media screen and (max-width:1000px){
.whitebox1{ height:330px;}
.greybox2{ height:330px;}
.whitebox3{ height:330px;}
.greybox4{ height:330px;}
/*智能填表*/
.left-Front{padding:10px 0px;}
.left-Front-img{width:100%;}
.left-Front-txt{ float: left; width:100%;}
.left-Front .left-Front-txt strong{ display:block; font-size:16px; line-height:20px;}
.left-Front:hover .left-Front-txt strong{ color:#3274c8}
.left-Front-txt span{ display:block; font-size:12px; line-height:20px;}
/*一键打印*/
.right-back{padding:10px 0px;}
.right-back-img{width:100%;}
.right-back-txt{  float: left; width:100%;}
.right-back .right-back-txt strong{ display:block; font-size:16px; line-height:20px;}
.right-back-txt span{ display:block; font-size:12px; line-height:20px;}
	}

@media screen and (max-width:786px){
.whitebox1{ height:360px;}
.greybox2{ height:360px;}
.whitebox3{ height:360px;}
.greybox4{ height:360px;}
	}

@media screen and (max-width:600px){
.whitebox1{ height:450px;}
.greybox2{ height:360px;}
.whitebox3{ height:380px;}
.greybox4{ height:400px;}
	}
	
/*扫描仪使用场景*/
.smybox{ text-align: left; width:85%; margin:30px auto; height:316px;}
.floatleft{ float:left; width:35%;}
.floatright{ float:left; width:65%;}
.smybox-title{ width:90%; text-align: left; display:block; margin-top:30px; margin-left:40px;}
.smybox-title strong{ display:block; font-size:22px; line-height:50px;}
.smybox-title span{ display:block; text-align:center; font-size:14px; color:#666; margin:0 auto; width:60%; padding-bottom:30px;}

@media screen and (max-width:1000px){
.smybox{width:100%; margin:10px auto; height:580px; position:relative;}
.floatleft{ float: none; width:100%; text-align:center;}
.floatright{ float: none; width:100%;}
.smybox-title{margin-top:10px;}
	}

/*功能*/
.currencyboxh{ width:100%; display:block; margin:30px auto 30px auto; position:relative; background:#f2f2f2;}
.common-img{ margin:0px auto; max-width:414px;}
.common-img img{ width:100%; max-width:414px; height:auto;}
.zhujie{ position:absolute; left:50%; top:130px; margin-left:-96px;}
.jieshi{ position:relative; margin-top:30px;}

/*报价*/
.baojiaimg{ width:100%; margin:0 auto; text-align:center;}
.baojiaimg img{ margin:0 auto; max-width:1000px;}

@media screen and (max-width:1200px){
.zhujie{ display:none;}
	}

/*footjcz*/
.footjcz{ width:100%; background:#003658; padding:30px 0px;}
.footjcz_con{ width:100%; height:70px;}
.footjcz_conleft{ float:left; display:inline-block;}
.conleft-title{ text-align:left; color:#ddd; font-size:24px; line-height:50px;}
.conleft-txt{ text-align:left; color:#ddd; font-size:12px; line-height:20px;}

.footjcz_conright{ float: right; display:inline-block;}
.conright-txt{ text-align: right; color:#ddd; font-size:12px; line-height:20px;display:block;}
.conright-title{ text-align: right; color:#ddd; font-size:32px; line-height:35px; display:inline-block; font-weight:bold;}

.footjcz_con1{ width:100%; height:50px;}
.footjcz_but{ width:12%; margin:5px 2px; text-align:left; padding:2px 5px; border-radius:5px; float:left;}
.footjcz_but strong{ font-size:13px; color:#FFF; display:block;}
.footjcz_but span{ font-size:12px; color:#FFF; display:block;}
.but1{ background:#2faae6;}
.but2{ background:#1bc4c6;}
.but3{ background:#0faf8f;}
.but4{ background:#ec4c5d;}
.but5{ background:#f8ac5a;}
.but6{ background:#2faae6;}
.but7{ background:#1bc4c6;}
.but8{ background:#0faf8f;}


.footjcz_con2{ width:100%; height:60px; padding:20px 0px;}
.footjcz_conleft2{ float:left; display:inline-block;}
.conleft-title2{ text-align:left; color:#ddd; font-size:24px; line-height:50px;}
.conleft-txt2{ text-align:left; color:#ddd; font-size:12px; line-height:20px;}

.footjcz_conright2{ float: right; display:inline-block;}
.conright-txt2{ text-align: right; color:#ddd; font-size:12px; line-height:20px;display:block;}




@media screen and (max-width:1200px){
.footjcz_con{display:block;height:200px;}
.footjcz_conleft{ float: none; display:block; height:100px;}
.conleft-title{ text-align: center; line-height:40px;font-size:18px;}
.conleft-txt{ text-align: center; line-height:20px;font-size:12px;}

.footjcz_conright{ text-align: center; display:block; float: none;  height:80px;}
.conright-txt{ text-align: center;}
.conright-title{ text-align: center; font-size:18px;line-height:30px;}
.footjcz_con1{ width:100%; height:100px;}
.footjcz_but{ width:24%;}
.footjcz_but strong{ font-size:14px; color:#FFF; display:block;}
.footjcz_but span{ font-size:12px; color:#FFF; display:block;}


.footjcz_con2{display:block;height:150px;}
.footjcz_conleft2{ float: none; display:block; height:80px;}
.conleft-txt2{ text-align: center; line-height:20px;font-size:12px;}

.footjcz_conright2{ text-align: center; display:block; float: none;  height:70px;}
.conright-txt2{ text-align: center;}

	}

@media screen and (max-width:800px){
.footjcz_con{display:block;height: auto;}
.footjcz_conleft{ float: none; display:block; height:100px;}
.conleft-title{ text-align: center; line-height:40px;font-size:18px;}
.conleft-txt{ text-align: center; line-height:20px;font-size:12px;}

.footjcz_conright{ text-align: center; display:block; float: none;  height:80px;}
.conright-txt{ text-align: center;}
.conright-title{ text-align: center; font-size:18px;line-height:30px;}
.footjcz_con1{ width:100%; height:200px;}
.footjcz_but{ width:45%;}
.footjcz_but strong{ font-size:14px; color:#FFF; display:block;}
.footjcz_but span{ font-size:12px; color:#FFF; display:block;}
	}