.mCSB_scrollTools { display: block!important; } body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td { margin: 0; padding: 0; font-size: 12px; } body, button, input, select, textarea { font: 14px/1 "微软雅黑", Helvetica, Arial, sans-serif; } h1 { font-size: 18px; } 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; } 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; } fieldset, img { border: none; } input { vertical-align: middle; border: none; background: none; outline: none; } \n 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 { color: #000000; } input:-moz-placeholder { color: #000000; } input::-moz-placeholder { color: #000000; } input:-ms-input-placeholder { 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; } td{ border: 1px solid #ddd; padding: 10px 15px;} table { border-collapse: collapse;} .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: #ffffff; 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: 20px; 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: 40px; 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: #c70c1f; 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: 150px; } .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: 110px; text-align: center; line-height: 108px; float: left; padding: 0px 15px; 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: 680px; } .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: 0px; 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% - 100px); box-sizing: border-box; padding-right: 55px; 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: #c70c1f; } .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: ##c70c1f; 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: #c70c1f; 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: 600px; 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: #c70c1f; 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: 45px; 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: #c70c1f; } .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: #c70c1f; 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: #c70c1f; 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>a:hover { color: #c70c1f; } .d_nav .nav_cur { width: 64px; height: 2px; background: #c70c1f; position: absolute; left: 39px; bottom: 0px; display: none; } .header .content .d_nav>ul>li .subnav { width: 100%; padding-bottom: 25px; display: none; } .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 #c70c1f; background-size: 100%; } .nav_btn.close { background: url(../images/btn_close.png) center center no-repeat #c70c1f; 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: #c70c1f url(../images/index_04.png) center center no-repeat; border: 0; cursor: pointer; } .sh_box form { width: 100%; overflow: hidden; border-radius: 6px } .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: 60px; color: #fff; font-weight: bold; margin-bottom: 20px; } #t-ban .swiper-slide .con_box .desc { font-size: 40px; 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: #c70c1f; 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-images: 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(1) .con_box { left: 70%; top: 42%; } #t-ban .swiper-slide:nth-child(1) .con_box.on { opacity: 1; filter: alpha(opacity=100); left: 55%; } #t-ban .swiper-slide:nth-child(1) .con_box .desc { font-size: 40px; color: #fff; font-weight: lighter; } #t-ban .swiper-slide:nth-child(3) .con_box { left: 70%; top: 42%; } #t-ban .swiper-slide:nth-child(3) .con_box.on { opacity: 1; filter: alpha(opacity=100); left: 55%; } #t-ban .swiper-slide:nth-child(3) .con_box .desc { font-size: 40px; color: #5a5f61; font-weight: lighter; } .banner .ban_pro_ctg { position: absolute; width: 100%; box-sizing: border-box; bottom: 0px; z-index: 999; background: rgba(0,0,0,0.3); } .banner .ban_pro_ctg .content { width: 1600px; margin: 0px auto; } .banner .ban_pro_ctg ul { overflow: hidden; } .banner .ban_pro_ctg ul li { width: 14.28%; text-align: center; float: left; padding-top: 35px; padding-bottom: 15px; cursor: pointer; } .banner .ban_pro_ctg ul li img { transition: all .3s linear; margin: 0px auto; display: block; } .banner .ban_pro_ctg ul li .title { font-size: 16px; color: #ffffff; line-height: 40px; } @media only screen and (min-width:1600px ) { #t-ban .swiper-slide .con_box { top: 45%; } } @media only screen and (max-width:1600px ) { .banner .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: 28px; line-height: 50px; } #t-ban .swiper-slide .con_box .desc { font-size: 16px; 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; } .banner .ban_pro_ctg ul li { padding-top: 20px; } .banner .ban_pro_ctg ul li img { width: 42px; height: 42px; } .banner .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; } .banner .ban_pro_ctg { position: relative; } .banner .ban_pro_ctg ul li .title { font-size: 13px; } } @media only screen and (max-width:480px ) { .banner .ban_pro_ctg ul li { padding-top: 15px; } .banner .ban_pro_ctg ul li { width: 50%; } .banner .ban_pro_ctg ul li .title { font-size: 12px; } } .index_pro_box { width: 100%; background: url(../images/index_pro_bg.jpg) center center no-repeat; background-size: 100% 100%; } .index_pro_box .content { padding-top: 192px; overflow: hidden; } .index_pro_box .pro_swiper_box { overflow: hidden; position: relative; } .index_pro_box .info_box { width: 27%; float: left; } .index_pro_box .info_box .box { padding-left: 20%; padding-right: 10%; } .index_pro_box .info_box .title { font-size: 35px; font-weight: bold; color: #c70c1f; margin-bottom: 10px; } .index_pro_box .info_box .en_title { font-size: 33px; color: #dcdcdc; font-weight: bold; margin-bottom: 15px; } .index_pro_box .info_box .icon { margin-bottom: 40px; } .index_pro_box .info_box .desc { font-size: 16px; color: #181818; line-height: 40px; margin-bottom: 40px; } .index_pro_box .info_box .page_box { } .index_pro_box .info_box .page_box .more { margin-right: 20px; display: inline-block; vertical-align: top; width: 50px; height: 50px; position: relative; } .index_pro_box .info_box .page_box .more::after { content: ""; width: 100%; height: 100%; background: url(../images/index_pro_arr_01.png) center center no-repeat; background-size: 100%; position: absolute; top: 0px; left: 0px; } .index_pro_box .info_box .page_box .more::before { animation: rotating 6s linear infinite; content: ""; width: 100%; height: 100%; background: url(../images/index_pro_arr_02.png) center center no-repeat; background-size: 100%; position: absolute; top: 0px; left: 0px; } .index_pro_box .info_box .progress_box { width: 50px; height: 50px; display: inline-block; vertical-align: top; position: relative; } .index_pro_box .info_box .swiper-pagination { height: 12px; padding: 19px 0px; display: inline-block; vertical-align: top; } .index_pro_box .info_box .swiper-pagination span { width: 12px; height: 12px; background: #8a8a8a; opacity: 1; margin: 0px 4px; } .index_pro_box .info_box .swiper-pagination span.swiper-pagination-bullet-active { background: #c70c1f; } .index_pro_box .pro_swiper_box { width: 73%; padding-right: 20px; box-sizing: border-box; float: right; overflow: hidden; } .index_pro_box .pro_swiper_box .swiper-slide .box { position: relative; } .index_pro_box .pro_swiper_box .swiper-slide .img_box { overflow: hidden; } .index_pro_box .pro_swiper_box .swiper-slide .img_box img { width: 100%; height: auto; display: block; transition: all 220ms linear; } .index_pro_box .pro_swiper_box .swiper-slide:hover .img_box img { transform: scale(1.1); } .index_pro_box .pro_swiper_box .swiper-slide .box .con_box { width: 100%; text-align: center; position: absolute; bottom: 0px; left: 0px; } .index_pro_box .pro_swiper_box .swiper-slide .box .con_box .line { width: 22px; height: 2px; background: #c70c1f; margin: 0px auto; margin-bottom: 15px; } .index_pro_box .pro_swiper_box .swiper-slide .box .con_box .title { text-align: center; font-size: 17.6px; line-height: 38.7px; color: #111111; margin-bottom: 30px; } .index_pro_box .pro_swiper_box .swiper-slide:hover .box .con_box .title { color: #c70c1f; } .index_pro_box .pro_swiper_box .swiper-slide .box .tools { visibility: hidden; opacity: 0; filter: alpha(opacity=0); background: rgba(18,58,109,0.9); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; transition: all .3s linear; } .index_pro_box .pro_swiper_box .swiper-slide .box .tools .item { box-sizing: border-box; width: 50%; height: 50%; float: left; display: table; transition: all .3s linear; } .index_pro_box .pro_swiper_box .swiper-slide .box .tools .item:hover { background: rgba(18,58,109,0.95); } .index_pro_box .pro_swiper_box .swiper-slide .box .tools .item a { display: table-cell; vertical-align: middle; text-align: center; } .index_pro_box .pro_swiper_box .swiper-slide .box .tools .item .title { font-size: 14px; color: #FFFFFF; } .index_pro_box .pro_swiper_box .swiper-slide .box .tools .item:nth-child(1) { border-right: 1px solid #FFFFFF; } .index_pro_box .pro_swiper_box .swiper-slide .box .tools .item:nth-child(3) { border-right: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; } .index_pro_box .pro_swiper_box .swiper-slide .box .tools .item:nth-child(4) { border-top: 1px solid #FFFFFF; } .index_pro_box .more_box { width: 100%; float: left; text-align: right; padding: 60px 0px; } .index_pro_box .more_box .title { height: 50px; line-height: 50px; vertical-align: top; display: inline-block; margin-right: 20px; } .index_pro_box .more_box .title a { font-size: 14px; color: #323232; font-weight: bold; text-decoration: underline; } .index_pro_box .more_box .icon { height: 50px; line-height: 50px; vertical-align: top; display: inline-block; } @media screen and (max-width: 1400px) { .index_pro_box .info_box .box { padding: 0px 25px; } } @media screen and (max-width: 1200px) { .index_pro_box .content { padding-top: 140px; } .index_pro_box .info_box { width: 100%; } .index_pro_box .pro_swiper_box { width: 100%; padding: 0px 20px; } .index_pro_box .info_box { margin-bottom: 20px; } .index_pro_box .info_box .page_box { display: none; } } @media screen and (max-width: 1024px) { .index_pro_box .content { padding-top: 100px; } .index_pro_box .info_box .title { font-size: 32px; } .index_pro_box .info_box .en_title { font-size: 29px; } .index_pro_box .info_box .icon { margin-bottom: 20px; } } @media screen and (max-width: 768px) { .index_pro_box .content { padding-top: 80px; } .index_pro_box .info_box .title { font-size: 30px; } .index_pro_box .info_box .en_title { font-size: 27px; } .index_pro_box .info_box .icon { margin-bottom: 15px; } .index_pro_box .pro_swiper_box .swiper-slide .box .con_box .title { margin-bottom: 15px; font-size: 15px; } } @media screen and (max-width: 375px) { .index_pro_box .content { padding-top: 60px; } .index_pro_box .info_box .title { font-size: 28px; } .index_pro_box .info_box .en_title { font-size: 25px; } .index_pro_box .info_box .icon { margin-bottom: 12px; } .index_pro_box .pro_swiper_box .swiper-slide .box .con_box .title { margin-bottom: 12px; font-size: 15px; } .index_pro_box .more_box { padding: 40px 0px; } } .index_about_box { width: 100%; height: 910px; overflow: hidden; } .index_about_box .content { overflow: hidden; } .index_about_box .left_box { width: 38%; float: left; } .index_about_box .left_box .con_box { height: 532px; background: #c70c1f; color: #FFFFFF; display: flex; align-items: center; } .index_about_box .left_box .con_box .c_box { width: 80%; margin: 0px auto; } .index_about_box .left_box .con_box .title { font-size: 38px; color: #FFFFFF; } .index_about_box .left_box .con_box .line { width: 49px; height: 3px; margin: 36px 0px; background: #ffffff; } .index_about_box .left_box .con_box .desc { font-size: 15px; color: #FFFFFF; line-height: 35px; } .index_about_box .left_box .con_box .more { transition: all .3s linear; display: block; border: 2px solid #ffffff; box-sizing: border-box; width: 183px; height: 58px; line-height: 58px; font-size: 14px; color: #FFFFFF; border-radius: 29px; text-align: center; margin-top: 70px; } .index_about_box .left_box .con_box .more:hover { background: #da251d; border-color: #da251d; } .index_about_box .left_box .img_box { position: relative; height: 378px; background-size: auto 100%; } .index_about_box .left_box .img_box img { visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .index_about_box .left_box .img_box.item1 .info_box { transition: all .3s linear; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .index_about_box .left_box .img_box.item1 .info_box .tit { transition: all .3s linear; position: absolute; opacity: 0; filter: alpha(opacity=0); left: 20px; bottom: 0px; width: 100%; padding: 0px 25px; height: 100px; line-height: 100px; font-size: 27px; color: #FFFFFF; } .index_about_box .left_box .img_box.item1:hover .info_box { background: rgba(0,0,0,0.5); } .index_about_box .left_box .img_box.item1:hover .info_box .tit { left: 0; opacity: 1; filter: alpha(opacity=100); } .index_about_box .right_box { width: 62%; float: right; } .index_about_box .right_box .item { overflow: hidden; height: 455px; overflow: hidden; } .index_about_box .right_box .item .img_box { position: relative; width: calc(100% - 406px); height: 100%; float: left; background-size: auto 100%; } .index_about_box .right_box .item .img_box img { visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .index_about_box .right_box .item .img_box.item2 .info_box { transition: all .3s linear; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .index_about_box .right_box .item .img_box.item2 .info_box .tit { transition: all .3s linear; position: absolute; opacity: 0; filter: alpha(opacity=0); left: 20px; bottom: 0px; width: 100%; padding: 0px 25px; height: 100px; line-height: 100px; font-size: 27px; color: #FFFFFF; } .index_about_box .right_box .item .img_box.item2:hover .info_box { background: rgba(0,0,0,0.5); } .index_about_box .right_box .item .img_box.item2:hover .info_box .tit { left: 0; opacity: 1; filter: alpha(opacity=100); } .index_about_box .right_box .item .con_box { height: 100%; width: 406px; float: left; position: relative; } .index_about_box .right_box .item .con_box .bg { width: 100%; height: 100%; } .index_about_box .right_box .item .con_box .bg img { width: 100%; height: 100%; display: block; } .index_about_box .right_box .item .con_box .info_box { transition: all .3s linear; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .index_about_box .right_box .item .con_box .info_box .tit { transition: all .3s linear; position: absolute; opacity: 0; filter: alpha(opacity=0); left: 20px; bottom: 0px; width: 100%; padding: 0px 25px; height: 100px; line-height: 100px; font-size: 27px; color: #FFFFFF; } .index_about_box .right_box .item .con_box.item3:hover .info_box .tit { left: 0; opacity: 1; filter: alpha(opacity=100); } .index_about_box .right_box .item .con_box.item3:hover .info_box { background: rgba(0,0,0,0.5); } .index_about_box .right_box .item.jyln .img_box { } .index_about_box .right_box .item.jyln .img_box.item4 .info_box { transition: all .3s linear; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; } .index_about_box .right_box .item.jyln .img_box.item4 .info_box .tit { transition: all .3s linear; position: absolute; opacity: 0; filter: alpha(opacity=0); left: 20px; bottom: 0px; width: 100%; padding: 0px 25px; height: 100px; line-height: 100px; font-size: 27px; color: #FFFFFF; } .index_about_box .right_box .item.jyln .img_box.item4:hover .info_box { background: rgba(0,0,0,0.5); } .index_about_box .right_box .item.jyln .img_box.item4:hover .info_box .tit { left: 0; opacity: 1; filter: alpha(opacity=100); } .index_about_box .right_box .item.jyln .con_box .info_box { width: 100%; height: 100%; box-sizing: border-box; position: absolute; top: 0px; left: 0px; display: flex; align-items: center; } .index_about_box .right_box .item.jyln .con_box .info_box .box { padding: 0px 10%; } .index_about_box .right_box .item.jyln .con_box .info_box .w_top { margin-bottom: 100px; } .index_about_box .right_box .item.jyln .con_box .info_box .w_btm { } .index_about_box .right_box .item.jyln .con_box .info_box .icon img { width: auto; height: 100%; display: block; } .index_about_box .right_box .item.jyln .con_box .info_box .title { font-size: 29px; color: #ffffff; font-weight: bold; } .index_about_box .right_box .item.jyln .con_box .info_box .line { width: 30px; height: 3px; background: #FFFFFF; margin: 20px 0px; } .index_about_box .right_box .item.jyln .con_box .info_box .desc { font-size: 15px; color: #ffffff; line-height: 30px; } @media screen and (max-width: 1326px) { .index_about_box { height: auto; } .index_about_box .left_box { width: 100%; position: relative; } .index_about_box .left_box .con_box { height: auto; padding: 50px 0px; } .index_about_box .left_box .img_box { height: auto; background: none; overflow: hidden; } .index_about_box .left_box .img_box img { transition: all .3s linear; width: 100%; height: auto; visibility: visible; opacity: 1; filter: alpha(opacity=100); } .index_about_box .left_box .img_box:hover img { transform: scale(1.1); } .index_about_box .right_box { width: 100%; } .index_about_box .right_box .item { height: auto; } .index_about_box .right_box .item .img_box { width: 65.64%; background: none; overflow: hidden; } .index_about_box .right_box .item .img_box img { transition: all .3s linear; width: 100%; height: auto; display: block; visibility: visible; opacity: 1; filter: alpha(opacity=100); } .index_about_box .right_box .item:hover .img_box img { transform: scale(1.1); } .index_about_box .right_box .item .con_box { width: 34.36%; } .index_about_box .right_box .item .con_box .bg { width: 100%; height: 100%; overflow: hidden; } .index_about_box .right_box .item .con_box .bg img { transition: all .3s linear; width: 100%; height: 100%; display: block; } .index_about_box .right_box .item .con_box:hover .bg img { transform: scale(1.1); } .index_about_box .right_box .item.jyln .con_box .info_box .w_top { margin-bottom: 50px; } } @media screen and (max-width: 1024px) { .index_about_box .right_box .item.jyln .con_box .info_box .line { margin-bottom: 30px; } .index_about_box .right_box .item.jyln .con_box .info_box .w_top { margin-bottom: 40px; } } @media screen and (max-width: 768px) { .index_about_box .left_box .con_box .title { font-size: 32px; } .index_about_box .left_box .con_box .line { margin: 25px 0px; } .index_about_box .left_box .con_box .desc { font-size: 14px; color: #FFFFFF; line-height: 28px; } .index_about_box .left_box .con_box .more { width: 160px; height: 46px; line-height: 46px; border-radius: 23px; text-align: center; margin-top: 40px; } .index_about_box .left_box .con_box .title { font-size: 32px; } .index_about_box .right_box .item .con_box .info_box .tit { font-size: 20px; height: 60px; line-height: 60px; } .index_about_box .right_box .item.jyln .con_box .info_box .icon { height: 35px; } .index_about_box .right_box .item.jyln .con_box .info_box .line { margin: 15px 0px; margin-bottom: 35px; } .index_about_box .right_box .item.jyln .con_box .info_box .title { font-size: 23px; margin-top: 5px; } .index_about_box .right_box .item.jyln .con_box .info_box .desc { font-size: 14px; line-height: 25px; } .index_about_box .info_box .tit { font-size: 20px!important; height: 60px!important; line-height: 60px!important; } } @media screen and (max-width: 640px) { .index_about_box .right_box .item .img_box { width: 100%; } .index_about_box .right_box .item .con_box { width: 100%; height: 300px; background: url(../imagess/index_about_r_02.jpg) center no-repeat; background-size: cover; } .index_about_box .right_box .item.jyln .con_box { background: url(../imagess/index_about_r_03.jpg) center no-repeat; background-size: cover; } .index_about_box .right_box .item .con_box .bg { } } .index_big_pro { width: 100%; position: relative; padding-top: 85px; padding-bottom: 50px; background: url(../images/index_pro_bg2.png) repeat; } .index_big_pro .top_icon { position: absolute; top: 50px; right: 85px; } .index_big_pro .content { width: 1600px; margin: 0px auto; } .index_big_pro .pc-slide { width: 100%; margin: 0 auto; } .index_big_pro .view .swiper-container { width: 100%; height: 660px; } .index_big_pro .view .swiper-wrapper { width: 100%; margin-bottom: 20px; } .index_big_pro .view .swiper-wrapper .swiper-slide { width: 100%; position: relative; } .index_big_pro .view .swiper-slide .img_box { width: 660px; height: 660px; margin: 0px auto; position: relative; } @keyframes rotating { 0% { transform:rotate(0); } 100% { transform:rotate(-360deg); } } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .bg_img { animation: rotating 6s linear infinite } .index_big_pro .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.5s ease-in-out; } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .pro_img { left: 0px; opacity: 1; filter: alpha(opacity=100); transform: scale(1); } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box:hover .pro_img { border-radius: 50%; overflow: hidden; transition: all 0s ease-in-out; } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box:hover .bg_img { visibility: hidden; opacity: 0; filter: alpha(opacity=0); } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools { overflow: hidden; border-radius: 50%; 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; } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box:hover .tools { overflow: hidden; visibility: visible; opacity: 1; filter: alpha(opacity=100); } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item { overflow: hidden; box-sizing: border-box; width: 50%; height: 50%; float: left; transition: all .3s linear; } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item:hover { background: rgba(18,58,109,0.95); } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item a { display: block; width: 100%; height: 100%; text-align: center; position: relative; } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item .box { display: inline-block; position: absolute; } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item .title { font-size: 14px; color: #FFFFFF; } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item:nth-child(1) .box { bottom: 20%; right: 20%; } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item:nth-child(2) .box { bottom: 20%; left: 20%; } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item:nth-child(3) .box { top: 20%; right: 20%; } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item:nth-child(4) .box { top: 20%; left: 20%; } .index_big_pro .view .swiper-slide .con_box { width: auto; height: 100%; position: absolute; left: 40px; top: 0px; display: table; } .index_big_pro .view .swiper-slide .con_box .box { display: table-cell; vertical-align: middle; } .index_big_pro .view .swiper-slide .con_box .box .ctg_title { font-size: 32px; font-weight: bold; color: #242424; margin-bottom: 10px; } .index_big_pro .view .swiper-slide .con_box .box .en_title { font-size: 60px; font-family: "BigJohn"; font-weight: bold; color: #242424; margin-bottom: 10px; } .index_big_pro .view .swiper-slide .con_box .box .title { font-size: 25px; color: #000000; line-height: 40px; } .index_big_pro .view .swiper-slide .con_box .box .more { width: 136px; height: 54px; line-height: 54px; text-align: center; color: #FFFFFF; font-size: 14px; background: #c70c1f; border-radius: 27px; display: block; margin-top: 70px; transition: all linear .3s; } .index_big_pro .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); } .index_big_pro .view .arrow-left { display: none; transform: rotateY(180deg); background: url(../images/index_big_pro_arrow_1.png) no-repeat center center; position: absolute; left: 10px; top: 50%; margin-top: -72px; width: 80px; height: 145px; z-index: 10; transition: all .3s linear; } .index_big_pro .view .arrow-left:hover { background: url(../images/index_big_pro_arrow.png) no-repeat center center; } .index_big_pro .view .arrow-right { background: url(../images/index_big_pro_arrow_1.png) no-repeat center center; position: absolute; right: 10px; top: 50%; margin-top: -72px; width: 80px; height: 145px; z-index: 10; transition: all .3s linear; } .index_big_pro .view .arrow-right:hover { background: url(../images/index_big_pro_arrow.png) no-repeat center center; } .index_big_pro .preview { width: 100%; margin-top: 10px; position: relative; } .index_big_pro .preview .swiper-container { width: 100%; } .index_big_pro .preview .swiper-slide { width: 33.3333333%; box-sizing: border-box; padding: 0px 23px; cursor: pointer; } .index_big_pro .preview .arrow-left { background: url(../images/index_big_pro_arrow.png) no-repeat left top; position: absolute; left: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; } .index_big_pro .preview .arrow-right { background: url(../images/index_big_pro_arrow.png) no-repeat left bottom; position: absolute; right: 10px; top: 50%; margin-top: -9px; width: 9px; height: 18px; z-index: 10; } .index_big_pro .preview .num { transition: all .3s linear; font-style: italic; font-size: 15px; color: #141414; line-height: 35px; padding-bottom: 10px; border-bottom: 1px solid #afafaf; margin-bottom: 10px; } .index_big_pro .preview .title { font-size: 20px; color: #484848; line-height: 35px; font-weight: bold; transition: all .3s linear; } .index_big_pro .preview .active-nav .num, .index_big_pro .preview .swiper-slide:hover .num { border-color: #c70c1f; } .index_big_pro .preview .active-nav .title, .index_big_pro .preview .swiper-slide:hover .title { color: #111111; } @media screen and (max-width: 1600px) { .index_big_pro .content { width: 100%; } } @media screen and (max-width: 1440px) { .index_big_pro .view .swiper-slide .img_box { width: 600px; height: 600px; } .index_big_pro .view .swiper-container { height: 600px; } } @media screen and (max-width: 1200px) { .index_big_pro .view .swiper-slide .img_box { width: 520px; height: 520px; } .index_big_pro .view .swiper-container { height: 520px; } } @media screen and (max-width: 1024px) { .index_big_pro .view .swiper-slide .img_box { width: 480px; height: 480px; } .index_big_pro .view .swiper-container { height: 480px; } } @media screen and (max-width: 900px) { .index_big_pro { padding-top: 60px; } .index_big_pro .top_icon { top: 20px; right: 20px; } .index_big_pro .view .swiper-slide .img_box { width: 460px; height: 460px; } .index_big_pro .view .swiper-container { height: auto; } .index_big_pro .view .arrow-right { display: none; } .index_big_pro .view .swiper-slide .con_box { width: 100%; position: static; margin-top: 20px; } .index_big_pro .view .swiper-slide .con_box .box { text-align: center; } .index_big_pro .view .swiper-slide .con_box .box .more { display: none; } .index_big_pro .view .swiper-slide .con_box .box .ctg_title { font-size: 28px; } .index_big_pro .preview .swiper-slide { padding: 0px 18px; } .index_big_pro .preview .title { font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } @media screen and (max-width: 768px) { .index_big_pro { padding-top: 60px; } .index_big_pro .top_icon { top: 10px; right: 10px; } .index_big_pro .view .swiper-slide .img_box { width: 440px; height: 440px; } .index_big_pro .view .swiper-slide .con_box .box .en_title { font-size: 52px; } .index_big_pro .view .swiper-slide .con_box .box .ctg_title { font-size: 26px; } .index_big_pro .preview .swiper-slide { width: 50%; padding: 0px 10px; } .index_big_pro .preview .num { line-height: 25px; } .index_big_pro .preview .title { font-size: 14px; } .index_big_pro .view .swiper-slide.swiper-slide-active .img_box .tools .item .box { transform: scale(0.8); } } @media screen and (max-width: 480px) { .index_big_pro .view .swiper-slide .img_box { width: 375px; height: 375px; } .index_big_pro .view .swiper-slide .con_box .box .en_title { font-size: 48px; } .index_big_pro .view .swiper-slide .con_box .box .title { font-size: 22px; } .index_big_pro .preview .swiper-slide { padding: 0px 5px; } } @media screen and (max-width: 375px) { .index_big_pro .view .swiper-slide .img_box { width: 320px; height: 320px; } .index_big_pro .view .swiper-slide .con_box .box .en_title { font-size: 40px; } .index_big_pro .view .swiper-slide .con_box .box .title { font-size: 20px; } .index_big_pro .preview .swiper-slide { width: 100%; padding: 0px 10px; } .index_big_pro .preview .num { line-height: 20px; } } @media screen and (max-width: 320px) { .index_big_pro .view .swiper-wrapper { margin-bottom: 10px; } .index_big_pro .view .swiper-slide .img_box { width: 280px; height: 280px; } .index_big_pro .view .swiper-slide .con_box .box .en_title { font-size: 36px; } .index_big_pro .view .swiper-slide .con_box .box .title { font-size: 18px; } } .index_is_box { width: 100%; background: url(../images/index_pro_class.jpg) center center no-repeat; background-size: 100% 100%; padding-top: 215px; padding-bottom: 170px; height: 0px; } .index_is_box .content { width: 1600px; margin: 0px auto; } .index_is_box .top_box { overflow: hidden; margin-bottom: 50px; } .index_is_box .top_box .l_box { float: left; } .index_is_box .top_box .l_box .title { font-size: 35px; font-weight: bold; color: #c70c1f; line-height: 40px; padding-right: 90px; background: url(../images/index_pro_title_line.png) right center no-repeat; display: inline-block; } .index_is_box .top_box .l_box .en_title { font-size: 33px; font-weight: bold; color: #a9b1cd; line-height: 40px; } .index_is_box .top_box .r_box { float: right; margin: 10px; } .index_is_box .top_box .r_box .more { width: 142px; height: 56px; line-height: 56px; border-radius: 28px; background: #c70c1f; text-align: center; font-size: 14px; color: #FFFFFF; display: block; transition: all linear .3s; } .index_is_box .top_box .r_box .more:hover { transform: translateZ(20px); transform: scale(1.1, 1.1); box-shadow: 0px 0px 10px rgba(0,0,0,0.4); } .index_is_box .is_swiper_box { width: 100%; overflow: hidden; position: relative; } .index_is_box .is_swiper_box .swiper-slide { padding: 0px 30px; } .index_is_box .is_swiper_box .swiper-slide .box { position: relative; padding: 75px 45px; background: rgba(0,0,0,0.79); transition: all .3s linear; } .index_is_box .is_swiper_box .swiper-slide:hover .box { background: #002759; } .index_is_box .is_swiper_box .swiper-slide .box .title { font-size: 26px; color: #FFFFFF; line-height: 35px; height: 70px; overflow: hidden; margin-bottom: 30px; } .index_is_box .is_swiper_box .swiper-slide .box .desc { font-size: 14px; color: #FFFFFF; line-height: 25px; height: 50px; overflow: hidden; margin-bottom: 30px; } .index_is_box .is_swiper_box .swiper-slide .box .more { transition: all .3s linear; position: absolute; right: 0px; bottom: 80px; width: 110px; height: 30px; line-height: 30px; font-size: 14px; color: #9e9e9f; border-bottom: 1px solid #9f9fa0; } .index_is_box .is_swiper_box .swiper-slide:hover .box .more { width: 165px; border-bottom: 1px solid #c70c1f; color: #c70c1f; } @media screen and (max-width: 1600px) { .index_is_box .content { width: 100%; } .index_is_box .is_swiper_box .swiper-slide { padding: 0px 25px; } .index_is_box .top_box { padding: 0px 25px; } } @media screen and (max-width: 1440px) { .index_is_box { padding-top: 160px; padding-bottom: 130px; } .index_is_box .content { width: 100%; } .index_is_box .is_swiper_box .swiper-slide { padding: 0px 20px; } .index_is_box .is_swiper_box .swiper-slide .box { padding: 65px 35px; } } @media screen and (max-width: 1200px) { .index_is_box .top_box .l_box .title { font-size: 32px; } .index_is_box .top_box .l_box .en_title { font-size: 30px; } .index_is_box .top_box .r_box .more { width: 120px; height: 48px; line-height: 48px; border-radius: 24px; } .index_is_box { padding-top: 120px; padding-bottom: 100px; } .index_is_box .is_swiper_box .swiper-slide { padding: 0px 10px; } .index_is_box .is_swiper_box .swiper-slide .box { padding: 55px 25px; } .index_is_box .is_swiper_box .swiper-slide .box .title { font-size: 22px; margin-bottom: 25px; } .index_is_box .is_swiper_box .swiper-slide .box .icon { height: 55px; } .index_is_box .is_swiper_box .swiper-slide .box .icon img { width: auto; height: 100%; display: block; } .index_is_box .is_swiper_box .swiper-slide .box .more { bottom: 70px; } } @media screen and (max-width: 900px) { .index_is_box .top_box .l_box .title { font-size: 30px; } .index_is_box .top_box .l_box .en_title { font-size: 28px; } .index_is_box .top_box .r_box .more { width: 120px; height: 48px; line-height: 48px; border-radius: 24px; } .index_is_box { padding-top: 80px; padding-bottom: 80px; } .index_is_box .top_box { margin-bottom: 30px; } .index_is_box .is_swiper_box .swiper-slide { padding: 0px 10px; } .index_is_box .is_swiper_box .swiper-slide .box { padding: 50px 20px; } .index_is_box .is_swiper_box .swiper-slide .box .title { font-size: 20px; margin-bottom: 20px; } .index_is_box .is_swiper_box .swiper-slide .box .icon { height: 50px; } .index_is_box .is_swiper_box .swiper-slide .box .icon img { width: auto; height: 100%; display: block; } .index_is_box .is_swiper_box .swiper-slide .box .more { bottom: 60px; } } @media screen and (max-width: 768px) { .index_is_box .top_box .l_box .title { font-size: 28px; } .index_is_box .top_box .l_box .en_title { font-size: 26px; } .index_is_box .top_box .r_box .more { width: 120px; height: 48px; line-height: 48px; border-radius: 24px; } .index_is_box { padding-top: 60px; padding-bottom: 60px; } .index_is_box .top_box { margin-bottom: 20px; } .index_is_box .is_swiper_box .swiper-slide { padding: 0px 10px; } .index_is_box .is_swiper_box .swiper-slide .box { padding: 45px 25px; } .index_is_box .is_swiper_box .swiper-slide .box .title { font-size: 18px; margin-bottom: 20px; height: auto; } .index_is_box .is_swiper_box .swiper-slide .box .icon { height: 45px; } .index_is_box .is_swiper_box .swiper-slide .box .icon img { width: auto; height: 100%; display: block; } .index_is_box .is_swiper_box .swiper-slide .box .more { bottom: 60px; } } @media screen and (max-width:640px) { .index_is_box .top_box .l_box .title { font-size: 24px; } .index_is_box .top_box .l_box .en_title { font-size: 22px; } .index_is_box .top_box .r_box .more { width: 100px; height: 40px; line-height: 40px; border-radius: 20px; } .index_is_box { background-position: center; background-size: auto 100%; } .index_is_box .top_box .l_box { width: 100%; text-align: center; } .index_is_box .top_box .l_box .title { padding-right: 0px; background: none; } .index_is_box .top_box .r_box { width: 100%; } .index_is_box .top_box .r_box .more { margin: 0px auto; } } .index_contact_box { width: 100%; padding-top: 135px; padding-bottom: 70px; background: url(../images/index_contact.jpg) center center no-repeat; background-size: 100% 100%; } .index_contact_box .content { width: 1600px; margin: 0px auto; } .index_contact_box .top_box { overflow: hidden; margin-bottom: 60px; } .index_contact_box .l_box { float: left; } .index_contact_box .r_box { float: right; } .index_contact_box .top_box .l_box .title { font-size: 35px; line-height: 40px; font-weight: bold; color: #c70c1f; padding-right: 90px; background: url(../images/index_pro_title_line.png) right center no-repeat; } .index_contact_box .top_box .l_box .en_title { font-size: 33px; line-height: 40px; color: #dcdcdc; font-weight: bold; } .index_contact_box .top_box .r_box { text-align: right; } .index_contact_box .top_box .r_box .title { font-size: 16px; line-height: 25px; color: #191919; } .index_contact_box .top_box .r_box .num { font-family: "BigJohn"; font-size: 32px; line-height: 40px; color: #c62424; } .index_contact_box .contact_swiper_box { overflow: hidden; position: relative; } .index_contact_box .contact_swiper_box .box { position: relative; height: 100%; } .index_contact_box .contact_swiper_box .swiper-slide { cursor: pointer; height: 316px; background: #FFFFFF; border-right: 1px solid #f4f4f4; box-sizing: border-box; } .index_contact_box .contact_swiper_box .swiper-slide::before { content: ""; width: 100%; height: 9px; background: #e0e0e0; position: absolute; bottom: 0px; left: 0px; transition: all .3s linear; } .index_contact_box .contact_swiper_box .swiper-slide::after { content: ""; width: 0%; height: 9px; background: #c70c1f; position: absolute; bottom: 0px; left: 0px; transition: all .3s linear; } .index_contact_box .contact_swiper_box .swiper-slide:hover::after { width: 100%; } .index_contact_box .contact_swiper_box .swiper-slide:nth-child(even) { background: #f9f9f9; } .index_contact_box .contact_swiper_box .swiper-slide .bg { width: 100%; height: 100%; display: block; visibility: hidden; opacity: 0; filter: alpha(opacity=0); transition: all .3s linear; } .index_contact_box .contact_swiper_box .swiper-slide:hover .bg { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .index_contact_box .contact_swiper_box .swiper-slide .con_box { width: 100%; height: 100%; padding: 0px 10%; box-sizing: border-box; padding-top: 20%; position: absolute; top: 0px; left: 0px; text-align: center; } .index_contact_box .contact_swiper_box .swiper-slide .con_box .info_box { text-align: left; display: inline-block; margin: 0px auto; } .index_contact_box .contact_swiper_box .swiper-slide .con_box .info_box .title { font-size: 21px; color: #313131; font-weight: bold; line-height: 39px; } .index_contact_box .contact_swiper_box .swiper-slide .con_box .info_box .info p { font-size: 14px; color: #5c5c5c; line-height: 30px; } .index_contact_box .contact_swiper_box .swiper-slide .con_box .info_box .info p a { color: #5c5c5c; } .index_contact_box .contact_swiper_box .swiper-slide:hover .con_box .info_box .title { color: #ffffff; } .index_contact_box .contact_swiper_box .swiper-slide:hover .con_box .info_box .info p { color: #ffffff; } .index_contact_box .contact_swiper_box .swiper-slide:hover .con_box .info_box .info p a { color: #ffffff; } .index_contact_box .btm_box { overflow: hidden; margin-top: 90px; } .index_contact_box .btm_box .l_box ul { overflow: hidden; } .index_contact_box .btm_box .l_box ul li { float: left; margin-right: 20px; text-align: center; } .index_contact_box .btm_box .l_box ul li .title { font-size: 14px; line-height: 25px; color: #949494; } .index_contact_box .btm_box .r_box { text-align: right; } .index_contact_box .btm_box .r_box .share_box span { display: block; font-family: arial; } .index_contact_box .btm_box .r_box .share_box span.small { font-size: 12px; color: #2b2b2b; } .index_contact_box .btm_box .r_box .share_box span.large { font-size: 17px; color: #2b2b2b; } .index_contact_box .btm_box .r_box .share_box .bdsharebuttonbox { display: inline-block; vertical-align: middle; padding-top: 15px; } .index_contact_box .btm_box .r_box .share_box .bdsharebuttonbox a { margin: 0px 7px; } #bds_sqq { width: 32px; height: 32px; overflow: hidden; background: url(../images/icon_qq.png) center no-repeat; } #bds_sqq:hover { background: url(../images/icon_qq_on.png) center no-repeat; } #bds_tqq { width: 32px; height: 32px; overflow: hidden; background: url(../images/icon_tqq.png) center no-repeat; } #bds_tqq:hover { background: url(../images/icon_tqq_on.png) center no-repeat; } #bds_weixin { width: 32px; height: 32px; overflow: hidden; background: url(../images/icon_wechat.png) center no-repeat } #bds_weixin:hover { background: url(../images/icon_wechat_on.png) center no-repeat } #bds_tsina { width: 32px; height: 32px; overflow: hidden; background: url(../images/icon_sina.png) center no-repeat } #bds_tsina:hover { background: url(../images/icon_sina_on.png) center no-repeat } .index_contact_box .btm_box .r_box .cord_box { font-size: 14px; color: #8d8d8d; margin-top: 40px; } .index_contact_box .btm_box .r_box .cord_box a { font-size: 14px; color: #8d8d8d; } @media screen and (max-width: 1600px) { .index_contact_box .content { width: 100%; padding: 0px 20px; } } @media screen and (max-width: 1024px) { .index_contact_box { padding-top: 100px; padding-bottom: 40px; } .index_contact_box .top_box { margin-bottom: 40px; } .index_contact_box .btm_box { margin-top: 60px; } .index_contact_box .btm_box .l_box { width: 100%; text-align: center; margin-bottom: 20px; } .index_contact_box .btm_box .l_box ul { text-align: center; } .index_contact_box .btm_box .l_box ul li { display: inline-block; vertical-align: top; float: none; } .index_contact_box .btm_box .r_box { width: 100%; } .index_contact_box .btm_box .r_box .share_box { width: 100%; text-align: center; } .index_contact_box .btm_box .r_box .cord_box { width: 100%; text-align: center; } } @media screen and (max-width: 768px) { .index_contact_box { padding-top: 70px; padding-bottom: 30px; } .index_contact_box .top_box .l_box .title { font-size: 32px; line-height: 28px; } .index_contact_box .top_box .l_box .en_title { font-size: 30px; } .index_contact_box .top_box .r_box .num { font-size: 30px; } } @media screen and (max-width: 640px) { .index_contact_box { padding-top: 70px; padding-bottom: 30px; } .index_contact_box .top_box .l_box { width: 100%; text-align: center; margin-bottom: 10px; } .index_contact_box .top_box .l_box .title { padding-right: 0px; background: none; font-size: 30px; margin-bottom: 5px; } .index_contact_box .top_box .l_box .en_title { font-size: 28px; } .index_contact_box .top_box .r_box { width: 100%; text-align: center; } .index_contact_box .top_box .r_box .num { font-size: 30px; } .index_contact_box .contact_swiper_box .swiper-slide { height: 300px; } } @media screen and (max-width: 480px) { .index_contact_box .contact_swiper_box .swiper-slide .con_box { padding-top: 15%; } .index_contact_box .contact_swiper_box .swiper-slide .bg { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .index_contact_box .contact_swiper_box .swiper-slide .con_box .info_box .title { color: #ffffff; } .index_contact_box .contact_swiper_box .swiper-slide .con_box .info_box .info p { color: #ffffff; } .index_contact_box .contact_swiper_box .swiper-slide .con_box .info_box .info p a { color: #ffffff; } } .ny_main { width: 100%; margin-top: 108px; } .ny_main.about_main { margin-top: 0px; } .ny_banner { width: 100%; height: 800px; position: relative; background-size: cover; } .ny_banner.ns_ban { background: url(../images/banner_news.jpg) no-repeat center top; } .ny_banner.talent_ban { background: url(../images/banner_talent.jpg) no-repeat center top; } .ny_banner.about_ban { height: 909px; background: url(../images/about_banner.jpg) no-repeat center top; } .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; width: 200px; height: 64px; line-height: 64px; 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: 17px; display: block; } .ny_banner .ctg_box ul li.on, .ny_banner .ctg_box ul li:hover { background: #c70c1f; } .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: #fff; } .ny_banner.about_ban .con_box .box .title { color: #fff; } @-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: 700px; } .ny_banner.about_ban { height: 740px; } } @media screen and (max-width: 1280px) { .ny_banner { height: 600px; } .ny_banner.about_ban { height: 640px; } .ny_banner .ctg_box ul li { line-height: 50px; height: 50px; } } @media screen and (max-width: 1024px) { .ny_banner { height: 500px; } .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: auto; } .ny_banner .con_box { height: 450px; } .ny_banner.about_ban { height: 460px; } .ny_banner .con_box .box .title { font-size: 26px; margin-bottom: 50px; } .ny_banner .ctg_box { _position: relative; background: #FFFFFF; } .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; } } @media screen and (max-width: 480px) { .ny_banner .con_box { height: 400px; } .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: 170px; } .btm_nav .nav_box .item:nth-child(2) { width: 170px; } .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: #c70c1f;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 30px; } .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: 66px; 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: #797979; line-height: 66px; } .btm_cord .info_box a { color: #797979; margin: 0px 5px; } .btm_cord .share_box { float: right; height: 32px; margin: 20px 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: 1400px; margin: 0px auto; padding-top: 100px; padding-bottom: 100px; } .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 40px; 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: 15px; color: #777777; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ny_content .ny_news_list>ul.news_lists>li:hover .con_box .title { color: #c70c1f; 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(199, 12, 31, 0.61); } .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:1400px ) { .ny_content .ny_news_list { width: 100%; padding: 0px 15px; padding-top: 80px; } } @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: 50%; } .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 { width: 1200px; margin: 0px auto; } .ny_content .news_detail .n_title { text-align: center; font-size: 29px; color: #5f5f5f; font-weight: bold; line-height: 1.5em; } .ny_content .news_detail .nss_tm { overflow: hidden; font-size: 12px; color: #666; padding: 48px 0 12px 0; } .ny_content .news_detail .nss_tm .lt { float: left; } .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: 1px solid #C9CACA; color: #5b5b5b; text-align: center; overflow: hidden; width: 400px; height: 38px; line-height: 38px; border-radius: 38px; margin: 0 20px; transition: all 0.3s ease; } .ny_content .news_detail .btnbox .sbtn:after { content: ""; display: block; width: 0; height: 100%; background: #c70c1f; margin-top: -38px; transition: all 0.3s ease; } .ny_content .news_detail .btnbox .sbtn:hover { color: #FFF; } .ny_content .news_detail .btnbox .sbtn:hover:after { width: 100%; } @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: 350px; 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: #c70c1f; position: absolute; bottom: 0px; left: 0px; } .map_box .con_box .box .title { color: #c70c1f; 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; } .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_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: #c70c1f; } .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: 80px 0px; } .feedback_box .top_box .title { color: #c70c1f; 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: 120px; } .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; border-radius: 4px } .feedback_box .form_box .txt:focus { border-color: #c70c1f; } .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; border-radius: 4px } .feedback_box .form_box .large_txt:focus { border-color: #c70c1f; } .feedback_box .form_box .s_btn { background: #c70c1f; border-radius: 0px; float: left; width: 100%; height: 64px; line-height: 64px; text-align: center; color: #FFFFFF; font-weight: bold; font-size: 18px; border-radius: 4px } @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(../imagess/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(../imagess/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(../imagess/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: #c70c1f; } .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: #c70c1f; 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: #c70c1f; } .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: #c70c1f; } .talent_job .job_item .load_more { width: 137px; height: 50px; line-height: 50px; margin: 0px auto; display: block; border-radius: 25px; border: 1px solid #c70c1f; font-size: 14px; color: #c70c1f; text-align: center; margin-top: 40px; transition: all .3s linear; } .talent_job .job_item .load_more:hover { background: #c70c1f; 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; } 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%; 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-images: url(../images/pro_ctg_bg_03.png); } .pro_ctg_box ul li:nth-child(3) { background-images: url(../images/pro_ctg_bg_03.png); } .pro_ctg_box ul li:hover { background-images: 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-images: url(../images/pro_ctg_bg_01.png); } .pro_ctg_box ul li:nth-child(4) { background-images: url(../images/pro_ctg_bg_03.png); } .pro_ctg_box ul li:nth-child(3):hover { background-images: url(../images/pro_ctg_bg_02.png); } .pro_ctg_box ul li:nth-child(4):hover { background-images: 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: #fdfdfd; 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; 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: #fff; } .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: #c70c1f; } .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: #c70c1f; } .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: #c70c1f; } .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 .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: #ffffff; } .pro_main .pro_nav_box .nav_item.active .top_item .plus .pbox::after { color: #ffffff; } .pro_main .pro_nav_box .nav_item.on .top_item .plus .pbox::after { content: ""; width: 18px; height: 2px; background: #ffffff; 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 { float: right; width: calc( 100% - 387px ); margin-bottom: 50px; } .pro_main .pro_list_box ul { overflow: hidden; } .pro_main .pro_list_box ul li { float: left; width: 25%; } .pro_main .pro_list_box ul li .item_box { position: relative; box-sizing: border-box; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .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%; /*position: absolute;*/ text-align: center; 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: 15px;*/ } .pro_main .pro_list_box ul li .item_box .con_box .title { text-align: center; font-size: 17.6px; line-height: 70px; color: #111111; margin-bottom: 5px; } .pro_main .pro_list_box ul li .item_box:hover .con_box .title { color: #c70c1f; } .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 .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:1440px ) { .pro_main .pro_nav_box { width: 300px; } .pro_main .pro_list_box { width: calc( 100% - 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; } .pro_main .pro_list_box { width: calc( 100% - 280px ); } } @media only screen and (max-width:1024px ) { .pro_main .pro_list_box ul li { width: 50%; } } @media only screen and (max-width:900px ) { .pro_main .pro_nav_box { width: 260px; } .pro_main .pro_list_box { width: calc( 100% - 260px ); } } @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: #c70c1f; border-radius: 25px; } .pd_posi .back_btn:hover { background: #ddb875; } .pd_class_box { width: 100%; background: #c70c1f; } .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: 500px; height: 500px; 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: #c70c1f; 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: 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: #c70c1f; position: absolute; bottom: 0px; left: 0px; transition: all .3s linear; } .solution_box ul.s_list>li .pro_con .lists li:hover a { color: #c70c1f; 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 #c70c1f; text-align: center; color: #c70c1f; font-size: 14px; transition: all .3s linear; } .solution_box ul.s_list>li .pro_con .more:hover { background: #c70c1f; 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; } } .about_ppgs { background: #FFFFFF; padding: 90px 0px; overflow: hidden; } .about_ppgs .content { width: 1400px; margin: 0px auto; box-sizing: border-box; padding: 0px 20px; } .about_ppgs .top_box { text-align: center; } .about_ppgs .top_box .title { font-size: 34px; color: #272727; font-weight: bold; margin-bottom: 15px; } .about_ppgs .top_box .en_title { font-size: 28px; color: #9c9c9c; margin-bottom: 20px; } .about_ppgs .top_box .line { margin-bottom: 55px; } .about_ppgs .con_box { font-size: 16px; color: #393939; line-height: 30px; } .about_ppgs .con_box p { margin-bottom: 1em; } @media only screen and (max-width:1400px ) { .about_ppgs .content { width: 100%; } } @media only screen and (max-width:1024px ) { .about_ppgs { padding: 60px 0px; } .about_ppgs .top_box .title { font-size: 30px; margin-bottom: 13px; } .about_ppgs .top_box .en_title { font-size: 26px; margin-bottom: 16px; } .about_ppgs .top_box .line { margin-bottom: 45px; } } @media only screen and (max-width:768px ) { .about_ppgs { padding: 50px 0px; } .about_ppgs .top_box .title { font-size: 28px; } .about_ppgs .top_box .en_title { font-size: 24px; } .about_ppgs .top_box .line { margin-bottom: 35px; } } .application_jtjj { background: #FFFFFF; padding: 90px 0px; overflow: hidden; } .application_jtjj .content { width: 1400px; margin: 0px auto; box-sizing: border-box; padding: 0px 20px; } .application_jtjj .top_box { text-align: center; } .application_jtjj .top_box .title { font-size: 34px; color: #272727; font-weight: bold; margin-bottom: 15px; } .application_jtjj .top_box .en_title { font-size: 28px; color: #9c9c9c; margin-bottom: 20px; } .application_jtjj .top_box .line { margin-bottom: 55px; } .application_jtjj .con_box { font-size: 16px; color: #393939; line-height: 30px; } .application_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 ) { .application_jtjj { padding: 60px 0px; } .application_jtjj .top_box .title { font-size: 30px; margin-bottom: 13px; } .application_jtjj .top_box .en_title { font-size: 26px; margin-bottom: 16px; } .application_jtjj .top_box .line { margin-bottom: 45px; } } @media only screen and (max-width:768px ) { .application_jtjj { padding: 50px 0px; } .application_jtjj .top_box .title { font-size: 28px; } .application_jtjj .top_box .en_title { font-size: 24px; } .application_jtjj .top_box .line { margin-bottom: 35px; } } .ab_boxD { clear: both; width: 100%; height: 775px; padding-top: 80px; box-sizing: border-box; background: url(../images/about_fzlc_bg.jpg) top center no-repeat; background-size: auto 100%; position: relative; overflow: hidden; } .ab_boxD .top_box { text-align: center; margin-bottom: 50px; } .ab_boxD .top_box .title { font-size: 34px; color: #ffffff; font-weight: bold; margin-bottom: 19px; } .ab_boxD .top_box .en_title { font-size: 28px; color: #b3b4b5; margin-bottom: 22px; } .ab_boxD .top_box .line img { display: block; margin: 0px auto; } .ab_boxD .cont { width: 990px; height: 242px; margin: 0px auto; position: relative; } .ab_boxD .cont .btn { display: none; position: absolute; top: 150px; width: 38px; height: 75px; background: url(../images/about_fzlc_arr_on.png) center center no-repeat; background-size: 100% 100%; opacity: 0.6; } .ab_boxD .cont .prev { left: -90px; } .ab_boxD .cont .next { right: -90px; transform: rotate(180deg); } .ab_boxD .cont .btn:hover { opacity: 1; } .ab_boxD .cont .list { width: 100%; height: 100%; margin: 0 auto; color: #FFF; overflow: hidden; } .ab_boxD .cont .list li { height: 242px; overflow: hidden; } .ab_boxD .cont .list li .lt { float: left; width: 41%; overflow: hidden; } .ab_boxD .cont .list li .lt img { height: 100%; display: block; margin: 0px auto; } .ab_boxD .cont .list li .rt { float: right; width: 59%; height: 100%; } .ab_boxD .cont .list li .rt .info_box { width: 100%; height: 100%; display: flex; align-items: center; } .ab_boxD .cont .list li .rt .center_box { width: 100%; box-sizing: border-box; padding-left: 50px; padding-right: 20px; } .ab_boxD .cont .list li .rt .title { font-family: "BigJhon"; font-size: 82.65px; color: #dfc38e; font-weight: bold; width: 100%; } .ab_boxD .cont .list li .rt .title font { margin-left: 10px; font-size: 28px; } .ab_boxD .cont .list li .rt .desc { font-size: 16px; color: #FFFFFF; line-height: 34px; } .ab_boxD .year_box { position: relative; margin-top: 89px; } .ab_boxD .year_box .hx { position: absolute; left: 0; top: 50%; margin-top: -7px; width: 100%; height: 14px; background: url(../images/about_fzlc_line.png) center center no-repeat; background-size: auto 100%; z-index: 1; } .ab_boxD .box { margin: 0px auto; width: 1398px; height: 150px; overflow: hidden; position: relative; z-index: 2; } .ab_boxD .box li { float: left; width: 233px; height: 150px; cursor: pointer; text-align: center; position: relative; } .ab_boxD .box li p { z-index: 2; font-family: "BigJhon"; position: absolute; top: 0px; left: 0px; font-weight: bold; color: #c70c1f; width: 100%; height: 150px; line-height: 150px; text-align: center; font-size: 17.84px; transition: all 0.2s ease-out; } .ab_boxD .box li i { z-index: 1; display: block; height: 88px; width: 88px; background-color: #ffffff; position: absolute; left: 50%; top: 50%; border-radius: 50%; transform: translate(-50%, -50%); transition: all 0.2s ease-out; } .ab_boxD .box li.cur p { font-size: 35px; } .ab_boxD .box li.cur i { width: 150px; height: 150px; background: #dfc38e; } @media only screen and (max-width:1440px ) { .ab_boxD { height: auto; padding-top: 80px; padding-bottom: 80px; } .ab_boxD .top_box { text-align: center; margin-bottom: 45px; } .ab_boxD .top_box .title { font-size: 32px; margin-bottom: 17px; } .ab_boxD .top_box .en_title { font-size: 26px; margin-bottom: 20px; } .ab_boxD .year_box { margin-top: 80px; } .ab_boxD .box { width: 100%; } } @media only screen and (max-width:1200px ) { .ab_boxD { height: auto; padding-top: 65px; padding-bottom: 65px; } .ab_boxD .top_box { text-align: center; margin-bottom: 40px; } .ab_boxD .top_box .title { font-size: 30px; margin-bottom: 15px; } .ab_boxD .top_box .en_title { font-size: 24px; margin-bottom: 18px; } .ab_boxD .cont .list li .rt .info_box .center_box { padding-left: 40px; padding-right: 20px; } .ab_boxD .cont .list li .rt .title { font-size: 76.65px; } .ab_boxD .cont .list li .rt .title font { margin-left: 10px; font-size: 26px; } .ab_boxD .cont .list li .rt .desc { font-size: 15px; line-height: 32px; } .ab_boxD .year_box { margin-top: 70px; } .ab_boxD .box { height: 120px; } .ab_boxD .box li { width: 220px; height: 120px; } .ab_boxD .box li p { height: 120px; line-height: 120px; font-size: 15.84px; } .ab_boxD .box li i { height: 78px; width: 78px; } .ab_boxD .box li.cur p { font-size: 30px; } .ab_boxD .box li.cur i { width: 120px; height: 120px; } } @media only screen and (max-width:1024px ) { .ab_boxD .cont { width: 100%; height: auto; } .ab_boxD .cont .list { width: 100%; height: 100%; margin: 0 auto; color: #FFF; overflow: hidden; } .ab_boxD .cont .list li { height: auto; overflow: hidden; text-align: center; display: none; } .ab_boxD .cont .list li.cur { display: block; } .ab_boxD .cont .list li .lt { float: none; display: inline-block; vertical-align: top; width: 100%; overflow: hidden; } .ab_boxD .cont .list li .lt img { height: 100%; display: block; margin: 0px auto; } .ab_boxD .cont .list li .rt { padding-top: 20px; float: none; display: inline-block; vertical-align: top; width: 100%; height: 100%; text-align: center; } .ab_boxD .cont .list li .rt .info_box .center_box { padding: 0px; } .ab_boxD .cont .list li .rt .title { font-size: 68px; } .ab_boxD .cont .list li .rt .title font { margin-left: 10px; font-size: 24px; } .ab_boxD .cont .list li .rt .desc { font-size: 15px; color: #FFFFFF; line-height: 28px; } .ab_boxD .year_box { margin-top: 50px; } .ab_boxD .box { height: 110px; } .ab_boxD .box li { width: 200px; height: 110px; } .ab_boxD .box li p { height: 110px; line-height: 110px; font-size: 15px; } .ab_boxD .box li i { height: 68px; width: 68px; } .ab_boxD .box li.cur p { font-size: 28px; } .ab_boxD .box li.cur i { width: 110px; height: 110px; } } @media only screen and (max-width:768px ) { .ab_boxD .top_box { text-align: center; margin-bottom: 35px; } .ab_boxD .top_box .title { font-size: 28px; margin-bottom: 15px; } .ab_boxD .top_box .en_title { font-size: 22px; margin-bottom: 15px; } .ab_boxD { height: auto; padding-top: 55px; padding-bottom: 55px; } .ab_boxD .cont .list li .lt img { max-width: 100%; height: auto; } .ab_boxD .cont .list li .rt { padding-top: 20px; } .ab_boxD .cont .list li .rt .title { font-size: 60px; } .ab_boxD .cont .list li .rt .title font { margin-left: 10px; font-size: 22px; } .ab_boxD .cont .list li .rt .desc { font-size: 14px; color: #FFFFFF; line-height: 26px; } .ab_boxD .year_box { margin-top: 40px; } .ab_boxD .box { height: 100px; } .ab_boxD .box li { width: 180px; height: 100px; } .ab_boxD .box li p { height: 100px; line-height: 100px; font-size: 14px; } .ab_boxD .box li i { height: 64px; width: 64px; } .ab_boxD .box li.cur p { font-size: 26px; } .ab_boxD .box li.cur i { width: 100px; height: 100px; } } @media only screen and (max-width:480px ) { .ab_boxD .top_box { text-align: center; margin-bottom: 32px; } .ab_boxD .top_box .title { font-size: 26px; margin-bottom: 12px; } .ab_boxD .top_box .en_title { font-size: 20px; margin-bottom: 12px; } .ab_boxD { height: auto; padding-top: 55px; padding-bottom: 55px; } .ab_boxD .cont .list li .lt { padding: 0px 20px; } .ab_boxD .cont .list li .lt img { max-width: 100%; height: auto; } .ab_boxD .cont .list li .rt { padding: 0px 15px; padding-top: 20px; } .ab_boxD .cont .list li .rt .title { font-size: 48px; } .ab_boxD .cont .list li .rt .title font { margin-left: 10px; font-size: 20px; } .ab_boxD .cont .list li .rt .desc { font-size: 14px; color: #FFFFFF; line-height: 26px; } .ab_boxD .year_box { margin-top: 40px; } .ab_boxD .box { height: 80px; } .ab_boxD .box li { width: 140px; height: 80px; } .ab_boxD .box li p { height: 80px; line-height: 80px; font-size: 14px; } .ab_boxD .box li i { height: 56px; width: 56px; } .ab_boxD .box li.cur p { font-size: 24px; } .ab_boxD .box li.cur i { width: 80px; height: 80px; } } .about_qywh { width: 100%; padding-top: 145px; padding-bottom: 110px; background: #ffffff; overflow: hidden; } .about_qywh .content { width: 1600px; margin: 0 auto; } .about_qywh ul { overflow: hidden; } .about_qywh ul li { width: 33.33333%; float: left; position: relative; } .about_qywh ul li .con_box { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: flex; align-items: center } .about_qywh ul li .con_box .box { padding: 0px 60px; } .about_qywh ul li .con_box .title { font-size: 29px; color: #FFFFFF; margin-bottom: 25px; } .about_qywh ul li .con_box .desc { font-size: 16px; color: #ffffff; line-height: 34px; } .about_qywh ul li.qywh_1 .con_box .title { color: #FFFFFF; } .about_qywh ul li.qywh_1 .con_box .desc { color: #FFFFFF; } .about_qywh ul li.qywh_2 .con_box .title { color: #252525; } .about_qywh ul li.qywh_2 .con_box .desc { color: #363636; } .about_qywh ul li.qywh_3 .con_box .title { color: #003171; } .about_qywh ul li.qywh_3 .con_box .desc { color: #252525; } .about_qywh ul li.qywh_4 .con_box .title { color: #003373; } .about_qywh ul li.qywh_4 .con_box .desc { color: #424242; } .about_qywh ul li.qywh_5 .con_box .title { color: #c70c1f; } .about_qywh ul li.qywh_5 .con_box .desc { color: #252525; } .about_qywh ul li.qywh_6 .con_box .title { color: #151515; } .about_qywh ul li.qywh_6 .con_box .desc { color: #000000; } @media only screen and (max-width:1600px ) { .about_qywh .content { width: 100%; } } @media only screen and (max-width:1200px ) { .about_qywh ul li .con_box .box { padding: 0px 50px; } .about_qywh ul li .con_box .title { font-size: 26px; margin-bottom: 20px; } .about_qywh ul li .con_box .desc { font-size: 14px; line-height: 32px; } } @media only screen and (max-width:1024px ) { .about_qywh ul li .con_box .box { padding: 0px 40px; } .about_qywh ul li .con_box .title { font-size: 24px; margin-bottom: 18px; } .about_qywh ul li .con_box .desc { font-size: 14px; line-height: 30px; } } @media only screen and (max-width:768px ) { .about_qywh { padding-top: 60px; padding-bottom: 60px; } .about_qywh ul li { width: 50%; } .about_qywh ul li .con_box .box { padding: 0px 30px; } .about_qywh ul li .con_box .title { font-size: 22px; margin-bottom: 15px; } .about_qywh ul li .con_box .desc { font-size: 14px; line-height: 28px; } } @media only screen and (max-width:480px ) { .about_qywh { padding-top: 40px; padding-bottom: 40px; } .about_qywh ul li { width: 100%; } .about_qywh ul li .con_box .box { padding: 0px 25px; } .about_qywh ul li .con_box .title { font-size: 22px; margin-bottom: 15px; } .about_qywh ul li .con_box .desc { font-size: 14px; line-height: 28px; } } .about_shzr { width: 100%; background: #f4f4f4; padding-top: 110px; padding-bottom: 110px; overflow: hidden; } .about_shzr .content { width: 1500px; margin: 0px auto; } .about_shzr .top_box { text-align: center; } .about_shzr .top_box .title { font-size: 34px; color: #272727; font-weight: bold; margin-bottom: 15px; } .about_shzr .top_box .en_title { font-size: 28px; color: #969696; margin-bottom: 15px; } .about_shzr .top_box .line { margin-bottom: 40px; } .about_shzr .shzr_ctg { text-align: center; margin-bottom: 80px; } .about_shzr .shzr_ctg ul { overflow: hidden; } .about_shzr .shzr_ctg li { display: inline-block; margin: 0px 14px; } .about_shzr .shzr_ctg li a { font-size: 22px; color: #717171; } .about_shzr .shzr_ctg li.on a { color: #c70c1f; } .about_shzr .swiper_box { position: relative; } .shzr_swiper { position: relative; overflow: hidden; display: none; } .shzr_swiper.on { display: block; } .shzr_swiper .swiper-slide .box { padding: 0px 10px; box-sizing: border-box; text-align: center; } .shzr_swiper .swiper-slide .box .title { font-size: 17px; color: #272727; line-height: 50px; } .shzr_swiper .swiper-slide .box .img_box { width: 100%; height: auto; overflow: hidden; } .shzr_swiper .swiper-slide .box .img_box img { width: 100%; height: auto; display: block; transition: all .3s linear; } .shzr_swiper .swiper-slide .box .img_box img:hover { transform: scale(1.1) } .shzr_swiper .swiper-pagination { position: relative; padding-top: 25px; } .shzr_swiper .swiper-pagination span { width: 14px; height: 14px; margin: 0px 5px; background: rgba(0,0,0,0.4); } .shzr_swiper .swiper-pagination span.swiper-pagination-bullet-active { background: #da251d; } @media only screen and (max-width:1500px ) { .about_shzr .content { width: 100%; padding: 0px 10px; box-sizing: border-box; } } @media only screen and (max-width:1024px ) { .about_shzr { padding: 60px 0px; } .about_shzr .top_box .title { font-size: 30px; margin-bottom: 13px; } .about_shzr .top_box .en_title { font-size: 26px; margin-bottom: 16px; } .about_shzr .top_box .line { margin-bottom: 45px; } } @media only screen and (max-width:768px ) { .about_shzr { padding: 50px 0px; } .about_shzr .top_box .title { font-size: 28px; } .about_shzr .top_box .en_title { font-size: 24px; } .about_shzr .top_box .line { margin-bottom: 35px; } .about_shzr .shzr_ctg { margin-bottom: 40px; } .about_shzr .shzr_ctg li a { font-size: 18px; } .shzr_swiper .swiper-slide .box .title { font-size: 15px; line-height: 40px; } } @media only screen and (max-width:480px ) { .about_shzr { padding: 50px 0px; } .about_shzr .top_box .title { font-size: 26px; } .about_shzr .top_box .en_title { font-size: 22px; } .about_shzr .top_box .line { margin-bottom: 30px; } .about_shzr .shzr_ctg { margin-bottom: 40px; } .about_shzr .shzr_ctg li { margin-bottom: 15px; } .about_shzr .shzr_ctg li a { font-size: 16px; } .shzr_swiper .swiper-slide .box .title { font-size: 14px; } } .about_honor { width: 100%; background: url(../images/about_honor_bg.jpg) center center no-repeat; background-size: cover; padding-top: 110px; padding-bottom: 110px; overflow: hidden; } .about_honor .content { width: 1500px; margin: 0px auto; } .about_honor .top_box { text-align: center; } .about_honor .top_box .title { font-size: 34px; color: #272727; font-weight: bold; margin-bottom: 15px; } .about_honor .top_box .en_title { font-size: 28px; color: #969696; margin-bottom: 15px; } .about_honor .top_box .line { margin-bottom: 40px; } .about_honor .honor_ctg { text-align: center; margin-bottom: 80px; } .about_honor .honor_ctg ul { overflow: hidden; } .about_honor .honor_ctg li { display: inline-block; margin: 0px 14px; margin-bottom: 15px; } .about_honor .honor_ctg li a { font-size: 22px; color: #717171; } .about_honor .honor_ctg li.on a { color: #c70c1f; } .about_honor .swiper_box { position: relative; } .about_honor .swiper-pagination { position: relative; padding-top: 25px; } .about_honor .swiper-pagination span { width: 14px; height: 14px; margin: 0px 5px; background: rgba(0,0,0,0.4); } .about_honor .swiper-pagination span.swiper-pagination-bullet-active { background: #c70c1f; } .honor_swiper { position: relative; overflow: hidden; display: none; } .honor_swiper.on { display: block; } .honor_swiper .swiper-slide .box { padding: 0px 10px; box-sizing: border-box; text-align: center; } .honor_swiper .swiper-slide .box .title { font-size: 17px; color: #272727; line-height: 50px; } .honor_swiper .swiper-slide .box .img_box { width: 100%; height: auto; overflow: hidden; } .honor_swiper .swiper-slide .box .img_box img { width: 100%; height: auto; display: block; transition: all .3s linear; } .honor_swiper .swiper-slide .box .img_box img:hover { transform: scale(1.1); } @media only screen and (max-width:1500px ) { .about_honor .content { width: 100%; padding: 0px 10px; box-sizing: border-box; } } @media only screen and (max-width:1024px ) { .about_honor { padding: 60px 0px; } .about_honor .top_box .title { font-size: 30px; margin-bottom: 13px; } .about_honor .top_box .en_title { font-size: 26px; margin-bottom: 16px; } .about_honor .top_box .line { margin-bottom: 45px; } } @media only screen and (max-width:768px ) { .about_honor { padding: 50px 0px; } .about_honor .top_box .title { font-size: 28px; } .about_honor .top_box .en_title { font-size: 24px; } .about_honor .top_box .line { margin-bottom: 35px; } .about_honor .honor_ctg { margin-bottom: 40px; } .about_honor .honor_ctg li a { font-size: 18px; } .honor_swiper .swiper-slide .box .title { font-size: 15px; line-height: 40px; } } @media only screen and (max-width:480px ) { .about_honor { padding: 50px 0px; } .about_honor .top_box .title { font-size: 26px; } .about_honor .top_box .en_title { font-size: 22px; } .about_honor .top_box .line { margin-bottom: 30px; } .about_honor .honor_ctg { margin-bottom: 40px; } .about_honor .honor_ctg li a { font-size: 16px; } .honor_swiper .swiper-slide .box .title { font-size: 14px; } } .about_member .swiper-slide:hover .box .con_box { background: #ececec; } .about_member .swiper-slide:hover .box .con_box::after { background: #ececec; } .about_member .swiper-slide:hover .box .con_box .title { color: #c70c1f; font-weight: bold; } .about_member .swiper-slide:hover .box .con_box .more { text-decoration: underline; } .about_member { width: 100%; background: #fff; /*padding-top: 90px;*/ padding-bottom: 125px; overflow: hidden; } .about_member .content { width: 1600px; margin: 0px auto; } .about_member .top_box { text-align: center; } .about_member .top_box .title { font-size: 34px; color: #000; font-weight: bold; margin-bottom: 15px; } .about_member .top_box .en_title { font-size: 28px; color: #969696; margin-bottom: 15px; } .about_member .top_box .line { margin-bottom: 85px; } .about_member .member_swiper { position: relative; overflow: hidden; } .about_member .swiper-slide .box { padding: 0px 16px; box-sizing: border-box; } .about_member .swiper-slide .box .img_box { width: 100%; height: auto; overflow: hidden; } .about_member .swiper-slide .box .img_box img { width: 100%; height: auto; display: block; } .about_member .swiper-slide .box .con_box { padding: 35px 30px; position: relative; transition: all .3s linear; } .about_member .swiper-slide .box .con_box .title { color: #000000; font-size: 20px; margin-bottom: 20px; transition: all .3s linear; } .about_member .swiper-slide .box .con_box .desc { font-size: 14px; color: #4b4b4b; line-height: 30px; height: 90px; overflow: hidden; margin-bottom: 15px; } .about_member .swiper-slide .box .con_box .more { font-size: 14px; color: #c70c1f; line-height: 26px; } .about_member .swiper-slide .box .con_box::after { content: ""; width: 100%; height: 9px; background: #e0e0e0; position: absolute; bottom: 0px; left: 0px; transition: all .3s linear; } .about_member .swiper-slide:hover .box .con_box { background: #ececec; } .about_member .swiper-slide:hover .box .con_box::after { background: #ececec; } .about_member .swiper-slide:hover .box .con_box .title { color: #c70c1f; font-weight: bold; } .about_member .swiper-slide:hover .box .con_box .more { text-decoration: underline; } @media only screen and (max-width:1600px) { .about_member .content { width: 100%; } } @media only screen and (max-width:1024px ) { .about_honor .top_box .title { font-size: 30px; margin-bottom: 13px; } .about_honor .top_box .en_title { font-size: 26px; margin-bottom: 16px; } .about_member .top_box .line { margin-bottom: 45px; } } @media only screen and (max-width:768px ) { .about_member .top_box .title { font-size: 28px; } .about_member .top_box .en_title { font-size: 24px; } .about_member .top_box .line { margin-bottom: 35px; } .about_member .swiper-slide .box .con_box { padding: 30px 20px; } } @media only screen and (max-width:480px ) { .about_member { padding: 50px 0px; } .about_member .top_box .title { font-size: 26px; } .about_member .top_box .en_title { font-size: 22px; } .about_member .top_box .line { margin-bottom: 30px; } } @media only screen and (max-width:1640px ) { .header .content { width: 100%; padding: 0px 20px; } } @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; } } div.flickr { padding: 40px 0px 40px 0px; margin: 0px; text-align: center; font-size: 14px; font-family: "SimSun"; } div.flickr a { width: 40px; height: 40px; line-height: 40px; transition: all 0.3s linear; font-family: "SimSun"; } div.flickr a { border: 1px solid #cbcbcb; border-radius: 5px; color: #666666; margin-right: 5px; text-decoration: none; display: inline-block; } div.flickr a:hover { border: #c70c1f 1px solid; background: #c70c1f; color: #fff; } div.meneame a:active { border: #c70c1f 1px solid; background: #c70c1f; color: #fff; } div.flickr span { width: 40px; height: 40px; line-height: 40px; transition: all 0.3s linear; font-family: "SimSun"; } div.flickr span.current { border-radius: 5px; background: #c70c1f; border: 1px solid #dedfde; color: #fff; margin-right: 5px; display: inline-block; } div.flickr span.disabled { border: 1px solid #cbcbcb; border-radius: 5px; color: #666666; margin-right: 5px; display: inline-block; } @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 #c70c1f; } .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 #c70c1f; } .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: #c70c1f; 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%; } } .gotop { width: 46px; height: 46px; background: url(../images/gotop.png) center center no-repeat #c70c1f; position: fixed; bottom: 100px; right: 50px; cursor: pointer; } .snew { width: 1600px; margin: 0 auto; padding: 120px 0px; } .snew_top { overflow:hidden overflow: hidden; margin-bottom: 60px; } .snew_tit { font-size: 35px; color: #c70c1f; font-weight: bold; float: left; line-height: 28px; } .snew en_title { font-size: 33px; line-height: 40px; color: #dcdcdc; font-weight: bold; } .snew_l_box { float: left; } .snew_nav { float: right; overflow: hidden } .snew_nav ul li { float: left; width: 140px; line-height: 40px; margin-left: 20px; text-align: center; border-radius: 20px; font-size: 18px; } .snew_nav ul li.snewh { background: #356fc7; } .snew_nav ul li.snewh a { display: block; color: #fff; } .snew_nav ul li:hover { background: #356fc7; } .snew_nav ul li:hover a { display: block; color: #fff; } .snew_con { padding-top: 70px; } .snew_con .snew_li { overflow: hidden; display: none; } .snew_con .snew_li .snew_l { float: left; width: 550px; position: relative } .snew_con .snew_li .snew_l .snew_lwz { position: absolute; background: rgba(0,0,0, 0.75); height: 100px; padding: 0px 40px; width: 100%; box-sizing: border-box; bottom: 0px; left: 0px } .snew_con .snew_li .snew_l .snew_lwz .snew_ldata { font-size: 14px; color: #fff; margin-top: 25px; } .snew_con .snew_li .snew_l .snew_lwz .snew_ltit { margin-top: 10px; font-size: 20px; font-weight: bold; color: #fff; } .snew_r { float: right; width: 1010px; } .snew_r ul li { overflow: hidden; padding-bottom: 25px; border-bottom: 1px solid #e7e7e7; margin-bottom: 28px; } .snew_rdata { float: left; width: 195px; box-sizing: border-box; padding: 10px 0px; padding-left: 15px; padding-right: 55px; border-right: 1px solid #cccccc; } .snew_rdata .snew_ryear { text-align: right; font-size: 14px; color: #999999; } .snew_rdata .snew_rri { font-size: 48px; line-height: 60px; color: #999999; font-family: Arial; } .snew_rwz { float: right; width: calc(100% - 196px); box-sizing: border-box; padding: 0px 50px; } .snew_rwy { float: right; width: calc(100% - 196px); box-sizing: border-box; padding: 0px 50px; } .snew_rtit { font-size: 18px; color: #333333; height: 20px; overflow: hidden } .snew_rzy { margin-top: 20px; color: #666666; font-size: 14px; line-height: 28px; } .snew_r ul li:hover { border-bottom: 1px solid #c70c1f; } .snew_r ul li:hover .snew_rdata { border-right: 1px solid #c70c1f; } .snew_r ul li:hover .snew_rtit { color: #c70c1f; } @media (max-width:1600px) { .snew { width: 93.75%; padding: 80px 0px; } .snew_con { padding-top: 40px; } .snew_r { width: calc(100% - 560px); } .snew_rzy { height: 56px; overflow: hidden } } @media (max-width:1400px) { .snew_rdata { width: 185px; } .snew_rdata .snew_rri { font-size: 44px; } .snew_rwz { padding: 0px 30px; } } @media (max-width:1200px) { .snew_con .snew_li .snew_l { width: 480px; } .snew_r { width: calc(100% - 490px); } .snew { padding: 60px 0px; } .snew_rdata { width: auto; padding-right: 25px; } .snew_rdata .snew_rri { font-size: 40px; line-height: 40px; } .snew_rwz { width: calc(100% - 155px); padding: 0px 10px; } .snew_rzy { margin-top: 10px; line-height: 24px; height: 48px; } .snew_rtit { font-size: 16px; } .snew_con .snew_li .snew_l .snew_lwz { padding: 0PX 20PX; } .snew_con .snew_li .snew_l .snew_lwz .snew_ltit { height: 20PX; overflow: hidden } } @media (max-width:1000px) { .snew_con .snew_li .snew_l { width: 380px; } .snew_con .snew_li .snew_l .snew_lwz { height: 60PX; } .snew_con .snew_li .snew_l .snew_lwz .snew_ldata { margin-top: 5px; } .snew_con .snew_li .snew_l .snew_lwz .snew_ltit { margin-top: 5px; font-size: 16px; } .snew_r { width: calc(100% - 390px); } .snew_rdata { padding: 5px 0px; padding-left: 5px; padding-right: 15px; } .snew_rdata .snew_rri { font-size: 38px; line-height: 38px; } .snew_rwz { width: calc(100% - 120px); } .snew_r ul li { padding-bottom: 15px; margin-bottom: 15px; } .snew_rzy { line-height: 22px; height: 44px; } } @media (max-width:840px) { .snew_con .snew_li .snew_l { width: auto; float: none; } .snew_l img { width: 100%; } .snew_r { width: 100%; margin-top: 20px; } .snew { padding: 40px 0px; } .snew_con { padding-top: 30px; } .snew_tit { font-size: 22px } .snew_nav ul li { line-height: 30px; width: 120px; font-size: 16px; margin-left: 10px; } } @media (max-width:640px) { .snew_tit { float: none; margin-bottom: 10px; } } @media (max-width:440px) { .snew { padding: 30px 0px; } .snew_con { padding-top: 20px; } .snew_rdata { padding-right: 5px; } .snew_rdata .snew_rri { font-size: 34px; line-height: 34px; } .snew_rwz { width: calc(100% - 100px) } .snew_rtit { font-size: 15px } .snew_rzy { font-size: 13px; height: 40px; line-height: 20PX; margin-top: 5px; } } /*产品详情*/ .pro-js{ padding-bottom: 205px; } .pro-js-top{ height: 107px; width: 100%; background-color:#c70c1f; } .pro-js-nav{ max-width: 1352px; height: 100%; margin: 0 auto; display: flex; align-items: center; } .js-nav{ width: 50%; height: 100%; } .js-nav-1{ display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .js-nav:hover{ } .js-nav:hover .js-nav-tx{ } .js-nav-pic{ background-repeat: no-repeat; background-position: center; width: 100%; } .js-gs{ background-image: url(../images/72-1.png); height: 23px; } .js-cs{ background-image: url(../images/73-1.png); height: 27px; } .js-zl{ background-image: url(../images/74-1.png); height: 21px; } .js-ly{background-image: url('../images/75-1.png');height: 25px;} .js-nav-tx{ text-align: center; color:#ffffff; font-size: 18px; margin-top: 10px; } .pro-js-cont{ max-width: 1352px; margin: 100px auto 0; width: 96%; } .pro-js-title{ color:#202020; font-size: 20px; } .pro-js-txt{ margin-top: 30px; } .pro-js-tx{ color:#555555; font-size: 18px; line-height: 36px; } .pro-js-tx table{max-width:99%; font-size:12pt; border-left:solid 1px #ddd;border-bottom:solid 1px #ddd;} .pro-js-tx table tr td{ border-left:solid 1px #ddd;border-bottom:solid 1px #ddd;border-top:solid 1px #ddd !important;border-right:solid 1px #ddd !important; } .pro-js-active{ background-color: #fff; } .pro-js-active .js-nav-tx{ color:#00a698; } .pro-tx-active .js-nav-tx{ color:#00a698 !important; }