@charset "utf-8";
/* CSS Document */
.udiipos_nytop{ width: 100%; height: 140px; background: #e5eef3;}
.udiipos_creat{ margin-bottom: 60px}
.item_title{ font-size: 36px; color: #2d2d2d; text-align: center; margin-bottom: 50px; font-family: opensb;}
.item_title span{ color: #3a9ef4;}
.creat_list ul li{ width: 33.3%; float: left; padding: 0 3%; text-align: center; box-sizing:border-box; margin-bottom: 50px; height: 210px; overflow: hidden; }
.creat_list ul li h4{ font-size: 22px; color: #333; margin: 10px auto;}
.creat_list ul li p{ font-size: 18px; line-height:30px;}

.customization_txt,.customization_image{ width: 48%;}
.customization_item{ margin-bottom: 30px;}
.customization_list .customization_item:nth-child(2n+1) .customization_txt{ float: left;}
.customization_list .customization_item:nth-child(2n+1) .customization_image{ float: right;}
.customization_list .customization_item:nth-child(2n) .customization_image{ float: left;}
.customization_list .customization_item:nth-child(2n) .customization_txt{ float: right;}
.customization_txt{ padding-top: 80px;}
.customization_txt span{ display: block; width: 75px; height: 30px; color: #fff; line-height: 30px; background: #3a9ef4; text-align: center;}
.customization_txt h4{ margin: 20px 0; padding-left: 25px; border-left: 5px solid #c4e2fc; height: 24px; line-height: 24px; font-size: 20px; color: #333;}
.customization_txt li{ margin-bottom: 15px;}
.customization_image img{ width: 100%;}

.udiipos_customized{ padding: 70px 0;}
.udiipos_customized .item_title{ color: #fff;}
.udiipos_customized p{ color: #fff; font-size: 22px; text-align: center;}
.contact_button a{ display: block; height: 50px; width: 200px; line-height: 50px; text-align: center; color: #fff; font-size: 20px; border-radius: 25px; background:#3a9ef4; margin: 50px auto 0;}

.udiipos_provider{ margin: 80px auto;}
.provider_foreword{ float: left; width: 32%;}
.provider_foreword span{ font-size: 22px; color: #3a9ef4;}
.provider_foreword .item_title{ text-align: left; margin-bottom: 15px; line-height: 48px;}
.provider_list{ float: right; width: 64%;}
.provider_list ul li{ float: left; width: 47%; margin: 0 1.5%; border-bottom: 1px solid #ddd; padding-bottom: 30px; margin-bottom: 35px}
.provider_txt h4{ margin: 10px 0 5px; height: 48px; overflow: hidden; font-size: 22px; line-height: 24px;}
.provider_txt p{ line-height: 24px; height: 192px; overflow: hidden;}
.provider_icon img{ height: 50px;}

.udiipos_testimonials{ background: #f6f8f9; padding: 50px 0;}
.testimonials_foreword{ width: 34%; float: left;}
.testimonials_foreword .item_title{ margin-bottom: 5px;}
.testimonials_foreword p{ font-family: opensb; font-size: 22px;}
.testimonials_content{ width: 58%; float: right; text-align: right;}
.testimonials_content p{ font-style: oblique; font-size: 18px; margin-bottom: 25px;}
.testimonials_content span{ font-size: 20px; color: #3a9ef4; font-style: oblique;}
.testimonials_content i{ color: #666; font-size: 16px;}
.udiipos_case{ margin: 70px auto;}

.case_list ul li{ float: left; width: 32%; margin:0 2% 20px 0; position: relative;}
.case_list ul li img{ width: 100%;}
.case_list ul li h4{ position: absolute; left: 20px; bottom: 30px; color: #fff; font-size: 22px; font-weight: normal;}
.case_list ul li:nth-child(3n){ margin-right: 0;}

.udiipos_technical{ padding-bottom: 50px; border-bottom: 1px solid #f2f2f2;}
.udiipos_technical .item_title,.udiipos_services .item_title{ text-align: left;}
.technical_list .technical_item{ float: left;width: 32%; margin: 0 2% 20px 0; padding: 40px 40px 140px; background: #eee; border-radius: 8px; box-sizing:border-box; height: 459px;}
.technical_list .technical_item:nth-child(3){ margin-right: 0;}
.technical_item img{ height: 90px;}
.technical_item h5{ font-size: 20px; margin: 40px 0 20px;color: #333;}
.technical_item a{ display: block; color: #333; margin-top: 50px;}
.technical_item p{ height: 44px;}

.udiipos_services{ margin: 30px auto 60px;}
.services_sheet,.services_list{ float: left; width: 50%;}
.services_item{ background: #eee; border-radius: 8px; box-sizing:border-box;}
.services_sheet .services_item{ width: 98%; height: 515px; padding: 220px 30px 30px;}
.services_item h4{ font-size: 24px; color: #333; margin: 20px 0	10px; height: 33px;line-height: 33px;overflow: hidden;display: block;}
.services_sheet .services_item h4{ margin: 40px 0 25px;}
.services_item p a{ display: block; float: right; color: #333;}
.services_list{ padding-left: 2%; box-sizing:border-box;}
.services_list .services_item { float: left; width: 48%; margin-right: 4%; height: 245px; padding: 40px 30px;}
.services_list .services_item img{ height: 68px;}
.services_list .services_item:first-child{ float: none;margin-bottom: 25px; width: 100%; background:#eee url(../images/support_03.jpg) no-repeat right bottom;}
.services_list .services_item:nth-child(3){ margin-right: 0}
.services_list .services_item a{color: #333;}
.services_list .services_item a:hover{color: #5da7ef;font-weight: blod;}

.drivers_title,.tool_title{ color: #2d2d2d; font-size: 22px; margin-bottom: 15px; font-family: opensb;}
.search_list{ margin-bottom: 40px;}
.select_box{ width: 44%; margin-right: 2%; position: relative;}
.select_box img{ position: absolute; width: 18px; top: 20px; right: 3%; cursor: pointer;}
.select_box img.close{ display: none;}
.select_box input,.search_box input{ box-sizing:border-box; height: 60px; border: 1px solid #606060; border-radius: 3px; color: #2d2d2d; line-height: 60px; padding: 18px;}
.select_box input { width: 100%}
.select_box select{width: 100%; }
.typelist{ position: absolute; top: 60px; left: 0;  width: 100%; line-height: 44px; padding: 0 5px 5px; background: #fff; box-shadow: 0 0 8px rgba(0,0,0,.3); transition: all 0.5s ease; display: none;}
.typelist ul li{ cursor: pointer; padding: 0 10px;}
.typelist ul li:hover{ background: #ebeef2;}
.search_box{ width: 54%;}
.search_box input{ width: 80%; margin-right: 2%;}
.search_box input.submit{ width: 18%; margin: 0; border: none; background: #3a9ef4 url(../images/search.png) no-repeat center center; cursor: pointer}
.drivers_sheet .number{ color: #2d2d2d; margin-bottom: 10px;}
.drivers_sheet .number span{ color: #3a9ef4;}
.drivers_sheet table{ width: 100%; border-collapse: collapse;}
.drivers_table{ height: 472px; overflow-y:scroll; margin-bottom:80px;}
.drivers_table::-webkit-scrollbar{width: 8px; padding: 0 4px; background: #fff;}
.drivers_table::-webkit-scrollbar-thumb{ border-radius: 4px; background: #c1c1c1; width: 8px;}
.drivers_sheet table tr:first-child{ background: #ebeef2; border-bottom: none;}
.drivers_sheet table tr th{ height: 70px;}
.drivers_sheet table tr th h4{ font-size: 18px; border-left: 1px solid #d5d5d5; height: 28px; padding-left: 16px;color: #333; }
.drivers_sheet table tr th:first-child h4{ border: none;}
.drivers_sheet table tr{ line-height: 23px; height: 50px; border-bottom: 1px solid #dedede;}
.drivers_sheet table tr td{ padding-left: 15px; cellpadding:10;}
.drivers_sheet table tr td:first-child{ width: 25%; border: none;}
.drivers_sheet table tr td:nth-child(2){ width: 25%;}
.drivers_sheet table tr td:nth-child(2) i{ color: #3a9ef4;}
.drivers_sheet table tr td:nth-child(3){ width: 40%;}
.drivers_sheet table tr td:nth-child(4){ width: 10%;}

.udiipos_ask .item_title{ margin-bottom: 25px;}
.ask_foreword{ width: 60%; text-align: center; margin: 0 auto 40px;}
.ask_foreword span{color: #3a9ef4;}
.ask_list .item_title{ text-align: left;}
.ask_list ul li{ border-bottom: 1px solid #f2f2f2; margin-bottom:30px;}
.ask_list ul li h4{ font-size: 20px; line-height: 84px; font-weight:normal;}
.ask_list ul li h4 i{ float: right; color: #5caff6; cursor: pointer; width: 20px;}
.ask_list ul li h4 i.icon-xiangshang1{ display: none;}
.answer{ margin-bottom: 40px; transition: all 0.5s ease; display: none;}
.ask_foot{ margin-bottom:60px;}
.ask_foot h3{ text-align: center; font-size: 28px; margin-top: 40px; color: #2d2d2d;}
.ask_foot a{ display: block; width: 200px; height: 50px; margin: 30px auto 0;  border-radius: 25px; background: #3a9ef4; color: #fff; text-align: center; line-height: 50px; font-size: 18px;}

.udiipos_tool{ margin-bottom:60px;}
.tool_list{ height: 452px; overflow-y: scroll;}
.tool_list::-webkit-scrollbar{width: 8px; padding: 0 4px; background: #fff;}
.tool_list::-webkit-scrollbar-thumb{ border-radius: 4px; background: #c1c1c1; width: 8px;}
.tool_list ul li{ float: left; width:24%; margin-right: 1.33%; border: 1px solid #efefef; border-radius: 4px; padding: 20px 0 0; box-sizing: border-box; margin-bottom: 15px;}
.tool_list ul li .imgfd{ width: 30%; margin-right: 6%;}
.tool_list ul li .imgfd img{ width: 70%; float: right; margin-top: 10px;}
.tool_list ul li .tool_txt{ width: 64%; padding-right: 10%; box-sizing:border-box;}
.tool_list ul li .tool_txt h4{ font-size: 18px;color: #333;height: 72px;overflow: hidden;display: block;}
.tool_list ul li .tool_txt span{height: 44px;overflow: hidden;display: block;}
.tool_list ul li:nth-child(4n){ margin-right: 0;}
.tool_list ul li .configure_button{ height:60px; border-top: 1px solid #efefef; padding: 10px; background: #f2f5f8; margin-top: 20px; box-sizing:border-box;}
.configure_button a{ display: block; line-height: 40px; color: #fff; background: #3a9ef4; text-align: center; width: 140px; height: 40px;  border-radius: 20px; }

.udiipos_sheet{ margin-bottom:60px;}
.sheet_title{ font-size: 24px; padding-bottom: 20px; border-bottom: 1px solid #e8ebef; font-family: opensb; color: #333;}
.spec_list{ padding: 20px 0 0;}
.spec_list ul li{ float: left; width:22%; margin:0 4% 30px 0; text-align: center;}
.spec_list ul li:nth-child(4n){ margin-right: 0;}
.spec_list ul li .imgfd img{ width: 90%; margin: 0 auto 15px;}
.spec_list ul li a{ display: block; width: 100%; height: 42px; border-radius: 21px; color: #fff; box-sizing: border-box; background: #3a9ef4; line-height: 42px; padding-right: 21px;overflow: hidden;}
.spec_list ul li a i{ color: #fff; float: right;}

.udiipos_term .item_title{ border-bottom: 1px solid #f1f1f1; padding-bottom: 40px;}
.term_subtitle{ font-size: 20px; font-family: opensb; margin: 50px 0 25px; color: #2d2d2d;}
.term_txt{ margin-bottom:60px;}
.udiipos_term .paragraph{ line-height: 24px; margin-bottom: 5px;}
.udiipos_term p{ line-height: 24px; margin-bottom: 5px;}

@media (max-width: 1400px){
	
}

@media (max-width: 1200px){
	.customization_txt{ padding-top: 60px;}
	.case_list ul li img{ height: 250px;}
	.udiipos_nytop{ height: 100px;}
}

@media (max-width: 1024px){
	.creat_list ul li{ width: 50%;}
	.customization_txt{ padding-top: 30px;}
	.customization_txt li{ margin-bottom: 5px;}
	.provider_foreword{ float: none; width: 100%;}
	.provider_list{ float: none; width: 100%; margin-top: 25px;}
	.testimonials_foreword{ width: 96%; float: none; text-align: center; margin:0 auto 30px;}
	.testimonials_content{ width: 96%; text-align: left;}
	.testimonials_content span{ float: right;}
	.udiipos_provider{ margin: 60px auto;}
	.case_list ul li h4{ font-size: 18px;}
	.case_list ul li img{ height: 220px;}
	.technical_list .technical_item{ padding:20px 20px 60px; height: 400px; }
	.services_item h4{ font-size: 20px;}
	.tool_list ul li{ width: 32%; margin-right: 2%;}
	.tool_list ul li:nth-child(3n){ margin-right: 0;}
	.tool_list ul li:nth-child(4n){ margin-right: 2%;}
	.spec_list ul li{ width: 31%; margin-right: 3.5%}
	.spec_list ul li:nth-child(3n){ margin-right: 0;}
	.spec_list ul li:nth-child(4n){ margin-right: 3.5%;}
	.udiipos_nytop{ height: 80px;}
}
@media (max-width: 768px){
	.creat_list ul li{ height: auto;}
	.creat_list ul li img{ width: 50px}
	.creat_list ul li h4{ font-size: 16px;}
	.creat_list ul li p{ font-size: 14px; line-height: 24px;}
	.udiipos_creat{ margin-bottom: 30px;}
	.customization_txt,.customization_image{ width: 100%;}
	.item_title{ font-size: 26px; margin-bottom: 20px;}
	.udiipos_customized p{ font-size: 18px;}
	.testimonials_foreword p{ font-size: 18px;}
	.testimonials_content p{ font-size: 16px;}
	.testimonials_content span{ font-size: 16px;}
	.testimonials_content i{ font-size: 14px;}
	.udiipos_provider{ margin: 30px auto;}
	.case_list ul li{ width: 47%; margin: 0 1.5% 10px;}
	.case_list ul li:nth-child(3){ margin-right: 1.5%;}
	.case_list ul li h4{ font-size: 16px; left: 5px; bottom: 10px;}
	.case_list ul li img{ height: 180px;}
	.udiipos_case{ margin: 40px auto;}
	.technical_list .technical_item{ padding:15px 15px; height: 300px; }
	.technical_item img{ height: 60px;}
	.technical_item h5{ margin: 20px 0 15px; font-size: 18px;}
	.technical_item a{ margin-top: 20px;}
	.technical_item p{ font-size: 14px; height: 38px}
	.services_sheet,.services_list{ float: none; width: 100%;}
	.services_sheet .services_item{ height: auto; padding: 30px; margin-right: 0; width:100%;}
	.services_sheet .services_item h4{ margin: 20px 0 5px;}
	.services_list{ padding: 0}
	.services_list .services_item{ width: 32%; margin:20px 0 0 2%;}
	.services_list .services_item:first-child{ float: left;width: 32%; margin-left: 0;}
	.select_box input, .search_box input{ height: 50px; line-height: 50px; padding: 13px 10px;}
	.select_box img{ top: 13px;}
	.drivers_sheet table tr td:first-child{ width: 20%;}
	.drivers_sheet table tr td:nth-child(3){ width: 50%}
	.typelist{ top: 50px;}
	.drivers_sheet table tr th{ height: 60px;}
	.drivers_table{ height: 462px;}
	.tool_list ul li{ width: 48%; margin-right: 4%;}
	.tool_list ul li:nth-child(3n){ margin-right: 4%;}
	.tool_list ul li:nth-child(2n){ margin-right: 0;}
	.tool_list ul li .tool_txt h4{ font-size: 16px;height: 44px;}
	.tool_list ul li .tool_txt span{ font-size: 14px;}
	.spec_list ul li{ width: 48%; margin-right: 4%}
	.spec_list ul li:nth-child(3n){ margin-right: 4%;}
	.spec_list ul li:nth-child(2n){ margin-right: 0;}
	.spec_list ul li a{ font-size: 14px; height: 32px; line-height: 32px; border-radius: 16px; padding-right: 16px; }
	.term_subtitle{ margin: 25px 0 10px;}
	.udiipos_term .item_title{ padding-bottom: 30px;}
	
	.ask_foot h3{ font-size: 22px; margin-top: 10px; color: #2d2d2d;}
	.ask_foot a{ width: 160px;}
	.udiipos_nytop{ display:none;}
	.drivers_sheet table{ margin-bottom:30px;}
	.udiipos_sheet{ margin-bottom:30px;}
	.udiipos_tool{ margin-bottom:30px;}
	.term_txt{ margin-bottom:30px;}
	.ask_foot{ margin-bottom:30px;}
	.udiipos_services{ margin-bottom:30px;}
	
}
@media (max-width: 540px){
	.creat_list ul li{ width:95%; margin: 0 auto 30px}
	.creat_list ul li p{ text-align: left;}
	.provider_txt h4{ font-size: 16px;}
	.provider_txt p{ font-size: 14px; height: auto;}
	.provider_list ul li{ width: 95%; margin: 0 auto 15px;}
	.udiipos_customized p{ font-size: 16px;}
	.creat_list ul li{ margin-bottom: 20px;}
	.testimonials_content p{ font-size: 14px;}
	.testimonials_content span{ font-size: 14px;}
	.testimonials_content i{ font-size: 12px;}
	.udiipos_provider{ margin: 20px auto;}
	.technical_list .technical_item{ float: none; width: 100%; margin: 15px auto 0; height: auto;}
	.technical_list .technical_item:nth-child(3){ margin: 15px auto 0;}
	.technical_item a{ margin-top: 10px;}
	.services_sheet .services_item img{ height: 80px; }
	.services_list .services_item{ padding:30px; height: auto; float:none; width:100%; margin:15px 0;}
	.services_list .services_item:first-child{ float:none; width:100%;}
	.services_list .services_item h4{ font-size: 16px; margin: 10px 0 0;}
	.services_sheet .services_item p{ font-size: 14px;}
	.services_list .services_item a{font-size: 14px;}
	.services_list .services_item img{ height: 80px;}
	.drivers_sheet table tr th h4{ font-size: 16px; padding-left: 5px;}
	.drivers_sheet table tr td{ font-size: 14px;}
	.select_box{ width: 100%; margin: 0 0 20px;}
	.search_box{ width: 100%;}
	.drivers_sheet table tr th{ height: 50px;}
	.drivers_table{ height: 452px;}
	.term_subtitle{ font-size: 16px;}
	.udiipos_term .paragraph{ font-size: 14px;}
	.udiipos_term p{ font-size: 14px;}
	.udiipos_term .item_title{ padding-bottom: 15px;}
	.ask_foot h3{ font-size: 18px; margin-top: 0; color: #2d2d2d;}
	.ask_foot a{ width: 140px; font-size: 14px;}
}
@media (max-width: 450px){
	.provider_foreword span{ font-size: 18px;}
	.item_title{ font-size: 22px;}
	.tool_list{ height: 492px;}
	.tool_list ul li{ padding-top: 10px;}
	.case_list ul li img{ height: 140px;}
	.tool_list ul li .imgfd{ width: 100%; margin-right: 0; float: none; padding-left: 10%;}
	.tool_list ul li .imgfd img{ width: 30%; float: left; margin-top: 10px;}
	.tool_list ul li .tool_txt{ width: 100%; padding:0 10% 0; float: none;}
	
}

.technical_item a:hover,.services_item p a:hover,.services_list .services_item a:hover{color: #5da7ef;font-weight: bold;}
.drivers_sheet table tr td:nth-child(4) a:hover{color: #5da7ef}
.configure_button a:hover,.spec_list ul li a:hover{text-decoration: underline;}
.select_down{box-sizing:border-box; height: 60px; border: 1px solid #606060; border-radius: 3px; color: #2d2d2d; line-height: 60px;width: 45%;margin-right: 1%;cursor: pointer;position: relative;}
.select_down .box1{padding: 0 18px;color: #888;cursor: pointer;}
.select_down .box1 sapn{color: #888;font-size: 20px;}
.select_down .list{position: absolute;top: 60px;left: 0;width: 100%;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);z-index: 1;padding: 10px 0;display: none;}
.select_down .list a{font-size: 15px;color: #888;display: block;margin-bottom: 8px;padding: 0 18px;line-height: normal;}
.select_down .list a:hover{color: #5da7ef;}
.select_down:hover .list{display: block;}
.drivers_sheet table tr td:nth-child(2) i,.drivers_sheet table tr td:nth-child(4) a{font-size: 22px;}
@media (max-width: 768px){
	.select_down{height: 50px;line-height: 50px;}
}
@media (max-width: 560px){
	.select_down{width: 100%;margin: 0;margin-bottom: 10px;}
}