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%;vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;} table {border-collapse: collapse;border-spacing: 0;} a{text-decoration: none;} html,body{overflow-x: hidden;} body{font:14px Arial,SimHei, Verdana, Arial, Helvetica, sans-serif;height: auto;} strong{font-weight: 600;} .pt120{padding-top: 120px;} .pb100{padding-bottom: 100px;} .page-cen{max-width: 1200px;margin: 0 auto;} .header{height: 114px;position: fixed;top: 0;left: 0;z-index:999;width: 100%;background-color: #fff;-webkit-transition: all 0.4s ease-in;-moz-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;transition: all 0.4s ease-in;} /*@font-face {*/ /*font-family:neue;*/ /*src: url('../fonts/BebasNeue.eot?t=1498011755196'); !* IE9*!*/ /*src: url('../fonts/BebasNeue.eot?t=1498011755196#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/ /*url('../fonts/BebasNeue.woff?t=1498011755196') format('woff'), !* chrome, firefox *!*/ /*url('../fonts/BebasNeue.ttf?t=1498011755196') format('truetype'), !* chrome, firefox, opera, Safari, Android, iOS 4.2+*!*/ /*url('../fonts/BebasNeue.svg?t=1498011755196#iconfont') format('svg'); !* iOS 4.1- *!*/ /*}*/ .header .logo-pic{width:167px;height: 50px;margin: 32px 0;float: left;background: url(../images/logo2.png) no-repeat 0 center; background-size: cover;} .header-nav{float: right;height: 60px;line-height: 60px;margin-top: 54px;margin-right: -12px;} .header-nav li{float: left;margin: 0 18px;padding: 0 36px;text-align: center;position: relative;} .header-nav li.active span,.header-nav .menu-uls li.active span{color: #004386;} .header-nav li span, .header-nav .menu-uls li span{color: #333;} .menu-uls{position: absolute;top:58px;display: none;left: 0;width: 120%; margin: 0 -12px;text-align: center;background-color:#fff;border-top:2px solid #004386;} .index-header .menu-uls{/*background:url(../images/bg_nav.png);*/background-color: #fff;border:1px solid #fff;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;border-top: 2px solid #004386;} .header-nav li:hover .menu-uls{height: inherit;} .header .header-nav .menu-uls li{float: none;padding: 10px 12px;margin: 0;line-height: 24px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s ;-ms-transition: all 0.4s ;-o-transition: all 0.4s ;transition: all 0.4s;} .header-nav .menu-uls li:hover{background-color:#004386;} /*.index-header .header-nav .menu-uls li:hover{background:none;}*/ .header .header-nav .menu-uls li:hover span{color:#fff;} /*.index-header .header-nav .menu-uls li:hover span{color:#;}*/ .select_box{position: relative;float: right;margin-top: 30px;height: 20px;} .wf_select {position: absolute;right: 0;color: #333;line-height: 26px;z-index: 10;cursor: pointer;padding-right: 16px;width: 70px;} .wf_select:hover:after{ background: url(../images/arrow_u_b.png) no-repeat center;} .wf_select:after{background: url(../images/arrow_d_b.png) no-repeat center;content: '';display: block;position: absolute;top: 6px;right: 10px;width: 14px;height: 14px;-webkit-transition: all ease-in 0.2s;-moz-transition: all ease-in 0.2s;-ms-transition: all ease-in 0.2s;-o-transition: all ease-in 0.2s;transition: all ease-in 0.2s;} .wf_select span {padding-left: 6px;} .wf_select p {overflow: hidden;border: 0 solid #fff;height: 0;background: #fff;color: #666;-webkit-transition: all ease-in 0.5s;-moz-transition: all ease-in 0.5s;-ms-transition: all ease-in 0.5s;-o-transition: all ease-in 0.5s;transition: all ease-in 0.5s;} .wf_select:hover p {border-color:#333;height:52px;border-width: 1px;} .wf_select p a {color: #333;display: block;padding-left: 6px;} .wf_select p a:hover{background: #4f7daf;color: #fff;} .search{position: absolute;right: 90px;} .search input{border:1px solid transparent;width:0px;height: 24px;padding:0 15px;outline: none;background:url(../images/search_b.png) no-repeat right center;cursor:pointer;-webkit-transition: all ease-in 0.5s;-moz-transition: all ease-in 0.5s;-ms-transition: all ease-in 0.5s;-o-transition: all ease-in 0.5s;transition: all ease-in 0.5s;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;} .search input:focus{border:1px solid #333;height: 24px;width: 160px;padding: 0 20px 0 10px;color: #333;} .index-header .wf_select{color: #fff;} .index-header .search input{color: #fff;background-image: url(../images/search.png);} .index-header .search input:focus{color: #fff;border-color: #fff;} .index-header .wf_select:hover p{border-color: #fff;} .index-header .wf_select:hover:after {background: url(../images/arrow_u.png) no-repeat center;} .index-header .wf_select:after {background: url(../images/arrow_d.png) no-repeat center;} .footer{background: #f1f3f2;padding-bottom: 47px;} .footer .page-contact{width: 340px;position: relative;float: left;} .footer .page-contact .title{position: absolute;width: 100%;top:-52px; height: 52px;line-height: 52px;color: #fff;background-color: #004386;} .footer .page-contact .title h4{padding: 0 22px;} .footer .page-contact ul{padding: 30px 22px 46px;background-color: #fff;color: #666666;line-height: 22px;} .footer .page-contact ul li{padding:16px 0 20px;border-bottom: 1px solid #e9e9e9;background-position:right 24px;background-repeat: no-repeat;} .footer .page-contact ul li.tel{background-image: url(../images/tel.png);} .footer .page-contact ul li.email{background-image: url(../images/email.png);} .footer .page-contact ul li.address{background-image: url(../images/address.png); background-position: right 38px;} .footer .page-contact ul li p{width:220px;} .footer .page-contact ul li .weixin{margin-left: 5px; position: relative;} .footer .page-contact ul li .weixin::after{content: '';position: absolute;top: -145px;left: 50%;margin-left: -50px;width: 100px;height: 100px;padding-bottom: 30px;background: url(../images/weixin.jpg) no-repeat;background-size: contain;display: none;} .footer .page-contact ul li .weixin:hover::after{ display: block; } .footer .fr{float: right;padding-top: 60px;} .footer li p{color: #666;} .footer ul{overflow: hidden;} .footer .list{float: left;margin-left: 65px;font-size: 12px;} .footer .list1{display: none;} .footer .list p{color: #004386;font-size: 15px;margin-bottom: 18px;font-weight: 600;} .footer .list .menu .list{float:none;padding-left:18px;line-height: 24px;margin-left: 0;background: url(../images/disc.png) no-repeat 0 0;} .footer .list .menu .list p{line-height: 24px;font-size: 12px;color: #999;margin-bottom: 0;font-weight: 500;} .footer .list .menu .list:hover p{color: #004386;} .footer .copy{float: left;font-size: 12px;color: #999; margin-left: 65px; margin-top: 60px;} .bar{border-bottom: 1px solid #dbdbdb;} .breadcrumbs{float: right;line-height:60px;color: #666;font-size: 13px;} .breadcrumbs li{float: left;} .breadcrumbs a{color: #666;} .breadcrumbs li.current span{color: #004386;display:block;max-width: 100px;overflow: hidden;height: 55px;text-overflow: ellipsis;white-space: nowrap;} .breadcrumbs .sep{padding: 0 5px;} .yiiPager{margin: 50px auto 0;text-align: center;} .yiiPager li {display: inline-block;margin: 0 4px;cursor: pointer;line-height: 32px;} .yiiPager li a{color: #333;padding:0 10px;} .yiiPager li:hover,.yiiPager .page.selected{background-color:#004386;} .yiiPager li:hover a,.yiiPager .page.selected a{color: #fff;} .gotop {display: none;width: 50px;height: 50px;cursor: pointer;position: fixed;right: 30px;bottom: 20%;z-index: 99999;background: url(../images/togreen.png) no-repeat 0px 0px;transition: background .3s ease-in;-moz-transition: background .3s ease-in;-webkit-transition: background .3s ease-in;} .gotop:hover{background-image: url(../images/top1.png);} .search-area {text-align: center;margin-top: 214px} .search-area form{display: inline-block;} .search-area .search_input{ float: left; border: 1px solid rgb(150,150,150);width: 417px;font-size: 16px;height: 30px;line-height: 30px;padding: 2px 53px 2px 5px;} .search-area .btn{width: 116px;height: 36px;float: left;border: 0;cursor: pointer;color: #fff;background: rgb(200,200,200)} .search-result-content .title{font-size: 18px;color:#004386;line-height: 32px;} .search-error,.search-result-empry{text-align: center;width: 100%;padding: 50px 0;max-width:1200px;margin:0 auto 100px;} .search-result-content{max-width:1200px;margin:auto;} .search-item{padding: 20px 0;border-bottom:1px dashed #333;} .header-banner{height: auto; padding-top: 114px;} .header-banner img{display: block;width: 100%;} .page-block{background: url(../images/bg_foot.png) repeat-x center bottom;padding-bottom: 300px;padding-top: 14px;} .page-block .page-left{float: left;width:18%;} .page-block .page-right{float: right;width: 80%;} .page-block .page-left h1{font-size: 20px;color: #004386;line-height: 60px;border-bottom: 2px solid #004386;padding-left: 12px;} .page-block .page-left li{padding-left: 12px;line-height: 50px;color: #000;border-bottom: 1px dotted #666;cursor: pointer;background-position-y:center ;-webkit-transition: all ease-in 0.2s;-moz-transition: all ease-in 0.2s;-ms-transition: all ease-in 0.2s;-o-transition:all ease-in 0.2s;transition: all ease-in 0.2s;} .page-block .page-left li div a{display: block;color: #000;} .page-block .page-left li div{font-size: 16px;;} .page-block .page-left li.current,.page-block .page-left li:hover{background:url(../images/arrow-r.png) no-repeat left center; color: #004386;padding-left: 24px;background-position-x: 12px;} .page-block .page-left li.current div a,.page-block .page-left li:hover div a{color: #004386;} .page-right .page-cont .title{position: relative;color: #004386;font-size: 28px;padding-left:18px;margin: 32px 0;line-height:36px;} .page-right .page-cont .title:before{content: '';position: absolute;left: 0;top: 2px;width: 6px;height: 28px;background-color: #99D341;} .page-right .page-cont .title span{font-size: 16px;padding-left: 20px;font-weight: 600;} .page-right .info p{color: #666;line-height: 24px;padding-bottom: 5px;} .page-right .page-cont .info p img{max-width: 100%;height: auto;} .page-right .info .features p{padding-bottom: 0;} .profile-list-info{margin-left: -2.6%;} .profile-list-info li{padding: 2%;margin: 0 0 2.6% 2.6%;overflow: hidden;float: left;height: 300px;border: 1px solid #ebebeb;width: 26.13%;text-align: center;line-height: 24px;-webkit-animation-duration: 1s;-moz-animation-duration: 1s;-o-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;-moz-animation-fill-mode: both;-o-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;-moz-animation-name: fadeInUp;-o-animation-name: fadeInUp;;animation-name: fadeInUp;;} .profile-list-info div{text-align: center;padding:10px 0 32px;} .profile-list-info h4{color: #004386;} .profile-list-info p{color: #666;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;} .page-right .link{height: 66px;line-height: 66px;background-color: #f4f4f4;cursor: pointer;text-align: center;margin-top: 70px;-webkit-transition: all 0.8s;-moz-transition: all 0.8s ;-ms-transition: all 0.8s ;-o-transition: all 0.8s ;transition: all 0.8s ;} .page-right .link:hover{background-color: #004386;} .page-right .link:hover a{color:#f4f4f4;} .page-right .link a{display: block;color: #004386;font-weight: 600;} .page-right .link.download i{display: inline-block;width: 40px;height: 20px;background:url(../images/download.png) no-repeat right center;vertical-align: middle;} .page-right .link.download:hover i{background-image:url(../images/download_w.png)} .join-first{background-color: #f7f7f7;padding: 23px 0;margin-bottom: 40px;} .join-first .icon{float: left;width: 11%;border-right: 1px solid #e4e4e4;text-align: center;} .join-first .join-info{float:left;margin-left: 30px;} .join-first h4{color:#99d341;font-size: 24px;line-height: 71px;} .join p{color: #666;font-size: 13px; line-height: 22px;} .join-list-info{margin-left: -3%;} .join-list-info li{padding: 2% 1.2%;margin: 0 0 3% 3%;overflow: hidden;float: left;height: 280px;border: 1px solid #ebebeb;width: 22%;text-align: center;line-height: 24px;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;box-sizing:border-box;} .join-list-info li img{width: 50px;height: auto;} .join-list-info div{padding-top: 6px;} .join-list-info h4{margin: 14px 0;} .page-right .link.joinUs em{display: inline-block;width: 30px;height: 20px;background:url(../images/join_1.png) no-repeat left center;vertical-align: middle;margin-top: -4px;} .page-right .link i{display: inline-block;width: 40px;height: 20px;background:url(../images/link.png) no-repeat right center;vertical-align: middle;} .page-right .joinUs:hover em{background-image:url(../images/join_1_w.png) } .page-right .link:hover i{background-image:url(../images/link_w.png); } .group-list-info{margin-top: 36px;margin-left: -9.7%;} .group-list-info li{margin-left: 9.7%;width: 10.3%;float: left;-webkit-animation:fadeIn 0.6s;-o-animation:fadeIn 0.6s;animation:fadeIn 0.6s;animation-fill-mode: both;} .group-list-info li:nth-of-type(1){-webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-o-animation-delay: 0.5s;animation-delay: 0.5s;} .group-list-info li:nth-of-type(2){-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay:1s;animation-delay: 1s;} .group-list-info li:nth-of-type(3){-webkit-animation-delay: 1.5s;-moz-animation-delay: 1.5s;-o-animation-delay: 1.5s;animation-delay: 1.5s;} .group-list-info li:nth-of-type(4){-webkit-animation-delay: 2s;-moz-animation-delay: 2s;-o-animation-delay: 2s;animation-delay: 2s;} .group-list-info li:nth-of-type(5){-webkit-animation-delay: 2.5s;-moz-animation-delay: 2.5s;-o-animation-delay: 2.5s;animation-delay: 2.5s;} .group-list-info li img{width: 100%;height: auto;} .group-list-info li p{color: #004386;text-align: center;} .group-list-info li span{display: block;font-size: 16px;} .contact-list-info li{border:1px solid #e2e2e2;margin-bottom: 46px;} .contact-list-info .pic{width: 50%;float: left;} .contact-list-info .pic img{width: 100%;display: block;} .contact-list-info .info-box{width: 50%;float: left} .contact-list-info .info{padding:60px 20px 60px 60px;} .contact-list-info .info h2{font-size: 16px;color: #333;} .contact-list-info .info h3{font-size: 13px;color: #333;} .contact-list-info .info .line{height: 4px;width: 24px;margin:20px 0;background-color: #004386;} .contact-list-info .info .address{padding-left: 20px;margin-bottom: 8px;background: url(../images/address_2.png) no-repeat left center;} .contact-list-info .info .postcode{padding-left: 20px;margin-bottom: 0;background: url(../images/postCode.png) no-repeat left center;} .contact-list{margin-top: 57px;} .contact-list li{float: left;width: 25%;text-align: center;font-size: 13px;line-height: 20px;} .contact-list li .pic{margin-bottom: 10px;} .contact-list li .tel{margin: 0 auto;} .social-list-info{margin-left: -5%;} .social-list-info li{position: relative;padding-bottom:40px;margin-bottom:60px;width: 45%;margin-left: 5%;float: left;} .social-list-info li .pic{width: 82%;} .social-list-info li .pic img{width: 100%;-webkit-transition: all 0.8s ease-in ;-moz-transition: all 0.8s ease-in ;-ms-transition: all 0.8s ease-in ;-o-transition: all 0.8s ease-in;transition: all 0.8s ease-in;} .social-list-info li:hover .pic img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .social-list-info li .info{position: absolute;bottom: 0;right: 0;width: 80%;height:98px;;line-height:17px;background-color: #fff;padding: 16px 20px;font-size: 13px;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition: all ease-in 0.4s;cursor: pointer;-moz-transition: all ease-in 0.4s;-ms-transition: all ease-in 0.4s; -o-transition: all ease-in 0.4s;transition: all ease-in 0.4s;-webkit-box-shadow: 2px 2px 2px 1px #dcdbdb;box-shadow: 2px 2px 2px 1px #dcdbdb;} .social-list-info li .info span{display: block;width: 100%;} .social-list-info li:hover .info{background-color: #004386;color: #fff;} .news-list-info{overflow: hidden;} .news-list-info li{border-bottom: 1px dotted #e4e4e4;padding-bottom: 30px;margin-top: 14px;} .news-list-info li:hover h4{color: #004386;} .news-list-info .first{overflow: hidden;border-bottom:none;padding-bottom: 20px;} .news-list-info .first .pic{float: left;width: 48%;overflow: hidden;max-height: 270px;} .news-list-info .first .pic img{width: 100%;-webkit-transition: transform 0.8s;-moz-transition: transform 0.8s;-ms-transition: transform 0.8s;-o-transition: transform 0.8s;transition: transform 0.8s;} .news-list-info .first:hover .pic img{-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-ms-transform: scale(1.02);-o-transform: scale(1.02);transform: scale(1.02);} .news-list-info .first .info{width: 48%;float: right;} .news-list-info .first .info p{display:-webkit-box;display:-ms-flexbox;-webkit-box-orient: vertical;height: 74px;-webkit-line-clamp: 3;padding-bottom: 0;overflow: hidden;} .news-list-info .first .info .link-more{display: block;width: 154px;height: 40px;border-radius:20px;background-color: #004386;color: #fff;text-align: center;line-height: 40px;margin-top: 38px;} .news-list-info .info h4{font-size: 15px;line-height: 24px;color: #333;font-weight: 600;margin-bottom: 10px;height: 48px;overflow: hidden;} .news-list-info .info .time{color:#99d341;font-size: 14px;margin-bottom: 10px;} .news-list-info .info p{line-height: 24px;display:-webkit-box;display:-ms-flexbox;-webkit-box-orient: vertical;height: 46px;-webkit-line-clamp: 2;padding-bottom: 0;overflow: hidden;} .news-list-title{border-bottom: 2px solid #004386;padding-bottom: 1px;} .news-list-title li{float: left;width: 25%;font-size: 18px;line-height: 40px;height: 40px;text-align: center;cursor: pointer;} .news-list-title div{border: 1px solid #f7f7f7;border-bottom: none;color: #ccc;} .news-list-title li:hover div,.news-list-title .current div{border:1px solid #004386;color: #004386;} .back{display: block;width: 154px;height: 40px;border-radius:20px;background-color: #004386;color: #fff;text-align: center;line-height: 40px;margin: 46px auto 0;} .back a{color: #fff;display: block;} .assembly .pro_left{float: left;width: 57%;font-size: 13px;} .assembly .pro_left h4{ font-size: 32px; font-weight: 600;line-height: 60px;margin-bottom: 10px; color: #004386; } .assembly .pro_left h4 span{font-size: 13px;color: #666;font-weight: normal;padding-left: 10px;} .assembly h6{color: #004386;margin: 20px 0 10px;font-weight: 600;} .assembly .pro_left .features li{padding-left: 20px;background: url(../images/circle.png) no-repeat left 9px;line-height: 30px;color: #666;;} .assembly .pro_left .features li p{line-height: 30px;} .assembly .pro_right{width: 43%;float: right;} .assembly .pro_right img{width: 100%;} .assembly .advantages{margin: 30px 0 60px -2.4%;font-size: 12px;} .assembly .advantages li{display:inline-block;margin-left: 2.0%;width: 30.6%;margin-bottom: 20px;vertical-align: top;} .assembly .advantages li .box{border:1px solid #ebebeb;padding: 5%;overflow: hidden;} .assembly .advantages li .pic{display: inline-block;vertical-align: middle;background: url(../images/line_1.png) no-repeat right center;padding-right: 9%;margin-right: 8%;width: 48px;} .advatages_img{width: 100%;} .assembly .advantages li .text{display: inline-block;vertical-align: middle;width:56%;height:100%;} .assembly .advantages li .text h6{padding: 0;margin: 0;color: #333;} .assembly .advantages li .text p{padding: 0 ;margin: 0;margin-top: 4px;line-height: 16px;} .assembly .case-title{position: relative;font-size: 18px;padding: 20px;background-color:#f2f2f2;} .assembly .case-title .case-prev,.assembly .case-title .case-next{position: absolute;top:20px;width: 20px;height: 20px;background-repeat: no-repeat;background-position: center;cursor: pointer;} .assembly .case-title .case-prev{right: 50px;background-image: url(../images/arrow_left.png);} .assembly .case-title .case-next{right: 30px;background-image: url(../images/arrow_right.png);} .assembly .case-title .case-prev:hover{background-image: url(../images/arrow_left_b.png);} .assembly .case-title .case-next:hover{background-image: url(../images/arrow_right_b.png);} .assembly .case-title h6{margin-bottom: 0;margin-top:0;line-height: 20px;padding-left: 8px;border-left: 4px solid #99d341;} .assembly .banner-case {margin-top:30px;margin-left: -72px;overflow: hidden;} .assembly .banner-case ul{white-space: nowrap;} .assembly .banner-case li{width: 245px;margin-left:72px;display: inline-block;height: auto;margin-bottom: 0;padding: 0;float: none;border: none;margin-right: 0;box-sizing: inherit;} .assembly .banner-case .pic{height:200px;overflow: hidden;} .solution_details.assembly .banner-case .pic{height: 309px;text-align: center;} .assembly .banner-case .pic img{height: 100%;} /*.solution_details.assembly .banner-case .pic img{max-height:400px;}*/ .assembly .case-banner{overflow: hidden;} .assembly .banner-case h4{font-size:16px;line-height: 56px;text-align: center;height: 56px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color:#333;} .assembly .btn{text-align: center;margin-top: 72px;position: relative} .assembly .btn a{width: 170px;height: 42px;display: inline-block;line-height: 42px;text-align: center;color: #fff;margin: 55px;font-size: 15px;-webkit-border-radius:21px;-moz-border-radius:21px;border-radius:21px;} .assembly .btn .down_lan{display: none;position: absolute;top:100px;left: 50%;margin-left: -110px;padding: 26px 10px;line-height: 30px;color: #fff;background-color: #004386;float: left;width: 200px;} .assembly .btn .down_lan a{padding: 0;margin: 0;display: inline-block;width: 40px;height: 30px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;vertical-align: middle;} .assembly .btn .down_lan a.ch{background:url(../images/cn.jpg) no-repeat center;} .assembly .btn .down_lan a.en{background:url(../images/en.jpg) no-repeat center;} .assembly .btn .down_lan a.am{background:url(../images/jp.jpg) no-repeat center;} .assembly .btn .messa{background: url(../images/mess.png) no-repeat 22px 12px;background-color:#004386;} .assembly .btn .download{background: url(../images/book.png) no-repeat 22px 14px;background-color:#004386;padding-left: 20px;width: 150px;cursor: pointer} .techimp-list-info h4{padding-left: 16px;background: url(../images/circle.png) no-repeat 0px center;font-size: 16px;color: #333;margin-bottom: 24px;} .techimp-list-info ul{font-size: 13px;color: #666;line-height: 24px;} .techimp-list-info ul li{overflow: hidden;} .techimp-list-info ul div{float: right;width: 94%;} .techimp-imgbox ul{overflow: hidden;margin-top:45px;margin-left: -3%;} .techimp-imgbox li{float: left;width: 30.33%;margin-left: 3%;} .techimp-imgbox li img{width: 100%;} .tech_sup .btn_down{padding:22px 10px;line-height: 100%;font-size: 18px;background: #004386;color: #fff;} .tech_sup .list .list-fir h4{position:relative;height: 80px;line-height: 80px;font-size:16px;color: #000;padding-left: 20px;background: url(../images/circle.png) no-repeat left center;font-weight: 600;cursor: pointer;} .tech_sup .list .list-fir h4:after{position: absolute;right: 20px;width:20px;height: 80px;content: '';background: url(../images/arrow_r.png) no-repeat right center;} .tech_sup .list .list-fir h4.active:after{background-image: url(../images/arrow_b.png);} .tech_sup .list .list-fir.first>div{display: block;} .tech_sup .list .list-fir>div{display: none;} .tech_sup .list .list-fir .slide{margin-bottom: 28px;border-bottom: 1px solid #eeeeee;border-top:1px solid #eee;padding: 20px 0 0;} .tech_sup .list .list-fir .slide h6{font-size: 16px;font-weight:600;color: #004386;margin-bottom: 22px;margin-left: 20px;} .tech_sup .list .list-fir .slide .item-box{overflow: hidden;margin-right: -3.8%;width: 100%;margin-left: -3.3%;} .tech_sup .list .list-fir .slide .item{width: 30%; margin-left: 3.3%;margin-bottom:20px;float: left;} .tech_sup .list .list-fir .slide .item .box{/*padding: 20px;*/padding:16px;border: 1px solid #eee;overflow: hidden;} .tech_sup .list .list-fir .slide .item .box .pic{float: left; width:26% } .tech_sup .list .list-fir .slide .item .box .pic img{width: 100%;} .tech_sup .list .list-fir .slide .item .box .info{float: right;width:68%;} .tech_sup .list .list-fir .slide .item .box .info .line{width: 38px;height: 6px;background: #004386;margin-bottom: 14px;} .tech_sup .list .list-fir .slide .item .box .info p{padding-bottom: 0;} .tech_sup .down_lan{padding:10px;line-height: 30px;color: #fff;background-color: #004386;float: left;margin:0 14px 0 20px;width: 195px; text-align: center;} .tech_sup .down_lan a{display: inline-block;width: 40px;height: 30px;vertical-align: middle;} .tech_sup .down_lan .ch{background:url(../images/cn.jpg) no-repeat;} .tech_sup .down_lan .en{background:url(../images/en.jpg) no-repeat;} .tech_sup .down_lan .am{background:url(../images/jp.jpg) no-repeat;} .tech_sup .down_list{float: left; line-height: 1.5em; min-height: 3em;} .tech_sup .down_list{position:relative;float: left;font-size: 13px;width: 202px;margin-bottom: 20px;padding-left: 20px;} .tech_sup .down_list a{color: #666;cursor: pointer;} /*.tech_sup .down_list:hover .down_lan{display: block;}*/ .tech_sup .down_list .down_lan{display: none; position: absolute;z-index: 90;cursor: pointer;bottom:-15px;left: 0;} /*---solution---*/ .solution{position: relative;} #big {width:100%;/*height: 490px;*/overflow: hidden;height: auto;} .big_carousel{height: auto!important;} #big .pic{position: relative;} #big .pic .info{position: absolute;top:20%;color: #fff;left: 7%;width: 430px;background:url(../images/bg-solution.png);padding: 40px;} #big .pic .info h4{font-weight: 600;font-size: 30px;margin-bottom:10px;} #big .pic .info h5{font-weight: 600;font-size: 18px;margin-bottom:6px;} #big .pic .info p{color: #fff;} #big .pic .info a{color: #fff;display: block;width: 158px;height: 36px;line-height: 36px;background: url(../images/border.png) no-repeat 0 0;text-align: center;} #big img {width: 100%;display: block;} #small {height: 210px;overflow: hidden;margin-left: -27px;} #small .carousel {float: left;} #small .pic{display: block;width: 282px;padding-top: 30px;height: 175px;margin: 0 0 20px 24px;float: left;-webkit-transition: background 0.6s ease;-moz-transition: background 0.6s ease;transition: background 0.6s ease;background-repeat: no-repeat;background-position: center 16px;} #small .pic:hover,#small .pic.smallbox{background-image:url(../images/arrow-top.png);} #next,#prev {width: 40px;height: 40px;position: absolute;bottom: 66px;background-repeat: no-repeat;background-position: center;cursor: pointer;} #next{right: -56px;background-image: url(../images/arrow_right.png);} #next:hover{background-image: url(../images/arrow_right_b.png);} #prev:hover{background-image: url(../images/arrow_left_b.png);} #prev{left: -56px;background-image: url(../images/arrow_left.png);} #small img{border:2px solid transparent;width: 100%;height: 100%;box-sizing:border-box;} #small .pic:hover img,#small .smallbox img{border:2px solid #004386;} .solution_banner{position:relative;margin-bottom: 44px;overflow: hidden;height:auto;/*max-height: 420px;*/} .solution_banner ul{width: 400%;overflow: hidden;height: auto !important;} .solution_banner li{float: left;height: auto;} .solution_banner li img{display: block;width: 100%;} .solution_bar{position: absolute;bottom:24px;right: 24px;} .solution_bar a{display: block;float: left;width: 23px;height: 4px;border-radius: 2px;background-color:#fff;margin-left: 15px;} .solution_bar a.selected{background-color:#94D53D;} .solution_bar span{display: none;} .assembly_lsit li{width: 35%;margin: 0 1.5% 20px;float: left;margin-right: 5%;} .assembly_lsit li .pic{height: 330px;overflow: hidden;text-align: center;border: 1px solid #ccc;} .assembly_lsit li .pic img{height: 100%;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;-o-transition: all 0.8s;transition: all 0.8s;} .assembly_lsit li .t_info{font-size: 16px;text-align: center;height: 44px;line-height: 22px;overflow: hidden;color:#666;margin-top: 10px;} .assembly_lsit li:hover img{-webkit-transform: scale(1.02);-moz-transform: scale(1.02);-ms-transform: scale(1.02);-o-transform: scale(1.02);transform: scale(1.02);} .assembly_lsit li:hover .t_info{color:#004386;} .solution_details .info ul{overflow: hidden;} .solution_details .info ul li{position: relative;width:31%;float: left;box-sizing: border-box;border:1px solid #ebebeb;padding: 20px;margin-right: 2%;margin-bottom: 20px;height:114px;} .solution_details .info ul li:after{content: '';width: 0;height: 100%;display: inline-block;margin-right: -1px;vertical-align: middle;} .solution_details .info ul li img{float: left;height: auto;margin-top:16px;vertical-align: middle;padding: 0 5% 0 0;background:url(../images/line_1.png) no-repeat right center;margin-right: 5%;width: 15%;} .solution_details .info ul li p strong{display: block;} .solution_details .info ul li p{display: inline-block;vertical-align: middle;padding-bottom: 0;width:70%;line-height: 18px;} .solution_details .info table td{ padding: 10px;border-left: 1px solid #ccc} .solution_details .info table td p{padding: 0;} .solution_details .info table thead td{padding-top: 0;border-left: none;} .solution_details .info table thead td p{border-bottom: 1px solid #ccc;padding-bottom: 10px;display: inline-block;} .solution_details .info table tr td:first-child{border-left: none;} .icon-title{height: 80px;line-height: 80px;font-size: 16px;color: #000;padding-left: 20px;background: url(../images/circle.png) no-repeat left center;font-weight: 600;cursor: pointer;} .icon-list li{float: left;width: 78px;height: 100px;padding: 10px;line-height: 100px;} .icon-list li img{width: 100%;} .tech-content img{width: 100%;height: auto;} .quality li{float: left;width: 36%;padding:10px 20px;border:1px solid #ccc;margin:20px;} .quality li img{width: 60px;margin-right: 20px;vertical-align: middle;} .lan_phone{height: 40px;line-height: 40px; font-size: 26px; padding-left: 30px;padding-top: 20px;} .lan_phone a{color: #333;padding-right: 10px;} .lan_phone a.active{color: #004386;} html.visibly{overflow: hidden;height: 100%;} .dialog-shadow{display: none;position:fixed;top: 0;left: 0;bottom: 0;right: 0;background-color: rgba(0,0,0,0.5);z-index: 1000;overflow: auto;} .dialog-box{position: relative;width: 750px;height: 760px;background-color: #fff;left: 0;right: 0;top:0;margin:50px auto;z-index: 1010;} .dialog-box h2{ background-color: #004386;padding: 35px 0 ;font-size: 20px;color: #fff;text-align: center; } .dialog-box .close{ width: 32px;height: 32px;background:url(../images/btn_close.png) no-repeat 50% ; position: absolute;right: 26px;top:31px;cursor: pointer; } .dialog-box form{margin: 30px auto 0;width: 485px;} .dialog-box label{width: 50px;text-align: right;display: inline-block;font-size: 16px;padding-right: 10px;} .dialog-box input{ width: 356px;height: 25px;line-height: 25px;padding: 10px; border: 1px solid #e5e5e5;margin:0 0 15px;outline: none; } .dialog-box .error input{ border-color: #ff8989; } .dialog-box input:focus,.dialog-box .error input:focus{ border-color: #004386; } .dialog-box textarea{padding: 10px; border: 1px solid #e5e5e5;margin:0 0 15px;width: 356px;line-height: 26px;height: 158px;resize: none;vertical-align: top;outline: none; } .dialog-box textarea:focus{ border-color: #004386; } .dialog-box .submit { padding-left: 64px; } .dialog-box .submit button{ padding:14px 28px;color: #fff;background-color: #004386;border-radius: 24px;outline: none;border: none; } .foot-contact li .text { font-size: 18px; } .foot-contact li.zj{ background-image: url('/uploads/1650.png'); background-position: right 38px; background-size: 20%; } .foot-contact li.xs{ background-image: url('/uploads/5c19a0df/icon_14_en.png'); background-position: right 38px; background-size: 20%; } .foot-contact li.gz{ background-image: url('/uploads/5c19a139/icon_17_en.png'); background-position: right 38px; background-size: 20%; } .menu-id-22,.menu-id-30{ display: none!important; }