.toper { width:100%; height:100px; position:relative; }
.toper .tbg { height:100px; width:1180px; display: flex; margin: 0 auto;  }
.toper .logo { width:172px; height:100px;  }
.toper .logo a { width:172px; height:50px; margin-top:25px; display:block;  }
.toper .logo a img { height:50px; }
.toper .menu { width:980px; height:100px; margin-left:28px;  }
.toper .menu ul { height: 100px; text-align: right; }
.toper .menu ul li { display: inline-block; padding:0 36px; height:100px; line-height: 100px; }
.toper .menu ul li a { display:block; font-size:16px; color:#000; text-align:center;  }
.toper .menu ul li .name { display:block; font-size:16px; color:#000; text-align:center; }
.toper .menu ul li .name:hover { color:#01a3ff; cursor: pointer; }
.toper .menu ul li a:hover { color:#01a3ff;  }
.toper .menu ul li a.actived { color:#01a3ff; }
.toper .menu ul li .actived { color:#01a3ff; }
.toper .menu ul li .child { display: none; position: absolute; width:100%; padding:0; margin: 0; left:0; top:100px; right: 0; background: #f5f7f7; z-index:100; border-top: solid 1px #ebebec; }
.toper .menu ul .product:hover .child { display: block; }
.toper .menu .child .inner { width:1180px; margin: 0 auto; display: flex; position: relative; }
.toper .menu .child .left { width:200px; border-right: solid 1px #ebebec; padding:10px 0 20px 20px;   }
.toper .menu .child .left .item { cursor: pointer; width:180px; height:45px; line-height: 45px; margin:10px 0; font-size: 14px; color:#000; text-align: center; }
.toper .menu .child .left .active { background: #01a3ff; color:#fff; }
.toper .menu .child .right { width:980px; padding:10px 0 20px 0; }
.toper .menu .child .right .classify { display: none; width:950px; margin-left: 30px; text-align: left;  }
.toper .menu .child .right .classify .type { font-size:16px; height:45px; line-height: 45px; color:#000; }
.toper .menu .child .right .classify .type a { width:150px; text-align: left; font-size:16px; height:45px; line-height: 45px; color:#000; }
.toper .menu .child .right .classify .type a:hover { color:#01a3ff; }
.toper .menu .child .right .classify .list { width:100%; }
.toper .menu .child .right .classify .list a { display: block; width:160px; font-size:14px; text-align: left; float: left; height:24px; line-height: 24px; margin-right:35px; color:#666;  }
.toper .menu .child .right .classify .list a:hover { color:#01a3ff; }
.toper .menu .child .right .classify .list a:nth-child(5n) { margin-right: 0; }
.toper .menu .child .right .classify .list a span { background: url(/public/imgm/hot.png) 0 0 no-repeat; background-size: auto 80%; background-position: center center; padding:0 20px; }
.toper .menu .child .right .active { display: block; }


.footer { width:100%; min-width: 1180px; background: url(/public/imgm/footerbg.jpg?v=1) 0 0 no-repeat; background-size: auto 100%; background-position: center center; }
.footer .inner {  margin: 0 auto; padding:50px 0 0 0; }
.footer .top { width:1180px; display: flex; margin: 0 auto; }
.footer .top .linker { width:840px; display: flex; }
.footer .top .linker .link { width:210px; }
.footer .top .linker .link .name a { color:#fff; }
.footer .top .linker .link .name { height:40px; font-size: 20px; color:#FFF; }
.footer .top .linker .link ul { width: 210px; margin-top:15px; }
.footer .top .linker .link ul li { height:40px; line-height: 40px; }
.footer .top .linker .link ul li a { font-size: 14px; color:#9b9ca0; }
.footer .top .contact { width:340px;  }
.footer .top .contact .ditu { width:340px; height: 195px; background:#FFF; border-radius: 5px; padding:0; margin: 0; overflow: hidden; }
.footer .top .contact .ditu .iframe { width: 340px; height: 195px; padding:0; margin: 0; }
.footer .top .contact .other { width:340px; height:150px; margin-top: 20px; display: flex; }
.footer .top .contact .other .left { width:120px; height: 140px; text-align: center; color:#FFF;  }
.footer .top .contact .other .left img { width: 120px; height: 120px; }
.footer .top .contact .other .left span { display: block; margin-top:10px; font-size: 13px ; color:#9b9ca0; }
.footer .top .contact .other .right { width:200px; height: 100px; margin-left: 20px; }
.footer .top .contact .other .right .text { font-size: 14px; color:#FFF; padding:8px 0; color:#9b9ca0; height:30px; line-height: 30px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.footer .top .contact .other .right .button { width:200px; margin-top:15px; background:#01a3ff; color:#FFF; text-align: center; height:36px; line-height: 36px; border-radius: 5px; }
.footer .copyright { width:100%; height:100px; border-top: solid 1px #404454; margin:80px 0 0 0; }
.footer .copyright .cnt { width: 1180px; height: 100px; margin: 0 auto; display: flex; }
.footer .copyright .copy { width:790px; text-align: left; line-height: 100px; font-size:14px; color:#9b9ca0; }
.footer .copyright .copy a { color: #9b9ca0; margin-left: 10px; }
.footer .copyright .friend { width:390px; height: 100px; text-align: right; }
.footer .copyright .friend select { width:200px; height:40px; border:solid 1px #9b9ca0; margin-top:30px; border-radius: 5px; background:none; font-size:14px; color:#9b9ca0}


.pages { width:1180px; height:56px; line-height:56px; margin:10px auto; text-align:center; padding:10px 0; border-top:0px solid #f6f6f6; font-family:"MicroSoft YaHei"; font-size:14px; color:#666;}
.pages a{ font-family:"MicroSoft YaHei"; font-size:14px; color:#000; text-decoration:none; padding:5px 10px; border:1px solid #e1e2e3; margin-right:6px;}
.pages a:hover{ color:#01a3ff; background:#f2f8ff; border: 1px solid #e1e2e3;}
.pages span{font-family:"MicroSoft YaHei"; font-size:14px; color:#333; text-decoration:none; padding:5px 10px; border:1px solid #f3f3f3; margin-right:6px;}
.pages strong{ color:#01a3ff; font-weight:500;}


.navi { width:1180px; height:45px; margin: 0 auto; line-height: 45px; font-size:14px; }
.navi a { color:#01a3ff; font-size:14px; }
.navi a:hover { color:#01a3ff; }
.navi span { padding:0 5px; font-size: 14px; }

.navtit { width: 1180px; margin:0 auto; height: 120px; line-height: 100px; text-align: center; font-size:36px; position: relative; }
.navtit em { width:50px; height:6px; background: #01a3ff; position: absolute; left:50%; margin-left: -25px;  top:85px; }

.navsea { width:400px; height:40px; border-radius: 3px; border:solid 1px #ececec; display: flex; overflow: hidden; margin: 0 auto 50px auto; }
.navsea input { width:300px; height: 40px; text-indent: 25px; border:none; }
.navsea span { width:100px; height: 40px; background:#01a3ff; color:#FFF; line-height: 40px; display: block; color:#FFF; font-size:14px; text-align: center; cursor: pointer; }


.cases { width:100%; background: #ebf0f6 url(/public/imgm/index_casebg.png) 0 0 no-repeat; background-size: 100% 100%; }
.cases .inner {padding:50px 0 50px 0; }
.cases .title { text-align: center; width:1180px; margin:0 auto; position: relative; }
.cases .title h3 { font-size:36px; color:#000; font-weight: normal; }
.cases .title span { display: block; font-size:16px; color:#999; margin-top:10px; }
.cases .title em { width:50px; height:6px; background: #01a3ff; position: absolute; left:50%; margin-left: -25px;  top:58px; }
.cases .types { width: 1180px; height:60px; margin: 0 auto; text-align: center; }
.cases .types a { display: inline-block; height:45px; margin: 0 3px; padding:0 40px; border:solid 1px #ececec; color:#666; border-radius: 3px; font-size: 14px; line-height: 45px; background: #FFF; }
.cases .types a:hover { background: #01a3ff; color:#FFF; }
.cases .types a.active { background: #01a3ff; color:#FFF; }
.cases .list { width:1180px; margin:50px auto 0 auto; position: relative; }
.cases .list .swiper-container { width:1180px; margin:0 auto; }
.cases .list .swiper-wrapper { width:1180px; margin:0 auto; }
.cases .list .item { float: left; margin-right: 20px; margin-bottom:35px; }
.cases .list .item:nth-child(4n) { margin-right: 0; }
.cases .list .case { display: block; width:280px; height:430px; background: #FFF; cursor: pointer; border:solid 3px #fff; overflow:hidden; }
.cases .list .case .thumb { width:280px; height: 243px; }
.cases .list .case .detail { width:250px; margin: 25px auto 0 auto; }
.cases .list .case .date { width: 135px; height: 26px; color:#FFF; font-size: 16px; text-indent: 10px; line-height: 26px; background: url(/public/imgm/index_casedatebg.png) 0 0 no-repeat; background-size: 100% 100%; }
.cases .list .case .name { width: 250px; height:50px; line-height: 50px; font-size:20px; border-bottom: solid 1px #ececec; color:#000; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.cases .list .case .describe { margin-top:15px; color:#999; font-size: 14px; line-height: 20px; height: 40px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.cases .list .case:hover { border:solid 3px #0088ff; }
.cases .mores { overflow: hidden; width:160px; height:50px; margin: 40px auto 0 auto; line-height: 50px; text-align: center; font-size:16px; border:solid 1px #999; color:#999; border-radius: 50px; }
.cases .mores a:hover { display: block; background: #01a3ff; border:solid 1px #01a3ff; color:#fff; }
.cases .caseleft { cursor: pointer; transition: all 0.4s; left:-120px; top:50%; margin-top:-25px; position: absolute; width:80px; height: 50px; background: url(/public/imgm/index_case_left.png) 0 0 no-repeat; background-size: 100% 100%; }
.cases .caseright { cursor: pointer;  transition: all 0.4s; right:-120px; top:50%; margin-top:-25px; position: absolute; width:80px; height: 50px; background: url(/public/imgm/index_case_right.png) 0 0 no-repeat; background-size: 100% 100%; }
.cases .caseright:hover { transform: scale(1.1); }
.cases .caseleft:hover { transform: scale(1.1); }

.questions { width:100%; background: #fff;  }
.questions .inner {padding:0px 0 30px 0; }
.questions .title { text-align: center; width:1180px; margin:0 auto; position: relative; }
.questions .title h3 { font-size:36px; color:#000; font-weight: normal; }
.questions .title span { display: block; font-size:16px; color:#999; margin-top:10px; }
.questions .title em { width:50px; height:6px; background: #01a3ff; position: absolute; left:50%; margin-left: -25px;  top:58px; }
.questions .types { width: 1180px; height:60px; margin: 0 auto; text-align: center; }
.questions .types a { display: inline-block; height:45px; margin: 0 3px; padding:0 40px; border:solid 1px #ececec; color:#666; border-radius: 3px; font-size: 14px; line-height: 45px; background: #FFF; }
.questions .types a:hover { background: #01a3ff; color:#FFF; }
.questions .types a.active { background: #01a3ff; color:#FFF; }
.questions .list { width:1180px; margin:30px auto 0 auto; position: relative; }
.questions .list .item {  width:1180px; margin:0 0 35px 0; padding:30px 0; border:solid 1px #ececec; -webkit-box-shadow: #e2e2e2 0px 0px 6px; -moz-box-shadow: #e2e2e2 0px 0px 6px; box-shadow: #e2e2e2 0px 0px 6px; }
.questions .list .item a { display: block; display: flex;}
.questions .list .item .thumb { width:400px; height:315px;overflow: hidden;  margin-left: 35px; }
.questions .list .item .thumb img { width:400px; height:315px }
.questions .list .item .detail { width:600px;  border-left: dashed 2px #ececec; margin-left:50px; padding-left:50px; }
.questions .list .item .detail .name { font-size:24px; color:#000; }
.questions .list .item .detail .describe { height:210px; overflow: hidden; font-size:14px; color:#666; line-height: 24px; margin-top:10px; white-space:normal; word-break:break-all; }
.questions .list .item .detail .more { cursor: pointer; width:150px; height:45px; border-radius: 45px; border:solid 1px #01a3ff; margin-top:20px; color:#01a3ff; line-height: 45px; font-size:14px; background: url(/public/imgm/jian.png) 0 0 no-repeat; background-size: auto 15%; text-indent: 40px; background-position: 100px center; }
.questions .list .item .detail:hover .more { background:#01a3ff url(/public/imgm/jianw.png) 0 0 no-repeat; background-size: auto 15%; background-position: 100px center; color:#fff; }

.aboutus { width:100%; background: #f4f4f4; }
.aboutus .inner { width:1180px; padding:50px 0 50px 0; margin:0 auto; }
.aboutus .title { text-align: center; position: relative; }
.aboutus .title h3 { font-size:36px; color:#000; font-weight: normal; }
.aboutus .title span { display: block; font-size:16px; color:#999; margin-top:10px; }
.aboutus .title em { width:50px; height:6px; background: #01a3ff; position: absolute; left:50%; margin-left: -25px;  top:58px; }
.aboutus ul { display: flex; width:1180px; margin-top:90px; }
.aboutus ul li { position: relative; width:280px; height:320px; margin-right: 20px; background: #FFF; cursor: pointer;  }
.aboutus ul li:last-child { margin-right: 0; }
.aboutus ul li .thumb { width:150px; height: 150px; position: absolute; top:-65px; left:65px; }
.aboutus ul li .thumb img { width: 150px; height: 150px;}
.aboutus ul li .detail { width:280px; margin:90px auto 0 auto; }
.aboutus ul li .detail .name { height:40px; text-align: center; font-size:20px; color:#000; }
.aboutus ul li .detail .describe { width:240px; height:80px; margin: 0 auto; font-size:14px; color:#666; line-height: 20px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.aboutus ul li .detail .more { width:130px; height: 62px; margin: 15px auto 0 auto; background: url(/public/imgm/index_aboutusmore01.png) 0 0 no-repeat; background-size: 100% 100%; }
.aboutus ul li:hover .more { background: url(/public/imgm/index_aboutusmore02.png) 0 0 no-repeat; background-size: 100% 100%; }

.flower { width:100%; background: #FFF; }
.flower .inner { width:1180px; padding:50px 0 50px 0; margin:0 auto; }
.flower .title { text-align: center; position: relative; }
.flower .title h3 { font-size:36px; color:#000; font-weight: normal; }
.flower .title span { display: block; font-size:16px; color:#999; margin-top:10px; }
.flower .title em { width:50px; height:6px; background: #01a3ff; position: absolute; left:50%; margin-left: -25px;  top:58px; }
.flower .flow { width:1180px; margin:120px auto 0 auto; text-align: center; }

.newsdetail { width:1180px; margin:0 auto; padding:50px 0; }
.newsdetail .title { width: 1180px; font-size:32px; text-align: center; border-bottom: solid 1px #ececec; font-weight: bold; padding:0 0 35px 0; }
.newsdetail .content { width:1180px; margin:35px auto 0 auto; font-size:14px; }
.newsdetail .content img { max-width: 100%; }
.newsdetail .relation { width: 1180px; margin:50px auto 0 auto; font-size: 14px; }
.newsdetail .relation .prev { height:30px; line-height: 30px; color:#000; }
.newsdetail .relation .next { height:30px; line-height: 30px; color:#000; }
.newsdetail .relation a { color:#01a3ff; font-size: 14px; }


.index .banner { width:100%; height:560px; min-width:1180px; margin:0px auto 0 auto; overflow:hidden; }
.index .banner img { height:560px; }

.index .products { width:100%; background: #f4f4f4; }
.index .products .inner { width:1180px; padding:50px 0 50px 0; margin:0 auto; }
.index .products .title { text-align: center; }
.index .products .title h3 { font-size:36px; color:#000; font-weight: normal; }
.index .products .title span { display: block; font-size:16px; color:#999; margin-top:10px; }
.index .products ul { display: flex; width:1180px; margin-top:50px; }
.index .products ul li { position: relative; width:360px; padding-bottom:70px; margin-right: 50px; background: #FFF; border:solid 1px #ececec; -webkit-box-shadow: #e2e2e2 0px 0px 6px; -moz-box-shadow: #e2e2e2 0px 0px 6px; box-shadow: #e2e2e2 0px 0px 6px; border-radius:3px; box-sizing: border-box; overflow: hidden; }
.index .products ul li:last-child { margin-right: 0; }
.index .products ul li .thumb { width: 360px; height: 154px; overflow: hidden; }
.index .products ul li .thumb img { width: 360px; height: 154px; transition: all 0.4s; }
.index .products ul li:hover .thumb img { transform: scale(1.1); }
.index .products ul li .detail { width:280px; margin:35px auto 0 auto; }
.index .products ul li .detail .name { height:75px; border-bottom: solid 1px #ececec; text-align: center; font-size:24px; color:#000; }
.index .products ul li .detail .name a { color:#000; }
.index .products ul li .detail .name a:hover { color:#01a3ff; }
.index .products ul li .detail .list { width: 350px; margin: 20px auto 0 auto; padding:15px 0; }
.index .products ul li .detail .list .item { width:150px; height:36px; line-height: 36px; overflow: hidden; float: left; font-size: 14px; border-right: dashed 2px #f4f4f4; text-indent: 10px; }
.index .products ul li .detail .list .item:nth-child(2n) { width:150px; text-indent: 35px; border-right: none;}
.index .products ul li:hover .line { position: absolute; left:0; bottom: 0; width:100%; height:6px; background: #01a3ff; z-index: 1;  }



.index .advert { width:100%; height:200px; padding:60px 0; background: #0088ff url(/public/imgm/index_advertbg.png) 0 0 no-repeat; background-size: auto 100%; background-position: center center; }
.index .advert .detail { width:600px; height:80px; margin: 0 auto; text-align: center; }
.index .advert .detail .name { font-size:20px; color:#FFF; }
.index .advert .detail .link { display:inline-block; border:solid 1px #FFF; border-radius: 5px; color:#FFF; padding:5px 16px; margin-top: 15px; font-size: 14px; }

.index .newques { width:100%; background: #ffffff; }
.index .newques .inner { display: flex; width:1180px; padding:50px 0 50px 0; margin:0 auto; }
.index .newques .news { width:570px; }
.index .newques .news .title { position: relative; height:40px; font-size: 20px; color:#000; border-bottom: solid 1px #ececec; text-indent: 15px; }
.index .newques .news .title span { width:110px; height: 4px; background: #01a3ff; position: absolute; left:0; bottom: 0; }
.index .newques .news .title a { float: right; display: block; margin-top:10px; font-size:14px; color:#01a3ff; background:url(/public/imgm/jian.png) 0 0 no-repeat; background-size: auto 30%; background-position: right center; padding-right:25px; }
.index .newques .news ul { width:560px; }
.index .newques .news ul li { margin-top: 40px; }
.index .newques .news ul li a { display: block; display: flex; }
.index .newques .news ul li img { width:170px; height: 100px;}
.index .newques .news ul li .detail { width:370px; height: 100px; margin-left: 20px;}
.index .newques .news ul li .detail .name { height:28px; font-size: 18px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; line-height: 28px; }
.index .newques .news ul li .detail .describe { margin-top:6px; height:40px; line-height: 20px; font-size:14px; color: #666;  overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.index .newques .news ul li .detail .time { background: url(/public/imgm/time.png) 0 0 no-repeat; background-size: auto 70%; background-position: left center; text-indent: 20px; height:20px; line-height: 20px; color:#999; font-size: 14px; margin-top:6px; }

.index .newques .question { width:560px; margin-left: 50px; }
.index .newques .question .title { position: relative; height:40px; font-size: 20px; color:#000; border-bottom: solid 1px #ececec; text-indent: 15px; }
.index .newques .question .title span { width:110px; height: 4px; background: #01a3ff; position: absolute; left:0; bottom: 0; }
.index .newques .question .title a { float: right; display: block; margin-top:10px; font-size:14px; color:#01a3ff; background:url(/public/imgm/jian.png) 0 0 no-repeat; background-size: auto 30%; background-position: right center; padding-right:25px; }
.index .newques .question ul { width:560px; }
.index .newques .question ul li { margin-top: 44px; }
.index .newques .question ul li a { display: block; height: 42px; display: flex; }
.index .newques .question ul li .serial { height:42px; border-top-right-radius: 42px; border-bottom-right-radius: 42px; border-bottom-left-radius: 42px; text-align: center; line-height: 42px; font-size:24px; color:#01a3ff; border:solid 1px #01a3ff; width:80px; }
.index .newques .question ul li .name { width:360px; height: 42px; margin-left:20px; line-height: 42px; font-size: 20px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.index .newques .question ul li .more { width:80px; height: 42px; background:url(/public/imgm/jian.png) 0 0 no-repeat; background-size: auto 16%; background-position: right center; }

.wrapperr { min-width:1180px; clear:both; }
.wrapperr .banner { width:100%; position: relative; height:420px; overflow: hidden; margin: 0 auto; }
.wrapperr .banner .mask { position: absolute; width: 100%; height: 100%; z-index: 1; left:0; top: 0; background:#000; opacity: 0.15;}
.wrapperr .banner .text { text-align: center; font-size:36px; color:#FFF; width:400px; height:60px; line-height: 60px; position: absolute; left:50%; margin-left: -200px; top:180px; z-index:3; }

.wrapperr .prolist { width: 1180px; margin: 0 auto; padding-bottom:35px; }
.wrapperr .prolist .item { width:570px; float: left; position: relative; padding-bottom:50px; margin-bottom: 40px; border:solid 1px #ececec; box-sizing: border-box; -webkit-box-shadow: #e2e2e2 0px 0px 6px; -moz-box-shadow: #e2e2e2 0px 0px 6px; box-shadow: #e2e2e2 0px 0px 6px; }
.wrapperr .prolist .item:nth-child(2n) { margin-left: 40px; }
.wrapperr .prolist .item .thumb { width:530px; height:240px; overflow: hidden; margin: 20px auto 0 auto; text-align: center; }
.wrapperr .prolist .item .thumb img { width:450px; transition: all 0.4s; }
.wrapperr .prolist .item .name { width:530px; height:40px; line-height: 40px; text-align: center; font-size:28px; color:#000; }
.wrapperr .prolist .item .describe { width: 500px; height:60px; line-height: 30px; margin: 10px auto 0 auto; text-align: center; font-size:14px; color:#666; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.wrapperr .prolist .item .more { width:105px; height:36px; line-height: 36px; padding-right:20px;  margin: 5px auto 0 auto; text-align: center; color:#999; font-size:14px; background: url(/public/imgm/jiang.png) 0 0 no-repeat; background-size: auto 20%; background-position: right center; }
.wrapperr .prolist .item .line { display: none;  position: absolute; left:0; bottom: 0; width:100%; height:6px; background: #01a3ff; z-index: 1;  }
.wrapperr .prolist .item:hover .more { color:#01a3ff; background: url(/public/imgm/jian.png) 0 0 no-repeat; background-size: auto 20%; background-position: right center; }
.wrapperr .prolist .item:hover .line { display: block;}
.wrapperr .prolist .item:hover .thumb img { transform: scale(1.1); }

.wrapperr .news { width:100%; background: #F4F4F4; }
.wrapperr .news .inner { width:1180px; padding:50px 0 50px 0; margin:0 auto; }
.wrapperr .news .title { text-align: center; position: relative; }
.wrapperr .news .title h3 { font-size:36px; color:#000; font-weight: normal; }
.wrapperr .news .title span { display: block; font-size:16px; color:#999; margin-top:10px; }
.wrapperr .news .title em { width:50px; height:6px; background: #01a3ff; position: absolute; left:50%; margin-left: -25px;  top:58px; }
.wrapperr .news .newlist { width:1180px; margin:100px auto 0 auto; text-align: center;}
.wrapperr .news .newlist .item { width:1180px; padding:30px 0; width: 1180px; background:#FFF; border:solid 1px #ececec; margin-bottom: 25px; position: relative; }
.wrapperr .news .newlist .item .serial { width:56px; height: 60px; font-size:28px; line-height:50px; text-align: center; color:#FFF; position: absolute; left:20px; top:-10px; background: url(/public/imgm/dott.png) 0 0 no-repeat; background-size: 100% 100%; }
.wrapperr .news .newlist .item .name { width:1000px; margin-left:120px; font-size:20px; color:#000; text-align: left;}
.wrapperr .news .newlist .item .describe { width: 1000px; height:60px; line-height: 20px; margin-left:120px; margin-top: 10px; text-align: left; color:#666; font-size: 14px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.wrapperr .news .newlist .item .more { margin-left: 120px; width:105px; height:36px; line-height: 36px; padding-right:20px; text-align: center; color:#999; font-size:14px; background: url(/public/imgm/jiang.png) 0 0 no-repeat; background-size: auto 20%; background-position: right center; }
.wrapperr .news .newlist .item:hover .more { color:#01a3ff; background: url(/public/imgm/jian.png) 0 0 no-repeat; background-size: auto 20%; background-position: right center; }
.wrapperr .news .newlist .mores { overflow: hidden; width:160px; height:50px; margin: 40px auto 0 auto; line-height: 50px; text-align: center; font-size:16px; border:solid 1px #999; color:#999; border-radius: 50px; }
.wrapperr .news .newlist .mores a:hover { display: block; background: #01a3ff; border:solid 1px #01a3ff; color:#fff; }
.wrapperr .news .mores { overflow: hidden; width:160px; height:50px; margin: 40px auto 0 auto; line-height: 50px; text-align: center; font-size:16px; border:solid 1px #999; color:#999; border-radius: 50px; }
.wrapperr .news .mores a:hover { display: block; background: #01a3ff; border:solid 1px #01a3ff; color:#fff; }


.comments { width:100%; background: #ebf0f6 url(/public/imgm/index_commentbg.png?v=1) 0 0 no-repeat; background-size: 100% 100%; }
.comments .inner {padding:50px 0 50px 0; }
.comments .title { text-align: center; width:1180px; margin:0 auto; position: relative; }
.comments .title h3 { font-size:36px; color:#000; font-weight: normal; }
.comments .title span { display: block; font-size:16px; color:#999; margin-top:10px; }
.comments .title em { width:50px; height:6px; background: #01a3ff; position: absolute; left:50%; margin-left: -25px;  top:58px; }
.comments .list { width:1180px; margin:60px auto 0 auto; position: relative; }
.comments .list .swiper-container { width:1180px; margin:0 auto; }
.comments .list .swiper-wrapper { width:1180px; margin:0 auto; }
.comments .list .item { float: left; margin-right: 20px; margin-bottom:35px; }
.comments .list .item:nth-child(4n) { margin-right: 0; }
.comments .list .comment { display: block; position: relative; margin:80px auto 0 auto; width:280px; height:240px; background: #FFF;  }
.comments .list .comment .thumb { width:100px; height: 100px; border-radius: 100px; position: absolute; left:50%; margin-left: -50px; top:-50px; }
.comments .list .comment .detail { width:250px; margin: 0px auto 0 auto; padding-top:70px; }
.comments .list .comment .name { width: 250px; height:50px; text-align: center; line-height: 50px; font-size:20px; color:#000; }
.comments .list .comment .describe { margin-top:0px; color:#999; font-size: 14px; line-height: 20px; height: 80px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.comments .commentleft { cursor: pointer; transition: all 0.4s; left:-120px; top:50%; margin-top:-25px; position: absolute; width:80px; height: 50px; background: url(/public/imgm/index_case_left.png) 0 0 no-repeat; background-size: 100% 100%; }
.comments .commentright { cursor: pointer;  transition: all 0.4s; right:-120px; top:50%; margin-top:-25px; position: absolute; width:80px; height: 50px; background: url(/public/imgm/index_case_right.png) 0 0 no-repeat; background-size: 100% 100%; }
.comments .commentright:hover { transform: scale(1.1); }
.comments .commentleft:hover { transform: scale(1.1); }


.buys { width:100%; }
.buys .inner {padding:0px 0 120px 0; }
.buys .title { text-align: center; width:1180px; margin:0 auto; position: relative; }
.buys .title h3 { font-size:36px; color:#000; font-weight: normal; }
.buys .title span { display: block; font-size:16px; color:#999; margin-top:10px; }
.buys .list { width:1180px; margin:0px auto 0 auto; position: relative; }
.buys .list .swiper-container { width:1180px; margin:0 auto; }
.buys .list .swiper-wrapper { width:1180px; margin:0 auto; }
.buys .list .item { width:363px; height:410px; background: #FFF; cursor: pointer; float: left; margin-right: 30px; margin-bottom:35px; -webkit-box-shadow: #e2e2e2 0px 0px 6px; -moz-box-shadow: #e2e2e2 0px 0px 6px; box-shadow: #e2e2e2 0px 0px 6px;  }
.buys .list .item:nth-child(3n) { margin-right: 0; }
.buys .list .item .thumb { width:220px; height: 140px; overflow: hidden; margin: 20px auto 0 auto; }
.buys .list .item .thumb img { width:100%; }
.buys .list .item .detail { width:280px; margin: 0px auto 0 auto; }
.buys .list .item .name { width: 280px; height:60px; line-height: 50px; text-align:center; font-size:20px; border-bottom: solid 1px #ececec; color:#000; }
.buys .list .item .describe { margin-top:15px; color:#999; font-size: 14px; line-height: 20px; height: 40px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.buys .list .item .price { width:120px; font-size:20px; color:#01a3ff; text-align: center; margin:10px auto 0 auto; }
.buys .list .item a.button { display: block; width:160px; height:40px; background: #01a3ff; color:#FFF; text-align: center; margin:15px auto 0 auto; font-size:14px; line-height: 40px; }

.downloads { width:100%; }
.downloads .inner {padding:0px 0 120px 0; }
.downloads .title { text-align: center; width:1180px; margin:0 auto; position: relative; }
.downloads .title h3 { font-size:36px; color:#000; font-weight: normal; }
.downloads .title span { display: block; font-size:16px; color:#999; margin-top:10px; }
.downloads .name { width: 1180px; height:40px; margin:0 auto 0px auto; line-height: 40px; font-size: 20px; text-align: left; }
.downloads .list { width:1180px; margin: 0 auto 30px auto; }
.downloads .list .head { width: 1180px; height:45px; margin-top:10px; background: #e9eef4; display: flex; }
.downloads .list .head .pp { height: 45px; line-height: 45px; font-size:14px; color:#0075c9; }
.downloads .list .head .pp:nth-child(1) { width:300px; text-indent: 35px; }
.downloads .list .head .pp:nth-child(2) { width:530px; text-indent: 35px; }
.downloads .list .head .pp:nth-child(3) { width: 150px; text-align: center; }
.downloads .list .head .pp:nth-child(4) { width:200px; text-align: center; }
.downloads .list .item { width: 1180px; height:55px; background: #e9eef4; border-top: solid 2px #FFF; display: flex; }
.downloads .list .item .pp { height: 55px; line-height: 55px; font-size:14px; color:#333; }
.downloads .list .item .pp:nth-child(1) { width:300px; text-indent: 35px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.downloads .list .item .pp:nth-child(2) { width:530px; text-indent: 35px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.downloads .list .item .pp:nth-child(3) { width: 150px; text-align: center; }
.downloads .list .item .pp:nth-child(4) { width:200px; text-align: center; }
.downloads .list .item a.down { width:20px; height: 20px; margin:17px auto 0 auto; display: block; background: url(/public/imgm/down.png) 0 0 no-repeat; background-size: 100% 100%; }

.aboutuss { width: 100%; }
.aboutuss .company { width:100%; background:#f6f8fa url(/public/imgm/companybg.png) 0 0 no-repeat; padding:60px 0; background-size: auto 100%; background-position: center center; }
.aboutuss .company .inner { width:1180px; margin: 0 auto; }
.aboutuss .company .title { text-align: center; width:1180px; height:100px; margin:0 auto; position: relative; }
.aboutuss .company .title h3 { font-size:36px; color:#000; font-weight: normal; }
.aboutuss .company .title span { display: block; font-size:16px; color:#999; margin-top:10px; }
.aboutuss .company .title em { width:50px; height:6px; background: #01a3ff; position: absolute; left:50%; margin-left: -25px;  top:58px; }
.aboutuss .company .content { display: flex; }
.aboutuss .company .thumb { width: 629px; height: 540px; overflow: hidden; }
.aboutuss .company .detail { width:500px; margin-left: 50px; padding-top:0px; }
.aboutuss .company .detail .intro { font-size:14px; color:#333; line-height: 28px; }
.aboutuss .company .detail .link { width: 500px; margin-top:30px; }
.aboutuss .company .detail .link .item { width:500px; height:60px; margin:0px 0 15px 0; padding:6px 0 0px 80px; font-size:18px;  } 
.aboutuss .company .detail .link .item:nth-child(1) { background: url(/public/imgm/address.png) 0 0 no-repeat; background-size: auto 100%; background-position: left center; }
.aboutuss .company .detail .link .item:nth-child(2) { background: url(/public/imgm/tel.png) 0 0 no-repeat; background-size: auto 100%; background-position: left center; }
.aboutuss .company .detail .link .item:nth-child(3) { background: url(/public/imgm/email.png) 0 0 no-repeat; background-size: auto 100%; background-position: left center; }
.aboutuss .company .detail .link .item span { display: block; font-size:14px; color:#666; margin-top:3px; }



.teams { width:100%; background: #ebf0f6 url(/public/imgm/teambg.png?v=1) 0 0 no-repeat; background-size: 100% 100%; }
.teams .inner {padding:80px 0 90px 0; }
.teams .title { text-align: center; width:1180px; margin:0 auto; position: relative; }
.teams .title h3 { font-size:36px; color:#000; font-weight: normal; }
.teams .title span { display: block; font-size:16px; color:#999; margin-top:10px; }
.teams .title em { width:50px; height:6px; background: #01a3ff; position: absolute; left:50%; margin-left: -25px;  top:58px; }
.teams .list { width:1180px; margin:60px auto 0 auto; position: relative; }
.teams .list .swiper-container { width:1180px; margin:0 auto; height:340px; }
.teams .list .swiper-wrapper { width:1180px; margin:0 auto; }
.teams .list .swiper-pagination { top:320px; z-index: 1000; }
.teams .list .item { float: left; margin-right: 20px; margin-bottom:35px; }
.teams .list .item:nth-child(4n) { margin-right: 0; }
.teams .list .team { display: block; position: relative; margin:80px auto 0 auto; width:280px; height:200px; background: #FFF;  }
.teams .list .team .thumb { width:100px; height: 100px; border-radius: 100px; position: absolute; left:50%; margin-left: -50px; top:-50px; }
.teams .list .team .detail { width:250px; margin: 0px auto 0 auto; padding-top:70px; }
.teams .list .team .name { width: 250px; height:30px; text-align: center; line-height: 30px; font-size:20px; color:#000; }
.teams .list .team .role { width: 250px; height:20px; text-align: center; line-height: 20px; margin-top:5px; font-size:16px; color:#666; }
.teams .list .team .describe { margin-top:10px; color:#999; font-size: 14px; text-align:center; line-height: 20px; height: 40px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.teams .list .swiper-container .swiper-pagination-bullet{width:15px;height:15px;display:inline-block; border-radius:10px;background:#e4e4e4;opacity:1}
.teams .list .swiper-container .swiper-pagination-bullet-active{width:15px;height:15px;display:inline-block; border-radius:10px;background:#01a3ff;opacity:1}

.equips { width:100%; background: #ebf0f6 url(/public/imgm/equipbg.png?v=1) 0 0 no-repeat; background-size: 100% 100%; }
.equips .inner {padding:80px 0 90px 0; }
.equips .title { text-align: center; width:1180px; margin:0 auto; position: relative; }
.equips .title h3 { font-size:36px; color:#000; font-weight: normal; }
.equips .title span { display: block; font-size:16px; color:#999; margin-top:10px; }
.equips .title em { width:50px; height:6px; background: #01a3ff; position: absolute; left:50%; margin-left: -25px;  top:58px; }
.equips .list { width:1180px; margin:0px auto 0 auto; position: relative; }
.equips .list .swiper-container { width:1180px; margin:0 auto; height:500px; }
.equips .list .swiper-wrapper { width:1180px; margin:0 auto; }
.equips .list .swiper-pagination { top:480px; z-index: 1000; }
.equips .list .equip { display: block; position: relative; margin:80px auto 0 auto; padding-top:20px; width:360px; height:370px; background: #FFF;  -webkit-box-shadow: #e2e2e2 0px 0px 6px; -moz-box-shadow: #e2e2e2 0px 0px 6px; box-shadow: #e2e2e2 0px 0px 6px; }
.equips .list .equip .thumb { width:240px; height: 200px; display: block; margin: 0px auto 0 auto;  }
.equips .list .equip .detail { width:250px; margin: 0px auto 0 auto; padding-top:20px; }
.equips .list .equip .name { width: 250px; height:30px; text-align: center; line-height: 30px; font-size:20px; color:#000; }
.equips .list .equip .role { width: 250px; height:20px; text-align: center; line-height: 20px; margin-top:5px; font-size:16px; color:#666; }
.equips .list .equip .describe { margin-top:10px; color:#999; font-size: 14px; text-align:center; line-height: 20px; height: 80px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.equips .list .swiper-container .swiper-pagination-bullet{width:15px;height:15px;display:inline-block; border-radius:10px;background:#e4e4e4;opacity:1}
.equips .list .swiper-container .swiper-pagination-bullet-active{width:15px;height:15px;display:inline-block; border-radius:10px;background:#01a3ff;opacity:1}

.certs { width:100%; background: #ebf0f6 url(/public/imgm/certbg.png?v=1) 0 0 no-repeat; background-size: 100% 100%; }
.certs .inner {padding:80px 0 90px 0; }
.certs .title { text-align: center; width:1180px; margin:0 auto; position: relative; }
.certs .title h3 { font-size:36px; color:#000; font-weight: normal; }
.certs .title span { display: block; font-size:16px; color:#999; margin-top:10px; }
.certs .title em { width:50px; height:6px; background: #01a3ff; position: absolute; left:50%; margin-left: -25px;  top:58px; }
.certs .list { width:1180px; margin:0px auto 0 auto; position: relative; }
.certs .list .swiper-container { width:1180px; margin:0 auto; height:520px; }
.certs .list .swiper-wrapper { width:1180px; margin:0 auto; }
.certs .list .swiper-pagination { top:500px; z-index: 1000; }
.certs .list .cert { display: block; position: relative; margin:80px auto 0 auto; padding-top:25px; width:280px; height:380px; background: #FFF;  -webkit-box-shadow: #e2e2e2 0px 0px 6px; -moz-box-shadow: #e2e2e2 0px 0px 6px; box-shadow: #e2e2e2 0px 0px 6px; }
.certs .list .cert .thumb { width:240px; height: 280px; display: block; margin: 0px auto 0 auto;  }
.certs .list .cert .detail { width:250px; margin: 0px auto 0 auto; padding-top:20px; }
.certs .list .cert .name { width: 250px; height:30px; text-align: center; line-height: 30px; font-size:20px; color:#000; }
.certs .list .swiper-container .swiper-pagination-bullet{width:15px;height:15px;display:inline-block; border-radius:10px;background:#e4e4e4;opacity:1}
.certs .list .swiper-container .swiper-pagination-bullet-active{width:15px;height:15px;display:inline-block; border-radius:10px;background:#01a3ff;opacity:1}

.promise { width:100%; background: #FFF; background-size: 100% 100%; }
.promise .inner {padding:80px 0 90px 0; }
.promise .title { text-align: center; width:1180px; margin:0 auto; position: relative; }
.promise .title h3 { font-size:36px; color:#000; font-weight: normal; }
.promise .title span { display: block; font-size:16px; color:#999; margin-top:10px; }
.promise .title em { width:50px; height:6px; background: #01a3ff; position: absolute; left:50%; margin-left: -25px;  top:58px; }
.promise .advert { width:1180px; margin:50px auto 0 auto; position: relative; }
.promise .advert img { width: 1180px; }

.blogus { background: #f4f4f4; }
.blogus .inner { width: 1180px; margin: 0 auto; padding:60px 0; }
.blogus .bloglf { width:780px; float:left; }
.blogus .bloglf .title { width:780px; height:50px; background: #FFF; border:solid 1px #ececec; font-size:16px; line-height: 50px; box-sizing: border-box; text-indent: 25px; position: relative; }
.blogus .bloglf .title span { display: block; width:5px; height:16px; background: #01a3ff; position: absolute; left:10px; top:17px; }
.blogus .bloglf .list { width: 780px; margin:10px auto 0 auto; background: #FFF; border:solid 1px #ececec; }
.blogus .bloglf .list .item { width:780px; padding:20px 20px; border-bottom: solid 1px #ececec;}
.blogus .bloglf .list .item a { display: block; display: flex; }
.blogus .bloglf .list .item .thumb { width:200px; height:130px; }
.blogus .bloglf .list .item .detail { width:510px; margin-left: 20px; }
.blogus .bloglf .list .item .detail .name { color:#000; height:28px; font-size: 18px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; line-height: 28px; }
.blogus .bloglf .list .item .detail .describe { margin-top:6px; height:60px; line-height: 20px; font-size:14px; color: #666;  overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.blogus .bloglf .list .item .detail .time { background: url(/public/imgm/time.png) 0 0 no-repeat; background-size: auto 70%; background-position: left center; text-indent: 20px; height:20px; line-height: 20px; color:#999; font-size: 14px; margin-top:6px; }
.blogus .bloglf .list .item a:hover .name { color:#01a3ff; }
.blogus .blogrg { width:360px; float: left; margin-left: 40px; }
.blogus .blogrg .seach { width:360px; height: 50px; border:solid 1px #ececec; display: flex; overflow: hidden; background: #FFF;}
.blogus .blogrg .seach input { width:280px; height: 50px; border:none; text-indent: 15px;; }
.blogus .blogrg .seach span { width: 80px; height: 50px;display: block; background: #01a3ff; color:#FFF; text-align:center; line-height: 50px; font-size:14px;  }
.blogus .blogrg .hotlist { width: 360px; margin:10px auto 0 auto; background: #FFF; }
.blogus .blogrg .hotlist .name { width:360px; height:50px; background: #FFF; border:solid 1px #ececec; font-size:16px; line-height: 50px; box-sizing: border-box; text-indent: 25px; position: relative; }
.blogus .blogrg .hotlist .name span { display: block; width:5px; height:16px; background: #01a3ff; position: absolute; left:10px; top:17px; }
.blogus .blogrg .hotlist .list { margin: 0 auto;  }
.blogus .blogrg .hotlist .list .item { width:360px; padding:10px 20px; height:60px; border-bottom: solid 1px #ececec;  }
.blogus .blogrg .hotlist .list .item a { display: block; display: flex; }
.blogus .blogrg .hotlist .list .item img { width:60px; height: 40px; }
.blogus .blogrg .hotlist .list .item span { width:240px; margin-left: 20px; height: 40px; line-height: 40px; overflow:hidden;  white-space: nowrap;text-overflow: ellipsis; font-size: 14px; color:#333; }
.blogus .blogrg .hotlist .list .item:last-child { border-bottom: none; }
.blogus .blogrg .hotlist .list .item a:hover span { color:#01a3ff; }



.aboutp { width:1180px; margin:100px auto 0 auto; padding:0 25px 80px 25px; }
.aboutp .block { width:1190px; height:500px; position:relative;  -webkit-box-shadow: #c7c7c7 0px 0px 18px; -moz-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: #c7c7c7 0px 0px 18px; border-radius:3px; }
.aboutp .block .detail { position:absolute; width:500px; height:400px; line-height:30px; top:45px; right:45px; }
.aboutp .block .thumb { width:550px; height:500px; position:absolute; left:30px; top:-30px; }
.aboutp .block .thumb img { width:550px; height:500px; border-radius:3px; }
.aboutp .block .line { background:#01a3ff; height:4px; width:80px; position:absolute; left:650px; top:480px; }
.aboutp .block2 { width:1190px; height:500px; position:relative; margin-top:100px;  -webkit-box-shadow: #c7c7c7 0px 0px 18px; -moz-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: #c7c7c7 0px 0px 18px; border-radius:3px; }
.aboutp .block2 .detail { position:absolute; width:500px; height:400px; line-height:24px; top:45px; left:30px; }
.aboutp .block2 .thumb { width:550px; height:500px; position:absolute; right:30px; top:-30px; }
.aboutp .block2 .thumb img { width:550px; height:500px; border-radius:3px; }
.aboutp .block2 .line { background:#01a3ff; height:4px; width:80px; position:absolute; left:30px; top:480px; }

.teamp { width:1180px; margin:50px auto 0 auto; padding:0 25px 80px 25px; }
.teamp .list { width:1190px; }
.teamp .list .item { width:260px; height:420px; float:left; margin-right:30px; margin-bottom:50px; overflow:hidden; -webkit-box-shadow: #c7c7c7 0px 0px 18px; -moz-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: #c7c7c7 0px 0px 18px; border-radius:3px; }
.teamp .list .item:nth-child(4n) { margin-right:0; }
.teamp .list .item img { width:260px; height:280px; }
.teamp .list .item .captionn { width:220px; height:90px; margin:15px auto 0 auto; padding:0; }
.teamp .list .item .captionn h3 { width:220px; height:30px; padding:0; line-height:30px; font-size:16px; text-align:center; color:#333; }
.teamp .list .item .captionn p { width:220px; height:60px; padding:0; line-height:20px; color:#999; overflow:hidden; }

.honorp { width:1180px; margin:50px auto 0 auto; padding:0 25px 80px 25px; }
.honorp .list { width:1190px; }
.honorp .list .item { width:260px; height:420px; float:left; margin-right:30px; margin-bottom:50px; overflow:hidden; -webkit-box-shadow: #c7c7c7 0px 0px 18px; -moz-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: #c7c7c7 0px 0px 18px; border-radius:3px; }
.honorp .list .item:nth-child(4n) { margin-right:0; }
.honorp .list .item img { width:260px; height:280px; }
.honorp .list .item .captionn { width:220px; height:125px; margin:15px auto 0 auto; padding:0; }
.honorp .list .item .captionn h3 { width:220px; height:30px; padding:0; line-height:30px; font-size:16px; text-align:center; color:#333; }
.honorp .list .item .captionn p { width:220px; height:60px; padding:0; line-height:20px; color:#999; overflow:hidden; }

.photop { width:1180px; margin:50px auto 0 auto; padding:0 25px 80px 25px; }
.photop .list { width:1190px; }
.photop .list .item { width:260px; height:420px; float:left; margin-right:30px; margin-bottom:50px; overflow:hidden; -webkit-box-shadow: #c7c7c7 0px 0px 18px; -moz-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: #c7c7c7 0px 0px 18px; border-radius:3px; }
.photop .list .item:nth-child(4n) { margin-right:0; }
.photop .list .item img { width:260px; height:280px; }
.photop .list .item .captionn { width:220px; height:125px; margin:15px auto 0 auto; padding:0; }
.photop .list .item .captionn h3 { width:220px; height:30px; padding:0; line-height:30px; font-size:16px; text-align:center; color:#333; }
.photop .list .item .captionn p { width:220px; height:60px; padding:0; line-height:20px; color:#999; overflow:hidden; }

.partnerp { width:1180px; margin:50px auto 0 auto; padding:0 25px 80px 25px; }
.partnerp .list { width:1190px; }
.partnerp .list .item { width:260px; height:380px; float:left; margin-right:30px; margin-bottom:50px; overflow:hidden; -webkit-box-shadow: #c7c7c7 0px 0px 18px; -moz-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: #c7c7c7 0px 0px 18px; border-radius:3px; }
.partnerp .list .item:nth-child(4n) { margin-right:0; }
.partnerp .list .item img { width:260px; height:240px; }
.partnerp .list .item .captionn { width:220px; height:125px; margin:15px auto 0 auto; padding:0; }
.partnerp .list .item .captionn h3 { width:220px; height:30px; padding:0; line-height:30px; font-size:16px; text-align:center; color:#333; }
.partnerp .list .item .captionn p { width:220px; height:60px; padding:0; line-height:20px; color:#999; overflow:hidden; }

.productp { width:1180px; margin:50px auto 0 auto; padding:0 25px 80px 25px; }
.productp .list { width:1190px; }
.productp .list .item { width:260px; height:420px; float:left; margin-right:30px; margin-bottom:50px; overflow:hidden; -webkit-box-shadow: #c7c7c7 0px 0px 18px; -moz-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: #c7c7c7 0px 0px 18px; border-radius:3px; }
.productp .list .item:nth-child(4n) { margin-right:0; }
.productp .list .item img { width:260px; height:240px; }
.productp .list .item .captionn { width:220px; height:175px; margin:15px auto 0 auto; padding:0; }
.productp .list .item .captionn h3 { width:220px; height:30px; padding:0; line-height:30px; font-size:14px; text-align:center; color:#333; }
.productp .list .item .captionn p { width:220px; height:60px; padding:0; line-height:20px; color:#999; overflow:hidden; }
.productp .list .item .captionn .button { width:150px; height:35px; background:#01a3ff; line-height:35px; color:#fff; text-align:center; margin:25px auto 0 auto; }

.productd { width:1180px; margin:50px auto 0 auto; padding:0 25px 80px 25px; }
.productd .title { width:1190px; text-align:center; line-height:40px; }
.productd .title p:nth-child(1) { font-size:24px; color:#000; }
.productd .title p:nth-child(2) { font-size:16px; color:#999; }
.productd .content { width:1190px; font-size:16px; line-height:30px; margin-top:30px; }
.productd .content  img { max-width:100%; height:auto; padding:30px 0; }
.productd .relation { width:1190px; position:relative; }
.productd .relation .name { width:1190px; height:50px; line-height:50px; font-size:20px; font-weight:bold; text-indent:20px; position:relative;  }
.productd .relation .name span { position:absolute; height:20px; display:block; width:6px; background:#01a3ff; border-radius:6px; left:0; top:17px; }
.productd .relation .list { width:1090px; height:230px; margin:30px 50px 0 50px; }
.productd .relation .list img { height:180px; }
.productd .relation .list .tex { text-align:center; padding:20px 0;}

.appp { width:1180px; margin:50px auto 0 auto; padding:0 25px 80px 25px; }
.appp .list { width:1190px; }
.appp .list ul li { width:550px; height:138px;  float:left; margin-right:50px; margin-bottom:50px; }
.appp .list ul li:nth-child(2n) { margin-right:0; }
.appp .list ul li a { display:block; display:flex; }
.appp .list ul li .img { width:210px; height:138px; }
.appp .list ul li .tex { width:340px; height:138px; background:#f4f4f4; padding:10px 20px; }
.appp .list ul li .tex p:nth-child(1) { font-size:18px; font-weight:bold; color:#000; }
.appp .list ul li .tex p:nth-child(2) { font-size:14px; color:#999; margin-top:10px; max-height:50px; line-height:25px; overflow:hidden; }
.appp .list ul li .tex p:nth-child(3) { font-size:14px; color:#333; margin-top:5px; }

.appd { width:1180px; margin:50px auto 0 auto; padding:0 25px 80px 25px; }
.appd .title { width:1190px; text-align:center; line-height:40px; }
.appd .title p:nth-child(1) { font-size:24px; color:#000; }
.appd .title p:nth-child(2) { font-size:16px; color:#999; }
.appd .content { width:1190px; font-size:16px; line-height:30px; margin-top:30px; }
.appd .content  img { max-width:100%; height:auto; padding:30px 0; }
.appd .relation { width:1190px; height:280px; position:relative; }
.appd .relation .name { width:1190px; height:50px; line-height:50px; font-size:20px; font-weight:bold; text-indent:20px; position:relative;  }
.appd .relation .name span { position:absolute; height:20px; display:block; width:6px; background:#01a3ff; border-radius:6px; left:0; top:17px; }
.appd .relation .list { width:1090px; height:230px; margin:0 50px; }
.appd .relation .list img { height:180px; }
.appd .relation .list .tex { text-align:center; padding:20px 0;}

.newsp { width:1180px; margin:50px auto 0 auto; padding:0 25px 80px 25px; }
.newsp .list { width:1190px; }
.newsp .list .item { width:277px; height:380px; float:left; padding:25px 25px; background:#f4f4f4; position:relative; margin:15px 10px; }
.newsp .list .item .time { width:227px; height:40px; line-height:40px; font-size:28px; color:#01a3ff; }
.newsp .list .item .name { width:227px; height:40px; font-size:16px; font-weight:bold; overflow:hidden; line-height:40px; color:#333; }
.newsp .list .item .img { width:227px; height:160px; margin-top:10px; }
.newsp .list .item .img img { width:227px; height:160px; }
.newsp .list .item .desc { width:227px; height:60px; overflow:hidden; line-height:20px; margin:15px auto 0 auto; }
.newsp .list .item:hover { background:#fff; }
.newsp .list .item a { position:absolute; left:0; top:0; right:0; bottom:0; }

.newd { width:1180px; margin:50px auto 0 auto; padding:0 25px 80px 25px; }
.newd .title { width:1190px; text-align:center; line-height:40px; }
.newd .title p:nth-child(1) { font-size:24px; color:#000; }
.newd .title p:nth-child(2) { font-size:16px; color:#999; }
.newd .content { width:1190px; font-size:16px; line-height:30px; margin-top:30px; }
.newd .content  img { max-width:100%; height:auto; padding:30px 0; }
.newd .relation { width:1190px; position:relative; }
.newd .relation .name { width:1190px; height:50px; line-height:50px; font-size:20px; font-weight:bold; text-indent:20px; position:relative;  }
.newd .relation .name span { position:absolute; height:20px; display:block; width:6px; background:#01a3ff; border-radius:6px; left:0; top:17px; }
.newd .relation .list { width:1090px; height:230px; margin:30px 50px 0 50px; }
.newd .relation .list img { height:180px; }
.newd .relation .list .tex { text-align:center; padding:20px 0;}

.contactp { width:1180px; margin:50px auto 0 auto; padding:0 25px 80px 25px; }
.contactp .title { width:400px; height:70px; margin:0 auto; position:relative; font-size:28px; font-weight:bold; color:#000; text-align:center;  }
.contactp .title .line { width:200px; height:2px; position:absolute; left:100px; bottom:0; border-bottom:solid 1px #e5e5e5; }
.contactp .title .line span { width:50px; height:4px; background:#01a3ff; margin:-2px auto 0 auto; display:block;}
.contactp .linker { width:1190px; height:100px; display:flex; margin-top:80px; }
.contactp .linker .item { width:545px; height:100px; margin-right:100px; display:flex; -webkit-box-shadow: #c7c7c7 0px 0px 18px; -moz-box-shadow: #c7c7c7 0px 0px 18px; box-shadow: #c7c7c7 0px 0px 18px; border-radius:3px; }
.contactp .linker .item:nth-child(2) { margin-right:0px; }
.contactp .linker .item .icon { width:100px; height:100px; text-align:center; padding:18px 0; }
.contactp .linker .item .info { width:360px; height:64px; margin-left:20px; margin-top:18px; border-left:dashed 1px #e5e5e5; padding-left:30px; font-size:16px; line-height:30px; }
.contactp .map { width:1190px; height:500px; margin-top:60px; }
.contactp .book{ width:100%; margin:0px auto; background:#ffffff; border:1px solid #dee0e0; height:680px; border-radius:10px; box-shadow:0px -1px 5px #e5e6e6; position:relative;}
.contactp .book h3{ text-align:center; font-size:24px; color:#464646; padding:60px 0px 70px;}
.contactp .book ul{ margin:0px; padding:0px 0px 0px 110px;}
.contactp .book ul li{margin:0px; padding:0px; min-height:85px; height:auto !important; height:85px; color:#464646; }
.contactp .book ul li span{float:left;width:95px; font-size:16px; line-height:45px;}
.contactp .book ul li span.pl70{ padding-left:20px;}
.contactp .book ul li label{float:left;background:#f7f7f7; padding:15px 10px; display:block; box-shadow:1px 1px 3px #bdbcbc inset;}
.contactp .book ul li label input{ float:left; width:100%; background:none; border:none; outline:none; font-size:15px; font-family:"微软雅黑";color:#464646;}
.contactp .book ul li label.nichen{ width:400px;}
.contactp .book ul li.cont{ padding-bottom:20px;}
.contactp .book ul li label.cont{ width:886px;}
.contactp .book ul li label.cont textarea{ width:99%; height:110px; overflow:hidden; border:none; background:none; outline:none;font-size:15px; font-family:"微软雅黑";color:#464646;}
.contactp .book ul li img{ display:block; float:left; margin-left:20px;}
.contactp .book dl{ text-align:center; padding-top:50px;}
.contactp .book dl input{ width:120px; height:45px; font-size:18px; font-family:"微软雅黑"; font-weight:bold; color:#FFF; margin:0px 10px; border-radius:10px; outline:none; cursor:pointer;}
.contactp .book dl input.Confirm{ background:#01a3ff;}
.contactp .book dl input.Reset{ background:#bcbcbc;}


.eng-next{right: 0px;left: auto;position: absolute;background: url('/public/imgm/xw-arrow-02.png') no-repeat;top: 50%;margin-top: -18.5px;width: 23px;height: 37px;z-index: 10;cursor: pointer;background-size: 23px 37px;background-position: center;background-repeat: no-repeat;}
.eng-prev{left: 0px;right: auto;position: absolute;background: url('/public/imgm/xw-arrow-01.png') no-repeat;top: 50%;margin-top: -18.5px;width: 23px;height: 37px;z-index: 10;cursor: pointer;background-size: 23px 37px;background-position: center;background-repeat: no-repeat;}



#online { z-index:100000000; position:fixed; }
.izl-rmenu{position:fixed; right:0; margin-right:0px; bottom:0px; padding-bottom:20px;  z-index:1000000; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(/public/imgm/r_qq.png) 0px 0px no-repeat; background-color:#e9e5fd; }
.izl-rmenu .btn-qq:hover{background-color:#222222;}
.izl-rmenu .btn-qq,.izl-rmenu .btn-qq:visited{background:url(/public/imgm/r_qq.png?v=22) 0px 0px no-repeat; background-color:#222222; text-decoration:none; display:block;}
.izl-rmenu .btn-qq .wechat { display: none;}
.izl-rmenu .btn-qq:hover .wechat { display: block; background-color:#222222; position:absolute; width:160px; height:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center;}
.izl-rmenu .btn-qq:hover .wechat img { width:80%; height: 80%; margin-top:16px; }
.izl-rmenu .btn-wx{background:url(/public/imgm/r_wx.png) 0px 0px no-repeat; background-color:#222222;}
.izl-rmenu .btn-wx:hover{background-color:#222222;}
.izl-rmenu .btn-wx .pic{background-color:#222222; position:absolute; width:160px; height:160px; left:-160px; top:-40px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-wx .pic img { width:140px; height:140px; margin-top:10px; }
.izl-rmenu .btn-phone{background:url(/public/imgm/r_phone.png) 0px 0px no-repeat; background-color:#222222;}
.izl-rmenu .btn-phone:hover{background-color:#222222;}
.izl-rmenu .btn-phone .phone{background-color:#222222; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}

.izl-rmenu .btn-top{background:url(/public/imgm/r_top.png) 0px 0px no-repeat; background-color:#0879d5; display:none;}
.izl-rmenu .btn-top:hover{background-color:#0879d5;}

.floatmenu { position: fixed; right:0; top:50%; margin-top: -280px; width:73px; z-index: 1;}
.floatmenu ul li { width:73px; height: 73px;  background: #01a3ff; margin-bottom: 4px; color:#FFF; color:#FFF; }
.floatmenu ul li a { color:#FFF; display: block; padding:18px 15px; text-align:center; font-size: 14px; }
.floatmenu ul li a.short { padding:18px; }