/* by dingtiger 2019.3 */ @font-face { font-family: 'iconfont'; /* project id 2383891 */ src: url('//at.alicdn.com/t/font_2383891_hja2b96u4fg.eot'); src: url('//at.alicdn.com/t/font_2383891_hja2b96u4fg.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_2383891_hja2b96u4fg.woff2') format('woff2'), url('//at.alicdn.com/t/font_2383891_hja2b96u4fg.woff') format('woff'), url('//at.alicdn.com/t/font_2383891_hja2b96u4fg.ttf') format('truetype'), url('//at.alicdn.com/t/font_2383891_hja2b96u4fg.svg#iconfont') format('svg'); } @font-face { font-family: 'iconfont'; /* project id 2016539 */ src: url('//at.alicdn.com/t/font_2016539_mbbbloi3oyr.eot'); src: url('//at.alicdn.com/t/font_2016539_mbbbloi3oyr.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_2016539_mbbbloi3oyr.woff2') format('woff2'), url('//at.alicdn.com/t/font_2016539_mbbbloi3oyr.woff') format('woff'), url('//at.alicdn.com/t/font_2016539_mbbbloi3oyr.ttf') format('truetype'), url('//at.alicdn.com/t/font_2016539_mbbbloi3oyr.svg#iconfont') format('svg'); } .iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'dinpro'; src: url('../font/dinpro.eot'); src: url('../font/dinpro.eot?#iefix') format('embedded-opentype'), url('../font/dinpro.woff2') format('woff2'), url('../font/dinpro.woff') format('woff'), url('../font/dinpro.ttf') format('truetype'), url('../font/dinpro.svg#dinpro') format('svg'); } @font-face { font-family: 'gilroyb'; src: url('../font/gilroyb.eot'); src: url('../font/gilroyb.eot') format('embedded-opentype'), url('../font/gilroyb.woff2') format('woff2'), url('../font/gilroyb.woff') format('woff'), url('../font/gilroyb.ttf') format('truetype'), url('../font/gilroyb.svg') format('svg'); } @font-face { font-family: 'Rajdhani'; src:url('../font/Rajdhani-SemiBold.ttf') format('truetype'); } @font-face { font-family: 'Rajdhani_b'; src:url('../font/RAJDHANI_BOLD.ttf') format('truetype'); } @font-face { font-family: 'FuturaBT_k'; src:url('../font/FuturaBT_k.ttf') format('truetype'); } @font-face { font-family: 'dincond'; src:url('../font/dincond-medium-webfont.woff2') format('woff2'); } @font-face { font-family: 'dinprob'; src: url('../font/DINPro-Bold.eot'); src: url('../font/DINPro-Bold.eot?#iefix') format('embedded-opentype'), url('../font/DINPro-Bold.woff2') format('woff2'), url('../font/DINPro-Bold.woff') format('woff'), url('../font/DINPro-Bold.ttf') format('truetype'), url('../font/DINPro-Bold.svg#dinprob') format('svg'); } @font-face { font-family: 'iconfont'; /* Project id 2376408 */ src: url('//at.alicdn.com/t/c/font_2376408_dikx102fvb.woff2?t=1663033733835') format('woff2'), url('//at.alicdn.com/t/c/font_2376408_dikx102fvb.woff?t=1663033733835') format('woff'), url('//at.alicdn.com/t/c/font_2376408_dikx102fvb.ttf?t=1663033733835') format('truetype'); } *{margin:0;padding:0;} html,body{width:100%;height:100%;font-size:14px;} html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; } body {font-size:14px; line-height:24px; font-weight:500; color:#333; font-family:"FuturaBT_k","PingFang SC",Arial, Helvetica, sans-serif; width:100%;} ul,li {list-style: none; padding:0px; margin:0px} img {border:0; margin:0px; padding:0px; display:block;max-width: 100%;} input:focus {outline: none;} .clearfix:after{content:""; display:block; clear:both; height:0; visibility: hidden; font-size:0; line-height:0;} .clearfix{zoom:1;} a:link {color: #808080;text-decoration: none;} a:visited {color: #808080;text-decoration: none;} a:hover {color:#E60012;text-decoration: none;} a:active {color: #808080;text-decoration: none;} h1{font-size:30px; color:#000; line-height:30px; font-weight:600; letter-spacing:10px;} h2{font-size:30px; color:#000; line-height:30px; font-weight:300; font-family:"dinprob"; margin-bottom:10px;} h3{font-size:30px; color:#000; line-height:30px; font-weight:300; margin-bottom:10px;} h4{font-size:14px; color:#aaa; line-height:12px; font-weight:300; letter-spacing:0px; font-family:"dinpro";} h5{font-size:30px; color:#000; line-height:30px; font-weight:300; margin-top:10px;} /*������*/ ::-webkit-scrollbar {/*������������ʽ*/width: 5px; /*�߿��ֱ��Ӧ�����������ijߴ�*/border-radius: 5px;} ::-webkit-scrollbar-thumb {/*����������С����*/background-color: #D63522;border-radius: 5px;} ::-webkit-scrollbar-track {/*������������*/-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);background: #fff;} .all_mid{width:66%;min-width: 1200px;margin:0 auto;overflow: hidden;} .all_mid2{width:100%;margin:0 auto;overflow: hidden;} .all_mid3{width:1200px;margin:0 auto;overflow: hidden;} /* #menuBox{width: 100%; top: 0; z-index: 9999;} .default{width: 100%; height: 80px; background-color: none; position: absolute; z-index: 9999; top: 0px; line-height: 80px; background-color: rgba(0,90,100,0); color: rgba(0,0,0,0.4);} .fixed { position: fixed;top: 0px; left: 0px;width: 100%; height: 80px;line-height: 80px; background-color: rgba(255,255,255,1);color: #ddd;} .fixed ul li a{color:#000 !important;} .fixed ul li span{color:#000 !important;} .menuTop{width:66%;margin:0 auto;overflow: hidden;height:100%;} .menu{width:77%;float:right;overflow: hidden;margin-top: 26px;} .menu ul{overflow: hidden;line-height:24px;} .menu ul li{float:left;margin-right: 40px;line-height:24px;height:24px;overflow: hidden;} .menu ul li:nth-child(7){margin-right: 20px;} .menu ul li:last-child{float:right;margin-right: 0px;} .menu ul li a{color:#fff;font-size:14px;line-height:24px;display: inline-block;float: left;} .menu2 ul li a{color:#fff;} .menu ul li span{margin:0 5px;font-size:26px;color:#fff;line-height:24px;display: inline-block;float: left;} .menu2 ul li span{color:#fff;} .menuTop{width:66%;min-width: 1200px;} */ /*head*/ .head{position: fixed; left:0; top:0; width:100%; transition: top .5s; z-index:999999} .heada{top: 0px;} .headb{top:0;z-index:999999;} /*head_a*/ .head_a{width:100%; background-color:#D63522;overflow: hidden;display:none;} .head_a ol{width:66%; min-width:1200px; max-width:1200px; margin:0 auto;} .head_a ol dd{width:60%; float:left; color:#eee; height:35px; line-height:35px;} .head_a ol dd:nth-child(2){text-align:left; width:40%;} .head_a ol dd dl{ float:right; height:19px; margin-top:8px; margin-left:8px;} .head_a ol dd dl img{height:100%;} /*head_b*/ .head_b{width:100%;overflow: hidden;/*box-shadow: 0 0 5px rgba(0,0,0,0.2);background-color:#fff; */} .head_bb{box-shadow: 0 0 5px rgba(0,0,0,0.2);background-color:#fff;} .head:hover .head_b{background-color:#fff;} .head:hover .head_b ul li:nth-child(2) a{color:#333 !important;} .head:hover .head_b ul dd dl a{color:#333 !important;} .head:hover .head_b ul dd dl{color:#333 !important;} .head_b ul{width:66%; min-width:1200px; max-width:1200px; margin:0 auto; overflow: hidden;} .head_b ul li{float:left; height:80px; line-height:80px;} .head_b ul li:nth-child(1){width:220px;display:flex; -webkit-display:flex; justify-content:left; align-items:center; cursor:pointer;} .head_b ul li:nth-child(2){width:calc(100% - 370px); font-size:16px; text-align:right;margin-right:20px;} .head_b ul li:nth-child(2) a{margin-left:25px; display:inline-block; height:70px; color:#fff;font-size: 14px;} .head_b ul li img{width:100%;} .head_b ul li .nav-up-selected{color:#d71718;} .head_b ul dd{float:left;width:100px;} .head_b ul dd dl{ float:right; height:25px; margin-top:30.5px; margin-left:8px;} .head_b ul dd dl:nth-child(2){font-size: 30px;color: #fff;} .head_b ul dd dl a{color:#fff;} .head_b ul dd dl a:hover{color:#fff !important;} .head_b ul dd dl img{height:100%;} .head-v3{position:relative;} .navigation-down{position:absolute; top:0; left:0px; width:100%} .navigation-down .nav-down-menu{width:100%;margin:0;background:rgba(255,255,255,0.9);position:absolute; top:0px} .navigation-down .nav-down-menu .navigation-down-inner{width:66%; min-width:1200px; max-width:1200px; margin:0 auto; position:relative;} .navigation-down .nav-down-menu dl{float:left;margin:0px 30px 0 0; cursor:pointer;} .navigation-down .menu-1 ol{float:right; margin:30px 0;width:300px;height:100px;display:flex;justify-content:center;align-items:center;overflow: hidden;display: none;} .navigation-down .menu-1 ol img{width:100%;} .navigation-down .menu-1 dl{ line-height:100px; font-size:15px;} .navigation-down .menu-1 dl span{ font-size:24px; color:#d71718; margin-right:10px;} .navigation-down .menu-1 dt{color:#000;} .navigation-down .menu-1 dd a{color:#000;} .navigation-down .menu-1 dd a:hover{color:#60aff6} .navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#000;} #menu3 .navigation-down-inner{left: 50%;margin-left: -130px !important;} #menu5 .navigation-down-inner{left: 50%;margin-left: 130px !important;} .twoLev{width:100px;overflow: hidden;text-align: center;display: none;margin-left:-32px;position: absolute;margin-top:-10px;} .twoLev p{height:30px !important;line-height: 30px;float:left;padding:0px 10px !important;width:100%;font-size:13px;} .twoLev p:hover{font-weight:bold;cursor: pointer;} .levBox{width: 730px; float: right;text-align: left;line-height: 80px;} .oneLev{float:left;height:100%;padding:0 22px;color:#fff;font-weight: 500;} .oneLev a{color:#fff;} /*logo*/ .logo{width:120px;float:left;margin-top:20px;} .logo img{width:100%;} .section{width:100%;height:100vh;position: fixed;display: flex;justify-content: center;align-items: center;} /*.section1{background-image: url(../image/part1Bg.jpg);background-size: cover;background-position: center;z-index:5; }*/ /*.section1{background-image: url(../image/11.jpg);background-size: cover;background-position: bottom;z-index:5; }*/ .section1{background-image: url(../image/banner7.jpg) !important;background-size: cover !important;background-position: bottom !important;z-index:5; } /*.section2{background-image: url(../image/22.jpg);background-size: cover;background-position: center;z-index:4}*/ .section2{background-image: url(../image/banner10.jpg) !important;background-size: cover !important;background-position: center !important;z-index:4} /*.section2{background-image: url(../image/index_banner.jpg);background-size: cover;background-position: center;z-index:4}*/ .section3{background-image: url(../image/banner10.jpg) !important;background-size: cover !important;background-position: center !important;z-index:3} .section4{background-image: url(../image/index_bg3.jpg) !important;background-size: cover !important;background-position: center !important;z-index:2} .section5{background-image: url(../image/part5Bg.jpg) !important;background-size: cover !important;background-position: center !important;z-index:1} .zindex1{z-index:1} .zindex2{z-index:2} .zindex3{z-index:3} .zindex4{z-index:4} .zindex5{z-index:5} /* .Vidage{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;position: relative;} .Vidage video{width:100%;height:100%;object-fit:fill;} .bgColor{background:rgba(0,0,0,0.3);width:100%;height:100vh;position: absolute;z-index: 999;} .video_word{width:66%;margin:0 auto;position: absolute;text-align: left;z-index: 1111;} .video_word p:nth-child(1){font-size:60px;color:#fff;line-height:100px;letter-spacing:5px;font-weight: 500;} .video_word p:nth-child(2){margin:20px 0 40px 0;} .video_word p:nth-child(3){font-size:20px;color:#fff;line-height:20px;font-weight: 500;letter-spacing:5px;} .video_word p:nth-child(4){color:#fff;} */ .section1_word{width: 1200px;margin:0 auto;color:#fff;text-align: left;font-weight: 300;} /*.section1_word p:nth-child(1){font-size:16px;letter-spacing:1px;}*/ .section1_word p:nth-child(1){font-size: 40px;line-height: 60px;letter-spacing:5px;text-align: center;} .section1_word p:nth-child(2){font-size: 40px;line-height: 60px;letter-spacing:5px;text-align: center;} .section1_word p:nth-child(3){font-size: 40px;line-height: 60px;letter-spacing:5px;text-align: center;} /*.section1_word p:nth-child(3){margin-top:10px; }*/ .section1_word p:nth-child(4){font-size:16px;margin-top:20px;letter-spacing:1px;} .section1_word p:nth-child(5){margin-top:50px;} .section1_word p:nth-child(5) a{display: inline-block;width:120px;height:35px;background: #D63522;color:#fff;text-align: center;line-height: 35px;} .section1_word p:nth-child(5) a:hover{background:#fff;color:#D63522;} .section2_word{width: 1000px;margin:0 auto;color:#fff;text-align: right;margin-top:50px;font-weight: 300;} .section2_word p:nth-child(1){color:#fff;font-size:40px;line-height:60px;letter-spacing:5px;} .section2_word p:nth-child(2){color:#fff;font-size:25px;line-height:35px;margin-top:10px;letter-spacing:2px;} .section2_word p:nth-child(3){margin-top:50px;} .section2_word p:nth-child(3) a{display: inline-block;width:120px;height:35px;background: #D63522;color:#fff;text-align: center;line-height: 35px;} .section2_word p:nth-child(3) a:hover{background:#fff;color:#D63522;} .section3_word{width: 1200px;margin:0 auto;color:#fff;text-align: left;font-weight: 300;} .section3_word p:nth-child(1){color:#fff;font-size:40px;line-height:60px;letter-spacing:5px;text-align: center;margin-top:0vh;} .section3_word p:nth-child(2){color:#fff;font-size:40px;line-height:65px;margin-top:10px;letter-spacing:2px;text-align: center;} .section3_word p:nth-child(3){margin-top:50px;} .section3_word p:nth-child(3) a{display: inline-block;width:120px;height:35px;background: #D63522;color:#fff;text-align: center;line-height: 35px;} .section3_word p:nth-child(3) a:hover{background:#fff;color:#D63522;} .section4_word{width: 1200px;margin:0 auto;color:#fff;text-align: center;font-weight: 300;} .section4_word p:nth-child(1){color:#fff;font-size:40px;line-height:60px;letter-spacing:2px;margin-top:0vh;} .section4_word p:nth-child(2){color:#fff;font-size:40px;line-height:60px;margin-top:10px;letter-spacing:2px;} .section4_word p:nth-child(3){margin-top:50px;} .section4_word p:nth-child(3) a{display: inline-block;width:120px;height:35px;background: #D63522;color:#fff;text-align: center;line-height: 35px;} .section4_word p:nth-child(3) a:hover{background:#fff;color:#D63522;} .banner_a{width:100%;position: relative;height:75vh;background-size: cover;background-position: center;margin-top: -50px;display:flex;justify-content:center;align-items:center;} /*.banner_a img{width:100%;position: relative;}*/ .banner_word{position: absolute;color:#fff;text-align: center;width: 100%;} .banner_word p:nth-child(1){font-size:40px;line-height: 60px;letter-spacing: 5px;font-weight: 300;} .banner_word p:nth-child(2){font-size:20px;line-height: 60px;letter-spacing: 2px;font-weight: 300;} .banner_word2{position: relative;width:66%;min-width:1200px;height:100%;margin:0 auto;} .banner_word2 p{position: absolute;bottom: 20px;text-transform: uppercase;color: #fff;font-family: "dinprob";font-size: 18px;margin-top: 20px; text-shadow: 1px 1px 1px #b9b9b9;} #fixMenuBox{width:100%;height:80px;line-height:100px;border-bottom: 1px solid #ddd;background: #fff;border-top:1px solid #ddd;} #fixMenuBox :before{content:"";position:absolute;left:0;top:-10px;width:6px;height:15px;background: #E60012;} .fixMenu{width:66%; min-width:1200px; margin:0 auto;position: relative;} .fixMenu a{margin-right:30px;display: inline-block;line-height:53px;font-size:16px;} .fixMenu_x{border-bottom:3px solid #e60012;} .fixMenuBox--top{position:fixed;top:0;} /*about*/ .about_part1_box{width:100%;overflow: hidden;position: relative;padding-bottom:100px;} .about_part1{width: 1200px;margin:0 auto;padding-top:100px;position: relative;} /* .about_part1_left{width:350px;float:left;overflow:hidden;} .about_part1_left_top{width:100%;height:200px;overflow: hidden;display:flex;justify-content:center;align-items:center;} .about_part1_left_top img{width:100%;} .about_part1_left_btm{width:80%;overflow: hidden;background: #E6EDF7;padding-left:20%;padding-bottom:30px;} .data-box{width:100%;float:right;height:auto;margin-top:40px;} .data-box dl{float:right;width:100%;margin-bottom: 3px;} .data-box dd{display: inline-block;padding: 0 35px 0 15px;background: #d8e0ee; margin-top: 2px;text-align: right;color: #666666;float: right;border-radius: 22px 0 0 22px; height: 43px;line-height: 43px;} .data-box dd strong{color: #003894;font-size: 30px;letter-spacing: -2px;display: inline-block;padding-right: 8px;font-weight: normal;font-family: "dincond";margin-left: 5px;} .data-box-bigTitle{background: url(../image/about-menu.png) no-repeat;width: 169px;height: 60px;line-height: 60px;color: #fff;text-align: center;font-size: 20px;float: right;margin-bottom: 5px;} .about_part1_right{padding:40px;float:right;overflow: hidden;width:calc(100% - 430px);background:#F6F9FF;} .about_part1_right_name{font-size: 20px;color: #D63522;font-weight: bold;margin-top:30px;} .about_part1_right_since{color: #E60012;font-size: 68px;font-family: "dincond";letter-spacing: -3px;line-height: 60px;float: left;} .about_part1_right_sinceWord{float: left;font-size: 20px;line-height: 26px;color: #7a7a7a;margin-left: 8px;padding-top: 5px;} .about_part1_right_nr{width:100%;padding-top:20px;overflow: hidden;margin-bottom:30px;} .about_part1_right_tips{height:40px;line-height:40px;margin-top:10px;} .about_part1_right_tips i{color:#E60012;margin-right:5px;font-size:30px;} */ .index_about_divb{width: 66%; margin-top: 40px;min-width: 1200px; margin: 0 auto;} .index_about_divb ol{float:left; text-align:left; box-sizing:border-box; font-size:13px; margin-right:60px; background-image:url(../image/black_line.gif); background-position:bottom center; padding-bottom:10px; background-repeat:no-repeat;width: 20%; margin-top: 70px;text-align: center;} .index_about_divb ol .count-num{display:block; font-family:"dinprob"; font-size:38px; line-height:36px; color:#E60012; margin-bottom:5px;} /* .about_part1_left{width:100%;float:left;overflow: hidden;display:flex;justify-content:center;align-items:center;} .about_part1_left div{display: flex;flex-direction: column;align-items: center;} .about_part1_left p:nth-child(1){font-size: 28px;color: #D63522;line-height: 36px; margin-bottom: 10px;font-weight: bold;letter-spacing:1px;} .about_part1_left p:nth-child(2){margin-bottom: 20px; text-align: center;font-size: 20px;line-height: 30px;letter-spacing: 6px;} .about_part1_left p:nth-child(3){font-size: 16px;line-height: 25px;color: #666666;width:80%;letter-spacing: 1px;} .about_part1_left p:nth-child(4){margin-top:20px;} */ .about_part1_top{width: 100%; overflow: hidden;border-bottom: 1px solid #e8e8e8;display: flex;justify-content: center;align-items: center;} .about_part1_title{font-size: 35px;font-style: normal; overflow: hidden;height: 70px;line-height: 60px;float: left; border-bottom: 2px solid #D63522;} .about_part1_jj{margin-left: 50px;float:left;margin-top: 12px;font-size:16px;color:#363434;} .about_part1_btm{margin-top:80px;width:100%;overflow: hidden;} .about_part1_btm_l{float:left;width:100%;overflow: hidden;display:flex;justify-content:center;align-items:center;} .about_part1_logo{width:100%;overflow: hidden;} .about_part1_logo img{width:50%;} .about_part1_content{text-indent: 2em;font-size:16px;line-height: 35px;width:70%;text-align: center;} .about_part1_btm_r{float:right;width:calc(50% - 20px);overflow: hidden;} .about_part1_btm_r video{width:100%;object-fit: fill;} .cloud_left{position: absolute;left:-50px;bottom: -130px;width:650px;} .cloud_right{position: absolute;right:-30px;bottom: -2px;width:500px;} .cloud_ccc{position: absolute;right:25%;width:50%;top: 50%;margin-top: -380px;} .fwly_word{color:#666666;text-align: center;font-size:16px;margin-top: 30px;} /*.fwly_title{text-align:center;}*/ /*.about_part1_right{width:40%;float:right;overflow: hidden;}*/ .about_part2{width:1200px;margin:0 auto;margin-top:50px;overflow: hidden;} .about_part2_title{text-align:center;color:#fff;font-size: 30px;line-height:40px;margin-top:30px;} .about_part2_hx{display:flex;justify-content:center;align-items:center;margin-bottom: 20px;} .about_part2_hx span{width:50px;height:10px;border-bottom:2px solid #fff;display: inline-block;} .qywh_bt{display:flex;justify-content:center;align-items:center;} /*��չ����*/ .bodyCon08{background:url(../image/dy_pic11.jpg);overflow: hidden;} .bodyCon08 .students{margin:0 auto;width:1100px;height:380px;position:relative;} .bodyCon08 .students p.PP{width:510px;height:50px;font-size:16px;color:#333;text-align:center;position:absolute;top:60px; left:300px;} #four_flash{position:relative;width:1100px;height:340px; margin:0 auto;position:absolute;bottom:40px;} #four_flash .flashBg{width:998px;height:340px; margin:0 auto;position:relative;overflow:hidden;} #four_flash .flashBg ul.mobile{width:2000%;height:340px; position:absolute;top:15; left:0;} #four_flash .flashBg ul.mobile li{border:10px solid #2E324B;float:left;width:280px;height:280px;margin-left:26px;padding-top:40px;color:#6C6E85;} #four_flash .flashBg ul.mobile li:hover{border:10px solid #343851; color:#fff;} #four_flash .flashBg ul.mobile li img{max-width:100%;height:140px;display:block; margin:0 auto;} #four_flash .flashBg ul.mobile li dd{font-size:20px;width:90%;line-height:60px;text-align:center;border-bottom:1px solid #6C6E85;margin-left:5%;} #four_flash .flashBg ul.mobile li p{font-size:16px; text-align:center;width:90%; line-height:24px;margin-top:10px;margin-left:5%;} #four_flash .flashBg ul.mobile li a{display:block;background:url(../image/jiantou.png);width:31px;height:31px;border:0px;margin:8px auto;} #four_flash .flashBg ul.mobile li a:hover{background:url(../image/jiantou2.png);} #four_flash .but_left{width:50px;height:100px;position:absolute; top:136px; left:0px;cursor: pointer;} #four_flash .but_right{width:50px;height:100px; position:absolute; top:136px; right:0px;cursor: pointer;} #four_flash .but_left:hover{background:url(../image/qianxleft1.png) no-repeat;} #four_flash .but_right:hover{background:url(../image/qianxr1.png) no-repeat;} .about_word{width:66%;margin:0 auto;min-width:1200px;z-index: 1111;text-align: center;} .about_word p:nth-child(1){font-size:40px;color:#fff;line-height:50px;letter-spacing:5px;} .about_word p:nth-child(2){margin:10px 0 20px 0;display:flex;justify-content:center;align-items:center;} .about_word p:nth-child(3){font-size:20px;color:#fff;line-height:30px;letter-spacing:5px;font-weight: 300;} .about_word p:nth-child(4){color:#fff;} /*end*/ .about_part3{width:66%;min-width:1200px;margin:50px auto;overflow: hidden;} .about_part3_p1{font-size:35px;text-align: center;line-height: 45px;font-weight: 500;color: #4e4e4e;} .about_part3_p2{font-size:16px;text-align: center;margin:20px 0 40px 0;} .about_prat3_midBox{display:flex;justify-content:center;align-items:center;width:100%;overflow: hidden;} .about_part3_left{width:210px;float:right;overflow: hidden;text-align: center;} .about_part3_left p:nth-child(1){font-size:16px;color:#D63522;line-height:45px;font-weight: bold;} .about_part3_left p:nth-child(2){font-size:14px;color:#D63522;font-weight: 500;} .about_part3_left ul{margin-top:20px;width:100%;text-align: center;} .about_part3_left ul li{width:100%;text-align: center;font-weight: 500;font-size:12px;margin-top: 10px;color:#000;letter-spacing:2px;} /* .about_part3_left ul li:nth-child(1){margin-bottom:20px;} .about_part3_left ul li:nth-child(1) span{font-size:25px;color:#D63522;font-family: "FuturaBT_k";} */ .about_bg{ background-image: url(../image/2.jpg); background-position: top; background-repeat: no-repeat; background-size: cover; width: 60%; height: 290px; position: absolute; z-index: -1; left: 70%; filter: grayscale(100%); filter: alpha(opacity=40); opacity: 0.1; top: 200px;} .about_bg2{ background-image: url(../image/2.jpg); background-position: bottom; background-repeat: no-repeat; background-size: cover; width: 30%; height: 170px; position: absolute; z-index: -1; left: 70%; filter: grayscale(100%); filter: alpha(opacity=40); opacity: 0.1; top: 180px;} .about_part3_box{width:100%;overflow: hidden;background: #efefef;} .about_part3_right{width:calc(100% - 350px);float:left;overflow: hidden;} .about_part3_right img{width:90%;} .logoBox_about{margin-top:50px;overflow: hidden;} .logoWallBox{width:66%;min-width:1200px;margin:0 auto;overflow:hidden; border-left:1px solid #E6E6E6; border-top:1px solid #E6E6E6;} .logoWallBox ul li {width: calc(20% - 1.5px);height:auto;overflow: hidden; float:left; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6;height:120px;display:flex;justify-content:center;align-items:center;} .logoWallBox ul li img {border:none;text-align: center; width:70%;transition: all 0.9s;} .logoWallBox ul li:hover img{transform: scale(1.3);} /*about_b*/ .hot_role{width:1200px;overflow:hidden;margin:50px auto;margin-top: 30px;} #centerwell{position:relative;height:300px;margin:0;padding:0;background:#FFFFFF;overflow:hidden;width:100%;} #centerwell li{position:relative;width:125px;height:300px;float:left;border-right:#e0e0e0 1px solid;background:white;overflow:hidden;} #centerwell h3{position:absolute;top:0;left:0;margin:0;width:125px;height:300px;background-color:#f2f2f2;position:relative;cursor:pointer;text-align: center;font-size:20px;display:flex;justify-content:center;align-items:center;} #centerwell h3 div{color:#000;} #centerwell h3 i{font-size:30px;color:#000;} /*#centerwell h3.on div{color:#fff;}*/ /*#centerwell h3.on i{color:#fff;}*/ #centerwell .hot_content{position:absolute;left:125px;top:0px;width:565px;color:#5f5f5f;font-size:15px;line-height:18px;letter-spacing:0pt;height: 100%;background-size: cover;display:flex;justify-content:center;align-items:center;} #centerwell h3 img{filter:alpha(opacity=30);opacity:0.3;float:left;width:100px;height:300px;} #centerwell h3.on img{filter:alpha(opacity=100);opacity:1;} #centerwell h3 .hot_title{display:block;position:absolute;z-index:10;left:0;bottom:0;width:72px;height:177px;color:#FFFFFF;text-align:center;} #centerwell h3.on .hot_title{display:none;} /*#centerwell h3.on{background:#D63522;color:#fff;}*/ .about_b_img1{background-image: url(../image/about_b_img1.jpg);background-position: center;} .about_b_img2{background-image: url(../image/about_b_img2.jpg);background-position: center;} .about_b_img3{background-image: url(../image/about_b_img3.jpg);background-position: center;} .about_b_img4{background-image: url(../image/about_b_img4.jpg);background-position: center;} .about_b_img5{background-image: url(../image/about_b_img5.jpg);background-position: center;} .hot_content_a{width:80%;height:auto;color:#fff;} .hot_content_p1{text-transform: uppercase;font-size: 16px;} .hot_content_p2 span{display: inline-block;height:2px;border-bottom:1px solid #fff;width:25px;} .hot_content_p3{font-size:20px;font-weight: 500;margin-top:30px;letter-spacing:2px;line-height: 25px;} .banner-box .swiper-container{margin-left: auto;margin-right: auto;position: relative;z-index: 1} .banner-box .swiper-container-no-flexbox .swiper-slide{float: left} .banner-box .swiper-container-vertical>.swiper-wrapper{-webkit-box-orient: vertical;-moz-box-orient: vertical;-ms-flex-direction: column;-webkit-flex-direction: column;flex-direction: column} .banner-box .swiper-wrapper{position: relative;width: 10%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .banner-box .swiper-wrapper{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate(0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)} .banner-box .swiper-slide{-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 50%;height: 100%;position: relative;padding: 0;-webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;box-shadow: rgba(0,0,0,.2) 0px 0px 30px;} .banner-box .swiper-button-next, .swiper-button-prev{position: absolute;top: 50%;width: 27px;height: 50px;margin-top: -25px;-moz-background-size: 27px 44px;-webkit-background-size: 27px 44px;background-size: 27px 44px;background-position: center;background-repeat: no-repeat;cursor: pointer;} .banner-box .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right: 10px;left: auto} .banner-box .swiper-pagination{position: absolute;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);z-index: 10} .banner-box .swiper-pagination-bullet{width: 8px;height: 8px;display: inline-block;border-radius: 100%;background: #000;opacity: .2;margin: 0 5px;cursor: pointer;} .banner-box .swiper-slide:hover{-webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;-moz-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;box-shadow: rgba(0,0,0,.5) 0px 0px 50px;} .banner-box{width: 100%;float: left;position: relative;overflow: hidden;margin-top:50px;} .banner-box .swiper-container{width: 100%;margin: 12px 0;} .banner-box .swiper-slide{-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transform-style: preserve-3d;transform: scale(.8);-webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;-webkit-transition: transform 1.0s;-moz-transition: transform 1.0s;-ms-transition: transform 1.0s;-o-transition: transform 1.0s;-webkit-transform: scale(0.7);-moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;} .banner-box .swiper-slide-active, .swiper-slide-duplicate-active{-webkit-transform: scale(1);transform: scale(1);} .banner-box .swiper-slide img{width: 100%;display: block;} .banner-box .swiper-pagination{position: relative;margin-bottom: 30px;} .banner-box .swiper-pagination-bullet-active{opacity: 1;background: rgba(0,0,0,.8);} @media screen and (max-width: 668px){ .banner-box .swiper-pagination{position: relative;margin-bottom: 20px;} .banner-box .swiper-pagination-bullet-active{opacity: 1;background: rgba(0,0,0,.8);}} .banner-arrow div:hover{background-color: #4a4a4a;} .banner-box .swiper-button-prev{background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #7c7c7c center 50%/50% 50% no-repeat;left: 10px;} .banner-box .swiper-button-next{background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #7c7c7c center 50%/50% 50% no-repeat;} .banner-top{padding-top: 3.730928444707274%;} .banner-title{padding: 5px 0;} .banner-title h1{text-align: center;letter-spacing: 5px;font-size: 45px;font-family: "Microsoft YaHei", ΢���ź�, MicrosoftJhengHei, ����ϸ��, STHeiti, MingLiu;font-weight: normal;color: rgb(68, 68, 68);padding-bottom: 14px;} .banner-text{text-align: center;} .banner-top-one{padding-top: 3.311649911295092%;} .banner-button{width: 100%;vertical-align: middle;text-align: center;} .banner-button a{display: inline-block;vertical-align: middle;text-align: center;height: auto;width: auto;line-height: 100%;padding: 15px 32px;position: relative;} .banner-button-btn{color: #fff;font-weight: 400;margin: 0;line-height: 1.8em;font-size: 16px;font-family: 'Helvetica Neue', 'Helvetica', 'STHeitiSC-Light', "Hiragino Sans GB", Arial, "Microsoft YaHei", "΢���ź�", "STHeiti", "WenQuanYi Micro Hei", 'PingFang SC', SimSun, sans-serif;-webkit-font-smoothing: antialiased;background-color: #69ca72!important;border-radius: 100px;} .banner-button-btn{background: #cedad0;display: inline-block;-webkit-transition: border-color .4s, color .4s;-moz-transition: border-color .4s, color .4s;transition: border-color .4s, color .4s;border: 0;vertical-align: middle;position: relative;z-index: 1;color: #fff;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;} .banner-button-btn, .banner-button-btn::before{-webkit-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);-moz-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);transition-timing-function: cubic-bezier(0.2, 1, .3, 1);} .banner-button-btn::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 25px;background: #1a7c29;z-index: -1;opacity: 0;-webkit-transform: scale3d(0.7, 1, 1);-moz-transform: scale3d(0.7, 1, 1);-ms-transform: scale3d(0.7, 1, 1);-o-transform: scale3d(0.7, 1, 1);transform: scale3d(0.7, 1, 1);-webkit-transition: -webkit-transform .4s, opacity .4s;-moz-transition: -moz-transform .4s, opacity .4s;transition: transform .4s, opacity .4s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);-moz-transition-timing-function: cubic-bezier(0.2, 1, .3, 1);transition-timing-function: cubic-bezier(0.2, 1, .3, 1);} .banner-button-btn:hover::before{opacity: 1;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .banner-box_p1{text-align:center;font-size:20px;color:#D63522;font-weight: bold;} .banner-box_p2{text-align:center;font-size:20px;color:#D63522;height:10px;margin-bottom: 50px;} .banner-box_p2 span{display: inline-block;height:2px;border-bottom:1px solid #D63522;width:25px;} .index_cart_a{padding:80px 0; width:100%;overflow: hidden;margin-top:50px;} /*background-image:url(../image/quan.jpg); */ .mapBox{width:70%;margin-left:15%;padding:30px 0;position: relative;} .index_cart_a ol:nth-child(1){text-align:center;overflow: hidden;} .index_cart_a ol{width:66%; min-width:1200px; max-width:1200px; margin:0 auto;} .index_cart_a ol dl{width:50%; float:left; margin-right:4%;} .index_cart_a ol dl:nth-child(2){margin-right:0; width:40%;overflow: hidden;float:right;margin-top: 50px;} .index_cart_a ol dl dd{width:100%;float: left;text-align: left;} .index_cart_a ol dl dd:nth-child(1){margin-bottom:50px;} .index_cart_a ol dl dd:nth-child(1) ul p{overflow: hidden;border-bottom: 1px solid #e8e8e8;margin-bottom: 30px;} .index_cart_a ol dl dd:nth-child(1) ul p i{text-align: left;font-size:35px;font-style: normal;overflow: hidden;height: 70px;line-height: 60px;float: left; border-bottom: 2px solid #D63522;} .index_cart_a ol dl dd div{width:45%; margin-right:3%; float:left; margin-bottom:15px;} .index_cart_a ol dl dd div:nth-child(3n+3){margin-right:0;} .index_cart_a ol dl dd div img{width:100%;} .index_cart_a .swiper { width: 100%;height: 100%;position: relative;} .index_cart_a ul li{margin-bottom:10px;font-size: 16px;text-align: left;width:50%;float:left;} .index_cart_a ol dl dd span{color:#fff; font-size:30px; line-height:40px; padding:10px; margin-right:5px;} .index_cart_a ol dl dd span:nth-child(1){background-color:#1D2088;} .index_cart_a ol dl dd span:nth-child(2){background-color:#1D2088;} .index_cart_a ol dl dd span:nth-child(3){background-color:#3E3A39;} .index_cart_a ol dl dd span:nth-child(4){background-color:#B01D36;} .index_cart_a ol dl dd span:nth-child(5){background-color:#0F593F;} #certify{position: relative;width: 1200px;margin: 0 auto;margin-top:50px;} #certify .swiper-container{padding-bottom: 60px;} #certify .swiper-slide{width: 520px;background: #fff;box-shadow: 0 8px 30px #ddd;position: relative;} #certify .swiper-slide img{display:block;} #certify .swiper-slide p{line-height: 98px;padding-top: 0;text-align: center;color: #fff;font-size: 30px;margin: 0;position: absolute;bottom:80px;width:100%;} #certify .swiper-pagination{width: 100%;bottom: -20px;} .seeMore{width:100%;display:flex;justify-content:center;align-items:center;padding:20px 0;position: absolute;bottom:30px;} .seeMore a{display:inline-block;padding:1px 20px;color:#fff;border:1px solid #fff;border-radius: 50px;} .seeMore a:hover{color:#fff;background: #D63522;border:1px solid #D63522;} #certify .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;} #certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 3px solid #00aadc;background-color: #fff;} #certify .swiper-button-prev{left: -30px;width: 45px;height: 45px;background: url(../image/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;} #certify .swiper-button-prev:hover{background-position: 0 -46px;background-size: 100%} #certify .swiper-button-next{right: -30px;width: 45px;height: 45px;background: url(../image/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;} #certify .swiper-button-next:hover{background-position: 0 -139px;background-size: 100%} .fwlyBox{width:100%;overflow: hidden;background: #f5f5f5;} .fwly{width:1200px;margin:0 auto;margin-top:50px;position: relative;} .fwly_title{width: 100%;overflow: hidden;text-align: center; display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #e8e8e8;} .fwly_title i{text-align: center;font-size:35px;font-style: normal;overflow: hidden;height: 70px;line-height: 60px;float: left;border-bottom: 2px solid #D63522;} /*productList*/ .index_pro{width:100%; overflow: hidden;} .index_pro_top{width:100%;height:50px;line-height:50px;overflow: hidden;position: relative;top:0;text-align: center;font-size:28px;margin-top:50px;} .index_pro_top_b{width:100%;height:50px;line-height:50px;overflow: hidden;position: absolute;top:-50px;text-align: center;font-size:20px;} .index_pro_topBox{float: right;width:calc(50% - 50px);height:100%;background:rgba(0,104,183,0.8);display:flex;justify-content:center;align-items:center;position:relative;right:-50px;} .topBox_wordBox{width:60%;overflow: hidden;color:#fff;} .topBox_wordBox p:nth-child(1){font-size:40px;font-weight: bold;line-height:40px;} .topBox_wordBox p:nth-child(2){margin:25px 0;} .topBox_wordBox p:nth-child(3){font-size:18px;} .topBox_wordBox button{width:150px;height:46px;background: transparent;border:1px solid #fff;border-radius:0 10px 0 10px;color:#fff;margin-top:40px;cursor: pointer;} .topBox_wordBox button:hover{background:#fff;color:#D63522;} .pro_jg{width: 66%;min-width: 1200px;margin:20px auto;display:flex;justify-content:center;align-items:center;} .pro_jg_bt{width:50%;display:flex;justify-content:center;align-items:center;position: relative;} .pro_jg_img{float:left;width:50%;position: relative;} .pro_jg_img img{width:100%;} .pro_jg_box{float:left;width:40%;} .pro_jg_box img{width:60%;} .item-1{width: 20px;height: 20px;background: #f583a1;border-radius: 50%;background-color:rgb(214 53 34 / 50%);margin: 7px;display: flex;justify-content: center;align-items: center;position: absolute;z-index: 1111; top: 52%; right: 18%;cursor: pointer;} @keyframes scale{0%{transform: scale(1);} 50%, 75%{transform: scale(2.5);} 78%, 100%{opacity: 0;}} .item-1_1{top: 60%; right: 30%;} .item-1_2{top: 21%; left: 50%;} .item-1_3{top: 52%; right: 38%;} .item-1_4{top: 54%; left:20%;} .item-sb{top: 46%; left:45%;} .item-gfj{top: 33%; left:63%;} .item-fdl_sb{top: 52%; left:77%;} .item-fdl_gfj{top: 40%; left:45%;} .item-syc_1{top: 50%;left: 65%;} .item-syc_2{top: 30%;left: 63%;} .item-syc_3{top: 45%;left: 63%;} .item-syc_4{top: 50%;left: 80%;} .item-1_cn1{top: 58%;left: 72%;} .item-1_cn2{top: 74%;left: 78%;} .item-1_cn3{top: 50%;left: 63%;} .item-1:before{content: '';width: 12px;height: 12px;border-radius: 50%;background-color: #D63522;opacity: 0.7;animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);animation-delay: 200ms;transition: 0.5s all ease;transform: scale(1);} .item-1:after{content: '';width:5px;height:5px;border-radius: 50%;background:rgba(255,255,255,0.5); position: absolute;} .item-2{width: 15px;height: 15px;background: #f583a1;border-radius: 50%;background-color:rgb(214 53 34 / 50%);margin: 7px;display: flex;justify-content: center;align-items: center;position: absolute;z-index: 1111;cursor: pointer;} .item-2:before{content: '';width: 12px;height: 12px;border-radius: 50%;background-color: #D63522;opacity: 0.7;animation: scale 2s infinite cubic-bezier(0, 0, 0.49, 1.02);animation-delay: 200ms;transition: 0.5s all ease;transform: scale(1);} .item-2:after{content: '';width:4px;height:4px;border-radius: 50%;background:rgba(255,255,255,0.5); position: absolute;} .map_d1{position: absolute;top: 38%;left: 74%;} .map_d1 p{padding-top: 30px;text-align: center;color:#3b3b3b;font-size:16px;font-weight: bold;} .map_d2{position: absolute;top: 48%;left:67%;} .map_d2 p{padding-top: 30px;text-align: center;color:#3b3b3b;font-size:16px;font-weight: bold;} .map_d3{position: absolute;top: 37%;left:13%;} .map_d3 p{padding-top: 30px;text-align: center;color:#3b3b3b;font-size:16px;font-weight: bold;} .map_d4{position: absolute;top: 45%;left:16.5%;} .map_d4 p{padding-top: 30px;text-align: center;color:#3b3b3b;font-size:16px;font-weight: bold;} .map_d5{position: absolute;top: 30%;left:48%;} .map_d5 p{padding-top: 30px;text-align: center;color:#3b3b3b;font-size:16px;font-weight: bold;} .map_d6{position: absolute;top: 28%;left:52%;} .map_d6 p{padding-top: 30px;text-align: center;color:#3b3b3b;font-size:16px;font-weight: bold;} .map_china{position:absolute;right:0px;top:40%;} .map_china p:nth-child(1){font-weight: bold;font-size:18px;} .map_china p:nth-child(2){font-weight: bold;margin-top:10px;} .pro_jg_bt .pro_jg_img{width:80%;} .pro_jg_bt .pro_jg_box{width:20%;} .pro_jg_bt .pro_jg_box img{width:100%;margin-top:0;} .pro_cnBox{width: 66%;min-width: 1200px;overflow: hidden;margin:20px auto;display:flex;align-items:center;position: relative;} .pro_cn{width:50%;float:left;height:350px;overflow: hidden;display:flex;justify-content:center;align-items:center;position: relative;} .pro_cn img{min-height: 100%;} .pro_cnWord{background: rgba(208, 208, 208, 0.2);width:calc(50% - 120px);height:220px;position: absolute;right:0px;padding:40px 50px 40px 120px;} .pro_cnWord p:nth-child(1){font-size:36px;line-height:40px;} .pro_cnWord p:nth-child(2) span{width: 55px;height: 2px;background: #bab8b7;margin: 25px 0 10px 0;display: inline-block;} .pro_cnWord button{width:140px;height:38px;border:1px solid #D63522;border-radius: 50px;color:#D63522;font-size:16px;margin-top:20px;background: #fff;cursor: pointer;} .pro_cnWord button:hover{color:#fff;background: #D63522;} #top_sb{display:none;} #top_gfj{display:none;} #top_sb2{display:none;} #top_gfj2{display:none;} .pro_p_box{width:100%;overflow: hidden;} .pro_p_menu{width: 100%;overflow: hidden;display:flex;justify-content:center;align-items:center;} .pro_p_menu li{padding:6px 20px;text-align: center;border-radius: 50px;cursor: pointer;position: relative;} .pro_p_menu li div{padding: 1px 40px;margin: 0 14px;font-size: 16px;border-radius: 50px;} .pro_p_menu .on div{ color: #fff;background: #D63522;padding: 6px 40px;} .pro_p_menu li:after{position: absolute; width: 1px; height: 20px; content: ""; background: #bdbdbe; right: 0; top: 50%; transform: translateY(-50%);} .pro_p_menu li:last-child:after{position: absolute; width: 0px; height: 20px; content: ""; background: #bdbdbe;} .pro_p .swiper {width: 100%;height: 100%;margin-top:50px;} .pro_p .swiper-slide{text-align: center; font-size: 18px;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;} .pro_p_left{width:60%;float:left;padding:0 20px;box-sizing: border-box;text-align: center;position: relative;min-height: 280px;} .pro_p_left img{ max-width: 50%; margin: 0 auto; text-align: center; background: url(../image/pro_p_bg.jpg) no-repeat center; background-size: cover;padding: 50px 80px;transition: all 0.9s;} .pro_p_left img:hover{transform: scale(1.1);} .pro_p_right{width:40%;float:left;display: flex;flex-direction: column;} .pro_p_right2{width:80%;position: relative;float:right;} .pro_p_right2 img{position: absolute;right: 0;bottom: 0;width:55%;} .pro_p_right3{width:80%;position: relative;float:right;} .pro_p_right3 img{position: absolute;right: 0;bottom: 0;width:55%;} .pro_p_right p{line-height: 25px;font-size:14px;text-align: left;} .pro_p_right p:nth-child(1){font-size:34px;line-height: 40px;margin-bottom:20px;} /*.pro_p_right p:nth-child(2){font-size:15px;margin-bottom:15px;font-weight:700;}*/ .pro_p_right a{display: inline-block;width:120px;height:30px;border:1px solid #D63522;color:#D63522;border-radius: 50px;font-size:14px;text-align: center;line-height:30px;margin-top:30px;cursor: pointer;} .pro_p_right a:hover{background:#D63522;color:#fff;} .fadenum{animation:fadenum 2s infinite;animation-iteration-count: 1;} @keyframes fadenum{ 0%{opacity:1;} 50%{opacity:0;} 100%{opacity:1;} } .pro_p_box #sb{display: none;} .pro_p_box #gfj{display: none;} .pro_p_box .swiper-button-next, .swiper-container-rtl .swiper-button-prev{color:#333;} .pro_p_box .swiper-button-prev, .swiper-container-rtl .swiper-button-next{color:#333;} .pro_p_title{font-size:40px;text-align: center;line-height: 50px;margin-bottom:30px;} .pro_menu{width:66%;min-width:1200px;display:flex;justify-content:center;align-items:center;margin:30px auto;height:44px;} .pro_menu li{text-align: center;font-size:20px;margin:0 35px;cursor: pointer;line-height: 40px;height: 45px;} .pro_menu .on{border-bottom:4px solid #D63522;color:#D63522;} .index_pro_btm{width:83.3333%;height:50%;overflow: hidden;display:flex;justify-content:center;align-items:center;margin:25px auto;max-height:calc(50% - 50px);} .index_proBox{width: 20.3125vw;height: 26.82291667vw;margin: 0 0.72916667vw; transition: all 0.6s;position: relative;cursor: pointer;} .index_pro_btm .active{width: calc(100% - 390 * 2 * 0.05208333vw - 14 * 2 * 2 * 0.05208333vw);} .index_pro_btm .index_proBox:nth-child(1){margin-left:0;} .index_proBox_img{width: 100%;height: 100%;position: relative;display: block;} .index_proBox_img img{width: 100%;height: 100%;position: relative;display: block;transition: all 0.3s ease; object-fit: cover;} .index_proBox_wordBox{width: 100%;height: calc(100% - 8vw);position: relative;display: block;position: absolute;top: 0;left: 0;padding: 3.38541667vw 3.125vw;display: flex;justify-content: space-between;flex-direction: column;} .index_proBox_wordTop{width:100%;overflow: hidden;} .index_proBox_wordTop p:nth-child(1){color: #333333;font-size: 1.25vw;} .index_proBox_wordTop p:nth-child(2){} .index_proBox_wordTop p:nth-child(2) span{width: 22px;height: 3px;background: #E60012;margin: 0.78125vw 0 0;display: inline-block;} .index_proBox_wordBtm{display: flex; align-items: center;text-transform: uppercase;color: #333333;} .yuan_jt{width: 30px;height: 30px; border-radius: 50%;text-align: center;line-height: 30px;margin-right: 10px;} .index_pro_btm .active .yuan_jt{background: #E60012;color:#fff;} .yuan_jt i{font-size:16px;} .pro_btm{width:calc(83.3333% - 100px);overflow: hidden;margin:0 auto;padding:50px 50px;background: #FAFAFA;} .pro_btm_top{width:100%;overflow: hidden;} .pro_btm_top_left{float:left;overflow: hidden;} .pro_btm_top_left p:nth-child(1){font-size:30px;line-height: 35px;font-weight: bold;} .pro_btm_top_left p:nth-child(2) span{display: inline-block;width:80px;height:4px;border-bottom: 4px solid #E60012;} .pro_btm_top_right{float:right;width:70%;} .pro_btm_btm{width:100%;margin:0 auto;margin-top:50px;overflow: hidden;} .gfyy{float:left;width:25%;margin-bottom:30px;} .gfyy div{width:100%;display:flex;justify-content:center;align-items:center;line-height: 80px;} .gfyy div i{font-size: 60px;color:#666;} .gfyy p{text-align: center;font-weight: 500;} .gfyy:hover p{color:#D63522;} .gfyy:hover i{color:#D63522;} .pro_n_box{width:calc(100% - 20px);overflow: hidden;padding: 50px 10px;} .pro_n{float:left;margin-right: 20px;width:calc(50% - 75px);box-shadow: #eee 0px 0px 10px;padding:30px;margin-bottom:20px;} .pro_n_box .pro_n:nth-child(2n){margin-right:0;} .pro_n_cs{float:left;} .pro_n_cs p{font-size:13px;margin-top:10px;} .pro_n_cs p:nth-child(1){font-size:22px;line-height: 35px;color:#D63522;} .pro_n_cs p:nth-child(6){margin-top:20px;} .pro_n_cs p:nth-child(6) a{display: inline-block;width:120px;height:30px;line-height:30px;text-align: center;background:#D63522;color:#fff;border-radius: 50px;border:1px solid #D63522;} .pro_n_cs p:nth-child(6) a:hover{background:#fff;color:#D63522;} .pro_n_img{width:40%;float:right;overflow: hidden;} .pro_n_img img{width:100%; transition: all 0.9s;} .pro_n:hover .pro_n_img img{transform: scale(0.9);} .pro_n:hover{box-shadow: #d8d8d8 0px 0px 10px;} /*news*/ /* .newsList_top{background-image: url(../image/logoBg.png);height:310px;padding:50px 0;width:100%;background-position: right;background-size: cover;} .newsList_top_n{width:66%;min-width:1200px;margin:0 auto;overflow: hidden;padding-bottom:10px;} .newsList_dateBox{float:left;width:100px;height:100px;padding:15px;border-radius: 10px;background: #fff;overflow: hidden;margin-right:33px;box-shadow: 3px 3px 8px #dedede;} .newsList_dateBox p:nth-child(1){color: #D63522;font-size:56px;font-family: "Rajdhani_b";overflow: hidden;line-height: 50px;} .newsList_dateBox p:nth-child(2){color: #E60012;font-size:18px;line-height:18px;font-family: "Rajdhani_b";margin-top:8px;} .newsList_imgBox{width:460px;height:310px;overflow: hidden;float:left;margin-right: 33px;display:flex;justify-content:center;align-items:center;box-shadow: 3px 3px 8px #dedede;} .newsList_imgBox img{width:100%;min-height: 100%;} .newsList_newsBox{float:left;width:calc(100% - 656px);height:310px;position: relative;} .newsList_newsBox p:nth-child(1){font-size:36px;line-height:40px;color: #59504c;margin-bottom: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 84px;font-weight: 500;} .newsList_newsBox p:nth-child(2){line-height: 24px;color: #59504c;font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;height: 144px;} .newsList_newsBox p:nth-child(3){position: absolute;width:100%;bottom:0;} .newsList_newsBox p:nth-child(3) a{color: #59504c;position: relative;display: inline-block;width:100px;} .newsList_newsBox p:nth-child(3) i{font-size:16px;color:#E60012;right: 20px;position: absolute;} .newsList_cotent{width:66%;min-width: 1200px;margin:0 auto;margin-top:10px;overflow: hidden;} .newsList_cotent_left{float:left;width:calc(100% - 360px);overflow: hidden;min-height: 400px;} .newsList_cotent_right{float:right;width:320px;overflow: hidden;margin-left:30px;background: #fff;margin-top: 25px;padding-bottom: 20px;background-image: url(../image/rmdd_bg.jpg);box-shadow: 3px 3px 8px #dedede;margin-right: 10px;} .newsList_news{border-bottom: 3px solid #f9f4ed;padding:24px 0;overflow: hidden;background: #fff;position: relative;transition: all .25s cubic-bezier(.17,.67,.69,.85);height:130px;cursor: pointer;} .newsList_news_left{float:left;width:100px;height:100px;padding:15px;border-radius: 10px;background:#f6f4f1 url(../image/time_bg.png) no-repeat 50%;transition: all .3s;overflow: hidden;margin-right:33px;} .newsList_news_left p:nth-child(1){color: #D63522;font-size:56px;font-family: "Rajdhani_b";overflow: hidden;line-height: 50px;} .newsList_news_left p:nth-child(2){color: #E60012;font-size:18px;line-height:18px;font-family: "Rajdhani_b";margin-top:8px;} .newsList_news_mid{width:calc(100% - 226px);margin-right:33px;float:left;overflow: hidden;} .newsList_news_mid p:nth-child(1){font-size: 25px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;line-height: 30px;} .newsList_news_mid p:nth-child(2){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 45px;margin-top:15px;} .newsList_news_mid p:nth-child(3){font-size:13px;color: #ceced1;margin-top:18px;} .newsList_news_right{width:30px;float:right;height:100%;display: flex;justify-content: center;align-items: center;overflow: hidden;position: relative;} .news_jt1{position: absolute;} .news_jt2{position: absolute;left:-50px;} .rmdd{font-size:30px;margin:25px 0 20px 12px;font-weight: bold;color:#59504c;} .rmddBox{width:calc(100% - 24px);margin-left:12px;overflow: hidden;} .rmddBox a{display: inline-block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;border-bottom:1px solid #ddd;cursor: pointer;line-height:35px;color: #59504c;} .news_search{width:calc(100% - 4px);height:30px;text-indent: 1em;margin:20px 0;} .news_btn_search{width:100%;height:34px;background:#D63522;color:#fff;border:none;border-radius: 5px;cursor: pointer;letter-spacing:5px;} .news_btn_search:hover{background:#E60012;} .news_Title{text-align: center;font-size:30px;color:#000;line-height: 40px;margin-top:50px;} .news_date{text-align: center;font-size:13px;margin:12px 0 30px 0;} .news_content{width:90%;color:#000;margin:0 auto;} .news_content img{max-width:100%;} .news_content p{text-indent: 2em;} */ .newsLeft{width:calc(100% - 370px);float:left;overflow: hidden;min-height: 300px;} .news{width:calc(100% - 44px);padding:22px;background:#fff;height:100px;margin-bottom:20px;} /*.news:hover .newsTitle{font-weight: bold;}*/ .news_info{float:left;width:100%;height: 100%;cursor: pointer;} .newsTitle{font-size:20px;color:#222;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;} .newsContent{font-size:13px;color:#222;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;margin:12px 0;} .newsTime{font-size:13px;color:#222;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;} .news_img{width:190px;height:100%;float:right;background:#fff;overflow: hidden;display: flex;justify-content: center;align-items: center; } .news_img img{width:100%;cursor: pointer;transition: all 1s;} .news_img img:hover{transform: scale(1.2);} .newsRight{width:320px;margin-left:50px;overflow: hidden;float:right;background: #fff;margin-bottom:20px;padding-bottom: 20px;} .rmdd{font-size:30px;margin:25px 0 20px 12px;font-weight: bold;} .rmddBox{width:calc(100% - 24px);margin-left:12px;overflow: hidden;} .rmddBox a{display: inline-block;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;width:100%;border-bottom:1px solid #ddd;cursor: pointer;line-height:35px;} .news_Title{text-align: center;font-size:30px;color:#000;line-height: 40px;margin-top: 50px;} .news_date{text-align: center;font-size:13px;margin:12px 0 30px 0;} .news_content{width:50%;color:#000;margin:0 auto;} .news_content img{max-width:100%;} .news_content p{text-indent: 2em;} .video_btm{width:100%;overflow: hidden;margin-top:60px;} .videoBox{width:calc(33.33% - 19.3px);float:left;margin:10px 10px 30px 10px;box-shadow: #666 0px 0px 10px;} .videoBox:hover p{font-weight: bold;} .videoBox video{width:100%;height: 215px;} .videoBox p{width:100%;text-align: center;height:30px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .video_btm .videoBox:nth-child(3n){margin-right:0px;} .news_search{width:calc(100% - 4px);height:30px;text-indent: 1em;margin:20px 0;} .news_btn_search{width:100%;height:34px;background:#484848;color:#fff;border:none;border-radius: 5px;} /*js*/ .li80{width:80%;margin:0 auto;text-align: center;margin-bottom:40px;} .li70{width:70%;margin:0 auto;text-align: center;margin-bottom:40px;} .js_a_part1{width:100%;overflow: hidden;margin-top:100px;} .js_a_leftMenu{float: left;width: 100%;overflow: hidden;text-align: center;position: relative;} .js_a_leftMenu ol{border-bottom: 1px solid #e8e8e8;overflow: hidden;display:flex;justify-content:center;align-items:center;} .js_a_leftMenu ol p:nth-child(1){text-align: center;font-size: 35px; font-style: normal;overflow: hidden;height: 70px;line-height: 60px;float: left;border-bottom:2px solid #D63522;} .js_a_leftMenu ol p:nth-child(2){font-size: 13px; color: #888; line-height: 13px;font-weight: 300;} .js_a_right{float: left;width: 100%;overflow: hidden;font-size:16px;position: relative;} /*.js_a_right li:nth-child(2){margin-top:20px;}*/ .js_a_right li:nth-child(2) img{width:100%;} .yfry{width:300px;float:right;height:337px;background:#F2F2F2;display:flex;justify-content:center;align-items:center;} .yfry_title{width:100%;background: #CB050C;color:#fff;font-weight: bold;height:35px;line-height: 35px;text-align: center;} .yfryBox{width:100%;overflow: hidden;} .yfryBox p{line-height:70px;padding-left: 70px;} .yfryBox p i{color:#CB050C;font-size: 30px;margin-right: 10px;} .yfryBox p span{font-size:20px;font-weight: 500;} .yfryBox p span b{color:#CB050C;font-size: 35px;margin:0 3px;} .yfjg_img{float:left;width: calc(100% - 300px);background: #F2F2F2;display:flex;justify-content:center;align-items:center;} .js_a_part2{width:100%;overflow: hidden;margin-top:50px;} .yffx_box{width:100%;overflow: hidden;} .yffx{float:left;width:calc(33.3% - 25px);margin-right: 30px;overflow:hidden;} .yffx_box .yffx:nth-child(3){margin-right:0;} .yffx_title{width:100%;height:35px;line-height: 35px;background:#CB050C; color:#fff;font-weight: bold;text-align: center;} .yffx_title1{width:100%;height:35px;line-height: 35px;font-weight: bold;text-align: center;font-size: 20px;} .yffx_btm{padding:30px 80px;width:calc(100% - 160px);overflow: hidden;background:#F2F2F2;} .yffx_js{height: 150px;margin-top:20px;} .yffx_img{display:flex;justify-content:center;align-items:center;padding: 50px 0;} .yffx_img img{transition: all 0.9s;} .yffx:hover img{transform: scale(1.1);} .js_a_part3{width:100%;overflow: hidden;margin-top:50px;} .yfnl_top{width:100%;overflow:hidden;} .yfnl_left{width:calc(100% - 548px);float:right;overflow: hidden;padding:30px 24px;} .yfnl_left div{width:100%;display:flex;justify-content:center;align-items:center;} .yfnl_left ul{width:100%;overflow: hidden;display:flex;justify-content:center;align-items:center;} .yfnl_left ul li{width:calc(25% - 8px);margin-right:12px;margin-top:0 !important;text-align: center;font-size: 16px;font-weight: bold;color: #D63522;} .yfnl_right{height:300px;float:left;} .yfnl_right img{height:100%;} .yfnl_btm{width:100%;overflow: hidden;margin-top:20px;display:flex;justify-content:center;align-items:center;} .yfnl_btm img{width:100%;} .js_a_part4{margin-top:50px;width:100%;overflow: hidden;} .zscq_top{width:100%;overflow: hidden;} .zscq_top_left{width:50%;float:left;} .zscq_top_p{line-height: 30px;} .zscq_top_left ul{margin-top:80px;width:100%;overflow: hidden;} .zscq_top_left ul li{float:left;width:33.3%;margin-top:0 !important;} .zscq_top_left ul li p{line-height:45px;font-weight: bold;font-size:20px;color:#999;} .zscq_top_left ul li p b{font-size: 40px; font-family: 'Rajdhani_b';color:#D63522;margin-right: 10px;} .zscq_top_right{width:38%;float:right;} .zscq_top_right img{width:100%;} .zscq_btm{margin-top:20px;width:100%;overflow: hidden;} .zscq_btm img{width:100%;} .js_b_part1{width:100%;overflow: hidden;margin-top:50px;display: flex;flex-direction: column;align-items: center;} /*background-image: url(../image/bg33.png);background-position: center;background-repeat: no-repeat;background-size: cover;*/ .scnl_bg{background-image: url(../image/1.png); background-position: top; background-repeat: no-repeat;background-size: 80%; filter: grayscale(100%);filter: alpha(opacity=40);opacity: 0.05;position: absolute;height: 210px;width: 100%;} .scxc{float:left;width:100%;overflow: hidden;position: relative;height:100%;} .scnl_p1{width:77%;margin:0 auto;text-align: center;margin-bottom:30px;padding-left: 10px;font-size: 16px;margin-top: 50px;} .scxc p{position: absolute;width:100%;height:100%;top: -260px;left: 0;background: rgba(0,0,0,0.6);line-height:230px;transition: all 0.9s;} .scnl_cj{padding-top:70px;} .js_a_right .scxc:nth-child(3){margin-right:0;} .scxc div{width:100%;overflow: hidden;height: 100%;background-size: cover;background-position: center;} .scxc div img{width:100%;} .js_b_part2{width:100%;overflow: hidden;margin-top:100px;font-size: 16px;} .scjs_top{width:100%;overflow: hidden;} .scjs_top div{padding:30px;width:calc(100% - 60px);background: #F2F2F2;} .scjs_btm{width:100%;overflow: hidden;margin:50px 0 100px 0;display:flex;justify-content:center;align-items:center;} .scjs_y{float:left;margin-right:20px;width:224px;height:224px;border-radius: 50%;overflow: hidden;position: relative;} .scjs_btm .scjs_y:last-child{margin-right:0;} .scjs_y img{width:100%;height:100%;} .scjs_mb{position:absolute;width:100%;height:100%;color:#fff;line-height: 240px;text-align: center;background:rgba(0,0,0,0.6);top:0;left:0; transition: all 0.9s;font-weight: bold;} .js_c_part1{width:100%;overflow: hidden;margin-top:100px;} .js_c_part1_top{width:100%;overflow: hidden;} .js_c_part1_b{font-weight: bold;font-size:20px;margin-bottom: 10px;color:#000;line-height: 30px;text-align: center;} .js_c_part1_imgBox{margin-top:40px;overflow: hidden;} .gckz_mk{float:left;margin-right:20px;width:calc(33.3% - 16px);display:flex;justify-content:center;align-items:center;background: #CB050C;height:190px;overflow: hidden;margin-bottom:20px;} .js_c_part1_imgBox .gckz_mk:nth-child(3n){margin-right:0;} .gckz_mk img{width:100%;transition: all 0.9s;} .gckz_mk img:hover{transform: scale(1.1);} .gckz_mk div{color:#fff;width: 80%;} .gckz_mk div p:nth-child(1){font-weight:bold;font-size:16px;} .gckz_mk div p:nth-child(2){margin-top:20px;} .gckz_part1{margin-top:30px;width:100%;overflow: hidden;} .gckz_part1_top{width:calc(100% - 80px);overflow: hidden;padding:30px 40px;background: #F2F2F2;} .gckz_ul{width:50%;float:left;} .gckz_ul li{line-height: 35px;margin-top:0 !important;list-style: square;} .gckz_part2{margin-top:20px;width:100%;overflow: hidden;} .gckz_part2_top{width:45%;display:flex;justify-content:center;align-items:center;padding:30px 0;float: right;} .gckz_part2_top img{width:45%;} .gckz_part2_top img:nth-child(1){margin-right:30px;} .gckz_part2_mid{width:100%;overflow: hidden;padding:20px 0;} .gckz_part2_mid ul{width:100%;overflow: hidden;} .gckz_part2_mid ul li{width:20%;float:left;overflow: hidden;margin-top:0 !important;text-align: center;} .gckz_part2_mid ul li p:nth-child(1){font-weight: bold;color:#CB050C;margin-bottom:12px;font-size:16px;} .gckz_part2_btm{background:#f2f2f2;padding:20px;width:calc(100% - 40px);display:flex;justify-content:center;align-items:center;margin-top:20px;} .gckz_part2_btm div{width:calc(33.3% - 16px);margin-right:20px;height:180px;overflow: hidden;} .gckz_part2_btm div:nth-child(3){margin-right:0px;} .gckz_part2_btm div img{width:100%;transition: all 0.9s;} .gckz_part2_btm div img:hover{transform: scale(1.1);} .js_c_part2{width:100%;overflow: hidden;margin-top:50px;} .zlgltx_left{float:left;width:calc(100% - 390px);overflow: hidden;} .zlgltx_left_top{padding:20px 40px;width:calc(100% - 80px);background:#CB050C;} .zlgltx_left_top p{color:#fff;font-weight: bold;line-height:45px;font-size:18px;} .zlgltx_left_btm{padding:20px 40px;width:calc(100% - 80px);margin-top:20px;overflow: hidden;padding-left: 20px;} .zlgltx_left_btm p{width:100%;color:#CB050C;font-weight: bold;font-size:18px;line-height:40px;} .zlgltx_left_btm ul{width:100%;} .zlgltx_left_btm ul li{list-style: square;line-height:30px;margin-top:0 !important;} .smallIcon{width:100%;overflow: hidden; padding: 20px 0;margin-top:80px;} .smallIcon span{color:#fff; font-size:40px; line-height:40px; padding:10px; margin-right:10px;} .smallIcon span:nth-child(1){background-color:#1D2088;} .smallIcon span:nth-child(2){background-color:#1D2088;} .smallIcon span:nth-child(3){background-color:#3E3A39;} .smallIcon span:nth-child(4){background-color:#B01D36;} .smallIcon span:nth-child(5){background-color:#0F593F;} .zlgltx_right{width:300px;float:right;border:1px solid #CB050C;} .zlgltx_right img{width:100%;} .js_c_part3{width:100%;overflow: hidden;margin-top:20px;} .kkxpg_top{width:100%;overflow: hidden;background: #f2f2f2;padding: 30px 0;} .kkxpg_top_left{width:100%;float:left;overflow: hidden;height:100%;display:flex;justify-content:center;align-items:center;} .kkxpg_top_part1{width:100%;overflow: hidden;} .kkxpg_top_part1 div{padding:30px 20px 10px 20px;font-size:16px;line-height: 30px; width: 80%;margin-left: 10%;text-align: center;} .kkxpg_top_part2{width:calc(100% - 80px);background: #f2f2f2;overflow: hidden;} .kkxpg_top_part2 ul{width:100%;} .kkxpg_top_part2 ul li{list-style: square;line-height:30px;margin-top:0 !important;width:80%;float:left;color:#CB050C;margin-bottom: 15px;font-size: 18px;} .kkxpg_top_part2 ol{padding: 20px 0;overflow: hidden;} .kkxpg_top_part2 ol p:nth-child(1){text-align: center;font-size: 35px; font-style: normal;overflow: hidden;float: left;border-bottom:1px solid #e8e8e8;width: 100%;} .kkxpg_top_part2 ol p:nth-child(1) span{border-bottom:2px solid #D63522;height: 70px;line-height: 60px;display: inline-block;} .kkxpg_top_part2 ol p:nth-child(2){font-size: 13px; color: #888; line-height: 13px;font-weight: 300;} /*.kkxpg_top_part2 ul li:nth-child(2n){width:20%;}*/ .kkxpg_top_right{width:50%;float:right;height:100%;display: flex;justify-content: flex-start;align-items: center; } .kkxpg_top_right img{height:100%;max-width: inherit;} .kkxpg_btm{width:100%;overflow: hidden;margin-top:20px;} .kkxpg_btm_img{width:calc(25% - 15px);margin-right:20px;display: flex;justify-content: center;align-items: center;float:left;} .kkxpg_btm .kkxpg_btm_img:nth-child(4){margin-right:0px;} .kkxpg_btm_img img{width:100%;} .index_part2_box{width: calc(100% - 2px);background:#F4F4F4;margin-top: 50px;border:1px solid #f4f4f4;} .index_part2_bg{width:100%;height:250px;background: url(../image/middle_pic.jpg) no-repeat;background-position: center;background-size: cover;padding-top:70px;background-attachment: fixed;} .index_part2_bg_w{text-align: center;background-image: url(../image/redline.png);background-position: center bottom;background-repeat: no-repeat;padding-bottom: 10px;width:100%;} .index_part2_bg_w p:nth-child(1){font-size: 30px;color:#fff;line-height: 40px;text-align: center;} .index_part2_bg_w p:nth-child(2){font-size:12px;color:#fff;} .index_part2_mid{width:100%;margin: 0 auto;overflow: hidden;display:flex;justify-content:center;align-items:center;margin-bottom:1px;float:left;padding-left: 1px;padding-bottom: 1px;} .index_part2_mid li{width:calc(33.3% - 40px);float:left;position: relative;margin-right:1px;background: #fff;padding:20px;height:180px;cursor: pointer; } /*.index_part2_mid li:nth-child(3){margin-right:0px;}*/ .index_part2_mid2{background: #F4F4F4;} .topNum{position: absolute;top:50px;right:50px;color:#ddd;font-size: 70px;font-family: 'dincond';} .index_pro_btm22{position: absolute;bottom:50px;} .index_pro_btm22 p:nth-child(1){margin-bottom: 35px;} .index_pro_btm22 p:nth-child(1) span{font-size: 44px;line-height: 44px;display: block;margin-bottom: 15px;} .index_pro_btm22 p:nth-child(2){font-size:22px;color: #515769;font-weight: bold;margin-bottom: 15px;} .index_pro_btm22 p:nth-child(3){font-size:15px;color: #a6a7aa;text-transform: uppercase;font-family: 'gilroyb';} .index_part2_mid li:hover{background: #f1f1f1;transition: all 0.5s linear 0s;} .kk_img{position: absolute;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center; background-size: cover;background-position: center;display: none;} /* .index_part2_mid li:hover .topNum{color:#fff;} .index_part2_mid li:hover .index_pro_btm22 p:nth-child(1) span{color:#fff;} .index_part2_mid li:hover .index_pro_btm22 p:nth-child(2){color:#fff;} .index_part2_mid li:hover .index_pro_btm22 p:nth-child(3){color:#fff;} */ /*talent*/ .job_a{width:100%; padding:80px 0 74px 0; border-bottom:1px solid #eee;overflow: hidden;} .job_a ul:nth-child(1){text-align:center; margin-bottom:50px; background-image:url(../image/bottom_line.gif); background-repeat:no-repeat; background-position:center bottom; } .job_a ul:nth-child(2){text-align:center; margin-bottom:30px;width: 80%;} .job_a ul{width:100%; margin:0 auto;} .job_a_p{text-align:center;font-size:22px;line-height:30px;color:#D63522;font-weight: 500;margin-bottom:30px;} .job_a ul p{font-size:25px;text-align: center;margin-bottom:12px;} .job_a ul p span{display: inline-block;background-image: url(../image/title_line.gif); background-repeat: no-repeat; background-position: center bottom;height:40px;font-weight: 500;} .job_a ul li{width:calc(33.33% - 20px); float:left; margin-right:30px;} .job_a ul li:nth-child(3){margin-right:0;} .job_a ul li img{width:100%; margin-bottom:15px;} .job_a ul li span{display:block; font-size:16px; color:#333; margin-bottom:5px;} .recruit_a_btm{width:calc(100% - 4px);border-top: 1px solid #eee;border-right: 1px solid #eee;margin-top:20px;} .recruit_a_btm ul{width:100%; height:50px; line-height:45px; border-bottom:1px solid #eee; box-sizing:border-box;} .recruit_a_btm ul:hover{width:100%; height:50px; line-height:45px; border-bottom:1px solid #eee; background-color:#f1f1f1; box-sizing:border-box;} .recruit_a_btm ul:nth-child(2n+2){background-color:#f9f9f9;} .recruit_a_btm ul li{height:50px; width:20%; float:left; box-sizing:border-box; border-left:1px solid #ddd; text-align:center;} .zpInfo{width:100%;overflow: hidden;margin-top:100px;} .zpInfo p:nth-child(1){font-size:25px;text-align: center;margin-bottom:12px;} .zpInfo p:nth-child(1) span{display: inline-block;height:70px;font-weight: 500;line-height: 60px;border-bottom: 2px solid #D63522;font-size: 35px;} .zpInfo p:nth-child(2){font-size:14px;text-align: center;} .zpInfo p:nth-child(3){font-size:14px;text-align: center;} .title_line{border-bottom: 1px solid #e8e8e8;} .close_btn{background: #D63522; color: #fff; border: 0; width: 100px; height: 30px; border-radius: 5px;position: relative;left: 50%;margin-left: -50px;} .talent_a{width:100%;overflow: hidden;height:410px;} .talent_a_left{width:50%;float:left;background:#EDEDED;display:flex;justify-content:center;align-items:center;height:100%;} .talent_a_word{width:calc(100% - 100px);float:right;overflow: hidden;padding:0 100px;line-height: 30px;font-size: 16px;} .talent_a_right{width:50%;float:left;display:flex;justify-content:center;align-items:flex-end;height:100%;} .talent_a_right img{width:100%;} .talent_b{width:100%;overflow: hidden;} .talent_b_left{width:calc(66.66% - 1px);float:left;overflow: hidden;} .talent_b_img{width:calc(50% - 1px);margin-right: 2px;overflow: hidden;display:flex;justify-content:center;align-items:center;margin-bottom:2px;float:left;height:270px;} .talent_b_left .talent_b_img:nth-child(2n){margin-right:0;} .talent_b_img img{width:100%;filter: grayscale(100%); filter: alpha(opacity=40); opacity:0.7;cursor: pointer;} .talent_b_img img:hover{filter: grayscale(0); filter: alpha(opacity=100); opacity:1;} .talent_b_right{width:calc(33.33% - 1px);float:right;height:542px;} .talent_b_img2{overflow: hidden;display:flex;justify-content:center;align-items:center;width:100%;height:100%;} .talent_b_img2 img{height:100%;filter: grayscale(100%); filter: alpha(opacity=40); opacity:0.7;cursor: pointer;} .talent_b_img2 img:hover{filter: grayscale(0); filter: alpha(opacity=100); opacity:1;} .flBox{width:100%;margin-top:50px;overflow: hidden;} .flBox li{float:left;margin-bottom:30px;overflow: hidden;width:calc(25% - 8px);background-size: cover;background-position: center;margin-right: 10px;} .fl_img{width:100%;} .fl_word{margin-top:30px;display:flex;justify-content:flex-start;align-items:center;} .flBox li:nth-child(4){margin-right: 0;} .flBox li .fl_left{display:flex;justify-content:center;align-items:center;width:80px;} .flBox li .fl_left i{font-size: 40px;color: #000;} .flBox li .fl_right{} .flBox li .fl_right p:nth-child(1){font-size:16px;font-weight:bold;text-align: left;margin-bottom:0;color:#000;} .flBox li .fl_right p:nth-child(2){font-size:16px;text-align: left;color:#000;} /*hr_b*/ .hr_b{width:100%; padding:50px 0; background-image:url(../image/new_bg.jpg); background-attachment:fixed; background-size:cover;} .hr_b_ul{width:100%; margin:0 auto; background-color:#f5f5f5; border-bottom:1px solid rgba(243,243,243,0.4);color:#333;margin-bottom:20px; } .hr_b_ul:nth-child(1){border-top:1px solid #f3f3f3;} .hr_b_ul:hover{background-color: #f1f1f1; cursor:pointer;} .hr_b_ul .zp li{float:left; line-height:52px;} .hr_b_ul .zp li:nth-child(1){width:15%; padding-left:10px;border-right: 1px solid rgba(255,255,255,0.4);font-size:16px;font-weight: 500;} .hr_b_ul .zp li:nth-child(2){width:calc(70% - 22px); padding-left:10px;text-align: center} .hr_b_ul .zp li:nth-child(3){width:15%; text-align:center; border-left:1px solid rgba(255,255,255,0.4); box-sizing:border-box; font-family:Arial, Helvetica, sans-serif; font-size:11px;font-weight: bold;} .hr_b ul li span{margin-right:10px; font-size:16px; line-height:16px;} .zpnr{width:calc(100% - 24px);min-height: 200px;float:left;border-top: 2px solid rgba(255,255,255,1);display:none;color:#000;padding:12px;background: #f3f3f3;} .rczp{width: 66%;min-width: 1200px; margin: 0 auto;overflow: hidden;text-align: center;margin-top:-30px;margin-bottom:50px;} .rczp h1{color:#fff;} .rczp span{display: inline-block;width:100%;text-transform: uppercase;color:#E73928;margin-bottom:5px;font-family: 'dinprob';} .zpnr_cs{width:100%;border-bottom:1px solid #d8d8d8;overflow: hidden;padding: 10px 0;margin-bottom: 30px;} .zpnr_cs li{float:left;width:25%;} /*bottom*/ /* .bottom{width:100%; height:auto; padding:40px 0 40px 0; background-image:url(../image/bottom_bg.png); background-size:cover; font-size:12px; overflow: hidden;margin-top: 100px;} .bottom ul:nth-child(1){width:1200px; height:auto; margin:0 auto 20px auto; text-align:center; font-size:40px;color:#FFF;display:flex;justify-content:center;align-items:center;} .bottom ul:nth-child(1) img{width:200px;} .bottom ul:nth-child(2){width:66%;min-width:1200px; padding:30px; height:auto; margin:0 auto; background-color:#FFF;overflow: hidden;-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; box-shadow:0 0px 10px rgba(0,0,0,0.2); -webkit-box-shadow:0 0px 10px rgba(0,0,0,0.2); -moz-box-shadow:0 0px 10px rgba(0,0,0,0.2);} .bottom ul:nth-child(3){display:none;} .bottom ul:nth-child(2)>dd{float:left; margin-right:40px; border-right:1px solid #eee; height:200px; padding-right:30px;} .bottom ul:nth-child(2)>dd:nth-child(6){float:right; border:none; padding:0; margin:0; text-align:left;} .bottom ul:nth-child(2)>dd p{font-size:16px; color:#666;} .bottom ul:nth-child(2)>dd span{font-size:11px; color:#aaa; text-transform: uppercase;} .bottom ul:nth-child(2)>dd font{font-size:12px; color:#666; } */ .bottom{width:100%; padding:20px 0 0 0; background-color:#313131; border-top:1px solid #f5f5f5;margin-top: 100px;} .bottom ul{width:66%;min-width: 1200px; margin:0 auto;} /*.bottom ul:nth-child(1){margin-bottom:80px;}*/ .bottom ul:nth-child(1){ border-bottom:1px solid #eee; font-size:12px; padding:10px 0; line-height:20px;position: relative;} .bottom ul:nth-child(2){ font-size:12px; padding:10px 0; line-height:20px;} .bottom ul li{float:right; text-align:left; margin-left:40px;color:#fff;} .bottom ul li a{color:#fff;} .bottom ul li:nth-child(7){float:left; text-align:left; margin-left:0;} .bottom ul li:nth-child(7) img{width:180px; margin-bottom:20px;} .bottom ul li div{font-size:15px; margin-bottom:5px; color:#fff;font-weight: bold;} .bottom ul dl{width:50%; float:left;color: #fff;} .bottom ul dl:nth-child(2){text-align:right;color: #fff;} .bottom ul dl span{font-size:14px; color:#000;} .bottom ul dl img{display:inline; margin-right:5px; width:12px;} .bottom ul dd{width:50%; float:left;color: #fff;} .bottom ul dd:nth-child(2){text-align:right;float:right;} .bottom ul dd font{font-size:24px; margin-left:3px;color: #fff;} .bottom ul dd .font1{background: #fff;color: #313131;border-radius: 2px;} .bottom_ewmBox{position: absolute;display:flex;justify-content:center;align-items:center;right: 200px;top: -30px;} .bottom_ewmBox img{width:80px;height:80px;float:left;} .bottom_ewmBox img:nth-child(1){margin-right: 20px;} /*��ϵ����*/ .contactBox{padding:60px 0;width:66%;min-width:1200px;overflow: hidden;margin:50px auto;margin-bottom: 0;} .contact_left{padding:0px 5% 20px 4%;border-right: 1px solid #e5e5e5;float:left;width:41%;position:relative;} .contact_left_div{-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center; -ms-flex-align: center;align-items: center;height:45px;margin-bottom:40px;} .contact_left_img{width:43px;height:43px;border-radius: 50%;border:1px solid #999;position: relative;margin-right: 20px;display:flex;justify-content:center;align-items:center;float:left;} .contact_left_img i{font-size:20px;color: #D63522;} .contact_left_info{color:#666;line-height: 45px;text-align: left;float:left;} .contact_left_info b{margin-right:5px;} .contact_left_div:hover .contact_left_img{background: #D63522;} .contact_left_div:hover .contact_left_img i{color: #fff;} .contact_ewm{position:absolute;right:40px;top:110px;} .contact_right{width:calc(50% - 62px);float:left;text-align: center;padding: 0 30px;overflow: hidden;height:297px;} .contact_right_name{font-size:30px; margin-bottom: 50px;font-weight: bold;} .ewmBox{margin:0 auto;margin-bottom:17px;border:1px solid #e5e5e5;padding:10px;width:100px;height:100px;} .ewmBox img{width:100%;} .contact_right_tips{color: #999;text-align: center;} .contact_btm{border: solid 1px #e5e5e5;width:66%;min-width:1200px;overflow: hidden;margin:0 auto;height:500px;border-top:0;} .contact_right #container{width:100%;height:100%;background: #fff !important;} /*��ҳ*/ .pagepn { text-align:center;height:35px; line-height:35px;font-size:16px;padding:80px 0 0 0} .pagepn a {font-size:14px; line-height:19px;color:#888; display:inline-block;border-bottom:1px solid transparent;} .pagepn p { display:inline-block; vertical-align:top;} .pagepn .pageLeft,.pagepn .pageRight { display:inline-block; vertical-align:top;font-weight:400;margin:0 10px;font-size:12px; line-height:19px;padding:2px 6px;background: #ddd;} .pagepn .pageLeft a,.pagepn .pageRight a {font-size:16px} .pagepn .pageNum { display:inline-block; vertical-align:top;margin:0 5px;padding: 2px 6px;background: #ddd;color:#000;} .pagepn .pageNum.on {color:#fff;font-size:14px; line-height:19px;background: #484848;} .pagepn .pageNum a { display:block;} .pagepn .pageNum:Hover a,.pagepn span.on a {color:#474443;border-color:#888 !important} .index_cart_a .swiper-slide{display:flex;justify-content:center;align-items:center;} .index_cart_a .swiper-slide img{width:80%;} .hoverWord{position: absolute; padding: 5px 20px; width: 50px; background: #fff; text-align: center; border-radius: 20px; top: -40px;display: none;box-shadow: 2px 2px 3px #dedede;} .cBox{width:100%;overflow: hidden;margin-top:30px;} .cBox img{float:left;width:calc(33.3% - 13px);margin-right:20px;} .cBox img:nth-child(3){margin-right:0px;} .iphone__screen{display:none;} .mobile_wh{display:none;} .mobZnzz{display:none;} .index_foot{ position: fixed; color:#fff; bottom:0; width: 100%; z-index: 9999; line-height: 40px; font-size: 12px; } .index_foot dl{width:66%;min-width: 1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;} .index_foot dl a{color:#fff;} @media only screen and (min-width: 220px) and (max-width: 1200px) { .iphone__screen{display:block !important;} .head{display:none;} .section1_word p:nth-child(1){font-size:20px;line-height: 40px;} .section1_word p:nth-child(2){font-size:20px;line-height: 30px;width: calc(100% - 50px);padding:0 25px;} .nav--active .nav{display:flex;justify-content:center;align-items:center;} .nav__item{margin:0 0 30px 0 !important;} .section3_word p:nth-child(1){font-size:20px;line-height: 30px;width: calc(100% - 50px);padding:0 25px;} .section3_word p:nth-child(2){font-size:20px;line-height: 40px;} .section4_word p:nth-child(1){font-size:20px;line-height: 40px;} .section4_word p:nth-child(2){font-size:20px;line-height: 30px;width: calc(100% - 50px);padding:0 25px;} .about_word{width:calc(100% - 24px);padding:0 12px;min-width: 0;} .about_word p:nth-child(1){font-size:20px;line-height:30px;} .about_word p:nth-child(3){font-size:16px;line-height:25px;} .banner_a{height:50vh;} .about_part1{width:calc(100% - 24px);padding:0 12px;padding-top:50px;} .about_part1_title{font-size:25px;height:50px;line-height:40px;} .about_part1_btm{margin-top:30px;} .about_part1_content{width:100%;font-size: 14px;line-height: 25px;} .cloud_ccc{width:100%;right:0;} .fwly{width:calc(100% - 24px);padding:0 12px;} .fwly_title i{font-size:25px;height:50px;line-height:40px;} .fwly_word{font-size:14px;} #certify{width:100%;} #certify .swiper-slide{width:100%;} #certify .swiper-button-prev{left:0;} #certify .swiper-button-next{right:0;} .mapBox{width:100%;margin-left:0;} .mapBox p{padding-top:20px;font-size:13px;} .map_d3 p{position: absolute;top:-35px;width:30px;} .map_d6 p{position: absolute;top:-15px;width:30px;left:25px;} .map_china{position:relative;text-align: center;margin-bottom:30px;} .map_china p:nth-child(1){font-size:16px;} .map_china p:nth-child(2){font-weight:500;font-size:14px;} .index_cart_a ol{width:calc(100% - 24px);padding:0 12px;min-width: 0;} .index_cart_a ol dl{width:100%;} .index_cart_a ol dl dd:nth-child(1) ul p i{font-size:25px;height:50px;line-height:40px;} .index_cart_a{padding:0;} .index_cart_a ul li{font-size:14px;} .index_cart_a ol dl:nth-child(2){width:100%;margin-top:30px;} .index_cart_a ol dl dd:nth-child(1){margin-bottom:30px;} .about_part2{width:100%;} .mobile_wh{width:100%;overflow: hidden;display:block;} .mobile_wh li{width:100%;overflow: hidden;margin-top:20px;} .mobile_wh_top{width:100%;overflow: hidden;display:flex;justify-content:center;align-items:center;padding:10px 0;font-size:16px;text-align: center;background-color: #f2f2f2;} .mobile_wh_top i{font-size:22px;} .hot_content{padding:20px;} .hot_content_p1{font-size:14px;} .hot_content_p3{font-size:14px;line-height: 20px;} .hot_content_a{width:100%;} .hot_role{display:none;} .bottom ul{width:calc(100% - 24px);min-width: 0;padding:0 12px;} .bottom ul dl{width:100%;} .bottom ul dl:nth-child(2){text-align: left;} .banner_word p:nth-child(1){font-size:20px;line-height:30px;} .pro_menu{width:100%;min-width: 0;} .pro_menu li{font-size:14px;margin:0 15px;} .pro_jg{width:100%;min-width: 0;display: block;} .pro_jg_img{width:100%;} .pro_jg_box{width:calc(100% - 24px);padding:0 12px;min-height: 300px;} .pro_p_right2{width:100%;margin-top: 10px;} .pro_p_right3{width:100%;} .pro_p_right p:nth-child(1){font-size:25px;} .pro_cnBox{width:100%;min-width: 0;display: block;} .pro_cn{width:100%;height:auto;} .all_mid{width:calc(100% - 24px);min-width: 0;padding:0 12px;} .js_a_leftMenu ol p:nth-child(1){font-size:25px;height:50px;line-height:40px;} .js_b_part2{margin-top:50px;font-size:14px;} .scnl_p1{width:100%;font-size:14px;padding-left:0;} .mobZnzz{display:block;width:100%;overflow: hidden;} .mobZnzz li{width:100%;overflow: hidden;float:left;margin-bottom: 12px;} .mobZnzzBox{padding:30px;background: rgba(0,0,0,0.3);} .mobZnzzBox h4{display:flex;justify-content:flex-start;align-items:center;font-size: 25px;font-weight: bold;} .mobZnzzBox h4 img{margin-right: 15px;} .mobZnzzBox p{color:#fff;height:100px;display:flex;justify-content:center;align-items:center;} .mc_section{display:none;} .scjs_btm{display: flex;flex-direction: column;align-items: center;} .scjs_y{margin-bottom:20px;} .kkxpg_top_part2{width: calc(100% - 24px);} .kkxpg_top_part2 ol p:nth-child(1) span{font-size:25px;height: 50px;line-height: 40px;} .kkxpg_top_part1 div{width:100%;padding:20px 0;margin-left:0;} .kkxpg_top_part2 ol img{width:100% !important;padding:0 !important;margin-left:0 !important;} .index_part2_mid li{width: calc(33.3% - 25px); padding: 12px;margin-bottom: 1px;} .index_part2_mid{display: block;} .index_pro_btm22 p:nth-child(1) span{font-size:30px;line-height:34px;} .index_pro_btm22 p:nth-child(2){font-size:16px;} .index_pro_btm22 p:nth-child(3){font-size:12px;line-height: 16px;height: 32px;} .index_pro_btm22 p:nth-child(1){margin-bottom:20px;} .newsLeft{width:100%;} .newsRight{display:none;} .all_mid2{width:calc(100% - 24px);padding:0 12px;} .news_Title{font-size:20px;line-height:30px;} .news_content{width:100%;} .zpInfo p:nth-child(1) span{font-size:25px;height: 50px;line-height: 40px;} .flBox li{width:100%;} .hr_b_ul .zp li:nth-child(1){width:100%;} .banner_word p:nth-child(2){font-size:16px;} .contactBox{width:calc(100% - 24px);padding:30px 12px;min-width: 0;} .contact_left{width:100%;padding:0;border-right:none;} .contact_ewm{display:none;} .contact_right{width:100%;padding:0;} .contact_right_name{font-size:22px;} .sm_fs{position: absolute;right: 0;bottom: 0;width:40%!important;top:40px;} }