/* KISSY CSS Reset */ .mCSB_scrollTools{display:block!important;} body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, lengend, button, input, textarea, /* form elements 表单元素 */ th, td { /* table elements 表格元素 */margin: 0;padding: 0;font-size: 14px;} body,button, input, select, textarea {font: 14px/1 "微软雅黑", Helvetica, Arial, sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */} h1 { font-size: 18px; /* 18px / 12px = 1.5 */ } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var, i { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */ small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */ img{ max-width: 100%;} /* 重置列表元素 */ ul, ol { list-style: none; } /* 重置文本格式元素 */ a { text-decoration: none; color: #333; } a:hover { text-decoration: none; color: #000000; } a:active,a:visited,a:focus{text-decoration: none;} /* 重置表单元素 */ input,select,textarea,button{outline:medium;} legend { color: #000; } /* for ie6 */ fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */ input {vertical-align:middle;border: none; background: none;outline:none;}\n /* 注：optgroup 无法扶正 */ button, input, select, textarea { font-size: 100%; } table { border-collapse: collapse; border-spacing: 0; } hr { border: none; height: 1px; } .ellipsis{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .txthid{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .con_detail{font-size:16px;line-height:2em;} .con_detail p{font-size:16px;} .con_detail img,.con_detail table,.con_detail video,.con_detail iframe{max-width: 100%;} html{ overflow-y: scroll; min-width: 320px;} .not-animated{opacity: 0;} input::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #000000; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #000000; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #000000; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #000000; } .isNull{width:100%; font-size:15px;color:#161616;text-align:center;padding:50px 20px;} /*设置左右浮动*/ .fl{float: left;} .fr{float: right;} /*清楚浮动*/ .clearfix:after{visibility:hidden; display:block; font-size:0; content: " "; clear:both; height:0;} .clearfix{*zoom:1;} .mt20{ margin-top: 20px;} .pro_file_down{width:40%;height:50px;line-height:50px;font-size:15px;color:#fff;border-radius:25px; text-align:center;margin:50px auto;display:block;background:#11396c;} .pro_file_down:hover{color:#fff;} /*加载字体*/ @font-face { font-family: 'BigJohn'; src: url('font/bigjohn.eot'); src: url('font/bigjohn.eot?#iefix') format('embedded-opentype'), url('font/bigjohn.woff') format('woff'), url('font/bigjohn.ttf') format('truetype'), url('font/bigjohn.svg#webfont34M5alKg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SlimJoe'; src: url('font/SlimJoe.eot'); src: url('font/SlimJoe.eot?#iefix') format('embedded-opentype'), url('font/SlimJoe.woff') format('woff'), url('font/SlimJoe.ttf') format('truetype'), url('font/SlimJoe.svg#webfont34M5alKg') format('svg'); font-weight: normal; font-style: normal; } /*漂浮*/ .fixed_tools{width:56px;height:228px;position:fixed;top:50%;margin-top:-114px; right:-56px;transition:all 220ms linear;} .fixed_tools ul li{width:56px;height:56px;background:rgba(0,0,0,0.59);transition:all 220ms linear;margin-bottom:1px;} .fixed_tools ul li img{width:100%;height:100%;display:block;} .fixed_tools ul li:hover{background:rgba(0,43,98,0.59);} .fixed_tools.on{right:2px;} @media only screen and (max-width:1024px ) { .fixed_tools.on{right:-56px;} .index_cur_box{display:none;} } /*首页定位点*/ .index_cur_box{position:fixed;left:38px;top:50%;margin-top:-120px;} .index_cur_box .top{font-size:14px;font-family:Arial;color:#fff;font-weight:bold;} .index_cur_box.h .top{color:#262626;} .index_cur_box .line{width:15px;height:1px;background:#fff;margin:15px 0px;} .index_cur_box.h .line{background:#262626;} .index_cur_box ul li{cursor:pointer; width:21px;height:20px;background:url(../images/index_dot.png) center center no-repeat;background-size:100%;transition:all 220ms linear;margin-bottom:8px;} .index_cur_box ul li a{display:block;width:100%;height:100%;} .index_cur_box ul li.on,.index_cur_box ul li:hover{background:url(../images/index_dot_on.png) center center no-repeat;background-size:100%;} .header{width: 100%;height: auto;background: transparent; position: fixed;font-size: 15px;min-width: 320px;z-index: 999;top: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .header::after{content:"";width:100%;height:1px;background:rgba(0,0,0,0.1);position:absolute;bottom:0px;left:0px;} .header .content{width: 100%;margin: 0px auto;_overflow: hidden;} .header .content .logo{float: left;width: auto; height: 108px;padding-left:0px; transition: all .3s linear;} .header .content .logo img{width: auto;height:100%; display: block; transition: all .3s linear;} .header .content .icon_menu{float: left;height: 108px;margin-left:0px;transition: all .3s linear;cursor:pointer;} .header .content .icon_menu img{width: auto;height: 100%; display: block;transition: all .3s linear;} .header .content .tools_box{height: 100%;float: right;text-align: center;margin-right:20px;} .header .content .tools_box .box{height: 32px;margin: 38px 0px;transition: all .3s linear;} .header .content .tools_box .box .item{float: left;position: relative;} .header .content .tools_box .box .lang .lang_btn{width: 90px;height: 32px; cursor: pointer;margin-right: 20px;position: relative;text-align: center;} .header .content .tools_box .box .lang .lang_btn::after{content: "";background: #90aab8; width: 1px;height: 22px;position: absolute;right: -20px;top: 5px; } .header .content .tools_box .box .lang .lang_btn img{height: 100%;display: block;margin: 0px auto;} .header .content .tools_box .box .lang .lang_list{display: none;position: absolute;z-index: 999; top: 40px;left: 0px;width: 100%;box-sizing: border-box; padding: 20px 25px;background: rgba(0,0,0,0.6);border-radius: 12px;} .header .content .tools_box .box .lang .lang_list li{line-height: 30px;text-align: left;transition: all .3s linear;} .header .content .tools_box .box .lang .lang_list li a{font-size: 14px;color: #FFFFFF;} .header .content .tools_box .box .search{width: 32px;height: 32px;margin-left: 20px;cursor: pointer;} .header .content .tools_box .box .search img{width: 100%;height: 100%;display: block;} .header .content .d_nav{float: left;margin-left: 50px;} .header .content .d_nav>ul>li.w0{width:0px;} .header .content .d_nav.on>ul>li.w0{width:110px;} .header .content .d_nav>ul>li{transition:all 320ms linear; width: 100px; text-align: center; line-height: 108px;float: left;box-sizing:border-box; position: relative;} .header .content .d_nav>ul>li>a{width: 100%;height:108px; display: block;color: #747474;position: relative;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: relative;overflow: hidden;} .header .content .d_nav>ul>li>a span{ width: 100%; height: 100%; display: block;z-index: 999; font-size: 15px; color: #2a2a2a; } .header .content .d_nav>ul>li>a .cn{width: 100%;height: 100%;display: block;} .header .d_nav_conbox{ width: 100%;_border-top: 1px solid #e2e4e6;overflow: hidden;display:block;} .header .d_nav_conbox .subnav{display: none;position:relative;} .header .d_nav_conbox .subnav::after{content:"";width:100%;height:1px;background:rgba(0,0,0,0.1);position:absolute;top:0px;left:0px;} /*产品下拉导航*/ .header .d_nav_conbox .pro_box{overflow: hidden;height:545px;} .header .d_nav_conbox .pro_box .pro_ctg{width:290px;height: 100%;float: left;background: #e9edf0;} .header .d_nav_conbox .pro_box .pro_ctg ul li{width: 100%;overflow: hidden;height: 97px;line-height: 97px;background: #e8eaed;border-bottom: 1px solid #FFFFFF;transition: all .3s linear;} .header .d_nav_conbox .pro_box .pro_ctg ul li .icon{margin-left: 63px; width: 97px;height: 97px; float: left;text-align: right;} .header .d_nav_conbox .pro_box .pro_ctg ul li .icon img{width: 100%;height: 100%;transform: scale(0.7);opacity: 0.7;filter: alpha(opacity=70);} .header .d_nav_conbox .pro_box .pro_ctg ul li .title{position: relative; font-size: 17px;color: #3a3a3a; width: calc(100% - 160px);box-sizing: border-box; padding-right:45px; text-align: right; float: right;transition: all .3s linear;} .header .d_nav_conbox .pro_box .pro_ctg ul li .title::after{content: "";width: 15px;height: 97px;background: url(../images/nav_pro_arrow.png) center center no-repeat;background-size: 100% 100%;position: absolute;top: 0px;right: 15px;opacity: 0;filter: alpha(opactiy=0);transition: all .3s linear;} .header .d_nav_conbox .pro_box .pro_ctg ul li:hover,.header .d_nav_conbox .pro_box .pro_ctg ul li.on{background: #002b62;} .header .d_nav_conbox .pro_box .pro_ctg ul li:hover .title,.header .d_nav_conbox .pro_box .pro_ctg ul li.on .title{color:#ffffff;padding-right:60px;} .header .d_nav_conbox .pro_box .pro_ctg ul li:hover .icon img,.header .d_nav_conbox .pro_box .pro_ctg ul li.on .icon img{opacity: 1;filter: alpha(opacity=100);} .header .d_nav_conbox .pro_box .pro_ctg ul li:hover .title::after,.header .d_nav_conbox .pro_box .pro_ctg ul li.on .title::after{right: 30px;opacity: 1;filter: alpha(opactiy=100);} .header .d_nav_conbox .pro_box .pro_con{width: calc(100% - 290px);height: 100%;float: left;} .header .d_nav_conbox .pro_box .pro_con .con_item{width: 100%;height: 100%;overflow: hidden;display: none;} .header .d_nav_conbox .pro_box .pro_con .con_item.on{display: block;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav{position: relative;float: left; height: 100%;width: 500px;margin-right: 20px; box-sizing: border-box;padding: 40px 70px;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav ul{height: 100%;overflow-y:auto;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li{ line-height: 63px;position: relative;padding-left: 12px; } .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li a{ font-size: 17px;color: #424242; } .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li:hover a{ color: #002b62;font-weight: bold; } .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li::after{content:"";width:2px;height: 2px;background: #424242;position: absolute;top: 50%;left: 2px;margin-top: -1px;transition: all 0.2s linear;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav li:hover::after{width:6px;height: 6px;background: #002b62;border-radius: 50%; left: 0px;margin-top: -3px;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_tj{border-left: 1px solid #b8bcbf; float: left;width: calc(100% - 520px); height:442px;margin-top: 40px; padding-left:165px; box-sizing: border-box;overflow: hidden;} .header .d_nav_conbox .pro_box .pro_con .con_item .title{font-size: 29px;color: #002b62;font-weight: bold;margin-bottom: 15px;} .header .d_nav_conbox .pro_box .pro_con .con_item .en_title{font-size: 20px;color: #dcdcdc;margin-bottom: 35px;} .header .d_nav_conbox .pro_box .pro_con .con_item .line{margin-bottom: 20px;} .header .d_nav_conbox .pro_box .pro_con .con_item .line img{display: block;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_tj_img{height: 280px;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_tj_img img{height: 280px;width: auto;display: block;} @media only screen and (max-width:1600px ) { .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav{width: 440px;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_tj{width: calc(100% - 460px)} } @media only screen and (max-width:1400px ) { .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav{width: 400px;padding: 40px 60px;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_tj{width: calc(100% - 420px);padding-left:145px;} } @media only screen and (max-width:1280px ) { .header .d_nav_conbox .pro_box .pro_con .con_item .pro_sub_nav{width: 380px;padding: 40px 50px;} .header .d_nav_conbox .pro_box .pro_con .con_item .pro_tj{width: calc(100% - 400px);padding-left:125px;} } /*其他二级栏目*/ .header .d_nav_conbox .o_box{overflow: hidden;height:350px;box-sizing: border-box;text-align: center;} .header .d_nav_conbox .o_box .ctg_sub{width: 135px; display: inline-block;vertical-align: top;padding-top: 80px;margin-right: 115px; overflow:hidden;} .header .d_nav_conbox .o_box .ctg_sub ul li{transition:all .3s linear; background: #e0e0e0; width: 100%;height: 36px;line-height: 36px;border-radius: 18px; text-align: center;margin-bottom: 10px;box-sizing:border-box; padding:0px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .header .d_nav_conbox .o_box .ctg_sub ul li:hover{background: #002b62;} .header .d_nav_conbox .o_box .ctg_sub ul li a{font-size: 13px;color: #000000;} .header .d_nav_conbox .o_box .ctg_sub ul li:hover a{color: #FFFFFF;} .header .d_nav_conbox .o_box .ctg_news{display: inline-block;vertical-align: top;height: 230px;margin-top:54px;padding-left: 90px;border-left: 1px solid #babdc0;overflow: hidden;} .header .d_nav_conbox .o_box .ctg_news .news_img{height: 230px;position: relative;float:left;margin-right: 80px;} .header .d_nav_conbox .o_box .ctg_news .news_img img{height: 100%;width: auto;} .header .d_nav_conbox .o_box .ctg_news .news_img .title{width: 100%;padding: 0px 15px;font-size: 13px;color:#ffffff; height: 55px;line-height: 55px; background: rgba(0,0,0,0.7);position: absolute;bottom: 0px;left: 0px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .header .d_nav_conbox .o_box .ctg_news .news_img ul{overflow:hidden;} .header .d_nav_conbox .o_box .ctg_news .news_img ul li{float:left;margin:0px 5px;} .header .d_nav_conbox .o_box .ctg_news .news_img ul li img{height:200px;width:auto;display:block;} .header .d_nav_conbox .o_box .ctg_news .news_img ul li .tit{height:30px;line-height:30px;text-align:center;font-size:14px;color:#000000;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box{float: left;width: 500px;text-align: left;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box .tit{font-size: 18px;color: #002b62;font-weight: bold;margin-bottom: 15px;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box ul li{height: 40px;line-height: 40px; padding-right: 100px;position: relative;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box ul li .time{width: 100px;text-align: right;font-size: 13px;color: #727171;position: absolute;right: 0px;top:0px;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box ul li a{font-size: 14px;color: #393939;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box ul li:hover a{color: #000000;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box .more{font-size: 14px;color: #002b62;text-decoration: underline;line-height: 30px;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box .about_box{width:440px;margin-bottom:20px; font-size:14px;line-height:30px;color:#313131;} @media only screen and (max-width:1440px ) {about_box .header .d_nav_conbox .o_box .ctg_sub{margin-right: 80px;} .header .d_nav_conbox .o_box .ctg_news{padding-left: 80px;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box{width: 460px;} } @media only screen and (max-width:1280px ) { .header .d_nav_conbox .o_box .ctg_sub{margin-right: 60px;} .header .d_nav_conbox .o_box .ctg_news{padding-left: 60px;} .header .d_nav_conbox .o_box .ctg_news .news_img{margin-right: 60px;} .header .d_nav_conbox .o_box .ctg_news .n_lists_box{width: 400px;} } /* .header .content .d_nav>ul>li.active>a .cn{top: 0px; color: #016038;} .header .content .d_nav>ul>li.active>a .en{top: 80px;} .header .content .d_nav>ul>li:hover>a .cn{top: 0px;color: #016038;} .header .content .d_nav>ul>li:hover>a .en{top: -80px;} .header .content .d_nav>ul>li.active:hover>a .en{top: 80px;} */ /*.header .content .d_nav>ul>li>a::before{position: absolute;content: "";width: 0%;height: 0px;background-color: #e90500;left: 50%;bottom: 0px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .header .content .d_nav>ul>li.active>a::before,.header .content .d_nav>ul>li:hover>a::before{position: absolute;content: "";height: 3px;background-color: #e90500;left: 0%;width: 100%;}*/ .header .content .d_nav>ul>li>a:hover{color: #002b62;} /*大导航滑块样式*/ .d_nav .nav_cur{width: 64px;height: 2px;background: #002b62;position: absolute;left: 39px;bottom: 0px;display: none;} .header .content .d_nav>ul>li .subnav{width: 100%;padding-bottom: 25px;display: none;} /*.header .content .d_nav>ul>li .subnav li>a{ line-height: 28px; display: block; color: #bbb9b9; font-size: 12px; transition: all 220ms ease-in; } .header .content .d_nav>ul>li ul.subnav li>a:hover{ color: #171717; }*/ .header.black{ background: rgba(23, 28, 32, 1); border-bottom: 1px solid rgba(255,255,255,.2); } /*页面离开顶部之后 缩小导航和加背景图*/ .header.on{background: rgba(255,255,255,1);} .header.drop{background: rgba(255,255,255,1);} .header.on .content .tools_box .box{height: 32px;margin: 29px 0px;} .header.on .content .d_nav>ul>li{line-height: 90px;} .header.on .content .d_nav>ul>li>a{height:90px; } .header.on .content .logo{width: auto; height: 90px;} .header.on .content .icon_menu{height: 90px;} .nav_btn{width: 80px;height: 80px;float: right;cursor: pointer;display: none;transition: all linear .3s;} .lang_min{width:80px;height:80px;float:right;cursor:pointer;display:none;} .lang_min img{width:100%;height:100%;display:block;} .nav_btn.open{background:url(../images/btn_open.png) center center no-repeat #1a4e85;background-size: 100%; } .nav_btn.close{background:url(../images/btn_close.png) center center no-repeat #1a4e85;background-size: 100%;opacity: 1!important;} .xs_nav {width: 100%;height: 100vh;background: rgba(0,0,0,0.4);overflow: hidden; margin-top: 10px;display: none;border-top: 1px solid #eee;text-align: left;} .xs_nav .nav-item{color: #212121;border-bottom: 1px solid #eee;background: #FFFFFF;} .xs_nav .nav-item a{color: #212121;font-size: 14px;} .xs_nav .nav-item .title{width:100%;line-height: 50px;position: relative;padding-left: 15px;color: #666666;font-size: 14px;} .xs_nav .nav-item .title .drop-btn{font-family: simhei; width: 50px;height: 50px;display: none; cursor: pointer; font-size:22px;line-height: 45px;text-align: center;position: absolute;right: 0px;top: 0px;transition: all 220ms linear;} .xs_nav .nav-item.open .title .drop-btn{transform: rotate(-45deg);} .xs_nav .nav-item .title a{display: block;} .xs_nav .nav-item ul{padding-top: 5px;padding-bottom: 10px;display: none;} .xs_nav .nav-item ul li{padding-left: 30px;line-height: 30px;} .xs_nav .nav-item ul li a{line-height: 30px;color: #333333;} @media only screen and (max-width:768px ) { .xs_nav .nav-item ul li{padding-left: 30px;line-height: 28px;} .xs_nav .nav-item ul li a{font-size: 13px; line-height: 28px;color: #333333;} } /*搜索*/ .sh_bkg{ position:fixed; left:0; top:0; z-index:2000; width:100%; height:100%; background-color:rgba(0,0,0,0.8); display:none;} .sh_box{ position:fixed; left:50%; margin-left:-390px; top:50%;margin-top:-94px; z-index:2001; width:780px; display:none;text-align: center;} .sh_box .stxt{ float:left; display:block; width:675px; height:88px; line-height:88px; padding:0px 20px; border:0;background: #FFFFFF;} .sh_box .sbtn{ float:left; display:block; width:105px; height:88px; line-height:88px; text-align:center; color:#FFF; background:#002b62 url(../images/index_04.png) center center no-repeat; border:0; cursor:pointer;} .sh_box form{width: 100%; overflow: hidden;} .sh_box .box{text-align:center;overflow:hidden;} .sh_box .close{ position:relative; width:80px; height:80px;float:none;margin:0px auto; cursor:pointer;margin-bottom:20px;} .sh_box .close:before,.sh_box .close:after{ content:""; display:block; width:80px; height:1px; background-color:#FFF; position:absolute; left:0px; top:40px;} .sh_box .close:before{ transform:rotate(45deg);} .sh_box .close:after{ transform:rotate(-45deg);} /*焦点图*/ .banner{width: 100%;z-index: 0;position: relative;} #t-ban{text-align: center;font-size: 18px;background: #fff; display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} #t-ban .swiper-slide{position: relative;} #t-ban .swiper-slide .con_box{position: absolute;top: 0px;left: 0px;transition: all linear .3s;} #t-ban .swiper-slide img{width: 100%; max-width: 100%;height: auto;} #t-ban .swiper-slide .con_box{top: 26%;left: 260px;opacity: 0;filter: alpha(opacity=0);text-align: left;} #t-ban .swiper-slide .con_box .title{font-size: 50px;color: #fc6b00;font-weight: bold; line-height:2} #t-ban .swiper-slide .con_box .desc{font-size:25px; color: #fff;text-align: left;margin-bottom: 40px; } #t-ban .swiper-slide .con_box .more{height: 49px;text-align: center;display: block;} #t-ban .swiper-slide .con_box .more img{width: auto; height: 100%;display: block;transition:all 220ms linear;} #t-ban .swiper-slide .con_box .more img:hover{transform:scale(1.05);} #t-ban .swiper-slide .con_box.on{opacity: 1;filter: alpha(opacity=100);left: 160px;} #t-ban .swiper-pagination{position:absolute;width:29px; top:50%;left:initial; right:60px;} #t-ban .swiper-pagination-bullet{display:block;width: 29px;height: 2px;opacity:1; transition: all linear .3s;position:relative;margin-bottom:18px;background:none;} #t-ban .swiper-pagination-bullet::after{content:"";width:17px;height:2px;background:#1b3685;position:absolute;right:0px;top:0px;transition:all 220ms linear;} #t-ban .swiper-pagination-bullet-active{} #t-ban .swiper-pagination-bullet-active::after{width:29px;background:#fff;} #t-ban .swiper-button-prev,#t-ban .swiper-button-next{width:40px;height: 40px;margin-top: -20px;border-radius: 20px;} #t-ban .swiper-button-prev,#t-ban .swiper-button-next{background-color: rgba(0,0,0,.2);background-image: none;transition: all linear 0.3s;} #t-ban .swiper-button-prev:hover,#t-ban .swiper-button-next:hover{background-color: rgba(0,0,0,.9);} #t-ban .swiper-button-prev i,#t-ban .swiper-button-next i{display: block;width: 40px;height: 40px;line-height:40px; font-size: 20px;font-family: simhei;text-align: center;color: #FFFFFF; transition: all linear 0.5s;} #t-ban .swiper-button-prev:hover { background: #1b5696; } #t-ban .swiper-button-next:hover { background: #1b5696; } #t-ban .swiper-slide:nth-child(2) .con_box{left:70%;top:42%;} #t-ban .swiper-slide:nth-child(2) .con_box.on{opacity: 1;filter: alpha(opacity=100);left: 60%;} #t-ban .swiper-slide:nth-child(2) .con_box .desc{font-size:25px;font-weight:lighter;} #t-ban .swiper-slide:nth-child(4) .con_box{left:70%;top:42%;} #t-ban .swiper-slide:nth-child(4) .con_box.on{opacity: 1;filter: alpha(opacity=100);left: 62%;} #t-ban .swiper-slide:nth-child(4) .con_box .desc{font-size:40px;color:#5a5f61;font-weight:lighter;} /*焦点下方4个产品栏目*/ .ban_pro_ctg{position:relative;width: 100%;box-sizing:border-box;z-index: 99;} .ban_pro_ctg .content{max-width:1600px;margin:0px auto;background: rgba(255, 255, 255, 0.9);} .ban_pro_ctg ul{overflow: hidden;} .ban_pro_ctg ul li{width: 20%;text-align: center;float: left;cursor: pointer;margin: 35px 0px;border-right: 1px solid rgba(0, 0, 0, 0.1);} .ban_pro_ctg ul li:last-child{border-right: none;} .ban_pro_ctg ul li img{transition: all .3s linear;display: inline-block;} .ban_pro_ctg ul li .title{font-size: 16px;color: #3b3b3b;line-height: 50px;display: inline-block;margin-left: 20px;} @media only screen and (min-width:1600px ) { #t-ban .swiper-slide .con_box{top: 32%;} } @media only screen and (max-width:1600px ) { .ban_pro_ctg .content{width:100%;margin:0px auto;} #t-ban .swiper-slide .con_box{top: 28%;left: 15%;} #t-ban .swiper-slide .con_box .title{font-size:38px;line-height:1.5;} #t-ban .swiper-slide .con_box .desc{font-size:26px;margin-bottom: 30px;} #t-ban .swiper-slide .con_box .more{height: 46px; line-height:46px; border-radius: 25px;font-size:14px;} #t-ban .swiper-slide:nth-child(2) .con_box .desc{font-size:22px;} #t-ban .swiper-slide:nth-child(4) .con_box .desc{font-size:22px;} } @media only screen and (max-width:1200px ) { #t-ban .swiper-slide .con_box{top: 15%;} } @media only screen and (max-width:900px ) { #t-ban .swiper-slide .con_box{top: 14%;left:20%;} #t-ban .swiper-slide .con_box.on{top: 10%;left:10%;} #t-ban .swiper-slide .con_box .title{font-size: 24px;line-height: 46px;} #t-ban .swiper-slide .con_box .desc{font-size:14px;margin-bottom: 20px;} #t-ban .swiper-slide .con_box .more{height: 36px; line-height:36px; border-radius: 20px;font-size:14px;} .ban_pro_ctg ul li{padding-top: 20px;} .ban_pro_ctg ul li img{width:42px;/* height: 42px; */} .ban_pro_ctg ul li .title{font-size: 14px;line-height: 30px;} #t-ban .swiper-slide:nth-child(2) .con_box{left:70%;top:42%;} #t-ban .swiper-slide:nth-child(2) .con_box.on{opacity: 1;filter: alpha(opacity=100);left: 60%;} #t-ban .swiper-slide:nth-child(4) .con_box{left:70%;top:42%;} #t-ban .swiper-slide:nth-child(4) .con_box.on{opacity: 1;filter: alpha(opacity=100);left: 62%;} #t-ban .swiper-slide:nth-child(2) .con_box .desc{font-size:16px;} #t-ban .swiper-slide:nth-child(4) .con_box .desc{font-size:16px;} } @media only screen and (max-width:768px ){ #t-ban .swiper-slide .con_box{display: none;} .ban_pro_ctg{position: relative;} .ban_pro_ctg ul li .title{font-size: 13px;} } @media only screen and (max-width:480px ){ .ban_pro_ctg ul li{padding-top: 15px;} .ban_pro_ctg ul li{width: 33.33%;margin: 10px 0px;} .ban_pro_ctg ul li .title{font-size: 12px;} } /*首页关于我们*/ .head-tit{font-size:28px;color: #666666;text-align:center;} .head-tit span{color: #113479;text-align:center;padding-top:35px;} .head-en{font-size: 16px;color: #a2a2a4;text-align:center;margin-top:5px;line-height: 1.8; margin-bottom:40px;} .head-p{font-size: 15px;color: #a2a2a4;text-align:center;margin-top: 35px;max-width: 950px;margin: 0 auto;line-height: 1.8;letter-spacing: 2.7px;margin-top: 35px;} .about_bg{ padding:6% 0px 4%; overflow:hidden;background: #fff url(../images/about_tit_bg.jpg) top center no-repeat;} .about_box{ overflow:hidden;margin-top: 300px} .about_box h3{text-align:center;color: #217aca;font-size: 20px;letter-spacing: 6px;} .head-info{font-size: 16px;color: #39393b;text-align:center;max-width: 985px;width: 80%;margin: 0 auto;line-height: 1.9;margin-top: 20px;border: 1px solid #9c9a9b;border-radius: 60px;padding: 15px 30px;} /**************产品***************/ .pro_bg{ width:100%;overflow:hidden; padding:40px 0px 40px;background: #fff;} .pro_bg .head-tit{ background:url(../images/pro_tit_bg.jpg) top center no-repeat;} .pro_bg .head-en{font-size: 15px;color: #a2a2a4;text-align:center;margin-top:5px;line-height: 1.8; margin-bottom:40px;} .pro_box{ text-align:center; padding-bottom:50px;} .pro_box .simk {overflow:hidden;border: 1px solid #ddd;} .pro_box .simk img{ width:100%;transition: all 0.4s linear;} .pro_box p{line-height:44px;font-size:16px;/* background:#f9f9f9; */color: #333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom: 1px solid #ddd;} .pro_box .swiper-slide:hover p{ background:rgba(15, 39, 85, 1); color:#fff;} .pro_box .swiper-pagination-bullet { width: 16px; height: 16px; display: inline-block; border-radius: 2px;} .pro_box .swiper-pagination-bullet-active { background: rgba(15, 39, 85, 1);} .pro_box .swiper-button-next, .pro_box .swiper-button-prev {top: 40%;} .pro_box .simk:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} /*************新闻*****************/ .section5{background: #fff;overflow: hidden;position: relative;} .section5 .box{width: 100%;padding: 0 1% 0 5%;box-sizing: border-box;overflow: hidden;position: relative;} .section5 .left{width: 23%;float: left;position: absolute;left: 5%;top: 20%;/* margin-top: -190px; */} .section5 .left h1{ font-size: 40px; color: #333333; line-height: 62px;} .section5 .left h2{ font-size: 22px; color: #333333; line-height: 25px; margin:4% 0 4%;} .section5 .left p{ font-size: 12px; color: #666; line-height: 35px;} .section5 .left .btns{ width: 80px; margin-top: 9px; margin-left: 8px; text-align: center; color: #dfdfdf; position:relative;} .section5 .btns a{ width: 11px; height: 20px; display: inline-block; position: relative; top: 3px; transition:background 0.3s;} .section5 .btns i{ width: 1px; background: #dfdfdf; display: inline-block; height: 26px;} .section5 .prev{ background: url(../images/wel08.png) no-repeat center; float: left; left: 0;top: 50%;} .section5 .next{ background: url(../images/wel09.png) no-repeat center; float: left; right: 0;top: 50%;} .section5 .prev:hover{ background: url(../images/wel08_h.png) no-repeat center;} .section5 .next:hover{ background: url(../images/wel09_h.png) no-repeat center;} .section5 .more{ width: 40%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #ffffff; background: rgba(15, 39, 85, 1); display: block; margin-top: 13%;} .section5 .right{ float: right; width: 75%; overflow: hidden; height:100%;} .section5 .swiper-container{ height:100%;} .section5 .right .swiper-slide{ float: left; border-left: 1px solid #eaeaea; height: 100%; box-sizing: border-box; position: relative;-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear;} .section5 .right a{ display: block; width: 100%; padding: 10% 4% 8%;box-sizing: border-box;} .section5 .right img{ width: 100%;} .section5 .right .day{ font-size: 80px; color: #666; line-height: 60px; opacity: 0.3;padding-bottom: 8%;padding-top:8%;} .section5 .right .data{ font-size: 14px; color: #333333; line-height: 33px; margin-bottom: 7px;} .section5 .right h2{ font-size: 16px; color: #333; line-height: 25px; height: 50px; overflow: hidden; transition:color 0.3s;} .section5 .right .latest{ font-size: 12px; color: #999999; line-height: 19px; margin-bottom: 4%;} .section5 .right .pic{ margin-bottom: 7%;overflow: hidden;} .section5 .right img{ transition:all 0.3s;} .section5 .right .font{ font-size: 13px; color: #888888; line-height: 20px; height: 80px; overflow: hidden;} .section5 .right .more{ width: 52px; height: 11px; background: url(../images/wel10.png) no-repeat center; margin-top: 10%; position: relative; left: 0;-webkit-transition: all 0.1s linear;-moz-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear} .section5 .right .swiper-slide:hover{ background:rgba(15, 39, 85, 0.75);} .section5 .right .swiper-slide:hover .day, .section5 .right .swiper-slide:hover h2, .section5 .right .swiper-slide:hover .data, .section5 .right .swiper-slide:hover .latest, .section5 .right .swiper-slide:hover .font{ color: #fff;} .section5 .right .swiper-slide:hover .more { background: url(../images/wel11.png) no-repeat center; padding-left:18px;} @media screen and (max-width: 1200px){ .about_box .fl{ width:100%;} .about_box .fr{ width:100%;} .about-num .info{ width:100%;} } @media screen and (max-width: 769px){ .about-num li h2 {font-size: 40px;line-height: 46px;} .adv_left{ width:100%;} .adv_right{ width:100%; background:url(../images/adv_rf_bg.jpg) right center no-repeat; background-size:100% 100%;min-height: inherit; min-height:190px; } .sik{ width:100%; margin-top:25px;overflow:hidden;} .pro_box p{ font-size:14px;} } @media screen and (max-width:415px){ .pro_box p{ font-size:13px;} } /*首页联系我们*/ .index_contact_box{width: 100%;padding-top: 70px;padding-bottom: 30px; background:#0f2755; } .index_contact_box .content{width: 1600px;margin: 0px auto;} .f-text{line-height:2;font-size:20px;color: #fff;padding-bottom:10px;border-bottom:1px solid rgba(255, 255, 255, 0.2);} .f-nav-box{margin:5% 0 40px; overflow:hidden;} .f-nav-box .f-nav {width:25%; float:left;} .f-nav-box .f-nav li{float:left;width:50%;} .f-nav-box .f-nav li a{display: block;font-size: 14px;color:rgba(255, 255, 255, 0.8);line-height: 30px;transition:all .3s linear;} .f-nav-box .f-nav li .tit{font-size:16px;color:#fff;margin-bottom: 8px;} .f_con{max-width:230px;width:50%;margin-right:10%; float:left;} .f_con dt{color: #f1f2f2;line-height: 30px;margin-bottom: 8px; font-weight:normal;} .f_con dt a{color: #f1f2f2; font-size:16px;} .f_con dt img{margin-right: 13px;} .f_con dd{margin-left: 20px;} .f_con dd a{display: block;float: left;width:90px;height:32px;line-height: 32px;text-align: center;color:rgba(255, 255, 255, 0.8); border:1px solid rgba(255, 255, 255, 1);border-radius: 5px;margin-top: 7px;margin-right: 10px;} .f_con dd a:hover{background: #ddb875;border:1px solid #ddb875;color: #fff;} .f-nav-box .f_lixi{float:left;} .f-nav-box .f_lixi a.tit{ color:#fff; font-size:16px;margin-bottom: 8px; line-height:30px;display: block;} .f-nav-box .footer-right-address {font-size: 14px; line-height: 24px; color: rgba(255, 255, 255, 0.8);} .f-nav-box .footer-right-address p { color: rgba(255, 255, 255, 0.8);margin-top:2px; } .f-nav-box .footer-right-address .footer-add-h5 {font-size: 15px; padding-left: 15px;color: #ddb875; margin-top:20px; margin-bottom:10px; background: url(../images/index_add.png) no-repeat left center;} .f-nav-box .qrcode-box{text-align: center;width:135px; float:right;} .f-nav-box .qrcode-box .qrcode{width:96px;height:96px;margin:0 auto;} .f-nav-box .qrcode-box img{width: 100%;height:100%;} .f-nav-box .qrcode-box .text{font-size: 14px;color: rgba(255, 255, 255, 0.8);line-height: 24px;margin:15px 0 0;} .footer-bottom{position: relative;z-index: 9; padding:20px 0 20px; overflow:hidden;} .footer-bottom .copy, .footer-bottom .copy a, .footer-bottom .beian,.footer-bottom .beian a{font-size: 14px;color:rgba(255, 255, 255, 0.72);transition:all .3s linear;} .footer-bottom .beian{margin-right:20px;} .footer-bottom .copy a:hover{color:#fff;} /*内页主框架*/ .ny_main{width: 100%;margin-top: 108px;} .ny_main.about_main{margin-top: 0px;} /*内页焦点图*/ .ny_banner{width: 100%; height: 550px;position: relative;background-size: auto 100%;} .ny_banner .con_box{width: 100%;height: 100%; display: table;} .ny_banner .con_box .box{display: table-cell;vertical-align: middle;text-align:center;} .ny_banner .con_box .box .en_title{font-size:50px;color: #FFFFFF;font-weight: bold;margin-bottom: 30px;} .ny_banner .con_box .box .title{font-size:30px;color: #FFFFFF;margin-bottom: 70px;} .ny_banner .con_box .box .arrow{width: 20px;height: 20px;position: relative;margin: 0px auto;cursor: pointer;} .ny_banner .con_box .box .arrow img{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;-webkit-animation: trackBallSlide 1.4s linear infinite; animation: trackBallSlide 1.4s linear infinite;} .ny_banner .ctg_box{width: 100%;position: absolute;bottom: 0px;left: 0px;} .ny_banner .ctg_box ul{width: 100%;overflow: hidden;margin-bottom: 35px;text-align: center;} .ny_banner .ctg_box ul li{display: inline-block; padding:0px 25px; border-radius:35px;height:44px;line-height: 44px;text-align: center;background: #ffffff;margin: 0px 3px;transition: all .3s linear;margin-bottom: 10px;} .ny_banner .ctg_box ul li a{color: #393939;font-size: 16px;display: block;} .ny_banner .ctg_box ul li.on,.ny_banner .ctg_box ul li:hover{background: #002b62;} .ny_banner .ctg_box ul li.on a,.ny_banner .ctg_box ul li:hover a{color: #FFFFFF;} /*关于我们页*/ .ny_banner.about_ban .con_box .box .en_title{color: #252424;} .ny_banner.about_ban .con_box .box .title{color: #353535;} .company-txts-box{ overflow:hidden; margin-bottom:40px;} .company-txts-wrap { width: 55%; float:left;} .company-en { font-size:20px; line-height:1; color: #c6c6c6;font-family: "Arial";display: block;} .company-cn {font-size:28px; line-height:1; color: #333; padding: 16px 0 28px;display: block;} .company-txts {font-size:14px; line-height:1.8; color: #666;} .company-txts p{font-size:14px; line-height:1.8; color: #666;} .nums-item { vertical-align: middle;} .fcmc {font-size: 16px;color: rgba(15, 39, 85, 1);} .company-nums {font-size:60px; margin-right: 10px; font-family: "Arial";font-weight: bold;display: inline-block;} .company-line0 { margin: 0 40px; width: 1px; height:90px;background: #e9e9e9;vertical-align: middle;} .nums-dt {font-size:14px; line-height: 1.6; color: #666;} .company-img-wrap { width: 42%; float:right;} .company-img-wrap img{ width: 100%; margin-top:6%;} /*******企业文化*******/ .lg_about_con1_tit{margin: 0 auto;text-align: center;} .lg_about_con1_tit h3{font-size: 30px;color:#333;margin:20px auto 10px;} .lg_about_con1_tit span{display: block;font-size: 18px;color:#113479;font-family: "Arial";text-transform: uppercase;} .lg_about_con2_con{text-align: left;margin:40px auto 0px auto;} .lg_about_con2_con .swiper-slide span{display: block;} .lg_about_con2_con .swiper-slide span img{width: 100%;} .lg_about_con2_con .swiper-slide .culture_bt{position: absolute;top: 0;left: 0;z-index: 9;padding: 10% 34px 0 40px;} .lg_about_con2_con .swiper-slide .culture_bt h4{font-size: 22px;color:#f7812e;margin:0 auto;} .lg_about_con2_con .swiper-slide .culture_bt span{display: block;font-size: 16px;color:rgba(228, 227, 227, 0.8);margin-top:2%;} .lg_about_con2_con .swiper-slide .culture_hiden{width: 100%;height:100%;position: absolute;bottom: 0;left:0;background:rgba(0, 46, 91, 0.7);right:0;padding: 20% 34px 0 40px;transition: height 1s; box-sizing: border-box;} .lg_about_con2_con .swiper-slide .culture_hiden b{display: block;font-size: 16px;color:#fff;margin: 4% auto 0%;line-height: 1.9;letter-spacing: 1px; font-weight:normal;} .lg_about_con2_con .swiper-slide .culture_hiden abbr{display: block;font-size: 0.35rem;line-height: 24px;color:#eff7fd;} .lg_about_con2_con .swiper-slide:hover .culture_hiden{background:rgba(0, 46, 91, 0.95);height:100%;transition: height 1s;} .lg_about_con2_con .swiper-button-prev{background:url(../images/hy_left.png); width:36px; height:74px;left: 0px;margin-top: -37px; display:none;} .lg_about_con2_con .swiper-button-next{background:url(../images/hy_right.png);width:36px; height:74px;right: 0px;margin-top: -37px; display:none;} .honor_box{ padding-bottom:40px; margin-top:40px;} /************技术支持************/ .scales-wrap { padding: 50px 0 110px;} .scales-wrap .co-titles { position:relative; padding: 60px 0;font-size:30px;line-height:1;color: #222;text-align: center;} .scales-wrap .co-titles:after {position: absolute;content: ""; left: 50%; bottom: 30px; margin-left: -27px;display: inline-block; width: 54px;height: 4px;background: rgba(15, 39, 85, 1);border-radius: 2px;} .scales-wrap .scales-h6 {font-size: 16px;line-height: 30px;color: #666;text-align: center;} .list_dl{ margin-bottom:40px;} .list_dt{ width: 100%;background: #fff;padding: 23px 30px;color: #333;font-size:18px; line-height:24px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; box-sizing:border-box; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .list_dt:hover{ background: rgba(15, 39, 85, 1);color:#fff;} #open{ background: rgba(15, 39, 85, 1);color:#fff;} .list_dt_icon{ position: absolute; right: 25px; top: 20px; display: block; width: 30px; height: 30px; background: url("../images/off.png") no-repeat; } #open .list_dt_icon{ background: url("../images/open.png") no-repeat; } .list_dd{ display: none;background: #f5f5f5; font-size: 14px;line-height: 30px;color: #666; padding: 38px 32px 64px;} .list_dd span{font-size: 18px;color:rgb(255, 0, 0); font-weight:bold;} .list_dl .list_dd:nth-child(1){ display:block;} @-webkit-keyframes trackBallSlide { 0% { opacity:1; -webkit-transform:scale(1) translateY(-8px); transform:scale(1) translateY(-8px);} 34% { opacity:1; -webkit-transform:scale(1) translateY(4px); transform:scale(1) translateY(4px);} 68% { opacity:0; -webkit-transform:scale(1) translateY(16px); transform:scale(1) translateY(16px);} 100% { opacity:0; -webkit-transform:scale(1) translateY(-8px); transform:scale(1) translateY(-8px);} } @keyframes trackBallSlide { 0% { opacity:1; -webkit-transform:scale(1) translateY(-8px); transform:scale(1) translateY(-8px);} 34% { opacity:1; -webkit-transform:scale(1) translateY(4px); transform:scale(1) translateY(4px);} 68% { opacity:0; -webkit-transform:scale(1) translateY(16px); transform:scale(1) translateY(16px);} 100% { opacity:0; -webkit-transform:scale(1) translateY(-8px); transform:scale(1) translateY(-8px);} } @media screen and (max-width: 1440px){ .ny_banner {height: 450px;} .ny_banner.about_ban{ height: 740px;} } @media screen and (max-width: 1280px){ .ny_banner .ctg_box ul li{line-height: 50px;height: 50px;} } @media screen and (max-width: 1024px){ .ny_banner {height: 300px;} .ny_banner.about_ban{ height: 540px;} .ny_banner .con_box .box .en_title{font-size:45px;margin-bottom: 25px;} .ny_banner .con_box .box .title{font-size:27px;color: #FFFFFF;margin-bottom: 60px;} } @media screen and (max-width: 768px){ .ny_banner{height: 300px;} .ny_banner .con_box{height: 300px;} .ny_banner.about_ban{ height: 460px;} .ny_banner .con_box .box .title{font-size:26px;margin-bottom: 50px;} .ny_banner .ctg_box{position: relative;} .ny_banner .ctg_box ul{margin: 0px;} .ny_banner .ctg_box ul li{width: 33.333333%;line-height: 50px;height: 50px; border-bottom: 1px solid #e0e0e0;margin: 0px;float: left;} .ny_banner .ctg_box ul li a{font-size: 15px;} .inner-titles:after {position: absolute;content: "";left: 50%;top: 150px;display: inline-block;width: 32px;height: 2px;margin-left: -16px;background: #f28d01;} } @media screen and (max-width: 480px){ .ny_banner .con_box {height: 300px;} .ny_banner.about_ban{ height: 420px;} .ny_banner .con_box .box .en_title{font-size:40px;margin-bottom: 20px;} .ny_banner .con_box .box .title{font-size:24px;color: #FFFFFF;margin-bottom: 40px;} .ny_banner .ctg_box ul li a{font-size: 14px;} } @media screen and (max-width: 320px){ .ny_banner .con_box {height: 300px;} .ny_banner.about_ban{ height: 320px;} .ny_banner .con_box .box .en_title{font-size:36px;margin-bottom: 18px;} .ny_banner .con_box .box .title{font-size:22px;color: #FFFFFF;margin-bottom: 30px;} } #about_ctg.ctg_fixed{position:fixed;top:0px;bottom:initial; left:0px;width:100%; z-index:9999;background:rgba(0,0,0,.4);} #about_ctg.ctg_fixed ul{margin:25px 0px;} #about_ctg.ctg_fixed ul li{height:45px;line-height:45px;width:120px;text-align:center;border-radius:25px;} /*底部列表*/ /*底部导航*/ .btm_nav{width: 100%;background: #2e2e2e;} .btm_nav .content{width: 1600px;margin: 0px auto;overflow: hidden;box-sizing: border-box;padding: 68px 25px;} .btm_nav .nav_box{float: left; overflow: hidden;} .btm_nav .nav_box .item{float: left;width: 150px;} .btm_nav .nav_box .item:nth-child(2){width:190px;} .btm_nav .nav_box .item .title{font-size: 16px;color: #FFFFFF;line-height: 50px;font-weight: bold;text-indent:20px;} .btm_nav .nav_box .item ul li{transition: all .3s linear;position: relative;text-indent: 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:20px;} .btm_nav .nav_box .item ul li a{color: #c7c7c7;font-size: 14px;line-height: 2em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .btm_nav .nav_box .item ul li a span{ position: absolute;top: 9px;left: 0px;box-sizing: border-box; width: 10px;height: 10px;border: 2px solid #2e2e2e;background: #002b62;border-radius: 5px;} .btm_nav .nav_box .item ul li:hover{text-indent: 25px;} .btm_nav .nav_box .item ul li:hover a{color: #ffffff;} .btm_nav .nav_box .item ul li:hover a span{border-color:#8e7a55;} .btm_nav .qcode_box{float: right;text-align: right;text-align: center;} .btm_nav .qcode_box ul{overflow: hidden;} .btm_nav .qcode_box ul li{text-align: center;float: left;padding: 0px 10px;} .btm_nav .qcode_box .title{font-size: 14px;color: #bdbdbd;line-height: 25px;} .btm_nav .foot-x-nav{display: none;} @media only screen and (max-width:1600px ) { .btm_nav .content{width: 100%;} } @media only screen and (max-width:1400px ) { .btm_nav .nav_box{width: 100%;text-align: center;margin-bottom: 40px;} .btm_nav .nav_box .item{width: 150px;float: none;display: inline-block;vertical-align: top;text-align: left;} .btm_nav .qcode_box{width: 100%;text-align: center;} .btm_nav .qcode_box ul li{float: none;display: inline-block;vertical-align: top;} } @media only screen and (max-width:1200px ) { .btm_nav .content{padding: 50px 10px;} .btm_nav .nav_box{width: 100%;text-align: center;margin-bottom: 40px;} .btm_nav .nav_box .item{width: 130px;float: none;display: inline-block;vertical-align: top;text-align: left;} .btm_nav .qcode_box{width: 100%;text-align: center;} .btm_nav .qcode_box ul li{float: none;display: inline-block;vertical-align: top;} } @media only screen and (max-width:1024px ) { .btm_nav .logo{width: 100%;text-align: center;margin-bottom: 30px;} .btm_nav .logo img{width: 100px;} .btm_nav .nav_box{width: 100%;display: none;} .btm_nav .foot-x-nav{display: block;margin-bottom: 40px;float: left;width: 100%;} .foot-x-nav .nav-item{color: #ffffff;border-bottom: 1px solid #ffffff;} .foot-x-nav .nav-item a{color: #ffffff;font-size: 14px;} .foot-x-nav .nav-item .title{width:100%;line-height: 45px;position: relative;padding-left: 15px;color: #ffffff;font-size: 14px;} .foot-x-nav .nav-item .title .drop-btn{font-family: simhei; width: 45px;height: 45px;display: none; cursor: pointer; font-size:22px;line-height: 45px;text-align: center;position: absolute;right: 0px;top: 0px;transition: all 220ms linear;} .foot-x-nav .nav-item.open .title .drop-btn{transform: rotate(-45deg);} .foot-x-nav .nav-item .title a{display: block;} .foot-x-nav .nav-item ul{padding-top: 5px;padding-bottom: 10px;display: none;} .foot-x-nav .nav-item ul li{padding-left: 30px;line-height: 30px;} .foot-x-nav .nav-item ul li a{line-height: 30px;color: #c7c7c7;} .btm_nav .qcode_box{width: 100%;} } /*底部版权信息*/ .btm_cord{width: 100%;height: 86px; background: #282828;} .btm_cord .content{width: 1600px;margin: 0px auto;overflow: hidden;box-sizing: border-box;padding: 0px 25px;} .btm_cord .info_box{float: left;font-size:12px;color: #ffffff;line-height: 86px;} .btm_cord .info_box a{color: #FFFFFF;margin: 0px 5px;} .btm_cord .share_box{float: right;height: 32px; margin: 27px 0px;overflow: hidden;} .btm_cord .share_box .title{float: left;color: #b7b7b7;margin-top: 2px;} .btm_cord .share_box .title .small{font-size: 12px;font-family: arial;display: block;} .btm_cord .share_box .title .large{font-size: 17px;font-family: arial;display: block;} .btm_cord .share_box .con_box{float: right;} .btm_cord .share_box .bdsharebuttonbox {display: inline-block;vertical-align: middle;padding-top: 0px;} .btm_cord .share_box .bdsharebuttonbox a{margin: 0px 7px;} @media only screen and (max-width:1600px ) { .btm_cord .content{width: 100%;} } @media only screen and (max-width:900px ) { .btm_cord{height: auto;line-height: 30px;padding: 20px;} .btm_cord .info_box{width: 100%;text-align: center;line-height: 40px;} .btm_cord .share_box{float: none;width: 100%;text-align: center;} .btm_cord .share_box .title{float: none;display: inline-block;vertical-align: top;} .btm_cord .share_box .con_box{float: none;display: inline-block;vertical-align: top;} } @media only screen and (max-width:640px ) { .btm_cord .share_box{display: none;} } /*新闻内页*/ .ny_content{width: 100%;} .ny_content .ny_news_list{width:90%;margin:0px auto;} .ny_content .ny_news_list>ul.news_lists{overflow: hidden;} .ny_content .ny_news_list>ul.news_lists>li{width: 33.333333%;padding:15px;box-sizing:border-box; float: left;} .ny_content .ny_news_list>ul.news_lists>li .box{background: #FFFFFF;} .ny_content .ny_news_list>ul.news_lists>li .img_box{width: 100%;height: auto;overflow: hidden;position: relative;} .ny_content .ny_news_list>ul.news_lists>li .img_box::after{content: "";width: 100%;height: 100%;background: rgba(0,0,0,0.3);position: absolute;top: 0px;left: 0px;transition: all .3s linear;} .ny_content .ny_news_list>ul.news_lists>li:hover .img_box::after{background: rgba(0,0,0,0);} .ny_content .ny_news_list>ul.news_lists>li .img_box img{width: 100%;display: block;transition: all .3s linear;} .ny_content .ny_news_list>ul.news_lists>li:hover .img_box img{transform: scale(1.1);} .ny_content .ny_news_list>ul.news_lists>li .con_box{padding:20px 25px;border-bottom: 1px solid #ededed;} .ny_content .ny_news_list>ul.news_lists>li .con_box .time{font-size: 15px;color: #6c7b96;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ny_content .ny_news_list>ul.news_lists>li .con_box .title{font-size: 18px;color: #090909;margin-bottom: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .ny_content .ny_news_list>ul.news_lists>li .con_box .desc{font-size: 14px;color: #777777;margin-bottom: 10px;overflow: hidden;height: 75px;line-height: 25px;} .ny_content .ny_news_list>ul.news_lists>li:hover .con_box .title{color: #002b62;font-weight: bold;} .ny_content .ny_news_list>ul.news_lists>li:hover .con_box .desc{color: #090909;} .ny_content .ny_news_list>ul.news_lists>li .tools{height: 50px;} .ny_content .ny_news_list .bro_ctg{width: 100%; overflow: hidden;margin-top: 40px;margin-bottom: 40px;} .ny_content .ny_news_list .bro_ctg ul{width: 100%; overflow: hidden;} .ny_content .ny_news_list .bro_ctg ul li{width:50%; float: left;background-size: cover;} .ny_content .ny_news_list .bro_ctg ul li .box{padding: 80px 85px;background:rgba(17,57,108,0);transition:all .3s linear;} .ny_content .ny_news_list .bro_ctg ul li:hover .box{background:rgba(17,57,108,0.8);} .ny_content .ny_news_list .bro_ctg ul li .box .icon{margin-bottom:60px;height:60px;} .ny_content .ny_news_list .bro_ctg ul li .box .icon img{display:block;} .ny_content .ny_news_list .bro_ctg ul li .box .title{font-size: 22px;color: #FFFFFF; font-weight: bold;margin-bottom: 30px; } .ny_content .ny_news_list .bro_ctg ul li .box .line{width: 36px;height: 3px;background: #FFFFFF;} .ny_content .ny_news_list>ul.pic_lists{overflow: hidden;} .ny_content .ny_news_list>ul.pic_lists>li{width: 33.333333%;padding:15px;box-sizing:border-box; float: left;} .ny_content .ny_news_list>ul.pic_lists>li .box{background: #FFFFFF;position:relative;} .ny_content .ny_news_list>ul.pic_lists>li .title{z-index:2;font-size:25px;color:#ffffff; width:100%;position:absolute;left:0px;bottom:0px;padding:25px 20px;box-sizing:border-box;} .ny_content .ny_news_list>ul.pic_lists>li .bg{z-index:1;width:100%;height:100%;position:absolute;left:0px;bottom:0px;background:rgba(0,0,0,0);transition:all 0.3s linear;} .ny_content .ny_news_list>ul.pic_lists>li:hover .bg{background:rgba(0,0,0,0.5);} @media only screen and (max-width:1200px ) { .ny_content .ny_news_list .bro_ctg ul li .box{padding: 60px 65px;} } @media screen and (max-width: 1024px){ .ny_content .ny_news_list{padding-top: 70px;} .ny_content .ny_news_list>ul.news_lists>li .con_box{padding: 15px 25px;} .ny_content .ny_news_list .bro_ctg ul li .box{padding: 50px;} .ny_content .ny_news_list .bro_ctg ul li .box .icon{padding-bottom:50px;width: 50px;} .ny_content .ny_news_list .bro_ctg ul li .box .title{font-size: 20px;} .ny_content .ny_news_list>ul.pic_lists>li .title{font-size:20px;} } @media screen and (max-width: 768px){ .ny_content .ny_news_list{padding-top: 60px;} .ny_content .ny_news_list>ul.news_lists>li{padding: 10px;} .ny_content .ny_news_list>ul.news_lists>li .con_box {padding: 15px;} .ny_content .ny_news_list>ul.news_lists>li .con_box .time{font-size: 14px;} .ny_content .ny_news_list>ul.news_lists>li .con_box .title{font-size: 16px;} .ny_content .ny_news_list>ul.news_lists>li .con_box .desc{font-size: 14px;} .ny_content .ny_news_list .bro_ctg ul li{width: 100%;margin-bottom: 20px;} .ny_content .ny_news_list>ul.pic_lists>li .title{font-size:18px;padding:20px 15px;} } @media screen and (max-width: 640px){ .ny_content .ny_news_list{padding-top: 40px;} .ny_content .ny_news_list>ul.news_lists>li{width: 100%;} .ny_content .ny_news_list>ul.pic_lists>li .title{font-size:16px;padding:18px 12px;} } @media screen and (max-width: 375px){ .ny_content .ny_news_list>ul.news_lists>li{width: 100%;} .ny_content .ny_news_list .bro_ctg ul li .box{padding: 40px;} .ny_content .ny_news_list .bro_ctg ul li .box .icon{padding-bottom:40px;width: 40px;} .ny_content .ny_news_list .bro_ctg ul li .box .title{font-size: 18px;} .ny_content .ny_news_list>ul.pic_lists>li .title{font-size:14px;padding:15px 10px;} } @media screen and (max-width: 320px){ .ny_content .ny_news_list .bro_ctg ul li .box{padding: 30px;} .ny_content .ny_news_list .bro_ctg ul li .box .icon{padding-bottom:30px;width: 30px;} .ny_content .ny_news_list .bro_ctg ul li .box .title{font-size: 18px;} } /*新闻详情页*/ .ny_content .news_detail{width: 100%;padding: 60px 0px;} .ny_content .news_detail .content{max-width: 90%;margin: 0px auto;} .ny_content .news_detail .n_title{text-align: center;font-size: 26px;color: #002b62;font-weight: bold;line-height:2;} .ny_content .news_detail .nss_tm{overflow: hidden;font-size: 12px;color: #666;padding: 18px 0 12px 0;} .ny_content .news_detail .nss_tm .lt{float: left;width: 100%;text-align: center;} .ny_content .news_detail .nss_tm .rt{float: right;} .ny_content .news_detail .nss_info { min-height: 250px; clear: both; border-top: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; padding: 20px 0; font-size: 16px; line-height: 2em; } .ny_content .news_detail .nss_info.about{ border:none; } .ny_content .news_detail .btnbox{ overflow:hidden; padding:22px 0;} .ny_content .news_detail .btnbox .sbtn{ display:block; float:right; border-bottom:1px solid #C9CACA; color:#5b5b5b; text-align:center; overflow:hidden; height:38px; line-height:38px; transition:all 0.3s ease;} .ny_content .news_detail .btnbox .sbtn.prev{ float:left;} .ny_content .news_detail .btnbox .sbtn.next{ float:right;} .ny_content .news_detail .btnbox .sbtn:hover a{ color:#002b62} @media only screen and (max-width:1200px){ .ny_content .news_detail .content{width: 100%;padding: 0px 20px;} } @media only screen and (max-width:768px){ .ny_content .news_detail .n_title{font-size: 26px;} .ny_content .news_detail .nss_tm{padding-top: 35px;} .ny_content .news_detail .nss_info{font-size: 14px;} .ny_content .news_detail .btnbox{text-align: center;} .ny_content .news_detail .btnbox .sbtn{width:120px; float: none;display: inline-block;margin-bottom: 10px;} } @media only screen and (max-width:375px){ .ny_content .news_detail .nss_tm .rt{display: none;} } /*联系我们*/ .map_box{position: relative;} #allmap{width: 100%;height: 798px;} .map_box .con_box{background: #FFFFFF;position: absolute;top: 20%;left: 10%;box-shadow: 0 0 10px rgba(0,0,0,0.3);} .map_box .con_box .box{position: relative;padding:50px 60px;padding-right: 70px;} .map_box .con_box .box::after{content: "";width: 100%;height: 8px;background: #002b62;position: absolute;bottom: 0px;left: 0px;} .map_box .con_box .box .title{color:#002b62;font-size: 30px;font-weight: bold;} .map_box .con_box .box .line{width: 44px;height: 2px;background: #d7d7d7;margin:30px 0px;} .map_box .con_box .box .desc{font-size: 16px;color: #000000;line-height: 25px;margin-bottom: 60px;} .map_box .con_box .box .tel_box .tip{font-size: 16px;color: #000000;line-height: 25px;} .map_box .con_box .box .tel_box .num{font-size: 32px;color: #c62424;font-weight: bold;font-family: "BigJohn";} .company_box ul{background: #f4f4f4;width: 100%;} .company_box ul li{overflow: hidden;display: flex;width: 100%;} .company_box ul li .pro_img{display: flex;flex: 1 0 auto;align-items: center;width: 50%;overflow: hidden;position: relative;background-repeat: no-repeat;background-size: auto 100%;background-position: center center;} .company_box ul li .pro_img img{width: 100%; height: auto;display: block;transition: all 0.3s linear; -webkit-filter: grayscale(90%); -moz-filter: grayscale(90%); -ms-filter: grayscale(90%); -o-filter: grayscale(90%); filter: grayscale(90%); filter: gray;} .company_box ul li:hover .pro_img img{transform: scale(1.1);_opacity: 1;_filter:alpha(opacity=100); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:none;} /*.company_box ul li .pro_img .arrow{width: 21px;height: 46px;position: absolute;top: 50%;margin-top:-23px;right: 0px;z-index: 999;} .company_box ul li.even .pro_img .arrow{left: 0px;transform: rotate(180deg);}*/ .company_box ul li .pro_con{display: flex;flex: 1 0 auto;align-items: center; width: 50%; overflow: hidden;text-align: center;} .company_box ul li .pro_con .box{text-align: center;width: 100%;padding: 20px 0px;} .company_box ul li .pro_con .wrap{display: inline-block;text-align: left;} .company_box ul li .pro_con .title{display: block; font-size: 30px;color: #313131;margin-bottom: 25px;font-weight: bold;} .company_box ul li .pro_con .desc{font-size: 16px;color: #5c5c5c;line-height: 35px;} .company_box ul li:hover .pro_con .title{color: #002b62;} .company_box ul li:hover .pro_con .desc{color: #000000;} .feedback_box{background: #FFFFFF;} .feedback_box .content{width: 1400px;margin: 0px auto;} .feedback_box .top_box{text-align: center;padding: 40px 0px;} .feedback_box .top_box .title{color: #002b62;font-size: 30px;font-weight: bold;margin-bottom: 20px;} .feedback_box .top_box .desc{font-size: 17px;color: #3d3d3d;} .feedback_box .form_box{overflow: hidden;padding-bottom:80px;} .feedback_box .form_box .txt{width: 32%;float: left;height: 78px;line-height: 78px;border: 1px solid #dadada;padding: 0px 20px;box-sizing: border-box;} .feedback_box .form_box .txt:focus{border-color:#002b62;} .feedback_box .form_box .txt.t1{margin-right: 2%;} .feedback_box .form_box .large_txt{width: 100%;height: 245px;padding: 20px;box-sizing: border-box;resize:none; float: left;margin-top: 30px;margin-bottom: 25px; border: 1px solid #dadada;} .feedback_box .form_box .large_txt:focus{border-color:#002b62;} .feedback_box .form_box .s_btn{background: #002b62;border-radius: 0px; float: left;width: 100%;height: 64px;line-height: 64px;text-align: center;color: #FFFFFF;font-weight: bold;font-size: 18px;} /*地图描述掉下去*/ @media only screen and (max-width:1400px){ .feedback_box .content{width: 100%;padding: 0px 20px;} } @media only screen and (max-width:1280px){ .map_box .con_box{position: static;text-align: center;} .map_box .con_box .box .line{margin: 30px auto;} } @media only screen and (max-width:900px){ .company_box ul li{display: block;} .company_box ul li .pro_img{width: 100%;display: block;} .company_box ul li .pro_con{width: 100%;display: block;} .company_box ul li .pro_con .box{padding: 50px 0px;} .company_box ul li .pro_con .wrap{text-align: center;} .feedback_box .top_box{padding: 60px 0px;} .feedback_box .form_box .txt{height: 60px;line-height: 60px;} .feedback_box .form_box .large_txt{height: 150px;} .feedback_box .form_box .s_btn{height: 60px;line-height: 60px;font-size: 16px;} } @media only screen and (max-width:480px){ .map_box .con_box .box{padding: 50px 30px;} .map_box .con_box .box .title{font-size: 28px;} .map_box .con_box .box .line{margin:20px auto;} .map_box .con_box .box .desc{font-size: 16px;margin-bottom: 40px;} .map_box .con_box .box .tel_box .tip{font-size: 15px;} .map_box .con_box .box .tel_box .num{font-size: 30px;} .company_box ul li .pro_con .box{padding: 40px 0px;} .company_box ul li .pro_con .title{font-size: 28px;} .company_box ul li .pro_con .desc{font-size: 15px;line-height: 30px;} .feedback_box .top_box{padding: 40px 0px;} .feedback_box .top_box .title{font-size: 26px;} .feedback_box .form_box{margin-bottom: 80px;} .feedback_box .form_box .txt{width: 100%; height: 50px;line-height: 50px;margin-bottom: 20px;} .feedback_box .form_box .txt.t1{margin-right: 0px;} .feedback_box .form_box .large_txt{height: 150px;margin-top: 0px;} .feedback_box .form_box .s_btn{height: 50px;line-height: 50px;font-size: 16px;} } @media only screen and (max-width:375px){ .map_box .con_box .box{padding: 50px 20px;} .map_box .con_box .box .title{font-size: 26px;} .map_box .con_box .box .desc{font-size: 15px;margin-bottom: 30px;} .map_box .con_box .box .tel_box .tip{font-size: 14px;} .map_box .con_box .box .tel_box .num{font-size: 30px;} .company_box ul li .pro_con .box{padding: 40px 10px;} .company_box ul li .pro_con .title{font-size: 26px;} .company_box ul li .pro_con .desc{font-size: 14px;line-height: 26px;} } /*人才发展*/ .talent_box{width: 100%;padding-top: 145px;padding-bottom:115px;} .talent_box .content{width: 1600px;margin: 0px auto;overflow: hidden;} .talent_box img{width: 100%; display: block;} .talent_box .l_box{float: left;width: 1068px;} .talent_box .l_box .top_box{overflow: hidden;} .talent_box .l_box .top_box .item{width: 50%;float: left;position: relative;} .talent_box .l_box .top_box .item .con_box{background: rgba(0,0,0,0.65); position: absolute;z-index: 99; top: 0px;left: 0px; width: 100%;height: 100%;display: flex;align-items: center;} .talent_box .l_box .top_box .item .con_box .box{padding: 0px 60px;} .talent_box .l_box .top_box .item .con_box .box .title{font-size: 29px;color: #FFFFFF;margin-bottom: 30px;} .talent_box .l_box .top_box .item .con_box .box .desc{font-size: 16px;color: #FFFFFF;line-height: 30px;margin-bottom: 120px;} .talent_box .l_box .top_box .item .con_box .box .more{border: 2px solid #ddb875;border-radius: 23px;box-sizing: border-box; width: 150px;height: 46px;line-height: 42px;background: #ddb875; text-align: center; display: block;color: #FFFFFF;font-size: 14px;transition: all .3s linear;} .talent_box .l_box .top_box .item.rcln .con_box .box .title{color: #11396c;} .talent_box .l_box .top_box .item.rcln .con_box .box .desc{color: #363636;} .talent_box .l_box .top_box .item.rcln .con_box{background: none;} .talent_box .l_box .top_box .item.rcln .con_box .box .more{border: 2px solid #d0d0d0;background: transparent; color: #282828;} .talent_box .l_box .top_box .item.rcln .con_box .box .more:hover{border: 2px solid #ddb875;background: #ddb875; color: #FFFFFF;} .talent_box .l_box .btm_box{width: 100%;position: relative;} .talent_box .l_box .btm_box .con_box{width: 100%;height: 100%;position: absolute;top: 0px;left: 0px; display: flex;align-items: center;} .talent_box .l_box .btm_box .con_box .box{padding: 0px 60px;} .talent_box .l_box .btm_box .con_box .box .title{font-size: 29px;color: #11396c;margin-bottom: 30px;} .talent_box .l_box .btm_box .con_box .box .desc{font-size: 16px;color: #363636;line-height: 30px;margin-bottom: 120px;} .talent_box .l_box .btm_box .con_box .box .more{border: 2px solid #d0d0d0;border-radius: 23px;box-sizing: border-box; width: 150px;height: 46px;line-height: 42px;background: transparent; text-align: center; display: block;color: #282828;font-size: 14px;transition: all .3s linear;} .talent_box .l_box .btm_box .con_box .box .more:hover{border: 2px solid #ddb875;background: #ddb875; color: #FFFFFF;} .talent_box .r_box{float: right;width: 532px;height: 802px;} .talent_box .r_box .item {height: 100%;position: relative;} .talent_box .r_box .item .img_box{height: 100%;} .talent_box .r_box .item .img_box img{height: 100%;} .talent_box .r_box .item .con_box{width:100%;position:absolute;bottom:0px;left:0px;padding-bottom:90px;text-align:center;} .talent_box .r_box .item .con_box .title{font-size:29px;color:#11396c;font-weight:bold;margin-bottom:35px;} .talent_box .r_box .item .con_box .desc{font-size:16px;color:#010101;margin-bottom:65px;} .talent_box .r_box .item .con_box .more{margin:0px auto; border: 2px solid #cfb88f;border-radius: 23px;box-sizing: border-box; width: 150px;height: 46px;line-height: 42px;background: transparent; text-align: center; display: block;color: #282828;font-size: 14px;transition: all .3s linear;} .talent_box .r_box .item .con_box .more:hover{border: 2px solid #0D2F5C;background: #0D2F5C; color: #FFFFFF;} @media only screen and (max-width:1599px ) { .talent_box .content{width: 1068px;} .talent_box .l_box{float:none;margin:0px auto;} .talent_box .r_box{float:none;width:1068px;margin:0px auto;height: auto;background:#f1d8aa;} .talent_box .r_box .img_box{display:none;} .talent_box .r_box .item .con_box{position:relative;padding:80px 0px;} } @media only screen and (max-width:1068px ) { .talent_box{padding:80px 0px;} .talent_box .content{width: 100%;} .talent_box .l_box{width:100%;} .talent_box .l_box .top_box .item .con_box .box .title{font-size: 24px;margin-bottom:20px;} .talent_box .l_box .top_box .item .con_box .box .desc{font-size:14px;line-height: 24px;margin-bottom: 80px;} .talent_box .l_box .btm_box .con_box .box .title{font-size: 24px;margin-bottom:20px;} .talent_box .l_box .btm_box .con_box .box .desc{font-size:14px;line-height: 24px;margin-bottom: 80px;} .talent_box .r_box{width:100%;} .talent_box .r_box .item .con_box{position:relative;padding:70px 0px;} } @media only screen and (max-width:768px ) { .talent_box{padding:70px 0px;} .talent_box .l_box .top_box .item .con_box .box{padding: 0px 30px;} .talent_box .l_box .top_box .item .con_box .box .title{font-size: 22px;margin-bottom:18px;} .talent_box .l_box .top_box .item .con_box .box .desc{font-size:14px;line-height: 22px;margin-bottom: 40px;} .talent_box .l_box .top_box .item .con_box .box .more{width:100px;height:40px;line-height:36px;font-size:14px;} .talent_box .l_box .btm_box .con_box .box{padding:0px 30px;} .talent_box .l_box .btm_box .con_box .box .title{font-size: 22px;margin-bottom:18px;} .talent_box .l_box .btm_box .con_box .box .desc{font-size:14px;line-height: 22px;margin-bottom: 40px;} .talent_box .l_box .btm_box .con_box .box .more{width:100px;height:40px;line-height:36px;font-size:14px;} .talent_box .r_box{width:100%;} .talent_box .r_box .item .con_box{padding:60px 0px;} .talent_box .r_box .item .con_box .title{font-size:24px;margin-bottom:25px;} .talent_box .r_box .item .con_box .desc{font-size:14px;margin-bottom:30px;} .talent_box .r_box .item .con_box .more{width:100px;height:40px;line-height:36px;font-size:14px;} } @media only screen and (max-width:480px ) { .talent_box{padding:50px 0px;} .talent_box .l_box .top_box .item{width:100%;} .talent_box .l_box .top_box .item .img_box{display:none;} .talent_box .l_box .top_box .item{background:url(../images/talent_01.jpg) center right no-repeat;} .talent_box .l_box .top_box .item .con_box{position:relative;padding:50px 30px;background: rgba(0,0,0,0.65);} .talent_box .l_box .top_box .item.rcln{background:url(../images/talent_02.jpg) center right no-repeat;} .talent_box .l_box .btm_box .item .img_box{display:none;} .talent_box .l_box .btm_box .item .con_box{position:relative;padding:50px 30px;background:url(../images/talent_04.jpg) center right no-repeat;} } @media only screen and (max-width:375px ) { .talent_box .l_box .top_box .item .con_box{padding:40px 15px;} .talent_box .l_box .btm_box .item .con_box{padding:40px 15px;} } .talent_title{width: 100%;height: 455px;background: url(../images/talent_05.jpg) center center no-repeat;text-align: center;} .talent_title .top_box{padding-top: 150px;padding-bottom: 100px;} .talent_title .top_box .title{font-size:29px;font-weight: bold;color: #FFFFFF;margin-bottom: 25px;} .talent_title .top_box .desc{font-size:16px;color: #FFFFFF;} .talent_title .ctg_box ul{width: 100%;overflow: hidden;} .talent_title .ctg_box ul li{margin: 0px 25px; width: 200px;height:66px;line-height:66px; border-radius: 33px; text-align: center;background: rgba(0,0,0,0.8); display: inline-block;vertical-align: top;} .talent_title .ctg_box ul li a{color: #ffffff;font-size: 20px;display: block;} .talent_title .ctg_box ul li:hover,.talent_title .ctg_box ul li.on{background: #002b62;} .talent_title .ctg_box ul li:hover a,.talent_title .ctg_box ul li.on a{font-weight: bold;} .talent_job{width: 100%;background: #FFFFFF;padding:65px 0px;} .talent_job .content{width: 1600px;margin: 0px auto;} .talent_job .job_item>ul{overflow: hidden;} .talent_job .job_item>ul>li{width:50%;height: 188px;padding: 0px 15px;margin-bottom: 30px; float: left;box-sizing: border-box;} .talent_job .job_item>ul>li .box{width: 100%; height: 100%; background: #f7f7f7;position: relative;display: table;vertical-align: middle;} .talent_job .job_item>ul>li .box::after{content: "";width: 23%;height: 100%;position: absolute;top: 0px;left: 0px;background: url(../images/talent_user.png) center no-repeat ;} .talent_job .job_item>ul>li .box::before{content: "";width: 3px;height: 0px;background: #002b62;position: absolute;top: 0px;left: 0px;transition: all .3s linear;} .talent_job .job_item>ul>li:hover .box::before{height: 100%;} .talent_job .job_item>ul>li .box .con_box{display: table-cell;vertical-align: middle;padding-left: 23%;padding-right: 10%;position: relative;} .talent_job .job_item>ul>li .box .con_box .title{font-size: 22px;color: #2e2e2e;font-weight: bold;margin-bottom: 10px;} .talent_job .job_item>ul>li:hover .box .con_box .title{color: #002b62;} .talent_job .job_item>ul>li .box .con_box ul{overflow: hidden;} .talent_job .job_item>ul>li .box .con_box ul li{width: 50%;float: left;font-size:15px;color: #363636;line-height: 30px;} .talent_job .job_item>ul>li .box .more{width: 50px;height: 50px;line-height: 50px;text-align: center;color:#ffffff;font-size: 18px;margin-top: -25px; background: #555555;border-radius: 25px; position: absolute;top: 50%;right: 50px;transition: all .3s linear;} .talent_job .job_item>ul>li:hover .box .more{background: #002b62;} .talent_job .job_item .load_more{width: 137px;height: 50px;line-height: 50px;margin: 0px auto;display: block; border-radius: 25px;border: 1px solid #002b62;font-size:14px;color:#002b62;text-align: center;margin-top: 40px;transition: all .3s linear;} .talent_job .job_item .load_more:hover{background: #002b62;color: #ffffff;_transform: rotateZ(20px);transform: scale(1.1);} @media only screen and (max-width:1600px ) { .talent_job .content{width: 100%;} } @media only screen and (max-width:1200px ) { .talent_title{height: auto;} .talent_title .top_box{padding-top: 100px;padding-bottom: 80px;} .talent_title .ctg_box{padding-bottom: 50px;} .talent_title .ctg_box ul li{width: 180px;height:56px;line-height: 56px; border-radius: 28px;} .talent_title .ctg_box ul li a{font-size: 18px;} .talent_job .job_item>ul>li{padding: 0px 12px;margin-bottom: 24px;} .talent_job .job_item>ul>li{height: 160px;} .talent_job .job_item>ul>li .box::after{width: 25%;} .talent_job .job_item>ul>li .box .con_box{padding-left: 25%;padding-right: 5%;} .talent_job .job_item>ul>li .box .more{right: 25px;} } @media only screen and (max-width:1024px ) { .talent_job .job_item>ul>li{padding: 0px 10px;margin-bottom: 20px;} .talent_job .job_item>ul>li{height: 150px;} .talent_job .job_item>ul>li .box::after{width: 25%;background-size:50%;} .talent_job .job_item>ul>li .box .con_box{padding-left: 25%;padding-right: 0%;} .talent_job .job_item>ul>li .box .con_box .title{font-size: 20px;} .talent_job .job_item>ul>li .box .con_box ul li{font-size: 14px;} .talent_job .job_item>ul>li .box .more{width: 40px;height: 40px;line-height:40px; margin-top: -20px; right: 15px;} } @media only screen and (max-width:900px ) { .talent_job .job_item>ul>li{padding: 0px 10px;margin-bottom: 20px;} .talent_job .job_item>ul>li{height: 150px;} .talent_job .job_item>ul>li .box::after{width: 25%;background-size:50%;} .talent_job .job_item>ul>li .box .con_box{padding-left: 25%;padding-right: 0%;} .talent_job .job_item>ul>li .box .con_box .title{font-size: 18px;} .talent_job .job_item>ul>li .box .more{width: 30px;height: 30px;line-height:30px; margin-top: -15px; right: 10px;} } @media only screen and (max-width:768px ) { .talent_title .top_box{padding-top: 80px;padding-bottom: 60px;} .talent_title .ctg_box{padding-bottom: 50px;} .talent_title .ctg_box ul li{width: 150px;height:50px;margin: 0px 15px; line-height: 50px; border-radius: 25px;} .talent_title .ctg_box ul li a{font-size: 18px;} .talent_job .job_item>ul>li{width: 100%; padding: 0px 20px;margin-bottom: 20px;} .talent_job .job_item>ul>li{height: 160px;} .talent_job .job_item>ul>li .box::after{width: 160px;background-size:auto;} .talent_job .job_item>ul>li .box .con_box{padding-left: 160px;} .talent_job .job_item>ul>li .box .con_box .title{font-size: 18px;} .talent_job .job_item>ul>li .box .more{width: 40px;height: 40px;line-height:40px; margin-top: -20px; right: 30px;} } @media only screen and (max-width:640px ) { .talent_job .job_item>ul>li{width: 100%; padding: 0px 20px;margin-bottom: 20px;} .talent_job .job_item>ul>li{height: 160px;} .talent_job .job_item>ul>li .box::after{display: none;} .talent_job .job_item>ul>li .box .con_box{padding: 0px 20px;} .talent_job .job_item>ul>li .box .con_box .title{font-size: 18px;} .talent_job .job_item>ul>li .box .more{width: 30px;height: 30px;line-height:30px; margin-top: -15px; right: 20px;} } @media only screen and (max-width:420px ) { .talent_job .job_item>ul>li{height: auto;} .talent_job .job_item>ul>li .box .con_box{padding: 20px;} .talent_job .job_item>ul>li .box .con_box .title{font-size: 17px;} .talent_job .job_item>ul>li .box .con_box ul li{width: 100%;} } @media only screen and (max-width:375px ) { .talent_title .top_box{padding-top: 60px;padding-bottom: 40px;} .talent_title .top_box .title{font-size: 22px;} .talent_title .top_box .desc{line-height: 1.5em;} .talent_title .ctg_box{padding-bottom: 30px;} .talent_title .ctg_box ul li{width: 140px;height:46px;margin: 0px 10px; line-height: 46px; border-radius: 23px;} .talent_title .ctg_box ul li a{font-size: 14px;} } /*产品栏目大页*/ .pro_ctg_top{width: 100%;height: 505px;background: url(../images/pro_ctg_ban.jpg) center center no-repeat;} .pro_ctg_top .content{width: 1600px;height: 100%; margin: 0px auto;} .pro_ctg_top .con_wrap{display: table;width: 100%;height: 100%;} .pro_ctg_top .con_wrap .box{display: table-cell;vertical-align: middle;_overflow: hidden;} .pro_ctg_top .con_wrap .search_box{float: left;width: 510px;} .pro_ctg_top .con_wrap .search_box .ddl_box{_overflow: hidden;margin-bottom: 35px;text-align:left;} /*清除ie的默认选择框样式清除，隐藏下拉箭头*/ select::-ms-expand { display: none; } .pro_ctg_top .con_wrap .search_box .ddl_box .l_box{width:49%;display:inline-block;vertical-align:top; position:relative;margin-right:1%;} .pro_ctg_top .con_wrap .search_box .ddl_box .r_box{width:49%;display:inline-block;vertical-align:top; position:relative;} .pro_ctg_top .con_wrap .search_box .ddl_box .ddl_ctg{ width: 100%; /*将默认的select选择框样式清除*/ appearance:none;-moz-appearance:none;-webkit-appearance:none; font-size: 14px;color: #FFFFFF;font-weight: bold; border:0px; _border-bottom:1px solid #8c8c8c; background: url(../images/pro_ctg_arrow.png) center right no-repeat;background-size: auto 100%; height: 40px;line-height:40px;box-sizing: border-box; padding-left: 10px;padding-right: 40px; position: relative; } .pro_ctg_top .con_wrap .search_box .ddl_box .ddl_ctg:focus{border-bottom:0px;} .pro_ctg_top .con_wrap .search_box .ddl_box .ddl_ctg option{height:50px; line-height:50px;font-size:13.27px; color:#040404;background:rgba(255,255,255,0.3)} .pro_ctg_top .con_wrap .search_box .ddl_box .ddl_ctg:first-child{margin-right: 2%;} .pro_ctg_top .con_wrap .search_box .input_box{position: relative; width: 100%;height:70px;line-height: 70px;background: #FFFFFF;border-radius: 6px;} .pro_ctg_top .con_wrap .search_box .input_box .search_input{font-size: 18px;color: #000000;font-weight: bold;width: 100%;height: 100%;border: none;padding-left:25px;padding-right: 70px;} .pro_ctg_top .con_wrap .search_box .input_box .search_btn{ width: 70px;height: 70px;position: absolute;top: 0px;right: 0px;background: url(../images/pro_ctg_search.png) center center no-repeat;background-size: 100%;} .pro_ctg_top .con_wrap .title_box{float: right;text-align: right;margin-top: 20px;} .pro_ctg_top .con_wrap .title_box .title{font-size: 27px;color: #ffffff;font-weight: bold;margin-bottom: 25px;} .pro_ctg_top .con_wrap .title_box .more{transition:all .3s linear; display:inline-block;padding: 0px 30px; margin-right: 20px;line-height: 50px;height: 50px;text-align: center;border: 1px solid #FFFFFF;border-radius: 25px;} .pro_ctg_top .con_wrap .title_box .more .icon {display: inline-block;height: 100%; vertical-align: top;} .pro_ctg_top .con_wrap .title_box .more .icon img{height: 100%;width: auto;display: block;} .pro_ctg_top .con_wrap .title_box .more .tit {font-size: 14px;color: #FFFFFF; display: inline-block;height: 100%;vertical-align: top;} .pro_ctg_top .con_wrap .title_box .more:hover{background:#ddb875;border-color:#ddb875;} .pro_ctg_box{width: 100%;} .pro_ctg_box ul{width: 100%;overflow: hidden;} .pro_ctg_box ul li{cursor: pointer; width: 50%;height: 465px;float: left;background: url(../images/pro_ctg_bg_01.png) center center no-repeat;background-size: cover;transition: all .3s linear;} .pro_ctg_box ul li:nth-child(2){background-image:url(../images/pro_ctg_bg_03.png);} .pro_ctg_box ul li:nth-child(3){background-image:url(../images/pro_ctg_bg_03.png);} .pro_ctg_box ul li:hover{background-image:url(../images/pro_ctg_bg_02.png);} .pro_ctg_box ul li{position: relative;} .pro_ctg_box ul li .box{display: table;height: 100%;} .pro_ctg_box ul li .con_box{display: table-cell;vertical-align: middle;padding-left: 110px;} .pro_ctg_box ul li .con_box .icon{width: 70px;height: 70px;} .pro_ctg_box ul li .con_box .icon img{width: 100%;height: 100%;display: block;} .pro_ctg_box ul li .con_box .title{font-size: 30px;color: #202020;margin: 55px 0px} .pro_ctg_box ul li:hover .con_box .title{color: #FFFFFF;} .pro_ctg_box ul li .con_box .more{display: block;font-size: 12px;color: #272727;width: 105px;height: 42px;border-radius: 21px; line-height: 40px; text-align: center;border: 1px solid #002451;box-sizing: border-box;transition: all .3s linear;} .pro_ctg_box ul li:hover .con_box .more{color: #ffffff;border: 1px solid #ffffff;} .pro_ctg_box ul li .img_box{height: 100%; position: absolute;top:0px;right: -10px;transition: all .3s ease-in-out;} .pro_ctg_box ul li:hover .img_box{right: 0px;} .pro_ctg_box ul li .img_box img{height: 100%;display: block;} @media only screen and (max-width:1600px ) { .pro_ctg_top{background-position: center right;} .pro_ctg_top .content{width: 100%;} .pro_ctg_top .con_wrap .box{padding: 0px 25px;box-sizing: border-box;} } @media only screen and (max-width:1440px ) { .pro_ctg_box ul li{height: 400px;} } @media only screen and (max-width:1200px ) { .pro_ctg_top{background-size:cover;height: auto;padding: 80px 0px;} .pro_ctg_top .con_wrap .search_box{float: none;width: 100%; text-align: right;margin-bottom: 20px;} .pro_ctg_box ul li{height: 360px;} .pro_ctg_box ul li .con_box{padding-left: 60px;} .pro_ctg_box ul li .con_box .title{margin: 40px 0px;font-size: 24px;} .pro_ctg_box ul li .con_box .icon{width: 60px;height: 60px;} } @media only screen and (max-width:900px ) { .pro_ctg_box ul li{width: 100%; height: 360px;} .pro_ctg_box ul li:nth-child(3){background-image:url(../images/pro_ctg_bg_01.png);} .pro_ctg_box ul li:nth-child(4){background-image:url(../images/pro_ctg_bg_03.png);} .pro_ctg_box ul li:nth-child(3):hover{background-image:url(../images/pro_ctg_bg_02.png);} .pro_ctg_box ul li:nth-child(4):hover{background-image:url(../images/pro_ctg_bg_02.png);} .pro_ctg_box ul li .con_box{padding-left: 80px;} .pro_ctg_box ul li .con_box .title{margin: 35px 0px;font-size: 22px;} .pro_ctg_box ul li .con_box .icon{width: 56px;height: 56px;} } @media only screen and (max-width:768px ) { .pro_ctg_top{background-size:cover;height: auto;padding: 60px 0px;} .pro_ctg_top .con_wrap .search_box .input_box{height: 50px;line-height: 50px;} .pro_ctg_top .con_wrap .search_box .input_box .search_input{font-size: 15px;} .pro_ctg_top .con_wrap .search_box .input_box .search_btn{width: 50px;height: 50px;} .pro_ctg_top .con_wrap .title_box{float: none;text-align: center;} .pro_ctg_top .con_wrap .title_box .title{font-size: 24px;line-height: 1.5em;text-align: center;} .pro_ctg_top .con_wrap .title_box .more{margin: 0px auto;} .pro_ctg_box ul li{width: 100%; height: 320px;} .pro_ctg_box ul li .con_box{padding-left: 60px;} .pro_ctg_box ul li .con_box .title{margin: 30px 0px;font-size: 20px;} .pro_ctg_box ul li .con_box .icon{width: 50px;height: 50px;} } @media only screen and (max-width:480px ) { .pro_ctg_box ul li{width: 100%; height: 300px;} .pro_ctg_box ul li .con_box{padding-left: 40px;} .pro_ctg_box ul li .con_box .title{margin: 30px 0px;font-size: 18px;} .pro_ctg_box ul li .con_box .icon{width: 46px;height: 46px;} } @media only screen and (max-width:375px ) { .pro_ctg_top{background-size:cover;height: auto;padding: 50px 0px;} .pro_ctg_top .con_wrap .search_box .ddl_box{margin-bottom: 30px;} .pro_ctg_top .con_wrap .search_box .input_box .search_input{font-size: 14px;} .pro_ctg_top .con_wrap .title_box{float: none;text-align: center;} .pro_ctg_top .con_wrap .title_box .title{font-size: 20px;line-height: 1.5em;text-align: center;} .pro_ctg_top .con_wrap .title_box .more{margin: 0px auto;} .pro_ctg_box ul li{width: 100%; height: 250px;} .pro_ctg_box ul li .con_box{padding-left: 25px;} .pro_ctg_box ul li .con_box .title{margin: 25px 0px;font-size: 18px;} .pro_ctg_box ul li .con_box .icon{width: 40px;height: 40px;} .pro_ctg_box ul li .con_box .more{width: 80px;height: 36px;line-height: 36px;} } /*产品列表*/ .pro_lists_tit{width: 100%;padding: 55px 70px;_overflow: hidden;background: #eeeeee;clear:both;} .pro_lists_tit .title{float: left;color: #080808;font-size: 30px;font-weight: bold;} .clear{clear:both;} .pro_lists_tit .order_box{float:right;width:240px;} .pro_lists_tit .order_box .ddl_box .ddl_order{ width:240px; /*将默认的select选择框样式清除*/ appearance:none;-moz-appearance:none;-webkit-appearance:none; font-size: 14px;color: #090909;font-weight: bold; border:0px; border-bottom:1px solid #121212; background: url(../images/pro_ctg_arrow_h.png) center right no-repeat;background-size: auto 100%; height: 40px;line-height:40px;box-sizing: border-box; padding-left: 10px;padding-right: 40px; position: relative; } .pro_lists_tit .order_box .ddl_box .ddl_order option{color:#090909;} .pro_lists_tit .order_box .searchable-select {width:100%;color:#090909;font-size: 14px;background: url(../images/pro_ctg_arrow_h.png) center right no-repeat;background-size: auto 100%;} .pro_lists_tit .order_box .searchable-select::after{background:#121212;} @media only screen and (max-width:1200px ) { .pro_lists_tit{width: 100%;padding: 30px 40px;} .pro_lists_tit .title{font-size:24px;} } @media only screen and (max-width:768px ) { .pro_lists_tit .title{font-size:20px;} } /*产品列表页*/ .pro_main{width: 100%;box-sizing: border-box;overflow: hidden;background: #f5f5f5;} /*产品栏目*/ .pro_main .pro_nav_box{float: left;width: 387px;border-right: 1px solid #ebebeb;border-bottom: 0px;box-sizing: border-box;} .pro_main .pro_nav_box .nav_item{width:100%;border-bottom: 1px solid #ebebeb;} .pro_main .pro_nav_box .nav_item .top_item{transition: all .3s linear; line-height: 72px;position: relative;transition: all .3s linear;} .pro_main .pro_nav_box .nav_item .top_item a{width: 100%;height: 100%;font-size:18px; display: block;padding: 0px 40px;} /*鼠标经过*/ .pro_main .pro_nav_box .nav_item:hover .top_item{background: #002b62;} .pro_main .pro_nav_box .nav_item:hover .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} /*点击展开*/ .pro_main .pro_nav_box .nav_item.on .top_item{background: #002b62;} .pro_main .pro_nav_box .nav_item.on .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;} /*子栏目定位*/ .pro_main .pro_nav_box .nav_item.active .top_item{background: #002b62;} .pro_main .pro_nav_box .nav_item.active .top_item a{width: 100%;height: 100%;display: block; font-weight: bold;color: #FFFFFF;} .pro_main .pro_nav_box .nav_item .top_item .plus{transition: all .3s linear; cursor: pointer; color: #cdcdcd;font-size: 28px; width: 72px;height: 72px;line-height: 72px; position: absolute;top: 0px;right: 0px;z-index: 9; text-align: center;} /*.pro_main .pro_nav_box .nav_item .top_item:hover .plus{color:#FFFFFF;} .pro_main .pro_nav_box .nav_item.active .top_item .plus{color:#FFFFFF;} .pro_main .pro_nav_box .nav_item.on .top_item .plus{color:#FFFFFF;transform: rotate(45deg);}*/ .pro_main .pro_nav_box .nav_item .top_item .plus .pbox{position:relative;} .pro_main .pro_nav_box .nav_item .top_item .plus .pbox::after{content:"+";font-size:36px;color:#cbcbcb; cursor: pointer; color: #cdcdcd;font-size: 28px; width: 72px;height: 72px;line-height: 72px; position: absolute;top: 0px;right: 0px;z-index: 9; text-align: center;} .pro_main .pro_nav_box .nav_item .top_item:hover .plus .pbox::after{color:#e1c186;} .pro_main .pro_nav_box .nav_item.active .top_item .plus .pbox::after{color:#e1c186;} .pro_main .pro_nav_box .nav_item.on .top_item .plus .pbox::after{content:"";width:18px;height:2px;background:#e1c186;top:35px;left:28px;} .pro_main .pro_nav_box .nav_item .sub{padding:18px 0px;display: none;background:#ffffff;} .pro_main .pro_nav_box .nav_item .sub li{padding: 0px 60px;line-height: 45px;} .pro_main .pro_nav_box .nav_item .sub li a{box-sizing:border-box; display:block; font-size:16px; transition: all .3s linear; width: 100%;padding-right: 30px;box-sizing: border-box; height: 100%;display: block;background: url(../images/pro_sub_arrow.png) right center no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pro_main .pro_nav_box .nav_item .sub li:hover a{border-bottom:1px solid #cccccc; text-indent: 10px;font-weight: bold;color: #ea2030;background: url(../images/pro_sub_arrow_on.png) right center no-repeat;} .pro_main .pro_nav_box .nav_item .sub li.on a{border-bottom:1px solid #cccccc;text-indent: 10px;font-weight: bold;color: #ea2030;background: url(../images/pro_sub_arrow_on.png) right center no-repeat;} /*产品列表*/ .pro_main .pro_list_box{ margin:50px auto;width: 1600px;} .pro_main .pro_list_box ul{overflow: hidden;} .pro_main .pro_list_box ul li{float: left; width: 25%; padding:5px; box-sizing:border-box;} .pro_main .pro_list_box ul li .item_box{position: relative;box-sizing: border-box;border: 1px solid #e5e5e5; background:#fff;} .pro_main .pro_list_box ul li .item_box .img_box img{width: 100%;height: auto;display: block;transition:all 220ms linear;} .pro_main .pro_list_box ul li .item_box .img_box{overflow:hidden;} .pro_main .pro_list_box ul li .item_box:hover .img_box img{transform:scale(1.1);} .pro_main .pro_list_box ul li .item_box .con_box{width: 100%; text-align: center;/*position: absolute; bottom: 0px;left: 0px;*/} .pro_main .pro_list_box ul li .item_box .con_box .line{width: 22px;height: 2px;background: #c9a25d;margin: 0px auto;margin-bottom:5px;} .pro_main .pro_list_box ul li .item_box .con_box .title{text-align: center;font-size: 17px;line-height: 38px;color: #111111;margin-bottom: 10px;} .pro_main .pro_list_box ul li .item_box:hover .con_box .title{color:#002b62;} .pro_main .pro_list_box ul li .item_box .tools{visibility: hidden;opacity: 0;filter: alpha(opacity=0); background: rgba(18,58,109,0.91);width: 100%;height: 100%;position: absolute;top: 0px;left: 0px;transition: all .3s linear; } /*.pro_main .pro_list_box ul li .item_box:hover .tools{visibility: visible;opacity: 1;filter: alpha(opacity=100); }*/ .pro_main .pro_list_box ul li .item_box .tools .item{box-sizing: border-box; width: 50%;height: 50%;float: left;display: table;transition: all .3s linear;} .pro_main .pro_list_box ul li .item_box .tools .item:hover{background: rgba(18,58,109,0.95);} .pro_main .pro_list_box ul li .item_box .tools .item a{display: table-cell;vertical-align: middle;text-align: center;} .pro_main .pro_list_box ul li .item_box .tools .item .title{font-size: 14px;color: #FFFFFF;} .pro_main .pro_list_box ul li .item_box .tools .item:nth-child(1){border-right: 1px solid #FFFFFF;} .pro_main .pro_list_box ul li .item_box .tools .item:nth-child(3){border-right: 1px solid #FFFFFF;border-top: 1px solid #FFFFFF;} .pro_main .pro_list_box ul li .item_box .tools .item:nth-child(4){border-top: 1px solid #FFFFFF;} @media only screen and (max-width:1600px ) { .pro_main .pro_list_box { width: 100%; padding: 0px 20px;} } @media only screen and (max-width:1440px ) { .pro_main .pro_nav_box{width: 300px;} .pro_main .pro_list_box ul li{width: 33.333333%;} } @media only screen and (max-width:1200px ) { .pro_main .pro_nav_box{width: 280px;} } @media only screen and (max-width:1024px ) { .pro_main .pro_list_box ul li{width: 50%;} } @media only screen and (max-width:900px ) { } @media only screen and (max-width:768px ) { .pro_main .pro_nav_box{width: 100%;margin-bottom: 30px;} .pro_main .pro_list_box{width: 100%;} .pro_main .pro_nav_box .nav_item .top_item{line-height: 50px;} .pro_main .pro_nav_box .nav_item .sub li{line-height: 30px;} .pro_main .pro_nav_box .nav_item .top_item .plus{width: 50px;height: 50px;line-height: 50px;font-size: 26px;} } @media only screen and (max-width:480px ) { .pro_main .pro_list_box ul{padding: 0px 10px;} .pro_main .pro_list_box ul li{width:100%;margin-bottom: 20px;} .pro_main .pro_list_box ul li .item_box{border: none;} } @media only screen and (max-width:375px ) { .pro_main .pro_list_box ul li{width:100%;margin-bottom: 12px;} } /*产品详情*/ /*产品详情分类*/ .pd_posi{width: 100%;background: #FFFFFF;} .pd_posi .content{width: 1600px;margin: 0px auto; overflow: hidden;} .pd_posi .posi_box{float: left;text-align: left;margin-top: 25px;} .pd_posi .posi_box a{display: inline-block; font-size: 15px;color: #0e0e0e; height: 34px;line-height: 34px; vertical-align: middle;} .pd_posi .posi_box a.index{width: 30px;background: url(../images/pd_icon_index.png) center center no-repeat;} .pd_posi .back_btn{transition:all .3s linear; margin-top: 30px; float:right;display: block;width: 140px;height: 50px;line-height: 50px;text-align: center;color: #FFFFFF;background: #002b62;border-radius: 25px;} .pd_posi .back_btn:hover{background:#ddb875;} .pd_class_box{width: 100%; background: #11396c;} .pd_class_box ul{width: 100%;overflow: hidden; text-align: center;box-sizing: border-box;font-size: 0px;} .pd_class_box ul li{display:inline-block; padding: 20px 40px;overflow: hidden;position: relative;box-sizing: border-box;cursor: pointer;} .pd_class_box ul li .icon{width: 70px;height: 70px;margin: 0px auto;} .pd_class_box ul li .icon img{width: 100%;height: 100%;display: block;} .pd_class_box ul li .title{font-size: 13.89px;line-height: 30px; color: #FFFFFF;} .pd_class_box ul li.on::after,.pd_class_box ul li:hover::after{ content: "";transform: rotate(-45deg); width: 30px;height: 30px;background: #FFFFFF;position:absolute; bottom: -28px;left: 50%;margin-left: -15px;} .pd_con_box{width: 100%;padding-top: 70px;padding-bottom: 100px;} .pd_con_box .content{width: 1200px;margin: 0px auto; } .pd_con_box .pd_item{width: 100%;min-height: 250px;} @media only screen and (max-width:1600px ) { .pd_posi .content{width: 100%;padding: 0px 20px;box-sizing: border-box;} } @media only screen and (max-width:1200px ) { .pd_con_box .content{width: 100%;padding: 0px 20px;box-sizing: border-box;} } @media only screen and (max-width:768px ) { .pd_posi .posi_box{width: 100%;float: none;text-align: center;} .pd_posi .back_btn{float: none;margin: 20px auto;} .pd_class_box ul li{width: 25%;padding: 20px 0px;} .pd_class_box ul li .icon{width: 50px;height: 50px;} } @media only screen and (max-width:375px ) { .pd_class_box ul li{padding: 15px 0px;} .pd_class_box ul li .icon{width: 40px;height: 40px;} } /*产品详情大图切换*/ /*首页大产品切换*/ .pd_pro_show{width: 100%; position: relative;padding-bottom: 30px; background: url(../images/pd_pro_bg.jpg) top center no-repeat;background-size: 100% 100%;} .pd_pro_show .top_icon{position: absolute;top: 50px;right: 85px;} .pd_pro_show .content{width: 1200px;margin: 0px auto;} .pd_pro_show .pc-slide { width: 100%; margin: 0 auto; } .pd_pro_show .view .swiper-container { width: 100%; height: auto; margin-bottom: 20px; } .pd_pro_show .view .swiper-wrapper{ width: 100%; } .pd_pro_show .view .swiper-wrapper .swiper-slide{ width: 100%;position: relative; } .pd_pro_show .view .swiper-slide .img_box{ width: 600px;height: 600px;margin: 0px auto;position: relative; } .pd_pro_show .view .swiper-slide .img_box .bg_img { animation:rotating 6s linear infinite } .pd_pro_show .view .swiper-slide .img_box .pro_img { width: 100%;height: 100%;position: absolute;top: 0px;left: 40px; opacity: 0.8;filter: alpha(opacity=80);transform: scale(0.88); transition: all 0.8s ease-in-out; } .pd_pro_show .view .swiper-slide.swiper-slide-active .img_box .pro_img { left: 0px;opacity: 1;filter: alpha(opacity=100);transform: scale(1); } .pd_pro_show .view .swiper-slide .con_box { width: auto;height: 100%; position: absolute;left: 40px;top: 0px;display: table; } .pd_pro_show .view .swiper-slide .con_box .box { display: table-cell;vertical-align: middle; } .pd_pro_show .view .swiper-slide .con_box .box .en_title{ font-size: 60px;font-family: "BigJohn";font-weight: bold;color: #242424;margin-bottom: 10px; } .pd_pro_show .view .swiper-slide .con_box .box .title{ font-size: 25px;color: #000000;line-height: 40px; } .pd_pro_show .view .swiper-slide .con_box .box .more{ width: 136px;height: 54px;line-height: 54px;text-align: center;color: #FFFFFF;font-size: 14px;background: #002b62;border-radius: 27px;display: block;margin-top: 70px;transition: all linear .3s; } .pd_pro_show .view .swiper-slide .con_box .box .more:hover{ transform:translateZ(20px);transform: scale(1.1,1.1);box-shadow: 0px 0px 10px rgba(0,0,0,0.4); } .pd_pro_show .view .arrow-left { transform: rotateY(180deg); background: url(../images/pd_pro_show_arrow.png) no-repeat center center; position: absolute; left: 10px; top: 50%; margin-top: -25px; width: 23px; height: 50px; z-index: 10; transition: all .3s linear; } .pd_pro_show .view .arrow-left:hover { background: url(../images/pd_pro_show_arrow_1.png) no-repeat center center; } .pd_pro_show .view .arrow-right { background: url(../images/pd_pro_show_arrow.png) no-repeat center center; position: absolute; right: 10px; top: 50%; margin-top: -25px; width: 23px; height: 50px; z-index: 10; transition: all .3s linear; } .pd_pro_show .view .arrow-right:hover { background: url(../images/pd_pro_show_arrow_1.png) no-repeat center center; } .pd_pro_show .preview { width: 100%; margin-top: 10px; position: relative; } .pd_pro_show .preview .swiper-container { width: 280px; border: 1px solid #dfdfdf; } .pd_pro_show .preview .swiper-slide { width: 70px; height: 70px; box-sizing: border-box; cursor: pointer; border-right: 1px solid #dfdfdf; position: relative; } .pd_pro_show .preview .swiper-slide img{width: 100%;height: 100%; display: block;transform: scale(0.8);} .pd_pro_show .preview .swiper-slide.active-nav::after{ content: ""; width: 100%; height: 2px; position: absolute;bottom: 0px;left: 0px;background: #11396c; } .pd_pro_show .preview .single{ width: 70px; height: 70px; box-sizing: border-box; cursor: pointer; border: 1px solid #dfdfdf; margin:0 auto; } .pd_pro_show .preview .single img{width: 100%;height: 100%; display: block;transform: scale(0.8);} @media only screen and (max-width:1200px ) { .pd_pro_show .content{width: 100%;} .pd_pro_show .view .swiper-slide .img_box{width: 520px;height: 520px;} .pd_pro_show .view .arrow-left{left: 25px;} .pd_pro_show .view .arrow-right{right: 25px;} } @media only screen and (max-width:1024px ) { .pd_pro_show .view .swiper-slide .img_box{width: 480px;height: 480px;} } @media only screen and (max-width:768px ) { .pd_pro_show .view .swiper-slide .img_box{width: 440px;height: 440px;} } @media only screen and (max-width:375px ) { .pd_pro_show .view .arrow-left{left: 15px;} .pd_pro_show .view .arrow-right{right: 15px;} .pd_pro_show .view .swiper-slide .img_box{width: 350px;height: 350px;} } @media only screen and (max-width:320px ) { .pd_pro_show .view .arrow-left{left: 10px;} .pd_pro_show .view .arrow-right{right: 10px;} .pd_pro_show .view .swiper-slide .img_box{width: 300px;height: 300px;} } /*解决方案*/ .solution_box ul{background: #f4f4f4;width: 100%;} .solution_box ul.s_list>li{overflow: hidden;display: flex;width: 100%;} .solution_box ul.s_list>li .pro_img{display: flex;flex: 1 0 auto;align-items: center;width: 50%;overflow: hidden;position: relative;background-repeat: no-repeat;background-size: auto 100%;background-position: center center;} .solution_box ul.s_list>li .pro_img img{width: 100%; height: auto;display: block;transition: all 0.3s linear; -webkit-filter: grayscale(90%); -moz-filter: grayscale(90%); -ms-filter: grayscale(90%); -o-filter: grayscale(90%); filter: grayscale(90%); filter: gray;} .solution_box ul.s_list>li:hover .pro_img img{transform: scale(1.1);_opacity: 1;_filter:alpha(opacity=100); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter:none;} .solution_box ul.s_list>li .pro_con{display: flex;flex: 1 0 auto;align-items: center; width: 50%; overflow: hidden;text-align: center;} .solution_box ul.s_list>li .pro_con .box{text-align: center;width: 100%;padding: 20px 0px;} .solution_box ul.s_list>li .pro_con .wrap{display: inline-block;text-align: center;overflow: hidden;} .solution_box ul.s_list>li .pro_con .wrap .icon{display: inline-block;vertical-align: top; margin-right: 30px;} .solution_box ul.s_list>li .pro_con .wrap .info{display: inline-block;vertical-align: top;} .solution_box ul.s_list>li .pro_con .title{display: block;text-align: left; font-size: 30px;color: #000000;margin-bottom: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .solution_box ul.s_list>li .pro_con .desc{text-align: left; margin-bottom: 35px; font-size: 16px;color: #5c5c5c; line-height: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .solution_box ul.s_list>li .pro_con .lists{margin-bottom: 40px;height: 56px;line-height: 56px;overflow: hidden;} .solution_box ul.s_list>li .pro_con .lists li{float: left;margin-right: 30px;position: relative;} .solution_box ul.s_list>li .pro_con .lists li a{font-size: 19px;color:#191919;display: block;} .solution_box ul.s_list>li .pro_con .lists li:hover::after{content: "";width: 100%;height: 1px;background: #002b62;position:absolute;bottom: 0px;left: 0px;transition: all .3s linear;} .solution_box ul.s_list>li .pro_con .lists li:hover a{color: #002b62;font-weight: bold;} .solution_box ul.s_list>li .pro_con .more{display: block;margin-bottom: 10px; width: 130px;height: 50px;line-height: 50px;border-radius: 25px;border:1px solid #002b62; text-align: center;color: #002b62;font-size: 14px;transition: all .3s linear;} .solution_box ul.s_list>li .pro_con .more:hover{background: #002b62;color:#ffffff; transform: translateZ(20px);transform: scale(1.1,1.1);box-shadow: 0px 0px 10px rgba(0,0,0,0.4);} .solution_box ul.s_list>li:hover .pro_con .title{color: #012c63;font-weight: bold;} .solution_box ul.s_list>li:hover .pro_con .desc{color: #191919;} @media only screen and (max-width:1600px){ .solution_box ul.s_list>li .pro_con .wrap .icon img{width: 70px;height: auto;display: block;} .solution_box ul.s_list>li .pro_con .title{font-size: 28px;margin-bottom: 22px;} .solution_box ul.s_list>li .pro_con .desc{margin-bottom: 30px;} .solution_box ul.s_list>li .pro_con .lists{margin-bottom: 35px;height: 52px;line-height: 52px;} .solution_box ul.s_list>li .pro_con .lists li a{font-size: 18px;} } @media only screen and (max-width:1440px){ .solution_box ul.s_list>li .pro_con .wrap .icon img{width: 65px;height: auto;display: block;} .solution_box ul.s_list>li .pro_con .title{font-size: 26px;margin-bottom: 20px;} .solution_box ul.s_list>li .pro_con .desc{margin-bottom: 25px;} .solution_box ul.s_list>li .pro_con .lists{margin-bottom: 30px;height: 50px;line-height: 50px;} .solution_box ul.s_list>li .pro_con .lists li a{font-size: 16px;} } @media only screen and (max-width:1200px){ .solution_box ul.s_list>li .pro_con .wrap .icon img{width: 60px;height: auto;display: block;} .solution_box ul.s_list>li .pro_con .wrap .info{width: 65%;} .solution_box ul.s_list>li .pro_con .title{font-size: 22px;margin-bottom: 10px;} .solution_box ul.s_list>li .pro_con .desc{font-size: 14px; margin-bottom: 15px;} .solution_box ul.s_list>li .pro_con .lists{margin-bottom: 15px;height: 40px;line-height: 40px;} .solution_box ul.s_list>li .pro_con .lists li a{font-size: 15px;} } @media only screen and (max-width:1024px){ .solution_box ul.s_list>li .pro_con .wrap .icon{margin-right: 15px;} .solution_box ul.s_list>li .pro_con .wrap .icon img{width: 55px;height: auto;display: block;} .solution_box ul.s_list>li .pro_con .wrap .info{width: 60%;} .solution_box ul.s_list>li .pro_con .title{font-size: 20px;margin-bottom: 10px;} .solution_box ul.s_list>li .pro_con .desc{font-size: 14px; margin-bottom: 10px;} .solution_box ul.s_list>li .pro_con .lists li a{font-size: 14px;} .solution_box ul.s_list>li .pro_con .more{width: 100px;height: 40px;line-height: 40px;border-radius: 20px; } } @media only screen and (max-width:900px){ .solution_box ul.s_list>li{display: block;} .solution_box ul.s_list>li .pro_img{width: 100%;display: block;} .solution_box ul.s_list>li .pro_con{width: 100%;display: block;} .solution_box ul.s_list>li .pro_con .box{padding: 30px 20px;} .solution_box ul.s_list>li .pro_con .wrap{display:block;text-align: center;} .solution_box ul.s_list>li .pro_con .wrap .info{width: 100%;text-align: center;} .solution_box ul.s_list>li .pro_con .wrap .info .title{text-align: center;margin-bottom: 20px;margin-top: 20px;} .solution_box ul.s_list>li .pro_con .lists{text-align: center;} .solution_box ul.s_list>li .pro_con .lists li{float: none;display: inline-block;vertical-align: top;} .solution_box ul.s_list>li .pro_con .more{margin: 0px auto;margin-bottom: 10px;} } /*解决方案内页*/ .solution_ctg_box{width: 100%;background: #073166;} .solution_ctg_box ul{width: 100%;font-size: 0px;text-align: center;} .solution_ctg_box ul li{padding: 30px 50px;display: inline-block;vertical-align: top;text-align: center;position: relative;overflow: hidden;} .solution_ctg_box ul li.on::after,.solution_ctg_box ul li:hover::after{transform: rotate(45deg); content: "";position: absolute;bottom: -25px;left: 50%;margin-left: -15px;width: 30px;height: 30px;background: #FFFFFF;} .solution_ctg_box ul li .icon{height: 60px;margin-bottom: 10px;} .solution_ctg_box ul li .icon img{width: auto; height: 100%;display: block;margin: 0px auto;} .solution_ctg_box ul li .title{color: #ffffff;font-size:18px;line-height: 25px;} .solution_ban{width: 100%;height: 780px;margin-bottom: 80px; background-position: bottom center;background-size: cover;position: relative;} .solution_ban .ctg_info{ width: 800px; height: auto; background: rgba(20,54,98,0.9); position: absolute; bottom: -80px; right: 0px; } .solution_ban .ctg_info .title_box{width: 100%;padding:70px;padding-bottom: 105px; font-size:35px;color: #FFFFFF;} .solution_ban .ctg_info .lists{_height: 80px;padding: 0px 50px;} .solution_ban .ctg_info .lists ul{overflow: hidden;} .solution_ban .ctg_info .lists ul li{line-height: 80px;float: left;margin-right:25px;position: relative;} .solution_ban .ctg_info .lists ul li a{font-size: 19px;color: #FFFFFF;} .solution_ban .ctg_info .lists ul li:hover a,.solution_ban .ctg_info .lists ul li.on a{font-weight: bold;display: block;} .solution_ban .ctg_info .lists ul li:hover::after,.solution_ban .ctg_info .lists ul li.on::after{width: 100%;height:1px;background: #FFFFFF;content: "";top: 0px;left: 0px;position: absolute; } .solution_detail{width: 100%;margin-top: 120px;} .solution_detail .content{width:1400px;margin: 0px auto;overflow: hidden;} .solution_detail .item_box{margin-bottom: 90px;} .solution_detail .item_box .top_box .title{font-size: 30px;line-height: 35px;color: #183f70;font-weight: bold;} .solution_detail .item_box .top_box .line{width: 30px;height: 3px;background: #7a7a7a;margin: 30px 0px;} .solution_detail .about_box .con_detail{line-height: 2em;font-size: 16px;color: #242424;} .solution_detail .case_box .lists{padding-top: 30px;overflow: hidden;} .solution_detail .case_box .lists li{width: 33.333333%;float: left;box-sizing: border-box;padding: 0px 12px;} .solution_detail .case_box .lists li .box{position: relative;background: #FFFFFF;} .solution_detail .case_box .lists li .box .img_box{width: 100%;height: auto;overflow: hidden;} .solution_detail .case_box .lists li .box .img_box img{width: 100%;height: auto;display: block;} .solution_detail .case_box .lists li .box .title{line-height: 60px; text-align: center;font-size:18px;color: #181818;} .solution_detail .case_box .lists li .zz_box{transition: all .3s linear; opacity: 0;filter: alpha(opacity=0); width: 100%;height: 100%; position: absolute;top: 10px;left: 0px;background: rgba(15,54,105,0.9);padding: 0px 50px;padding-top: 70px;} .solution_detail .case_box .lists li:hover .zz_box{opacity: 1;filter: alpha(opacity=100);top: 0;} .solution_detail .case_box .lists li .zz_box .tit{font-size: 19px;color: #ffffff;font-weight: bold;margin-bottom: 20px;} .solution_detail .case_box .lists li .zz_box .time{font-size: 15px;color: #ffffff;margin-bottom: 30px;} .solution_detail .case_box .lists li .zz_box .desc{font-size: 15px;color: #ffffff;line-height: 30px;} @media only screen and (max-width:1400px ) { .solution_detail .content{width: 100%;padding: 0px 20px;} .solution_detail .case_box .lists li .zz_box{ padding-top: 55px;} } @media only screen and (max-width:1200px ) { .solution_ctg_box ul li .icon{height: 50px;} .solution_ctg_box ul li .title{font-size: 16px;} .solution_ban{height: 640px;} .solution_detail .case_box .lists li{width:50%;margin-bottom: 30px;} } @media only screen and (max-width:1024px ) { .solution_ban{height: 560px;} .solution_ban .ctg_info{width: 768px;} .solution_ctg_box ul li{width: 25%;padding: 25px 10px;} .solution_ctg_box ul li .icon{height: 46px;} .solution_ctg_box ul li .title{font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .solution_detail .case_box .lists li .zz_box{padding: 0px 30px; padding-top: 45px;} .solution_detail .case_box .lists li .zz_box .time{margin-bottom: 15px} } @media only screen and (max-width:768px ) { .solution_ban{height: 480px;margin-bottom: 120px;} .solution_ban .ctg_info{width: 100%;} .solution_ban .ctg_info .title_box{padding: 50px;font-size:28px;} .solution_detail .item_box .top_box .title{font-size:24px;} .solution_detail .item_box .top_box .line{margin: 20px 0px;} .solution_detail .item_box{margin-bottom: 60px;} .solution_detail .case_box .lists li{width: 100%;margin-bottom: 30px;} .solution_detail .case_box .lists li:hover .zz_box{opacity: 0;filter: alpha(opacity=0);} } @media only screen and (max-width:640px ) { .solution_ctg_box ul li{padding: 20px 5px;} .solution_ctg_box ul li .icon{height: 40px;} .solution_ctg_box ul li .title{font-size: 14px;} } @media only screen and (max-width:480px ) { .solution_ban .ctg_info {bottom: -60px;} .solution_ban .ctg_info .title_box{padding: 30px;font-size:22px;line-height: 1.5em; text-align: center;} .solution_ban .ctg_info .lists{padding: 0px;} .solution_ban .ctg_info .lists ul {font-size: 0px; text-align: center;} .solution_ban .ctg_info .lists ul li{display: inline-block;vertical-align: top; line-height: 60px;float: none;} .solution_ban .ctg_info .lists ul li a{font-size: 16px;} } /*============关于我们==========*/ /*集团简介*/ .about_jtjj{background: #FFFFFF;padding: 90px 0px;overflow:hidden;} .about_jtjj .content{width:1400px;margin: 0px auto;box-sizing: border-box;padding: 0px 20px;} .about_jtjj .top_box{text-align: center;} .about_jtjj .top_box .title{font-size: 34px;color: #272727;font-weight: bold;margin-bottom: 15px;} .about_jtjj .top_box .en_title{font-size: 28px;color: #9c9c9c;margin-bottom: 20px;} .about_jtjj .top_box .line{margin-bottom: 55px;} .about_jtjj .con_box{font-size: 16px;color: #393939;line-height: 30px;} .about_jtjj .con_box p{margin-bottom: 1em;} @media only screen and (max-width:1400px ) { .about_jtjj .content{width: 100%;} } @media only screen and (max-width:1024px ) { .about_jtjj{padding: 60px 0px;} .about_jtjj .top_box .title{font-size: 30px;margin-bottom: 13px;} .about_jtjj .top_box .en_title{font-size: 26px;margin-bottom: 16px;} .about_jtjj .top_box .line{margin-bottom: 45px;} } @media only screen and (max-width:768px ) { .about_jtjj{padding: 50px 0px;} .about_jtjj .top_box .title{font-size: 28px;} .about_jtjj .top_box .en_title{font-size: 24px;} .about_jtjj .top_box .line{margin-bottom: 35px;} } /*全局*/ @media only screen and (max-width:1640px ) { .header .content{width: 100%;padding: 0px 20px;} } /*PC导航logo和菜单 重合时 切换成小导航栏*/ @media only screen and (max-width:1400px ) { .tools_box{display: none;} } @media only screen and (max-width:1200px ) { /*头部显示样式*/ .d_nav{display: none;} .tools_box{display: none;} .header .content{text-align: center;padding: 0px;height: 60px;background: #ffffff;} .header .content .logo{float: left;height: 60px;display:block;margin-left: 20px; padding: 0px;} .header .content .icon_menu{float: left;display:none;} .nav_btn{display: block;width: 60px;height: 60px;} .lang_min{display: block;width: 60px;height: 60px;} .banner{margin-top: 60px;} .ny_main{margin-top: 60px;} #t-ban .swiper-button-prev,#t-ban .swiper-button-next{display: none;} } /*css flickr style pagination*/ div.flickr {padding:20px 0px 20px 0px;margin:0px; text-align:center;font-size:14px;font-family:"SimSun";} div.flickr li{ list-style:none; display:inline-block;} div.flickr a{ min-width:60px;height: 40px; padding:0px 5px;line-height:40px;transition: all 0.3s linear;font-family:"SimSun";border: 1px solid #cbcbcb ; border-radius: 5px; color: #666666;text-decoration: none;display:inline-block;} div.flickr a:hover {border: #002b62 1px solid; background: #002b62; color: #fff; } div.flickr li.active a{border: #002b62 1px solid; background: #002b62; color: #fff; } div.flickr a.prePage{ margin-left:5px;margin-right:5px;} div.flickr a.nextPage{ margin-right:5px;} @media only screen and (max-width:768px ) { div.flickr a{width:30px;height: 30px;line-height:30px;} div.flickr span{width:30px;height: 30px;line-height:30px;} } /*人才提交表单*/ .jbs_tb_1{ margin-left:250px;margin-bottom: 60px;} .jbs_tb_1 th{ text-align:right; font-weight:bold; padding-right:10px; font-size:14px; font-weight:bold;} .jbs_txt{ width:300px; height:40px; border:1px solid #CCCCCC; font-size:15px; line-height:40px; padding:0 5px;background: #FFFFFF;margin: 10px 0px;} .jbs_txt:focus{ border:1px solid #002b62;} .jbs_txtarea{ width:500px;margin-top: 10px; height:150px; border:1px solid #CCCCCC; font-size:15px; padding:5px;background: #FFFFFF;} .jbs_txtarea:focus{ border:1px solid #002b62;} .jbs_age{ width:80px;} .jbs_tel{ width:150px;} .jbs_hong{ color:#f00;} .jbs_submit{width: 120px; height:40px; text-align:center; margin: 10px auto; line-height:40px; color:#333333; font-size:15px; font-weight:bold; border:0px; cursor:pointer; background:#cbcccc;} .jbs_submit:hover{ background:#002b62; color:#FFF;transition: all .4s linear 0s;} .jobsub_box{width: 500px;margin: 40px auto;} .jobsub_box .item{overflow: hidden;text-align: center;} .jobsub_box .item .title{width: 20%;text-align: right;line-height:40px;float: left;} .jobsub_box .item .input{width: 80%;line-height: 40px; float: right;text-align: left;} .jobsub_box .item .input .jbs_txt{width: 90%;} .jobsub_box .item .input .jbs_txtarea{width: 90%;} .jobsub_box .item .input .jbs_age{width: 100px;} @media only screen and (max-width:640px ) { .jobsub_box{width: 100%;} } @media only screen and (max-width:400px ) { .jobsub_box .item .title{width: 30%;} .jobsub_box .item .input{width: 70%;} } .lf{ float:left;display: block; } .rf { display: block; float: right;} /************人才理念***********/ .inner-titles{ position:relative; text-align: center;padding:40px 0 70px;background: #fff url(../images/wish.png) no-repeat center 96px;} .inner-title-h4 {font-size: 30px; line-height:2; color: #222; } .inner-title-h5 {font-size: 18px; line-height: 30px; margin: 9px 0 40px; color: #222; } .inner-title-h5 p{font-size: 18px; } .inner-title-h6 {font-size: 16px; line-height: 30px; color: #777; } .inner-titles:after {position: absolute; content: ""; left: 50%; top: 250px; display: inline-block; width: 32px; height: 2px; margin-left: -16px; background: #f28d01;} .w1200 {max-width: 1200px; width:92%;margin: 0 auto; } .core-wrap{ background:#f7f7f7; overflow:hidden; padding-bottom: 20px;} .core-wrap .co-titles { position:relative;background: #002b62; text-align:center; color: #fff; height: 380px; font-size: 30px;line-height: 30px; box-sizing: border-box; padding: 80px 0 110px; } .core-wrap .co-titles .co-en-span{text-transform: uppercase; display: inline-block;margin-right: 10px;font-family: "Arial";} .core-wrap .co-titles:after {position: absolute; content: ""; left: 50%; bottom: 240px; display: inline-block; width: 54px; height: 4px; border-radius: 2px; background: #fff; margin-left: -16px; } .core-wrap .core-items-wrap { position: relative; margin-top: -180px; } .core-wrap .core-items { width:calc(33.33% - 15px); margin-right: 22px; } .core-wrap .core-items:nth-child(3){ margin-right:0px;} .core-wrap .core-img{ overflow:hidden; width:100%;} .core-wrap .core-img img {transition: all .3s linear;width: 100%;display: block; } .core-wrap .core-txts { padding: 34px 40px 48px; box-sizing: border-box; background: #fff; } .core-wrap .core-title { position:relative; font-size: 24px; line-height: 24px; padding-bottom: 22px; color: #333;text-align: center; } .core-wrap .core-title:after { position: absolute; content: ""; left: 50%; bottom: 0; display: inline-block; width: 32px; margin-left: -16px; height: 2px; background: #bfbfbf; } .core-wrap .core-detail {font-size: 14px; line-height: 28px; color: #777; margin-top: 30px; height: 90px; overflow: hidden;text-align: center; } .core-wrap .core-img:hover img{transform: scale(1.1);} @media only screen and (max-width:767px ) { .core-wrap .core-items { width:calc(100% - 0px); margin-right: 0px; margin-bottom:10px; } } .talents-wrap{ background:#f7f7f7; overflow:hidden; padding-bottom: 134px;} .talents-wrap .co-titles { position:relative;text-align:center; color: #222;font-size: 30px;line-height: 30px; box-sizing: border-box; padding: 80px 0 56px; } .talents-wrap .co-titles .co-en-span{text-transform: uppercase; display: inline-block;margin-right: 10px;font-family: "Arial";} .talents-wrap .co-titles:after {position: absolute; content: ""; left: 50%; bottom: 26px; display: inline-block; width: 54px; height: 4px; border-radius: 2px; background: #f28d01; margin-left: -16px; } .talents-wrap .talents-h5 {font-size: 14px; line-height: 24px;color: #666; padding-bottom: 56px;text-align:center;} .talents-wrap .talents-ul .talents-li { width:calc(33.33% - 15px)!important; height: 400px;position: relative;background: #fff; padding: 44px 40px 0;box-sizing: border-box;box-shadow: 0 0 36px rgba(0, 0, 0, 0.1);text-align: center;border-bottom:4px solid #0d84d8; margin-right: 22px;} .talents-wrap .talents-ul .talents-li:nth-child(2){border-bottom:4px solid #ea543c;} .talents-wrap .talents-ul .talents-li:nth-child(3){border-bottom:4px solid #f28d01; margin-right:0px;} .talents-wrap .talents-img {width: 120px;display: block; margin: 0 auto 30px;} .talents-wrap .talents-details {font-size: 14px;line-height: 30px;color: #666; max-height: 150px;overflow: hidden;} @media only screen and (max-width:767px ) { .talents-wrap .talents-ul .talents-li { width:calc(100% - 0px)!important; margin-bottom:10px; } } .salary-wrap { background: url(../images/salary.jpg) no-repeat center bottom;overflow:hidden;} .salary-wrap .co-titles { position:relative;text-align:center; color: #fff;font-size: 30px;line-height: 30px; box-sizing: border-box; padding: 80px 0 110px; } .salary-wrap .co-titles .co-en-span{text-transform: uppercase; display: inline-block;margin-right: 10px;font-family: "Arial";} .salary-wrap .co-titles:after {position: absolute; content: ""; left: 50%; bottom: 76px; display: inline-block; width: 54px; height: 4px; border-radius: 2px; background: #fff; margin-left: -16px; } .salary-wrap .salary-ul-wrap { padding-bottom: 144px;} .salary-wrap .salary-li { width: 280px !important;margin-right: 26px !important; height: 356px; background: #fff; padding: 48px 26px 0; box-sizing:border-box; box-shadow: 0 0 36px rgba(0, 0, 0, 0.1); text-align:center;} .salary-wrap .salary-h5 { font-size: 22px;line-height: 30px; padding-bottom: 50px; color: #333; position:relative;display: block;box-sizing: border-box;} .salary-wrap .salary-h5:after {position: absolute; content: ""; left: 50%;bottom: 26px; display: inline-block; width: 24px;height: 3px; margin-left: -12px; background: #f28d01;} .salary-wrap .salary-details {font-size: 14px;line-height: 36px; margin-bottom: 20px;color: #666; max-height: 216px;overflow: hidden;} .salary-ul-wrap .swiper-pagination{ bottom: 60px;left: 0; width: 100%;} .salary-ul-wrap .swiper-pagination-bullet {width: 9px;height: 9px;display: inline-block;border-radius: 100%;background:#000;} .salary-ul-wrap .swiper-pagination span.swiper-pagination-bullet-active { background: #fff;} .salary-ul-wrap .swiper-pagination span {background:rgba(136, 124, 124, 0);border:1px solid #fff;opacity: 1;} .train-wrap { background:#f7f7f7;overflow:hidden;padding-bottom: 80px;} .train-wrap .co-titles { position:relative;text-align:center; color: #222;font-size: 30px;line-height: 30px; box-sizing: border-box; padding: 80px 0 56px; } .train-wrap .co-titles .co-en-span{text-transform: uppercase; display: inline-block;margin-right: 10px;font-family: "Arial";} .train-wrap .co-titles:after {position: absolute; content: ""; left: 50%; bottom: 26px; display: inline-block; width: 54px; height: 4px; border-radius: 2px; background: #f28d01; margin-left: -16px; } .train-wrap .train-items { background: #fff;margin-bottom: 12px; box-shadow: 0 0 36px rgba(0, 0, 0, 0.1); overflow: hidden;} .train-wrap .train-img {width: 250px;border-radius: 5px;} .train-wrap .train-txts { width: 950px; padding: 40px 80px 0 40px;box-sizing: border-box;} .train-wrap .train-h5 { font-size: 24px;line-height: 24px; color: #333; padding-bottom: 22px;} .train-wrap .train-details {font-size: 14px;line-height: 30px;color: #777; max-height: 150px;overflow: hidden;} .aim-wrap {padding: 177px 0; box-sizing: border-box;overflow: hidden;background:url(../images/aim.jpg) no-repeat center bottom;} .aim-wrap .aim-items {width: 572px;height: 330px;background: #fff; margin-right: 56px;overflow: hidden; box-sizing:border-box; padding: 74px 77px 20px; box-shadow: 0 0 36px rgba(0, 0, 0, 0.1);} .aim-wrap .aim-items:nth-child(2){margin-right: 0px;} .aim-wrap .co-titles { padding-bottom: 56px; padding-top: 0;font-size: 30px; line-height: 30px; position:relative;color: #222; text-align: center;} .aim-wrap .co-titles .co-en-span {display: inline-block;margin-right: 10px;font-family: "Arial";text-transform: uppercase;font-size: 30px;line-height: 30px; color: #222;} .aim-wrap .co-titles:after { position: absolute; content: ""; left: 50%; bottom: 26px; margin-left: -27px;display: inline-block; width: 54px;height: 4px; background: #c9c9c9; border-radius: 2px;} .aim-wrap .aim-dt { font-size: 16px; line-height: 30px; color: #666;text-align: center;} .aim-wrap .aim-dt p{ font-size: 16px; line-height: 30px; color: #666;text-align: center;} /************在线招聘***********/ .recruit { background: #f7f7f7; padding:50px 0 50px;box-sizing: border-box;} .recruit .inner-titles{ position:relative; text-align: center;padding: 110px 0 96px;background:url(../images/recruit.png ) no-repeat center 96px;} .recruit .inner-title-h4 {font-size: 30px;line-height: 30px; color: #222; margin-bottom: 60px;} .recruit .inner-title-h5 { font-size: 18px; line-height: 30px; color: #222; margin: 0px 0 0px;} .recruit .inner-title-h5 p{font-size: 18px;} .recruit-wrap{ overflow:hidden;} .recruit .inner-titles:after {position: absolute;content: ""; left: 50%; top: 165px; display: inline-block; width: 32px; height: 2px; margin-left: -16px;background: #f28d01;} .recruit .recruit-items {width: calc(33.33% - 20px); height: 410px; background: #fff; margin-right: 30px;overflow: hidden;padding: 30px 36px 0;margin-bottom: 34px; cursor: pointer; box-sizing:border-box; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);} .recruit .recruit-items:nth-child(3n) {margin-right: 0px;} .recruit .recruit-title { font-size: 18px;line-height: 24px;color: #333; margin-bottom: 14px;} .recruit .recruit-num{font-size: 14px; line-height: 26px; color: #666;} .recruit .recruit-bot {padding-top: 24px;margin-top: 14px;border-top: 1px solid #e9e9e9;} .recruit .recruit-demand { font-size: 16px;line-height: 26px;color: #333;} .recruit .recruit-bot-p { margin: 14px 0; height: 78px;overflow: hidden; font-size: 14px;line-height: 26px;color: #666;} .recruit .recruit-time {font-size: 14px; line-height: 26px;color: #aaa;} .recruit .recruit-more1 {margin-top: 50px;background: #e5e5e5; color: #666;font-size: 14px;line-height: 40px; width: 140px; height: 40px;border-radius: 20px;text-align: center;} .recruit .recruit-items:hover {background: #f28d01;} .recruit .recruit-items:hover .recruit-num, .recruit .recruit-items:hover .recruit-bot-p, .recruit .recruit-items:hover .recruit-time, .recruit .recruit-items:hover .recruit-title, .recruit .recruit-items:hover .recruit-demand { color: #fff; } .recruit .recruit-items:hover .recruit-more1 {background: #fff;} .inner-titles.nbn18{ position:relative; text-align: center;padding: 128px 0 70px;background:url(../images/recruit.png ) no-repeat center 96px;} .inner-titles.nbn2{ position:relative; text-align: center;padding: 128px 0 70px;background:url(../images/png31.png ) no-repeat center 96px;} .inner-titles.nbn6{ position:relative; text-align: center;padding: 128px 0 70px;background:url(../images/png33.png ) no-repeat center 96px;} .inner-titles.nbn1{ position:relative; text-align: center;padding: 128px 0 70px;background:url(../images/png8.png ) no-repeat center 96px;} .inner-titles.nbn11{ position:relative; text-align: center;padding: 128px 0 70px;background:url(../images/png8.png ) no-repeat center 96px;} @media only screen and (max-width:767px ) { .recruit .recruit-items {width: calc(100% - 0px); margin-right: 0px;} .inner-titles.nbn18{ position:relative; text-align: center;padding:40px 0 40px; margin-top:50px;background:url(../images/recruit.png ) no-repeat center 96px;background-size: contain;} .inner-titles.nbn2{ position:relative; text-align: center;padding:40px 0 40px;margin-top:50px;background:url(../images/png31.png ) no-repeat center 96px; background-size: contain;} .inner-titles.nbn6{ position:relative; text-align: center;padding: 40px 0 40px;margin-top:50px;background:url(../images/png33.png ) no-repeat center 96px; background-size: contain;} .inner-titles.nbn1{ position:relative; text-align: center;padding: 40px 0 40px;margin-top:50px;background:url(../images/png8.png ) no-repeat center 96px; background-size: contain;} .inner-titles.nbn11{ position:relative; text-align: center;padding:40px 0 40px;margin-top:50px;background:url(../images/png8.png ) no-repeat center 96px; background-size: contain;} .inner-titles:after { position: absolute; content: ""; left: 50%; top: 210px; display: inline-block; width: 32px; height: 2px; margin-left: -16px; background: #f28d01; } } .elegant { background: #fff; padding: 0px 0 80px;box-sizing: border-box;} .elegant-wrap{ overflow:hidden;} .elegant .elegant-items { padding-bottom: 78px; margin-bottom: 78px; border-bottom: 1px solid #e9e9e9; overflow:hidden; } .elegant .elegant-txts { width: 50%; padding-right: 44px; box-sizing:border-box; } .elegant .elegant-title { font-size: 24px; line-height: 54px; padding-left: 74px; color: #333; margin-bottom: 22px; } .elegant .elegant-detail { font-size: 14px; line-height: 28px; color: #777; max-height: 112px; overflow: hidden; } .elegant .elegant-img-wrap { width:50%;padding-right: 24px } .elegant .ele-img { width: calc(50% - 14px); } .elegant .ele-img1 { margin-right: 28px; } @media only screen and (max-width:767px ) { .elegant .elegant-items { padding-bottom: 28px; margin-bottom: 28px; border-bottom: 1px solid #e9e9e9; overflow: hidden; } .elegant .elegant-img-wrap { width:100%;padding-right:0px } .elegant .elegant-txts { width: 100%;margin-bottom: 20px; padding-right: 0px; box-sizing:border-box; margin-top:40px; } } .gotop{width:46px;height:46px;background:url(../images/gotop.png) center center no-repeat #ddb875;position:fixed;bottom:100px;right:50px; cursor:pointer; z-index:99;} /* index02 */ .index02{width: 100%;box-sizing: border-box;position: relative;padding-top:250px;margin: 0 0 120px; background:url(../images/index_02.jpg) top center no-repeat;} .index02>img{display: block;width: 100%;position: absolute;left: 0;top: 0;z-index: 0;} .index02 .cont{padding: 10px 5%;box-sizing: border-box;position: relative;z-index: 2;} .index02 .cont .top{text-align: center;} .index02 .cont .top h3{font-size: 30px;color: #ffffff;margin-bottom: 30px;opacity: 1;font-weight:bold;} .index02 .cont .top h4{font-size: 16px;color: #FFFFFF;opacity: 0.6;letter-spacing:1px;} .index02 .cont .top strong{display:block;width:0px;height:60px;background-color:#fff;margin:40px auto;} .index02 .cont .list{width: 100%;box-sizing: border-box;display: flex;display: -webkit-flex;-webkit-justify-content: space-between;justify-content: space-between;/* box-shadow: 0px 0px 5px rgba(0,0,0,0.2); */ margin-left:-3%;} .index02 .cont .list a{background: #F4F5F7;box-sizing: border-box;padding: 3.5% 2.5%;transition: all .6s;position: relative;width: 100%;margin: 0px 0px 0px 3%;border-radius: 10px;} .index02 .cont .list a:nth-of-type(1) h4{ padding-left:20px; background:url(../images/yuan.png) left top 8px no-repeat;} .index02 .cont .list a:after{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition: all .6s;background:#113479;z-index: 0;border-radius: 10px;} .index02 .cont .list a h3{font-size: 16px;margin-bottom: 40px;font-weight:bold;letter-spacing: 0px;color: #113479;position: relative;z-index: 1;line-height:1.5;} .index02 .cont .list a h4{font-size: 14px;color: #848587;line-height: 30px;overflow: hidden;position: relative;z-index: 1;} .index02 .cont .list a .list_num { display:block; width:100%; overflow:hidden; margin-bottom:20px;position: relative;z-index: 1;} .index02 .cont .list a .list_num .list_k{ display:inline-block; width:50%; float:left;} .index02 .cont .list a .list_num .list_k .list_sz{ font-size:38px; color: #113479; font-weight:bold; line-height:1.5;} .index02 .cont .list a .list_num .list_k .list_sz span{ font-size:15px;} .index02 .cont .list a .list_num .list_k p{font-size:15px; color: #113479; line-height:1;font-weight:bold;} .index02 .cont .list a:hover::after{opacity: 1;} .index02 .cont .list a:hover h3,.index02 .cont .list a:hover h4{color: #FFFFFF;} .index02 .cont .list a:hover .list_num .list_k .list_sz{ color: #FFFFFF;} .index02 .cont .list a:hover .list_num .list_k .list_sz span{color: #FFFFFF;} .index02 .cont .list a:hover .list_num .list_k p{color: #FFFFFF;} .index02 .cont .list a:nth-of-type(1):hover h4{ padding-left:20px; background:url(../images/yuan1.png) left top 8px no-repeat;} @media only screen and (max-width:768px ){ .index02{width: 100%;box-sizing: border-box;position: relative;padding-top:50px;margin: 0 0 60px; background:url(../images/index_02.jpg) top center no-repeat;} .index02 .cont .top strong{display:block;width:0px;height:0px;background-color:#fff;margin:40px auto;} .index02 .cont .top h3 { font-size: 18px;} .index02 .cont .list{width: 100%;box-sizing: border-box;display:block;justify-content: space-between;/* box-shadow: 0px 0px 5px rgba(0,0,0,0.2); */ margin-left:-3%;} .index02 .cont .list a{background: #F4F5F7; display:block; margin-bottom:10px;padding: 3.5% 4%;} } /********合作伙伴**********/ .index05{width: 100%;box-sizing: border-box;margin: 120px auto 80px;} .index05 .i-tl{width: 800px;margin: auto;margin-bottom: 3%} .index05 .i-tl h3{font-size: 20px;color: #333;margin-bottom: 40px;font-weight:normal;} .index05 .i-tl h4{line-height: 32px;} .index05 .swiper-container{max-width: 1200px; width:90%;margin: auto;} .index05 .swiper-slide{ text-align:center;} .index05 .swiper-slide img{width: 85%;} .index05 .swiper-pagination{position: relative;width: 100%;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;margin:20px 0px;height: 0px;overflow: hidden;} .index05 .swiper-pagination .swiper-pagination-bullet{width:6px;height:6px;border: 1px solid #113479;background-color: transparent;opacity: 1;margin-right:5px;} .index05 .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;} .index05 .swiper-pagination .swiper-pagination-bullet-active{background-color: #113479;} .index06{width: 100%;box-sizing: border-box;position: relative; overflow:hidden;} .index06 .cont{width: 50%; float:left;box-sizing: border-box;text-align:center;padding:150px 0px;margin: auto;background: url(../images/index_bg14.jpg) top center no-repeat;} .index06 .cont:nth-of-type(2){background: url(../images/index_bg15.jpg) right center no-repeat;} .i-tl { width: 100%; box-sizing: border-box; text-align: center; } .index06 .cont h3{margin-bottom: 50px;} .index06 .cont h4{font-size: 18px;color: #fff;line-height: 32px;margin-bottom: 60px;opacity:0.75;} .index06 .toptl{text-align: left;} .index06 .toptl h3{font-size: 30px;color: #fff;font-weight: bold;} .index06 .more{ display: block; width: 180px; height: 48px; background: rgba(255, 255, 255, 0); line-height: 48px; font-size: 15px; color: #113479; text-align: center; position: relative; overflow: hidden; z-index: 0; margin: auto; border: 1px solid #D8D8D8;margin: 0 auto;font-size: 16px;color: #fff; border-color: #fff;width: 186px;height: 46px;line-height: 46px;border: 1px solid #fff;transition: all .3s;background-color: transparent;} .index06 .more:hover{color:#fff;border: 1px solid #113479;} .index06 .more:after{background-color: #113479;} /***************新闻*********************/ .news_bg{ padding:80px 0px 40px; overflow:hidden;background:#f9f9f9;} .news_bg .news_bottom { position: relative; margin:0px 0px 10px; padding-bottom:20px;overflow:hidden;border-top: 1px solid #e5e5e5;} .news_box li { float: left;width: 33.333333%;} .news_box li a { display: block;padding: 55px 40px 65px;} .news_box li:not(:last-child) { border-right: 1px solid #e5e5e5;} .news_date {font-size: 16px;color: #113479;line-height: 20px;margin-bottom: 25px;} .news_date i{font-size: 18px;line-height: 20px;} .news_txt {font-size: 22px;line-height: 34px;color: #000000;height:34px;overflow: hidden; margin-bottom:10px;} .news_info {font-size:15px;line-height:1.8;color: #666;overflow: hidden; margin-bottom:30px;} .news_morebtn {position: relative; z-index: 1; display: inline-block; vertical-align: top; padding: 0 40px;line-height: 54px; font-size: 14px; font-weight: bold;color: #113479;} .news_morebtn::before { content: ""; position: absolute; left: 0;top: 0;z-index: -1; width: 100%; height: 100%;border-radius: 30px;background: #fff;transition: all .36s;transform: scale(1) !important;color: #113479;border: 1px solid #113479;} .news_morebtn::after { content: ""; position: absolute; left: 0;top: 0;z-index: -1; width: 100%; height: 100%;border-radius: 30px; opacity: 0; transform: scale(1);transition: all .36s;background: #113479} .news_imgbox { position: relative;margin-top: 55px; overflow: visible;} .news_imgbox::before { content: ""; position: absolute; left: 0; bottom: -30px; z-index: 1; width: 100%; height: 1px;background: #113479; } .news_imgbox::after { content: "";position: absolute; left: 0; bottom: -30px; z-index: 2; width: 0; height: 1px; background: #113479; transition: all .5s;} .mc_list_png { width: 100%; position: relative; z-index: 1;top: 0;left: 0;} .mc_list_img { width: 100%; height: 100%; position: absolute; z-index: 2; top: 0;left: 0;} .news_box li a:hover { box-shadow: 15px 9px 14px 2px rgba(110, 117, 129, .18);} .news_box li a:hover .news_imgbox::after {width: 100%;} .news_box li a:hover .news_morebtn::before { transform: scale(.5); opacity: 0;} .news_box li a:hover .news_morebtn::after { transform: scale(1); opacity: 1; } .news_box li a:hover .news_morebtn { color: #fff; } @media only screen and (max-width:768px ){ .news_box li { float: left;width: 100%; margin-bottom:10px; background:#fff;} .news_box li:not(:last-child) { border-right: none; } .index06 .cont { width: 100%;padding: 80px 0px;} .index06 .toptl h3 { font-size: 20px; color: #fff; font-weight: bold; } .company-txts-wrap { width: 100%; float: left; } .company-img-wrap { width: 100%; float: right; } .f-nav-box .f-nav { width: 50%; float: left; } .f_con { max-width: 230px; width: 50%; margin-right:0%; float: left; } .footer-bottom .copy, .footer-bottom .copy a, .footer-bottom .beian, .footer-bottom .beian a { font-size: 14px; color: rgba(255, 255, 255, 0.72); transition: all .3s linear; text-align: center; width: 100%; line-height: 2; } .footer-bottom .beian { margin-right: 20px; text-align: center; width: 100%; } } /*********公司历程********/ .history_bg {padding: 50px 0px 0px;background: url(../images/lcbj.png) no-repeat center; background-size: 100%; background-attachment: fixed;} @media (max-width: 1024px) { .index_history .history_box { padding-top: 40px;padding-bottom: 40px;} } @media (max-width: 700px) { .index_history .history_box { padding-top: 30px;padding-bottom: 30px;} } .history_box {margin-top: 30px;padding-bottom: 40px;} .history_box ul li:nth-child(even).animate {transform: translateX(0px);filter: alpha(opacity=100);opacity: 1;} .history_box ul li:nth-child(even) a {float: right;margin-right: 4px; margin-top: -1px;} @media (min-width: 1024px) { .history_box ul li:nth-child(even) a:hover .cont .day, .history_box ul li:nth-child(even) a:hover .cont .con { color: ##333;} .history_box ul li:nth-child(even) a:hover .cont .more {filter: alpha(opacity=100);opacity: 1; transform: translateY(0px);} .history_box ul li:nth-child(even) a:hover .date .ico {background: url(../images/b4.png) no-repeat;} .history_box ul li:nth-child(even) a:hover .date .line {background: #333;} .history_box ul li:nth-child(even) a:hover .date .year { border-color: #333;} .history_box ul li:nth-child(even) a:hover .date .year .bg { width: 100%; height: 100%; left: 0; top: 0; background: #113479; margin-left: 0; margin-top: 0; } } .history_box ul li:nth-child(even) a .cont {padding-right: 0;left: auto;right: 0; padding-left: 230px;} .history_box ul li:nth-child(even) a .cont .day, .history_box ul li:nth-child(even) a .cont .con, .history_box ul li:nth-child(even) a .cont .more {text-align: left;} .history_box ul li:nth-child(even) a .date { float: left;} .history_box ul li:nth-child(even) a .date .ico, .history_box ul li:nth-child(even) a .date .line, .history_box ul li:nth-child(even) a .date .year {float: left;} .history_box ul li:nth-child(even) a .date .ico { background: url(../images/b2.png) no-repeat;} .history_box ul li {width: 100%;padding: 0 45px;box-sizing: border-box;transition: all 0.5s;} .history_box ul li.animate {transform: translateX(0px);filter: alpha(opacity=100);opacity: 1;} .history_box ul li a {float: left; width: 50%; height: 123px; display: block; position: relative;} @media (min-width: 1024px) { .history_box ul li a:hover .cont .day, .history_box ul li a:hover .cont .con {color: #333;} .history_box ul li a:hover .cont .more {filter: alpha(opacity=100); opacity: 1; transform: translateY(0px);} .history_box ul li a:hover .date .ico { background: url(../images/b5.png) no-repeat; } .history_box ul li a:hover .date .line {background: #333;} .history_box ul li a:hover .date .year { border-color: #333;} .history_box ul li a:hover .date .year .bg {width: 100%; height: 100%; left: 0; top: 0; background: #113479; margin-left: 0; margin-top: 0;} } .history_box ul li a .cont {position: absolute;left: 0; top: 20px; height: auto; width: 100%;padding-right: 230px;box-sizing: border-box;} .history_box ul li a .cont .day {font-size: 20px;line-height: 28px; color: #333; text-align: right; transition: all 0.3s;} .history_box ul li a .cont .con {font-size: 14px;line-height: 24px;color: #797778;text-align: right;word-break: break-all; transition: all 0.3s;margin-top: 14px;overflow: hidden;max-height: 68px;} .history_box ul li a .cont .more {text-align: left; margin-top: 8px;transition: all 0.3s;filter: alpha(opacity=0);opacity: 0; transform: translateY(10px);} .history_box ul li a .cont .more .m {display: inline-block; width: 84px;height: 32px; background: #333;border-radius: 32px; font-size: 12px;line-height: 32px; color: #fff; text-align: center;} .history_box ul li a .date {float: right;} .history_box ul li a .date .ico { width: 47px; transition: all 0.3s; height: 123px; background: url(../images/b.png) no-repeat; background-size: cover; float: right; } .history_box ul li a .date .line { width: 60px; height: 2px; transition: all 0.3s; background: #ddd; float: right; margin-top: 61px; } .history_box ul li a .date .year { float: right; width: 90px; height: 90px; background:url(../images/img.png) center center no-repeat; box-sizing: border-box; border-radius: 50%; margin-top: 16px; transition: all 0.3s; position: relative; } .history_box ul li a .date .year .txt { width: 100%; height: 100%; position: relative; z-index: 20; border-radius: 50%; font-size: 20px; line-height: 90px; color: #fff; font-weight: bold; text-align: center; } .history_box ul li a .date .year .bg { width: 68px; height: 68px; border-radius: 50%; transition: all 0.3s; background: #113479; position: absolute; left: 50%; margin-left: -34px; top: 50%; margin-top: -34px; } @media (max-width: 1620px) { .history_box { margin-top: 50px; padding-bottom: 35px; } .history_box ul li:nth-child(even) a .cont { padding-left: 190px; } .history_box ul li { padding: 0; } .history_box ul li a .cont { padding-right: 190px; } .history_box ul li a .cont .day { font-size: 20px; line-height: 28px; } .history_box ul li a .cont .con { margin-top: 10px; } .history_box ul li a .date .line { width: 40px; } .history_box ul li a .date .year .txt { font-size: 20px; line-height: 90px; } } @media (max-width: 1024px) { .history_box { margin-top: 40px; padding-bottom: 30px; } .history_box ul li:nth-child(even) a .cont { padding-left: 160px; } .history_box ul li { padding: 0; } .history_box ul li a { margin: 0; } .history_box ul li a .cont { padding-right: 160px; } .history_box ul li a .cont .day { font-size: 16px; line-height: 24px; } .history_box ul li a .cont .con { margin-top: 5px; font-size: 13px; line-height: 22px; max-height: 88px; } .history_box ul li a .cont .more { transform: translateY(0); filter: alpha(opacity=100); opacity: 1; } .history_box ul li a .date .line { width: 30px; } .history_box ul li a .date .year { width: 70px; height: 70px; margin-top: 27px; } .history_box ul li a .date .year .bg { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; } .history_box ul li a .date .year .txt { font-size: 16px; line-height: 70px; } } @media (max-width: 800px) { .history_box { margin-top: 30px; padding-bottom: 20px; } .history_box ul li:nth-child(even) a .cont { padding-left: 90px; } .history_box ul li:last-child { margin-bottom: 0; } .history_box ul li { padding: 0; margin-bottom: 15px; overflow:hidden; } .history_box ul li a { width: 100%; height: auto; } .history_box ul li:nth-child(even) a { float: right; margin-right: 0px; margin-top: 0px; } .history_box ul li a .cont { padding-right: 0; padding-left: 90px; position: static; } .history_box ul li a .cont .day { font-size: 16px; line-height: 24px; text-align: left; } .history_box ul li a .cont .con { margin-top: 5px; font-size: 13px; line-height: 22px; max-height: 88px; text-align: left; } .history_box ul li a .cont .more { margin-top: 3px; } .history_box ul li a .date { float: left; } .history_box ul li a .date .ico { display: none; } .history_box ul li a .date .line { width: 30px; display: none; } .history_box ul li a .date .year { width: 70px; height: 70px; margin-top: 0px; } .history_box ul li a .date .year .bg { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; } .history_box ul li a .date .year .txt { font-size: 16px; line-height: 70px; } }