@font-face { font-family: "Economica-Regular"; src: url("../font/Economica-Regular-OTF.eot"); /* IE9 Compat Modes */ src: url("../font/Economica-Regular-OTF.eot?") format("embedded-opentype"), url("../font/fonts/Economica-Regular-OTF.otf") format("opentype"), url("../font/Economica-Regular-OTF.svg") format("svg"), url("../font/Economica-Regular-OTF.ttf") format("truetype"), url("../font/Economica-Regular-OTF.woff") format("woff"), url("../font/Economica-Regular-OTF.woff2") format("woff2"); /* IE6-IE8 */ /* Open Type Font */ /* Legacy iOS */ /* Safari, Android, iOS */ /* Modern Browsers */ /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: "OpenSans-Light"; src: url("http://www.zjkdl.com/css/fonts/OpenSans-Light.eot"); /* IE9 Compat Modes */ src: url("../font/OpenSans-Light.eot?") format("embedded-opentype"), url("../font/OpenSans-Light.otf") format("opentype"), url("../font/OpenSans-Light.svg") format("svg"), url("../font/OpenSans-Light.ttf") format("truetype"), url("../font/OpenSans-Light.woff") format("woff"), url("../font/OpenSans-Light.woff2") format("woff2"); /* IE6-IE8 */ /* Open Type Font */ /* Legacy iOS */ /* Safari, Android, iOS */ /* Modern Browsers */ /* Modern Browsers */ font-weight: normal; font-style: normal; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url('../font/MaterialIcons-Regular.eot'); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url('../font/MaterialIcons-Regular.woff2') format('woff2'), url('../font/MaterialIcons-Regular.woff') format('woff'), url('../font/MaterialIcons-Regular.ttf') format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body{ padding:0px; margin:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#333333;zoom:1} *{ padding:0; margin:0;} img{ border:none;} a{ text-decoration:none; color:#333333;} a:hover{ color:#0054a3;} ul, li { list-style-type: none; text-transform: capitalize; } .clear{ clear:both;} .fl{ float:left;} .fr{ float:right;} .blue{ color:#009ed5;} .pc{display: block;} .sp{display: none;} .top{ width:100%; min-width:1176px; height:114px;background:url(../image/img01.jpg) center top no-repeat;} .main{ max-width:1200px; width: 90%; margin:0 auto; position:relative;} .logo{ float:left; margin:30px 0 0 0; width:457px; height:51px; position:relative;} .logo a{ width:457px; height:51px; background:url(../image/logo.jpg) no-repeat; display:block; font-size:18px; text-align:right; line-height:48px;} .lun{ float:right; padding-right:94px; height:23px; font-size:13px; line-height:32px;color:#fff;} .lun a{ color:#fff; margin:0 5px;} .kdl{ position:absolute; color:#ff0000; font-size:14px; top:20px; right:265px;} .topnav{ float:right; font-size:15px; padding-top:44px;} .topnav li{float: left; position: relative;} .topnav a.topnav-a{ color:#6d7683; margin-left:28px; height:30px; display:block;} .topnav a.topnav-a:hover{ color:#f12a2f;} .topnav a.topnav-a.sel{ color:#f12a2f;} .topnav-sub{ position: absolute; width: 160px; display: none; top: 30px; left:-15px; z-index: 101; padding:20px 0 9px 0; background:#fff url(../image/arr.jpg) top center no-repeat;filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9;} .topnav-sub a{ font-size:13px; height: 29px; line-height: 29px; text-align: center; color: #333333;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .topnav-sub a:hover{ color:#f12a2f;} .topnav li.sel .topnav-sub{ display: block;} .swiper1 { width: 100%; height:700px;} .swiper1 a{ display:block; width:100%; height:100%;} .swiper1:hover .arrow-left0, .swiper1:hover .arrow-right0{ display:block;} .swiper1 .arrow-left0 { z-index:99; background: url(../image/left.png) no-repeat left top; position: absolute; left: 90px; top: 50%;margin-top: -35px; width: 71px; height: 71px; display:none;} .swiper1 .arrow-left0:hover{ background-position:left bottom;} .swiper1 .arrow-right0 {z-index:99;background: url(../image/right.png) no-repeat left top; position: absolute; right: 90px; top: 50%; margin-top: -35px;width: 71px; height: 71px; display:none;} .swiper1 .arrow-right0:hover{ background-position:left bottom;} .swiper1 .swiper-slide{ position:relative;} .swiper1 .sss1 .note{ padding:0 140px 180px 0; width: 40%; background:url(../image/bg21.png) no-repeat right bottom; position:absolute; left:19%; top:19%; font-size:25px; color:#6d7683; font-weight:lighter;} .swiper1 .sss1 .t1{ font-size:48px; line-height:54px; font-weight:bold; color:#003894;} .swiper1 .sss1 .t2{ font-size:48px; line-height:54px; font-weight:bold; color:#003894;} .swiper1 .sss1 .t3{ font-size:14px; line-height:24px; color:#888;} .swiper1 .sss2 .note{ color: #fff; padding: 60px; background: rgba(30,80,174,.6); position: absolute; top: 50%; left: 50%; margin: -180px 0 0 -300px;} .swiper1 .sss2 .t1{ font-size:24px; color:#fff; text-transform:uppercase;} .swiper1 .sss2 .t2{ font-size:34px; color:#fff; padding:10px 0;} .swiper1 .sss2 hr{ width:45px; height:2px; background:#fff; margin:20px 0; border:none;} .swiper1 .sss2 .t3{ font-size:14px; line-height:26px; color:#d0d0d0;} .swiper1 .sss3 .note{ background:url(../image/arr.png) no-repeat; padding:24px 0 0 24px; position:absolute; left:52.8%; top:39.8%; font-size:25px; color:#6d7683; font-weight:lighter;width: 40%;} @media screen and (max-width:1400px) { .swiper1 .sss1 .note { left:6.5%; } } .swiper1 .sss1 hr,.swiper1 .sss3 hr{display:none;} /*.swiper2{ width:1074px; height:82px; padding:12px 1px 12px 0;} .swiper2 .swiper-slide{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box; box-sizing: border-box; border-left:1px solid #c5c5c5;} .swiper2 .swiper-img{ float:left;} .swiper2 .swiper-t{ float:right; width:84px; padding:23px 14px 0 0; font-size:14px; line-height:17px; color:#6d7683;}*/ .products{ padding-bottom:50px;} .products .title{ font-size:30px; padding:50px 0; text-align:center;} .slider-products{ height:auto; padding:0 50px; position:relative;} .slider-products .swiper-container{ height:auto;} .slider-products .arrow-left1 { z-index:99; background: url(../image/left.jpg) no-repeat left top; position: absolute; left:0; top: 50%;margin-top: -55px; width:40px; height:74px;} .slider-products .arrow-left1:hover{ background-position:left bottom;} .slider-products .arrow-right1 {z-index:99;background: url(../image/right.jpg) no-repeat left top; position: absolute; right:0; top: 50%; margin-top: -55px;width:40px; height:74px;} .slider-products .arrow-right1:hover{ background-position:left bottom;} .slider-products .swiper-slide{ float:left; /*padding:5px 12px; margin:-5px -12px;*/ overflow:hidden; outline:none;} .slider-products .swiper-slide a.pic{ color:#666; background:url(../image/loadings.gif) no-repeat center center; overflow:hidden; display:block; padding:60px 20px 45px; border:1px solid #eaeaea; border-radius:3px;} .slider-products .swiper-slide a.pic img{ width:100%; height:auto;} .slider-products .swiper-slide p{ display:block; height:45px; margin-top:40px; line-height:20px; font-size:14px; text-align:center; overflow:hidden;} .slider-products .swiper-slide a.pic:hover{ border:1px solid #003894;} .slider-products .swiper-slide a.pic:hover p{ color:#003894;} .slider-products .swiper-slide .nomargin{ margin-right:0;} .slider-products .swiper-pagination-bullets{ padding:30px 0 0; text-align:center;} .slider-products .swiper-pagination-bullets span{ margin:0 5px;} .slider-products .swiper-pagination-bullet{ background:#c6c6c6;} .slider-products .swiper-pagination-bullet-active{ background:#003894;} .honor_container{ width:100%; overflow:hidden; text-align:center;} .honor_container .title{ font-size:30px; text-align:center;} .honor_container .title p{ font-size:14px; display:block; color:#989898; padding:20px 0; font-size:16px;} .honor_container .honorPic{ width:100%; height:530px; background:url(../image/honorbg.jpg) no-repeat top center;} .honor_container .honorPic a{ height:530px; display:block;} /**Index News**/ .N-news-main{width:100%; background:#f7f7f7;} .N-news-main .container{ margin:0 auto; width: 90%; padding: 5% 5% 3%; max-width: 1200px;} .N-newstitle{height:30px; margin:0 0 10px;padding:10px 10px 10px 0; line-height:30px; text-align:right; font-size:14px; overflow:hidden; } .N-newstitle span{float:left; display:inline-block; padding:0 0 0 15px; font-size:26px; color:#121212; line-height:30px; border-left:4px solid #0aa3ec;} .nt1{border-color:#0aa3ec;} .N-newsarea{overflow:hidden;width:100%;} .N-newbox-img{float:left; width:30%; height:392px; margin-right:2%;background:#f8f8f8; } .N-newbox-img a{display:block;} .N-newbox-img a img{display:block; margin:0 auto; width:100%; height:260px;} .news-txtbox{height:112px; overflow:hidden; padding:10px 10px 0 10px; } .news-txtbox h5{font-size:18px; line-height:40px; color:#333; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news-txtbox p{font-size:14px; line-height:24px; color:#888;} .N-newbox-txt{float:left; width:36%; height:392px;} .N-news-list{overflow:hidden;} .N-news-list dt{height:80px; } .N-news-list dt a{display:block;} .N-news-list dt a h5{margin:0; line-height:32px; font-size:18px; color:#333; text-align:center; overflow:hidden; text-oveflow:ellipsis; white-space:nowrap;} .N-news-list dt a p{line-height:20px; height:40px; font-size:14px; color:#888;} .N-news-list dd{ line-height:40px; padding-left:30px; font-size:16px; background:url(../image/list_dot.png) no-repeat 5px center; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .N-news-list dd a{} .N-news-main .pic-list{margin-right: -20px;} .N-news-main .pic-list .block{float: left; margin-right: 20px; width: 270px;} .N-news-main .pic-list .block a{display:block; cursor:pointer;} .N-news-main .pic-list .block img{display: block; margin:0 auto; width: 270px; height:195px;} .N-news-main .pic-list .block span{display: block; width: 270px; height:44px; color: #333; font-size: 16px; line-height: 44px; text-align: center; overflow:hidden; text-oveflow:ellipsis; white-space:nowrap;} .iabout{ width:100%; padding:26px 0; overflow:hidden; background:#0aa3eb url(../image/img03.jpg) repeat-x;} .iabout .main{ width:1074px;} .iabout-l, .iabout-m{ float:left; padding:7px; background:#fff; margin-right:46px; display:inline;} .iabout-l a{ width:241px; padding-left:72px; } .iabout-m a{ width:308px; padding-left:7px;} .itit{float:left; height:152px; padding-top:18px; display:block; font-size:25px; color:#00458e; } .itit:hover {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} .iabout-r{ float:right; width:292px; height:171px; background:#fff; padding:13px 14px 0 20px;} .iabout-r .itit{ height:31px; padding:10px 0 5px 0;} .inew-l{ float:left; width:100%;} .inew-l li{ float:left; width:100%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .inew-l li a{ color:#6d7683; font-size:13px; line-height:24px;} .inew-l a:hover{ color:#0054a3;} .inew-r{ float:right; width:99px;} .inew-r a{ font-size:13px; color:#00458e; line-height:18px;} .inew-r a:hover{filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;} .video_btn{width: 100%; text-align: center;} .video_btn a{width: 150px; background: #28afec; color:#fff; height: 40px; line-height: 40px; text-align: center; margin:20px; display: inline-block; border-radius: 5px;} .video_btn a.active{background: #ededed; color: #333;} .video_btn a:hover{background: #045f88; color: #fff;} .video{margin-top:30px;} .videolist{ position:relative; float:left; width:32%; margin-right:2%; margin-bottom:20px; border-radius:10px;background:#02a0e9; color:#fff; padding-bottom:20px;} .videolist:nth-child(3n+3){margin-right: 0px;} .videolist:hover{ cursor: pointer; background: #003894; } .videopic{width: 100%;border-top-left-radius: 10px; border-top-right-radius: 10px;} .vtit{padding:5px 10px;} .vdesc{padding:0 10px; height:40px; line-height:20px; overflow:hidden;} .videoed { width:50px; height:50px; position: absolute; left:39%; top:20%; z-index:99; border-radius:100%; } .videos{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; } .vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; } .video_bg{position: fixed; top:0px; left:0px; background: rgba(0,0,0,0.75);display: none; width: 100%; height: 100%;} .foot{ width:100%; background:#003894; border-top:14px solid #00a0e9;} .foot .main{ max-width:1200px; width: 90%; padding:60px 38px 35px 38px;} .foot-nav{ float:left; width:70%; overflow:hidden;} .foot-nav h3{ color:#ffffff; font-size:20px; padding:0 0 10px 15px;} .foot-nav ul{ float:left; padding:0 2%; width:29%; height:100%;} .foot-nav ul li{ float:left; width:100%; } .foot-nav ul li a{ color:#bae3f9; font-size:12px; line-height:25px;} .foot-nav h4 a{ float:left; width:100%; color:#00b4ed; font-size:14px; padding:0 0 5px 0;} .foot-r{width:30%; float:right;} .foot-r h3{ color:#fff; font-size:15px; padding:4px 0 14px 0;} .wz{ width:calc(100% - 2px); height:36px; border:1px solid #7ecef4; float:right;margin-bottom: 20px;} @font-face {font-family: "iconfont"; src: url('../font/iconfont.eot'); /* IE9*/ src: url('../font/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */ url('../font/iconfont.woff') format('woff'), /* chrome, firefox */ url('../font/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../font/iconfont.svg') format('svg'); /* iOS 4.1- */ } .foot-r-m .iconfont {font-family:"iconfont" !important;font-size:37px;font-style:normal; color:#fff;} .foot-r-m{ padding:17px;} .foot-r-m a{ margin-right:10px;} .foot-g{ float:left; width:100%; padding:20px 0 0 0; position:relative;} .foot-g h1{ font-size:22px; color:#ffffff;} .foot-g ul{ width:119px; line-height:45px; font-size:15px; color:#fff; text-align:center; position:absolute; right:0; bottom:5px;} .foot-bq{ width:90%;max-width:1200px; background:#fff; font-size:15px; color:#6d7683; margin: 0 auto;} .foot-bq .main{ padding:30px 0px 30px 0px;width: 100%;} .foot-bq .main .fl img{float: right; margin: -20px 0 0 0; width: 50px;} .foot-bq .fl a{ color:#6d7683;} .foot-bq .fr a{ color:#fff;} .foot-bq .fr a:hover{ color:#ccc;} .neiba{ width:100%; height:390px; background-repeat:no-repeat; background-position:center top; position:relative;} .neiba_note{ position:absolute; left:20.5%; top:40%; font-size:25px; font-weight:lighter; color:#252525;} .neiba_job{ position:absolute; left:52.5%; top:49%; font-size:25px; font-weight:lighter; color:#fff;} .neiba_about{ position:absolute; left:22%; top:38.8%; font-size:25px; font-weight:lighter; color:#fff;} .neiba_secu{ position:absolute; left:22%; top:20.8%; font-size:25px; font-weight:lighter; color:#fff;} .neiba_inovate{ position:absolute; left:22.2%; top:21.5%; font-size:25px; font-weight:lighter; color:#252525;} .neiba_product{ position:absolute; left:40%; top:29%; font-size:25px; font-weight:lighter; color:#006adb;} @media screen and (max-width:1400px) { .neiba_note{ left:1%; } .neiba_about{ left:5%; } .neiba_secu{ left:5%; } .neiba_inovate{ left:5%; } .neiba_product{ left:34%; } } .neiproba{ width:100%; min-width:1176px; height:500px; background-repeat:no-repeat; background-position:center top; position:relative;} .mfl{ float:left; width:220px; padding-top:37px;} .l-tit{ font-size:22px; color:#fff; line-height:76px; height:76px; text-align: center; background:url(../image/img08.jpg) no-repeat;} .lnav { float:left; margin-bottom:42px;} .lnav a{ float:left; width:180px; display:block; font-size:14px; border-bottom:1px solid #fff; line-height:41px; background:#ededed; padding:0 20px 0 20px;} .lnav .iconfont {font-family:"iconfont" !important; font-style:normal; font-size:16px; float:right;} .lnav a:hover ,#lnava{ color:#fff; background:#28afec;} .lcon{ float:left; width:142px; border:1px solid #cdcdcd; border-top:2px solid #009ed5; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background:url(../image/img09.jpg) left center no-repeat; padding:17px 0 17px 76px; margin-bottom:42px;} .lcon h5{ font-size:12px; color:#878787; font-weight:normal;} .lcon h4{ font-size:18px; color:#e4322b;} .mfr{ float:right; width: calc(100% - 240px);; padding-top:37px; font-size:16px; line-height:36px; padding-bottom:100px; min-height:500px;} .r-tit{ width:100%; height:40px; border-bottom:1px solid #dcdcdc; padding-top:10px;} .r-tit h3{ font-size:22px; color:#009ed5;} .r-tit .fr {color:#7e7e7e; padding-top:13px; font-size:12px; line-height:24px;} .r-tit .fr a{ color:#7e7e7e; font-size:12px;} .base img{max-width:100%;} .base h3{ font-size:20px; padding-left:30px; background:url(../image/img12.jpg) left center no-repeat; margin:0 0 30px 0;} .about dl{ float:left; width:100%; line-height:24px; padding-bottom:20px;} .about dt{color:#009ed5; } .about dd{ color:#aaaaaa;} .about .dda{ width:918px;} #tabbox{ overflow:hidden; margin:0 auto;} .tab_conbox{ } .tab_con{} .tabs{height: 41px;border-bottom:2px solid #868686;width: 100%;} .tabs li{height:41px;line-height:41px;float:left; background:url(../image/img2.gif) repeat-x;overflow: hidden;position: relative;} .tabs li a { color:#333;display: block;padding: 0 20px;border-right: 1px solid #fff;outline: none;} .tabs li a:hover {background: #ccc;} .tabs .thistab a{ color:#fff;} .tabs .thistab,.tabs .thistab a:hover{ color:#fff; background:url(../image/img1.gif) repeat-x;} .tab_con { padding:12px; line-height:175%;} /**zhuanye**/ .zhuanye { padding:25px 0;} .major dl{ float:left; width:292px; height:204px; display:block; text-align:center; margin-right:22px; margin-bottom:20px; padding:0;} .major dl.nomargin{ margin-right:0;} .innovate dl{ float:left; width:449px; height:313px; display:block; text-align:center; margin-right:25px; margin-bottom:25px; padding:0;} .innovate dl.nomargin{ margin-right:0;} /* honor */ .honner{ margin-left:15px; margin-top:30px;} .honner dl{ float:left; width:calc(33.3333% - 25px); padding:12px 0 32px 12px; background:url(../image/honor1.png) no-repeat; display:block; background-size: 100%; text-align:center; margin:0 2% 33px 0;} .honner dl img{ display:block; width:calc(100% - 13px);} .honner dl dt a{ display:block;} .honner dl.heng{ background:url(../image/honor2.png) no-repeat; background-size: 100%;} .honner dl.heng dt img{ width: calc(100% - 12px);} .honner dl dt p{ width:159px; color:#333; height:40px; line-height:40px; margin-top:15px; display:block; text-align:center; overflow:hidden;} .honner dl:nth-child(3n+3){ margin-right:0;} /**news**/ .newscontent{ color:#777; color:#747474; min-height:800px; padding:8px 0 40px;} .newscontent dl{ margin-bottom:30px; display:block; border-bottom:1px solid #d5d5d5;} .newscontent dl dt{ float:left; width:248px; margin-right:25px;} .newscontent dl dt a{ width:236px; height:157px; display:block; padding:5px; border:1px solid #c2c2c2;} .newscontent dl dt a:hover{ border:1px solid #ff0000;} .newscontent dl.aa1 dd{ float:left; width:600px; display:block;} .newscontent dl.aa1 dd.n1{ font-size:18px; color:#333;} .newscontent dl.aa1 dd.n2{ font-size:12px; color:#6b6b6b; height:50px; padding-top:8px; line-height:24px; overflow:hidden;} .newscontent dl.aa1 dd.n3{ font-size:12px; width:405px; color:#b3b3b3; background:url(../image/t24.jpg) no-repeat left center; padding-left:20px;} .newscontent dl.aa1 dd.n4{ margin-top:5px;} .newscontent dl.aa1 dd.n4 a{ font-size:12px; width:95px; height:28px; line-height:28px; padding:0; display:block; border:2px solid #b2b2b2; text-align:center;} .newscontent dl.aa1 dd.n4 a:hover{ border:2px solid #ff0000;} .newscontent dl.aa1 dt a:hover img{ filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); opacity:.8;} .newscontent dl.aa2 dd{ display:block;} .newscontent dl.aa2 dd.n1{ font-size:18px; color:#333; line-height:24px;} .newscontent dl.aa2 dd.n2{ font-size:12px; color:#6b6b6b; height:50px; padding-top:8px; line-height:24px; overflow:hidden;} .newscontent dl.aa2 dd.n3{ font-size:12px; color:#b3b3b3; background:url(../image/t24.jpg) no-repeat left center; padding-left:20px; margin-top:3px;} .newscontent dl.aa2 dd.n4{ margin-top:13px;} .newscontent dl.aa2 dd.n4 a{ font-size:12px; width:95px; height:28px; line-height:28px; padding:0; display:block; border:2px solid #b2b2b2; text-align:center;} .newscontent dl.aa2 dd.n4 a:hover{ border:2px solid #e60012;} .newscontentlist{ color:#777; padding:38px 0 40px; height:auto !important; height:320px; min-height:320px;} .newscontentlist h3{ font-size:16px; color:#333; text-align:center;} .newscontentlist .newlist-n{ height:55px; line-height:55px; border-bottom:1px solid #d5d5d5; padding-bottom:10px; margin-bottom:30px;} .newlist{ color:#616161; width:100%;} .newlist img{ max-width:100%; height:auto;} .newlist h3{ color:#616161; font-size:26px; line-height:36px; text-align:center; padding:30px 0; color:#333;} .newlist-n { color:#616161; font-size:14px; line-height:22px;} .advantageshow{ width:100%; margin:0 auto; padding:0 0 50px; overflow:hidden; font-size:16px; line-height:36px;} .advantageshow img{ display:block; margin:0 auto; padding:0;} .advantageshow .kdl-con1 { float:left; width:810px; height:450px; background:#f4f4f4; margin:0 auto; padding:30px 0 0 52px;} .advantageshow .kdl-con-tit02 { padding: 10px 0; height: 28px; font-size: 22px; line-height: 28px; color: #333;} .advantageshow .kdl-con1-list{ overflow:hidden;padding:10px 0;} .advantageshow .kdl-con1-list li{padding:5px 0; font-size:16px; line-height:28px; color:#666; padding-left:30px; background:url(../image/arr_dot.png) no-repeat left 10px; } .advantageshow .kdllist{ overflow:hidden;} .advantageshow .kdllist ul li{ float:left; width:32.65%; padding:0 1% 0 0;} .advantageshow .kdllist ul li img{ width:100%; height:auto;} .advantageshow .kdllist ul li:last-child{ padding:0;} .advantageshow .kdllist2{ width:80%; margin:60px auto; min-width:1200px; overflow:hidden;} .advantageshow .swiper5 { float:left; width:660px; height:480px; overflow:hidden;} .advantageshow .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px;} .advantageshow .kdl-con2{ float:left; width:810px; margin-left:52px; padding:30px 0 0;} .advantageshow .kdl-con2-list{overflow:hidden;padding:30px 0;} .advantageshow .kdl-con2-list li{ float:left; width:213px; height:90px; padding:25px; font-size:20px; line-height:28px; color:#465156; margin:0 10px 10px 0; background:#f2f2f2; } .advantageshow .kdl-con2-list li span{ font-size:16px; display:block;} .advantageshow .kdl-con2-list li:hover,.advantageshow .kdl-con2-list li.now{ background:#0aa4ee; color:#fff;} .advantageshow .kdl-con2-list li.nomargin{ margin-right:0;} .advantageshow .kdllist3bg{ background:#f5f5f5; padding:60px 0; overflow:hidden;} .advantageshow .kdllist3{ width:80%; margin:0 auto; min-width:1200px; overflow:hidden;} .advantageshow .swiper6 { float:right; width:800px; height:480px; overflow:hidden;} .advantageshow .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:10px;} .advantageshow .kdl-con3{ float:left; width:660px; padding:30px 0 0;} .advantageshow .kdl-con3-list{overflow:hidden;padding:30px 0;} .advantageshow .kdl-con3-list li{ float:left; width:210px; height:90px; padding:25px; font-size:20px; line-height:28px; color:#465156; margin:0 10px 10px 0; background:#f2f2f2; } .advantageshow .kdl-con3-list li span{ font-size:16px; display:block;} .advantageshow .kdl-con3-list li.nomargin{ margin-right:0;} .advantageshow .kdllist4{ width:80%; margin:0 auto; min-width:1200px; padding:60px 0; overflow:hidden;} .advantageshow .kdllist4 ul li{ float:left; width:32.65%; padding:0 1% 1% 0;} .advantageshow .kdllist4 ul li img{ width:100%; height:auto;} .advantageshow .kdllist4 ul li:nth-of-type(3n){ padding-right:0;} .advantageshow .swiper4 { float:left; width:660px; height:480px; overflow:hidden;} .advantageshow .N-history ul li{ background: url(../image/dot_nor1.png) no-repeat left 5px;} .swiper4process { width:100%; height:618px; overflow:hidden; font-size:20px; text-align:center;} .swiper4process p{ padding:0 0 10px;} .swiper4process .arrow-left { z-index:99; background: url(../image/left.png) no-repeat left top; position: absolute; left: 30px; top: 50%;margin-top: -35px; width: 71px; height: 71px;} .swiper4process .arrow-left:hover{ background-position:left bottom;} .swiper4process .arrow-right {z-index:99;background: url(../image/right.png) no-repeat left top; position: absolute; right: 30px; top: 50%; margin-top: -35px;width: 71px; height: 71px;} .swiper4process .arrow-right:hover{ background-position:left bottom;} @media screen and (max-width:1679px) { .advantageshow .kdllist2{ width:96%;} .advantageshow .swiper5 { width:45%; height:auto;} .advantageshow .kdl-con2{ width:50%;} .advantageshow .kdl-con2 img{ width:100%; height:auto;} .advantageshow .kdl-con2-list li{ width:24%; font-size:16px; padding:4%;} .advantageshow .swiper6,.advantageshow .swiper6{ width:45%;} .advantageshow .kdl-con2{ width:48%; margin:0 0 0 2%; float:left;} .advantageshow .kdl-con1{ width:50%;} .advantageshow .con3{ width:50%;} .advantageshow .con3 img{ width:100%;} } @media screen and (max-width:1650px) { .advantageshow .kdl-con2{ margin-left:2%;} .advantageshow .kdl-con1{ width:47%;} } @media screen and (max-width:1440px) { .advantageshow .kdl-con1{ width:46.5%;} .advantageshow .swiper4{ width:47%;} } .p18{ padding-bottom:18px;} .p-fx{width:100%; border-top: 1px solid #dddddd; padding:20px 0; margin-top:30px;} .p-fx .fl{ width:587px;} .amr-vedio{ width:751px; height:513px; padding:20px 80px 0 80px; background:url(../image/img_78.jpg) no-repeat 64px 0;} .amr-vlist{ padding:25px 64px 0 64px; height:180px; position:relative;} .amr-vlist li{ padding-left:30px; padding-bottom:15px; float:left;} .amr-vlist li a{ width:198px; height:114px; display:inline-block; padding:10px; background:#cfcfcf;} .amr-vlist li a:hover{ background:#eb6622;} .amr-vlist li a.sel{ background:#eb6622;} .amr-vlist li p{ text-align:center} .amr-vlist:hover .arrow-left0, .amr-vlist:hover .arrow-right0{ display:block;} .amr-vlist .arrow-left0 { z-index:99;background:url(../image/arr1.jpg) no-repeat left top; position: absolute; left: 10px; top:25px; width: 50px; height:134px; display:none;} .amr-vlist .arrow-left0:hover{ background-position:left bottom;} .amr-vlist .arrow-right0 {z-index:99;background:url(../image/arr2.jpg) no-repeat left top; position: absolute; right: 0; top:25px; width: 50px; height:134px; display:none;} .amr-vlist .arrow-right0:hover{ background-position:left bottom;} /**page**/ .page{ padding:30px 0;} .page ul{ float:left;width:100%;height:48px;text-align:center;} .page ul span{display:inline-block;} .page ul a{ float:left; margin-left:10px; display:block; padding:0 15px; text-align:center; line-height:36px; border:1px solid #bebebe;} .page ul a:hover,.page ul a.page-num-current{ background:#ff0000; color:#fff; border:1px solid #ff0000;} .ren-mr { width:100%; position:relative;} .ren-mrnav { margin:32px 0;} .ren-mrnavbar{ text-align:center;} #ren-mrTab{display:inline-block;} .ren-mrnavbar LI {list-style:none; background:url(../image/dian.gif) no-repeat; FLOAT: left; MARGIN-LEFT: 7px; WIDTH: 12px; height:12px; CURSOR: pointer;} .ren-mrnavbar LI.active {background:url(../image/dian.gif) 0 -12px no-repeat;} .ren-mrbed {WIDTH:100%; PADDING-TOP: 10px;} .ren-mrbed LI {FLOAT: left; WIDTH: 100%;} .ren-mrbed LI div{ float:left; position: relative; margin:0 15px 23px 0; display:inline;} .ren-mrbed LI div img{ float:left;} .ren-mrbed LI span{ position:absolute; left:0 ; bottom:0px; width:190px; line-height:44px; color:#fff; font-size:14px; padding-left:23px; background:url(../image/img63.png) repeat-x;} #ren-mrMarquee {OVERFLOW: hidden; WIDTH: 100%; ZOOM: 1; POSITION:relative;} .ren-r{ background:#282828; position:relative; padding-bottom:74px;} .ren-rt{ padding:38px 0 51px 0;} .ren-rt h3{ font-size:30px; line-height:30px;font-family:"瀹嬩綋",simsun; font-weight: normal;} #MarqueeDiv2{ width:100% !important;} .ren-rmt li{ float:left; width:245px;margin-right:7px;} .ren-rmt li img{ float:left; padding:0px; margin:0px;} .ren-rmt li p{ float:left; width:100%;line-height:70px; text-indent:25px; color:#fff; background:#198a4e;} #LeftButton2 { position:absolute; left:10%;top:327px; z-index:99;} #RightButton2{ position:absolute; right:10%;top:327px; z-index:99;} .ren-b .ren-rt{ padding-bottom:30px;} #ProductShow{width:100%;text-align:center;border-bottom:1px solid #d0d0d0; padding:30px 0 27px 0;} #ProductShow img{ max-width:100%;} #CSSBox{ float:left; width:880px;overflow:hidden;background-color:#ffffff; padding-top:30px;} #CSSBox ul li{ float:left; list-style:none; margin:0 4px;} #CSSBox ul li span{ display:block; text-align:center; font-size:12px;} #LeftButton{ cursor:hand;margin:42px 5px 0 0;height:65px;width:20px; display:block; float:left;background:url(../image/img67.gif) top center no-repeat;} #RightButton{cursor:hand;margin:42px 0 0 5px;height:65px;width:20px; display:block; float:left;background:url(../image/img68.gif) top center no-repeat;} #wrapper{width:100%;} /**job**/ .hr{ float:left; width:100%; border-top:2px groove #000; font-size:14px; line-height:48px;} .hrtable th{ border-bottom:1px solid #b3b3b3;} .hrtable li{ float:left;} .hrtable td{ border-bottom:1px solid #dedede; text-align:center;} .hrtable-m{ float:left; width:calc(100% - 17px); line-height:24px; color:#868686; text-align:left !important; padding:25px 0 25px 17px; border-bottom:1px solid #dedede;} .hrtable-m-n{ border:none !important;} .hrtable-m strong{ color:#000;} .h-a{ float:left; width:90px; height:30px; line-height:30px; text-align:center; margin:15px 10px 0 0; color:#fff; background:#ff0000; border:none; cursor:pointer;} .h-a:hover{background:#c40000; color:#fff;} .h-b{ float:left; width:90px; height:30px; line-height:30px; text-align:center; margin:15px 10px 0 0; color:#333; background:#828282;border:none; cursor:pointer;} .h-b:hover{color:#fff;} .job-a{ width:83px; display:block;} .job-b{ width:310px; display:block;} .job-c{ width:240px; display:block;} .job-d{ width:286px; display:block;} .hrshow-t{ float:left; width:100%; line-height:46px; border-bottom:1px solid #b3b3b3;} .hrshow-t a{ line-height:46px !important;_padding:15px 0 0 0;} .hrshow-table{ float:left;} .hrshow-table th{ text-align:left; line-height:27px; padding:5px 0;} .tt{ width:366px; height:27px; left:27px; border:1px solid #d1d1d1;} .tt1{ width:166px; height:27px; left:27px; border:1px solid #d1d1d1;} .tt2{ width:600px; height:200px; left:27px; border:1px solid #d1d1d1;} .tt3{height:27px; left:27px; border:1px solid #d1d1d1; padding:0 10px;} /**news**/ .newscontent{ color:#777; color:#747474; padding:8px 0 40px;} .newscontent dl{ margin-bottom:30px; display:block; border-bottom:1px solid #d5d5d5;float: left; width:100%;} .newscontent dl dt{ float:left; width:248px; margin-right:25px;} .newscontent dl dt a{ width:236px; height:157px; display:block; padding:5px; border:1px solid #c2c2c2;} .newscontent dl dt a:hover{ border:1px solid #009ed5;} .newscontent dl.aa1 dd{ float:left; width:calc(100% - 275px); display:block; margin-bottom: 20px;} .newscontent dl.aa1 dd .n1{ font-size:18px; color:#333;} .newscontent dl.aa1 dd .n2{ font-size:12px; color:#6b6b6b; height:50px; padding-top:8px; line-height:24px; overflow:hidden;} .newscontent dl.aa1 dd .n3{ font-size:12px; width:calc(100% - 20px); color:#b3b3b3; background:url(../image/t24.jpg) no-repeat left center; padding-left:20px;} .newscontent dl.aa1 dd .n4{ margin-top:6px;} .newscontent dl.aa1 dd .n4 a{ font-size:12px; width:95px; height:28px; line-height: 28px; display:block; border:2px solid #b2b2b2; text-align:center;} .newscontent dl.aa1 dd .n4 a:hover{ border:2px solid #009ed5;} .newscontent dl.aa2 dd{ display:block;} .newscontent dl.aa2 dd.n1{ font-size:18px; color:#333;} .newscontent dl.aa2 dd.n2{ font-size:12px; color:#6b6b6b; height:50px; padding-top:20px; line-height:24px; overflow:hidden;} .newscontent dl.aa2 dd.n3{ font-size:12px; color:#b3b3b3; background:url(../image/t24.jpg) no-repeat left center; padding-left:20px; margin-top:5px;} .newscontent dl.aa2 dd.n4{ margin-top:8px;} .newscontent dl.aa2 dd.n4 a{ font-size:12px; width:95px; height:28px; display:block; border:2px solid #b2b2b2; text-align:center;} .newscontent dl.aa2 dd.n4 a:hover{ border:2px solid #009ed5;} .newscontentlist{ color:#777; padding:38px 0 40px; height:auto !important; height:320px; min-height:320px;} .newscontentlist h3{ font-size:16px; color:#333; text-align:center;} .newscontentlist .newlist-n{ height:55px; line-height:55px; border-bottom:1px solid #d5d5d5; padding-bottom:10px; margin-bottom:30px;} .newlist h3{ font-size:24px; line-height:36px; text-align:center; padding-bottom:20px; color:#333; font-weight:bold;} .newlist-n { line-height:28px; text-align:center; background:#f5f5f5; margin-bottom:20px; font-size:13px;} .p18{ padding-bottom:18px;} .p-fx{ width:100%; overflow:hidden; border-top: 1px solid #dddddd; padding:20px 0; margin-top:30px;} .p-fx .fl{ width:650px;} /**contact**/ .right-contact{ color:#747474; font-size:16px; line-height:30px; padding:0 5px; min-height:800px;} .right-contact .msn li{ float:left;} .right-contact .msn li a{ float:left; width:70px; height:68px; display:block; background:url(../image/msn.gif) no-repeat; text-indent:-9999px;} .right-contact .msn li a#skype{ background-position:0 0;} .right-contact .msn li a#msn{ background-position:-70px 0;} .right-contact .msn li a#qq{ background-position:-140px 0;} .right-contact .msn li a#yahoo{ background-position:-210px 0;} .right-contact .msn li a#skype:hover{ background-position:0 -68px;} .right-contact .msn li a#msn:hover{ background-position:-70px -68px;} .right-contact .msn li a#qq:hover{ background-position:-140px -68px;} .right-contact .msn li a#yahoo:hover{ background-position:-210px -68px;} /**products**/ .main-title{ width:100%; overflow:hidden;} .tab-nav{ margin:0; padding:0;clear:left;} .tab-nav li{ margin:0; padding:0; float:left;margin-left:2%; width:23.5%; margin-top:20px;} .tab-nav li:nth-child(1){margin-left: 0px;} .tab-nav li a{ float:left; font-size:20px; color:#fff; width: 100%; height:40px; line-height:40px; background:#3793c8; display:block; text-align:center; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;} .tab-nav li a:hover,.tab-nav li a.now{ background:#a6875f; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;} .tab-nav li a.now1{ background:#3793c8;} .tab-nav li a.now2{ background:#3bc135;} .tab-nav li a.now3{ background:#8462d5;} .tab-nav li a.now4{ background:#ff7116;} .current{ background:#a6875f; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;} .tab-content{ clear:both;width:calc(100% - 100px); margin:0 auto;padding:39px 50px; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px; display:none;} .tab6,.tab66{ background:#e6e7e7 url(../image/img11_1.gif) no-repeat top center; background-size: 100%;} .tab7,.tab67{ background:#e6e7e7 url(../image/img11_2.gif) no-repeat top center;background-size: 100%;} .tab21,.tab81{ background:#e6e7e7 url(../image/img11_3.gif) no-repeat top center;background-size: 100%;} .tab22,.tab82{ background:#e6e7e7 url(../image/img11_4.gif) no-repeat top center;background-size: 100%;} .tab-content ul li{ float:left; width:210px; line-height:30px;} .tab-content ul li a{ font-size:14px; color:#6d7683;} .tab-content ul li a:hover,.tab-content ul li a.now{ color:#f1180e;} .swiper3{ width:100%; height:180px; padding:12px 1px 43px 0; background:url(../image/img18.jpg) no-repeat bottom center;} .swiper3 .swiper-slide{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box; box-sizing: border-box; border-left:1px solid #c5c5c5; padding:0 7px;} .swiper3 .swiper-img{ padding:0;} .swiper3 .swiper-img img{max-width: 100%;} .swiper3 .swiper-t{ padding:15px 0 0 0; font-size:14px; line-height:17px; text-align:center;} .swiper3 .swiper-t a{ color:#6d7683; width:90%; display:block; text-align:center;} .productcontent{ width:100%; padding:12px 1px 0 0; min-height:250px;} .left_productcontent{ border-bottom:3px solid #e6e7e7; margin-bottom:20px;} .left_productcontent .left_pic{ float:left; width:40%;padding-bottom:20px;} .left_productcontent .right_pic{ float:left; width:58%; margin-left:2%; margin-bottom: 2%; padding-top:20px; font-size:16px; line-height:32px; color:#3e3a39;} .left_productcontent .right_pic h1{ font-size:34px; color:#00458e; font-weight:normal; line-height:40px; padding-bottom:20px;} .left_productcontent .right_pic h3{ font-size:18px; color:#3e3a39; font-weight:normal; padding:20px 0 28px 0;} .left_productcontent .right_pic li{ background: url(../image/arr3.jpg) no-repeat left 12px; padding-left: 15px;} .left_productcontent .right_pic .right_content{text-align:left;} .left_productcontent .right_pic .right_content p{width:100%;} .center_productcontent{ float:left; width:100%; font-size:16px; line-height:28px; color:#3e3a39; padding-bottom:50px;} .center_productcontent table { width:100%;border-collapse:collapse; border: solid #e4e4e4; border-width: 1px 0px 0px 1px;} .center_productcontent table td{ padding:5px; text-align:center;border: solid #e4e4e4; border-width: 0px 1px 1px 0px;} .nymainrs-downlist{ padding-bottom: 30px;} .nymainrs-downlist table{ border-left: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3;} .nymainrs-downlist th,.nymainrs-downlist td{ height: 48px; padding: 0 20px; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;} .nymainrs-downlist .td2{ width: 135px;} .nymainrs-downlist .td3{ width: 79px;} .nymainrs-downlist th{ background: #019ed5; color: #fff;} .nymainrs-downlist td a:hover{ color: #009ed5;} .liuyan{width:100%;} .liuyanbg{ width:40%; height:92px; background:url(../image/img221.jpg) no-repeat; background-size: cover; font-size:30px; color:#009ed5; font-weight:bold; padding:62px 0 0 60%; overflow:hidden;} .liuyan h3{ font-size:18px; padding:10px 0;} .cc td{ padding:5px ; line-height:25px;} .txt{ width:255px; height:25px;line-height:25px; border:1px solid #e5e5e5;} .txt1{ width:555px; line-height:25px; border:1px solid #e5e5e5;} .txt3{ width:120px; height:25px; line-height:25px; border:1px solid #e5e5e5;} .tijiao{ width:90px; height:30px; line-height:30px; color:#fff; background:#009ed5; text-align:center; border:none; margin-right:10px; display:inline} .tijiao:hover{ background:#003565; cursor:pointer;} .chongzhi{ width:90px; height:30px; line-height:30px; color:#fff; background:#828282; text-align:center; border:none; margin-right:10px; display:inline} .indexProduct{ width:94%; margin:0 auto; padding:60px 0 20px; overflow:hidden;} .indexProduct ul li{ float:left; width:14.98%; margin:0 2% 2% 0; background:#ccc;} .indexProduct ul li:nth-of-type(6n){ margin:0 0 2% 0;} .indexProduct ul li img{ width:100%; display:block; border:1px solid #ddd;} .ilist{ padding: 5% 5% 3%; overflow:hidden;} .ilist ul{width: 100%; list-style:none; padding:0; margin:0; overflow:hidden} .ilist li{ float:left; width: 25%; color: #989898; text-align: center;} .ilist .in{ width: 85%; margin: 0 auto;} .ilist a{display: inline-block; width: 100%;height: 100%;background:#f7f7f8;transition: background 0.5s;} .ilist .top11{padding: 10% 11% 0; overflow:hidden;} .ilist .num{ color: #989898; font-size:60px; height: 96px; transition: background 0.5s; position:relative} .ilist .line{ width: 57px;height: 2px;background: #c0c0c0;margin: 0 auto 12%;transition: background 0.5s;} .ilist p{ color: #989898; font: 14px/25px Arial, Helvetica, sans-serif;} .ilist .detail{ min-height:145px;} .ilist p.t{ margin-bottom: 8.5%; font: 20px/25px Arial, Helvetica, sans-serif; color: #666; height:25px;} .ilist .img{display:block; margin-top: 20px;} .image-home .childHide{position:absolute;top:0;left:0;width:100%;height:100%;color:#fff;display:none;} .image-home { position: relative; display: inherit; max-width: 100% } .image-home:before { position: absolute; content: ""; top: 0; left: 0; width: 0; height: 0; margin: auto; background-color: rgba(255,255,255,0.1); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s } .image-home:after { content: ""; position: absolute; right: 0; bottom: 0; width: 0; height: 0; background-color: rgba(255,255,255,0.1); -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s } .image-home:hover:before, .image-home:hover:after { width: 100%; height: 100% } /***end ***/ a.more-link::before, p.more-link::before { -webkit-transition: all 0.3s; transition: all 0.3s; } a.more-link::before, p.more-link::before{ font-family: "Material Icons"; font-weight: normal; font-style: normal; font-size: 20px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ font-feature-settings: 'liga'; } a.more-link, p.more-link { display: inline-block; color: #fff; text-transform: uppercase; position: relative; font-size: 14px; } body.zh-hans a.more-link, body.zh-hans p.more-link { font-family: 'OpenSans-Light', 'Microsoft YaHei', '寰蒋闆呴粦', 'Open Sans', 'Economica', sans-serif; } a.more-link::before, p.more-link::before { content: '\E5C8'; position: absolute; right: -54px; top: 50%; margin-top: -19px; height: 38px; width: 38px; color: #fff; font-size: 18px; line-height: 34px; text-align: center; border-radius: 50%; border: 2px solid #fff; } a.more-link.blue, p.more-link.blue { color: #0aa3ec; } a.more-link.blue::before, p.more-link.blue::before { border-color: #0aa3ec; background: #0aa3ec; } .contact-form-right a.more-link.blue:hover::before, .contact-form-right p.more-link.blue:hover::before { border-color: #342e2e; background: #342e2e; } img.scale{ transition: transform 2s; } a.imgshow:hover img.scale, a:hover img.scale, img.scale.hover{ transform: scale(1.1); }.por{ position: relative; }.ovh{ overflow: hidden; } /***end ***/ .container{ width:100%; overflow:hidden;} .home-teaser { background: #342e2e; color: #fff; position: relative; width: 50%; float: left; } .home-teaser a { display: block; color: #fff; } .home-teaser .teaser-content-wrapper { float: left; position: relative; width: 50%; height: 400px; } .home-teaser .teaser-content-wrapper::after { left: 100%; top: 50px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-left-color: #342e2e; border-width: 36px; z-index: 1; } .home-teaser .teaser-content-wrapper .teaser-content-inner { padding: 34px; } .home-teaser .entry-header h3, .home-teaser .entry-header h2 { text-transform: uppercase; font-size: 20px; font-weight:normal; line-height: 1.1; margin: 30px 0; } .home-teaser .entry-content-teaser { font-weight: 300; padding-bottom: 60px; } .home-teaser .entry-content-teaser p { font-size: 14px; line-height: 30px; margin-bottom: 0; } .home-teaser p.more-link { position: absolute; right: calc(34px + 44px); bottom: 50px; margin-bottom: 0; } .home-teaser .teaser-image.image-home { width: 50%; background-position: center; background-size: cover; position: absolute; right: 0; height: 100%; top: 0; } body.tax-jobcat .home-teaser .teaser-image.image-home { background-position: center top -50px; } .home-teaser .teaser-image.image-home.hvr-rectangle-out:before { background: rgba(216, 33, 40, .5); } @media screen and (max-width: 780px) { .home-teaser .entry-header h3 { font-size: 20px; } .home-teaser .entry-content-teaser p { font-size: 14px; } .neiba_about{ font-size: 18px;} .mfr{padding-top: 20px;} .swiper3{background-size: 100%;} } .home-teaser:nth-of-type(4n+3), .home-teaser:nth-of-type(4n+4) { background: #0aa3ec; } .home-teaser:nth-of-type(4n+3) .teaser-content-wrapper, .home-teaser:nth-of-type(4n+4) .teaser-content-wrapper { float: right; } .home-teaser:nth-of-type(4n+3) .teaser-content-wrapper::after, .home-teaser:nth-of-type(4n+4) .teaser-content-wrapper::after { left: inherit; right: 99.9%; border-color: rgba(136, 183, 213, 0); border-right-color: #0aa3ec; } .home-teaser:nth-of-type(4n+3) .teaser-image.image-home, .home-teaser:nth-of-type(4n+4) .teaser-image.image-home { left: 0; } @media screen and (max-width: 1220px) { .home-teaser { width: 100%; } .home-teaser:nth-of-type(4n+3) { background: #342e2e; } .home-teaser:nth-of-type(4n+3) .teaser-content-wrapper { float: left; } .home-teaser:nth-of-type(4n+3) .teaser-content-wrapper::after { left: 100%; right: inherit; border-right-color: transparent; border-left-color: #342e2e; } .home-teaser:nth-of-type(4n+3) .teaser-image.image-home { left: inherit; right: 0; } .home-teaser:nth-of-type(even), .home-teaser:nth-of-type(4n+4) { background: #0aa3ec; } .home-teaser:nth-of-type(even) .teaser-content-wrapper, .home-teaser:nth-of-type(4n+4) .teaser-content-wrapper { float: right; } .home-teaser:nth-of-type(even) .teaser-content-wrapper::after, .home-teaser:nth-of-type(4n+4) .teaser-content-wrapper::after { left: inherit; right: 100%; border-color: rgba(136, 183, 213, 0); border-right-color: #0aa3ec; } .home-teaser:nth-of-type(even) .teaser-image.image-home, .home-teaser:nth-of-type(4n+4) .teaser-image.image-home { left: 0; } } @media screen and (max-width: 600px) { .home-teaser .teaser-content-wrapper, .home-teaser:nth-of-type(even) .teaser-content-wrapper, .home-teaser:nth-of-type(4n+4) .teaser-content-wrapper, .home-teaser:nth-of-type(4n+3) .teaser-content-wrapper { float: none; width: auto; height:auto; } .home-teaser .teaser-content-wrapper::after, .home-teaser:nth-of-type(even) .teaser-content-wrapper::after, .home-teaser:nth-of-type(4n+4) .teaser-content-wrapper::after, .home-teaser:nth-of-type(4n+3) .teaser-content-wrapper::after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-top-color: #342e2e; border-width: 34px; margin-left: -34px; } .home-teaser .teaser-image.image-home, .home-teaser:nth-of-type(even) .teaser-image.image-home, .home-teaser:nth-of-type(4n+4) .teaser-image.image-home, .home-teaser:nth-of-type(4n+3) .teaser-image.image-home { position: relative; width: 100%; height: 300px; } .home-teaser:nth-of-type(even) .teaser-content-wrapper::after { border-top-color: #0aa3ec; } } /* product-teaser */ .home-teaser.product-teaser { background: #f1f1f1; } .home-teaser.product-teaser a.home-teaser-link { color: #342e2e; } .home-teaser.product-teaser .teaser-content-wrapper::after { border-left-color: #f1f1f1; } @media screen and (max-width: 600px) { .home-teaser.product-teaser .teaser-content-wrapper::after { border-left-color: transparent; border-top-color: #f1f1f1; } } @media screen and (max-width: 1220px) { .home-teaser.product-teaser:nth-of-type(even) .teaser-content-wrapper::after, .home-teaser.product-teaser:nth-of-type(4n+4) .teaser-content-wrapper::after { border-left-color: transparent; border-right-color: #f1f1f1; } } .flex-centerbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /***history***/ .ab_boxD{ clear:both; width:100%; height:auto; margin:0 auto; position:relative;} .ab_boxD .tit_1{ text-align:center; font-size:47px; line-height:1; font-weight:bold; color:#b2bfc1; text-transform:uppercase; padding-top:85px;} .ab_boxD .tit_2{ text-align:center; font-size:30px; line-height:1; font-weight:bold; color:#131313; margin-top:23px;} .ab_boxD .cont{ width:840px; padding:0 43px; height:355px; margin:50px auto 0 auto; background:#666; color:#FFF; position:relative;} .ab_boxD .cont .btn{ position:absolute; top:150px; width:60px; height:60px; background:url(../image/about_13.png) center center no-repeat; background-size:100% 100%; opacity:0.6;} .ab_boxD .cont .prev{ left:10px; transform:rotate(180deg);} .ab_boxD .cont .next{ right:10px;} .ab_boxD .cont .btn:hover{ opacity:1;} .ab_boxD .cont .list{ width:100%; height:355px; margin:0 auto; overflow:hidden;} .ab_boxD .cont .list li{ height:355px; padding:0 20px 0; overflow:hidden;} .ab_boxD .cont .list li .lt{ float:left; width:18%;} .ab_boxD .cont .list li .lt .p_1{ font-size:45px; line-height:1; font-weight:bold;} .ab_boxD .cont .list li .lt .p_2{ font-size:20px; line-height:26px; font-weight:bold; margin-top:15px;} .ab_boxD .cont .list li .lt .p_2 i{ font-style:normal; font-size:25px;} .ab_boxD .cont .list li .lt .more{ display:block; width:155px; height:44px; line-height:44px; border-radius:44px; text-align:center; border:1px solid #FFF; color:#FFF; text-transform:uppercase; font-size:15px; margin-top:35px; transition:all 0.3s ease-out;} .ab_boxD .cont .list li .lt .more:hover{ border-color:#fff; background-color:#fff; color:#000;} .ab_boxD .cont .list li .rt{ float:right; width:82%; font-size:16px; line-height:32px;} .ab_boxD .cont .list li .rt img{ max-width:659px; max-height:225px; margin-top:15px;} .ab_boxD .cont .list li .rt .fr{ float:left; width:48%; margin:15px 0 0 0;} .ab_boxD .cont .list li .rt .fr:nth-of-type(2n){margin:15px 0 0 4%;} .ab_boxD .box{ margin:77px auto 0 auto; width:100%; height:105px; padding:0 0 50px; overflow-x:auto; overflow-y:hidden; position:relative; z-index:2;} .ab_boxD .box li{ float:left; width:110px; height:90px; margin:0 40px; cursor:pointer; text-align:center;} .ab_boxD .box li p{ font-weight:bold; color:#040404; height:40px; line-height:40px; font-size:22px; transition:all 0.2s ease-out;} .ab_boxD .box li i{ display:block; margin:40px auto 0 auto; width:20px; height:20px; background:rgba(0,0,0,0.2); border-radius:50%; position:relative; transition:all 0.2s ease-out;} .ab_boxD .box li i:after{ content:""; display:block; height:8px; width:8px; background-color:#1b2881; position:absolute; left:50%; top:50%; border-radius:50%; transform:translate(-50%, -50%); transition:all 0.2s ease-out;} .ab_boxD .box li.cur p{ font-size:38px; color:#1b2881;} .ab_boxD .box li.cur i{ margin-top:35px; width:30px; height:30px;} .ab_boxD .box li.cur i:after{ width:18px; height:18px;} .ab_boxD .hx{ position:absolute; left:0; bottom:65px; width:100%; height:1px; background-color:#1b2881; z-index:1;} .ab_boxD .mTitbg h2 { margin-top: 20px;} .historylist{ padding:20px 0 0 20px;} .N-history{ background:url(../image/line_gray.png) repeat-y 14px top; } .N-history ul{overflow:hidden; } .N-history ul li{background:url(../image/dot_nor.png) no-repeat left 5px; padding-left:60px; padding-bottom:40px;} .N-history ul li h3{margin:0 0 5px; font-size:34px; line-height:40px; color:#666;} .N-history ul li p{margin:0 0 10px; font-size:16px; line-height:36px; color:#333; overflow:hidden;} .N-history ul li p img{float:left; display:block;max-width: 100%; margin-bottom: 10px;} .N-history ul li.last-his{background:url(../image/dot_cur.png) no-repeat left 5px;} .N-history ul li.last-his h3{color:#28afec;} .teaser-wrapper{ margin-bottom:40px;} .tech_list{ overflow:hidden; margin-top:40px;} .tech_list_left{ float:left; width:50%;} .tech_list_left img{ width:100%; display:block;} .tech_list_right{ float:left; width:45%; max-width: 560px; padding:45px 0 0 45px;} .tech_list_right h3{ width:100%; font-size:30px; font-weight:normal; color:#5a5a5a; display:block; padding-bottom:30px;} .tech_list_right { font-size: 14px; line-height: 24px; margin: 0 0 25px; font-weight: 300;} .tech_list_right a{ float:left; color:#fff; background:#28afec; border-radius:50px; padding:9px 45px; display:block; margin-top:30px;} .tech_list_right a:hover{ background:#00458e;} .tech_list_right ul{ padding:0; margin-left:1.2em} .tech_list_right ul li{ list-style:disc;} .chain{ width:1000px; margin:0 auto;} .chain ul li{ width:1000px; height:333px; overflow:hidden; background:#f4f4f4; overflow:hidden; margin-bottom:20px;} .chain ul li img{ float:left;} .chain ul li img.fr{ float:right;} .chain ul li p{ float:left; max-width:416px; height:249px; padding:42px 42px 0; overflow:hidden;} .youshi{ padding:30px 0; overflow:hidden;} .youshi ul.t01 li{ background:url(../image/icons12.png) no-repeat left 10px; padding:0 0 0 20px;} .youshi ul.t02{ padding:20px 0 0;} .youshi ul.t02 li{ float:left; width:31.8%; margin:0 2.2% 2.2% 0;} .youshi ul.t02 li:nth-of-type(3n){ margin:0 0 2.2% 0;} .youshi ul.t02 li img{ width:100%;} .youshi ul.t03{overflow:hidden;padding:30px 0;} .youshi ul.t03 li{ float:left; width:31.8%; padding:25px 0; line-height:28px; color:#465156; margin:0 2.2% 2.2% 0; background:#f2f2f2; text-align:center;} .youshi ul.t03 li span{ display:block;} .youshi ul.t03 li:hover,.youshi ul.t03 li.now{ background:#0aa4ee; color:#fff;} .youshi ul.t03 li:nth-of-type(3n){ margin:0 0 2.2% 0;} .youshi ul.t04 li{ float:left; width:48.8%; margin:0 2.2% 2.2% 0;} .youshi ul.t04 li:nth-of-type(2n){ margin:0 0 2.2% 0;} .youshi ul.t04 li img{ width:100%;} @media screen and (max-width: 1280px) { .tech_content{ width:100%; padding:30px 10px 0; min-width:1200px;} .tech_list{ margin-top:10px;} .tech_list_left{ float:none; width:100%;} .tech_list_right{ float:none; width:100%; max-width:none; padding:30px 20px; overflow:hidden; margin:0;} .tech_list_right h3{ font-size:20px;} .tech_list_right a{ margin-top:1.5em;} .tech_list_right ul{ margin:1.5em 0 0 1.5em;} } @media screen and (max-width:1024px){ .pc{display: none;} .sp{display: block;} .head{ height: 55px; position: relative;} .mlogo{ margin-top: 10px; margin-left: 10px;} .h-lefta{ line-height: 35px; height: 35px; padding-left: 15px; background: url(../image/img_23.jpg) no-repeat left center; background-size: 10px; color: #3c7cb9; font-size: 1rem; font-weight: bold; display: inline-block;} .h_menubtn{ position: absolute; top: 16px; right: 10px; width: 20px; line-height: 3px;} .h_menubtn i{ height: 4px; width: 100%; background: #3c7cb9; border-radius: 25px; float: left; margin-bottom: 4px;} .sellan{ position: absolute; top: 16px; right: 40px; width: 75px; overflow: hidden;} .sellan select{ background: none; border:none; background: url(../image/img_19.jpg) 60px center no-repeat; background-size: 13px; width: 150px; color: #3c7cb9; font-size: 0.9rem; font-weight:bold;} .navtop{background: #0154a4; /*padding: 5px 0;*/display: table; width: 100%;} .navtop ul{ /*padding: 5px 1%;*/ display: table; width: 100%;} .navtop ul:nth-of-type(2n+2){ border-top: 1px solid #3c7cb9;} .navtop ul:nth-of-type(3){ border-top: 1px solid #3c7cb9;} .navtop ul:nth-of-type(3) li a{ border-right: 1px solid #3c7cb9;} .navtop li{ float: left; width: 33.3%; padding:5px 0;} .navtop li:last-of-type a{ border-right: none;} .navtop li a{ color: #fff; border-right: 1px solid #3c7cb9; font-size: 1rem; height: 30px; line-height: 30px; text-align: center;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .menucomm{ border-top: 1px solid #d4d4d4; z-index: 12; position: absolute; top:55px; background: #fff; left: 0; width: 100%; height: 0; overflow: hidden; -webkit-transition: height 1s; -moz-transition: height 1s; -o-transition: height 1s; transition:height 1s;} .menuc-nav{ padding: 10px 15px; border-bottom: 1px solid #d4d4d4;} .menucn-t{ height: 40px; line-height: 40px; font-size: 1.2rem; font-weight: bold; border-bottom: 1px solid #d4d4d4;} .menucn-l{ padding:10px 3px 3px 3px;display: table;width: 100%;} .menucn-l li{ float: left; width: 33.3%; height: 35px; line-height: 28px; font-size: 1rem;} .menucn-l li:nth-of-type(2),.menucn-l li:nth-of-type(5){ text-align: center;} .menucn-l li:nth-of-type(3),.menucn-l li:nth-of-type(6){ text-align: right;} .menuc-search{ padding: 8px 10px; background: #f3f3f3; position: relative;} .menucs-txt{ height: 38px; color: #333333; position: relative; border:1px solid #c7c7c7; border-radius: 2px; width: calc(100% - 12px); padding-left: 10px;} .menucs-btn{ height:36px; width: 45px; position: absolute; right:11px; top: 9px; border: none; background: url(../image/img_18.jpg) center center no-repeat; background-size: 45px; border-left:1px solid #d1d1d1; } .menucomm.sel{height: 198px; border-bottom: 1px solid #d1d1d1;} .mfl{display: none;} .mfr{width: 100%; float:none; margin:0 auto; padding-bottom: 20px;} .r-tit{margin-bottom: 10px;} .swiper1 .sss1 .note{width:70%} .swiper1 .sss2 .note{margin: -180px 0 0 -350px;} .tab-content ul li{width:25%;} .ilist .num{ font-size: 45px} } @media screen and (max-width: 768px) { .tech_content{ width:100%; padding:30px 10px 0;} .tech_list{ margin-top:10px;} .tech_list_left{ float:none; width:100%;} .tech_list_right{ float:none; width:100%; max-width:none; padding:30px 20px; overflow:hidden; margin:0;} .tech_list_right h3{ font-size:20px;} .tech_list_right a{ margin-top:1.5em;} .tech_list_right ul{ margin:1.5em 0 0 1.5em;} .ilist li{width:50%; margin-bottom:20px;} .indexProduct ul li{width: 30%; margin: 0 5% 5% 0;} .indexProduct ul li:nth-child(3n+3){margin: 0 0 5% 0;} .N-newbox-img{width:48%;margin-right:4%; margin-bottom:5%;} .N-newbox-img:nth-child(2){margin-right:0;} .N-newbox-txt{width:100%; height:auto;} .N-news-list dt a h5{text-align:left;} .neiba{height: 290px;} .neiba_about{top: 28.8%;} .tab_con{padding:0} .tab-content ul li{width:33.33%;} .left_productcontent .left_pic{width:100%;} .left_productcontent .right_pic{width:100%;margin-left:0;} .hrtable th{width:25% !important;} .hrtable li{width:25% !important;} .tt{width:100%;} .liuyanbg{width:50%; padding: 62px 0 0 50%;} .swiper1 .arrow-left0,.swiper1 .arrow-right0{display:none; width:0px;} .swiper4process .arrow-left,.swiper4process .arrow-right{width:40px; height:40px; background-size:100%;} .swiper1 .sss1 .note{ background: url(../image/bg21.png) no-repeat left bottom;background-size: 30%;} .videolist{width:48%; margin-right:4%;} .videolist:nth-child(3n+3){margin-right:4%;} .videolist:nth-child(2n+2){margin-right:0;} } @media(max-width:425px){ .swiper1{height:60vh;} .swiper1 .sss1 .note{width: 90%;left: 5%;} .swiper1 .sss1 .t1,.swiper1 .sss2 .t2,.swiper1 .sss3 .note{ font-size: 22px; line-height: 30px;} .swiper1 .sss1 .t2,.swiper1 .sss2 .t1{ font-size: 16px;} .swiper1 .sss2 .note{margin: -30% 0 0 -40%; padding:10px;} .swiper1 .sss3 .note{left: 12.8%;width: 80%; padding:15px 0 0 15px ;} .swiper1 .sss3 .note .t2{color: #003894;} .indexProduct{padding: 40px 0 20px;} .ilist .in{width:98%;} .ilist .num{font-size: 36px; height: 56px;} .ilist p.t{font:16px/25px Arial, Helvetica, sans-serif} .foot-nav{width:100%;} .foot-r{width:100%;} .foot .main{ padding: 40px 5% 35px 5%;} .foot-g ul{display:none;} .foot-bq .main { padding: 10px 0; width:100%;} .foot-r-m .iconfont{ font-size: 24px;} .foot-g h1{font-size:24px;} .foot-nav ul{width:46%;} .neiba{height:140px;background-size: cover;} .neiba_about{top: 18.8%;} .N-history ul li{padding-left:40px;} .indexProduct ul li{width: 48%; margin: 0 4% 5% 0;} .indexProduct ul li:nth-child(3n+3){margin: 0 4% 5% 0;} .indexProduct ul li:nth-child(2n+2){margin: 0 0 5% 0;} .tab_con{padding:0} .honner{margin:0; padding:0} .honner dl{width: calc(50% - 16px); margin: 0 2% 20px 0;} .honner dl:nth-child(3n+3) { margin: 0 2% 20px 0;} .honner dl:nth-child(2n+2) {margin-right: 0;} .videolist{width:100%; margin-right:0;} .videolist:nth-child(3n+3){margin-right:0;} .videos{width:100%; left:0px; margin-left:0;} .tab-content{width:calc(100% - 20px); padding:39px 10px} .tab-nav li a{font-size:16px;} .tab-content ul li{width:50%;} .youshi ul.t02 li{ float:left; width:48.8%;; margin:0 2.2% 2.2% 0;} .youshi ul.t02 li:nth-of-type(3n){ margin:0 2.2% 2.2% 0;} .youshi ul.t02 li:nth-of-type(2n){ margin:0 0 2.2% 0;} .right_img{width:100%;} .right_img img{width:100%;} .bzqc{display:table;} .youshi img{max-width:100%;} .swiper4process{height:318px;} .ren-mrbed LI div{width:48%; margin: 0 4% 20px 0;} .ren-mrbed LI div:nth-child(2n){margin: 0 0 20px 0;} .ren-mrbed LI div img{width:100%;height: auto;} .ren-mrbed LI span{width:calc(100% - 10px); padding-left:10px;} .ren-mrbed LI:first-child span{width:calc(100% - 10px) !important} .tt2{width:auto;} /*.hrshow-table th{width:100% !important;} .hrshow-table td{width:100% !important;}*/ .newscontent dl dt{width:30%; margin-right:10px} .newscontent dl dt a{width:calc(100% - 12px);height: auto;padding: 5px 5px 0 5px;} .newscontent dl dt a img{width:100%; height:auto;} .newscontent dl.aa1 dd{width:calc(70% - 10px);} .newscontent dl.aa1 dd .n1{font-size:16px; line-height: 24px;} .p-fx .fl{width:100%} .right-contact{min-height:auto;} .right-contact img{max-width:100%; } .txt1,.txt{width:90%;max-height: 100px;} .cmxform{margin-bottom:20px;} .left_productcontent .right_pic h1{font-size: 28px;} .r-tit h3{ font-size: 18px;} }