/* wmx80_css  */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
table{border-collapse: collapse; border-spacing: 0}
fieldset, img, a{border: 0}
dl, dt, dd, ul, ol, li, pre, form, fieldset, input, textarea, p, blockquote, th, td{list-style: none}
h1, h2, h3, h4, h5, h6{font-weight: normal; line-height: 1.2}
audio, canvas, video, progress{display: inline-block; vertical-align: baseline}
* {padding:0; margin:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
a{outline: none; blr:expression(this.onFocus=this.blur()); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; text-decoration: none; color:#09898a;}
a:after{-webkit-transition: .3s cubic-bezier(0.68,-.55,.265,1.55); -moz-transition: .3s cubic-bezier(0.68,-.55,.265,1.55); -o-transition: .3s cubic-bezier(0.68,-.55,.265,1.55);  transition: .3s cubic-bezier(0.68,-.55,.265,1.55);  -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);  -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0);  position: absolute; content: ""; left: 50%; right: 50%; bottom: 0;}
input, textarea{-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none;}
button, input, textarea, select, optgroup, option, file{font: inherit; outline: none; vertical-align: middle}
img{max-width: 100%; height: auto}
::-moz-focus-inner{border-color:transparent}
::-moz-selection{color:#fff;color:rgba(255,255,255,0.9);background:#ea4c89;text-shadow:none}
::selection{color: #fff; color: rgba(255,255,255,0.9); background: #ea4c89; text-shadow: none}
input[type="submit"]{-webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -webkit-tap-highlight-color: transparent; border-radius: 0}
video:focus, div:focus{outline: none}
pre, code{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word}
html,body{margin:0;font-size:14px;padding:0px;font-family:"Lantinghei SC", "Hiragino Sans GB","Microsoft YaHei" ,"Hiragino Sans GB", "Helvetica neue", Helvetica,Tahoma,Arial,"微软雅黑","宋体","黑体";}
.cl{height:0; font-size:1px; clear:both; line-height:0; }
nav,footer,section,header,article{display:block;}
i,em,ins,u{font-style:normal; text-decoration:none }	
*:focus{outline:none}
.wrap{margin: 0 auto; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out; width: 1100px;}
.none{display:none}
.fl{float:left}
.fr{float:right}
.pr{position:relative}
.pa{position:absolute}
.oh{ overflow:hidden}
.clearfix{*zoom:1; }
.clearfix:before,.clearfix:after{display:table;content:"";line-height:0; }
.clearfix:after{clear:both; }
.bornone{ border:none !important}
input[type="submit"],
input[type="reset"],
input[type="button"],
button{-webkit-appearance:none;}
input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -webkit-tap-highlight-color: transparent; border-radius: 0;}
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-track:hover{background:#eee;}
::-webkit-scrollbar-thumb{border-radius:10px;background:#b9b9b9;}
::-webkit-scrollbar-thumb:hover{background:#747474;}
::-webkit-scrollbar-thumb:active{background:#555; }
.minwd{min-width: 1100px;}

.headercont{ height: 420px; background: url(../images/bannerbg.jpg) no-repeat center; background-size:cover; -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.headercont *{ -webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.indheader{line-height: 38px;  position: fixed; top: 0; width: 100%; left: 0; right: 0;z-index: 99;}
.indheader.on,.indheader.fiexdt,.indheader.czbg{background: #19191a;}
.indheader .logo a{display: block; padding:18px 10px 0; height: 60px;}
.indheader .logo a img{display: block;}
.indheader .znav{float: left; position: relative; margin: 0 7px;}
.indheader .znav ins{ display: block;height: 60px;line-height: 60px;}
.indheader .znav ins a{color:#fff; height: 60px;display: block; padding: 0 9px;}
.indheader .znav .zgtkm{display: none; position: absolute; top: 60px; left: 0; background: #fff; font-size: 13px; color: #696969; line-height: 24px;}
.indheader .zghf .zgtkm{ width: 625px;}
.indheader .zghf .zgtkm ul{padding: 10px 0;}
.indheader .zghf .zgtkm li{padding: 5px 0 5px 6px; overflow:hidden}
.indheader .zghf .zgtkm li b{display: block; margin-top:4px; float: left; width: 92px; height: 18px; line-height: 18px; font-weight: bold; font-size: 13px; color: #696969; text-align: center;border-right: 1px solid #ccc;}
.indheader .zghf .zgtkm li b a{color:#696969}
.indheader .zghf .zgtkm li b a:hover{color:#23d7bc}
.indheader .zghf .zgtkm li span{display: block; width:520px; float:right; line-height: 26px; overflow:hidden}
.indheader .zghf .zgtkm li span a{ margin-left: 18px; color: #696969; display:block; float:left; white-space: nowrap;}
.indheader .zghf .zgtkm li span a:hover{color:#23d7bc}
.indheader .hbmod .zgtkm{ width:230px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.indheader .hbmod .zgtkm.on{ width: 670px;height:409px; overflow:hidden;}
.indheader .hbmod .zgtkm .tbtles{width: 230px;padding: 12px 0; border-right: 1px solid #f4f4f4;}
.indheader .hbmod .zgtkm .tbtles li{padding-left: 29px; cursor: pointer; line-height: 35px; color: #696969; height: 35px; font-size: 13px;}
.indheader .hbmod .zgtkm .tbtles li a{color: #696969;}
.indheader .hbmod .zgtkm .tbtles li.on,.indheader .hbmod .zgtkm .tbtles li:hover{ background: #f4f5f5;}
.indheader .hbmod .zgtkm .tbtles li img{vertical-align: middle; margin-right: 12px;}
.indheader .hbmod .zgtkm .tbcontm{padding:10px 5px 10px 20px; width: 420px;display:none;}
.indheader .hbmod .zgtkm.on .tbcontm{display:block;}
.indheader .hbmod .zgtkm .tbcontm li{padding: 5px 0; overflow: hidden;}
.indheader .hbmod .zgtkm .tbcontm li b{display: block; float: left; width: 90px; font-size: 14px; font-weight: bold; color: #696969}
.indheader .hbmod .zgtkm .tbcontm li b a{color:#696969}
.indheader .hbmod .zgtkm .tbcontm li b a:hover{color:#23d7bc}
.indheader .hbmod .zgtkm .tbcontm li span{display: block; padding-left: 90px;}
.indheader .hbmod .zgtkm .tbcontm li span a{color: #696969; font-size: 13px; line-height:24px; margin-right: 20px; float: left; white-space: nowrap;}
.indheader .hbmod .zgtkm .tbcontm li span a:hover{color:#23d7bc}
.indheader .znav:hover ins a{ background: #fff; color: #23d7bc;}



.indheader .search{ border: 1px solid #cbcbcb; width: 210px; height: 36px; line-height: 34px; border-radius: 20px; padding: 0 8px 0 20px; overflow: hidden; margin-top: 10px;}
.indheader .webtxt{ background: none; border: none; width: 146px; height: 34px; line-height: 34px; font-size: 14px; color: #fff; float: left;}
.indheader .webtn{display: block; border:none; width: 34px; height: 34px; cursor: pointer; float: right; background: url(../images/searchico.png) no-repeat center;}
.indheader .logins{color: #fff; padding-left: 58px; margin-top: 10px;}
.indheader .logins ins{display: block;float: left;}
.indheader .logins ins a{display: block; width: 90px; height: 36px; border-radius: 18px; line-height: 32px; border: 2px solid #fff; text-align: center; font-size: 14px; color: #fff;}
.indheader .logins em{display: block; float: right; line-height: 36px; margin: 0 20px 0 40px; color: #fff; font-size: 14px;}
.indheader .logins em a{color: #fff;}
.headercont .contword{padding-top: 155px; text-align: center; color: #fff;}
.headercont .contword h2{display: block; font-weight: bold; font-size: 32px;}
.headercont .contword span{display: block; font-size: 20px; padding: 30px 0 60px;}
.headercont .contword a{display: block; width: 200px; margin: 0 auto; height:46px; line-height: 46px; border-radius: 23px; color: #fff; font-size: 16px; background: #22d7bb;}
.headercont .contword a img{ vertical-align: middle; margin-right: 10px;}
.indheader ::-webkit-input-placeholder {color:#eee;}
.indheader :-moz-placeholder { color:#eee;}
.indheader ::-moz-placeholder {color:#eee;}
.indheader :-ms-input-placeholder {color:#eee;}
.indheader.on .search,.indheader.fiexdt .search,.indheader.czbg .search{border: 1px solid #fff;}


.assortment{ background: #fff;padding: 30px 0;}
.assortment ul{ margin: 0 -10px; height: 126px; overflow: hidden;}
.assortment ul li{ float:left; margin: 0 10px; width: 204px; border-radius: 5px; overflow: hidden;-webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.assortment ul li img{display: block; width: 100%;}
.grbgcont{background: #f7f9fb;}
.caselist{min-height:600px;}
.caselist{padding: 35px 0 38px;}
.caselist.btsm{padding: 20px 0 38px;}
.caselist .title{ line-height: 30px; padding-bottom: 80px;}
.caselist .title b{color: #333333; font-size: 17px; font-weight: bold; margin-right: 20px}
.caselist .title a{color: #999999; font-size: 14px; margin-right: 20px;}
.caselist .listcontm{ overflow: hidden;-webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.caselist .listcont{ overflow: hidden; margin: -40px -10px; height: 407px;-webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.caselist .listconts{ overflow: hidden; margin: 0 -10px; height: 865px;-webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.caselist .part{ background: #fff; border: 1px solid #f4f4f4; float: left; margin: 0 6px; padding: 10px; width: 218px;-webkit-transition: all 0.6s ease-out; transition: all 0.6s ease-out;}
.caselist .part .pic{ position: relative;overflow:hidden;border-radius: 4px;height:345px}
.caselist .part .pic img{display: block; width: 100%;}
.caselist .part .pic i img{height:345px}
.caselist .part .pic ins{display:block; position: absolute; z-index:6; top: 0; right: 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.caselist .part .pic ins img{display:block;width: 53px; height: 23px; }
.caselist.hfcasest .part .pic{height:301px}
.caselist.hfcasest .part .pic i img{height:301px}
.caselist.hfcasest .listconts{height:780px}
.caselist .part .mask{width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5);transform:scale(0);   -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0);-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index:66}
.caselist .part .mask.on{transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1);}
.caselist .part .mask i{cursor: pointer; width: 20px; height: 16px; background: url(../images/star.png) no-repeat center; position: absolute; top: 10px; left: 10px;}
.caselist .part .mask i.on{ background: url(../images/stars.png) no-repeat center;}
.caselist .part .mask em{cursor: pointer; width: 30px; height: 30px; background: url( ../images/copyicos.png) no-repeat center; position: absolute; top: 10px; left: 10px;}
.caselist .part .mask em.statis{background: url( ../images/statistics.png) no-repeat center;}
.caselist .part .mask ins{cursor: pointer; width: 30px; height: 30px; background: url( ../images/deleteicos.png) no-repeat center; position: absolute; top: 10px; right: 10px;display: block;}
.caselist .part .mask a{ width: 44px; height: 44px; position: absolute; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px;}
.caselist .part .mask a.zsbtns{width: 130px; height: 38px; line-height: 38px;margin-top: -19px; margin-left: -65px; border-radius:19px; text-align:center; color:#fff; padding-right:20px;background: #23d7bc url(../images/pensid.png) no-repeat 92px center;}
.caselist .part .mask span{display: block; width: 100%; text-align: center; position: absolute; left: 0; height: 44px; margin-top: -22px; top: 50%; right: 0;}
.caselist .part .mask span a{ position:static; margin: 0 15px; display:inline-block;}
.caselist .part .word{ padding: 16px 0 8px; line-height: 20px; overflow: hidden;}
.caselist .part .word i{display: block; float: left;; width:100px; overflow: hidden; color: #696969; font-size: 14px; white-space: nowrap; text-overflow: ellipsis;}
.caselist .part .word ins{ color: #23d7bc; font-size: 13px; float: right;}
.caselist .addpart{height:407px; background:#fff; border:none; position:relative;}
.caselist .pklt{text-align:center;background: url( ../images/addicos.png) no-repeat top center; position: absolute; top: 50%; left: 50%; margin-left:-65px; width:130px; height:130px; margin-top:-65px; padding-top:60px; font-size: 14px; color: #666; cursor: pointer;}
.caselist .listcontm .part,.caselist .listconts .part{ margin:15px 11px;}
.caselist .zspics{width: 65%; height: 70%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.caselist .zspics img{width: 100%; height: 100%; display:block}


.footer{background: #2b2c2c; line-height: 24px; font-size: 13px; font-weight: normal; color: #7c7c7c; text-align: center; padding: 20px 0;}

/*分页*/
.webpages{padding: 50px; text-align: center;}
.webpages a{display: inline-block; margin: 0 8px; height: 32px; padding:0 12px; line-height: 32px; background: #f4f5f5; color: #999;}
.webpages a.on{color: #fff; background: #23d7bc;}
.showmore{text-align: center;line-height: 60px;border-radius: 5px;}
.showmore li,.showmore a{display: inline-block; padding:0 8px;line-height: 40px;}
.showmore .active,.showmore a:hover{color: #1abd9b;}


.screening{ background: #fff;}
.screening .sxwords{ line-height: 26px; padding: 18px 0px 10px; font-size: 13px; color: #999999;}
.screening .sxwords a{color: #999;}
.screening .sxwords i{margin: 0 12px;}
.screening .sxwords span{display: inline-block; margin-right: 12px; position: relative; border: 1px solid #dee2e1; padding: 0 24px 0 8px; border-radius: 3px; height: 28px; line-height: 26px;}
.screening .sxwords span ins{position: absolute; top: 0; right: 0; width: 24px; height: 26px; text-align:center; color: #999; font-size: 18px; cursor: pointer;}
.screening .sxmaincont .zpart{font-size: 13px; color: #696969; line-height: 30px; padding: 4px 0;}
.screening .sxmaincont .zpart ins{display:block; float: left; width: 42px; margin: 5px 0;}
.screening .sxmaincont .zpart span{display: block; padding-left: 42px;}
.screening .sxmaincont .zpart span a{display: block; float: left; white-space:nowrap; padding: 0 8px; border-radius: 3px; border-radius: 3px; margin:5px; font-size: 13px; color: #333333;}
.screening .sxmaincont .zpart span a.on{ background: #f4f5f5; color: #23d7bc;}
.screening .sxmaincont .twofl a{position: relative;}
.screening .sxmaincont .twofl a:after{ display: none; background: url(../images/arroweru.png) no-repeat center; width: 10px; height: 14px; position: absolute; top: 38px; left: 50%; margin-left: -5px;}
.screening .sxmaincont .twofl a.on:after{ display: block;}
.screening .sxmaincont .twofl a.all:after{ display: none;}
.screening .threefl{ padding: 10px 0; line-height:28px; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; margin-top: 10px;}
.screening .threefl .cont{padding-left: 42px;}
.screening .threefl .cont a{margin: 0 26px 0 11px; color: #333;}
.screening .threefl .cont a.on{color: #23d7bc;}
.sxhotw{ color: #999999; font-size: 14px; padding-top: 30px;}
.sxhotw .hotws{line-height: 32px;}
.sxhotw .hotws a{display: block; float:left; color: #999999; font-size: 14px;}
.sxhotw .hotws a.on{ color: #23d7bc; font-weight: bold; font-size: 15px;}
.sxhotw .hotws i{display: block; float: left; margin: 0 20px;}
.sxhotw .hotws em{display: block; float: left; padding-right: 20px; background: url(../images/arriwer.png) no-repeat right center;}
.sxhotw .hotws span{display: block; float: left; overflow: hidden; padding-left: 10px; padding-top: 5px;}
.sxhotw .hotws span ins{display: block; float: left; width: 30px; height: 22px; cursor: pointer; overflow: hidden; margin-left: 5px; line-height: 666px; border: 2px solid #eaeaea;}
.sxhotw .hotws span ins.all{background: url(../images/allbg.jpg) no-repeat center;}
.sxhotw .hotws span ins.bg1{ background: #f15246;}
.sxhotw .hotws span ins.bg2{ background: #ffa500;}
.sxhotw .hotws span ins.bg3{ background: #ffff00;}
.sxhotw .hotws span ins.bg4{ background: #008080;}
.sxhotw .hotws span ins.bg5{ background: #00ffff;}
.sxhotw .hotws span ins.bg6{ background: #3574e6;}
.sxhotw .hotws span ins.bg7{ background: #803cd9;}
.sxhotw .hotws span ins.bg8{ background: #fff;}
.sxhotw .hotws span ins.bg9{ background: #e6e6e6;}
.sxhotw .hotws span ins.bg10{ background: #000;}
.sxhotw .hotws span ins.bg11{ background: #804000;}
.sxhotw .hotws span ins.on{ border: 2px solid #23d7bc;}
.sxhotw .search{ width: 360px; height: 32px; border: 1px solid #d6dde0; border-radius: 16px;}
.sxhotw .search .webtxt{ width: 300px; border: none; background: none; float: left; padding-left: 20px; height: 30px; line-height:30px; color:#333; font-size: 14px;}
.sxhotw .search .webtn{ width: 30px; height: 30px; border:none; background: url(../images/searchicos.png) no-repeat center; float: right; margin-right: 10px; cursor: pointer;}

/*首页*/
.indbanner{ height: 500px; background: url(../images/indbaner.jpg) no-repeat center;}
.indbanner .wcont{padding: 175px 0 0 132px; color:#fff}
.indbanner .wcont h2{display: block; font-size: 40px;}
.indbanner .wcont span{color: #bffff9; font-size: 20px; display: block; padding: 26px 0 46px;}
.indbanner .wcont span i{ margin: 0 20px;}
.indbanner .wcont a{display: block; color: #00a7a1; font-size: 16px; border-radius: 24px; height: 48px; line-height: 48px; width: 200px; padding-left: 80px; background: #b1efe6 url(../images/penbtnbg.png) no-repeat 48px center;}
.indbanner .wcont a:hover{background: #fff url(../images/penbtnbg.png) no-repeat 48px center;}

.indtlesm{ text-align: center; padding: 66px 0 0px;}
.indtlesm .mtles h2{display: block; font-size: 25px; color: #333333;}
.indtlesm .mtles p{display: block; padding-top: 16px; color: #999999; font-size: 15px;}
.indtlesm .yjtitle{ border-bottom: 1px solid #e3e3e3; width: 86%; margin: 0 auto; padding-top: 10px; line-height: 50px; font-size: 15px; color:#696969;}
.indtlesm .yjtitle i{display: inline-block; cursor: pointer; margin: 0 18px; border-bottom: 2px solid transparent;}
.indtlesm .yjtitle i.on{ border-bottom: 2px solid #23d7bc; color: #23d7bc;}
.indtlesm .ejtitle{padding: 28px 0 0px;}
.indtlesm .ejtitle i{display: inline-block; padding: 0 15px; border-radius: 16px; border: 1px solid #dadada; height: 32px; line-height: 30px; cursor: pointer; color: #999999; font-size: 12px; margin: 0 12px;}
.indtlesm .ejtitle i.on{ color: #fff; border: 1px solid #23d7bc; background: #23d7bc;}
.indtlesm .btnmore{padding: 0px 0 60px; text-align: center; font-size: 14px;}
.indtlesm .btnmore a{color:#999999; display: block; width: 140px; height: 40px; line-height: 38px; border-radius: 20px; border: 1px solid #dbdbdb; margin:0px auto}

.indprocess{background: #fff;padding:40px 0 120px;}
.indprocess .title{ text-align: center;}
.indprocess .title b{color: #292324; font-size: 24px; display: block; font-weight: normal;}
.indprocess .title p{color: #292324; font-size: 16px; display: block; padding-top: 12px;}
.indprocess ul{padding-top: 65px; text-align: center; margin: 0 auto; width: 823px;}
.indprocess ul li{display: block; float: left;}
.indprocess ul li img{display: block; margin: 0 auto;}
.indprocess ul li ins{display: block; padding:55px;}
.indprocess ul li em{display: block; padding-top:25px;font-size: 18px;}
.indprocess .btn{padding-top: 86px;}
.indprocess .btn a{display: block; width: 150px; height: 40px; background: #4dd3c5; color: #fff; text-align: center;border-radius: 20px; line-height: 40px; margin: 0 auto;}

.cyfooter{ background: #303131; font-size: 14px; color: #afafaf;}
.cyfooter .wrap{padding: 60px 0; }
.cyfooter .nav{padding-top: 20px; line-height: 26px;}
.cyfooter .nav a{ color:#afafaf; margin-right: 60px;}
.cyfooter .nav a:hover{color: #fff;}
.cyfooter .teldl dl{overflow: hidden; padding: 10px 0; float: left; width: 205px; margin-right: 75px;}
.cyfooter .teldl dt{float: left;padding-top: 6px;}
.cyfooter .teldl dd{ overflow: hidden;; padding-left: 10px; font-size: 13px;}
.cyfooter .teldl dd b{font-size: 15px; padding-bottom: 5px; display: block;}
.cyfooter .teldl a{color: #afafaf;}
.copyright{ background: #2b2c2c; line-height: 24px; font-size: 13px; font-weight: normal; color: #7c7c7c; text-align: center; padding: 20px 0;}


.webnavmain{ height:60px;}
.hfivetle{ height: 150px; background: url(../images/hfpics.jpg) no-repeat center;}
.hfiveclass{padding: 40px 0; box-shadow:3px 3px 12px #ccc; background: #ffffff; position: relative;z-index: 66;}
.hfiveclass ul li{ width: 16.66%; float: left; padding: 0 10px;}
.hfiveclass ul li img{ width: 100%; display: block; max-width: 180px; margin: 0 auto;}
.caselist .part .mask a.ewmab img {
    display: block;
    width: 148px;
    margin-top: 36px !important;
}


/*2017-11-24*/
.hmsmap{ padding-top: 20px;}
.hmsmap span{display: block; background: #fff; overflow: hidden; padding: 0 40px;}
.hmsmap a{display: inline-block; line-height: 38px; border-bottom: 2px solid #fff; margin-right: 40px;color: #72747B; font-weight: bold;}
.hmsmap a.on{border-bottom: 2px solid #23d7bc; color: #23d7bc;}
.hmsbtns{ padding-top: 20px; text-align: center; overflow: hidden;}
.hmsbtns a{display: block; float: left; padding: 0 20px; height: 36px; line-height: 34px; color: #999999; border-radius: 3px; border:1px solid #cdcdcd; margin-right: 20px; }
.hmsbtns a.on{color: #23d7bc; border: 1px solid #23d7bc;}











@media (min-width:1701px){
	.wrap{ width: 1600px;}
	.minwd{min-width: 1600px;}
	.indheader .nav{padding-left: 135px;}
	.headercont .indheader .search{ width: 305px;}
	.headercont .indheader .webtxt{width: 226px;}
	.headercont .indheader .logins{padding-left: 88px;}
	.headercont{ height: 500px;}
	.headercont .contword{padding-top: 195px;}
	.assortment{padding: 36px 0;}
	.assortment ul{margin: 0 -13px; height: 150px;}
	.assortment ul li{ width: 245px; margin: 0 13px;}
	.caselist{padding: 35px 0 38px;}
	.caselist .part{ width: 252px;margin: 0 9px; padding: 10px;}
	.caselist .listcontm .part,.caselist .listconts .part{ margin:15px 7.3px;}
	.caselist .listcont{height: 492px;}
	.caselist .listconts{height: 1044px;}
	.caselist.hfcasest .listconts{height:910px;}
	.caselist .part .pic{height:409px}
	.caselist .part .pic i img{height:409px}
	.caselist.hfcasest .part .pic{height:357px}
	.caselist.hfcasest .part .pic i img{height:357px}
	.hfiveclass ul{padding: 0 90px;}
	.caselist .addpart{height:475px;}
	.caselist .part .word i{width:140px;}
	
	.caselist .part .mask a.ewmab img {
	    margin-top: 72px !important;
	}
}
@media (max-width:1700px){

}




/*内容页弹框*/
.tkwrap{position: fixed;top: 0;left: 0; right: 0; bottom: 0; z-index: 99; overflow: auto;}
.detailcontentk{ width: 910px; height: 678px; padding: 45px 45px 0; background: #fff; position: absolute; top: 50%; left: 50%; margin-top: -339px; margin-left: -465px; z-index: 99;}
.detailcontentk .pnbtn{display: block; width: 50px; height: 50px; position: absolute; top: 50%; margin-top: -25px;}
.detailcontentk .pnbtn img{display: block; width: 50px; height: 50px;}
.detailcontentk .leftview{ width: 305px;}
.detailcontentk .leftview .pic{ width: 305px; height: 542px; overflow: hidden;}
.detailcontentk .leftview .pic img{display: block;width: 305px; height: 542px;}
.detailcontentk .leftview .words{overflow: hidden; padding-top: 15px; font-size: 13px; color: #333333; line-height: 24px;}
.detailcontentk .leftview .words i{display:block; float: left;}
.detailcontentk .leftview .words span{display: block;padding-left: 36px;}
.detailcontentk .leftview .words span a{ margin-left:18px; color: #999999; display: block; float: left; white-space: nowrap;}
.detailcontentk .leftview .words span a:hover{color: #333;}
.detailcontentk .contmain{width: 470px;}
.detailcontentk .infors{padding-bottom: 15px; border-bottom: 1px solid #ebebeb}
.detailcontentk .infors h2{display: block; font-size: 18px; line-height: 28px; font-weight: bold; color: #333333;}
.detailcontentk .infors .zsmun{padding: 15px 0 10px; line-height: 26px; overflow: hidden; font-size: 13px; color: #696969;}
.detailcontentk .infors .zsmun i{display: block; float: left;; margin-right: 40px; padding-left: 30px;}
.detailcontentk .infors .zsmun .sc{ background: url(../images/heart.png) no-repeat left center}
.detailcontentk .infors .zsmun .zs{ background: url(../images/pen.png) no-repeat left center}
.detailcontentk .infors p{display: block; color:#999999; font-size: 13px; line-height:23px;}
.detailcontentk .zfinfo{padding: 15px 0 25px; border-bottom: 1px solid #ebebeb}
.detailcontentk .zfinfo .tips{line-height: 26px; color: #333333; font-size: 13px;}
.detailcontentk .zfinfo .tips span{padding-right: 20px;}
.detailcontentk .zfinfo .tips span i{color: #22d7bb;}
.detailcontentk .zfinfo .tips a{color: #22d7bb;}
.detailcontentk .zfinfo ul{ margin: 0 -10px; overflow: hidden;padding: 20px 0;}
.detailcontentk .zfinfo li{float: left; border: 1px solid #e0e0e0; text-align: center; color: #696969; cursor: pointer; font-size: 14px; height: 42px; line-height:40px; position: relative; overflow: hidden; width: 140px; margin:0 10px;}
.detailcontentk .zfinfo li img{ margin-right: 12px; vertical-align: middle;}
.detailcontentk .zfinfo li i{width: 18px;display: none; height: 16px; position: absolute; bottom: -1px; right:-1px; background: url(../images/benchmarking.png) no-repeat center;}
.detailcontentk .zfinfo li.on{border: 1px solid #22d7bb;}
.detailcontentk .zfinfo li.on i{display: block;}
.detailcontentk .zjecnt{padding-top: 10px; color: #333333; font-size: 13px;}
.detailcontentk .zjecnt b{color: #22d7bb; font-size: 18px;}
.detailcontentk .btns{padding-top: 15px; color: #696969; font-size: 13px; line-height: 40px; overflow: hidden;}
.detailcontentk .btns em{display: block; float: left;}
.detailcontentk .btns em a{display: block; height: 40px; line-height:40px; width: 150px; text-align: center; background: #22d7bb; color: #fff; font-size: 16px; float: left; border-radius: 5px;}
.detailcontentk .btns span{display: block; float:left; padding-left: 20px; }
.detailcontentk .btns span a{color: #22d7bb;}
.detailcontentk .periphery{padding-top: 26px;}
.detailcontentk .periphery .title{ overflow: hidden; line-height: 30px; font-size: 14px; color: #333333;}
.detailcontentk .periphery .title b{display: block; float: left; font-weight: bold;}
.detailcontentk .periphery .title a{color: #999; float: right; font-size: 13px}
.detailcontentk .periphery ul{ overflow: hidden;padding-top: 12px; margin: 0 -5px;}
.detailcontentk .periphery ul li{float: left; width: 72px; margin: 0 4px;}
.detailcontentk .periphery ul li img{display: block; width: 100%;}



/*登录弹框*/
.layui-layer.logintk{background:none; box-shadow:none}
.dlogintkm{width:295px; height: 605px; display:block; background: url(../images/iphonepics.png) no-repeat center; padding: 66px 20px 0; text-align: center;}
.dlogintkm .contm{position: relative; padding-top: 78px;}
.dlogintkm .contm .closedct{width:22px; height: 22px; position: absolute; top: 10px; right: 5px; background: url(../images/closedicos.png) no-repeat center; cursor: pointer;transition:All 0.3s ease-in-out; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; }
.dlogintkm .contm .closedct:hover{transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.dlogintkm .contm .logos img{display: block; margin: 0 auto}
.dlogintkm .contm dl{padding: 55px 0 0;}
.dlogintkm .contm dt{ height: 30px; line-height: 30px; color: #fff; text-align: center; background: url(../images/tklinebg.png) no-repeat center; font-size: 12px; margin-bottom: 10px;}
.dlogintkm .contm dd{padding-top: 30px;} 
.dlogintkm .contm dd a{display: block; width: 220px; height:38px; line-height: 38px; border-radius: 19px; margin: 0 auto; color: #999; font-size: 13px;padding-left: 36px;}
.dlogintkm .contm dd a.qq{background:#fff url(../images/dlico1.png) no-repeat 40px center;}
.dlogintkm .contm dd a.wx{background:#fff url(../images/dlico2.png) no-repeat 40px center;}