/* 首页模块命名规范：col-index-模块英文名称，如：col-index-news 内页页面外层容器命名规范： 1、通用样式：col-page，内页外层容器通用样式，使用方法
2、页面样式：col-page-模块英文名称，如：col-page-about（关于我们页面） 3、内页模块命名规范：col-模块英文名称，如：col-product（产品）、col-honor（荣誉） 其他命名规范： 1、使用swiper、owl.Carousel等插件时，插件外层容器可用模块名称-container,如product-container 2、使用英文名称为样式命名，不要出现拼音和首字母 3、模块最外层容器命名规范：col-自定义名称 4、样式命名中单词由符号“-”来连接，如：col-culture,col-hot-product 备注：上面所说的模块不是指系统后台模块，是网站前台页面中的组成模块，如：首页中包含网站头部、产品、新闻、荣誉、案例、网站底部，其中每个部分视为一个模块。 */ @charset "utf-8"; html{overflow-x: hidden;} body {font-family:Arial,"微软雅黑";min-width: 320px;color: #6c6c6c;overflow: hidden;} body.active{overflow: hidden;} @font-face { font-family: 'goomay'; /* project id 523133 */ src: url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.eot'); src: url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.woff') format('woff'), url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.ttf') format('truetype'), url('//at.alicdn.com/t/font_523133_ysem17f1v5nrk9.svg#goomay') format('svg'); } @font-face { font-family: "AGENCYB"; src: url("../fonts/AGENCYB.TTF") format("truetype"); } @font-face { font-family: "AGENCYR"; src: url("../fonts/AGENCYR.TTF") format("truetype"); } @font-face { font-family: "AgencyFB"; src: url("../fonts/AgencyFB.ttf") format("truetype"); } .goomay a { font-family:"goomay" !important; font-size:12px!important; color: rgb(255,255,255,.5)!important; font-style:normal; font-weight: normal; text-decoration: none!important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin-left: 5px; text-transform: uppercase; transition: .5s all; } .icon-goomay a:before { content: "\e602"; } .goomay a:hover{color: rgb(255,255,255,1)!important;} .icon-g:before { content: "\e603"; } .iconfont {font-family: 'iconfont';} li {list-style: none;} i {font-style: normal;} a {color: #6c6c6c;} a:focus{text-decoration: none} a:hover { color: #d80808;text-decoration: none;} p,h1,h2,h3,h4,h5,h6,ul, li { margin: 0; padding: 0;} img { border: 0; max-width: 100%;} .relative { position: relative;} .container { width: 1200px; padding: 0;} .container2 { width: 1600px; margin: 0 auto; } .syposition{position: relative;background-color: #fff;} #page{padding-top: 0px; overflow: hidden;} nav.mm-menu_offcanvas{display: none;} #header a.mm_btn{display: none; width: 55px; height: 55px; position: absolute; right: 0; top:0; background: #0067b7; transition: .5s all;} #BMapLib_transBox0 table td{box-sizing: content-box !important;} img[src=""],img:not([src]){opacity:0 !important;} /* header */ .header{height:80px;background: #fff;position: relative;} .header .logo{line-height: normal;margin-top:12px;} .header .logo img{margin-bottom: 5px;} .header .logo>span{display: inline-block;font-size: 14px;width:140px;padding-left: 10px;margin-left: 10px;border-left: 1px solid #bfbfbf;height:50px;padding-top:8px;color:#999999;} .header .nav ul li{float: left;line-height: 80px;margin-left: 90px;height: 80px;} .header .nav ul li:first-child{margin-left: 0;} .header .nav ul li a{font-size: 15px;color:#212121;transition: 0.3s;} .header .nav ul li a:hover{color:#006fc9;} .col-nav-list{position: absolute;width: 100%;left: 0;top:80px;z-index: 299;background: #fff;border-top:1px solid #e5e5e5;height:0;overflow: hidden;transition: 0.5s} .col-nav-list .container2>ul{float: right;} .col-nav-list .container2>ul>li{float: left;width: 150px} .col-nav-list .container2>ul>li:last-child{width: auto;} .col-nav-list .container2>ul>li ul li{line-height: 2} .col-nav-list .container2>ul>li ul li a{color:#212121;} .col-nav-list .container2>ul>li ul li a:hover{color:#006fc9} .header:hover .col-nav-list{height:300px;padding-top:35px;} .header .col-nav-list .pull-left{position: relative;} .header .col-nav-list .pull-left input{vertical-align: middle;border:none;padding: 0;outline: none} .header .col-nav-list .pull-left input#search{width:60px;height:42px;background: #006fc9 url(../images/search.png) no-repeat center center;} .header .col-nav-list .pull-left input#search1{width:300px;border:1px solid #999999;height:42px;line-height: 42px;border-right: none;padding-left: 10px;} .header .col-nav-list .pull-left input#search1::-webkit-input-placeholder { /* WebKit browsers */color:#b2b2b2;font-size: 12px;padding-left: 10px;} .header .col-nav-list .pull-left input#search1::-moz-placeholder { /* Mozilla Firefox 19+ */color:#b2b2b2;font-size: 12px;padding-left: 10px;} .header .col-nav-list .pull-left input#search1:-ms-input-placeholder { /* Internet Explorer 10+ */color:#b2b2b2;font-size: 12px;padding-left: 10px;} .header .col-nav-list .pull-left input.inpt4{width:60px;height:42px;background: #006fc9 url(../images/search.png) no-repeat center center;} .header .col-nav-list .pull-left input.inpt3{width:300px;border:1px solid #999999;height:42px;line-height: 42px;border-right: none;padding-left: 10px;} .header .col-nav-list .pull-left input.inpt3::-webkit-input-placeholder { /* WebKit browsers */color:#b2b2b2;font-size: 12px;padding-left: 10px;} .header .col-nav-list .pull-left input.inpt3::-moz-placeholder { /* Mozilla Firefox 19+ */color:#b2b2b2;font-size: 12px;padding-left: 10px;} .header .col-nav-list .pull-left input.inpt3:-ms-input-placeholder { /* Internet Explorer 10+ */color:#b2b2b2;font-size: 12px;padding-left: 10px;} .header .col-nav-list .pull-left form{display: none} .header .col-nav-list .pull-left form.active{display: block;} .header .col-nav-list .pull-left .searchs{display: none;} .header .col-nav-list .pull-left .searchs.active{display: block;} .header .col-nav-list .pull-left>div.oa {margin-top:15px;text-align: center;display: inline-block} .header .col-nav-list .pull-left>div.oa a{display: block;position: relative;overflow: hidden;} .header .col-nav-list .pull-left>div.oa img{max-width: 240px;transition: 1s} .header .col-nav-list .pull-left>div.oa h2{color:#fff;font-size: 16px;position: absolute;width:100%;top:50%;margin-top:-8.5px;} .header .col-nav-list .pull-left>div.oa:hover img{transform: scale(1.1)} .header .col-nav-list .pull-left>a{display: block;width:15px;height:10px;background: url(../images/down.png)no-repeat center center;position: absolute;left:70px;top:16px;} .header>.container2 form{margin-top:20px;margin-right: 60px;} .header .container2 input{vertical-align: middle;border:none;padding: 0;outline: none} .header .container2 input#search{width:60px;height:42px;background: #006fc9 url(../images/search.png) no-repeat center center;} .header .container2 input#search1{width:150px;border:1px solid #999999;height:42px;line-height: 42px;border-left: none;padding-left: 20px;} .header .container2 input#search1::-webkit-input-placeholder { /* WebKit browsers */color:#b2b2b2;font-size: 12px;padding-left: 10px;} .header .container2 input#search1::-moz-placeholder { /* Mozilla Firefox 19+ */color:#b2b2b2;font-size: 12px;padding-left: 10px;} .header .container2 input#search1:-ms-input-placeholder { /* Internet Explorer 10+ */color:#b2b2b2;font-size: 12px;padding-left: 10px;} .header .container2>a h2{font-size: 18px;line-height: 80px;display: block;margin-right: 20px} .header .container2>a:hover{text-decoration: underline} /* banner */ .col-banner .swiper-slide{background-position: center !important;background-size: cover !important;} #col-index-banner .swiper-slide .ban_cont{color:#fff;margin-top:350px;} #col-index-banner .swiper-slide .ban_cont p:first-child{background-image:none;background-image: linear-gradient(to right , #00a7ea, #0088c0);-webkit-background-clip: text;color:#0088c0;-webkit-text-fill-color: transparent;} #col-index-banner .swiper-slide .ban_cont hr{margin-top:10px;margin-bottom: 10px;border-top:1px solid rgba(255,255,255,0.2)} #col-index-banner .swiper-slide .ban_cont a{display: block;width:150px;height:40px;line-height: 38px;text-align: center;border-radius: 40px;border:1px solid rgba(255,255,255,.5);color:#fff;margin-top:50px;transition: 0.3s} #col-index-banner .swiper-slide .ban_cont a:hover{color: #00a7ea;} #col-index-banner .banner-container .swiper-button{width:20px;height:12px;background: none;left: auto;right: 160px;top:380px} #col-index-banner .banner-container .swiper-button-prev{background: url(../images/left.png)no-repeat center center;} #col-index-banner .banner-container .swiper-button-next{background: url(../images/right.png)no-repeat center center;margin-top:35px} .col-banner .ban_cont{ -webkit-animation: fadeOutRight 1s both; animation: fadeOutRight 1s both;} .col-banner .swiper-slide-active .ban_cont{-webkit-animation: fadeInDown 1s both 1s; animation: fadeInDown 1s both 1s;} #col-banner .ban_cont {color:#fff;margin-top:210px;} #col-banner .ban_cont p{text-transform: uppercase;margin-bottom: 10px} #col-banner .ban_cont h1{position: relative;padding-bottom: 25px;font-size: 30px;} #col-banner .ban_cont h1::after{content:'';width:30px;height:3px;background: #fff;position: absolute;bottom: 0;left: 50%;margin-left: -15px} /* 首页about */ .col-index-about{padding:6% 0 5%;} .col-index-about .col-about-cont{width: 51%;margin-bottom: 80px;} .col-index-about ul li{float: left;width:23%;margin-right: 2.66%;height:220px;text-align: center;position: relative;transition: 1s} .col-index-about ul li:last-child{margin-right: 0;} .col-index-about ul li a{color:#fff;display: block;height:100%;padding-top:90px;transition: 1s;background: rgba(0,0,0,0.3);} .col-index-about ul li h2{font-size: 18px;} .col-index-about ul li i{display: block;width:46px;height:46px;border:1px solid #fff;border-radius: 100%;text-align: center;line-height: 44px;font-family: '黑体';font-size: 36px;transition: 1s;opacity: 0;position: absolute;left: 50%;margin-left: -23px;top:100px} .col-index-about ul li:hover a{padding-top:65px} .col-index-about ul li:hover i{opacity: 1;} .col-index-about ul li:hover{box-shadow: 3px 3px 8px rgba(0,0,0,.3);transform: translateY(-5px)} /* 首页product */ .col-index-case{padding:4% 0 5%;} .col-index-case .container2{position: relative;} .col-index-case h2{font-size: 30px;font-weight: bold;color:#fff;padding-bottom: 10px;border-bottom: 1px solid rgba(255,255,255,0.3);margin-bottom: 50px;} .col-index-case h2 i{font-size: 14px;color:#fff;font-weight: normal;margin-top:15px;} .col-index-case h2 i a{color:#fff;} .col-index-case .case-container{margin:0 70px;padding-bottom: 20px;} .col-index-case .swiper-slide .col-case-img{overflow: hidden;height:500px;} .col-index-case .swiper-slide .col-case-img img{transition: 1s} .col-index-case .swiper-slide:hover .col-case-img img{transform: scale(1.05)} .col-index-case .swiper-slide .col-case-title{margin:-50px 7% 0;background: #fff;position: relative;z-index: 1;border-top:4px solid #006fca;padding: 15px 30px;box-shadow: 0 5px 5px rgba(0,0,0,.5)} .col-index-case .swiper-slide .col-case-title p{color:#808080;} .col-index-case .swiper-slide .col-case-title h3{color:#202020;font-size: 14px;} .col-index-case .swiper-slide .col-case-title h3 a{color:#808080;} .col-index-case .swiper-slide .col-case-title h3 a i{width:16px;height:1px;display: inline-block;vertical-align: middle;background: #999999;margin:0 5px;position: relative;transition: 1s;} .col-index-case .swiper-slide .col-case-title h3 a i::after{content:'';width:5px;height:1px ;background: #999;transform: rotate(45deg);position: absolute;right:0;bottom: 2px;} .col-index-case .swiper-slide.swiper-slide-next .col-case-title{-webkit-animation: fadeInUp 1s both 0.2s; animation: fadeInUp 1s both 0.2s;} .col-index-case .swiper-button{background: none;margin:0;padding: 0;width: auto;height: auto;color:rgba(128,198,255,0.7);font-size:36px;font-family: '黑体'; outline: none} /* indexnews */ .col-index-news{} .col-index-news>.pull-left{width:30%;padding: 100px 3% 100px 8%;} .col-index-news>.pull-left h2{font-size:30px;font-weight: bold;color:#1c1c1c;margin-top:15px;padding-top:45px;position: relative;} .col-index-news>.pull-left h2::before{content:'';width:40px;height:2px;background: #cccccc;position: absolute;top:0;left: 0;} .col-index-news>.pull-left span{color:#1f1f1f;display: block;margin-top:45px;line-height: 1.8} .col-index-news>.pull-right{width:70%;background: #f2f2f2;padding: 100px 8% 100px 5%;} .col-index-news>.pull-right .col-tab{display: inline-block;vertical-align: middle} .col-index-news>.pull-right .col-tab li{display: inline-block;width:120px;height:40px;border:1px solid #0070cc;text-align: center;line-height: 40px;margin-right: 30px;transition: 0.3s;vertical-align: middle} .col-index-news>.pull-right .col-tab li a{color:#1f1f1f;transition: 0.3s;display: block;} .col-index-news>.pull-right .col-news-nav>a{color:#3b3b3b;display: inline-block;vertical-align: bottom} .col-index-news>.pull-right .col-tab li.active a,.col-index-news>.pull-right .col-tab li:hover a{border:none;background: #0070cc;color:#fff;} .col-index-news>.pull-right .col-tabbox{margin-top:20px;} .col-index-news>.pull-right .col-tabbox .col-box{display: none} .col-index-news>.pull-right .col-tabbox .col-box.active{display: block;-webkit-animation: fadeInDown 1s both 0.2s; animation: fadeInUp 1s both 0.2s;} .col-index-news>.pull-right .swiper-slide .col-news-title{position: absolute;bottom: 0;color:#cccccc;padding: 0 20px;z-index: 2;} .col-index-news>.pull-right .swiper-slide .col-news-title h3{color:#fff;font-size: 14px;margin-bottom: 5px;;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .col-index-news>.pull-right .swiper-slide .col-news-title p{margin-bottom: 5px;} .col-index-news>.pull-right .swiper-slide>a{display: block;position: relative;background: #000;} .col-index-news>.pull-right .swiper-slide .col-news-img{opacity: 0.8;} .col-index-news>.pull-right .swiper-slide .col-news-img i{position: absolute;width:100%;height:100%;background: -webkit-linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(0,112,204,0.3) 70%,rgba(0,112,204,0.5) 100%); background: -o-linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(0,112,204,0.3) 70%,rgba(0,112,204,0.5) 100%); background: -moz-linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(0,112,204,0.3) 70%,rgba(0,112,204,0.5) 100%);background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(0,112,204,0.3) 70%,rgba(0,112,204,0.5) 100%);z-index: 1;left:0;top:0} /* indexlink */ .col-index-link>div{width:50%;height:450px;text-align: center;padding:110px 280px 0;} .col-index-link>div h2{font-weight: bold;color:#00a7ea;font-size: 30px;margin-bottom: 40px} .col-index-link>div span{display: block;color:#fff;line-height: 1.8;} .col-index-link>div a{width:140px;height:40px;text-align: center;line-height: 38px;border:1px solid rgba(255,255,255,.5);color:#fff;display: block;margin:60px auto 0;border-radius: 40px;transition: 0.5s} .col-index-link>div a:hover{transform: translateY(-5px);box-shadow: 3px 3px 8px rgba(255,255,255,0.2)} /* page */ .page{text-align: center;} .pagination>li>a, .pagination>li>span{width:22px;height:22px;background: #fff;color:#000;padding: 0;line-height: 22px;border:none;margin:0 5px;} .pagination>li:first-child>a, .pagination>li:first-child>span,.pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background: #fff;border-radius:0;color:#0070cb;border:1px solid #0070cb} .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{background: #fff;border-radius:0;color:#0070cb;border:1px solid #0070cb} /* 内页 */ .col-page{position: relative;z-index: 1;background: #fff;}/*内页通用页面外层容器样式*/ /* vicenav */ .vicenav {height:70px;background: #0070cb;line-height: 70px;text-align: center;position: relative;z-index: 2;} .vicenav>ul {font-size: 0;width: 100%;height:70px;} .vicenav>ul>li{display: inline-block;font-size:14px;margin:0 2.5%;position: relative;} .vicenav>ul>li.down::after{content:'';width:15px;height:15px;background: url(../images/down.png)no-repeat center center;position: absolute;right:-20px;top:50%;margin-top:-7.5px;} .vicenav>ul>li a{color:#fff;font-weight: bold} .vicenav ul li ul{position: absolute;width: 200%;margin-left:-50%;background: #0070cb;padding: 10px 0;display: none;} .vicenav ul li:hover ul{display: block;-webkit-animation: fadeIn 1s both 0.1s; animation: fadeIn 1s both 0.1s;} .vicenav ul li ul li{line-height: 2} .vicenav ul li ul li a{} /* 关于我们 */ .col-page-about{} .col-profile{color:#3b3b3b;position: relative;} .col-profile .container>p:nth-of-type(1) span,.col-page-about .col-profile .container>p:nth-of-type(2) span{color:#1f1f1f;} .col-profile .container{position: relative;padding:5% 0;} .col-profile table{width:40%;line-height: 2;margin:40px 0;} .col-profile p{line-height: 1.8;color:#3b3b3b;} .col-profile .container>p:first-child{float: right;margin-top:-7%} .col-profile .col-profile-img{position: absolute;right:0;top:0;z-index: -1;width: 50%;} .col-profile .col-profile-img img{ display: block;} .col-develop{padding: 3% 0 4%;background: #f2f2f2;} .col-develop ul.col-develop-tab{margin-bottom: 50px} .col-develop ul.col-develop-tab li{float: left;width:50%;text-align: center;height: 200px;color:#fff;font-size: 24px;font-weight: bold;line-height: 200px;position: relative;} .col-develop ul.col-develop-tab li a{color:#fff;display: block;} .col-develop ul.col-develop-tab li.active::before{content: "";width: 0px;height: 0px;border-top: 21px solid #1c5585;border-left: 14px solid transparent;border-right: 14px solid transparent;position: absolute;bottom: -21px;left:50%;margin-left: -14px} .col-develop .col-develop-box{border-top:1px solid #999999;} .col-develop .col-develop-box .col-tabbox{position: relative;display: none;} .col-develop .col-develop-box .col-tabbox .develop-container{margin:0 60px;padding-top:10px;padding-left: 10px;margin-top:-10px} .col-develop .col-develop-box .col-tabbox .develop-container .swiper-slide{padding-left: 25px;border-left: 1px solid #999999;} .col-develop .col-develop-box .col-tabbox .develop-container .swiper-slide h3{font-weight: bold;font-size: 24px;color:#1f1f1f;margin:30px 0 15px;font-family: '微软雅黑' } .col-develop .col-develop-box .col-tabbox .develop-container .swiper-slide::before{content:'';width:20px;height:20px;border:3px solid #0070cb;border-radius: 100%;position: absolute;top:-10px;left:-10px;background: #f2f2f2;} .col-develop .col-develop-box .col-tabbox .develop-container .swiper-slide span{display: block;} .col-develop .col-develop-box .col-tabbox .develop-container .swiper-slide span p{margin-bottom: 20px;color:#1f1f1f;position: relative;} .col-develop .col-develop-box .col-tabbox .develop-container .swiper-slide span p:last-child{margin-bottom: 0;} .col-develop .col-develop-box .col-tabbox .develop-container .swiper-slide span p::before{content:'';width:10px;height:10px;border:3px solid #0070cb;border-radius: 100%;background: #f2f2f2;display: inline-block;position: absolute;left: -30px;top:5px} .col-develop .col-develop-box .col-tabbox .swiper-button{background: none;margin:0;padding: 0;width: auto;height: auto;color:#0070cb;font-size:36px;font-family: '黑体'; outline: none;opacity: 1;} .col-develop .col-develop-box .col-tabbox .swiper-button-prev{left: -50px;} .col-develop .col-develop-box .col-tabbox .swiper-button-next{right: -50px;} .col-develop .col-develop-box .col-tabbox.active{display: block;} .col-develop .col-develop-box .col-tabbox.active .swiper-slide>h3,.col-develop .col-develop-box .col-tabbox.active .swiper-slide>span{-webkit-animation: fadeInDown 1s both 0.2s; animation: fadeInUp 1s both 0.2s;} .col-develop .col-develop-box .col-tabbox i{display: block;position: absolute;font-size: 48px;color: #fff;top:50%;left: 50%;margin-top:-24px;margin-left: -19px;} .col-develop .col-develop-box .col-tabbox i a{display: block;position: absolute;width: 100%;height: 100%;left:0;top:0; } .col-develop .col-develop-box .col-tabbox i:nth-of-type(2){display: none} .col-culture{padding: 4% 0} .col-culture h2{color:#1f1f1f;font-weight: bold;font-size: 24px;padding-bottom: 20px ;border-bottom: 1px solid #999999;text-align: center;margin-bottom: 40px;} .col-culture ul{position: relative;} .col-culture ul::after{content:'';width:1px;height:100%;background: #808080;position: absolute;top:0;left: 50%;margin-left: 0.5px;} .col-culture ul li{margin-bottom: 20px;} .col-culture ul li>div{width:50%;float: left;} .col-culture ul li:nth-child(2)>div{float: right;} .col-culture ul li div.col-culture-img{padding-right: 5%;overflow: hidden;} .col-culture ul li div.col-culture-cont{padding:6% 5% 0 4%;position: relative;} .col-culture ul li div.col-culture-cont h3{color:#262626;font-size: 18px;font-weight: bold;margin-bottom: 20px;} .col-culture ul li div.col-culture-cont h3::before{content:'';width:16px;height:16px;border:3px solid #0070cb;border-radius: 100%;background: #f2f2f2;position: absolute;left: -8px;z-index: 1;} .col-culture ul li div.col-culture-cont span{display: block;line-height: 1.8;color:#1f1f1f;} .col-culture ul li:nth-child(2) div.col-culture-img{padding-right: 0;padding-left: 5%} .col-culture ul li:nth-child(2) div.col-culture-cont{text-align: right;padding:6% 4% 0 5%;} .col-culture ul li:nth-child(2) div.col-culture-cont h3::before{content:'';width:16px;height:16px;border:3px solid #0070cb;border-radius: 100%;background: #f2f2f2;position: absolute;left:auto;right: -8px;z-index: 1;} .col-honor {padding: 4% 0;background: #f2f2f2} .col-honor h2{text-align: center;color:#1f1f1f;font-size: 24px;margin-bottom:20px;font-weight: bold;} .col-honor p{text-align: center;color:#1f1f1f;margin-bottom: 40px;} .col-honor .honor-container{padding-bottom: 60px;} .col-honor .honor-container .swiper-slide{border:1px solid #b2b2b2;} .col-honor .swiper-pagination{bottom: 0 !important;} .col-honor .swiper-pagination span{width:10px;height:10px;opacity: 1;background: #0070cb;vertical-align: middle} .col-honor .swiper-pagination span.swiper-pagination-bullet-active{width:18px;height:18px;border:4px solid #79b1de;} .col-framework{padding: 4% 0} .col-framework h2{color:#1f1f1f;font-weight: bold;font-size: 24px;padding-bottom: 20px ;border-bottom: 1px solid #999999;text-align: center;margin-bottom: 40px;} .col-album{padding: 4% 0 3%;background: url(../images/album_bg.jpg)no-repeat center center;background-attachment: fixed;position: relative;} .col-album .container{position: relative;} .col-album h2{color:#fff;margin-bottom: 45px;font-size: 24px;font-weight: bold;} .col-album .swiper-slide{border:3px solid #fff;box-shadow: 0 4px 6px rgba(0,0,0,.5)} .col-album .swiper-button{background: none;margin:0;padding: 0;width: auto;height: auto;color:#fff;font-size:36px;font-family: '黑体'; outline: none;opacity: 1;} .col-album .swiper-button-prev{left: -50px;} .col-album .swiper-button-next{right: -50px;} /* construction */ .col-page-construction{} .col-page-construction>.container{background: #fff;width:1350px;max-width: 100%;} .col-page-construction .col-title{font-size: 24px;color:#ffec40;margin-bottom: 35px;width: 340px;height:60px;background: #e82c2d;border-radius: 15px;line-height: 60px;padding-left: 80px;box-shadow: 0 4px 8px rgba(0,0,0,.5);position: relative;-webkit-animation: fadeInDown 1s both 0.2s; animation: fadeInDown 1s both 0.2s;} .col-page-construction .col-title::before{content:'';width:88px;height:84px;background: url(../images/star.png)no-repeat center center;position: absolute;left: -15px;top:50%;margin-top: -45px;} .col-status{padding: 4% 0 0;} .col-status .container div{color:#1f1f1f;line-height: 2;} .col-respon{padding: 5% 0 0} .col-respon .container>p{margin-bottom: 35px;} .col-respon .respon-container{padding-bottom: 80px;margin-bottom: 35px;} .col-respon .swiper-pagination{bottom: 0 !important;} .col-respon .swiper-pagination span{width:10px;height:10px;opacity: 1;background: #e82c2d;vertical-align: middle} .col-respon .swiper-pagination span.swiper-pagination-bullet-active{width:18px;height:18px;border:4px solid #f39596;} .col-page-construction .col-nav-title{font-size: 18px;color:#e82c2d;margin-bottom: 30px;position: relative;font-weight: bold;-webkit-animation: fadeInDown 1s both 0.2s; animation: fadeInDown 1s both 0.2s;} .col-page-construction .col-nav-title::before{content:'';width:40px;height:38px;background: url(../images/star2.png)no-repeat center center;display: inline-block;vertical-align: middle;margin-bottom: 10px;margin-right:10px;} .col-respon .col-respon-nav div{line-height: 2.2;color:#262626;} .col-respon .col-respon-nav div img{margin-left: 55px;} .col-center{padding: 5% 0 0} .col-center .container{font-size: 0;} .col-center .col-center-nav{font-size: 14px;} .col-center .col-center-nav:nth-of-type(1),.col-center .col-center-nav:nth-of-type(2){width:50%;display: inline-block;vertical-align: top;} .col-center .col-center-nav:nth-of-type(2){padding-left: 10px;} .col-center .col-center-nav>div{line-height: 2.2;color: #262626;} .col-center .swiper-slide img{float: left;width:30%} .col-center .swiper-slide>div{float: left;width:70%;padding-left: 20px;} .col-center .swiper-container{padding-bottom: 70px;} .col-center .swiper-pagination{bottom: 0 !important;} .col-center .swiper-pagination span{width:10px;height:10px;opacity: 1;background: #e82c2d;vertical-align: middle} .col-center .swiper-pagination span.swiper-pagination-bullet-active{width:18px;height:18px;border:4px solid #f39596;} .col-staff{padding: 5% 0;} .col-staff .col-spirit>span{display: block;line-height: 2;color:#262626;margin-bottom: 35px;} .col-staff .col-spirit .spirit-container{padding-bottom: 60px;margin-bottom: 50px;} .col-staff .col-spirit .swiper-pagination{bottom: 0 !important;} .col-staff .col-spirit .swiper-pagination span{width:10px;height:10px;opacity: 1;background: #e82c2d;vertical-align: middle} .col-staff .col-spirit .swiper-pagination span.swiper-pagination-bullet-active{width:18px;height:18px;border:4px solid #f39596;} .col-staff .col-demeanor .demeanor-container{padding-bottom: 60px;margin-bottom: -20px;} .col-staff .col-demeanor .swiper-pagination{bottom: 0 !important;} .col-staff .col-demeanor .swiper-pagination span{width:10px;height:10px;opacity: 1;background: #e82c2d;vertical-align: middle} .col-staff .col-demeanor .swiper-pagination span.swiper-pagination-bullet-active{width:18px;height:18px;border:4px solid #f39596;} /* service */ .col-solution{padding: 4% 0 3%;} .col-page-service h2{font-size: 24px;color:#1f1f1f;font-weight: bold;margin-bottom: 25px;} .col-solution .container>div{line-height: 2;color:#1f1f1f;margin-bottom: 40px;} .col-solution .container>p{text-align: center;font-size: 18px;color:#1f1f1f;margin-bottom: 15px;} .col-solution .container ul li{float: left;width:32%;margin-right: 2%;position: relative;overflow: hidden;margin-bottom: 25px;} .col-solution .container ul li:nth-child(3n){margin-right: 0} .col-solution .container ul li .col-solution-img img{transition: 1s;} .col-solution .container ul li:hover .col-solution-img img{transform: scale(1.1)} .col-solution .container ul li h3{position: absolute;color:#fff;width: 100%;text-align: center;top:50%;font-size: 18px;} .col-cooperation{padding:4% 0;background: #ededed; } .col-cooperation .cooperation-container{padding-bottom: 90px;} .col-cooperation .swiper-pagination{bottom: 0 !important;} .col-cooperation .swiper-pagination span{width:10px;height:10px;opacity: 1;background: #0070cb;vertical-align: middle} .col-cooperation .swiper-pagination span.swiper-pagination-bullet-active{width:18px;height:18px;border:4px solid #79b1de;} .col-download {padding: 4% 0 3%;} .col-download .download-container{padding-top:1px ;padding-bottom: 70px;} .col-download .swiper-slide h3{background: #f2f2f2;border:1px solid #cccccc;line-height: 56px;padding: 0 40px;margin-top:-1px} .col-download .swiper-slide h3>a{font-size: 14px;color:#262626;font-weight: bold;} .col-download .swiper-slide h3>i a{color:#666666;font-size: 14px;} .col-download .swiper-pagination{bottom: 0 !important;} .col-download .swiper-pagination span{width:22px;height:22px;border-radius: 0;background: none;color:#262626;opacity: 1;outline: none} .col-download .swiper-pagination span.swiper-pagination-bullet-active{color:#fff;background: #0070cb;} .col-download .swiper-button{bottom: 0;top: auto;width:22px;height: 22px;background: none;border:1px solid #0070cb;text-align: center;line-height: 22px;padding: 0;font-family: '宋体';color:#0070cb;font-weight: bold;opacity: 1 !important;margin:0;} .col-download .swiper-button-prev{left: 50%;margin-left: -90px} .col-download .swiper-button-next{right: 50%;margin-right: -90px} /* 产品服务 */ .col-page-product{padding: 5% 0 6%;} .col-page-product h2{color:#1f1f1f;font-size: 24px;font-weight: bold;padding-bottom: 15px;border-bottom: 1px solid #999999;margin-bottom: 40px;} .col-page-product .container ul.col-product-list li{float: left;width:32%;margin-right: 2%;border:1px solid #a8a8a8;margin-bottom: 25px;} .col-page-product .container ul.col-product-list li:nth-child(3n){margin-right: 0;} .col-page-product .container ul.col-product-list li div{overflow: hidden;height:270px;} .col-page-product .container ul.col-product-list li div img{transition: 1s;} .col-page-product .container ul.col-product-list li:hover div img{transform: scale(1.1)} .col-page-product .container ul.col-product-list li h3{text-align: center;line-height: 60px;font-size: 16px;color:#262626;} .col-product{padding: 5% 0 6%} .col-product .container>div{color:#1f1f1f;line-height: 2;margin-bottom: 45px;} .col-product h2{color:#1f1f1f;font-size: 24px;font-weight: bold;padding-bottom: 15px;border-bottom: 1px solid #999999;margin-bottom: 40px;} .col-product ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 45px;border:1px solid #cccccc;} .col-product ul li:nth-child(2n){margin-right: 0;} .col-age{line-height: 2;color:#1f1f1f;} /* .col-age img{float: left;width:32%;margin-right: 2%} .col-age img:nth-of-type(3n){margin-right: 0}*/ .col-age ul li{width:50%;float: left; padding-bottom: 10px;} .col-age ul li:nth-child(2n+1){padding-right: 10px;} .col-age ul li p:first-child{float: left; text-align: center; padding-right: 10px;} .col-age ul li p img{ width: 200px; } .col-page-product table{width:100%;text-align: center;margin:50px 0} .col-page-product table td{height:40px;vertical-align: middle;border:1px solid #e5e5e5;} .col-page-product table td a{display: block;color:#000;height: 100%;line-height: 40px;} .col-page-product table td.active a{background: #0070cb;color:#fff;} .col-age-box .col-box{display: none} .col-age-box .col-box.active{display: block;} .col-age-box .col-box>p {text-align: center;} .col-age-box .col-box>p a{color:#000; padding: 5px 20px;border: 1px solid #e5e5e5;display: inline-block;} .col-page-product .col-pages{margin-top:30px;} /* 新闻详情页 */ .col-news { position: relative; margin: 0 auto; margin: 0 auto;padding-top: 0;} .col-news article {margin:40px 0;float: left;width: 100%;} .col-news .met_clear {clear: both;} .col-news .met_module2 h1.met_title {font-size: 28px;font-weight: normal;padding: 5px 0;color:#000;} .col-news .met_module2 .met_infos {color: #818181;font-size: 12px;margin-bottom: 30px;padding-bottom: 10px;border-bottom: 1px solid #ddd;} .col-news .met_module2 .met_time { padding-right: 6px;} .col-news .met_module2 .met_source {padding-right: 6px;} .col-news .met_module2 .met_source a {color: #607fa6;} .col-news .met_module2 .met_editor { padding: 0 10px;color:#000;} .col-news .met_editor {line-height: 2;} .col-news .met_tools {border-top: 1px solid #ddd;margin-top: 30px;position: relative;padding: 10px 10px 0;height: 50px;line-height: 50px;} .col-news .met_tools .met_page {clear: both;position: absolute;right: 5px;top: 0;color: #818181;} .col-news .met_tools .met_page li {display: inline;list-style: none;margin-left: 30px;} .col-news .met_tools .met_page li span {padding-right: 5px;} .col-news .met_tools .met_page a {color: #607fa6;} .col-page-video ul li{float: left;width: 48%;margin-right: 4%;margin-bottom: 50px;} .col-page-video ul li:nth-child(2n){margin-right: 0;} .col-page-video ul li .col-video video{background: #000;} .col-page-video ul li h3{text-align: center;font-size: 18px;color:#000;margin-top:20px;} /* news */ .col-page-news{padding: 5% 0 6%} .col-page-news h2{color:#1f1f1f;font-size: 24px;font-weight: bold;padding-bottom: 15px;border-bottom: 1px solid #999999;margin-bottom: 60px;} .col-page-news .container>ul li{float: left;width: 32%;margin-right: 2%;background: #ededed;margin-bottom: 60px;} .col-page-news .container>ul li:nth-child(3n){margin-right: 0;} .col-page-news .container>ul li .col-news-img{height:280px;overflow: hidden;} .col-page-news .container>ul li .col-news-cont{padding: 25px 20px;} .col-page-news .container>ul li .col-news-cont p{font-size: 12px;color:#808080;margin-bottom: 10px} .col-page-news .container>ul li .col-news-cont h3{color:#1f1f1f;font-size: 14px;line-height: 1.5;margin-bottom: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 42px; height:3em;} .col-page-news .container>ul li .col-news-cont a{color:#0070cb;} /* recruit */ .col-page-recruit{padding: 4% 0 8%;} .col-mind{height: 450px;color:#fff;padding: 65px 50px;} .col-mind h2{font-size: 24px;margin-bottom: 40px;} .col-mind div{line-height: 1.8;width: 50%} .col-recruitment{padding: 6% 0} .col-recruitment h2{color:#1f1f1f;font-size: 24px;font-weight: bold;padding-bottom: 15px;border-bottom: 1px solid #999999;margin-bottom: 60px;text-align: center;} .col-recruitment ul li{float: left;width: 32%;margin-right: 2%;background: #f2f2f2;padding: 40px 35px;margin-bottom: 25px;} .col-recruitment ul li:nth-child(3n){margin-right: 0;} .col-recruitment ul li h3{font-size: 21px;color:#0062b2;font-weight: bold;padding-bottom: 10px;position: relative;margin-bottom: 15px;} .col-recruitment ul li h3::after{content:'';width: 30px;height:3px;background: #0070cb;position: absolute;left: 0;bottom: 0;} .col-recruitment ul li>p{font-size: 12px;color:#666666;margin-bottom: 20px;} .col-recruitment ul li>div {height:220px;overflow: hidden;} .col-recruitment ul li>div p{line-height: 1.8;color:#404040} .col-recruitment ul li>a{color:#0062b2;display: inline-block;margin-top:25px;} #showjob{color:#1f1f1f;padding: 4% 0} #showjob h1.title { font-size: 24px; padding: 15px 5px; border-bottom: 1px solid #ddd; margin-bottom: 30px;font-weight: bold;} #showjob .paralist { background: #8c989f; padding: 5px 10px; color: #fff; visibility: hidden; margin-top: 30px; visibility: hidden;} #showjob .paralist li {list-style: none;padding: 8px 5px 8px 90px;min-height: 20px;position: relative;border-bottom: 1px solid #ddd;} #showjob .paralist li span {position: absolute;left: 0;top: 0;width: 80px;padding: 8px 5px;overflow: hidden;word-wrap: break-word;} #showjob .info_cv {margin-top: 30px;margin-left: 10px;} #showjob .info_cv a {display: inline-block;background: #23b7e5;height: 35px;line-height: 35px;padding: 0 35px;color: #fff;border-radius: 2px;} #showjob .paralist li:last-child {border-bottom: 0;} #showjob div h3{margin: 30px 0px 10px;padding: 0px 10px;font-size: 16px;font-weight: normal;height: 40px;line-height: 40px;border-bottom: 1px solid rgb(221, 221, 221);color: rgb(51, 51, 51);font-weight: bold;} .met_tools {border-top: 1px solid #ddd;margin-top: 30px;position: relative;padding: 10px 10px 0;height: 50px;line-height: 50px;} .message{padding: 5% 0} .message p {text-align: center;} .message .messagecon {width: 100%;border: 1px solid #e6e6e6;margin: 0 auto;padding: 20px 5% 7% 5%;} .message .messagecon ul {width: 43.02%;float: left;margin-right: 6%;} .message .messagecon ul li span {display: block;color: #333;line-height: 40px;} .message .messagecon ul li input {width: 100%;line-height: 35px;border: 1px solid #e6e6e6;} .message .messagecon ul li input[type="radio"],.message .messagecon ul li input[type="checkbox"]{width: auto;} .message .messagecon ul li select{width: 100%;height: 35px;border: 1px solid #e6e6e6;} .message .messagecon ul li input:focus {border: 1px solid #d80808;} .message .messagecon ul li textarea {width: 100%;border: 1px solid #e6e6e6;height: 395px;float: left;} .message .messagecon ul li textarea:focus {border: 1px solid #d80808;} .message .messagecon ul li.li4 {margin-top: 35px;} .message .messagecon ul li.li4 input {width: 38%;float: left;padding-left: 5px;color: #333;} .message .messagecon ul li.li4 img {float: left;cursor: pointer;margin: 0 5px;} .message .messagecon ul li.li4 a {float: left;line-height: 35px;} .message .messagecon ul.phonemessage {width: 95%;display: none;} .message .messagecon ul.phonemessage textarea {margin-bottom: 35px;} .sub { margin-top:70px;} .sub input{width:15%;min-width: 130px;line-height: 50px;color:#575757;box-shadow: none;border:1px solid #dcdcdc;background: #fff;margin-right: 15px;margin-bottom: 20px;transition: 0.3s;} .sub input:hover{ background: #cc2936;color:#fff;} /* contact */ .col-page-contact{padding: 4% 0;} .col-way table:nth-of-type(1){width:660px;margin:0 auto;} .col-way table:nth-of-type(1) td{vertical-align: bottom;color:#212121;} .col-way table:nth-of-type(1) td:first-child{width:40%;text-align: right;} .col-way table:nth-of-type(1) td:last-child{text-align: right;} .col-way table:nth-of-type(2){width: 100%;border-spacing: 15px;border-collapse: separate} .col-way table:nth-of-type(2) td{height: 60px;border-radius: 10px;background: #f2f2f2;color:#212121;vertical-align: middle;text-align: center;} .col-page-contact #allmap{width:100%;height:500px;} .col-page-contact #allmap img { max-width: 1070px; max-height: 600px;} .col-page-contact #allmap label {max-width: 1070px;} .col-message{padding: 5% 0 4%} .col-message h2{text-align: center;font-weight: bold;font-size: 24px;color:#1f1f1f;margin-bottom: 40px;} .col-message li{float: left;width: 49%;margin-right: 1%;margin-bottom: 20px;} .col-message li:nth-child(2n){margin-left: 1%;margin-right: 0;} .col-message li:nth-child(5), .col-message li:last-child{ margin:0; margin-bottom: 20px; width: 100%;} .col-message li input{border-radius: 10px;padding-left: 35px;width: 100%;line-height: 60px;background: #f2f2f2;border:none;outline: none;} .col-message li textarea{width: 100%;border-radius: 10px;padding:10px 0 0 35px;background: #f2f2f2;border:none;outline: none;min-height: 300px;} .col-message .sub{text-align:center;} .col-message .sub input{width: 200px;line-height: 43px;background: #0070cb;color:#fff;border:none;border-radius: 10px;} .col-page-about, .col-page-news, .col-page-product{/*内页页面外层容器样式*/} .col-wrap{}/*内页模块通用外层容器样式*/ .col-about, .col-img-wrap, .col-product-wrap{}/*内页模块外层容器样式*/ .col-about .title-head{}/*标题头*/ .col-about .content{}/*内容*/ .col-about .content .s-title{}/*终极标题*/ .col-about .content .s-content{}/*终极内容*/ /* 底部 */ #gotoTop{display: none;z-index: 299;position: fixed;z-index: 2;width: 50px;height: 50px;background:url(../images/gototop.png) no-repeat #00a7ea center center;right: 2%;bottom:100px;cursor: pointer;} .footer{background: #292929;padding: 35px 0 50px;} .footer .col-footer-nav{padding-bottom: 15px;border-bottom: 1px solid #666666;} .footer .col-footer-nav h2{display: inline-block;font-size: 0;vertical-align: bottom;} .footer .col-footer-nav ul{margin-left: 150px;display: inline-block;vertical-align: bottom;} .footer .col-footer-nav ul li{float: left;margin-right: 60px} .footer .col-footer-nav ul li:last-child{margin-right: 0;} .footer .col-footer-nav ul li a{color:#fff;} .footer .col-footer-info{padding: 80px 0 0;} .footer .col-footer-info .pull-left{padding-top:20px;color:#fff;line-height: 2;} .footer .col-footer-info .pull-left p:last-child{color:#a8a8a8;} .footer .col-footer-info .pull-right ul li{float: left;margin-left: 35px;} .footer .col-footer-info .pull-right ul li>span{display: block;margin-top:15px;} /* 搜索 */ .goomay-keywords-light{ background: #dc3545 !important; color:#ffffff !important; } #searchs{ margin: 50px auto ; overflow:hidden } .search_left{ /*float: left;*/ /*width: 25%;*/ border: 1px solid #d6d6d6; padding-top:5px; padding-bottom:5px; } .s_head{ border-bottom: 1px solid #d6d6d6; height: 50px; } .s_head h2{ line-height: 50px; /*margin-left: 15px;*/ } .s_body ul{ margin-top: 10px; margin-left: 20px; } .s_body ul span{ display: block; color: #333; line-height: 40px; } .s_body ul input, .s_body ul select{ height: 35px; width: 80%; line-height: 35px; border: 1px solid #e6e6e6; padding-left: 10px; margin-bottom: 10px; } .s_body .sub input{ height: 35px; line-height: 35px; background: #575757; border: 0; font-weight: bold; color: #fff; transition: 0.3s; text-align: center; padding-left: 0px; } .search_right{ padding-left: 40px; /*float: right;*/ /*width: 73%;*/ /*border-top: 1px solid #d6d6d6; padding-bottom: 15px; padding-top: 20px; padding-left: 20px;*/ } .search_right .no-result{ text-align: center; font-size: 30px; color:#d80808; margin-top:50px; } .search-result-title{ font-size: 20px; font-weight: 600; color: #333; line-height: 30px; height: 30px; overflow: hidden; } .entry-image { float: left; width: 120px; margin: 0 20px 0 0; } .entry-c{ position: relative; overflow: hidden; } .search-result-info{ padding:5px 0; } .search-result-info li{ display: inline-block; } .search_right em{ color: #004cff; } .search_right .search-result{ margin-left:25px; } .product_title a{ color: #d80808; text-decoration: underline; } .search_right .search-li{ border-bottom: 1px solid #d6d6d6; margin-bottom: 30px; padding-bottom: 10px; } .search_right li{ overflow: hidden; } .search-result-info li:before{ content: '/'; display: inline-block; margin-left: 10px; margin-right: 10px; opacity: 0.5 } .search-result-info li:first-child:before { display: none; } .product_list{ padding-bottom: 15px; border-bottom: 1px solid #d6d6d6; margin-bottom: 15px; } .product_img{ float: left; } .product_img img{ border-radius: 50%; } .product_img img:hover{ width: 90px; height: 90px; } .product_body{ float: left; margin-left: 20px; margin-top: 10px; } .product_title{ margin-bottom: 20px; } .se_news{ float: right; width: 79%; } /* 下载 */ #download li{ margin-bottom: 25px; } #download ul{ margin-top: 50px; margin-bottom: 110px; } .down_head{ margin-left: 25px; margin-bottom: 5px; } .down_body{ margin: 0 15px; padding-top: 5px; border-top: 1px solid #d6d6d6; overflow: hidden; } .down_body div{ margin:0 15px; } .down_body span{ margin-right: 15px; } .f_r{ float: right; } .f_l{ float: left; } .download_title{ margin-bottom: 30px; border-bottom: 1px solid #d6d6d6; padding: 8px; } .download_button, .link_button{ display: inline-block; background: #23b7e5; height: 35px; line-height: 35px; padding: 0 35px; color: #fff; border-radius: 2px; } .download_button:hover, .link_button:hover{ background: #38c4f0; color: #fff; } .content_title{ margin: 30px 0 10px; padding: 0 10px; font-size: 16px; font-weight: normal; height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; } .line{ border-bottom: 1px solid #d6d6d6; margin: 15px 0; } #link h3{ margin: 10px 15px; } #img_link, #text_link{ margin-bottom: 50px; overflow: hidden; } #img_link li, #text_link li{ float: left; margin: 0 10px; } /* 副导航 */ /* media */ @media (min-width: 1200px) { .container{width: 1200px} } @media (max-width: 1600px) { .col-index-link>div{padding: 110px 200px 0;} .col-index-case .swiper-slide .col-case-img{height: auto} .container2{width:100%;padding: 0 10px;} #col-index-banner,#col-index-banner .swiper-slide{height:700px !important;} #col-index-banner .swiper-slide .ban_cont{margin-top:250px;} #col-index-banner .banner-container .swiper-button{top:280px} #col-banner .swiper-slide,#col-banner{height:400px !important} #col-banner .ban_cont{margin-top:150px ;} } @media (max-width: 1500px) { .col-index-link>div{padding: 110px 180px 0;} .col-index-news>.pull-left{padding: 80px 2% 80px 4%;} .col-index-news>.pull-right{padding: 80px 5% 80px 4%;} } @media (max-width: 1400px) { .col-index-link>div{padding: 110px 150px 0;} .header .nav ul li{margin-left: 50px;} .col-nav-list .container2>ul>li{width: 110px;} } @media (max-width: 1200px) { .header .col-nav-list .pull-left input#search1{width:200px;} .col-profile .container>p:first-child{width: 50%} .footer .col-footer-nav ul{margin-left: 30px} .col-index-link>div{padding: 110px 100px 0;} .col-index-news>.pull-left h2{padding-top:25px;margin-top:0;} .col-index-news>.pull-left span{margin-top:20px;} .col-index-news>.pull-left{padding:50px 30px;} .col-index-news>.pull-right{padding:50px 30px;} .col-index-news>.pull-right{} .col-index-about .col-about-cont{width:70%} .header .nav ul li{margin-left: 40px} .col-nav-list .container2>ul>li{width: 100px;} .container{width: 100%;padding: 0 10px;} #col-index-banner,#col-index-banner .swiper-slide{height:500px !important;} #col-index-banner .swiper-slide .ban_cont{margin-top:150px;} #col-index-banner .banner-container .swiper-button{top:180px} } @media (max-width: 1100px) { .header .logo>span{display: none;} .footer .col-footer-nav ul li{margin-right: 30px;} .col-index-link>div{padding: 110px 80px 0;} .header .logo img{width: 180px} #header a.mm_btn{top:12.5px !important} } @media (max-width: 992px) { .col-center .col-center-nav:nth-of-type(1), .col-center .col-center-nav:nth-of-type(2){display: block;width: 100%;} .col-age ul li{width:100%} .col-mind div{width:70%} .col-page-news .container>ul li .col-news-img{height: auto;} .col-page-product .container ul.col-product-list li div{height: auto;} .col-culture ul li div.col-culture-cont,.col-culture ul li:nth-child(2) div.col-culture-cont{padding-top:30px;padding-left: 20px;padding-right: 20px;} .col-profile .container>p:first-child{width: auto;float: none;margin:0 auto;text-align: center;} .col-profile .container>p{text-align: center;} .col-profile table{margin:0 auto;width:50%} #col-banner .swiper-slide,#col-banner{height:250px !important} #col-banner .ban_cont{margin-top:90px ;} .nav,.col-nav-list{display: none} .footer{text-align: center;padding: 20px 0} .footer .col-footer-info{padding-top:0;} .footer .col-footer-nav ul,.footer .col-footer-info .pull-right{display: none;} .footer .col-footer-info .pull-left{width: 100%;font-size: 12px;} .col-index-link>div{width: 100%;height:280px;padding: 50px 10px;} .col-index-news>.pull-left{width:100%} .col-index-news>.pull-right{width:100%} .col-index-about ul li{width:47%;margin-right: 6%;margin-bottom: 20px;} .col-index-about ul li:nth-child(2n){margin-right: 0} .col-index-about .col-about-cont{width:80%;margin-bottom: 30px;} #col-index-banner .banner-container .swiper-button{right:30px;} } @media (max-width: 768px) { .vicenav ul li ul{width: 100%;right:100%;top:0;} #col-banner .swiper-slide,#col-banner{height:200px !important} #col-banner .ban_cont{margin-top:50px ;} .vicenav{height: 40px;line-height: 40px;} .sub{margin-top:20px;} .col-page-contact #allmap{height: 250px;} .col-way table:nth-of-type(1){width: 100%} .col-way table:nth-of-type(1) td:last-child p span{font-size: 14px !important} .col-way table td{display: block;width: 100% !important;text-align: center !important;} .col-way table:nth-of-type(2){border-spacing: 0} .col-way table:nth-of-type(2) td{line-height: 60px;margin-bottom: 10px;} .message .messagecon ul{width:100%} .message .messagecon ul li textarea{height:150px;} .col-mind div{width:100%} .col-news .met_tools .met_page{display: none;} .col-page-product .container ul.col-product-list li,.col-page-news .container>ul li,.col-recruitment ul li{width:48%;margin-right: 4%;} .col-page-product .container ul.col-product-list li:nth-child(3n),.col-page-news .container>ul li:nth-child(3n),.col-recruitment ul li:nth-child(3n){margin-right: 4%} .col-page-product .container ul.col-product-list li:nth-child(2n),.col-page-news .container>ul li:nth-child(2n),.col-recruitment ul li:nth-child(2n){margin-right: 0} .col-download .download-container{padding-bottom: 30px;} .col-solution .container ul li{width: 49%;margin-right: 2%} .col-solution .container ul li:nth-child(3n){margin-right: 2%} .col-solution .container ul li:nth-child(2n){margin-right: 0} .col-page-construction .col-title{width:200px;font-size: 20px;} .col-album h2{text-align: center;} .col-culture ul li div.col-culture-img{padding: 0 !important;} .col-culture ul li div.col-culture-img img{max-width: 80%} .col-culture ul li>div{width: 100%;float: none !important;text-align: center !important;} .col-culture ul li div.col-culture-cont h3::before{display: none;} .col-culture ul::after{display: none;} .col-develop ul.col-develop-tab li{height:150px;line-height: 150px;} .col-profile .container>p:first-child img{max-width: 80%} .col-profile table{margin:0 auto;width:80%} .vicenav>ul{float: right;width: 100px;background: #0070cb;height: 40px;position: absolute;right: 0} .vicenav>ul>li{display: block;color:#fff;} .vicenav>ul>li:first-child a{display: block;} .vicenav>ul>li:not(:first-child){line-height: 30px;display: none;} .vicenav>ul.active>li:not(:first-child){display: block;} .vicenav>ul.active {height: auto;} .vicenav ul li:hover ul{animation: fadeInRight 1s both 0.1s;} .col-index-link>div h2{margin-bottom: 20px;} .col-index-link>div a{margin:30px auto 0;} .col-index-about .col-about-cont{width:100%} #col-index-banner,#col-index-banner .swiper-slide{height:300px !important;} #col-index-banner .swiper-slide .ban_cont{margin-top:50px;} #col-index-banner .swiper-slide .ban_cont span{font-size: 18px !important} #col-index-banner .swiper-slide .ban_cont a{margin-top:20px;} #col-index-banner .banner-container .swiper-button{display: none;} } @media (max-width: 640px) { .col-age ul li p:first-child{float: none;} .col-page-product table td a{font-size: 12px;} .col-message li textarea{min-height: 200px;height: 200px;} .col-message li:nth-child(2n),.col-message li{width: 100%} .col-mind{background-size: cover !important;} .col-mind{padding:30px 20px;height:auto} /* .col-age img{width: 80%;float: none;margin:0 auto 10px !important;display: block;} */ .col-culture ul li div.col-culture-cont, .col-culture ul li:nth-child(2) div.col-culture-cont{padding: 10px 0;} .col-culture ul li div.col-culture-img img{max-width: 100%} .col-profile .container>p>span{font-size: 14px !important;} .col-profile table{margin:0 auto;width:100%} .header .container2 input#search1{display: none} .col-index-news>.pull-left{padding: 20px 10px;} .col-index-news>.pull-right{padding: 20px 10px;} .col-index-case .case-container{margin:0 30px;} .col-index-case .swiper-slide .col-case-title{margin:-50px 3% 0;padding: 10px 20px;} .col-index-about ul li{height:180px;} .col-index-about .col-about-cont span{font-size: 14px !important;} #col-index-banner .swiper-slide .ban_cont span{font-size: 16px !important} } @media (max-width: 420px) { .col-center .swiper-slide img{float: none;width: 80%;display: block;margin:0 auto;} .col-center .swiper-slide>div{float: none;width: 100%;padding: 0;} .footer .col-footer-info .pull-left p:not(:last-child){display: none;} .col-page-product .container ul.col-product-list li,.col-product ul li,.col-page-news .container>ul li,.col-recruitment ul li{width:100%;margin-right: 0 !important;} .col-solution .container ul li{margin-bottom: 10px;} .col-develop ul.col-develop-tab li{height:100px;line-height: 100px;} .col-develop ul.col-develop-tab li{font-size: 20px;font-weight: normal;} .header .container2 form{display: none !important;} .header .container2>a h2{margin-right: 60px;font-size: 12px;} .col-index-case .swiper-slide .col-case-title{margin:0 0 0;padding: 5px 10px;} .col-index-about ul li a{padding-top: 60px;} .col-index-about ul li:hover{transform: none;box-shadow: none;} .col-index-about ul li:hover a{padding-top:60px} .col-index-about ul li:hover i{opacity: 0;} .col-index-about ul li{height:150px;width:49%;margin-right: 2%;margin-bottom: 10px;} } /*手机版菜单*/ .mm-slideout{z-index: auto!important;} @media screen and (max-width: 992px) { #header a.mm_btn {background: center center no-repeat #0067b7;display: block;width: 55px;height: 55px;position: absolute;top: 0px;right: 0; padding: 12.5px; } #header .mm_btn .menu_bar {width: 30px;height: 30px; position: relative;transform: translateZ(0) rotate(0);transition: transform .4s cubic-bezier(.4,.01,.165,.99);} #header .mm_btn .menu_bar_item { position: absolute;left: 0;top: 0; transform: translateZ(0) rotate(0); transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s; -webkit-transform: translateZ(0) rotate(0); -webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s; width: 30px;height: 30px;} #header .mm_btn .menu_bar_item .rect{ width: 30px; height: 2px; background: #fff; position: absolute; left: 0; top: 14px;/*transition: transform .2s ease .2s;-webkit-transition: -webkit-transform .2s ease .2s;*/-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} #header .mm_btn .menu_bar_item .rect.top {transform: translate3d(0,-8px,0); -webkit-transform: translate3d(0,-8px,0);} #header .mm_btn .menu_bar_item .rect.mid {transform: translate3d(0,0px,0); -webkit-transform: translate3d(0,0px,0); transition: 0.5s;} #header .mm_btn .menu_bar_item .rect.bottom {transform: translate3d(0,8px,0); -webkit-transform: translate3d(0,8px,0);} #header .mm_btn.is_active .menu_bar_item.mid{opacity: 0;} #header .mm_btn.is_active .menu_bar_item .rect {transition: transform 0s ease 0s; transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0s ease 0s; -webkit-transform: translate3d(0,0,0);} #header .mm_btn.is_active .menu_bar_item.bottom { transform: translateZ(0) rotate(-45deg); -webkit-transform: translateZ(0) rotate(-45deg);} #header .mm_btn.is_active .menu_bar_item {transform: translateZ(0) rotate(45deg);transition: transform .25s cubic-bezier(.4,.01,.165,.99) 0s;-webkit-transform: translateZ(0) rotate(45deg);-webkit-transition: -webkit-transform .25s cubic-bezier(.4,.01,.165,.99) 0s;} /*菜单弹出方向*/ .mm-menu_offcanvas{left: auto!important;} .mm-menu{right: 0!important;} .mm-menu_offcanvas.mm-menu_opened{z-index: 9!important;} .mm-slideout{z-index: 10!important;} .mm-menu.mm-menu_pageshadow:after{content: ""; display: block; width: 20px; height: 120%; position: absolute; right: 100%; top: -10%; z-index: 99; box-shadow: 0 0 10px rgba(0,0,0,.3);}/*弹出菜单边阴影*/ .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout{-webkit-transform: translate(-80vw,0)!important;-ms-transform: translate(-80vw,0)!important;transform: translate(-80vw,0)!important;-webkit-transform: translate3d(-80vw,0,0)!important;transform: translate3d(-80vw,0,0)!important;/*transform: translate3d(80vw,0,0)!important;*/} .mm-wrapper_opened .mm-menu_fx-menu-slide {-webkit-transform: translate(0,0)!important;-ms-transform: translate(0,0)!important;transform: translate(0,0)!important;-webkit-transform: translate3d(0,0,0)!important;transform: translate3d(0,0,0)!important;} /**/ #menu{ color:rgba(0,0,0,.8);} #menu .mm-listview .mm-btn_next:after{border-color: rgba(189,189,189,1);} #menu .mm-btn:after, #menu .mm-btn:before{border-color: rgba(189,189,189,1);} #menu .mm-navbar a, #menu .mm-navbar>*{color:rgba(0,0,0,.8); font-size: 16px;} #menu.mm-menu_theme-white .mm-counter{color:rgba(0,0,0,.6);} #menu .mm-searchfield input{background: rgba(0,0,0,.3);color: rgba(0,0,0,.2);} #menu .mm-listitem, #menu .mm-listitem #menu .mm-btn_next, #menu .mm-listitem #menu .mm-btn_next:before, #menu .mm-listitem:after, #menu .mm-listview{ border-color: rgba(0,0,0,.1); } #menu .mm-navbars_bottom, #menu .mm-navbars_top{border-color: rgba(0,0,0,.1);} #menu .mm-listitem a{font-size: 16px;} } @media (min-width: 550px){ .mm-wrapper_opening .mm-menu_offcanvas.mm-menu_opened~.mm-slideout {-webkit-transform: translate(-440px,0)!important;-ms-transform: translate(-440px,0)!important;transform: translate(-440px,0)!important;-webkit-transform: translate3d(-440px,0,0)!important;transform: translate3d(-440px,0,0)!important;} }