@charset "utf-8"; .owl-theme .owl-controls{margin-top:10px;text-align:center}.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791}.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px}.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease}.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease}.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease}.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease}.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both}.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both}.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both}.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both}@-webkit-keyframes empty{0%{opacity:1}}@-moz-keyframes empty{0%{opacity:1}}@keyframes empty{0%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-moz-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px)}75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%)}}@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px)}75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%)}}@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px)}75%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}100%{opacity:.5;transform:translateZ(-500px) translateX(-200%)}}@-webkit-keyframes backSlideIn{0%,25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-webkit-transform:translateZ(-500px)}100%{opacity:1;-webkit-transform:translateZ(0) translateX(0)}}@-moz-keyframes backSlideIn{0%,25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;-moz-transform:translateZ(-500px)} 100%{opacity:1;-moz-transform:translateZ(0) translateX(0)}}@keyframes backSlideIn{0%,25%{opacity:.5;transform:translateZ(-500px) translateX(200%)}75%{opacity:.5;transform:translateZ(-500px)}100%{opacity:1;transform:translateZ(0) translateX(0)}}@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8)}}@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8)}}@keyframes scaleToFade{to{opacity:0;transform:scale(.8)}}@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%)}}@-moz-keyframes goDown{from{-moz-transform:translateY(-100%)}}@keyframes goDown{from{transform:translateY(-100%)}}@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5)}}@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5)}}@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5)}}@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5)}} .pageleftfixmenu { position: fixed; left: 0; top: 60%; z-index: 20; } .pageleftfixmenu span { display: block; overflow: hidden; background: #2daf1b; transition: all .3s; width: 65px; height: 65px; line-height: 65px; } .pageleftfixmenu .iconbg { background: #2daf1b url(../images/telimg.jpg) no-repeat; display: block; } .pageleftfixmenu{ position: fixed; left: 0; top: 50%;z-index: 20;} .pageleftfixmenu .iconbg{ width: 65px; height: 65px; margin-right: 20px; display: inline-block; float: left; vertical-align: middle; } .pageleftfixmenu span{ display: block; overflow: hidden; background: #2daf1b; transition: all .3s; width: 65px;height: 65px; line-height: 65px; } .pageleftfixmenu span a{color: #fff; font-weight: 600;} .pageleftfixmenu span i.iconbg{background:#2daf1b url(../images/telimg.jpg) no-repeat center; display: block;} .pageleftfixmenu span:hover{ width:235px; } .pageleftfixmenu span:hover .iconbg{border-right: 1px solid #fff;} .pageleftfixmenu span:hover a{text-decoration:none;} @font-face {font-family: "iconfont"; src: url('iconfont.eot?t=1516003974803'); /* IE9*/ src: url('iconfont.eot?t=1516003974803#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'), url('iconfont.ttf?t=1516003974803') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('iconfont.svg?t=1516003974803#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .iconyoutube{background: url(../images/youtube.png) no-repeat; width: 52px; height: 39px; display: inline-block; background-size: cover;} .icon-jiantou:before { content: "\e638"; } .icon-facebook:before { content: "\e61f"; } .icon-email:before { content: "\e6a6"; } .icon-twitter:before { content: "\e796"; } .icon-guanwang30icon24:before { content: "\e645"; } .icon-27phone:before { content: "\e630"; } .icon-jiantouyou:before { content: "\e6bf"; } .icon-jia:before { content: "\e692"; } .icon-weizhi:before { content: "\e615"; } .icon-youxiang:before { content: "\e632"; } .icon-chuanzhen1:before { content: "\e78e"; } .icon-web:before { content: "\e604"; } .icon-ziranyuyanchuli01:before { content: "\e61a"; } .icon-shouyeh:before { content: "\e611"; } .icon-icon:before { content: "\e606"; } .icon-youfanye:before { content: "\e640"; } .icon-zuofanye:before { content: "\e63b"; } .icon-42:before { content: "\e681"; } .icon-bianji:before { content: "\e600"; } .icon-yuangong:before { content: "\e635"; } .icon-sousuo:before { content: "\e7ba"; } .icon-huaban:before { content: "\e7ae"; } .icon-chejianchanliang:before { content: "\e6fc"; } .icon-h2:before { content: "\e786"; } .icon-skype:before { content: "\e712"; } .icon-linkedin:before { content: "\e69b"; } .icon-duihuagoutong:before { content: "\e62d"; } .icon-google-plus:before { content: "\eae8"; } .icon-mianji:before { content: "\e636"; } .icon-xingtaiduICON_sousuo--:before { content: "\e66e"; } .icon-skype:before { content: "\e712"; } .icon-linkedin:before { content: "\e69b"; } .icon-duihuagoutong:before { content: "\e62d"; } .icon-google-plus:before { content: "\eae8"; } .icon-mianji:before { content: "\e636"; } .icon-xingtaiduICON_sousuo--:before { content: "\e66e"; } @font-face { font-family: 'Conv_DIN'; src: url('../fonts/DIN-LIGHTALTERNATE.eot'); src: local('☺'), url('../fonts/DIN-LIGHTALTERNATE.woff') format('woff'), url('../fonts/DIN-LIGHTALTERNATE.ttf') format('truetype'), url('../fonts/DIN-LIGHTALTERNATE.svg') format('svg'); font-weight: normal; font-style: normal; } body{font-family:Conv_DIN ; font-size: 14px; color: #333;} html, body, div, span, h1, h2, h3, h4, h5, h6, p,table, td, blockquote, pre, a, address, big, cite, code, del, em, font, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0;padding: 0;} input,select,textarea{font-size: 14px;border:none;margin: 0;padding: 0;} img{border: 0 none;vertical-align: middle;} a{color: #333;text-decoration:none;background-color:transparent;transition: 0.3s;} a:hover{cursor: pointer;} a:focus{outline:none;} ul, li, dl, dt, dd{list-style: none outside none;} /*table td{word-wrap:break-word;word-break:break-all;}*/ #cookie-bar.fixed { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 666 } #cookie-bar { background: #323232; font-color: #666; height: auto; line-height: 24px; text-align: center; padding: 20px 0; box-shadow: 0 -1px 2px #363636; opacity: .9; } #cookie-bar p { margin: 0; padding: 0; color: #fff; margin: 0 auto; display: table; padding-right: 190px; position: relative; font-size: 14px; } #cookie-bar a { color: #fff; text-decoration: underline } #cookie-bar .cb-enable { background: #1863DC; border-radius: 5%; color: #fff; padding: 6px 12px; position: absolute; right: 0px; top: 0; font-size: 14px; text-decoration: none; transition: all .5s ease-out 0s } #cookie-bar .cb-disable { background: #fff; border-radius: 5%; color: #000; padding: 6px 12px; position: absolute; right: 90px; top: 0; font-size: 14px; text-decoration: none; transition: all .5s ease-out 0s } .warper{max-width:1300px; margin:0 auto;} .backToTop{width:60px; height:60px; background:#ff9000 url(../images/icon_top.png) no-repeat center; background-size: 27px; cursor:pointer; position:fixed; right:3%;text-indent:9999px; bottom:50px; color: #fff; border-radius: 50%; transition: all .3s} .backToTop:hover{opacity: .8} header{ background: #fff;position: fixed; top: 0; left: 0; z-index: 10; box-shadow: 0 2px 2px rgba(0,0,0,.1); width: 100%;} header .rcon{position: absolute; right: 50px; top: 0; z-index: 11; } header .rcon .media{float: left; border-left: 1px solid #ddd;} header .rcon .media a{ width: 22px; color: #c1c1c1; line-height: 107px; width: 60px; text-align: center; display: inline-block; font-size: 34px; border-right: 1px solid #ddd; } header .rcon .media a:hover{color: #213599} .language{ height: 101px; float: right; padding:38px 0 40px 10px; } .language i{font-size: 27px; color: #c1c1c1;display: inline-block; vertical-align: middle;} .language select{display: inline-block; vertical-align: middle; margin-top: 3px; font-size: 16px; color: #c1c1c1;} #logo{ overflow: hidden; padding: 13px 0; margin: 0 0 0 50px} .close-nav{position: fixed;top:0;left:0;width: 100%;height: 100%;background: #000;opacity: 0;visibility: hidden;transition: 0.5s;z-index: 88;} .nav-open{transform: translateX(0);} .close-open{opacity: 0.5;visibility: visible;} .body-hidden{overflow: hidden!important;} #nav .nav-button{width: 35px;height: 35px;border-radius: 3px;background: #333;color: #fff;position: absolute;right: 10px;top: 10px;line-height: 33px;text-align: center;font-size: 20px;} #nav .nav-button i{ color: #fff; } #nav .nav-button{display: none;} .searchbox{ position: relative;display: inline-block; float: left; border-right: 1px solid #ddd; } .searchbox i{ display: block; width: 60px; overflow: hidden; text-align: center; font-size: 27px; line-height:107px; color: #c1c1c1; } .searchbox form{ position: absolute; visibility: hidden; right:0px; top:107px; width: 500px; z-index: 10; background: #fff; padding:15px; line-height: auto; } .searchbox form .text,.searchbox form button{ line-height: 52px; float: left; border: 1px solid #ddd; padding:0 5px; height: 52px; } .searchbox form .text{ width: 400px; } .searchbox form button{ width: 70px; background: #1d7fb7; font-size: 16px; color: #fff; border: 0; } .searchbox:hover form{ visibility: visible; } #nav{ position: absolute; left: 50%; top: 0; margin-left: -362px;} nav li{ float: left; position: relative; } nav li>a{ padding:0 25px; display: block; line-height: 107px; font-size: 18px; text-transform: uppercase; color: #222; transition:0.5s; } nav li.on>a,nav li:hover>a{background: #213599; color: #fff;} nav dl{ position: absolute; display: block; background:#fff; top: 107px; opacity: 0;transition: opacity 1s ease; left:999999px; z-index: 999; } nav dl a{ color: #fff; display: block; line-height: 35px; background:#213599; padding:0 10px; width: 180px; } nav dl a:hover{background:#fff; color:#213599;} nav .menu{ position: fixed; display: block; background: rgba(33,53,153,.95); top: 107px; padding:60px 0; opacity: 0; width: 100%; transition: opacity 1s ease; left: 100%; z-index: 999;} nav .menu .warper{overflow: hidden;} nav .menu a{ color: #fff; display: block; white-space: nowrap;} nav .menu .leftcon { width: 25%; padding-right: 30px; float: left; overflow: hidden; } nav .menu .leftcon h3{font-size: 42px; text-transform: uppercase; margin-bottom: 30px;} nav .menu .leftcon div a{ display: block; font-size: 18px; margin-bottom: 15px; } nav .menu .leftcon div a.on{ color: #f62b1d;} nav .menu .leftcon div a{transition: all .3s; background: url(../images/li_jiantou.png) no-repeat right center; } nav .menu .leftcon div a.on{ background: url(../images/li_jiantou_red.png) no-repeat right center; } nav .menu .right_con { width: 75%; float: right } nav .menu .right_con .item{ display: none; } nav .menu .right_con .item span{display: block; width: 33.33%; padding: 0 10px; text-align: center; float: left;} nav .menu .right_con .item span a{ font-size: 16px; line-height: 30px; } nav .menu .right_con .item span a img{width:100%; display: block;} nav .menu .right_con .item span a:hover{ color: #f62b1d } nav li:hover .menu,nav li:hover dl{ opacity: 1; left: 0; } footer{ background: #121119; color: #fff; line-height: 24px;} footer .footer{padding: 80px 0; overflow: hidden;} footer a{ color: #ddd; transition:0.3s;} footer a:hover{ color: #2a95d3;} footer h4{ text-transform: uppercase; color: #fff; font-size: 32px; margin-bottom: 45px;} footer .item{ width: 30%;float: left; color: #888; font-size: 16px; margin-right: 2%; display: inline-block; } footer .item1{ width: 36%; } footer .item1 h3,footer .item1 b,footer .item1 i{color: #fff;} footer .item1 h3{font-size: 52px; text-transform: uppercase;} footer .item1 b{font-size: 18px; margin-bottom: 10px; display: block; text-transform: uppercase; font-weight: 100;} footer .item1 ul{margin-top: 20px;} footer .item1 li{padding-left: 25px; position: relative;} footer .item1 div{padding-left: 25px; position: relative; margin-bottom: 5px; } footer .item1 h6{margin-right: 10px; font-size: 20px; display: inline-block; position: absolute; left: 0; top: 0;} footer .item2 a{ width: 32.333%; float: left; margin-right: 1%; margin-bottom: 5px; background: #000 } footer .item2 a img{ display: block; width: 100%;opacity: .6 } footer .item2 a:hover img{opacity: 1} footer .item3{ float: right;margin-right: 0; } footer .item3 a{background: #201e2e; color: #727276; display: inline-block; margin-right: 5px; padding:4px 15px; margin-bottom: 5px;} button:hover{ opacity: .8 } footer .copyright{ text-align: center; font-size: 16px; background: #09090d; color: #cacaca; padding:12px 10px } /*以下首页样式*/ #banner img{ width: 100%; display: block; } #banner.owl-theme .owl-controls{position: absolute;bottom: 10px;width: 100%;} #banner.owl-theme .owl-controls .owl-page span{border-radius: 0;width: 13px;height: 13px; margin: 0 3px; background: #fff;opacity:.5; border-radius: 50%;} #banner.owl-theme .owl-controls .owl-page.active span,#banner.owl-theme .owl-controls .owl-page:hover span{background: #213599; opacity: 1} /*版块标题*/ .home_boxtit {position: relative; overflow: hidden; text-align: center; margin: 0 auto;} .home_boxtit h3{font-size: 55px; color: #333; text-transform: uppercase;} .home_boxtit .fon{display: block; color: #666; width: 65%; margin:0 auto; line-height: 24px; } .home_pro{padding: 80px 0 } .home_pro .menu{ text-align: center; margin: 45px 0;} .home_pro .menu a{ display: inline-block; margin:0 5px; font-size: 16px; padding:0 15px; border:1px solid #ddd; line-height: 40px; } .home_pro .menu a.on,.home_pro .menu a:hover{background: #213599; color: #fff;border:1px solid #213599;} .home_pro_li{ display: none; } .home_pro_li .licon{ margin:0 5px; text-align: center; } .home_pro_li .onecon{position: relative; background:#213599; margin-bottom: 10px;} .home_pro_li .onecon img{ display: block; width: 100%; } .home_pro_li .proname{ font-size: 18px; display: block; font-weight: 100; font-weight: 100; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .home_pro_li .onecon .con{padding:0 50px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; font-size: 14px;display: flex; align-items: center; justify-content: center; opacity: 0; transition: all .3s;} .home_pro_li a.iconfont{ width: 80px; height: 80px; display: block; margin:0 auto; background: #fff; border-radius: 50%; font-size:38px; color: #213599; line-height: 80px; margin-bottom: 10px; } .home_pro_li .fon{max-height: 64px; color: #fff; overflow: hidden; line-height: 22px; display: block;} .home_pro_li .item .con::before,.home_pro_li .item .con::after { pointer-events: none;} .home_pro_li .item .con::before,.home_pro_li .item .con::after { position: absolute; top: 10px; right: 10px; bottom:10px; left:10px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s;} .home_pro_li .item .con::before{ border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1);} .home_pro_li .item .con::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0);} .home_pro_li .item:hover .con::before,.home_pro_li .item:hover .con::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);} .home_pro_li .item .con a.tit{ display: block; font-size: 16px; color: #fff; margin:10px 0; max-height: 42px; overflow: hidden;} .home_pro_li .item .con a.icon-link{ font-size: 48px; width: 50px; height: 50px; line-height:53px; color: #ffd300; display: block; margin:0 auto 0px auto;} .home_pro_li .item:hover .con{opacity: 1} .home_pro_li .item:hover .onecon img{opacity: .2} .home_pro_li .item:hover .proname{ color: #213599 } .home_pro_li .owl-theme .owl-controls,.home_new_lis.owl-theme .owl-controls{margin-top: 25px;} .home_pro_li .owl-theme .owl-controls .owl-page span,.home_new_lis.owl-theme .owl-controls .owl-page span{border-radius: 0;width: 15px;height: 15px; border:2px solid #fff; margin: 0 3px; background: #e6e6e6;opacity:1; border-radius: 50%;} .home_pro_li .owl-theme .owl-controls .owl-page.active span,.home_pro_li .owl-theme .owl-controls .owl-page:hover span,.home_new_lis.owl-theme .owl-controls .owl-page.active span,.home_new_lis.owl-theme .owl-controls .owl-page:hover span{border:2px solid #213599; background: #fff; opacity: 1; width: 15px; height: 15px;} .home_about{background: #f1f1f1 url(../images/aboutbg.jpg) no-repeat left bottom; overflow: hidden; padding:70px 0;} .home_about .leftcon{ width: 55%; float: left; color: #777; line-height: 26px; } .home_about .leftcon .fon b{color: #333; font-size: 18px;} .home_about .leftcon .boxtit{margin-bottom: 35px; color: #333; line-height: 40px; font-size: 52px; text-transform: uppercase;} .home_about .rightcon{ border:8px solid #fff; width: 42%; float: right; } .home_about .rightcon img,.home_about .rightcon video{width: 100%; display: block;} .about_num{margin-top: 25px;} .about_num .item{ float: left; width: 30%; text-align: center; color: #333;} .about_num .item h5{ display: inline-block; font-size: 25px; font-weight: 600; } .about_num .item h6{ border-radius: 50%; border:1px solid #333; width: 106px; height: 106px; margin:15px auto; font-size: 50px; line-height: 106px; transition: all .3s;} .about_num .item h6.iconfont:before{display:block; margin:0 auto;} .about_num .item h6:hover{background: #213599; border:1px solid #213599; color: #fff;} .home_honor{background: #213599; color: #fff; padding:65px 0; overflow: hidden; } .home_honor .warper{ position: relative; overflow: hidden; } .home_honor .leftcon{ width: 38%; position: absolute; left: 0; top: 0; height: 100% } .home_honor .leftcon img{ display: block; height: 100%; box-shadow: 0 4px 10px 4px rgba(0,0,0,.5); transition: all .3s; } .home_honor .leftcon .img01{ position: absolute; right:0; z-index: 2; top: 4%; height: 92%; } .home_honor .leftcon .img02{ position: absolute; left:15%; z-index: 1; top:9%; height: 82%; } .home_honor .leftcon .img03{ position: absolute; left: 0; top:15%; height: 70%; } .home_honor .hon03 .img03{ z-index: 3; height: 92%; top: 4%; } .home_honor .hon03 .img02{ z-index: 2; left: 25%; } .home_honor .hon03 .img01{ z-index:1; height: 70%; top: 15%; } .home_honor .hon02 .img03{ z-index:1; top:15%; height: 70%; } .home_honor .hon02 .img02{ z-index: 2; left: 25%; } .home_honor .hon02 .img01{ z-index:1; height: 70%; top: 15%; } .home_honor .rightcon{ float: right; width: 57%; margin:80px 0; } .home_honor .rightcon h3{font-size: 45px; text-transform: uppercase;} .home_honor .rightcon h3 b{ font-size: 55px; margin-right: 10px; font-weight: 100; } .home_honor .rightcon .fon{ line-height: 28px; margin:30px 0 40px 0; } .home_honor .rightcon .more{ background: #ff9c00; display: inline-block; line-height: 45px; padding:0 35px; font-size: 16px; font-weight: 600; color: #111; } .home_honor .rightcon .more:hover{opacity: .8} .home_video{ position: relative; overflow: hidden; } .home_video img{ display: block;width: 100%; } .home_video .con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; background: rgba(0,0,0,.5); margin:0 auto; display: flex; align-items: center; justify-content: center; font-size: 16px;} .home_video .con div{ width: 80%; text-align: center; max-width: 1000px; } .home_video .con h3{text-transform: uppercase; font-size: 65px; margin-bottom: 30px;} .home_video .con p{ line-height: 30px; } .home_case{ overflow: hidden; padding-top: 65px; } .home_case .home_boxtit,.home_new .home_boxtit{margin-bottom: 40px;} .home_case ul{ display: block; overflow: hidden; } .home_case ul li{float: left; width: 33.2%;margin: 0 .2% 5px 0; position: relative; overflow: hidden; } .home_case ul li .pic,.home_case ul li .pic img{ display: block; width: 100%; transition: all .3s; } .home_case ul li .pic{background: #213599} .home_case ul li .con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin-bottom: 10px;display: flex; align-items: center; justify-content: center; font-size: 18px; } .home_case ul li .con a{ display: block; width: 100%; } .home_case ul li .con b{ color: #fff; display: block; height: 0; text-overflow: ellipsis; text-align: center; white-space: nowrap; overflow: hidden; transition: all .3s;} .home_case ul li .con span img{display: block; width: 100%; } .home_case ul li .con span{ display: block; width: 145px; height: 145px; margin:0 auto 10px auto; border-radius: 50%; overflow: hidden; } .home_case ul li .tit{ font-weight: 600; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .home_case ul li:hover .pic img{opacity: .2; transform: scale(1.2);} .home_case ul li:hover .con b{height: 30px;} .home_new{overflow: hidden; padding: 65px 0; } /*.home_new .warper{ padding:15px; }*/ .home_new_lis .item{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} .home_new_lis .licon{ padding:30px; border-left: 1px solid #ddd; text-align: center; } .home_new_lis .licon b{ display: block; font-weight: 100; font-size: 20px; height: 49px; overflow: hidden; display: block; margin-bottom: 15px; } .home_new_lis .licon .fon{ display: block; margin:15px 0; color: #999 ; font-size: 16px; line-height: 24px; height: 66px; overflow: hidden; } .home_new_lis .licon .time{font-size: 21px; margin-bottom:20px;} .home_new_lis .licon .time em{ display: block; font-size: 40px; font-style: normal; } .home_new_lis .licon .more{border:4px solid #eee; color: #999; line-height: 35px; padding:0 50px; display: inline-block; } .home_new_lis .item:hover{box-shadow: 0px 0px 15px rgba(0,0,0,.3)} .home_new_lis .item:hover .licon .time,.home_new_lis .item:hover .licon b{ color: #323a93 } .home_new_lis .item:hover .licon .more{ background: #323a93; color: #fff; border-color: #323a93 } .home_new_lis .owl-item:last-child .licon{border-right: 1px solid #ddd} .home_form{background: #000; overflow: hidden; position: relative;} .home_form .leftcon{ width: 50%; float: left; background: url(../images/homeformbg.jpg) no-repeat fixed; overflow: hidden; background-size: cover} .home_form .rightcon{ width: 50%; float: right; height: 100%; position: absolute; right: 0; top: 0;} .home_form .leftcon .box{ float: right;width: 550px; margin-right: 50px; padding:80px 0; } .home_form .leftcon .box .home_boxtit{text-align: left; color: #fff; font-size: 40px; margin-bottom: 40px; } .home_form .leftcon .box .home_boxtit h3{ display: inline-block; color: #fff; } form.form .text{display: block; width: 100%; line-height: 40px; border:1px solid #aaa; background: none; margin-bottom: 15px; padding:0 10px;} form.form textarea{ border:1px solid #aaa; background: none; padding: 10px; width: 100%; resize:none;} form.form button{background: #ff9000; color: #fff; font-size: 18px; border:0; height:45px; width:200px; margin-top: 10px; font-family:Conv_DIN } /*位置*/ #banner{ margin-top: 107px; } #sub_ban{ overflow: hidden;position: relative; margin-top: 107px; } #sub_ban .ban{ overflow: hidden;} #sub_ban .ban img{ display: block; width: 100%; } #sub_ban .con{display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; position: absolute; top:0; color: #fff; left:0; font-size: 55px; display: none; } #sub_ban .con img{ width: auto; margin:0 auto; } .positionline{background: rgba(0,0,0,.4); position: absolute; bottom: 0; left: 50%; padding:13px 20px 13px 50px; margin-left: -650px; width: 1300px; color: #fff;} .positionline a{ color: #fff; } .positionline i{ font-size: 28px; color: #fff; background: #23358f; display: block; width: 43px; height: 43px; text-align: center; line-height: 40px; position:absolute; left: 0; top: 0; } .positionline em{ font-size: 12px; display: inline-block; vertical-align: middle; margin:0 5px; margin-top: -3px; } .sub_nav{ margin: 40px 0; overflow: hidden;} .sub_nav a{ background: #f1f1f1; line-height: 30px; display: inline-block; float: left; text-align: center; margin-right: 10px; font-size: 20px; padding:10px 30px; color: #222; } .sub_nav a:last-child{margin-right: 0} .sub_nav a.on,.sub_nav a:hover{ color: #fff; background: #23358e;} .pages{text-align: center;} .pages a,.pages span{border:1px solid #ddd; display: inline-block; color: #666; padding:8px 10px; font-size: 16px; margin:0 2px;} .pages .prev{margin-right: 20px; padding:8px 20px;} .pages .next{margin-left: 20px; padding:8px 20px;} .pages i{font-size: .5rem;} .pages .active{background:#23358f; color: #fff} /*about*/ .aboutpage{ overflow: hidden; padding-bottom: 100px; line-height: 24px; color: #666; } .aboutpage .sub_nav a{padding:10px 66px;} .aboutpage .boxtit{ font-size: 45px; color: #333; margin-bottom:20px; text-transform: uppercase; } .aboutpage .boxtit b{height: 30px; background: #23358e; display: inline-block; width: 10px; margin-right: 8px;} #aboutbanner{margin-top: 20px;} #aboutbanner img{ display: block; width: 100%; } #aboutbanner.owl-theme .owl-controls .owl-pagination{ display: none; } #aboutbanner.owl-theme .owl-controls .owl-buttons div{ width: 54px; height: 54px; position: absolute; top: 50%;margin-top: -27px; opacity: 1; line-height: 999px; } #aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-prev{left: 0;} #aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-next{right: 0;} #aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-prev{background: #fff url(../images/icon_aboutjiantou.png) no-repeat -54px 0;} #aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-next{background: #fff url(../images/icon_aboutjiantou.png) no-repeat -52px -54px;} #aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{ background: #213599 url(../images/icon_aboutjiantou.png) no-repeat -3px 0;} #aboutbanner.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background: #213599 url(../images/icon_aboutjiantou.png) no-repeat 0 -54px;} .about_cul{text-align: right; margin: 50px 0 30px 0;} .about_cul .boxtit b,.about_business .rightcon .boxtit b{margin-right: 0; margin-left: 8px;} .about_num2{background: #27388f; color: #fff; overflow: hidden;} .about_num2 .item{ width: 33.33%;float: left; text-align: center; padding:12px 0 20px 0; font-size: 20px;} .about_num2 .item h5{ display: inline-block; font-size: 38px; } .about_culture{ overflow: hidden; border:1px solid #ddd; } .about_culture .item{ width: 20%; float: left; padding:30px; height: 350px; } .about_culture .item h3{font-size: 25px; line-height: 36px ;} .about_culture .item b.line{ height: 2px;display: block; width: 60px; margin-top: 5px; background:#27388f; overflow: hidden; } .about_culture .item .fon{ margin-top: 18px; } .about_culture .item:nth-child(even){background:#f4f4f4;} .about_culture .item:nth-child(even) h3{ color: #27388f } .about_organi{margin: 50px 0} .about_organi .con{background: #f4f4f4;padding:30px;} .about_organi .con img{ max-width: 100%; } .about_business{overflow: hidden;} .about_business .leftcon{ width: 40%; float: left; } .about_business .leftcon img{ display: block; width: 100%; } .about_business .rightcon{ width: 55%; float: right;text-align: right; } .history_head{ font-size: 45px; color: #e2e2e2; text-align:center; background: url(../images/historylinetop.png) no-repeat center bottom; padding-bottom:30px; } .history_lis{ overflow: hidden; background: url(../images/history_yline.jpg) repeat-y center top; } .history_lis li{ width: 50%; position: relative; float: left; } .history_lis li{ margin-left:10px; } .history_lis li:nth-child(even){ margin-left: -20px; margin-top: 50px; } .history_lis li .con{background:#f2f2f1; margin-right:80px; padding:45px 30px; line-height: 30px; transition: all .3s;} .history_lis li .con .year{ font-size: 40px; color: #222; margin-bottom: 20px; display: block; } .history_lis li .con .year font{ font-size: 25px; margin:0 5px; } .history_lis li:nth-child(odd) .con{ text-align: right; } .history_lis li .con .pic{ overflow: hidden; margin:15px 0; } .history_lis li .con .pic img{ width: 48%; display: inline-block; float: left; margin-left: 2%; } .history_lis li .his_jiantou{ position: absolute; top: 50px; right: 56px; background: url(../images/his_jiantou.png) no-repeat; width:24px; height: 26px; } .history_lis li span.yuan{ border: 5px solid #dcdcdc; background: #fff; position: absolute; top: 55px; right: 0; display: block; width: 21px; height: 21px; border-radius: 50%; } .history_lis li:nth-child(even) .con{ margin-right: 0; margin-left: 80px; } .history_lis li:nth-child(even) .his_jiantou{ right: auto; left:56px; transform: rotateY(180deg);-webkit-transform: rotateY(180deg); /* Safari 和 Chrome */-moz-transform: rotateY(180deg); } .history_lis li:nth-child(even) span.yuan{ left: 0;} .history_lis li:hover span.yuan{border-color: #27388f} .history_lis li:hover .con{background: #27388f; color: #fff;} .history_lis li:hover .con .year{color: #fff;} .history_lis li:hover .his_jiantou{background: url(../images/his_bluejiantou.jpg) no-repeat; } .about_team{ margin-bottom: 40px; } .about_team .boxtit,.about_teamper_li .boxtit{ text-align: center; text-transform: none; } .about_team img{margin-top: 20px; display: block; max-width: 100%;} .about_teamper_li .lis{ overflow: hidden; } .about_teamper_li .lis .item{ width: 16.666%; float: left; } .about_teamper_li .lis img,.about_teamper_li .lis .pic{ display: block; width: 100%; } .about_teamper_li .lis .pic{position: relative;} .about_teamper_li .lis .pic .dot{ position: absolute; left: 50%; margin-left: -5px; bottom: 0; font-size: 0; line-height: 0; border-width: 10px; display: block; border-color: #f5f5f5; border-top-width: 0; border-style: dashed; border-bottom-style: solid; border-left-color: transparent; border-right-color: transparent; transition: all .3s; } .about_teamper_li .lis .con{position: relative;} .about_teamper_li .lis .con div{ width: 100%;height: 100%; background: #f5f5f5; position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; font-size: 18px; color: #333;transition: all .3s; } .about_teamper_li .lis .con div b{ font-size: 32px; display: block; font-weight: 100; margin-bottom: 10px;} .about_teamper_li .lis .item:hover .pic .dot{border-color: #263791; border-top-width: 0; border-style: dashed; border-bottom-style: solid; border-left-color: transparent; border-right-color: transparent;} .about_teamper_li .lis .item:hover .con div{ background: #263791; color: #fff; } .about_teamper_li .lis .item:nth-child(even) .pic .dot{bottom: auto; top: 0;font-size: 0; line-height: 0; border-width: 10px; border-color: #f5f5f5; border-bottom-width: 0; border-style: dashed; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; } .about_teamper_li .lis .item:nth-child(even):hover .pic .dot{border-color: #263791; border-bottom-width: 0; border-style: dashed; border-top-style: solid; border-left-color: transparent; border-right-color: transparent; } .about_honor_tit{ font-size: 25px; background: #f4f4f4; padding:15px; line-height: 24px; color: #333; margin: 30px 0 20px 0; } .about_honor_tit b{ width: 14px; height: 14px; display: inline-block; vertical-align: middle; background: #263791; margin-right: 10px; margin-top: -5px; } .abouthonor .pic{border:8px solid #f4f4f4; margin:0 8px;} .abouthonor .pic img{ display: block; width: 100%; } .abouthonor b{font-weight: 100; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; text-align: center; margin-top: 10px;} .abouthonor.owl-theme .owl-controls .owl-pagination{ display: none; } .abouthonor.owl-theme .owl-controls .owl-buttons div{ position: absolute; top:-72px; width: 50px; height:50px; margin:0; border:1px solid #263791; opacity: 1; border-radius: 0; right: 0; line-height: 999px; overflow: hidden; } .abouthonor.owl-theme .owl-controls .owl-buttons div.owl-prev{ right: 50px; } .abouthonor.owl-theme .owl-controls .owl-buttons div.owl-prev{background: #fff url(../images/icon_aboutjiantou.png) no-repeat -54px -4px;} .abouthonor.owl-theme .owl-controls .owl-buttons div.owl-next{background: #213599 url(../images/icon_aboutjiantou.png) no-repeat -5px -58px;} .about_factory .item .box{ position: relative; background: #213599; margin:0 5px; } .about_factory .item img{ display: block; width: 100%; transition: all .3s;} .about_factory .con{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;display: flex; opacity: 0; align-items: center; justify-content: center; color: #fff; } .about_factory .con h6{ margin:0 auto ; display: block; text-align: center; font-size: 40px; margin-bottom:15px; } .about_factory .con b{ font-weight: 100; font-size: 18px; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .about_factory .item .box a{ position: absolute; left: 0; top: 0; z-index: 2; opacity: 0; } .about_factory .item:hover img{opacity: .2} .about_factory .item:hover .con{opacity: 1} .about_factory_tit{ font-size: 32px; text-align: center;margin:35px 0 25px 0; } .about_factory.owl-theme .owl-controls .owl-pagination{ display: none; } .about_factory.owl-theme .owl-controls .owl-buttons div{ position: absolute; top:35%; margin-top: -35px; width: 70px; height:70px; margin:0; opacity: 1;right: 0; border-radius: 50px; line-height: 999px; overflow: hidden; } .about_factory.owl-theme .owl-controls .owl-buttons div.owl-prev{ left:-30px; } .about_factory.owl-theme .owl-controls .owl-buttons div.owl-next{right:-30px;} .about_factory.owl-theme .owl-controls .owl-buttons div.owl-prev{background: #fff url(../images/icon_aboutjiantou.png) no-repeat -30px 7px;} .about_factory.owl-theme .owl-controls .owl-buttons div.owl-next{background: #fff url(../images/icon_aboutjiantou.png) no-repeat -58px -45px;} .about_factory.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background: #213599 url(../images/icon_aboutjiantou.png) no-repeat 21px 7px;} .about_factory.owl-theme .owl-controls .owl-buttons div.owl-next:hover{background: #213599 url(../images/icon_aboutjiantou.png) no-repeat -7px -45px;} #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('fancybox.png') -55px -90px no-repeat; } /*案例*/ .lis_case{ overflow: hidden; padding-bottom: 100px;} .lis_case ul{overflow: hidden; margin-top:40px;} .lis_case li{ overflow:hidden; border:3px solid #ddd; margin-bottom: 30px; transition: all .3s; } .lis_case li .pic{ width: 580px; float: left; overflow: hidden; } .lis_case li .pic img{ display: block; width: 100%; transition: all .3s; } .lis_case li .con{ margin-left: 580px; padding:30px; } .lis_case li .con b{ display: block; font-size: 22px; max-height: 49px; overflow: hidden; } .lis_case li .fon{ display: block; margin:15px 0 25px 0; color: #666; max-height: 67px; overflow: hidden; line-height: 24px; } .lis_case li .links a{ display: inline-block; padding:12px 0; color: #213599; width: 170px; text-align: center; background: #e6e6e6; font-size: 18px; margin-right: 10px; } .lis_case li .links a i{font-size: 20px; margin:0 5px;} .lis_case li .links a.more{background: #213599; color: #fff;} .lis_case li:hover{background: #213599; border-color: #213599;} .lis_case li:hover .con b,.lis_case li:hover .fon{ color: #fff; } .lis_case li:hover .links a.more{background: #fff; color: #213599} .lis_case li:hover .links a.more i{color: #f62b1d} .lis_case li:hover .links a.getp{background: #f62b1d; color: #fff;} .lis_case li:hover .links a:hover{opacity: .8} .lis_case li:hover .pic img{transform: scale(1.1);} .newpage{ width: 1320px; margin:0 auto; padding-bottom: 100px; } .newpage .sub_nav{text-align: center;} .newpage .sub_nav a{ float: none; } .newpage .home_new_lis{ overflow: hidden; padding:10px;} .newpage .home_new_lis .item{ width: 33.33%; float: left; margin-bottom: 40px; } .newpage .home_new_lis .item:last-child{border-right: 1px solid #ddd;} .bignews{ overflow: hidden;padding:15px; background: #eee; margin-bottom: 40px; line-height: 24px;} .bignews .pic img{ display: block; width: 100%; transition: all .3s; } .bignews .pic{display: block; width: 690px; overflow: hidden; float: left; } .bignews .con{margin-left: 690px; padding: 50px;} .bignews .con a{ color: #666; } .bignews .con a b{font-size: 22px; color: #333; display: block; height: 50px; overflow: hidden; margin-bottom: 15px;} .bignews .con a .fon{ display: block; height: 117px; overflow: hidden; } .bignews .con .time{ font-size: 21px; margin-bottom: 20px; } .bignews .con .time em{ font-size: 40px; font-style: normal; margin-right: 10px; } .bignews:hover .pic img{transform: scale(1.05);} /*新闻详情*/ .infocon{color: #666; margin: 40px 0 120px 0; line-height: 24px;} .infocon h1{font-size: 22px; text-align: center; padding:10px; color: #222; margin-bottom:10px;} .infocon img{ display: block;margin: 12px auto; max-width: 100%; } .infocon .time{background: #eee; text-align: center; padding:5px 10px; margin-bottom:20px;} .othernew{ margin-top: 50px; } .othernew span{ display: block; font-size: 20px; color: #333;margin:5px 0; } .othernew span a{ font-size: 14px; color: #666 } .othernew span i{color: #213599} /*联系我们*/ .contact_form{ background: #f4f4f4; padding:50px 20px; color: #666; overflow: hidden; text-align: center; margin-bottom:50px;} .contact_form h3{ font-size: 35px;margin-bottom: 10px; color: #333; } .contact_form b{ font-weight: 100; } .contact_form .red{color: #ff1515} .contact_form form.form{margin-top: 25px;} .contact_form form.form input.text{ width: 49%; border-color: #666; margin-right: 2%; float: left; } .contact_form form.form input.text:nth-child(even){margin-right: 0} .contact_form form.form textarea{ width: 83%; float: left; border-color: #666; height: 162px; } .contact_form form.form button{ border: none; background: #22318b; transition: all .3s; color: #fff; border-radius: 0; font-size: 24px; height: 162px;font-weight: 600; width: 15%; float: right; margin:0;} .edit-box{ line-height: 30px; margin:45px 0; overflow: hidden; } .edit-box .leftcon{ float: left; width:560px } .edit-box .leftcon img{ width: 100%; display: block; } .edit-box .con{ margin-left:560px; padding:20px 0 20px 50px; font-size: 16px; } .edit-box h1{ font-size: 30px; text-transform: uppercase; font-weight:100;margin-bottom: 20px;} .edit-box .con div,.edit-box .con div a{color: #666;} .edit-box .con div { margin:8px 0; position: relative; padding-left: 40px;} .edit-box .con div a:hover{color: #213599;} .edit-box .con div h6{background: #213599; border-radius: 3px; width: 27px; height:27px; line-height: 27px; text-align: center; display: inline-block; color: #fff; margin-right: 10px; font-size: 19px; font-weight: 100; position: absolute; left: 0; top: 0; transition: all .3s; } .edit-box .con div:hover h6{background: #ff9000} .map{ border:1px solid #ddd; margin-bottom: 45px; } .map img{ display: block; width: 100%; } /*product*/ .prolispage{ overflow: hidden; } .page_left{width: 340px; float: left;} .page_right{margin-left: 380px; } .prolispage{padding: 50px 0 100px 0;} .prolispage .page_right .lis_case ul{margin-top: 0;} .pro_tit{ font-size: 40px; font-weight:100; margin-bottom: 10px; color: #222; line-height: 30px; overflow: hidden; } .pro_class_tit{position: relative;} .pro_class_tit a{font-size: 40px; position: absolute; right: 10px; top: 0; line-height: 20px; display:none; height: 30px;} .pro_class{background: #e8e8e8; margin-bottom:50px;margin-bottom: 40px; } .pro_class li{ border-bottom: 2px solid #fff; overflow: hidden; transition: all .3s; } .pro_class li>a{ padding-left: 20px; display: block; line-height: 45px; font-size: 18px; } .pro_class li div{ background: #f7f7f7; height: 0; overflow: hidden; transition: all .3s; } .pro_class li div a{ padding-left: 15px; display: block; color: #666; line-height: 30px; } .pro_class li.on div{ display: block; height: auto;padding:20px 0; } .pro_class li:hover>a,.pro_class li.on>a{ color: #fff; background: #213599 url(../images/li_jiantou.png) no-repeat 90% center; } #hot_pro.owl-theme .owl-controls .owl-pagination{position: absolute; bottom: 56px ;text-align: center; width: 100%;} #hot_pro.owl-theme .owl-controls .owl-pagination div span{ opacity: 1; border-radius: 0; width: 10px; height: 10px; background: #fff; margin:0 3px; } #hot_pro.owl-theme .owl-controls .owl-pagination div.active span{background: #213599} #hot_pro b{ display: block; background: #213599; font-weight: 100; color: #fff; font-size: 18px; padding:15px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } #hot_pro img{ display: block; width: 100%; } .prolispage .lis_case{padding-bottom: 0;} .prolispage .lis_case li{border-width: 2px;} .prolispage .lis_case li .pic { width: 421px; } .prolispage .lis_case li .con{margin-left: 421px;padding:25px 35px;} .prolispage .lis_case li .links a{ width: 155px; } .prolispage .lis_case li .fon{margin: 10px 0 20px 0;} .prolispage .lis_case li .can{border:1px solid #ddd; margin-top: 20px; color: #666; padding:10px 15px; display: block;} .prolispage .lis_case li .can span{ display: block; padding:5px 0; } .prolispage .lis_case li .can h6{width:7px; height:7px; display: inline-block; margin-right: 8px; background: #666; vertical-align: middle; margin-top: -3px} .prolispage .lis_case li:hover .can{border-color: #fff; color: #fff;} .prolispage .lis_case li:hover .can h6{background: #fff;} /*product*/ .pro_detail{ overflow: hidden; padding:40px 0; background: #fff; } .pro_detail .picbox{ width:45%; float: left; } .pro_detail .rightcon{ width: 55%; float: right; padding: 10px 0 10px 40px; color: #666; line-height: 26px; } .pro_detail .rightcon h1{ font-size: 30px;color: #333; line-height: 30px; } .pro_detail .rightcon .fon{height: 75px; overflow: hidden; margin: 20px 0;} .pro_detail .rightcon .honor_zheng{border:1px solid #ddd; padding:10px; margin:15px 0;} .pro_detail .rightcon .honor_zheng img{ margin-right: 10px; } .pro_detail .rightcon .hotnum{ font-size: 18px; color: #333 } .pro_detail .rightcon .hotnum h6{ display: inline-block; color: #213599; font-size: 24px; display: inline-block; vertical-align: middle; font-weight: 600; margin-top: -3px; margin-right: 10px; } .pro_detail .rightcon .links{margin: 25px 0; display: block;} .pro_detail .rightcon .links a{ padding:14px 25px; background: #f62a1d; text-align: center; margin-right: 8px; display: inline-block; font-size: 20px; color: #fff; } .pro_detail .rightcon .links a i{ margin-right: 10px; display: inline-block; margin-top: -3px; font-size: 22px; vertical-align: middle; } .pro_detail .rightcon .links a.xie{ background: #2d44af} .pro_detail .rightcon .links a:hover{ opacity: .8 } .proinfopage{ background: #f7f7f7;} .proinfopage .warper{background: #fff; position: relative; padding:100px 30px;} .proinfomenu{overflow: hidden; margin-bottom: 3px; position: absolute; left: 0 ; top: 0; width: 100%;} .proinfomenu a{ display: block; float: left; width:25%; border-right: 1px solid #fff; color: #fff; background: #2d44af; text-align: center; font-size: 22px; line-height: 56px; } .proinfomenu a img{margin-left:20px; transform: rotate(-90deg); transition: all .3s;} .proinfomenu a:last-child{margin-right: 0;} .proinfomenu a:hover{background: #f12a1e; color: #fff;} .proinfomenu a:hover img{ transform: rotate(0deg); } .proinfopage .box{ overflow: hidden; padding-bottom: 40px; } .proinfopage .box .proinfo{ width: 50%; float: left; margin-bottom: 0; } .proinfopage .box img{ width: 45%; float: left; } .proinfo{ overflow: hidden; color: #666; margin-bottom: 40px; font-size: 16px; line-height: 30px;} .proinfo .boxtit{font-size:28px; overflow: hidden; color: #222; margin-bottom: 15px; padding-top: 120px; margin-top: -120px;} .proinfo .boxtit b{display: inline-block; background: #22348f; height: 20px; vertical-align: middle; margin-top: -7px; margin-right: 10px; width: 12px;} .proinfo p.dianbg{background:url(../images/pdian.jpg) no-repeat left 12px; padding-left: 20px; } .dianright .proinfo p.dianbg{ padding-left: 0; padding-right: 20px; background-position: right 12px } .proinfo img{max-width: 100%; display: block; margin:10px 0; } .proinfo .tabbox{ overflow-x: auto; margin-top: 20px; } .tabtit{background: #22348f; color: #fff; text-align: center; padding:15px 0; font-size: 18px;} .proinfo .tabbox table{ border-left: 1px solid #ccc;border-top: 1px solid #ccc; line-height: 24px; } .proinfo .tabbox table td{border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;;padding:10px; text-align: center} .proinfo .contact_form{padding:0; margin:0; text-align: left; background: none} .proinfo .home_pro_li{ display: block; } .proinfo .home_pro_li .item{ width: 33.33%; float: left; } .fix {position:fixed; top:107px; z-index: 10; left:50%; margin-left: -650px; width: 1300px;background: #fff; } @media screen and (max-width: 1600px){ #logo{float: left; margin-left: 10px; margin-right: 50px;} #nav{position: static; margin-left: 0; left: 0;} header .rcon{ right: 10px; } nav li>a{padding:0 15px;} } @media screen and (max-width: 1400px){ #logo img{ height: 60px; } nav li>a{ line-height: 86px; padding:0 10px; } header .rcon .media a{ line-height: 86px; width: 45px; } .searchbox i{ line-height: 86px; width: 50px; } .language{padding:28px 0 29px 10px; height: auto;} .searchbox form{ top: 86px; } #sub_ban,#banner{margin-top: 86px;} } @media screen and (max-width: 1300px){ .warper{padding: 0 15px;} footer .footer{ padding:50px 15px; } .home_new .warper{ padding: 0; } .home_honor .leftcon{ width: 45%; left: 10px; } .home_honor .rightcon{ width: 50%; overflow: hidden; } .home_honor .rightcon h3{ word-wrap:break-word;} .home_form .leftcon{ width: 100%; float: none;} .home_form .leftcon .box{ width: 96%; margin:0 2%; padding:35px 0; } .home_form .leftcon .box .home_boxtit{margin-bottom: 20px;} .home_form .rightcon{position:inherit; width: 100%; top: auto; float: none;} .home_form .rightcon img{position: inherit; width: 100%; height: auto} .positionline{ margin-left: 0; left: 0; width: 100%; } .newpage{width: 100%;} .bignews .con{padding:20px;} .aboutpage .sub_nav a{ padding:10px 0; width: 18%; margin:0 5px 5px 0; } } @media screen and (max-width: 1200px){ header .rcon .media{ display: none; } .searchbox{border:0;} nav li>a{padding:0 15px;} .home_case ul li .con span{ width: 100px; height: 100px; } .home_case ul li .con{font-size: 16px;} .prolispage .lis_case li .pic{width: 320px;} .prolispage .lis_case li .con{ margin-left: 320px; padding:15px; } .page_right{margin-left: 360px;} } @media screen and (max-width: 1024px){ nav li>a{padding:0 10px;} .edit-box .leftcon,.edit-box .con{ width: 100%; float: none; margin-left: 0;padding:0; } .edit-box .con{padding-top:20px;} .edit-box h1{margin-bottom: 10px;} .lis_case li .pic{ width: 400px; } .lis_case li .con{ margin-left: 400px; padding:15px ; } .lis_case li .fon{max-height: 46px; margin:10px 0 20px 0;} .lis_case li .con b{max-height: 28px;} .pro_tit{ display: none; } .hot_procon{ display: none; } .pro_class_tit{ display: block; background: #213599; color: #fff; padding:10px; } .pro_class_tit a{ display: block; color: #fff; line-height: 40px; } .page_left{ width: 100%; float: none; } .page_right{margin-left: 0;} .pro_class{ display: none; } .prolispage .lis_case li .pic{ width: 100%; float: none; } .prolispage .lis_case li .con{ margin-left: 0; } .lis_case li{ width: 49.5%; float: left; margin-bottom: 10px;} .lis_case li:nth-child(even){margin-left: 1%;} .lis_case ul{padding-bottom: 10px;} .prolispage{padding:20px 0 50px 0;} .pro_class{margin-bottom: 20px;} .prolispage .lis_case li .links a{ width: auto; padding:12px 15px; } .proinfomenu a{ font-size: 18px; } } @media screen and (max-width: 990px){ footer .item{width: 100%; margin-bottom: 20px;} footer h4{ margin-bottom: 15px; } header .rcon{ right: 60px; } #logo{padding:10px 0;} #logo img{height: 45px;} footer .item1 h3{ font-size: 35px; } footer .footer{ padding:30px 15px; } .searchbox form{top: 65px;} nav{position: fixed;left: 0;top: 0;bottom: 0;width: 240px;box-shadow: 0 3px 5px #666;z-index: 99;overflow: auto;background: #e5e5e5;transform: translateX(-300px);transition: 0.3s;} nav li{ display: block; width: 100%; } nav li>a{ line-height: 65px; } nav li:hover dl{ display: none; } #nav .nav-button{ display: block; top:15px} .searchbox i{ line-height: 65px; } .searchbox form{ right: 0;} .language{ padding:17px 0; } nav .menu{ display: none; } #sub_ban, #banner{margin-top: 65px;} .home_about .leftcon,.home_about .rightcon{ float: none; overflow: hidden; width: 100%; } .home_about .leftcon{margin-bottom: 20px;} .about_num { margin-top: 0px; overflow: hidden;} .about_num .item{ width: 33.33%; } .home_pro{padding:25px 0;} .home_pro .menu{margin:20px 0;} .home_about,.home_honor,.home_new{padding:25px 0;} .home_case{padding-top: 30px;} .home_case .home_boxtit, .home_new .home_boxtit{margin-bottom: 20px;} .home_honor .rightcon .fon{margin:15px 0 25px 0;} .home_boxtit h3,.home_about .leftcon .boxtit,.home_honor .rightcon h3 b{ font-size: 35px; } .home_honor .rightcon h3,.home_form .leftcon .box .home_boxtit{ font-size: 25px; } .home_video .con h3{ font-size: 40px; margin-bottom: 15px; } .home_video .con p{ line-height: 24px; } .home_about .leftcon .boxtit{margin-bottom: 5px;} .home_case ul li{ width: 49.5%;margin:0; margin-bottom: 5px;} .home_case ul li:nth-child(even){margin-left: 1%} .home_new_lis .licon .time em{ font-size: 28px; } .home_new_lis .licon b{ font-size: 16px; height: 48px; line-height: 24px; } #sub_ban .con{ font-size: 30px; } .edit-box{margin:20px 0;} .home_boxtit .fon{width: 100%;} .edit-box h1{ font-size: 24px; } .contact_form h3{ font-size: 24px; } .contact_form{padding:25px 20px;} .map{margin-bottom: 25px;} .contact_form{margin-bottom: 20px;} .bignews .pic{ width: 100%; float: none } .bignews .con{margin-left: 0; width: 100%; padding:20px 0;} .bignews .con a b{height: auto} .bignews .con .time{ font-size: 16px; margin-bottom: 10px; } .bignews .con .time em{ font-size: 30px; } .bignews .con a .fon{height: auto} .bignews,.newpage .home_new_lis .item{margin-bottom: 20px;} .lis_case ul{margin-top: 20px;} .aboutpage .sub_nav a{width: 24%;} .about_culture .item{width: 100%; height: auto; padding:15px;} .about_culture .item h3{font-size: 22px; line-height: 28px;} .about_num2 .item{font-size: 15px;} .about_num2 .item h5{font-size: 30px;} .aboutpage .boxtit{font-size: 35px;} .aboutpage .boxtit b{height: 24px;} .about_business .leftcon{ width: 100%; } .about_business .rightcon{width: 100%; margin-top: 15px;} .about_organi{margin:25px 0;} .about_cul{margin-top: 25px; margin-bottom: 20px;} .aboutpage{padding-bottom: 60px;} .about_teamper_li .lis .item{width: 25%;} .about_factory .con b{font-size: 16px;} .about_factory_tit{font-size: 24px; margin:25px 0 10px 0;} .history_lis li .con .pic img{width: 100%; margin:5px 0;} .history_lis li .con{padding:20px 15px; line-height: 24px; margin-right: 40px;} .history_lis li .con .year{margin-bottom: 10px;} .history_lis li .his_jiantou{right: 25px; width: 15px; background-size: 100%;} .history_lis li:hover .his_jiantou,.history_lis li:nth-child(even) .his_jiantou{ background-size: 100%; } .history_lis li:nth-child(even) .con{margin-left: 40px;} .history_lis li:nth-child(even) .his_jiantou{left: 25px;} .proinfo .boxtit{font-size: 24px; padding-top: 70px; margin-top: -70px;} .proinfo .boxtit b{width: 10px;} .proinfopage .warper{padding:80px 15px 50px 15px;} .pro_detail{padding:20px 0 30px 0;} .pro_detail .picbox{ float: none; width: 100%; } .pro_detail .rightcon{ width: 100%; padding: 0; margin-top: 15px; } .pro_detail .rightcon .fon{margin:5px 0 10px 0;} .proinfomenu a{font-size: 16px;} .proinfomenu a img{margin-left:5px; } .proinfo img{ float: none ; } .proinfopage .box .proinfo{ width: 100%; } .proinfopage .box img{ width: auto; max-width: 100%; float: none; margin:10px 0; } .home_pro_li a.iconfont{width: 60px; height: 60px; line-height: 60px; font-size: 30px;} .home_pro_li .proname{ font-size: 16px; } } @media screen and (max-width: 900px){ .home_honor .leftcon{width:85%; left: 0; margin:0 auto; height: 500px; position: inherit;} .home_honor .rightcon{ float: none; width: 100%; margin:25px 0; } .home_video .con p{ height: 48px; overflow: hidden; } .lis_case li .pic{ width: 100%; float: none; } .lis_case li .con{ width: 100%; margin-left: 0; } .lis_case li .con b{max-height: 100%; height: auto; font-size: 16px; line-height: 24px;} .lis_case li{margin-bottom: 10px;} .pro_class_tit{ font-size: 24px; } .pro_class li>a{ font-size: 16px; } .pro_class li.on div{padding:10px 0;} } @media screen and (max-width: 768px){ .home_pro .menu a{margin:5px;} .contact_form form.form input.text{ width: 100%; margin-right: 0; margin-bottom: 10px; } .newpage .home_new_lis .item{ width: 50%; margin-bottom: 10px; } .sub_nav{margin:20px 0;} .proinfomenu a{ width:24%; } .proinfomenu a:first-child{width: 28%;} .aboutpage .sub_nav a{width: 32%;} .aboutpage .boxtit{font-size: 24px; margin-bottom: 10px;} .aboutpage .boxtit b{height: 18px;} .about_culture .item .fon{margin-top: 5px;} .about_culture .item h3{font-size: 16px; line-height: 24px;} .about_teamper_li .lis .con div{font-size: 14px;} .about_teamper_li .lis .con div b{font-size: 22px;} .history_lis li .con .year{font-size: 24px;} .history_lis li .con .year font{font-size: 20px;} } @media screen and (max-width: 640px){ .home_case ul li .con span{ width: 60px; height: 60px; } .home_new_lis .licon{padding:20px 15px;} .contact_form form.form button{ width: 27%; } .contact_form form.form textarea{ width: 70%; } #sub_ban .con{ font-size: 20px;align-items:baseline; padding-top: 5px; } #sub_ban .ban img{ width: 100%; } .bignews .con a b{ font-size: 18px; } .bignews .con .time em{ font-size: 20px; } .lis_case li{ width: 100%; } .lis_case li:nth-child(even){margin-left: 0;} .proinfomenu a{ width:50%;border-bottom: 1px solid #fff; } .proinfomenu a:first-child{width: 50%;} .proinfopage .warper{padding:128px 15px 50px 15px;} .proinfo{ line-height: 24px; font-size: 14px; } .proinfopage .box{padding-bottom: 25px;} .proinfo .boxtit{ font-size: 17px; } .proinfo .boxtit b{ width: 8px; height: 16px; } .aboutpage .sub_nav a{width: 48%;} } @media screen and (max-width:480px){ footer h4{font-size: 18px; margin-bottom: 8px;} footer .item1 b{ font-size: 16px; } footer .item1 h3{ font-size: 24px; } footer .item { font-size: 13px; } footer .item1{line-height: 22px;} footer .copyright{ font-size: 12px; } .home_boxtit h3, .home_about .leftcon .boxtit, .home_honor .rightcon h3 b{ font-size: 22px; } .home_video .con h3{ font-size: 22px; } .home_honor .rightcon h3, .home_form .leftcon .box .home_boxtit{font-size: 18px;} .about_num .item h6{ width: 75px; height: 75px; line-height: 75px; font-size: 30px; } .about_num .item h5{ font-size: 18px; } .home_honor .leftcon{height: 300px;} .home_case ul li .con span{ display: none; } .home_case ul li:hover .con b{height: 30px; line-height: 30px; width: 80%; margin:0 auto;} .home_new_lis .licon .fon{ font-size: 12px; } .home_new_lis .licon .time{ font-size: 18px; margin-bottom: 10px;} .home_new_lis .licon .time em{ font-size: 20px; } .home_about .leftcon .boxtit{ line-height: 24px; } .home_about .leftcon .fon b{ font-size: 16px; } .contact_form h3,.edit-box h1{ font-size: 20px; } .positionline i{ font-size: 20px; width: 35px; height: 35px; } .positionline{padding:9px 15px 9px 45px; font-size: 12px;} .contact_form{padding:15px 10px;} .contact_form form.form button{font-size: 18px;} .edit-box .con div{margin:5px 0;} .sub_nav a{ font-size: 14px; padding: 5px 15px; } .bignews .con a b{ font-size: 16px; } .home_new_lis .licon .more{padding:0 20px; border-width: 2px;} .othernew span{ font-size: 15px; } .infocon{margin-top: 20px;} .infocon h1{ font-size: 17px; margin-bottom: 5px; line-height: 24px; } .lis_case li .links a{ width: auto; padding:8px 15px; margin:5px 5px 0 0; } .pro_class_tit{font-size: 20px;} .about_num2 .item{font-size: 12px;} .about_num2 .item h5{font-size: 18px;} .about_teamper_li .lis .item{width: 50%;} .about_factory_tit{font-size: 18px;} .about_honor_tit{font-size: 18px; padding:8px 15px;} .abouthonor b{font-size: 14px;} .abouthonor.owl-theme .owl-controls .owl-buttons div{ width: 40px; height: 40px; top: -60px; } .abouthonor.owl-theme .owl-controls .owl-buttons div.owl-prev{right: 40px;} .abouthonor.owl-theme .owl-controls .owl-buttons div.owl-prev{background: #fff url(../images/icon_aboutjiantou.png) no-repeat -59px -8px;} .abouthonor.owl-theme .owl-controls .owl-buttons div.owl-next{background: #213599 url(../images/icon_aboutjiantou.png) no-repeat -9px -63px;} } @media screen and (max-width:414px){ header .rcon{display: none;} .history_lis li{width: 100%; margin-left: 0} .history_head{display: none;} .history_lis li .his_jiantou,.history_lis li span.yuan{display: none;} .history_lis li .con{margin:0;} .history_lis li:nth-child(even){margin-left: 0; margin-top: 20px;} .history_lis li:nth-child(even) .con{margin-left: 0;} }