/** *======================================================================================================================== * css重置 *======================================================================================================================== */ *{-webkit-box-sizing:border-box;box-sizing:border-box;} *:before,*:after {-webkit-box-sizing:border-box;box-sizing:border-box;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {margin:0;padding:0;} body {background:#fff;font-family:'Arial','Microsoft Yahei','微软雅黑';font-size:14px;color:#333;} html {min-width: 990px;} h1,h2,h3,h4,h5,h6 {font-size:100%;} a {text-decoration:none;} a:hover {color:#2374cc;} img {border:none;image-rendering:optimizeQuality;-ms-interpolation-mode:bicubic;} ol,ul,li {list-style:none;} input,textarea,select,button {font-family:14px 'Arial','Microsoft Yahei','微软雅黑';font-size:100%;border:none;} button {cursor:pointer;} input:-ms-input-placeholder,textarea:-ms-input-placeholder {color:#ddd;} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#ddd;} :-moz-placeholder {color:#ddd;} ::-moz-placeholder {color:#ddd;} table {border-collapse:collapse;border-spacing:0;} @font-face{ font-family: 'MarkPro'; src:url('../fonts/MarkPro-Bold.otf'), url('../fonts/MarkPro-Medium.otf'), } .myfont{font-family: 'MarkPro';} /* layui */ .layui-form-select dl dd.layui-this { background: #2374CC; } .layui-input { height: 58px; border: none; line-height: 58px; } .layui-form-select dl { top: 62px; bottom: auto; } .layui-form-select dl dd, .layui-form-select dl dt { line-height: 50px; } .layui-form-radio { margin-right: 0px; } .layui-form-radio>i, .layui-form-radio>i:hover, .layui-form-radioed>i { color: #000000; font-size: 16px; margin-right: 4px; } /* 面包屑导航 */ .breadcrumb { color: #666666; font-size: 14px; } .breadcrumb .item { float: left; } .breadcrumb a { color: #666666; font-size: 14px; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; } .breadcrumb a:hover { color: #2374CC; } /** *======================================================================================================================== * 通用辅助类 *======================================================================================================================== */ .am3{-webkit-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;} .am6{-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;} .fl {float:left} .fr {float:right} .clear:before,.clear:after {content:" ";display:block;height:0;clear:both;visibility:hidden;} .clear {*zoom:1;} .hide {display:none} .block {display:block} .inline {display:inline} .inline-block {display:inline} .background{background-repeat: no-repeat;background-position: center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;} .uppercase{text-transform: uppercase;} .capitalize{text-transform: capitalize;} .nowrap{-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .transition { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } /** *======================================================================================================================== * 通用列表 *======================================================================================================================== */ ul.col-2,ul.col-3,ul.col-4,ul.col-5,ul.col-6,ul.col-7{overflow:hidden;} ul.col-2 li,ul.col-3 li,ul.col-4 li,ul.col-5 li,ul.col-6 li{margin-right:2%;} ul.col-2 li{width:49%;} ul.col-3 li{width:32%;} ul.col-4 li{width:23.5%;} ul.col-5 li{width:18.4%;} ul.col-6 li{width:15%;} ul.col-7 li{width:13%;margin-right:1.5%;} ul.col-2 li:nth-child(2n+2),ul.col-3 li:nth-child(3n+3),ul.col-4 li:nth-child(4n+4),ul.col-5 li:nth-child(5n+5),ul.col-6 li:nth-child(6n+6),ul.col-7 li:nth-child(7n+7){margin-right:0;} ul.col-2 li.nomargin,ul.col-3 li.nomargin,ul.col-4 li.nomargin,ul.col-5 li.nomargin,ul.col-6 li.nomargin,ul.col-7 li.nomargin{margin-right:0;} /** *======================================================================================================================== * fullpage *======================================================================================================================== */ .section .fullbox {width: 100%!important;height: 74px!important;} .section.first .fullbox {width: 100%!important;height: 113px!important;} #fp-nav {top:56%!important;} #fp-nav ul li{width: 24px!important;height: 24px!important;margin: 20px 10px!important;} #fp-nav ul li a {background-image: url('../images/fullpage1.png')!important;background-repeat: no-repeat!important;background-position: center center!important;-webkit-transition: all 0.3s ease!important;-o-transition: all 0.3s ease!important;transition: all 0.3s ease!important;} #fp-nav ul li a.active {background-image: url('../images/fullpage2.png')!important;} #fp-nav ul li a span{display: none!important;} /** *======================================================================================================================== * 头部 *======================================================================================================================== */ .header{width: 100%;min-width: 990px;position: fixed;left: 0;top: 0;z-index: 1000;background: #fff;} .header .top {width: 100%;background: #fff;border-bottom: 1px solid #e2e2e2;position: relative;z-index: 10;;padding: 10px 32px;} .header .top .careers a{font-size:14px;color: #999999;margin-left: 24px;position: relative;} .header .top .careers a:before{content: "";display:block;width: 4px;height: 4px;background: #999;border-radius:50%;position: absolute;left: -8px;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);} /*.header .bottom {width: 100%;background:url('../images/nav_bj.jpg') center center no-repeat; background-size: cover; position: relative;z-index: 10;border-bottom: 1px solid #e2e2e2;}*/ .header .bottom {width: 100%;background:#fff; position: relative;z-index: 10;border-bottom: 1px solid #e2e2e2;} .header .bottom .logo{height: 29px;margin: 22px 40px 22px;} .header .bottom .logo a{width: 100%;height:100%;} .header .bottom .logo a img{height: 100%;} .header .bottom .main_nav{position: absolute;left: -100%;top: 0;} .header .bottom .main_nav li{position: relative;overflow: hidden;} .header .bottom .main_nav li a{padding: 0 24px;font-size: 16px;color: #000;line-height: 72px;} .header .bottom .main_nav li .subscript{width: 100%;height:5px;background: #e61937;position: absolute;left: 0;bottom: -5px;} .header .bottom .main_nav li.active .subscript{bottom: 0;} .header .bottom .search_btn{width: 98px;height: 72px;border-left: 1px solid #e2e2e2;cursor: pointer;background: #fff;position: relative;z-index: 1;} .header .bottom .search_btn:active{background: #f1f1f1;} .header .bottom .search_btn i{display:block;width: 100%;height: 100%;font-size: 28px;color:#666666;position: relative;} .header .bottom .search_btn i:before{display:block;font-size: 28px;position: absolute;left: 50%;top:50%;margin-left: -14px;margin-top: -16px;} .header .bottom .language_btn {width: 98px;height: 72px;border-left: 1px solid #e2e2e2;cursor: pointer;background: #fff;position: relative;z-index: 1;} .header .bottom .language_btn:active{background: #f1f1f1;} .header .bottom .language_btn i{display:block;width: 100%;height: 100%;font-size: 28px;color:#666666;position: relative;} .header .bottom .language_btn i:before{display:block;font-size: 28px;position: absolute;left: 50%;top:50%;margin-left: -14px;margin-top: -16px;} .header .second_nav_lists{width:100%;position: absolute;bottom:0;z-index: 1;} .header .second_nav_lists .bg{width:100%;height:100%;position: absolute;left: 0;top: 0;background: #fff;opacity: .95;filter: alpha(opacity=95);} .header .second_nav_lists .second_nav{max-width: 1100px;margin: 0 auto;padding: 50px 0;position: relative;z-index: 1;} .header .second_nav_lists .second_nav .title h3{font-size: 30px;color:#333333;font-weight: normal;} .header .second_nav_lists .second_nav .title p{font-size: 14px;color:#333333;font-weight: bold;} .header .second_nav_lists .second_nav .second_nav_list {width: 412px;margin-left: 64px;} .header .second_nav_lists .second_nav .second_nav_list li{width: 186px;height: 58px;background: #fff;text-align: center;line-height: 58px;margin-right: 20px;margin-bottom: 20px;} .header .second_nav_lists .second_nav .second_nav_list li a{color: #2374cc;} .header .second_nav_lists .second_nav .second_nav_list li:hover a{background: #2374cc;color: #fff;} .header .second_nav_lists .second_nav .pic {width: 224px;height: 136px;} .header .second_nav_lists .second_nav .pic img{width: 100%;height: 100%;} .header .search_box {width: 100%;min-width:990px;height: 100%;position: fixed;left:100%;top:0;z-index: 1001;} .header .search_box .mask{width: 100%;height: 100%;background: #000;opacity: .9;filter:alpha(opacity=90);} .header .search_box .search{width: 70%;height: 80px;border-bottom:1px solid #333;position: absolute;left: 15%;top: 50%;margin-top: -40px;} .header .search_box .search form{width: 100%;height: 100%;position: relative;left: 0;top: 0;} .header .search_box input{width: 100%;height: 100%;background: none;padding-right: 80px;outline: none;font-size: 32px;color: #fff;} .header .search_box .search_btn{width: 80px;height: 80px;position: absolute;right: 0;top: 0;background: none;outline: none;} .header .search_box .search_btn i{font-size: 40px;color: #fff;} .header .search_box .close {width: 64px;height: 64px;position: absolute;right: 0;top: 0;background: none;outline: none;} .header .search_box .close:active {background: #000;opacity: .9;filter:alpha(opacity=90);} .header .search_box .close i{font-size: 32px;color: #fff;} /** *======================================================================================================================== * 底部 *======================================================================================================================== */ .footer{width: 100%;background: #f6f6f6;position: relative;} .footer .top_message{max-width: 1440px;margin: 0 auto;padding:70px 50px 64px;width: 100%;} .footer .top_message .footer_nav_list{width: 50%;} .footer .top_message .footer_nav_list li{width: 15%;margin-left: 2%;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .footer .top_message .footer_nav_list li:nth-child(1) { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .footer .top_message .footer_nav_list li:nth-child(2) { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } .footer .top_message .footer_nav_list li:nth-child(3) { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .footer .top_message .footer_nav_list li:nth-child(4) { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .footer .top_message .footer_nav_list li:nth-child(5) { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; } .footer .top_message .footer_nav_list li:nth-child(6) { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } .footer .top_message .footer_nav_list li.transform { -webkit-transform: translateY(1000px); -ms-transform: translateY(1000px); transform: translateY(1000px); } .footer .top_message .footer_nav_list li h5 { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .footer .top_message .footer_nav_list li:first-child{margin-left: 0;} .footer .top_message .footer_nav_list li h5{font-size: 16px;color:#232323;margin-bottom: 20px; } .footer .top_message .footer_nav_list li a{font-size: 14px;color:#666666;margin-top: 10px; } .footer .top_message .footer_nav_list li a:hover{color:#2374cc;} .footer .top_message .address_box {width: 20%;margin-left: 3%;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;-webkit-transition-delay: .6s;-o-transition-delay: .6s;transition-delay: .6s;} .footer .top_message .address_box.transform { -webkit-transform: translateY(1000px); -ms-transform: translateY(1000px); transform: translateY(1000px); } .footer .top_message .address_box span{display: block;width: 77%;font-size: 14px;color: #666666;line-height: 26px;} .footer .top_message .address_box .title{width: 23%;vertical-align: -10px;} .footer .top_message .ewm_box {width: 23%;margin-left: 4%;} .footer .top_message .ewm_box .ewm{width: 45%;-webkit-transition: all 1s;-o-transition: all 1s;transition: all 1s;-webkit-transition-delay: .6s;-o-transition-delay: .6s;transition-delay: .6s;} .footer .top_message .ewm_box .ewm-gzh{-webkit-transition-delay: .7s;-o-transition-delay: .7s;transition-delay: .7s;} .footer .top_message .ewm_box .ewm-wgw{-webkit-transition-delay: .8s;-o-transition-delay: .8s;transition-delay: .8s;} .footer .top_message .ewm_box .ewm.transform { -webkit-transform: translateY(1000px); -ms-transform: translateY(1000px); transform: translateY(1000px); } .footer .top_message .ewm_box .ewm img{width: 100%;} .footer .top_message .ewm_box .ewm p{width: 100%;height: 40px;background: #aaaaaa;border-radius: 20px;font-size: 14px;color: #fff;text-align: center;line-height: 40px;margin-top: 20px;} .footer .bottom_message{height: 60px;background: #333333;padding: 10px 0;} .footer .bottom_message .main_content{max-width: 1440px;margin: 0 auto;padding: 0 50px;} .footer .bottom_message .main_content p{font-size: 12px;color: #999999;line-height: 20px;} .footer .bottom_message .main_content p a{margin-left: 10px;color: #999999;} .footer .bottom_message .main_content p a:hover{margin-left: 10px;color: #ddd;} .footer .biaofun{text-decoration: underline;} /** *======================================================================================================================== * 右侧悬浮窗 *======================================================================================================================== */ .common_righter{width: 40px;height: 80px;position: fixed;right: 0;bottom:40px;z-index: 1000;} .common_righter button{width: 40px;height: 40px;border-top: 1px solid #e1e1e1;background: #fff;outline: none;position: relative;z-index: 1;} .common_righter button:hover{background: #2374cc;} .common_righter button:first-child{border: none;} .common_righter button i{font-size: 16px;color: #999999;} .common_righter button:hover i{color: #fff;} .common_righter .ewm{width: 116px;height: 116px;position: absolute;left: 65px;bottom: 0;border: 8px solid #fff;} /** *======================================================================================================================== * 首页 *======================================================================================================================== */ .section-index { overflow: hidden; } /* banner */ .index_banner{position: relative;} .index_banner .banner_content .has-transform { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .index_banner .banner_content .has-transform-1 { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .index_banner .banner_content .has-transform-2 { -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; } .index_banner .banner_content .has-transform-3 { -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; } .index_banner .banner_content .has-transform.transform { -webkit-transform: translateX(-1000px) scale(0); -ms-transform: translateX(-1000px) scale(0); transform: translateX(-1000px) scale(0); opacity: 0; } .index_banner .banner_content{max-width: 1440px;width: 100%;height:80%;margin: 5% auto 5%;position: relative;padding: 0 50px;} .index_banner .banner_content .text{position: absolute;width: 100%;text-align: center;left: 0;top: 50%;} .index_banner .banner_content .text h2{font-size: 50px;color: #fff;font-weight: normal;text-align: center;} .index_banner .banner_content .banner_btn{width: 160px;height: 54px;position: relative;margin:40px 10px 0;display: inline-block;} .index_banner .banner_content .banner_btn .border{width: 100%;height: 100%;border: 1px solid #fff;border-radius: 5px;opacity: .5;filter:alpha(opacity=50);position: absolute;} .index_banner .banner_content .banner_btn a{font-size:14px;color: #fff;line-height: 54px;text-align: center;position: relative;z-index: 1;} .index_banner .banner_content .banner_btn a i{font-size: 24px;vertical-align: -3px;margin-right: 10px;} .index_banner .page{position: absolute;left: 50px;bottom: 50px;} .index_banner .page p{font-size:16px;color: #fff;font-weight: bold;} .index_banner .bottom .progress {width: 180px;height: 3px;position: relative;margin-top: 18px;overflow: hidden;} .index_banner .bottom .progress .before{width: 100%;height: 100%;background:#fff;position: absolute;opacity: .5;filter:alpha(opacity=50);} .index_banner .bottom .progress .after{width: 0;height: 100%;background:#fff;position: absolute;} .index_banner>nav{display: none;} .index_banner .bottom .flex-direction-nav {width: 64px;height: 32px;margin-left: 30px;} .index_banner .bottom .flex-direction-nav li{width: 32px;height: 32px;} .index_banner .bottom .flex-direction-nav li a{background: none;position: inherit;} .index_banner .bottom .flex-direction-nav li a:before{display: none;} .index_banner>.flex-direction-nav li a{display: none;} .index_banner .bottom .flex-direction-nav li a i{font-size:24px;color: #fff;} .index_banner .index_video{width: 100%;height: 100%;position: absolute;z-index: 990;display: none;} .index_banner .index_video .video{width: 100%;height: 100%;background: #000;} /* 首页新闻 */ .index_news{background-image:url('../images/index_news_bg.jpg');padding-top:60px;} .index_news .news_title { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .index_news .news_title.transform { -webkit-transform: translateY(-300px); -ms-transform: translateY(-300px); transform: translateY(-300px); } .index_news .news_title p{font-size:42px;font-weight: bold;text-align: center;} .index_news .news_title p span{color: #2374cc;} .index_news .news_title h3{font-size: 36px;color: #666666;font-weight: normal;text-align: center;} .index_news .news_content{max-width: 1200px;margin: 40px auto 0;} .index_news .news_content .hot_news{width: 44%;height: 500px;position: relative;-webkit-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;overflow: hidden;} .index_news .news_content .hot_news .hot_new{width: 100%;height: 100%;position: absolute;left: 0;top:0;} .index_news .news_content .hot_news.transform { -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } .index_news .news_content .hot_news:hover .hot_new{transform: scale(1.1);} .index_news .news_content .hot_news .text {width: 100%;position: absolute;bottom: 0;left: 0;padding: 5% 5%;} .index_news .news_content .hot_news .text .bg{width: 100%;height:100%;position: absolute;left: 0;top: 0;background: #000;opacity: .5;filter: alpha(opacity=50);} .index_news .news_content .hot_news .text h4{font-size: 18px;color: #fff;font-weight: normal;position: relative;z-index: 1;width: 79%;line-height: 44px;margin-left: 1%;} .index_news .news_content .hot_news .text .time{width: 20%;font-size: 14px;color: #fff;line-height: 1.2;position: relative;z-index: 1;} .index_news .news_content .hot_news .text .time span{font-size: 24px;font-weight: bold;} .index_news .news_content .hot_news .icon {width: 82px;height: 77px;background: url('../images/hot_news_icon.png') no-repeat center center;position: absolute;left: 32px;top: 64px;} .index_news .news_content .news_list {width: 54%;border-top:1px solid #d3d4d5;border-bottom:1px solid #d3d4d5; } .index_news .news_content .news_list li{border-top: 1px solid #d9dada;-webkit-transition: all 1.5s;-o-transition: all 1.5s;transition: all 1.5s;} .index_news .news_content .news_list li.transform { -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } .index_news .news_content .news_list li:nth-child(1) { -webkit-transition-delay: .1s; -o-transition-delay: .1s; transition-delay: .1s; } .index_news .news_content .news_list li:nth-child(2) { -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; } .index_news .news_content .news_list li:nth-child(3) { -webkit-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } .index_news .news_content .news_list li:nth-child(4) { -webkit-transition-delay: .4s; -o-transition-delay: .4s; transition-delay: .4s; } .index_news .news_content .news_list li:nth-child(5) { -webkit-transition-delay: .5s; -o-transition-delay: .5s; transition-delay: .5s; } .index_news .news_content .news_list li:nth-child(6) { -webkit-transition-delay: .6s; -o-transition-delay: .6s; transition-delay: .6s; } .index_news .news_content .news_list li:nth-child(7) { -webkit-transition-delay: .7s; -o-transition-delay: .7s; transition-delay: .7s; } .index_news .news_content .news_list li a{padding: 20px 36px;} .index_news .news_content .news_list li a>h4{font-size: 14px;color: #666;width: 55%;font-weight: normal;line-height: 14px;} .index_news .news_content .news_list li:hover a>h4{margin-left: 20px;color: #2374cc;} .index_news .news_content .news_list li a>p.time{font-size: 14px;color: #666;line-height: 14px;position: relative;} .index_news .news_content .news_list li a>p.time>i{font-size: 12px;position: absolute;top:1px;right: 60px;color: #2374cc;opacity: 0;filter:alpha(opacity=0);} .index_news .news_content .news_list li:hover a>p.time{margin-right: 20px;} .index_news .news_content .news_list li:hover a>p.time>i{right: -20px;opacity: 1;filter:alpha(opacity=100);} .index_news .news_content .news_list li:first-child{border:none;} .index_news .news_content .news_list li:first-child a .text{width: 60%;padding: 8px 0;} .index_news .news_content .news_list li:first-child:hover a .text{margin-left: 20px;} .index_news .news_content .news_list li:first-child a .text h4{font-size: 16px;color:#666;font-weight:normal;line-height: 56px;} .index_news .news_content .news_list li:first-child:hover a .text h4{color:#2374cc;} .index_news .news_content .news_list li:first-child a .text p{font-size: 14px;color:#999;line-height: 28px;} .index_news .news_content .news_list li:first-child a .time {padding: 20px 0;} .index_news .news_content .news_list li:first-child a .time p {font-size: 12px;color:#999;font-weight: bold;text-align: center;} .index_news .news_content .news_list li:first-child a .time p span{font-size: 36px;line-height: 48px;} .index_news .news_content .news_list li:first-child a .time p.icon{margin-top: 10px;} .index_news .news_content .news_list li:first-child a .time p.icon i{font-size: 13px;color: #666;} .index_news .news_content .news_list li:first-child:hover a .time p.icon i{color:#2374cc;margin-left: 20px;} .index_news .news_content .hot_news .pic{ height: 310px; overflow: hidden; } .index_news .news_content .hot_news .pic img{ width: 100%; height: 310px; object-fit: cover; } .index_news .news_content .hot_news .text{ height: 190px; background: #fff; overflow: hidden; } .index_news .news_content .hot_news .text .bg{ background: #fff; } .index_news .news_content .hot_news .text .time{ color: #1c70cb; width: 100%; } .index_news .news_content .hot_news .text .time span{ font-size: 20px; } .index_news .news_content .hot_news .text h4{ color: #333; width: 100%; margin-left: 0; } .index_news .news_content .hot_news .text .text_desc{ font-size: 14px; color: #666; line-height: 1.6; } .index_news .news_content .hot_news:hover .pic img{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);} .index_news .news_content .hot_news:hover h4{ color: #1c70cb; } .index_news .news_content .hot_news:hover{ -webkit-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1); -ms-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1); -o-box-shadow: 0 0 8px 5px rgba(0,0,0,0.1); box-shadow: 0 0 8px 5px rgba(0,0,0,0.1); } /* 首页更多 */ .index_more{width: 180px;height: 58px;background: #2374cc;font-size: 14px;color: #fff;text-align: center;line-height: 58px;margin: 50px auto; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .index-more-page2.transform { -webkit-transform: translateY(300px); -ms-transform: translateY(300px); transform: translateY(300px); } .index_more:hover{color: #fff;} /* 首页产品 */ .index_product li{-webkit-transition: all 1.2s;-o-transition: all 1.2s;transition: all 1.2s;} .index_product li a{display:block;position: relative;width: 100%;height: 100%;} .index_product li.transform:nth-child(1) { -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); opacity: 0; } .index_product li.transform:nth-child(2) { -webkit-transform: translateY(-500px); -ms-transform: translateY(-500px); transform: translateY(-500px); opacity: 0; } .index_product li.transform:nth-child(3) { -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); opacity: 0; } .index_product li.transform:nth-child(4) { -webkit-transform: translateY(500px); -ms-transform: translateY(500px); transform: translateY(500px); opacity: 0; } .index_product li.transform:nth-child(5) { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } .index_product li.transform:nth-child(6) { -webkit-transform: translateY(500px); -ms-transform: translateY(500px); transform: translateY(500px); opacity: 0; } .index_product li.item0{width: 32%;height: 100%;} .index_product li.item1{width: 39%;height: 52%;} .index_product li.item2{width: 29%;height: 52%;} .index_product li.item3{width: 23%;height: 48%;} .index_product li.item4{width: 22%;height: 48%;} .index_product li.item5{width: 23%;height: 48%;} .index_product li .main_content{width: 100%;position: absolute;top:50%;left:0;z-index: 1;overflow: hidden;} .index_product li .main_content .product_title h4{font-size: 38px;color:#fff;font-weight: normal;text-align: center;} .index_product li .main_content .product_content {font-size: 14px;color: #fff;line-height: 24px;text-align: justify;padding: 0 10%;overflow: hidden;margin-top: 20px;} .index_product li .mask {width: 100%;height: 100%;background: #000;opacity: 0;filter:alpha(opacity=0);position: absolute;} .index_product li:hover .mask {opacity: .5;filter:alpha(opacity=50);position: absolute;} /* 首页关于我们 */ .index_about .about_us{width: 100%;height: 55%;position: relative;} .index_about .about_us .main_content .about_title { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; } .index_about .about_us .main_content .about_title.transform { -webkit-transform: translateY(-500px); -ms-transform: translateY(-500px); transform: translateY(-500px); } .index_about .about_us .main_content{max-width: 1100px;padding:0 50px;position: absolute;top: 50%;left: 50%;margin-left: -500px;} .index_about .about_us .main_content .about_title h3{font-size: 36px;color: #fff;font-weight: normal;} .index_about .about_us .main_content .about_title p{font-size: 24px;color: #fff;font-weight: normal;} .index_about .about_us .main_content .about_content {width:60%;font-size: 14px;color: #fff;line-height: 28px;} .index_about .about_us .main_content .about_content p { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .index_about .about_us .main_content .about_content p.p1 { -webkit-transition-delay: .05s; -o-transition-delay: .05s; transition-delay: .05s; } .index_about .about_us .main_content .about_content p.p2 { -webkit-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s; } .index_about .about_us .main_content .about_content p.transform { -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } .index_about .about_us .main_content .about_content .text{max-height: 196px;overflow: hidden;} .index_about .about_us .main_content .about_content .index_more{margin: 40px 0 0;} .index_about .footer{height: 45%;} .index-more-page4.transform { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); opacity: 0; } /** *======================================================================================================================== * 详情banner *======================================================================================================================== */ .view_banner{width: 100%;height: 480px;margin-top: 113px;position: relative;} .view_banner .view_banner_content{max-width: 1540px;height:100%;margin:0 auto;position: relative;padding: 0 50px;} .view_banner .view_banner_content .main_content {width: 60%;position: absolute;top:50%;left: 50px;} .view_banner .view_banner_content .main_content h3{font-size: 36px;color: #fff;font-weight: normal;} .view_banner .view_banner_content .main_content p{font-size: 24px;color: #fff;font-weight: bold;margin-top: 10px;} /** *======================================================================================================================== * 产业生态 *======================================================================================================================== */ /* 产业生态banner */ .ecology_banner.flexslider{margin-top: 113px;position: relative;} .ecology_banner .slides li{height: 620px;} .ecology_banner .flex-direction-nav a{width: 54px;height: 54px;top:52%;} .ecology_banner .flex-direction-nav a:before{display: none;} .ecology_banner .flex-direction-nav a.flex-prev{left: 8%;background: url('../images/industrial_ecology_banner_left.png') no-repeat center center;background-size: cover;} .ecology_banner .flex-direction-nav a.flex-next{right: 8%;background: url('../images/industrial_ecology_banner_right.png') no-repeat center center;background-size: cover;} .ecology_banner .flex-control-nav {bottom: 100px;} .ecology_banner .flex-control-nav li a{width: 12px;height: 12px;border-color: #fff;background: none;} .ecology_banner .flex-control-nav li a.flex-active{width: 12px;height: 12px;border-color: #fff;background: #fff;} .ecology_banner .flex-control-nav li a:hover{width: 12px;height: 12px;border-color: #fff;} .ecology_banner .industrial_nav{width: 100%;height: 128px;position: absolute;left: 0;top: 0;z-index: 10;} .ecology_banner .industrial_nav .bg{width: 100%;height: 100%;background: #000;opacity: .45;filter:alpha(opacity=45);position: absolute;} .ecology_banner .industrial_nav .nav_list{max-width: 1440px;height:100%;margin: 0 auto;position: relative;z-index: 1;} .ecology_banner .industrial_nav .nav_list a{width: 16.66%;height: 100%;font-size: 16px;color: #fff;position: relative;text-align: center;background-repeat: no-repeat;background-position: center 30px;line-height: 190px;overflow: hidden;} .ecology_banner .industrial_nav .nav_list a:hover{background-color: #2374CC;} .ecology_banner .industrial_nav .nav_list a.item0{background-image: url('../images/industrial_ecology_nav1.png');} .ecology_banner .industrial_nav .nav_list a.item1{background-image: url('../images/industrial_ecology_nav2.png');} .ecology_banner .industrial_nav .nav_list a.item2{background-image: url('../images/industrial_ecology_nav3.png');} .ecology_banner .industrial_nav .nav_list a.item3{background-image: url('../images/industrial_ecology_nav4.png');} .ecology_banner .industrial_nav .nav_list a.item4{background-image: url('../images/industrial_ecology_nav5.png');} .ecology_banner .industrial_nav .nav_list a.item5{background-image: url('../images/industrial_ecology_nav6.png');} .ecology_banner .industrial_nav .nav_list a span{width: 100%;height: 100%;border-right: 1px solid #fff;position: absolute;opacity: .45;filter:alpha(opacity=45);} .ecology_banner .industrial_nav .nav_list a:first-child span{border-left: 1px solid #fff;} /* 产业生态简介 */ .industrial_ecology {background: #f1f1f1;position: relative;z-index: 10;} .industrial_ecology .main_content{max-width: 1540px;margin:0 auto;position: relative;top: -50px;padding: 0 50px;} .industrial_ecology .main_content .project_description{padding: 56px 7% 72px;position: relative;background: #fff;overflow: hidden;} .industrial_ecology .main_content .project_description img{width: 46%;position: absolute;right: 7%;top:50%;} .industrial_ecology .main_content .project_description .text{width: 47%;} .industrial_ecology .main_content .project_description .text h4{font-size: 32px;font-weight: normal; } .industrial_ecology .main_content .project_description .text .content{font-size: 14px;color: #666666;line-height: 28px;text-align: justify;margin-top: 24px; } /* 产业生态公共标题*/ .industrial_ecology_title{text-align: center;} .industrial_ecology_title h4{font-size: 26px; color: #333333;font-weight: normal;padding-top:56px;background: url('../images/industrial_ecology_title_bg.png') no-repeat center top;} .industrial_ecology_title p{font-size: 12px; color: #666666;font-weight: bold;} /* 产业项目展示 */ .project_display {padding: 120px 0 160px;} .project_display .project_list{background: none;margin-top: 64px;} .project_display .project_list .slides li{margin-right: 20px;height: 400px;overflow: hidden;position: relative;} .project_display .project_list .slides li .pic img{width: 100%;height: 100%;} .project_display .project_list .slides li .text {width:100%;text-align: center;position: absolute;top:224px;padding: 30px 0 50px;} .project_display .project_list .slides li .text .bg{width:100%;height: 100%;position: absolute;background: #fff;top:0;} .project_display .project_list .slides li .text h5{font-size: 16px;font-weight: normal;line-height: 28px;position: relative;z-index: 1;padding: 0 3%;} .project_display .project_list .slides li .text p{font-size: 14px;color: #999;line-height: 28px;position: relative;z-index: 1;} .project_display .project_list .slides li .text a{display: inline-block;width: 135px;height: 46px;font-size: 14px;color: #fff;border: 1px solid #fff;line-height: 46px;margin-top: 26px;position: relative;z-index: 1;} .project_display .project_list .slides li .text a i{font-size: 20px;margin-right: 8px;vertical-align: -2px;} .project_display .project_list .slides li.active .text .bg{background: #2374CC;opacity: .9;filter:alpha(opacity=90);} .project_display .project_list .slides li.active .text h5{color:#ffffff;} .project_display .project_list .slides li.active .text p{color:#ffffff;} .project_display .flex-direction-nav a{width: 54px;height: 54px;top:45%;transition: all ease 0.3s;} .project_display .flex-direction-nav a:before{display: none;} .project_display .flex-direction-nav a.flex-prev{left: -60px;background: url('../images/industrial_ecology_project_list_left.png') no-repeat center center;background-size: cover;} .project_display .flex-direction-nav a.flex-prev:hover{background-image: url('../images/industrial_ecology_project_list_left_active.png') ;} .project_display .flex-direction-nav a.flex-next{right: -60px;background: url('../images/industrial_ecology_project_list_right.png') no-repeat center center;background-size: cover;} .project_display .flex-direction-nav a.flex-next:hover{background-image: url('../images/industrial_ecology_project_list_right_active.png') ;} .project_display .flex-control-nav {bottom: -50px;} .project_display .flex-control-nav li a{width: 12px;height: 12px;border-color: #c5c5c5;background: none;} .project_display .flex-control-nav li a.flex-active{width: 12px;height: 12px;border-color: #2374cc;background: #2374cc;} .project_display .flex-control-nav li a:hover{width: 12px;height: 12px;border-color: #2374cc;} /* 产业新闻 */ .project_news{background: #fff;padding:120px 50px; } .project_news .news_content{max-width: 1440px;margin: 60px auto 0;} .project_news .news_content .hot_news{width: 46%;height: 440px;padding: 64px 50px;position: relative;overflow: hidden;} .project_news .news_content .hot_news .hot_new{width: 100%;height: 100%;position: absolute;left: 0;top:0;} .project_news .news_content .hot_news:hover .hot_new{transform: scale(1.1);} .project_news .news_content .hot_news .text {width: 100%;position: absolute;bottom: 0;left: 0;padding: 5% 5%;} .project_news .news_content .hot_news .text .bg{width: 100%;height:100%;position: absolute;left: 0;top: 0;background: #000;opacity: .5;filter: alpha(opacity=50);} .project_news .news_content .hot_news .text h4{font-size: 18px;color: #fff;font-weight: normal;position: relative;z-index: 1;width: 79%;line-height: 44px;margin-left: 1%;} .project_news .news_content .hot_news .text .time{width: 20%;font-size: 14px;color: #fff;line-height: 1.2;position: relative;z-index: 1;} .project_news .news_content .hot_news .text .time span{font-size: 24px;font-weight: bold;} .project_news .news_content .news_list{width: 50%;height: 440px;} .project_news .news_content .news_list li{border-bottom: 1px solid #e1e1e1;} .project_news .news_content .news_list li:first-child{border-top: 1px solid #e1e1e1;} .project_news .news_content .news_list li a{font-size: 14px;color: #666666;line-height: 70px;padding: 0 7% 0 3%; } .project_news .news_content .news_list li a:hover{color: #2374CC;padding: 0 3% 0 7%; } .project_news .news_content .news_list li .title{width: 69%;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;} .project_news .news_content .news_list li .date{width: 21%;} /* 产业项目 */ .industrial_project{padding: 80px 0 140px;background: #f1f1f1;} .industrial_project .main_content{max-width: 1540px;margin:0 auto;padding: 0 50px;} .industrial_project .main_content .project_description{padding: 50px 6% 72px;background:url('../images/industrual_project_bg.png') no-repeat right bottom #fff;} .industrial_project .main_content .project_description .text{width: 48%;} .industrial_project .main_content .project_description .text h4{font-size: 32px;font-weight: normal; } .industrial_project .main_content .project_description .text .content{font-size: 14px;color: #666666;line-height: 28px;text-align: justify;margin-top: 24px; } .industrial_project .main_content .project_description .pic {width: 30%;margin-right: 15%;margin-top: 70px;} .industrial_project .main_content .project_description .pic li{width: 50%;text-align: center;padding-top: 80px;background: url('../images/industrual_project_icon2.png') no-repeat center top;} .industrial_project .main_content .project_description .pic li:first-child{background-image: url('../images/industrual_project_icon1.png');} .industrial_project .main_content .project_description .pic li h5{font-size: 50px;color: #2374cc;} .industrial_project .main_content .project_description .pic li p{font-size: 14px;color: #666666;} .industrial_project .main_content .project_content {padding: 80px 10%;margin-top: 40px;background: #fff;} .industrial_project .main_content .project_content img{width: 100%;height: auto;} .industrial_project .main_content .project_content .video{width: 100%;height: 540px;position: relative;margin-bottom: 40px;} .industrial_project .main_content .project_content .video video{width: 100%;height: 100%;background: #000;outline: none;} .industrial_project .main_content .project_content .video .poster{width: 100%;height: 100%;position: absolute;left: 0;top:0;z-index: 10;} .industrial_project .main_content .project_content .video .poster .player1{width: 82px;height: 82px;position: absolute;left: 50%;top:50%;margin-left:-41px;margin-top:-41px;z-index: 10;background: url('../images/industrual_project_player1.png') no-repeat center center;background-size: cover;cursor: pointer;} .industrial_project .main_content .project_content .video .poster .player2{width: 112px;height: 112px;position: absolute;left: 50%;top:50%;margin-left:-56px;margin-top:-56px;z-index: 9;background: url('../images/industrual_project_player2.png') no-repeat center center;background-size: cover;} .industrial_project .main_content .project_content .video .poster:hover .player2{-webkit-animation: rotate360 2s linear infinite ;animation: rotate360 2s linear infinite ;} @-webkit-keyframes rotate360 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate360 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /** *======================================================================================================================== * 社会责任 *======================================================================================================================== */ .tabs-container.social_responsibility .tabs{ width:480px;} .social_responsibility_content{background: #f1f1f1;padding: 90px 0 150px;} .social_responsibility_content .main_content{max-width: 1300px;margin: 0 auto;padding:0 50px;} .social_responsibility_content .main_content .current{width: 72%;height: 520px;position: relative;} .social_responsibility_content .main_content .current .pagination{width: 100px;position: absolute;right: 60px;bottom:34px;text-align: center;} .social_responsibility_content .main_content .current .pagination .swiper-pagination-switch{display:inline-block;width: 10px;height: 10px;border: 2px solid #fff;background: none;border-radius: 50%;margin: 0 4px;cursor: pointer;} .social_responsibility_content .main_content .current .pagination .swiper-active-switch{background: #fff;} .social_responsibility_content .main_content .current .swiper-wrapper .swiper-slide{width: 100%;height: 520px;position: relative;} .social_responsibility_content .main_content .current .swiper-wrapper .swiper-slide .text{width: 100%;padding: 30px 10%;position: absolute;bottom:0;} .social_responsibility_content .main_content .current .swiper-wrapper .swiper-slide .text h5{font-size: 20px;color: #fff;position: relative;z-index: 1;width: 80%;font-weight: bold;} .social_responsibility_content .main_content .current .swiper-wrapper .swiper-slide .text p{font-size: 14px;color: #fff;position: relative;z-index: 1;width: 80%;line-height: 24px;margin-top: 10px;} .social_responsibility_content .main_content .current .swiper-wrapper .swiper-slide .text .bg{width: 100%;height: 100%;background:#000;position: absolute;left:0;top:0;opacity: .5;filter: alpha(opacity=50);} .social_responsibility_content .main_content .cultural_activity{width: 24%;height: 520px;} .social_responsibility_content .main_content .cultural_activity .swiper-slide-active{border: 4px solid #2374CC;-webkit-box-sizing: border-box;box-sizing: border-box;} .social_responsibility_content .main_content .cultural_activity .swiper_btn{width: 70px;height: 53px;position: absolute;left: 50%;margin-left: -35px;background: none;border: none;outline: none;} .social_responsibility_content .main_content .cultural_activity .swiper-button-prev {top:0;} .social_responsibility_content .main_content .cultural_activity .swiper-button-next {bottom:0;} .social_responsibility_content .main_content .cultural_activity .swiper_btn .bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #2374CC;opacity: .8;filter:alpha(opacity=80);} .social_responsibility_content .main_content .cultural_activity .swiper_btn i{font-size: 24px;color: #fff;position: relative;z-index: 1;} /** *======================================================================================================================== * 联系我们 *======================================================================================================================== */ .contact_us{background: #f1f1f1;} .contact_us .main_content{max-width: 1540px;margin: 0 auto;padding: 40px 50px 0;} .contact_us .main_content .company{padding: 20px;background: #fff;margin-bottom: 40px;} .contact_us .main_content .company .content{width: 34%;height: 330px;padding-left: 3%;} .contact_us .main_content .company .content li{padding: 20px 0;border-top: 1px dashed #c1c1c1;} .contact_us .main_content .company .content h4{font-size: 22px;color: #666666;line-height: 80px;} .contact_us .main_content .company .content li .text {width: 73%;} .contact_us .main_content .company .content li .text .title{font-weight: bold;} .contact_us .main_content .company .content li .text p{font-size: 14px;color: #666;line-height: 24px;} .contact_us .main_content .company .content li .icon{width: 16%;} .contact_us .main_content .company .content li .icon i{font-size: 40px;color: #2374CC;} .contact_us .main_content .company .map{width: 60%;height: 330px;} .contact_us .main_content .company .map #map1{width: 100%;height: 100%;} .contact_us .main_content .company .map #map2{width: 100%;height: 100%;} .contact_us .main_content .company2 .content,.contact_us .main_content .company .content{padding-top: 25px;} .contact_us .main_content .contact_list li{padding: 40px;background: #fff;margin-bottom: 40px;} .contact_us .main_content .contact_list li .logo{padding-bottom: 20px;border-bottom: 1px solid #e4e4e4;} .contact_us .main_content .contact_list li .logo img{max-width: 100%;} .contact_us .main_content .contact_list li .content{padding: 20px 0 0;} .contact_us .main_content .contact_list li .content .text{margin-left: 4%;margin-top: 24px;} .contact_us .main_content .contact_list li .content .text h5{font-size: 14px;color: #666666;} .contact_us .main_content .contact_list li .content .text p{font-size: 18px;color: #666666;font-weight: bold;margin-top: 4px;} .contact_us .main_content .contact_list li .content .icon{margin-top: 20px;width: 54px;height: 54px;border: 1px dashed #cccccc;border-radius: 50%;padding:9px 10px;} .contact_us .main_content .contact_list li .content .icon i{font-size:32px;color: #737373;} .contact_us .main_content .contact_list li .content .ewm {width: 100px;height: 100px;} .contact_us .main_content .contact_list li .content .ewm img{width: 100%;height: 100%;} /** *======================================================================================================================== * 内页通用 Banner 和 Tabs。 *======================================================================================================================== */ /* Banner */ .banner-container { width: 100%;position: relative;margin-top:113px;} .banner-container .content-box{position: absolute;top:40%;left: 50%;} .banner-container .banner_pic{ width: 100%;} .banner-container .ewm_box{position: absolute;top:10%;right: 50px;width: 10%;} .banner-container .ewm_box #qrcode{width: 60%;margin: 0 auto;} .banner-container .ewm_box #qrcode img{width: 100%;display: block;} .banner-container .ewm_box .tip{font-size: 14px;color: #fff;text-align: center;margin-top: 10px;} .banner-container .title { color: #FFFFFF; text-align: center; } .banner-container .title-cn { font-size: 40px; font-weight: normal; } .banner-container .title-en { font-size: 24px; } /* Tabs */ .tabs-container { height: 80px; font-size: 18px; color: #FFFFFF; text-align: center; margin-top: -80px; position: relative; z-index: 10; border-top: 1px solid #CFD6D7; } .tabs-container .tabs { width: 720px; height: 79px; line-height: 79px; margin: 0 auto; } .tabs-container .tab { width: 240px; float: left; -webkit-transition: background-color .8s; -o-transition: background-color .8s; transition: background-color .8s; cursor: pointer; display: block; color: #FFFFFF;font-size: 16px; } .tabs-container .tab.active { background-color: #2374CC; } .tabs-container .tab:hover { background-color: #2374CC; } .tabs-container .iconfont { display: inline-block; margin-right: 8px; } /** *======================================================================================================================== * 新闻详情、人才培养资讯详情。 *======================================================================================================================== */ .page-details { background: #F1F1F1; } /* Banner */ .page-details .banner-container { height: 280px; background: #2374CC; } /* 主体内容 */ .main-container { max-width: 1540px; margin: 0 auto;padding: 0 50px; } /* 详情 */ .page-details .details-container { padding: 70px 90px 50px; background: #FFFFFF; border-radius: 4px; position: relative; z-index: 10; margin-top: -150px; width: 74%; float: left; } .page-details .details-container img{ max-width: 100%; } .page-details .details-container .title { font-size: 30px; font-weight: normal; color: #333333; } .page-details .details-container .general-info { display: table; color: #C1C1C1; margin-top: 40px; width: 100%; vertical-align: middle; margin-bottom: 30px; } .page-details .details-container .col { display: table-cell; } .page-details .details-container .col.right { text-align: right; } .page-details .details-container .type { background: rgba(230,0,45, 1); color: #FFFFFF; display: inline-block; padding: 5px 15px; border-radius: 24px; } .page-details .details-container .time { color: #999999; display: inline-block; margin-left: 20px; } .page-details .details-container .label { color: #666666; } .page-details .details-container .iconfont { font-size: 24px; display: inline-block; vertical-align: middle; margin: 0 4px; -webkit-transition: color .8s; -o-transition: color .8s; transition: color .8s; cursor: pointer; } .page-details .details-container .iconfont.icon-weixin { font-size: 30px; } .page-details .details-container .iconfont.icon-weibo { font-size: 28px; } .page-details .details-container .iconfont.icon-weixin:hover { color: #09BB07; } .page-details .details-container .iconfont.icon-weibo:hover { color: #EA5D5C; } .page-details .details-container .iconfont.icon-qq:hover { color: #4CAFE9; } .page-details .details-container .details { border-top: 1px solid #EFEFEF; padding: 30px 0px 20px; color: #666666; line-height: 1.8; } .page-details .details-container .details p {text-indent: inherit; text-align: justify;} /* 相关资讯 */ .page-details .related-container { width:24%; float: right; background: #FFFFFF; border-radius: 4px; padding: 30px 45px 40px; margin-top: 50px; } .page-details .related-container .list-title { font-size: 16px; color: #666666; font-weight: normal; border-bottom: 2px solid #EBEBEB; padding-bottom: 30px; } .page-details .related-container .list-title .iconfont { font-size: 14px; } .page-details .related-container .item { padding: 20px 0px; border-bottom: 1px dotted #D4D4D4; position: relative; cursor: pointer; } .page-details .related-container .item .title { font-size: 14px; color: #666666; -webkit-transition: color .8s; -o-transition: color .8s; transition: color .8s; font-weight: normal; line-height: 1.6; } .page-details .related-container .item:hover .title { color: #2374CC; } .page-details .related-container .item .date { font-size: 12px; color: #999999; display: block; margin-top: 10px; } .page-details .related-container .item.text { padding: 20px 2px 20px 14px; } .page-details .related-container .item .image { display: block; width: 100%; margin-bottom: 25px; } .page-details .related-container .item .iconfont { position: absolute; width: 14px; height: 14px; text-align: left; line-height: 14px; font-size: 12px; top: 28px; left: -4px; z-index: 10; color: #666666; } /* 返回列表 */ .page-details .btn-back { background: #333333; background: rgba(51, 51, 51, 1); color: #FFFFFF; display: inline-block; padding: 10px 20px; margin: 45px 0px 160px; vertical-align: middle; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; cursor: pointer; } .page-details .btn-back .text { display: inline-block; vertical-align: middle; } .page-details .btn-back .line { display: inline-block; width: 40px; height: 2px; background: #999999; margin-left: 18px; vertical-align: middle; } .page-details .btn-back:hover { background-color: rgba(51, 51, 51, .85); color: #FFFFFF; } /*分页器*/ .laravel_pagination{text-align: center;padding: 40px 0 60px;} .laravel_pagination ul li{display: inline-block;width: 40px;height: 40px;border: 1px solid #c4c4c4!important;font-size: 14px;color: #666;line-height: 38px!important;} .laravel_pagination ul li a{display: block; width: 100%;height: 100%;} .laravel_pagination ul li.active{background: #2374CC;color: #fff;border-color: #2374cc;} /** *======================================================================================================================== * 人力资源。 *======================================================================================================================== */ .human-resources { background: #F1F1F1; padding-bottom: 150px; } .human-resources .tabs-container .tabs { width: 960px; } /* Banner */ .human-resources .banner-4-container .content-box .left { display: table-cell; vertical-align: top; padding-top:60px; } .human-resources .banner-4-container .content-box .left .slogan { font-weight: normal; } .human-resources .banner-4-container .content-box .left .slogan-cn { font-size: 42px; } .human-resources .banner-4-container .content-box .left .slogan-en { font-size: 22px; color: #9B9899; margin-top: 25px; line-height: 1; } .human-resources .banner-4-container .content-box .right { display: table-cell; vertical-align: baseline; text-align: right; padding-top:60px;} .human-resources .banner-4-container .content-box .right .tip { font-size: 12px; display: block; margin-top: 8px; line-height: 1.4; } /* 人才理念 */ .human-resources .tab-1-content {max-width: 1540px; margin: 0 auto; padding: 130px 50px 0; } /* 楼层标题 */ .human-resources .floor-title { font-size: 42px; color: #333333; font-weight: normal; margin: 180px auto 66px; text-align: center; } /* 一楼 */ .human-resources .tab-1-content .floor-1-wrap { width: 100%; height: 720px; background-image: url(../images/human_resources_floor_1_bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } .human-resources .tab-1-content .floor-1-wrap .inner-box { width: 584px; height: 474px; margin-top: 123px; float: right; margin-right: 120px; background: #2972C0; background: rgba(41,114,192, .7); } .human-resources .tab-1-content .floor-1-wrap .inner-box ul { padding: 0px 20px; display: table; width: 100%; margin-top: 90px; } .human-resources .tab-1-content .floor-1-wrap .inner-box ul li { display: table-cell; width: 33.33333333%; text-align: center; color: #FFFFFF; } .human-resources .tab-1-content .floor-1-wrap .inner-box ul li .icon { display: block; margin: 0 auto; width: 97px; height: 97px; } .human-resources .tab-1-content .floor-1-wrap .inner-box ul li .name { font-size: 16px; display: block; margin-top: 24px; } .human-resources .tab-1-content .floor-1-wrap .inner-box ul li.first { border-right: 1px dashed #FFFFFF; } .human-resources .tab-1-content .floor-1-wrap .inner-box ul li.last { border-left: 1px dashed #FFFFFF; } .human-resources .tab-1-content .floor-1-wrap .inner-box .text { line-height: 2; color: #FFFFFF; padding: 70px 46px 0px 46px; } /* 二楼 */ .human-resources .tab-1-content .floor-2-wrap { width: 100%; height: 500px; background: #FFFFFF; } .human-resources .tab-1-content .floor-2-wrap .left { width: 34%; float: left; height: 100%; text-align: center; padding: 6% 4% 0px; } .human-resources .tab-1-content .floor-2-wrap .left .text { font-size: 16px; color: #666666; line-height: 2; display: block; margin-top: 45px; } .human-resources .tab-1-content .floor-2-wrap .left .line { width: 2px; height: 36px; background: #E0E0E0; margin: 30px auto 20px; display: block; } .human-resources .tab-1-content .floor-2-wrap .left .slogan { font-size: 30px; color: #2374cc; display: block; } .human-resources .tab-1-content .floor-2-wrap .right { width: 66%; float: right; height: 100%; background: #FFFFFF; position: relative; } .human-resources .tab-1-content .floor-2-wrap .right .allow { position: absolute; width: 50px; height: 50px; top: 50%; margin-top: -25px; z-index: 10; background: #000000; background: rgba(0, 0, 0, .8); text-align: center; line-height: 50px; color: #FFFFFF; font-weight: bold; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; cursor: pointer; font-size: 22px; } .human-resources .tab-1-content .floor-2-wrap .right .allow.prev { left: 22px; } .human-resources .tab-1-content .floor-2-wrap .right .allow.next { right: 22px; } .human-resources .tab-1-content .floor-2-wrap .right .allow:hover { background: #2374CC; } .human-resources .tab-1-content .floor-2-wrap .right img { width: 100%; display: block; } /* 三楼 */ .human-resources .tab-1-content .floor-3-wrap { height: 300px; margin-left: -10px; margin-right: -10px; } .human-resources .tab-1-content .floor-3-wrap .item { width: 33.33333333%; float: left; border-left: 10px solid #F1F1F1; border-right: 10px solid #F1F1F1; height: 100%; background: #FFFFFF; text-align: center; padding: 50px 55px 10px; } .human-resources .tab-1-content .floor-3-wrap .item .iconfont { font-size: 54px; color: #2374CC; } .human-resources .tab-1-content .floor-3-wrap .item .title { display: block; font-size: 18px; color: #333333; padding: 30px 0px 20px; } .human-resources .tab-1-content .floor-3-wrap .item .subtitle { display: block; color: #999999; line-height: 2; } /* 人才培养 */ .human-resources .tab-2-content { max-width: 1300px; margin: 0 auto; padding: 60px 50px 0; } .human-resources .tab-2-content .item-outer { padding: 50px 0px; border-bottom: 1px dotted #D1D1D1; } .human-resources .tab-2-content .item { height: 220px; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; cursor: pointer; display: block; } .human-resources .tab-2-content .item .image-box { width: 40%; height: 100%;; float: left; overflow: hidden; } .human-resources .tab-2-content .item .image { display: block; width: 100%; } .human-resources .tab-2-content .item .right { width: 56%; float: right; height: 100%; overflow: hidden; } .human-resources .tab-2-content .item .right .title { font-size: 21px; color: #333333; height: 30px; line-height: 30px; overflow: hidden; margin-top: 20px; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; } .human-resources .tab-2-content .item .right .detail { font-size: 14px; color: #666666; line-height: 2; margin-top: 38px; height: 60px; overflow: hidden; } .human-resources .tab-2-content .item .right .date { font-size: 14px; color: #666666; margin-top: 35px; } .human-resources .tab-2-content .item:hover { background: #FFFFFF; -webkit-box-shadow: 0px 0px 20px rgba(100, 100, 100, .3); box-shadow: 0px 0px 20px rgba(100, 100, 100, .3); } .human-resources .tab-2-content .item:hover .right .title { color: #2374CC; } /* 社会招聘、校园招聘 */ .human-resources .tab-recruitment-container { max-width: 1300px; margin: 0 auto; padding: 60px 50px 0; } /* 搜索行 */ .human-resources .tab-recruitment-container .layui-form-item { width: 18%; display: inline-block; margin-right: 2%; } .human-resources .tab-recruitment-container .btn-search { background: #2374CC; display: block; color: #FFFFFF; height: 58px; width: 8%; text-align: center; line-height: 58px; font-size: 24px; float: right; cursor: pointer; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; } .human-resources .tab-recruitment-container .btn-search:hover { background: #175295; } /* 列表 */ .human-resources .tab-recruitment-container .list {margin-top: 12px; } .human-resources .tab-recruitment-container .list .row { height: 76px; line-height: 76px; color: #666666; display: table; width: 100%; background: #FFFFFF; } .human-resources .tab-recruitment-container .list .row.title { height: 66px; line-height: 66px; background: #666666; color: #FFFFFF; font-weight: bold; } .human-resources .tab-recruitment-container .list .col { display: table-cell; overflow: hidden; } .human-resources .tab-recruitment-container .list .col-1 { width: 18%; padding-left: 2%; } .human-resources .tab-recruitment-container .list .col-2 { width: 15%; } .human-resources .tab-recruitment-container .list .col-3 { width: 15%; } .human-resources .tab-recruitment-container .list .col-4 { width: 15%; } .human-resources .tab-recruitment-container .list .col-5 { width: 17%; } .human-resources .tab-recruitment-container .list .col-6 { width: 20%; cursor: pointer; } .human-resources .tab-recruitment-container .list .col-6:hover { color: #2374CC; } .human-resources .tab-recruitment-container .list .col-6.active { color: #2374CC; } .human-resources .tab-recruitment-container .list .col-6 .iconjia { display: none; } .human-resources .tab-recruitment-container .list .col-6.active .iconjia1 { display: none; } .human-resources .tab-recruitment-container .list .col-6.active .iconjia { display: inline-block; } .human-resources .tab-recruitment-container .list .row .col .elips { display: block; overflow: hidden; height: 76px; } .human-resources .tab-recruitment-container .list .row.title .col .elips { display: block; overflow: hidden; height: 66px; } .human-resources .tab-recruitment-container .list .row-outer { border-bottom: 2px solid #FAFAFA; } .human-resources .tab-recruitment-container .list .row-outer .detail-wrap { background: #F2F5FA; -webkit-transition: height .8s; -o-transition: height .8s; transition: height .8s; overflow: hidden; height: 0px; } .human-resources .tab-recruitment-container .list .row-outer .detail-inner { padding: 30px 96px; border-top: 1px solid #E8EBEF; } .human-resources .tab-recruitment-container .list .row-outer .detail-inner label { display: block; color: #2374CC; font-weight: bold; } .human-resources .tab-recruitment-container .list .row-outer .detail-inner p { padding: 12px 0px 20px; color: #666666; line-height: 2; } .human-resources .tab-recruitment-container .list .row-outer .detail-inner .btn-delivery { width: 130px; height: 50px; line-height: 50px; text-align: center; background: #2374CC; color: #FFFFFF; -webkit-transition: all .8s; -o-transition: all .8s; transition: all .8s; display: block; cursor: pointer; } .human-resources .tab-recruitment-container .list .row-outer .detail-inner .btn-delivery:hover { background: #175295; } /** *======================================================================================================================== * 关于威斯尼斯人wns145585。 *======================================================================================================================== */ /* 集团简介 */ .about_us .introduction{padding: 160px 0;background-color:#f1f1f1;position: relative;} .about_us .introduction .bg{position: absolute;width: 50%;right: 0;bottom: 0;} .about_us .introduction .introduction_content{max-width: 1540px;margin: 0 auto;padding: 0 50px;} .about_us .introduction .introduction_content .title{font-size: 42px;color: #333333;font-weight: normal;} .about_us .introduction .introduction_content .content{width: 46%;height: 280px;margin-top: 20px;overflow: auto;font-size:14px;color:#666;line-height: 28px;text-align: justify;} /* 核心价值观 */ .about_us .core_value {padding: 140px 0 110px;background: url('../images/hexinjiazhiguan.jpg') no-repeat center center;background-size: cover;} .about_us .core_value_content {max-width: 1440px;margin: 0 auto;} .about_us .core_value_content .main_content{padding: 60px 75px 60px;position: relative;text-align: center;width: 40%;} .about_us .core_value_content .main_content .bg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #2374cc;opacity: .75;filter: alpha(opacity=75);} .about_us .core_value_content .main_content .title{font-size: 36px;font-weight: normal;color: #fff;position: relative;z-index: 1;} .about_us .core_value_content .main_content .title_en{font-size: 12px;font-weight: normal;color: #ffffff;position: relative;z-index: 1;} .about_us .core_value_content .main_content img{position: relative;z-index: 1;margin-bottom: 10px;} .about_us .core_value_content .main_content .content{text-align:left;position: relative;z-index: 1;color: #fff;line-height: 36px;margin-top: 40px;font-size: 22px;} .about_us .core_value_content .main_content .content h4{font-size: 18px;font-weight: bold;} .about_us .core_value_content .main_content .content a{width: 40px;height: 40px;border: 1px solid #fff;border-radius: 50%;position: relative;margin-top: 40px;line-height: 24px;} .about_us .core_value_content .main_content .content a i{font-size: 24px;color: #fff;position: absolute;left: 50%;top: 50%;margin-left:-12px;margin-top: -12px;} /*.about_us .core_value_main {margin-top: 30px;}*/ .about_us .core_value_main .main_content {width: 50%;} .about_us .core_value_main .main_content .content{height: 300px;line-height: 28px;font-size: 16px;} /* 企业精神 */ .about_us .enterprise_spirit {background-image: url('../images/enterprise_spirit.jpg');} /* 活力威斯尼斯人wns145585 */ .vitality {padding: 130px 50px;background: #f1f1f1;} .vitality .vitality_content{max-width: 1440px;margin: 0 auto;position: relative;} .vitality .vitality_content .main_content{width: 30%;padding: 60px 0;position: relative;text-align: center;} .vitality .vitality_content .main_content .title{font-size: 26px;font-weight: normal;color: #666;position: relative;z-index: 1;} .vitality .vitality_content .main_content .title_en{font-size: 12px;font-weight: normal;color: #666;position: relative;z-index: 1;} .vitality .vitality_content .main_content img{position: relative;z-index: 1;margin-bottom: 10px;} .vitality .vitality_content .main_content .content{text-align:center;position: relative;z-index: 1;height: 120px;overflow: auto;color: #666;line-height: 28px;margin-top: 40px;} .vitality .vitality_content .vitality_pic{width: 66%;position: absolute;top: 50%;right: 0;} .vitality .vitality_content .vitality_pic .current{width: 66%;height: 400px;position: relative;} .vitality .vitality_content .vitality_pic .current .pagination{width: 100px;position: absolute;right: 60px;bottom:50px;text-align: center;} .vitality .vitality_content .vitality_pic .current .pagination .swiper-pagination-switch{display:inline-block;width: 10px;height: 10px;border: 2px solid #fff;background: none;border-radius: 50%;margin: 0 4px;cursor: pointer;} .vitality .vitality_content .vitality_pic .current .pagination .swiper-active-switch{background: #fff;} .vitality .vitality_content .vitality_pic .current .swiper-wrapper .swiper-slide{width: 100%;height: 520px;position: relative;overflow: hidden;} .vitality .vitality_content .vitality_pic .current .swiper-wrapper .swiper-slide .text{width: 100%;padding: 30px 100px;position: absolute;bottom:0;} .vitality .vitality_content .vitality_pic .current .swiper-wrapper .swiper-slide .text h5{font-size: 18px;color: #fff;position: relative;z-index: 1;width: 80%;} .vitality .vitality_content .vitality_pic .current .swiper-wrapper .swiper-slide .text p{font-size: 14px;color: #fff;position: relative;z-index: 1;line-height: 24px;margin-top: 10px;width: 80%;} .vitality .vitality_content .vitality_pic .current .swiper-wrapper .swiper-slide .text .bg{width: 100%;height: 100%;background:#000;position: absolute;left:0;top:0;opacity: .5;filter: alpha(opacity=50);} .vitality .vitality_content .vitality_pic .cultural_activity{width: 32%;height: 400px;} .vitality .vitality_content .vitality_pic .cultural_activity .swiper-slide{position: relative;overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;} .vitality .vitality_content .vitality_pic .cultural_activity .swiper-slide-active{border:4px solid #2374CC;} .vitality .vitality_content .vitality_pic .cultural_activity .swiper_btn{width: 70px;height: 53px;position: absolute;left: 50%;margin-left: -35px;background: none;border: none;outline: none;} .vitality .vitality_content .vitality_pic .cultural_activity .swiper-button-prev {top:0;} .vitality .vitality_content .vitality_pic .cultural_activity .swiper-button-next {bottom:0;} .vitality .vitality_content .vitality_pic .cultural_activity .swiper_btn .bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #2374CC;opacity: .8;filter:alpha(opacity=80);} .vitality .vitality_content .vitality_pic .cultural_activity .swiper_btn i{font-size: 24px;color: #fff;position: relative;z-index: 1;} /* 发展历程 */ .development_path{padding:120px 0;background-image: url('../images/fazhanlicheng.jpg')} .development_path_content{max-width: 1540px;margin: 0 auto;padding: 0 50px;} .development_path_content h3{font-size: 42px;color: #fff;text-align: center;font-weight: normal;position: relative;} .development_path_content h3:before{display: block;content: "";width: 32px;height: 1px;background: #fff;position: absolute;bottom: -25px;left: 50%;margin-left: -16px;} .development_path_content .development_path_main{height: 410px;position: relative;margin-top: 64px;} .development_path_content .development_path_main:before{display: block;content: "";width: 88%;border-bottom: 1px dashed #fff;position: absolute;left: 6%;top:50%;} .development_path_content .development_path_main .odd {background: url('../images/fazhanlicheng1.png');background-position: center 116px;background-repeat: no-repeat;position: relative;} .development_path_content .development_path_main .odd .title{width:100%;position: absolute;bottom:300px;} .development_path_content .development_path_main .double {background: url('../images/fazhanlicheng2.png');background-position: center 198px;background-repeat: no-repeat;position: relative;} .development_path_content .development_path_main .double .title{width:100%;position: absolute;top:300px;} .development_path_content .development_path_main .swiper-slide .title .myfont{font-size: 32px;color: #fff;font-weight: bold;text-align: center;margin-bottom: 10px;} .development_path_content .development_path_main .swiper-slide .title p{font-size: 14px;color: #fff;line-height: 28px;text-align: center;max-height: 60px;overflow: hidden;} .development_path_content .development_path_main .swiper_btn{position: absolute;top:50%;width: 48px;height: 48px;margin-top: -24px;background: none;border: 2px solid #fff;border-radius: 50%;} .development_path_content .development_path_main .swiper_btn i{font-size: 24px;color: #fff;} .development_path_content .development_path_main .swiper-button-prev-3{left: 0;} .development_path_content .development_path_main .swiper-button-next-3{right: 0;} .details img{max-width: 100%;} /* 企业文化 */ .company_culture{height: 860px;background: url('../images/about_us_bg1.jpg') no-repeat center center;position: relative;background-size: cover;} .company_culture img{position: absolute;left:50%;top:50%;margin-left: -680px;margin-top: -240px;} /* niceScroll */ .newScroll{padding-right: 12px;} /** *======================================================================================================================== * 搜索页面。 *======================================================================================================================== */ .search_page{background: #f1f1f1;padding: 60px 0;margin-top: 113px;} .search_page .main_content{max-width: 1300px;padding:0 50px;margin: 0 auto;} .search_page .main_content .search_list{padding: 40px 90px;background: #fff;width: 70%;} .search_page .main_content .search_list li{line-height: 69px;border-bottom: 1px solid #e9e9e9;} .search_page .main_content .search_list li p{font-size: 14px;color: #666666;} .search_page .main_content .search_list li p.name{width: 70%;} .search_page .main_content .search_list li p.date{width: 20%;text-align: right;color: #999;} .search_page .main_content .search_list li:hover p{color: #2374cc;} .search_result{width: 26%;} .search_result li{height: 66px;font-size: 14px; color: #999999;line-height: 66px;background: #fff;padding: 0 24px;margin-bottom: 10px;} .search_result li a{ color: #999999;} .search_result li a:hover, .search_result li a.active{ color: #2374CC;} .search_result li:first-child{font-size: 18px;color: #fff;background: #2374CC;} .search_result li:first-child i{font-size: 24px;vertical-align: -3px;margin-right: 12px;} #qrcode,#qrcode1{border: 8px solid #fff;} /** *======================================================================================================================== * 适配1600。 *======================================================================================================================== */ @media screen and (max-width: 1680px){ .header .top .careers a{font-size: 12px;} .header .bottom .main_nav li a{padding: 0 18px;line-height: 50px;font-size: 14px;} .header .bottom .logo{height: 20px;margin: 15px 40px 16px;} .header .bottom .language_btn{width: 72px;height: 50px;} .header .bottom .search_btn{width: 72px;height: 50px;} .header .second_nav_lists .second_nav{padding: 25px 0;} .header .second_nav_lists .second_nav .second_nav_list li{height: 40px;line-height: 40px;margin-right: 10px;margin-bottom: 10px;} .header .second_nav_lists .second_nav .second_nav_list li a{font-size: 12px;} .header .second_nav_lists .second_nav{max-width: 1000px;} .index_banner .banner_content .text h2{font-size:32px;} .index_banner .banner_content .text p{font-size:16px;} .section.first .fullbox{height: 88px!important;} .section .fullbox{height: 50px!important;} .index_news .news_title p{font-size:32px;} .index_news .news_title h3{font-size: 28px;} .index_news{padding: 4% 0;} .index_news .news_content .news_list li:first-child a .text h4{font-size:14px;line-height: 40px;} .index_news .news_content .news_list li:first-child a .text p{font-size: 12px;line-height: 20px;} .index_news .news_content .news_list li:first-child a .time{padding: 10px 0;} .index_news .news_content .news_list li a{padding: 12px 16px;} .index_news .news_content .news_list li a>h4{font-size: 12px;} .index_news .news_content .hot_news{height: 369px;} .index_product li .main_content .product_title h4{font-size: 24px;} .index_about .about_us{height: 50%;} .index_about .footer{height: 50%;} .footer .top_message{padding: 50px} .banner-container {margin-top:88px;} .ecology_banner.flexslider{margin-top:88px;} .about_us .introduction{padding: 60px 0;} .company_culture{height: 550px;} .about_us .core_value{padding: 60px 50px 60px;} .company_culture img{height: 80%;} .vitality {padding: 60px 50px;} .project_display{padding:40px 0;} .project_news{padding:50px;} .search_page{margin-top: 88px;} .view_banner{margin-top: 88px;} .header .bottom .search_btn i{font-size: 20px;} .header .bottom .search_btn i:before{font-size: 20px;margin-left: -10px;margin-top: -10px;} .header .bottom .language_btn i{font-size: 20px;} .header .bottom .language_btn i:before{font-size: 20px;margin-left: -10px;margin-top: -10px;} .index_news .news_content .hot_news .pic{ height: 250px; } .index_news .news_content .hot_news .pic img{ height: 250px; } .index_news .news_content .hot_news .text{ padding: 2% 5%; height: 132px;} } /** *======================================================================================================================== * 适配1366。 *======================================================================================================================== */ @media screen and (max-width: 1366px){ .index_news .news_content {padding: 0 150px;} .index_news .news_content .hot_news{height: 290px;} .index_news{padding: 3% 0;} .index_more{margin: 32px auto;} .index_about .about_us .main_content .about_content .text{font-size: 12px;line-height: 20px;} .index_about .about_us .main_content .about_content .index_more{margin-top: 28px;} .footer .top_message .footer_nav_list li h5{font-size: 14px;margin-bottom:16px;} .footer .top_message .footer_nav_list li a{font-size: 12px;margin-top:8px;} .footer .top_message .ewm_box .ewm{width: 40%;} .footer .top_message{padding:32px 50px} .index_more{width:130px;height: 48px;line-height: 48px;font-size: 12px; } .ecology_banner .slides li{height: 520px;} .project_display{padding: 40px 0 60px;} .project_news{padding: 40px 50px;} /* Tabs */ .tabs-container { height: 56px; font-size: 18px; color: #FFFFFF; text-align: center; margin-top: -56px; position: relative; z-index: 10; border-top: 1px solid #CFD6D7; } .tabs-container .tabs { width: 720px; height: 56px; line-height: 54px; margin: 0 auto; } .tabs-container .tab { width: 240px; float: left; -webkit-transition: background-color .8s; -o-transition: background-color .8s; transition: background-color .8s; cursor: pointer; display: block; color: #FFFFFF;font-size: 14px; } .tabs-container .tab.active { background-color: #2374CC; } .tabs-container .tab:hover { background-color: #2374CC; } .tabs-container .iconfont { display: inline-block; margin-right: 8px; } .human-resources{padding-bottom: 0;} .human-resources .tab-1-content{padding: 40px 50px;} .human-resources .floor-title {font-size: 30px;margin: 48px auto 48px;} .social_responsibility_content{background: #f1f1f1;padding: 20px 0 60px;} .header .search_box input{font-size: 24px;} .header .search_box .search_btn i{font-size: 24px;} .header .search_box .close i{font-size: 24px;} .about_us .introduction .introduction_content .title{font-size: 24px;} .contact_us .main_content .contact_list li .content{padding: 0;} .contact_us .main_content .contact_list li .content .ewm {float: none;clear: both;margin: 0 auto;} .contact_us .main_content .contact_list li .content .ewm img{margin-top:14px;} .banner-container .title-cn{font-size: 32px;} .banner-container .title-en{font-size: 18px;} .banner-container .ewm_box .tip{font-size: 12px;} .index_news .news_content .hot_news .text h4{font-size: 14px;} .index_news .news_content .hot_news .icon {top:20px;left: 20px;} .about_us .core_value_content .main_content .content{font-size: 16px} .about_us .core_value_main .main_content{width: 60%;padding: 40px;} .index_news .news_content .hot_news .text .text_desc{ display: none; } .index_news .news_content .hot_news .text{ height: 95px; padding: 5%; } .index_news .news_content .hot_news .pic img,.index_news .news_content .hot_news .pic{ height: 210px; } } /** *======================================================================================================================== * 适配1280。 *======================================================================================================================== */ @media screen and (max-width: 1280px){ .index_news .news_content .hot_news{height: 290px;} .index_news{padding: 2% 0;} .index_more{margin: 20px auto;} .footer .top_message .address_box span{width: 68%;word-break: break-all;} .footer .top_message .address_box .title{width: 31%;} } @media screen and (max-width: 1152px){ .header .bottom .main_nav li a{padding: 0 10px;} .index_news .news_content .hot_news .text h4{width: 100%;} .index_news .news_content .hot_news .text .time{width: 100%;} .development_path_content .development_path_main .swiper-slide .title p{font-size: 12px;} }