锘縝ody {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;overflow-x: hidden; margin:0;} p{ margin:0; padding:0;} *{font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;} .container-slide{ overflow: hidden;} a,a:hover{ text-decoration:none;} .form-control{border-radius:0;} ul{ list-style:none;} dl,dt,dd,h2,form,ul,li,p,img, span, h1,h3,h4,h5,h6{margin:0; padding:0;} a { color:#4f4f4f; text-decoration:none; margin:0; } a:hover { color:#0075c9; text-decoration:none; } a img { border:0; } ul{list-style-type:none;} .tab-content{display:none;} .scale{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;-o-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s;} .scale:hover{transform:scale(1.1);} .container {margin:0 auto;} @media (max-width:767px){ .container{padding:0px 15px;} .hidden-xs{display:none;} } @media (min-width:768px){ .container{width:750px} } @media (min-width:992px){ .container{width:970px} } @media (min-width:1230px){ .container{width:1200px} } /* .zybanner{background-repeat:no-repeat;background-position:center;background-size:cover;height:260px;} .zybanner a{display:block;width:100%;height:100%;} @media(max-width:991px){ .zybanner{height: 200px;} } @media(max-width:767px){ .zybanner{height: 150px;} }*/ .zybanner{background-repeat:no-repeat;background-position:center;background-size:auto 100%;} .banner-container{width:1200px;max-width:100%;margin:0 auto;} .banner-inner{width:100%;height:0;padding-bottom:21.66667%;} .zybanner a{display:block;width:100%;height:100%;} .empty{text-align:center;padding:40px 0px;} .clear{clear:both;} /*header*/ header,.logo{-webkit-transition: all .4s ease-in-out 0s;-moz-transition: all .4s ease-in-out 0s;-ms-transition: all .4s ease-in-out 0s;-o-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s;} header{position:relative;z-index:99;-moz-box-shadow: 1px 1px 5px 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 1px 1px 5px 4px rgba(0, 0, 0, 0.2);box-shadow: 1px 1px 5px 4px rgba(0, 0, 0, 0.2);} header .container{position:relative;} .menu ul,.menu li{display:block;margin:0;padding:0;list-style:none;} .menu li a{display:block;text-align:center;} .logo{float:left;} .logo a{display:block;} .logo img{max-height:100%;} @media(min-width:768px){ header{height:70px;} .logo{height:55px;padding-top:8px;padding-bottom:7px;} .logo img{max-height:55px;} .menu{float:left;} .menu>ul>li{float:left;position:relative;} .menu>ul>li.menu-moblie{display:none;} .menu>ul>li>a{/*width: 105px;*/color: #000;line-height: 70px; padding:0 15.5px;} .menu>ul>li:hover>a{background: url(../images/menu_a_hover.jpg) bottom center no-repeat;} .menu>ul>li>ul{display:none;width:200px;position:absolute;top:70px;left:50%;margin-left:-100px;padding:5px 0px;background:url(../images/popmenu-bg.jpg);border-radius: 5px;z-index:9999;zoom:1;} .menu>ul>li:hover ul{display:block;} .menu>ul>li>ul a{display:block;padding:5px 15px 5px 17px;font-size:14px;line-height:20px; color:#444444;} .menu>ul>li:hover ul a{background:none;} .menu>ul>li>ul a:hover{color:#004ea1;} .menu-icon{display:none;} .search{float:right;width:155px;height:24px;margin-top:23px;border-radius:7px;background:url(../images/search.png) no-repeat;} .search input,.search button{display: block;border:0;background:none;outline: none;} .search input{width:120px;height: 22px;float:left;padding: 1px 0px;line-height: 22px;margin-left:5px;color: gray;} .search button{width: 25px;height: 24px;float:right;font-size: 12px;line-height: 26px;} } @media(min-width:991px) and (max-width:1229px){ .menu>ul>li>a{/*width: 80px;*/color: #000;line-height: 70px; font-size:14px; padding: 0 7px;} } @media(min-width:768px) and (max-width:991px){ .menu>ul>li>a{/*width:72px;*/color: #000;line-height: 70px; font-size:14px; padding:0 3px;} .search{display:none;} } @media(max-width:767px){ header{height:60px;position:fixed;display:block;width:100%;top:0;left:0;background:#fff;z-index:1000;} .logo{height:50px;padding-top:5px;padding-bottom:5px;} .logo img{max-height:50px;} .popup-menus{display:none;} .menu{width:120px;position:absolute;top:60px;right:-120px;display:none;} .menu.open{right:0;display:block;} .menu>ul{padding:5px 0px;background:#088fc4;} .menu>ul>li.menu-pc{display:none;} .menu>ul>li a{padding:0px 10px;font-size:14px;line-height:30px;color:#fff;} .menu>ul>li a:hover{color:#004ea1;background:#fff;} .menu>ul>li>ul{display:none;} .search{display:none;} .menu-icon{display:block;float:right;padding-top:16.5px;} .menu-icon a{display:block;width: 31px;height: 27px;background:url(../images/menu-icon.png) no-repeat;} } .logo{overflow:hidden;} .logo a{display:block;float:left;} a.office{display: none;height: 25px;line-height: 25px;font-size: 18px;color: #004ea1;padding-left: 10px;margin: 19px 0 0 10px;border-left: 2px solid #004ea1;white-space: nowrap;} @media(min-width:1230px){ a.office{display:block;} } @media(max-width:767px) and (min-width:390px){ a.office{display:block;margin-top:16px;} } /*footer*/ footer{background:#004ea1; width:100%;padding:45px 0;clear:both;} .foot-logo{overflow:hidden;} .foot-logo img{ float:left;margin-right:10px;} .foot-logo p{color:#fff; font-size:14px; padding:10px 0;} .foot-nav{padding-top:25px;overflow:hidden;} .foot-nav ul,.foot-nav ul li{display:block;list-style:none;margin:0;padding:0;} .foot-nav ul{width:16.6666%;float:left;overflow: hidden;} .foot-nav ul li,.foot-nav ul li a{font-size:14px; color:#dbdbdb; line-height:28px;} .foot-nav ul li.tit{ font-size:16px; font-weight:100; color:#278fff; padding:15px 0;} .foot-nav ul li.code-tit{padding-bottom:15px; border-bottom:1px solid #80a7d0; padding-top:25px; margin-bottom:10px;} .qrcode img{max-width:88px;max-height:88px;} .qrcode a img{margin-left:10px;} @media(max-width:991px){ .foot-nav ul{width:33.3333%;} } @media(max-width:767px){ footer{padding:15px 0px;background: #f3f3f3;} .foot-logo{display:none;} .foot-nav{padding-top:0;} .foot-nav ul{display:none;} .foot-nav ul.foot-contact{display:block;} .foot-nav ul{width:auto;float:none;margin-right:-20px;} .foot-nav ul li{margin-right: 20px;float:left;} .foot-nav ul li, .foot-nav ul li a{color:#000;} .foot-nav ul li.tit,.foot-nav ul li.code-tit{clear:both;float:none;padding:0;} .foot-nav ul li.tit{display:none;} .foot-nav ul li.code-tit{border:0;padding: 0px 0px 5px 0px;margin:0;} } .guide,.links,.copyright, .guide a,.links a,.copyright a{color:#dbdbdb;font-size:14px;line-height:25px;padding-top: 10px;} .guide{padding-top:40px;clear:both;} .links a{margin-right:10px;/*white-space:nowrap;*/} .links span{white-space:nowrap;} .guide span{padding:0px 5px;} .go-top{float:right;} .go-top img{margin-left:10px;margin-right:0;} @media(max-width:767px) { .links,.guide,.copyright{display:none;} } .mfoot-links{display:none;} @media(max-width:767px){ body.fixed{padding:60px 0px 51px 0px;} .mfoot-links{display:block;width:100%;height:50px;overflow:hidden;background:#004ea1;position:fixed;left:0;bottom:0;border-top:1px solid #3167a2;z-index:1000;} .mfoot-links ul{display:block;overflow:hidden;margin-left:-1px;} .mfoot-links li{display:block;width:20%;float:left;height:50px;overflow:hidden;} .mfoot-links li a{display:block;width:100%;height:40px;border-left:1px solid #3167a2;padding:5px 0px;} .mfoot-links li i{display:block;height:20px;background-repeat:no-repeat;background-position:center;background-size:auto 100%;} .mfoot-links li span{display:block;height:16px;line-height:16px;padding-top: 4px;color:#fff;font-size:12px;text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} } /*main layout*/ .main{padding:50px 0px;} .main .container{overflow:hidden;} .main .left{float:left;width:200px;} .main .right{margin-left:260px;overflow:hidden;} .main .page-wrap{float:left;width:100%;} .left h1{font-size: 18px;line-height:25px;font-weight:normal;word-break: break-all;color: #000;margin-bottom:10px;} .summary{margin-bottom:15px;overflow:hidden;} .summary h2{font-size: 20px;line-height:30px;margin-bottom:15px;font-weight:normal;} .summary p{font-size: 14px;color:#333;margin-bottom:15px;line-height:24px;text-align:justify;} .summary img{max-width:100%;} .page-title{overflow:hidden;border-bottom: 1px solid #d8d8d8;margin-bottom: 15px;} .page-title h1{font-size: 20px;line-height:25px;font-weight: normal;word-break: break-all;color: #000;margin-bottom:10px;float:left;} /*breadcrumb*/ .breadcrumb{font-size: 14px;line-height:25px;word-break: break-all;margin-bottom:10px;} .breadcrumb a{color:#000;} .breadcrumb a:hover{text-decoration:underline;} .breadcrumb span{padding:0px 3px;color:#272636;} .page-title .breadcrumb{float:right;} @media(max-width:1229px){ .main .right{margin-left:240px;} } @media(max-width:767px){ .main{padding:20px 0px;} .main .left{float:none;width:auto;margin-bottom:20px;} .main .left.unrelated{display:none} .main .right{margin:0;clear:both;} .left h1{color: #004ea0;font-weight: bold;line-height: 37px;border-bottom: 2px solid #004ea0;} .page-title{border:0;margin-bottom:0;} .page-title .breadcrumb{display:none;} } /*lmenu*/ .lmenu ul,.lmenu li{display:block;} .lmenu ul{border-top: 1px solid #d8d8d8;overflow:hidden;} .lmenu ul li{padding: 6px 0px 6px 16px;position:relative;border-bottom: 1px solid #d8d8d8;} .lmenu ul li a{line-height:24px;font-size: 14px;color: #000;} .lmenu li a:hover{color: #004ea1;} .lmenu li a.active{color: #004ea1;font-weight: bold;} .lmenu ul li>span{display:block;width:24px;height:24px;float:right;background:url(../images/larrow-03.jpg) no-repeat center;} .lmenu ul li.larrow.open{padding-bottom:0;} .lmenu ul li.larrow>span{background-image:url(../images/larrow-01.jpg);} .lmenu ul li.larrow.open>span{background-image:url(../images/larrow-02.jpg);} ul.sub-menu{border:0;padding-left:25px;display:none;} li.open .sub-menu{display:block;} ul.sub-menu li{padding-left:0;border-top: 1px solid #d8d8d8;border-bottom:0;} ul.sub-menu li.first{border:0;} ul.sub-menu li a{color:#333;font-size:13px;} /*smenu*/ .smenu{margin-top:40px;} @media(max-width:767px){ .smenu{display:none;} .lmenu ul{margin-right:-10px;margin-bottom:-10px;border:0;} .lmenu ul li{float: left;border: 0;padding: 0;margin: 0px 10px 10px 0px;min-width:160px;} .lmenu ul li a{display:block;padding:6px 10px;text-align: center;line-height: 20px;color: #4f4f4f;background: #eee;border:0;} .lmenu ul li a:hover,.lmenu ul li a.active{background: #004ea0;color:#fff;font-weight:normal;} .lmenu ul li span{display:none;} ul.sub-menu,li.open .sub-menu{display:none;} } /*offer-form*/ .control input,.control textarea,.control select,.control button{resize:none;outline:none;} .control{min-height:40px;padding-left:130px;margin-bottom: 15px;position:relative;overflow:hidden;font-size:0;} .narrow .control{margin-bottom:0;padding-left:100px;} .label{display:block;width:120px;font-size:14px;line-height:20px;text-align:right;padding:10px 0px;position:absolute;left:0;top:0;} .narrow .label{width:90px;} .label span{color: #f60;margin-right:3px;position:relative;top:2px;} .field{border: 1px solid #a9a9a9;height: 28px;width:300px;max-width:100%;font-size:14px;line-height: 26px;padding-left: 5px;padding-right: 5px;margin:6px 0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .field.tiny{width:210px;} .field.small{width:100px;} textarea.field{width:600px;height:200px;resize:none;} .radio{display:block;float:left;margin-right:10px;font-size:12px;line-height:20px;padding:10px 0px;} .radio input{width: 16px;height: 16px;display: block;float: left;margin-top: 2px;margin-right: 5px;} .control img{display: inline-block;height:28px;vertical-align:top;margin:6px;} .control a{font-size:12px;color:#06c;} .control a.link,.control .link{display: inline-block;font-size:12px;color:#06c;line-height:28px;margin:6px 0px;} .control.button-set,.narrow .control.button-set{margin-right:-10px;margin-bottom:-4px;} .control button,.control .button{display:block;float:left;vertical-align:bottom;width:100px;height:34px;line-height: 34px;border: 0;color: #fff;cursor: pointer;font-size: 14px;font-weight: bold;text-align: center;background: #004ea1;margin:6px 10px 4px 0px;} @media(max-width:500px){ .control,.narrow .control{padding-left:0;} .label,.narrow .label{position:static;width:auto;text-align:left;padding:0;} } .control.v-control .label{position:static;width:auto;text-align:left;padding:0;} label.error,span.error{font-size:12px;color:#e60012;display:inline-block;margin-left:10px;line-height:20px;} .tip-wrap{display:inline-block;margin:0;padding:0;} .tip{font-size:12px;color:#999;display:inline-block;margin-left:10px;line-height:20px;} .field.error{border-color:#e60012;} .control .link.orange{color: #ff8100;} .control .btn-action{display:inline-block;width: 98px;vertical-align:bottom;line-height: 28px;border: 0;color: #fff;cursor: pointer;font-size: 14px;font-weight: bold;text-align: center;background: #004ea1;margin:6px 0px 6px 12px;} a.captcha-btn{display:inline-block;vertical-align:top;width:90px;height:28px;line-height:28px;border:0;color:#fff;cursor:pointer;font-size:14px;font-weight:bold;text-align:center;background:#004ea1;margin:6px 6px 6px 6px;cursor:pointer;color:#fff;} a.captcha-btn.disabled{background:#bbb;color:#fff;} /*news-list*/ .news-item{border:1px solid #b7b7b7;overflow:hidden;margin-bottom:20px;position:relative;} .news-img{width:160px;overflow:hidden;position:absolute;top:0;left:0;bottom:0;} .news-img img{display:block;max-width:100%;} .news-img img:hover{transform:scale(1.1);} .news-con{margin-left:160px;padding:18px;} .news-con h2{font-size:18px;font-weight:normal;line-height:24px;max-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .news-con h2 a{color:#333;} .news-con h2 span{font-size: 14px;float: right;margin-left: 10px;color: #ff7f00;display: inline-block;} .news-con p{ font-size:14px;color:#666;line-height:24px;max-height:48px;margin-top:10px;overflow:hidden;-webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-all; display:-webkit-box;} @media (max-width:991px){ .news-con{padding:10px;} .news-con h2{white-space:normal;font-size:16px;line-height:22px;max-height:44px;-webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-all; display:-webkit-box;} .news-con p{font-size:12px;line-height:22px;max-height:44px;} } @media (min-width:500px){ .news-item{min-height:118px;} } @media (max-width:499px){ .news-img{ display:none;} .news-con{ margin-left:0;} .news-con h2{font-size:14px} .news-con h2 span{font-size:12px} } /*news*/ .news-title{padding-top:10px;padding-bottom:10px;border-bottom:1px dashed #ccc;} .news-title h2{font-size:18px;line-height:30px;text-align:center;} .news-title p{text-align:center;font-size:12px;line-height:25px;margin-top:10px;} .news-title p span{color:#999999;margin-left: 10px;} .news-title p a{color: #0075c9;} .news-detail{margin-top:15px;} .news-detail p{font-size:16px;line-height:35px;color:#333;text-align:justify;} .news-detail img{max-width:100%;} /*pro-list*/ .pro-list{overflow:hidden;margin:30px -15px -30px -15px;} .pro-item{width:50%; float:left;overflow:hidden;} .pro-inner{margin-left:5px;margin: 0px 15px 30px 15px;border:1px solid #ccc;padding:10px;min-height:130px;} .pro-img{float:left;width:140px;} .pro-img img{display:block;max-width:100%;max-height:130px;margin:0 auto;} .pro-con{margin-left:150px;} .pro-con h3{font-size:16px;line-height: 24px;overflow: hidden;white-space:nowrap;text-overflow:ellipsis;} .pro-con h3 a{color:#004ea1;} .pro-con p{font-size:14px; color:#333; line-height:24px;height:48px;margin-top:10px;margin-bottom:5px;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;display: -webkit-box;} .pro-con .more{display:block;width: 87px;height: 20px;font-size:12px;line-height: 20px;margin-top:10px;text-align: center;color: #ff4e00;background:url(../images/pro-more.jpg) no-repeat;} @media(max-width:991px){ .pro-list{margin:30px -5px -10px -5px;} .pro-inner{margin: 0px 5px 10px 5px;} .pro-img{float:none;width:auto;} .pro-con{margin-left:0;text-align:center;} } @media(max-width:499px){ .pro-item{width:auto;float:none;} .pro-list{margin:20px 0px -10px 0px;} .pro-inner{margin: 0px 0px 10px 0px;} .pro-con h3{white-space:normal;word-break:break-all;} } /*pro*/ .pro-image{float:right;display:block;margin:0px 0px 12px 12px;max-width:290px;} .pro-image img{max-width:290px;} .pro-image a{text-align: center;width: 135px;display: block;margin: 10px auto 10px auto;background: #ff6200;border-radius: 6px;border: 0;height: 38px;line-height: 38px;font-size: 14px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;} .pro-title{overflow:hidden;} .pro-title h2{font-size:18px;line-height:30px;margin-bottom: 10px;} .pro-title p{font-size:16px;line-height:35px;color:#333;} .pro-detail{margin-top:15px;overflow:hidden;} .pro-detail p{font-size:16px;line-height:35px;color:#333;text-align:justify;} .pro-detail img{max-width:100%;} .pro-tab{margin-top:30px;clear:right;} .pro-tab .tab-items{display: block;border-bottom:1px solid #ccc; overflow:hidden;} .pro-tab .tab-item{ float:left; padding:5px 15px; background:#dad9d7; margin-right:2px; font-weight:bold; color:#333;} .pro-tab .tab-item:hover,.pro-tab .tab-item.active{ background:#00a1e0; color:#fff;} @media(max-width:991px){ .pro-image{float:none;max-width:100%;margin:0 auto;} .pro-image img{max-width:100%;} } /*pagination*/ .paging{margin-top:20px;} .simple-pagination{padding: 3px 3px 3px 3px;font-size: 12px;line-height: 23px;text-align:center;} .simple-pagination p{ float:left; padding-right:15px; padding-top:7px;} .simple-pagination a, div.simple-pagination span{padding: 0px 5px 0px 5px;margin-right: 2px;font-size: 12px;white-space: nowrap;display: inline-block;min-width: 23px;} .simple-pagination a{text-decoration: none;border: solid 1px #8f8f8f;color: #727272;background: #fff;} .simple-pagination span.ellipsis{color: #9e9e9e;font-size:14px;} .simple-pagination span.disabled{border: #f3f3f3 1px solid;color: #ccc;background: #fff;} .simple-pagination input{margin-left:10px;width: 30px;padding: 0px;margin-right: 2px;font-size: 12px;height: 27px;line-height: 27px;border: #ddd 1px solid;text-align: center;color: #727272;} .simple-pagination select{margin-left:10px;height: 29px;padding: 0px;margin-right: 2px;font-size: 12px;border: #ddd 1px solid;text-align: center;color: #727272;} span.record{color:#ccc;} .simple-pagination.default a:hover, .simple-pagination.default a:active{color: #fff;background: #373737;border-color: #373737;} .simple-pagination.default span.current{text-align:center;border: #373737 1px solid;font-weight: bold;color: #fff;background: #373737;} .simple-pagination.default input:focus{border: #373737 1px solid;outline:none;} .simple-pagination.default select:focus{border: #373737 1px solid;} /*about*/ .about p{font-size:16px;line-height:35px;color:#333;text-align:justify;} .about img{max-width:100%;} /*down-list*/ .down-item{padding:15px 0px;border-bottom: 1px solid #ccc;min-height:130px;overflow:hidden;} .down-img{width: 128px;height: 128px;float: left;border: 1px solid #cdcdcd;} .down-img img{display:block;max-width:100%;max-height:100%;} .down-con{margin-left:160px;} .down-con h3{font-size:16px;line-height:24px;font-weight:normal;margin-bottom:5px;color: #000;} .down-con p{font-size:14px;line-height:24px;overflow:hidden;margin-bottom:5px;} .down-con span{display:block;width:50%;float:left;} .down-con a.more{display:block; width:80px; text-align:center;font-size:14px;line-height:20px;padding:5px 0; background:#004098; color:#fff;margin-top:10px;} @media(max-width:549px){ .down-img{display:none;} .down-con{margin-left:0;} } @media(max-width:399px){ .down-con p{margin-bottom:0;} .down-con span{width:auto;float:none;} } /*news*/ .down-title{padding-top:10px;padding-bottom:10px;} .down-title h2{font-size:18px;line-height:30px;text-align:center;} .down-info{padding:15px 0px;min-height:130px;overflow:hidden;} .down-info .down-con{padding-top:15px;} .down-detail{margin-top:15px;} .down-detail p{font-size:16px;line-height:35px;color:#333;text-align:justify;} .down-detail img{max-width:100%;} /*model-list*/ .model-list{margin:0px -5px -20px -5px;overflow:hidden;} .model-item{width:33.3333%;float:left;} .model-inner{margin:0px 5px 20px 5px;} .model-img{display: block;width: 100%;height: 0;padding-bottom: 56.54%;overflow:hidden;position:relative;} .model-img a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;} .model-img img{display:block;max-width:100%;margin:0 auto;} .model-item h3{font-size:16px;line-height:24px;font-weight:normal;text-align:center;color:#333;margin-top:8px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;} @media(max-width:991px){ .model-item{width:50%;} } @media(max-width:500px){ .model-item h3{font-size:14px;} } @media(max-width:350px){ .model-item{width:auto;float:none;} } /*case-list*/ .case-item{border-bottom:1px solid #ccc; padding-bottom:20px;margin-bottom:20px;} .case-item h3{font-weight:bold; font-size:16px; color:#000; line-height:25px; padding-bottom:10px; display:block;} .case-item p{font-size:14px; color:#4c4c4c; line-height:24px; max-height:48px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break: break-all; display:-webkit-box;} .case-item .more{background:#00a1e0; color:#fff; display:block; width:110px; padding:4px 0; text-align: center; font-size:14px; margin-top:10px;} .case-item .more:hover{background:#004ea1; color:#fff;} /*activities*/ .actv-list{margin:0px -10px -20px -10px;overflow:hidden;} .actv-item{width:33.3333%;float:left;} .actv-inner{margin:0px 10px 20px 10px;} .actv-img{display: block;width: 100%;height: 0;padding-bottom: 57.8231%;overflow:hidden;position:relative;} .model-img a{display:block;width:100%;height:100%;position:absolute;top:0;left:0;} .actv-img img{display:block;max-width:100%;margin:0 auto;} .actv-item h3{font-size: 17px;font-weight: normal;color: #000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 10px;} .actv-item span{display:block;font-size: 14px;line-height: 25px;color: #4c4c4c;margin-top: 5px;} .actv-item p{font-size: 14px;line-height: 25px;color: #4c4c4c;margin-top: 5px;height: 75px;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-break: break-all;display: -webkit-box;} @media(max-width:991px){ .actv-item{width:50%;} } @media(max-width:767px){ .actv-item h3{text-align:center;font-size:15px;} .actv-item p{display:none;} } @media(max-width:599px){ .actv-list{margin:0px -5px -15px -5px;overflow:hidden;} .actv-item{width:50%;} .actv-inner{margin:0px 5px 15px 5px;} } @media(max-width:399px){ .actv-item{width:auto;float:none;} } /*subtype-list*/ .subtype-list{margin:20px -5px 0px -5px;overflow:hidden;} .subtype-item{width:11.1111%;height:370px;float:left;text-align:center;} .subtype-inner{height:100%;margin:0px 3px;} .inner-table{display:table;width:100%;height:100%;background: #1aa7d7;} .subtype-cover{display:table-cell;vertical-align:middle;padding:10px;cursor:pointer;} .subtype-item img{display:block;max-width:100%;margin:0 auto;} .subtype-item h3{font-size: 16px;font-weight: normal;line-height: 25px;color:#fff;margin-top:5px;} .subtype-cover img{width:79px;} .subtype-con{display:none;padding:10px;vertical-align:middle;} .subtype-con img{border-radius:50%;width:138px;height:138px;max-width:138px;} .subtype-con p{font-size:14px;line-height:24px;color:#fff;margin-top:10px;height: 48px;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;display: -webkit-box;} .subtype-con a{display: block;width: 130px;max-width:100%;height: 24px;line-height: 24px;text-align: center;color: #fff;background: #45b7c9;border-radius: 24px;margin: 20px auto 0px auto;} .subtype-item.active{width:22.2222%} .subtype-item.active .subtype-cover{display:none;} .subtype-item.active .subtype-con{display:table-cell;} @media(min-width:992px){ .subtype-1 .subtype-item{width:45%;} .subtype-1 .subtype-item.active{width:55%} .subtype-2 .subtype-item{width:45%;} .subtype-2 .subtype-item.active{width:55%} .subtype-3 .subtype-item{width:30%;} .subtype-3 .subtype-item.active{width:40%} .subtype-4 .subtype-item{width:22%;} .subtype-4 .subtype-item.active{width:34%} .subtype-5 .subtype-item{width:18%;} .subtype-5 .subtype-item.active{width:28%} .subtype-6 .subtype-item{width:15%;} .subtype-6 .subtype-item.active{width:25%} .subtype-7 .subtype-item{width:13%;} .subtype-7 .subtype-item.active{width:22%} } @media(min-width:992px) and (max-width:1299px){ .subtype-con p{height: 72px;-webkit-line-clamp: 3;} } @media(max-width:991px){ .subtype-list{margin-bottom:-6px;} .subtype-item,.subtype-item.active{width:50%;height:auto;margin-bottom:6px;} .subtype-cover{display:none;} .subtype-con{display:table-cell;} } @media(max-width:449px){ .subtype-item,.subtype-item.active{width:auto;float:none;} .subtype-inner{margin:0;} } /*app-table*/ .app-wrap{border: 1px solid #ccc;border-bottom:0;overflow: hidden;margin-top:20px;} .app-list{margin-left:-1px;} .app-head{display:table;width:100%;border-collapse:collapse;} .app-head li{display:table-cell;vertical-align:middle;text-align:center;height: 50px;font-size: 16px;color: #fff;background: #005eb4;border-left: 1px solid #333;} .app-th{width:22%;} .app-th-img{width:160px;} .app-body{} .app-tr{display:table;width:100%;border-collapse:collapse;border-bottom: 1px solid #ccc;} .app-td{display:table-cell;vertical-align:middle;text-align:center;height: 160px;border-left: 1px solid #ccc;} .app-td p{margin:10px;font-size: 14px;line-height:24px;max-height:96px;overflow:hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;word-break: break-all;display: -webkit-box;} .app-img{width:160px;} .app-img a{display:block;} .app-img img{display:block;max-width:140px;max-height:140px;margin:10px auto 10px auto;border-radius:50%;} .app-info{width:22%;} .app-td a{font-size:16px;color: #005eb4;} .app-td a.more{display: block;width: 92px;max-width:100%;font-size: 14px;line-height:24px;padding: 3px;color: #fff;background: #7f7f7f;margin: 0 auto;} .app-td a.more:hover{background:#005eb4;} @media(max-width:991px){ .app-td p{margin:5px;} } @media(max-width:599px) { .app-head{display:none;} .app-img{width:130px;height:130px;float:left;display:block;} .app-img img{max-width:120px;max-height:120px;margin:5px auto 5px auto;} .app-info,.app-summary{display: block;width: auto;height: auto;margin-left:130px;border-bottom:0;} .app-td p{max-height:48px;-webkit-line-clamp: 2;margin:0;padding:5px;} .app-summary p{height:48px;padding:0px 5px;} .app-title{padding-top:2px;} .app-more{padding-bottom:5px;} } @media(max-width:399px){ .app-img{display:none;} .app-info,.app-summary{margin-left:0;} .app-summary p{height:auto;} } .subtype-table-wrap{border: 1px solid #ccc;overflow: hidden;margin-top:20px;} .subtype-table{margin: 0px -1px -1px -1px;} .subtype-head{overflow:hidden;} .subtype-head li{display:block;float:left;width:22%;height: 50px;font-size: 16px;line-height: 50px;font-weight: normal;color: #fff;text-align: center;background: #005eb4;border-left: 1px solid #333;margin-left:-1px;} .subtype-head li.subtype-summary{width:34%;} .subtype-tr{overflow:hidden;border-bottom: 1px solid #ccc;} .subtype-td{display:block;float:left;width:22%;height: 120px;border-left: 1px solid #ccc;margin-left:-1px;} .subtype-td.subtype-summary{width:34%;} .subtype-td img{display:block;max-width:100%;max-height:100%;margin:0 auto;border-radius:50%;} .subtype-td p{display:table;width:100%;height:100%;text-align:center;font-size: 16px;line-height:24px;} .subtype-td p span{display:table-cell;vertical-align:middle;padding:10px;position:relative;} .subtype-td a{color: #005eb4;} .subtype-td .more{display: block;width: 92px;max-width:100%;font-size: 14px;padding: 3px;color: #fff;background: #7f7f7f;margin: 0 auto;} .subtype-td .more:hover{background:#005eb4;} .subtype-img a{display:block;position:absolute;top:10px;left:10px;bottom:10px;right:10px;overflow:hidden;} @media(max-width:991px){ .subtype-td p span{padding:5px;} } @media(max-width:599px){ .subtype-head{display:none;} .subtype-img{height:132px;} .subtype-td p span{display:block;} .subtype-info,.subtype-td.subtype-summary{display: block;width: auto;height: auto;float: none;margin-left:22%;} .subtype-summary p{height:58px;display:block;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;display: -webkit-box;} } @media(max-width:399px){ .subtype-img{display:none;} .subtype-info,.subtype-td.subtype-summary{margin-left:0;} } .float-links{display:none;width:160px;position:fixed;right:15px;bottom:0;z-index:9999;} .float-links ul{display:block;} .float-links li{display:block;margin-bottom: 10px;background:#ff6200;box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.2);border-radius: 6px;} .float-links li a{display:block;padding:0px 5px 0px 45px;height:38px;line-height:38px;font-size:14px;color: #fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative;} .float-links li i{display:block;width:24px;height:100%;background-repeat:no-repeat;background-position:center;position:absolute;top:0;left:15px;} .float-links.icon-only{width:50px;} .float-links.icon-only li span{display:none;width:100px;position:absolute;top:0;left:-125px;padding: 0px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#ff6200;border-radius: 6px;} .float-links.icon-only li a{overflow:visible;} .float-links.icon-only li a:hover span{display:block;} .video{margin:15px 0px;} .video-js{margin:0 auto;} .sitemap h2{font-size: 16px;line-height: 30px;margin-top:10px;padding:5px 0px;border-bottom: #0f58a7 1px dashed;} .sitemap dl{overflow:hidden;} .sitemap dt{padding:5px 0px;} .sitemap dd{padding:5px 0px;overflow:hidden;margin-right:-10px;} .sitemap dl.multi dt{width:160px;float:left;} .sitemap dd.multi{margin-left:170px;} .sitemap h2 a{color:#000;} .sitemap dl a{font-size: 15px;line-height: 30px;} .sitemap dt a{color: #103a9e;font-weight:bold;} .sitemap dd a{color:#000;display:block;float:left;margin-right:10px;} @media(max-width:767px){ .sitemap dl.multi dt{float:none;width:auto;} .sitemap dl.multi dd{margin-left:0;} } .search-list{} .search-list ul,.search-list li{display:block;margin:0;padding:0;} .search-list li{padding:10px 0px;border-bottom: 1px dashed #cdcdcd;font-size: 16px;line-height:24px;} .search-list li a{color: #000;display:block;margin-right:90px;} .search-list li a strong{color:#f00;} .search-list li span{float:right;font-size:14px;color:#666;} .search-list li p{font-size: 12px;padding-top: 5px;color: #888;line-height: 20px;} .search-list li p strong{color:#f00;} @media(max-width:399px){ .search-list li{font-size:14px;} .search-list li a{margin-right:0;} .search-list li span{display:none;} } .signup-form{margin-top:30px;} .signup-button{display:block;width:140px;height:50px;margin:10px auto 10px auto;font-size:20px;line-height:50px;text-align:center;color:#fff;background:#ff6200;border-radius:5px;} .signup-button:hover{color:#fff;} .contact-summary{overflow:hidden;margin:0px -10px 0px -10px;} .contact-item{width:33.333%;float:left;} .contact-inner{margin:0px 10px 25px 10px;} .contact-summary h3{font-size:16px;color: rgb(0,128,128);line-height: 24px;margin-bottom: 10px;} .contact-summary p{font-size: 14px;color: #333;margin-bottom: 5px;line-height: 24px;text-align: justify;} .contact-summary img{max-width:100%;} .clear-3{display:block;clear:both;} @media(max-width:991px){ .contact-item{width:50%;} .clear-3{display:none;} .clear-2{display:block;clear:both;} } @media(max-width:768px){ .contact-item{width:100%;float:none;} } /*content style*/ .img-right{float:right;padding:12px 0px 12px 12px;} .img-left{float:left;padding:12px 12px 12px 0px;} .img-right img,.img-left img{max-width:100%;} @media(max-width:767px) and (min-width:650px){ .img-right{max-width:45%;} .img-left{max-width:45%;} } @media(max-width:649px){ .img-right,.img-left{float:none!important;text-align:center!important;padding-left:0;padding-right:0;} .img-right img,.img-left img{float:none!important;display:block;margin:0 auto;} } .img-2,.img-3,.img-4{display:block;float:left;text-align: center;} .img-2 img,.img-3 img,.img-4 img{max-width:90%;} .img-2 span,.img-3 span,.img-4 span{font-size:14px;line-height:24px;padding-left:10px;padding-right:10px;} .img-2{width:50%;} .img-3{width:33.3333%} .img-4{width:25%;} @media(max-width:991px){ .img-4{width:50%!important;} } @media(max-width:499px){ .img-2,.img-3,.img-4{width:auto!important;float:none!important;} } #content table.no-border,#content table.no-border td, #content table.no-border th{border:0;}