.nodata{ text-align: center; font-size: 16px; color: #999; padding-top: 40px; padding-bottom: 40px; } 
.nodata img{ width: 80px; display: block; margin: 0 auto; margin-bottom: 20px;  }

.detailbanner{background: #222; color: #fff; overflow: hidden; position: relative; }
.detailbanner .pagewidth{ height: 400px; position: relative;}
.detailbanner h1{font-size:44px; text-shadow: 2px 2px 2px rgba(0,0,0,.3); z-index: 999;  color: #fff;  text-align: center; position: absolute; top:40%; left: 0; right: 0px; bottom: 0px;  z-index: 4; }
.detailbanner img.detailbg{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 1; }



.dealerscontent { padding-top: 50px; padding-bottom: 50px; }
.dealerscontent h1{ font-size: 24px; text-align: center;font-weight:normal;}






.solutiondetailbanner{background: #222; color: #fff; overflow: hidden; position: relative; }
.solutiondetailbanner .pagewidth{position: relative; height: 500px; }
.solutiondetailbanner h2{font-size:40px; text-shadow: 2px 2px 2px rgba(0,0,0,.3); z-index: 999;  color: #fff;  text-align: left; position: absolute; top: 100px; left: 0; right: 0px; bottom: 0px;  z-index: 4; }
.solutiondetailbanner img.detailbg{ width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 0; }
.solutiondetailbanner .pagewidth p.pos{position: absolute; left: 0px; top: 260px;  z-index: 51; font-size: 14px;}
.solutiondetailbanner .pagewidth p.data{ position: absolute; left: 0px; top: 200px;  z-index: 51; }
.show_solution{}
.show_solution .box{ position: relative; margin-top: -150px; background:#fff; padding: 80px; border-radius: 30px; }
.show_solution .box .html{ line-height: 2em; color: #333; margin-bottom: 30px; }

.show_solution .other{border-top: #ddd solid 1px; padding-top: 30px;}
.show_solution .other div{width:48%; overflow:hidden;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.show_solution .other .left{ float: left; font-size: 14px;}
.show_solution .other .right{ float: right; font-size: 14px;text-align: right;}
.show_solution .other a{ color: #333; }
.show_solution .other a:hover{ color: #003d94; }


.viewhtml h2{ font-size: 33px; }
.viewhtml .data{ padding: 20px 0; }
.viewhtml .pos{ margin-bottom: 50px; }
.search_banner{ color: #333; overflow: hidden;padding-top: 50px; padding-bottom: 100px; }
.search_banner .pagewidth{ position: relative;}
.search_banner img.detailbg{ width: 100%; object-fit: cover; }
.search_banner .search{  width: 600px; margin: 0 auto; display: block;  transition-duration: 0.3s; padding-left: 0px; background: #fff; }
.search_banner .search .input_text{padding-left: 20px; font-weight: bold;  height:40px; font-size: 16px; color: #333;  float: left;width: 490px; line-height:40px; padding-top: 5px; padding-bottom: 5px; border:#1868bf solid 1px; opacity: 1; border-radius: 6px 0px 0px 6px; background: none; transition-duration: 0.3s }
.search_banner .search .ss_btn{height: 52px; width: 80px;  background: #1868bf; color: #fff; border-radius: 0px 6px 6px 0px; float: left;  background-size: 20px 20px;border:none; transition-duration: 0.3s; opacity: 1;}
.search_list{ padding-top: 30px ;padding-bottom: 50px; width: 1200px; margin: 0 auto; }
.search_list .search-point{ position: relative; text-align: left;font-size: 16px;  color: #333; margin-bottom: 30px; border-bottom: #ddd solid 1px; padding-bottom: 10px;}
.search_list .search-point:after{ position: absolute;content: ""; left: 0px; bottom: -1px; width: 65px; height: 2px; background: #1868bf; }

.search_title{ text-align: center; font-size: 28px;color: #333; position: relative; padding-bottom: 30px; margin-bottom: 50px; }
.search_title:after{ position: absolute; content: ""; left: 50%; margin-left: -10px; bottom: 0px; width: 20px; height: 2px; background: #1868bf; }


.search_list .noimglist{ border:#dadada solid 1px; }
.search_list .noimglist ul li{ float: left;text-indent: 10px; }
.search_list .noimglist ul.title li{background: #f4f4f6; height: 50px; font-size: 14px; line-height: 50px;color: #666;}

.search_list .noimglist ul li.xinghao{ width:20%; }
.search_list .noimglist ul li.cpu{  width:10%; }
.search_list .noimglist ul li.yingpan{ width:20%;  }
.search_list .noimglist ul li.dianyuan{width:10%;  }
.search_list .noimglist ul li.xianka{width:10%; }
.search_list .noimglist ul li.kaishi{width:10%; }
.search_list .noimglist ul li.jiesu{width:10%; }
.search_list .noimglist ul li.qita{ width:10%;  }

.search_list .noimglist ul.content li{color: #222; font-size: 14px; line-height: 50px; height: 50px;}







.submenu{ height: 60px; line-height: 60px; background: #fff;  box-shadow: 0px 0px 20px rgba(0,0,0,0.1); position: relative; z-index: 9; }
.submenu ul { text-align: center; }
.submenu ul li{display: inline-block; }
.submenu ul li a{ display: block; font-size: 16px; padding-left: 25px; padding-right: 25px; color: #333;}
.submenu ul li a:hover{color: #3ea4d1; }
.submenu ul li a.active{ color: #3ea4d1; position: relative; font-weight: bold;}
.submenu ul li a.active:after{ position: absolute; content: ""; bottom: 5px; left: 0px; width: 30px; margin-left: -15px; left: 50%; height: 2px; background: #3ea4d1; border-radius: 3px;  }
.submenu span{color: #666; font-size: 14px; float: right;}
.submenu span i{ margin-left: 10px; margin-right: 10px; }
.submenu span a{ color: #666; }

.about_menu ul { text-align: center; padding-top: 50px; padding-bottom: 50px; }
.about_menu ul li{ display: inline-block; }
.about_menu ul li a{ display: block; font-size: 24px; padding-left: 25px; padding-right: 25px; color: #333;}
.about_menu ul li a:hover{color: #3ea4d1; }
.about_menu ul li a.active{ color: #3ea4d1; font-weight: bold; position: relative;}
.about_menu ul li a.active:after{ position: absolute; content: ""; bottom: -12px; left: 0px;  margin-left: -8px; left: 50%;border: 6px solid transparent; border-bottom-width: 0; border-top-color: #3ea4d1; }

.subimgmenu{ border-bottom: #ececec solid 1px; }
.subimgmenu ul {text-align: center; padding-top: 20px; padding-bottom: 20px;}
.subimgmenu ul li{ display: inline-block; width: 300px; margin-left: 6px; margin-right: 6px;}
.subimgmenu ul li a{ display: block; background: #f9f9f9; padding-top: 20px; padding-bottom: 20px;}
.subimgmenu ul li a img{ height: 56px; margin: 0 auto; display: block; }
.subimgmenu ul li a img.icona{ display: block; }
.subimgmenu ul li a img.iconb{ display: none; }
.subimgmenu ul li a span{  display: block; text-align: center; color: #666; padding-top: 10px; font-size: 16px;}
.subimgmenu ul li a:hover{ background: #f6f6f6 }
.subimgmenu ul li a:hover span{ color: #1080f2 }
.subimgmenu ul li a:hover img.icona{ display: none; }
.subimgmenu ul li a:hover img.iconb{ display: block; }

.years ul { text-align: center; padding-bottom: 30px; }
.years ul li{ display: inline-block; }
.years ul li:first-child{ display: none; }
.years ul li a{ display: block; font-size: 18px; font-weight: bold; padding-left:15px; padding-right: 15px; color: #333;}
.years ul li a:hover{color: #3ea4d1; }
.years ul li em{ color: #3ea4d1; font-weight: bold; font-style: normal; font-size: 18px;padding-left:15px; padding-right: 15px; }
.years ul li .box{ background:#fff; border-radius: 6px; background: #f5f5f5; }

.list_dashiji{ padding-bottom: 50px;  }
.list_dashiji ul { width: 1000px; margin: 0 auto;position: relative;}
.list_dashiji ul li:before{ content: ""; position: absolute; left:-32px; top: 0px;bottom: 0px; height: 100%; width: 1px; background: #ececec; }
.list_dashiji ul li{ padding-bottom: 20px; position: relative;}
.list_dashiji ul li:after{ content: ""; position: absolute; width: 11px; left:-40px; top: 33px; background: #fff; height: 11px; border-radius: 50px; border:#cccccc solid 3px; }
.list_dashiji ul li .box{ background: #f5f5f5; padding: 25px; border-radius: 6px; transition-duration: 0.1s; }
.list_dashiji ul li .box h3{ font-size: 24px; color: #222; margin-bottom:4px; transition-duration: 0.1s;  }
.list_dashiji ul li .box p{ font-size: 16px; color: #222; transition-duration: 0.1s;}
.list_dashiji ul li .box:hover{ background: #3ea4d1; padding: 25px; border-radius: 6px; }
.list_dashiji ul li .box:hover h3{ font-size: 24px; color: #fff; margin-bottom:4px;  }
.list_dashiji ul li .box:hover p{ font-size: 16px; color: #fff }

.crumbs{ /*margin-bottom: 30px;*/ background: #fff; height:100px; line-height: 100px; color: #999; font-size: 14px; }
.crumbs i{ margin-left: 10px; margin-right: 10px; }
.crumbs a{ color: #999; }

.list_news{ padding-top: 50px; padding-bottom:80px;background: #fafafa}
.list_news ul{ margin-bottom: 40px; }
.list_news ul li{ margin-bottom: 20px; padding: 25px; background: rgba(255, 255, 255, 0); border-radius: 3px; box-shadow: 0px 5px 10px rgba(0,0,0,0); transition-duration: 0.3s; }
.list_news ul li .img{ border-radius: 3px; overflow: hidden; float: left; width: 320px; margin-right: 50px;  overflow: hidden; height: 240px;}
.list_news ul li .img img{ border-radius: 3px; width: 100%; height: 100%; display: block; object-fit: cover; transition-duration: 0.3s;}
.list_news ul li .time{ color: #aaa;  float: left; width: 100px; margin-right: 25px; padding-left: 0px;  transition-duration: 0.3s;}
.list_news ul li .time strong{font-size: 56px; display: block; text-align: center; font-family: 'HarmonyOS Sans Bold';}
.list_news ul li .time span{  font-size: 16px; text-align: center; display: block; font-family: 'HarmonyOS Sans Bold';}
.list_news ul li .info{ padding-top: 30px; float: left; }
.list_news ul li .jt{ padding-top: 90px; float: right; padding-right: 20px;}
.list_news ul li .jt i{ border-radius: 100px; display: block; background: #c7c8ca; height: 48px; width: 48px; line-height: 48px; text-align: center; font-size: 24px; color: #fff; } 
.list_news ul li .info .title{ font-size: 24px; color: #333333; font-weight:normal;  margin-bottom: 20px;}
.list_news ul li .info .title a{   color: #333333;  }
.list_news ul li .info .description{   color: #666666;line-height: 1.8em; font-size: 15px;  }
.list_news ul li .info .date{ font-size: 14px; color: #999; padding-top: 30px; }
.list_news ul li:hover{  box-shadow: 0px 10px 15px rgba(0,0,0,0.05);;background: rgba(255, 255, 255, 1); }
.list_news ul li:hover .time{ color: #01acea }
.list_news ul li:hover .info .title a{ color: #0071c1 }
.list_news ul li:hover .jt i{ border-radius: 100px; display: block; background: #0170c1; height: 48px; width: 48px; line-height: 48px; text-align: center; font-size: 24px; color: #fff; } 

.show_news{ padding-top: 50px; padding-bottom:80px;background: #fafafa}
.show_news .box{ background: #fff; border-radius: 6px; padding: 50px;}
.show_news .html{ line-height: 2em; font-size: 16px; color: #333; padding-bottom: 30px;  margin-bottom: 30px; border-bottom: #ececec solid 1px; }
.show_news .html p{ line-height: 2em; text-indent: 2em; font-size: 16px; color: #333; }
.show_news .html p strong{ color: #333; font-size: 18px; }
.show_news .html img{ width: 60%; display: block; margin: 20px auto; }
.show_news .title{ padding-bottom: 30px; border-bottom: #ececec solid 1px; margin-bottom: 20px;}
.show_news .title h1{ text-align: center; font-size: 28px; color: #333; padding-bottom: 15px; font-weight: normal; }
.show_news .title p{ text-align: center; font-size: 14px; color: #999; font-weight: normal; }
.show_news .other{ }
.show_news .other .left{  font-size: 14px; margin-bottom: 5px;}
.show_news .other .right{font-size: 14px;}
.show_news .other a{ color: #666; }
.show_news .other a:hover{ color: #003d94; }
.show_news .other a.back{ float:right;  color: #666; border:#0071c1 solid 1px; padding: 10px 20px;color: #333; font-size: 14px;}

.list_case{ padding-top: 50px; padding-bottom:80px;background: #f5f7fc; }
.list_case ul { width: 110%; }
.list_case ul li{ float: left;width: 406px; margin-right: 41px; background: linear-gradient(0deg, #fffffd, #e9eef9);border: 1px solid #fff;box-shadow: 0 10px 18px 2px rgba(234, 238, 244, 0.85);border-radius: 10px;box-sizing: border-box;padding: 10px;margin-bottom: 41px;position: relative;overflow: hidden;transition: all .3s;position: relative;top:0}
.list_case ul li:hover{ top: -15px;  box-shadow:0 10px 18px 2px rgba(202, 216, 237, 0.69)}
.list_case ul li .img {width: 100%;border-radius:10px; overflow: hidden;}
.list_case ul li .img img {display: block;width:100%}
.list_case ul li .info { box-sizing: border-box; padding:20px 5px }
.list_case ul li .info h2{ color: #333; font-size: 18px; font-weight: normal; margin-bottom: 10px; }
.list_case ul li .info p { font-size: 14px; color: #666; }
.list_case ul li .info p span{ background: #e5f2fa; color: #2190d8;font-size: 14px; padding: 4px; margin-right: 10px;  }

.show_case{ padding-top: 50px; padding-bottom:80px;background: #fff}
.show_case .html{ line-height: 2em; font-size: 16px; color: #333; padding-bottom: 30px;  margin-bottom: 30px; border-bottom: #ececec solid 1px; }
.show_case .html p{ line-height: 2em; font-size: 16px; color: #333; }
.show_case .html p strong{ color: #333; font-size: 18px; }
.show_case .html img{ width: 80%; display: block; margin: 20px auto; }
.show_case .title{  text-align: center; font-size: 26px; color: #333; padding-bottom: 30px; font-weight: bold; border-bottom: #ececec solid 1px; margin-bottom: 20px;}
.show_case .other{ }
.show_case .other .left{ float: left; font-size: 14px;}
.show_case .other .right{ float: right; font-size: 14px;}
.show_case .other a{ color: #333; }
.show_case .other a:hover{ color: #3ea4d1; }



.list_down{background: #fff; overflow: hidden;}
.list_title{ font-size: 24px;padding-bottom: 30px; }
.list_down .list_content ul li{ float: left;width: 406px; margin-right: 41px;box-shadow: 0 10px 18px 2px rgba(0, 0, 0, 0.05);border-radius: 10px;box-sizing: border-box;padding: 30px;margin-bottom: 41px;position: relative;overflow: hidden;transition: all .3s;position: relative;top:0}
.list_down .list_content ul { width: 110%; }
.list_down .list_content ul li .img{ float: left; margin-right: 30px; }
.list_down .list_content ul li .info{ float: left; }
.list_down .list_content ul li .info h3{ margin-bottom: 20px; font-size: 18px; font-weight: normal; } 
.list_down .list_content ul li .url a{ color: #0582d4; font-size: 16px; }

.list_down .down_box{ padding-top: 50px; padding-bottom:50px; }
.list_down .down_box:nth-child(2n){ background: #fafafa;padding-top: 50px; padding-bottom:50px; }

.list_solution{ padding-top: 50px; padding-bottom: 80px; }
.list_solution ul li{box-shadow: 0 5px 18px 2px rgba(0, 0, 0, 0.1); margin-bottom: 50px;}
.list_solution ul li .img{ float: left;  width: 50%;  }
.list_solution ul li .img img{ width: 100%; display: block; }
.list_solution ul li .info{ float: left; width: 50%;  }
.list_solution ul li .info .box{ padding: 50px; }
.list_solution ul li .info .box h2{ font-size:24px; font-weight: normal; color: #333; margin-bottom: 20px;}
.list_solution ul li .info .box p{ font-size: 14px; line-height: 2em; color: #666; margin-bottom: 20px; }
.list_solution ul li .info .box .url{ line-height: 30px; border-top: #d9d9d9 solid 1px; padding-top: 20px; }
.list_solution ul li .info .box .url a{ color: #1b6dc1; font-weight: bold; }

.list_solution ul li:nth-child(2n) .img{ float: right; }
.list_solution ul li:nth-child(2n) .info{ float:right; }



.page_about{padding-top:30px; padding-bottom:80px;background: #fff;}
.page_about .html{}
.page_about .page_title{padding-top:50px;  font-size: 32px; font-weight: bold; color: #333; padding-bottom: 15px; }
.page_about .html p{ line-height: 2em; color: #111; font-size: 16px; text-indent: 2em; text-align: justify;}



.page_guihua{padding-top: 50px; padding-bottom:80px;background: #fff;}
.page_guihua .html{ line-height: 2em; color: #111; font-size: 16px;width:635px; float: left;  }
.page_guihua .html h4{ color: #01acea; font-size: 24px; margin-bottom: 10px; }
.page_guihua .html p{ text-indent: 2em; }
.page_guihua .img{ width: 485px; float: right;}

.page_fazhan{padding-top: 50px; padding-bottom:80px;background: #fff;}
.page_fazhan .html{ line-height: 2em; color: #111; font-size: 16px;width:800px; float: left;  }
.page_fazhan .html h4{ color: #01acea; font-size: 24px; margin-bottom: 10px; }
.page_fazhan .html p{ text-indent: 2em; }
.page_fazhan .img{ width: 300px; float: right;}



.page_culture{padding-top: 0px; padding-bottom:80px;background: #fff;}
.page_culture .pagewidth{ width: 960px; margin: 0 auto}
.page_culture .title{ text-align: center; font-size: 30px; font-weight: bold; color: #111; margin-bottom: 15px;}
.page_culture .title span{ padding-left: 60px; padding-right: 60px; position: relative; }
.page_culture .title span:after{ position: absolute; content: ""; left:0px; top: 18px; width:50px; height: 2px; background: #666; }
.page_culture .title span:before{ position: absolute; content: ""; right:0px; top: 18px; width:50px; height: 2px; background: #666; }
.page_culture .box { margin-bottom: 60px; padding-top: 15px; }
.page_culture .box .left{ float: left; width: 450px; }
.page_culture .box .right{ float: right; width: 450px; }
.page_culture .box .img{ display: block; border-radius: 6px; overflow: hidden; box-shadow: 0px 10px 20px rgba(0,0,0,0.1) }
.page_culture .box .img img{ display: block;  width: 100%; }
.page_culture .box .info {  }
.page_culture .box .info h3{ font-size: 20px; font-weight: bold; color: #111; margin-bottom: 10px; }
.page_culture .box .info p{ font-size: 16px; font-weight: normal; line-height: 2em; color: #333; }


.page_culture .title1{ text-align: center; font-size: 20px; font-weight: bold; color: #111; margin-bottom: 20px;}
.page_culture .box1 .swiperTab{ text-align: center; background: #f1f1f1; padding: 4px;  border-radius: 2px 20px 2px 20px; margin-bottom: 20px;}
.page_culture .box1 .swiperTab li{ float: left; width: 20%; height: 40px; line-height: 40px; color: #222; border-radius: 2px 20px 2px 20px; }
.page_culture .box1 .swiperTab li em{ position: relative; top: 3px; }
.page_culture .box1 .swiperTab li.active{background: #3ea4d1; color: #fff;}


.list_join{ padding-top: 50px; padding-bottom: 80px; background: #fff; }
.list_join .info{ padding-top: 30px; color: #666666; font-weight: normal; text-align: center;font-size: 20px; font-weight:400;}
.list_join .info span { color: #01acea; font-weight: bold;font-family: 'HarmonyOS Sans Bold'; }
.list_join .accordion li {padding:15px 25px; background: #f9f9f9; border-radius: 4px; margin-bottom: 20px;box-shadow: 0px 0px 10px rgba(0,0,0,0.0); transition-duration: 0.3s;}
.list_join .accordion .link { cursor: pointer; display: block; color: #666666; font-size: 20px; font-weight: normal; position: relative; padding-top: 10px; border-radius: 6px; padding-bottom: 10px; }
.list_join .accordion .link p{ font-size: 14px; font-weight: normal; color: #666666; padding-top: 10px; }
.list_join .accordion .link p span{ margin-right: 30px; }
.list_join .accordion li:last-child .link {border-bottom: 0;}
.list_join .accordion li i {position: absolute; top: 14px;left: 12px; font-size: 18px;color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.list_join .accordion li i.fa-chevron-down {right: 12px;left: auto;font-size: 16px;}
.list_join .accordion li.open{ background: #f6f8fb;}
.list_join .accordion li.open i {color: #01acea;}
.list_join .accordion li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.list_join .subcontent {display: none; font-size: 16px;line-height: 2em; color: #111; }
.list_join .accordion li.open .link{ color: #01acea; font-weight: bold; }
.list_join .accordion li .link{ position: relative; }
.list_join .accordion li .link strong{ display: block; width: 500px;  font-size: 14px; color: #999; font-weight: normal; position: absolute; left: 500px; top: 14px; }
.list_join .accordion li .link strong span{ float: left; }
.list_join .accordion li .link strong span.diqu{width: 200px; }
.list_join .accordion li .link strong span.renshu{width: 150px; }
.list_join .accordion li .link strong span.jingyan{width: 150px; }
.list_join .accordion li.open .link strong{ font-size: 14px; color: #999;  }
.list_join .accordion li.open .subcontent { }
.list_join .accordion li.open .link i{ }
.list_join .accordion li.open  .link strong span.diqu{width: 200px; color: #f00 }
.list_join .accordion li.open  .link strong span.renshu{width: 150px;color: #f00 }
.list_join .accordion li.open  .link strong span.jingyan{width: 150px;color: #f00 }

.list_gongyi{ padding-top: 50px; padding-bottom:80px;background: #fff}
.list_gongyi .box{ background: #f5f5f5; margin-bottom: 30px; padding: 30px; border-radius: 3px; line-height: 2em; font-size: 16px; color: #111 }
.list_gongyi ul{ margin-bottom: 40px; }
.list_gongyi ul li{ margin-bottom: 20px; padding: 25px; background: #f5f5f5; border-radius: 3px;  transition-duration: 0.3s; }
.list_gongyi ul li .img{ border-radius: 3px; overflow: hidden; float: left; width: 250px; margin-right: 30px;  overflow: hidden; height: 170px;}
.list_gongyi ul li .img img{ border-radius: 3px; width: 100%; height: 100%; display: block; object-fit: cover; transition-duration: 0.3s;}
.list_gongyi ul li .time{ color: #aaa;  float: left; width: 100px; margin-right: 25px; padding-left: 0px;  transition-duration: 0.3s;}
.list_gongyi ul li .time strong{font-size: 56px; display: block; text-align: center; font-family: 'HarmonyOS Sans Bold';}
.list_gongyi ul li .time span{  font-size: 16px; text-align: center; display: block; font-family: 'HarmonyOS Sans Bold';}
.list_gongyi ul li .info .title{ font-size: 22px; color: #333333; font-weight: bold;  margin-bottom: 10px;}
.list_gongyi ul li .info .title a{   color: #333333;  }
.list_gongyi ul li .info .description{   color: #666666;line-height: 1.8em; font-size: 15px;  }
.list_gongyi ul li:hover{ transform: translateY(-2px)}
.list_gongyi ul li:hover .time{ color: #01acea }
.list_gongyi ul li:hover .info .title a{ color: #01acea }


.page_contact{ padding-top:40px; padding-bottom:40px}
.page_contact ul{ }
.page_contact ul li{ float: left; margin-right: 50px;  position: relative; }
.page_contact ul li:last-child{ margin-right: 0; }
.page_contact ul li .icon{ height: 48px; width: 48px; position: absolute; left: 0px; top: 0px;}
.page_contact ul li p{ font-size: 16px; color: #666; text-align: left; padding-top: 0px;  padding-left: 60px;}
.page_contact ul li h3{ font-size: 18px; color: #333; line-height: 1.5em; text-align: left; padding-left: 60px; }
.page_contact .map{ padding-top: 60px; border:#ececec solid 1px; padding: 4px;  }

#container {width:100%;height: 480px; }  
.amap-zoom-touch-plus > div, .amap-zoom-touch-minus > div {margin: auto;font-size: 20px;line-height: 30px;font-family: verdana;text-align: center;color: #666;height: auto;cursor: pointer;}
.amap-touch-toolbar .amap-zoomcontrol {position: absolute;right: 4px;bottom: -96px;z-index: 500;width: 30px;background-color: white;background-color: rgba(255, 255, 255, 0.9);border-radius: 3px;border: 1px solid #ccc;box-shadow: 1px 1px 10px 0 #ccc;}
.amap-zoom-touch-plus, .amap-zoom-touch-minus {height: 30px;}
.amap-touch-toolbar .amap-zoomcontrol:after { display: none; }
.amap-zoom-touch-plus { margin-bottom: 0px;}

.messages_form{padding-bottom:30px;padding-top: 30px; background: #fff;  }
.messages_form .box{ padding: 30px 100px; }
.messages_form .box h2{ color:#333; font-size: 32px; margin-bottom: 10px; text-align: center; font-weight: normal	; }
.messages_form .box .contact{ line-height: 2em; font-size: 16px; color: #333; }
.messages_form .box .contact p{ line-height: 2em; font-size: 16px; color: #333; }
.messages_form .box .contact h2{ color: #35538d; font-size: 32px; padding-top: 30px; margin-bottom: 10px;}
.messages_form .layui-input-block{ margin-left: 0; }
.messages_form .layui-form{ padding-left: 100px; padding-right: 100px; }
.messages_form label{ font-size: 14px; color: #999; padding-bottom: 10px; display: block; }
.messages_form .layui-form-item{ margin-bottom: 24px; }
.messages_form .two .layui-input-block{ float:left; width: 48.8%; }
.messages_form .two .layui-input-block .layui-input{ background: #f3f3f3;height: 44px; line-height: 1.3; line-height: 44px\9; border:none;}
.messages_form .two .left{ float: left; }
.messages_form .two .right{ float: right; }
.messages_form .one .layui-input-block{  }
.messages_form .one .layui-input-block .layui-textarea{ padding-top: 10px; background: #f3f3f3;height: 200px; line-height: 1.3; line-height: 44px\9;border:none}
.messages_form .layui-btn{ background: #3682ce; height: 48px; line-height: 48px; font-size: 16px; padding-left: 50px; padding-right: 50px; font-weight: bold; }



.list_honor{padding-top:120px;padding-bottom:160px; background: #fff;position: relative;}
.list_honor .swiper-slide img{ width: 100%; }
.list_honor .swiper-slide .name{ text-align: center; font-size: 16px; padding-top: 20px; }
.list_honor .swiper-container{ padding-bottom: 80px; }
.list_honor .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 0.7; background: #999; border-radius: 10px; border:none; transition-duration: 0.3s;}
.list_honor .swiper-pagination-bullet-active{ background: #3ea4d1;opacity: 1; width: 40px; opacity:1;}
.list_honor:after{content: ""; right: 0; position: absolute; bottom: 0; width: 300px; height: 100%; top: 0;z-index: 10; background: -moz-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255,1) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}
.list_honor:before{content: ""; left: 0; position: absolute; bottom: 0; width: 300px; height: 100%; top: 0;z-index: 10; background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);}

.list_partners{ padding-top: 50px; padding-bottom:80px; background: #f5f7fb; }
.list_partners ul { width: 110% }
.list_partners ul li{ float:left; width: 540px; background: #fff; border-radius: 3px; margin-bottom: 30px;  margin-right: 30px; padding: 30px; box-shadow: 0px 5px 10px rgba(0,0,0,0.05); transition-duration: 0.3s; } 
.list_partners ul li .img{ width: 170px; margin-right: 30px; float: left; }
.list_partners ul li .img img{ width: 100%; display: block; }
.list_partners ul li .info { width: 308px; padding-left: 30px; float: left;border-left: #ececec solid 1px; }
.list_partners ul li .info .title{ font-size: 20px; font-weight: bold; color: #222; margin-bottom: 10px; transition-duration: 0.3s;}
.list_partners ul li .info .description{ height:100px;font-size: 14px; font-weight: normal; color: #666; line-height: 1.8em; margin-right: 0px;}
.list_partners ul li:hover{  box-shadow: 0px 10px 15px rgba(0,0,0,0.05);transform: translateY(-2px)}
.list_partners ul li:hover .info .title{ color: #01acea }
.list_partners ul li:nth-child(2n + 1) { clear: both;}



.list_serivce{ padding-top: 50px; padding-bottom:50px;background: #fff}
.list_serivce h4{ font-size: 18px; color: #333; padding-bottom: 40px; }
.list_serivce ul li{ background: #f5f5f5; }
.list_serivce ul li .img{  width: 50%;}
.list_serivce ul li .img img{ width: 100%; display: block; }
.list_serivce ul li .info{width: 50%; position: relative;}
.list_serivce ul li .info .box{ padding: 50px; }
.list_serivce ul li .info .box .title{ font-weight: bold; font-size: 24px; color: #333;}
.list_serivce ul li .info .box span{ width: 30px; height: 2px; display: block; margin-top: 24px; margin-bottom: 24px; background: #eb5d1e}
.list_serivce ul li .info .box .content{ line-height: 1.8em; font-size: 16px; color: #333; text-align: justify;}
.list_serivce ul li.li1 .img{ float: left; }
.list_serivce ul li.li1 .info{ float: left; }
.list_serivce ul li.li1 .info:after{ position: absolute; left: -10px; top: 54px; border: 10px solid transparent; border-left-width: 0; border-right-color: #f5f5f5; content: "" }
.list_serivce ul li.li2 .img{ float: right; }
.list_serivce ul li.li2 .info{ float: right; }
.list_serivce ul li.li2 .info:after{ position: absolute; right: -10px; top: 54px; border: 10px solid transparent; border-right-width: 0; border-left-color: #f5f5f5; content: "" }
.list_serivce ul li.li3 .img{ float: left; }
.list_serivce ul li.li3 .info{ float: left; }
.list_serivce ul li.li3 .info:after{ position: absolute; left: -10px; top: 54px; border: 10px solid transparent; border-left-width: 0; border-right-color: #f5f5f5; content: "" }
.list_serivce ul li.li4 .img{ float: right; }
.list_serivce ul li.li4 .info{ float: right; }
.list_serivce ul li.li4 .info:after{ position: absolute; right: -10px; top: 54px; border: 10px solid transparent; border-right-width: 0; border-left-color: #f5f5f5; content: "" }
.list_serivce ul li.li5 .img{ float: left; }
.list_serivce ul li.li5 .info{ float: left; }
.list_serivce ul li.li5 .info:after{ position: absolute; left: -10px; top: 54px; border: 10px solid transparent; border-left-width: 0; border-right-color: #f5f5f5; content: "" }
.list_serivce ul li.li6 .img{ float: right; }
.list_serivce ul li.li6 .info{ float: right; }
.list_serivce ul li.li6 .info:after{ position: absolute; right: -10px; top: 54px; border: 10px solid transparent; border-right-width: 0; border-left-color: #f5f5f5; content: "" }
.list_serivce ul li.li7 .img{ float: left; }
.list_serivce ul li.li7 .info{ float: left; }


.page_solution{ padding-top: 30px; padding-bottom:30px;background: #f6f9fa}
.page_solution .left{ width: 260px; float: left;}
.page_solution .left .list{  }
.page_solution .left .list li{  }
.page_solution .left .list li a{ font-size: 16px; color: #333; height: 48px; line-height: 48px;  display: block; padding-left: 20px; border:#ececec solid 1px; margin-bottom: 10px; background: #fff; border-radius: 3px; }
.page_solution .left .list li a.active{ font-weight: bold;  color: #fff; display: block; background: linear-gradient(to left, #009fe6 0%, #0170bf 100%);  }
.page_solution .right{ width: 820px; float: right; background: #fff; padding: 40px;border:#ececec solid 1px;background: #fff; border-radius: 3px; }
.page_solution .right .title{ text-align: center; margin-bottom: 30px;}
.page_solution .right .title h1{ font-size: 24px; margin-bottom: 10px;  }
.page_solution .right .title p{ font-size: 14px; color: #999; }
.page_solution .right .html{ border-top: #ececec solid 1px; padding-bottom: 30px;padding-top: 30px; } 
.page_solution .right .html h2{ font-size: 20px; color: #eb5d1e; margin-bottom: 20px; }
.page_solution .right .html p{ font-size: 15px; color: #333; line-height: 1.8em; }
.page_solution .right .html .row{ margin-bottom: 50px; }
.page_solution .right .html ul li{font-size: 15px; color: #333; line-height: 1.8em}
.page_solution .right .button{ border-top: #ececec solid 1px; padding-top: 40px; padding-bottom: 30px; }
.page_solution .right .button a{ display: block; width: 240px; position: relative; top: 0px; height: 50px; border-radius: 40px; background: #eb5d1e; color: #fff; font-size: 16px; line-height: 50px; text-align: center; font-weight: bold; margin: 0 auto; transition-duration: 0.1s;cursor:pointer;}
.page_solution .right .button a:active{ position: relative; top: 2px; }






.list_product { background: #f5f5f5; padding-bottom: 40px;}
.list_product .left{ width:1050px; margin-right: 30px; float: left;border-right: #ddd dashed 1px; }
.list_product .left h2{ font-size: 24px; font-weight: bold; padding-top: 50px; padding-bottom: 30px;}
.list_product .left ul{ width: 1100px; }
.list_product .left ul li{ float: left; width: 320px; text-align: center; padding-top: 30px; padding-bottom: 30px; border-radius: 0px; border-bottom: #dadada solid 1px; transition-duration: 0.3s; margin-bottom: 30px;}
.list_product .left ul li:hover{ background: #fff; border-radius: 12px; border-bottom:#fff solid 1px; }
.list_product .left ul li{ margin-right: 30px; margin-bottom: 30px;}
.list_product .left ul li .img{ padding: 20px 30px; }
.list_product .left ul li img{ width: 100%; display: block; }
.list_product .left ul li h4 { margin-bottom: 10px; }
.list_product .left ul li h4 a{ font-size: 20px; color: #333; }
.list_product .left ul li h5 span{ font-size: 14px; color: #666; font-weight: normal; padding-left: 10px; padding-right: 10px;}
.list_product .left ul li .more{ font-weight: bold; }
.list_product .left ul li .more a{ color: #444; font-size: 18px; }

.list_product .right{ width:200px; float: left; padding-top: 110px;position: -webkit-sticky; position: sticky;top:0px; }
.list_product .right ul li { margin-bottom: 10px; }
.list_product .right ul li a{ display: block; color: #333; font-size: 16px; border-radius: 20px; padding: 10px 20px; }
.list_product .right ul li a.active{ background: #fff; }
.list_product .left ul li:hover .more a{ color: #1b6dc1; font-size: 18px; }





.show_product{ margin-bottom:50px;}
.show_product .content  .top{ padding:20px 0; }
.show_product .content  .top .photo{ width: 30%;margin-right: 10%; float: left;padding-top: 30px; padding-bottom: 30px; }
.show_product .content  .top .photo img{max-width:100%; display: block; margin:0 auto;}
.show_product .content  .top .photo .swiper-pagination{ bottom: 20px; }
.show_product .content  .top .photo .swiper-pagination-bullet{ width: 8px; height: 8px; border: #666 solid 2px; background: #fff;}
.show_product .content  .top .photo .swiper-pagination-bullet-active{width: 8px; height: 8px;background: #1e55a8;border: #1e55a8 solid 2px;: }
.show_product .content  .top .info{ width: 60%; float: left; padding-top: 40px;}
.show_product .content  .top .info h1{ font-weight: bold; font-size: 26px; color: #000; margin-bottom: 10px; }
.show_product .content  .top .info .description{ line-height: 2em; font-size: 16px; color: #555; margin-bottom: 40px; border:0;}
.show_product .content  .top .info .olineservice{ }
.show_product .content  .top .info .olineservice h4{ font-weight: normal; padding-top: 30px;font-size: 14px; color: #666; margin-bottom: 10px; }
.show_product .content  .top .info .olineservice .qqcontent a.qq{ display: inline-block; border-radius: 50px; background: #1e55a8; color: #fff ; margin-right: 20px;  padding:14px 50px; font-size: 16px; }
.show_product .content  .top .info .olineservice .qqcontent a.wechat{ position: relative; display: inline-block; border-radius: 3px; border:#00be5d solid 2px; background: #00be5d; margin-right: 20px;  color: #fff; padding:10px 20px; font-size: 16px;}
.show_product .content  .top .info .olineservice .qqcontent a.wechat .wechatcontent{ position: absolute; display: none; border-radius: 3px; background: #fff;border:#ececec solid 1px; top: 48px; right: -8px; width: 140px; height: 140px; box-shadow: 0px 0px 5px rgba(0,0,0,0.1) }
.show_product .content  .top .info .olineservice .qqcontent a.wechat .wechatcontent img{ width: 100%; display: block;}
.show_product .content  .top .info .olineservice .qqcontent a.wechat .wechatcontent:after{ content: '';position: absolute;border: 7px solid transparent;border-top-width: 0;border-bottom-color: #ececec;top: -7px;right: 3px}
.show_product .content  .top .info .olineservice .qqcontent a.wechat .wechatcontent:before{ content: '';position: absolute;border: 7px solid transparent;border-top-width: 0;border-bottom-color: #fff;top: -5px;right: 3px; z-index: 999;}
.show_product .content  .top .info .olineservice .qqcontent a.wechat:hover .wechatcontent{ position: absolute; display: block; }
.show_product .content  .top .info .olineservice .telcontent {  font-size: 24px; color: #ce0000;}
.show_product .content  .top .info .olineservice .telcontent strong{ margin-right: 30px; }
.show_product .content  .top .info .olineservice .telcontent span{ margin-right: 6px; }
.show_product .content  .top .info .olineservice .telcontent span img{ height: 20px; position: relative; top: -2px  }

.show_product .jieshao{ padding: 0px; background: #fff; }
.show_product .jieshao .html img{ display: block;width: 100%; }
.show_product .jieshao .html p{ line-height: 2em; font-size: 14px; color: #333; }
.show_product .jieshao .html strong{ font-size: 18px; color: #eb5d1e }


.show_product table {border-collapse: collapse;width: 100%;}

.show_product table td{border:#ddd solid 1px;padding: 5px;}
.show_product .canshu { border-bottom: #ececec solid 1px; }
.show_product .canshu .html{ padding:0 20px; }

.show_product .canshu .right_title{ font-weight: bold; position: relative;  color: #1b86f2; font-size: 32px; text-align: center; padding-top: 40px; height: 60px; margin-bottom: 20px;}
.show_product .canshu .right_title:after{position: absolute; content: "";  width:40px; left: 50%; background: #1b86f2; bottom:0px; margin-left: -20px;  height: 2px; z-index: 2;}
.show_product .down ul li{ border-bottom: #ececec solid 1px; padding-top: 10px; padding-bottom: 10px; height: 24px; line-height: 24px; font-size: 16px; color: #333; background: url(../images/down.png) no-repeat left center; background-size: 24px 24px; padding-left: 30px; }
.show_product .down ul li a{ color: #333; }

.show_product .other{border-top: #ddd solid 1px; padding-top: 30px;font-size: 20px;line-height: 50px;}
.show_product .other .left{ float: left; /* background: url(../image/Group32.png) no-repeat; */}
.show_product .other .right{ float: right; }
.show_product .other a{ color: #333;font-size: 20px;line-height: 50px;}
.show_product .other a:hover{ color: #2D7CFF; }
.show_product .other i{font-size: 50px;display: inline-block;margin-right: 14px;float: left;opacity: 0.4;}
.show_product .other .right i{float: right;margin-right: 0;margin-left: 14px;}
.show_product .other a:hover i{opacity: 1;}
.show_product .other a i{opacity: 1;color: #2D7CFF;}


.show_product .kehu .html{ padding:0 20px; }
.show_product .kehu .html img{ display: block;width: 100%; }
.show_product .kehu .right_title{ font-weight: bold; position: relative; border-top: #ececec solid 1px; color: #1b86f2; font-size: 32px; text-align: center; padding-top: 40px; height: 60px; margin-bottom: 20px;}
.show_product .kehu .right_title:after{position: absolute; content: "";  width:40px; left: 50%; background: #1b86f2; bottom:0px; margin-left: -20px;  height: 2px; z-index: 2;}
.show_product .pro_tab { margin-bottom: 30px;margin-top: 80px;}
.show_product .pro_tab .swiperTab{ border-bottom: #ececec solid 1px;  margin-bottom: 20px;}
.show_product .pro_tab .swiperTab li{ float: left; color: #666666; background: #ececec; font-size: 16px; padding-left: 30px; padding-right: 30px; height: 44px; line-height: 44px; }
.show_product .pro_tab .swiperTab li.active{ color: #000; font-size: 16px; background: #ececec;font-weight: bold;}

.show_product .pro_tab .texthtml{ padding:20px; line-height: 2em;font-size: 14px;}
.show_product .pro_tab .imghtml{ padding:	0px; }
.show_product .pro_tab .imghtml img{ display: block;width: 100%; }

.show_product .pro_tab .html{ padding:	20px;  line-height: 2em;font-size: 14px;}
.show_product .pro_tab .html img{ display: block;width: 100%; }
.show_product .pro_tab .html table {border-collapse: collapse;width: 100%;}
.show_product .pro_tab .html table td {padding:12px ;font-size: 14px;color: #333;  border: 1px solid #ececec;line-height: 1.6em;}

.nycp-tj{width: 100%;background: #F6F9FE;padding: 60px 0;}
.nycp-tj .recommend{ padding-top: 40px; }
.nycp-tj .recommend h2{ font-size: 24px; font-weight: bold;color: #2054a8; margin-bottom: 20px;}
.nycp-tj .recommend ul{}
.nycp-tj .recommend ul li .box{background-color: #fff; box-shadow: 0px 0px 10px #eee; }
.nycp-tj .recommend ul li .img{ padding: 20px; }
.nycp-tj .recommend ul li .info{ padding: 20px; padding-top: 0px; }
.nycp-tj .recommend ul li .info h3{ font-size: 20px;margin-bottom: 5px; font-weight: normal; }
.nycp-tj .recommend ul li .info span{display: block;width: 144px;height: 5px;background: #333333;margin: 15px 0;}
.nycp-tj .recommend ul li .info p{ font-size: 14px; color: #666;  margin-bottom: 5px;}
.nycp-tj .recommend ul li:hover .info span{background: #125AD3;}
.nycp-tj .recommend ul li:hover .info h3{color: #125AD3;}

.nycp-tj .recommend ul li img{ width: 100%; display: block; }
.nycp-tj .recommend ul li:last-child{ margin-right: 0; }

.productbanner{background: #222; color: #fff; overflow: hidden; position: relative; }
.productbanner .pagewidth{ height: 600px; position: relative;}
.productbanner h2{ font-size: 30px; font-family: 'HarmonyOS Sans Bold';text-shadow: 2px 2px 2px rgba(0,0,0,.3); position: absolute; font-weight: normal;  z-index: 4; left: 0px; right: 0px; top: 240px;  text-align: left; }
.productbanner h1{font-size: 60px; text-shadow: 2px 2px 2px rgba(0,0,0,.3);  color: #fff;  text-align: left; position: absolute; left: 0px; right: 0px; top: 285px;  z-index: 4; }
.productbanner .description{ font-size: 18px; position: absolute; font-weight: normal; line-height:1.6em;  z-index: 4; left: 0px;top: 380px;  text-align: left; width: 600px; }
.productbanner img.detailbg{ width: 105%;height: 105%; object-fit: cover; position: absolute; left: 0px; top: -30px; bottom: 0px; right: 0px; z-index: 1; }

.product_1 .box1 { padding-top: 70px; padding-bottom: 70px; }
.product_1 .box1 .pagewidth{ position: relative; }
.product_1 .box1 .img{ float: left; width: 500px; border-radius: 6px; height: 420px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box1 .img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box1 .info{ float: right; width:640px; }
.product_1 .box1 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_1 .box1 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box1 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_1 .box1 .info ul{ position: absolute; bottom: 0; }
.product_1 .box1 .info ul li{ float: left; width: 198px; border-radius: 6px; margin-right: 20px; height: 150px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box1 .info ul li img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box1 .info ul li.mr0{ margin-right: 0; }

.product_1 .box2 { padding-top: 70px; padding-bottom: 70px; background: #f4f7fb; }
.product_1 .box2 .pagewidth{ position: relative; }
.product_1 .box2 .img{ float: right; width: 500px; border-radius: 6px; height: 420px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box2 .img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box2 .info{ float: left; width:640px; }
.product_1 .box2 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_1 .box2 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box2 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_1 .box2 .info ul{ position: absolute; bottom: 0; }
.product_1 .box2 .info ul li{ float: left; width: 198px; border-radius: 6px; margin-right: 20px; height: 150px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box2 .info ul li img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box2 .info ul li.mr0{ margin-right: 0; }

.product_1 .box3 { padding-top: 70px; padding-bottom: 70px; }
.product_1 .box3 .pagewidth{ position: relative; }
.product_1 .box3 .img{ float: left; width: 500px; border-radius: 6px; height: 480px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box3 .img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box3 .info{ float: right; width:640px; }
.product_1 .box3 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_1 .box3 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box3 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_1 .box3 .info ul{ position: absolute; bottom: 0; }
.product_1 .box3 .info ul li{ float: left; width: 198px; border-radius: 6px; margin-right: 20px; height: 150px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box3 .info ul li img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box3 .info ul li.mr0{ margin-right: 0; }

.product_1 .box4 { padding-top: 70px; padding-bottom: 70px; background: #f4f7fb; }
.product_1 .box4 .pagewidth{ position: relative; }
.product_1 .box4 .img{ float: left; width: 380px; border-radius: 6px; height:280px;border:#ececec solid 1px; overflow: hidden; }
.product_1 .box4 .img img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.product_1 .box4 .info{ float: right; width:760px; }
.product_1 .box4 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_1 .box4 .info h4{ font-size: 18px; font-weight:bold; color: #333; padding-top: 20px; margin-bottom: 10px;}
.product_1 .box4 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box4 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_1 .box4 .info ul{  }
.product_1 .box4 .info ul li{ float: left; width: 33.33%; font-size: 16px; color: #666; height: 30px; }
.product_1 .box4 .info ul li i{ position: relative; top: 2px; }

.product_1 .box5 { padding-top: 70px; padding-bottom: 70px;}
.product_1 .box5 .pagewidth{ position: relative; }
.product_1 .box5 .img{ float: left; width: 320px;}
.product_1 .box5 .img img{ display: block; width: 100%;}
.product_1 .box5 .info{ float: right; width:800px; }
.product_1 .box5 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_1 .box5 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box5 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }

.product_1 .box6 { padding-top: 70px; padding-bottom: 70px; background: #f4f7fb; }
.product_1 .box6 .pagewidth{ position: relative; }
.product_1 .box6 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_1 .box6 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box6 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }

.product_1 .box7 { padding-top: 70px; padding-bottom: 70px;}
.product_1 .box7 .pagewidth{ position: relative; }
.product_1 .box7 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_1 .box7 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_1 .box7 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }


.product_2 .box1 { padding-top: 70px; padding-bottom: 70px;}
.product_2 .box1 .pagewidth{ position: relative; }
.product_2 .box1 .info{ margin-bottom: 20px; }
.product_2 .box1 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box1 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box1 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box1 .charts{ padding: 30px; border-radius: 6px; border:#ececec solid 1px; }
.product_2 .box1 .charts ul li{ float: left; margin-right: 30px; }
.product_2 .box1 .charts ul li.img{ width: 170px; }
.product_2 .box1 .charts ul li.text{ width: 100px; font-size: 16px; color: #666; line-height: 1.8em; padding-top: 20px;	 }
.product_2 .box1 .charts ul li.jt{ width: 100px; position: relative; padding-top:35px; padding-left: 20px; line-height: 3em; color: #01acea; font-weight: bold; }
.product_2 .box1 .charts ul li.jt img{ position: absolute; width: 100%; left:0px; right:0px; top: 76px; }
.product_2 .box1 .charts ul li.img img{ width: 100%; }
.product_2 .box1 .charts ul li.mr0{ width: 120px; margin-right: 0px; padding-top: 10px;color: #01acea; }

.product_2 .box2 { padding-top: 70px; padding-bottom: 70px; background: #f4f7fc;}
.product_2 .box2 .pagewidth{ position: relative; }
.product_2 .box2 .info{ margin-bottom: 20px; }
.product_2 .box2 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box2 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box2 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box2 .list {padding-top: 10px;}
.product_2 .box2 .list ul li{ float: left; width: 168px; background: #fff; margin-right: 33px; padding-bottom: 30px; border-radius: 6px; border:#ececec solid 2px; }
.product_2 .box2 .list ul li.mr0{ margin-right: 0;  }
.product_2 .box2 .list ul li img{ display: block; width: 66px; margin: 30px auto; }
.product_2 .box2 .list ul li p{ text-align: center;font-size: 16px; color: #333;  }

.product_2 .box3 { padding-top: 70px; padding-bottom: 70px;}
.product_2 .box3 .pagewidth{ position: relative; }
.product_2 .box3 .info{ margin-bottom: 20px; }
.product_2 .box3 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box3 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box3 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box3 .list {padding-top: 0px;}
.product_2 .box3 .list ul li{ border-radius:6px; border:#ececec solid 2px; float: left; width: 374px; height: 200px; position: relative; }
.product_2 .box3 .list ul li.li1{ margin-right: 33px; }
.product_2 .box3 .list ul li.li2{ margin-right: 33px; }
.product_2 .box3 .list ul li .number{ width: 84px; height: 84px; line-height: 84px; text-align: center; color: #01acea; font-size: 30px; font-weight: bold; border-radius: 84px;  border:#ececec solid 2px; position: absolute; left: 60px; top: 53px; }
.product_2 .box3 .list ul li dl{ position: absolute; left: 170px; top: 40px; }
.product_2 .box3 .list ul li dl dt{ font-size: 16px;  color: #333333; line-height: 1.8em; }
.product_2 .box3 .list ul li dl dt i{ color: #01acea; position: relative;top: 2px; }
.product_2 .box3 .list ul li.li3 dl{ position: absolute; left: 170px; top: 23px; }

.product_2 .box4 { padding-top: 70px; padding-bottom: 70px;background: #f4f7fc;}
.product_2 .box4 .pagewidth{ position: relative; }
.product_2 .box4 .info{ float: left; width:280px; }
.product_2 .box4 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box4 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box4 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box4 .img{ float: right; width: 840px;}
.product_2 .box4 .img img{ display: block; width: 100%;}

.product_2 .box5 { padding-top: 70px; padding-bottom: 70px;}
.product_2 .box5 .pagewidth{ position: relative; }
.product_2 .box5 .info{ float: left; width:600px; }
.product_2 .box5 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box5 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box5 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box5 .img{ float: right; width: 520px; padding-top:60px;}
.product_2 .box5 .img img{ display: block; width: 100%;}

.product_2 .box6 { padding-top: 70px; padding-bottom: 40px; text-align: center;}
.product_2 .box6 h3{ font-size: 36px; color: #fff; }
.product_2 .box6 h4{ font-size: 24px; color: #fff; }
.product_2 .box6 span{ background: #fff; width: 30px; height: 2px; display: block; margin:15px auto;} 

.product_2 .box7 { padding-top: 70px; padding-bottom: 70px;}
.product_2 .box7 .pagewidth{ position: relative; }
.product_2 .box7 .info{  }
.product_2 .box7 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box7 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box7 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box7 .img{padding-top:30px;}
.product_2 .box7 .img img{ display: block; width: 90%; margin: 0 auto;}


.product_2 .box8 { padding-top: 70px; padding-bottom:70px;background: #f4f7fc;}
.product_2 .box8 .info{ float: left; width:640px; }
.product_2 .box8 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box8 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_2 .box8 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box8 .info ul{ padding-top: 30px; }
.product_2 .box8 .info ul li {font-size: 16px; color: #333333; line-height: 2em;}
.product_2 .box8 .info ul li i { color: #01acea; position: relative; top: 2px;}
.product_2 .box8 .img{ float: right; width: 440px; padding-top:60px; border-radius: 6px; background: #fff; padding: 30px;}
.product_2 .box8 .img h4{ text-align: center; font-size: 18px ;color: #333; padding-bottom: 20px; }
.product_2 .box8 .img img{ display: block; width: 100%;}



.product_2 .box8 .content1{  margin-bottom: 30px;}
.product_2 .box8 .content2{ border-radius: 6px; padding: 30px; background: #fff;}
.product_2 .box8 .img1{ width: 360px; margin-right: 30px; float: left;}
.product_2 .box8 .img1 h4{ text-align: left; font-size: 18px ;color: #333; padding-bottom: 20px; }
.product_2 .box8 .img1 img{ width: 96%; }
.product_2 .box8 .mr0{ margin-right: 0; }

.product_2 .box9 { padding-top: 70px; padding-bottom:70px;}
.product_2 .box9 .pagewidth{ }
.product_2 .box9 .info{ }
.product_2 .box9 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box9 .info h4{ font-size: 18px; font-weight:bold; color: #01acea; padding-top: 30px; margin-bottom: 10px;}
.product_2 .box9 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 25px; } 
.product_2 .box9 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box9 .table table{ background: #f1f9fc; width: 100%; }
.product_2 .box9 .table table th{ background: #72c0de; padding: 15px; color: #fff; font-size: 16px;}
.product_2 .box9 .table table tr td{color: #555; padding:25px 15px; font-size: 16px;}
.product_2 .box9 .table table tr:nth-child(2n-1){ background:#e3f2f8;  }


.product_2 .box10 { padding-top: 70px; padding-bottom:70px;background: #f4f7fc;}
.product_2 .box10 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box10 .info h4{ font-size: 18px; font-weight:bold; color: #01acea; padding-top: 30px; margin-bottom: 10px;}
.product_2 .box10 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 25px; } 
.product_2 .box10 .info p{ font-size: 16px; color: #333; line-height: 1.8em; }
.product_2 .box10 .table table{ background: #e7f1f9; width: 100%; }
.product_2 .box10 .table table th{ background: #72c0de; padding: 15px; color: #fff; font-size: 16px;}
.product_2 .box10 .table table tr td{color: #555; padding:25px 15px; font-size: 16px;}
.product_2 .box10 .table table tr:nth-child(2n-1){ background:#daecf6;  }
.product_2 .box10 .table table tr td.green{ text-align: center; color:#92cc76 }
.product_2 .box10 .table table tr td.red{ text-align: center;color: #ee6666 }
.product_2 .box10 .table table tr td.yellow{ text-align: center; color: #fac857;}


.product_2 .box11 { padding-top: 70px; padding-bottom:70px;}
.product_2 .box11 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box11 .info h4{ font-size: 18px; font-weight:bold; color: #01acea; padding-top: 30px; margin-bottom: 10px;}
.product_2 .box11 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 25px; } 
.product_2 .box11 .press ul li{ float: left; width: 12.5%; position: relative;  }
.product_2 .box11 .press ul li:before {  content: "\ea6c"; color: #999; font-size: 24px; font-family: "remixicon"; position: absolute; right: 0px; top: 38px; right: -12px;}
.product_2 .box11 .press ul li:last-child:before{ display: none; }
.product_2 .box11 .press ul li div{ border-radius: 120px; position:relative; z-index: 4; background: #00acea; height: 100px; line-height: 100px; margin: 0 auto; text-align: center; width: 100px;}
.product_2 .box11 .press ul li div i{ font-size: 40px; color: #fff; }
.product_2 .box11 .press ul li p{ font-size: 16px; color: #333; text-align: center; padding-top: 20px;}


.product_2 .box12 { padding-top: 0px; padding-bottom:70px;}
.product_2 .box12 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_2 .box12 .info h4{ font-size: 18px; font-weight:bold; color: #01acea; padding-top: 30px; margin-bottom: 10px;}
.product_2 .box12 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 25px; } 
.product_2 .box12 .table table{width: 100%;border-collapse:collapse; border:#fff solid 3px; }
.product_2 .box12 .table table td{padding: 15px;color: #333; font-size: 16px;border:#fff solid 3px; background: #daecf6}



.product_3 .box1 { padding-top: 70px; padding-bottom:70px;}
.product_3 .box1 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_3 .box1 .info h4{ font-size: 18px; font-weight:bold; color: #01acea; padding-top: 30px; margin-bottom: 10px;}
.product_3 .box1 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 25px; } 
.product_3 .box1 ul li{ float: left; width: 283px; margin-right: 20px; border-radius: 6px; overflow: hidden; border:#ececec solid 1px; }
.product_3 .box1 ul li img{ display: block; width: 100%; }
.product_3 .box1 ul li h3{ font-size: 18px; padding: 20px; padding-bottom: 10px; }
.product_3 .box1 ul li p{ font-size: 14px; padding: 0px 20px; line-height: 1.8em; padding-bottom: 20px; color: #666; }
.product_3 .box1 ul li.mr0{ margin-right: 0; }


.product_3 .box2 { padding-top: 70px; padding-bottom: 70px; background: #f4f7fb; }
.product_3 .box2 .pagewidth{ position: relative; }
.product_3 .box2 .img{ float: right; width: 540px; border-radius: 6px; overflow: hidden; }
.product_3 .box2 .img img{ display: block; width: 100%;  }
.product_3 .box2 .info{ float: left; width:600px; }
.product_3 .box2 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_3 .box2 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_3 .box2 .info p{ font-size: 16px; color: #333; line-height: 1.8em; margin-bottom: 20px;}

.product_3 .box3 { padding-top: 70px; padding-bottom: 70px;}
.product_3 .box3 .pagewidth{ position: relative; }
.product_3 .box3 .img{ float: right; width: 540px; border-radius: 6px; overflow: hidden; }
.product_3 .box3 .img img{ display: block; width: 100%;  }
.product_3 .box3 .info{ float: left; width:600px; }
.product_3 .box3 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_3 .box3 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_3 .box3 .info p{ font-size: 16px; color: #333; line-height: 1.8em; margin-bottom: 20px;}


.product_3 .box4 { padding-top: 70px; padding-bottom: 70px;background: #f4f7fb; }
.product_3 .box4 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_3 .box4 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_3 .box4 .info p{ font-size: 16px; color: #333; line-height: 1.8em; margin-bottom: 20px;}


.product_3 .box5 { padding-top: 70px; padding-bottom: 70px;}
.product_3 .box5 .info h2{ font-size: 30px; font-weight:bold; color: #01acea;}
.product_3 .box5 .info span{ background: #01acea; width: 30px; height: 2px; display: block; margin-top: 15px; margin-bottom: 15px; } 
.product_3 .box5 .info p{ font-size: 16px; color: #333; line-height: 1.8em; margin-bottom: 20px;}


.show_casefixed .case_title{ font-weight: bold; font-size: 36px; text-align: center; padding-top: 70px;padding-bottom: 30px;  }

.show_casefixed .box1 { padding-top: 30px; padding-bottom: 70px; background: #fff; }
.show_casefixed .box1 .title{font-size: 30px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box1 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 30px; top: 6px;bottom: 6px; background: #01acea }
.show_casefixed .box1 .content{ padding-top: 20px; overflow: hidden; }
.show_casefixed .box1 .content ul{ width: 110%; }
.show_casefixed .box1 .content ul li{ float: left; width: 528px; margin-bottom:20px; margin-right:20px; border:#dadada solid 1px; border-radius: 6px; padding: 30px; }
.show_casefixed .box1 .content ul li h3{ font-weight: bold; font-size: 20px; margin-bottom: 6px; }
.show_casefixed .box1 .content ul li p{ font-size: 16px; line-height: 2em; }

.show_casefixed .box2 { padding-top: 70px; padding-bottom: 70px; background: #f4f7fb; }
.show_casefixed .box2 .title{font-size: 30px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box2 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 30px; top: 6px;bottom: 6px; background: #01acea }

.show_casefixed .box2 .content .info{padding-top: 20px;}
.show_casefixed .box2 .content .info h3{ font-weight: bold; font-size: 20px; margin-bottom: 6px; }
.show_casefixed .box2 .content .info p{ font-size: 16px; line-height: 2em; }
.show_casefixed .box2 .content .swiper-slide img{  width: 100%;display: block; border-radius: 6px; }

.show_casefixed .box2 .content .swiper-container{ padding-bottom: 40px; padding-top: 30px; }
.show_casefixed .box2 .content .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 1; background: #c4c4c4; border-radius: 10px; border:none; transition-duration: 0.3s; }
.show_casefixed .box2 .content .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 30px; background: #3ea4d1;  opacity:1;}



.show_casefixed .box3 { padding-top: 70px; padding-bottom: 70px; background: #fff; }
.show_casefixed .box3 .title{font-size: 30px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box3 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 30px; top: 6px;bottom: 6px; background: #01acea }
.show_casefixed .box3 .content{ padding-top: 20px; overflow: hidden; }
.show_casefixed .box3 .content .img{ float: left; width: 550px;  }
.show_casefixed .box3 .content .info{ float: right; width:580px; border-radius: 6px; overflow: hidden;  }
.show_casefixed .box3 .content .img img{ width: 100%; display: block;border-radius: 6px;}
.show_casefixed .box3 .content .info ul li{  margin-bottom:20px; border-bottom:#dadada solid 1px; padding-bottom: 20px; }
.show_casefixed .box3 .content .info ul li h3{ font-weight: bold; font-size: 20px; margin-bottom: 6px; }
.show_casefixed .box3 .content .info ul li p{ font-size: 16px; line-height: 2em; }
.show_casefixed .box3 .content .info ul li:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.show_casefixed .box4 { padding-top: 70px; padding-bottom: 70px; background: #f4f7fb; }
.show_casefixed .box4 .title{font-size: 30px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box4 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 30px; top: 6px;bottom: 6px; background: #01acea }
.show_casefixed .box4 .content .swiper-container{ padding-bottom: 40px; padding-top: 30px; }
.show_casefixed .box4 .content .swiper-pagination-bullet{  opacity: 1; width: 10px; height: 10px; margin:0px 5px!important; opacity: 1; background: #c4c4c4; border-radius: 10px; border:none; transition-duration: 0.3s; }
.show_casefixed .box4 .content .swiper-pagination-bullet-active{ background: #fff;opacity: 1; width: 30px; background: #3ea4d1;  opacity:1;}
.show_casefixed .box4 .content .swiper-slide img{ height:360px;display: block; border-radius: 6px; }
.show_casefixed .box4 .content .swiper-slide{ width: auto; }

.show_casefixed .box5 { padding-top: 70px; padding-bottom: 70px; background: #fff; }
.show_casefixed .box5 .title{font-size: 30px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box5 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 30px; top: 6px;bottom: 6px; background: #01acea }
.show_casefixed .box5 .content{ padding-top: 20px; overflow: hidden; }
.show_casefixed .box5 .content .img{ float: left; width: 900px; height: 500px; overflow: hidden; border-radius: 6px 0px 0px 6px; }
.show_casefixed .box5 .content .img img{ width: 100%; display: block; }
.show_casefixed .box5 .content .info { float: left; width: 300px; height: 500px; background: #01acea;border-radius: 0px 6px 6px 0px;}
.show_casefixed .box5 .content .info .box{padding:30px }
.show_casefixed .box5 .content .info .box p{ font-size: 16px; line-height: 2em; color: #fff }
.show_casefixed .box5 .content .info .box h3{ font-weight: bold; font-size: 20px; margin-bottom: 6px;  color: #fff }


.show_casefixed .box6 { padding-top: 70px; padding-bottom: 70px; background: #f4f7fb; }
.show_casefixed .box6 .title{font-size: 30px; font-weight:bold; color: #01acea; position: relative; padding-left: 20px;}
.show_casefixed .box6 .title:after{ position: absolute; content: ""; left:0px; width: 4px; height: 30px; top: 6px;bottom: 6px; background: #01acea }
.show_casefixed .box6 .content{ padding-top: 20px; overflow: hidden; }
.show_casefixed .box6 .content p{ font-size: 16px; line-height: 2em; }





/*大屏幕*/
@media screen and (max-width: 1920px) {}
/*中屏幕*/
@media screen and (max-width: 1440px) {}
/*平板*/
@media screen and (max-width: 768px) {

}
/*手机*/
@media screen and (max-width: 480px) {}
/*小尺寸手机*/
@media screen and (max-width: 320px) {}
/*横屏*/
@media all and (orientation : landscape) {} 
/*竖屏*/
@media all and (orientation : portrait){}