|
@@ -0,0 +1,478 @@
|
|
|
+/* CSS Document */
|
|
|
+@charset "utf-8";
|
|
|
+body{ margin:0; padding:0; font-family:"Arial"; font-size:12px; color:#333333; background:#FFF;}
|
|
|
+ul,li,dl,dt,dd{ list-style:none; margin:0; padding:0; outline:none;}
|
|
|
+a{ text-decoration:none; color:#333333; margin:0; padding:0; border:0; outline:none;}
|
|
|
+p,h2,h3,h4,img,div{ border:0; margin:0; padding:0; outline:none;}
|
|
|
+input,textarea{ border:0; outline:none; outline:none;}
|
|
|
+img{ display:block; max-width:100%; max-height:100%; outline:none;}
|
|
|
+.clear{ clear:both;}
|
|
|
+.w1200{ width:1200px; margin:0 auto;}
|
|
|
+
|
|
|
+header .top1{ width:100%; height:20px; background:#e50012; font:normal 14px/20px "Arial"; color:#FFF; padding:10px 0;}
|
|
|
+header .top1 img{ display:inline-block; vertical-align:top; margin-right:8px;}
|
|
|
+header .top1 .yy{ float:right;}
|
|
|
+header .top1 .yy a{ color:#FFF; padding-left:8px;}
|
|
|
+header .top1 .tel{ float:right; margin-right:20px;}
|
|
|
+header .top2{ width:100%; height:60px; padding:20px 0 10px;}
|
|
|
+header .top2 .logo{ float:left;}
|
|
|
+header .top2 .menu{ float:right;}
|
|
|
+header .top2 .menu>ul{ float:left;}
|
|
|
+header .top2 .menu>ul>li{ float:left; padding:11px 30px 4px; position:relative;}
|
|
|
+header .top2 .menu>ul>li>a{ display:block; height:40px; font:normal 16px/40px "Arial";}
|
|
|
+header .top2 .menu>ul>li.on>a{ color:#de0011; border-bottom:4px solid #de0011;}
|
|
|
+header .top2 .menu>ul>li.on:after{ content:''; width:0; height:0; position:absolute; z-index:1; left: calc(50% - 5px); top:41px; border-style:solid; border-width:5px; border-color:transparent transparent #de0011 transparent;}
|
|
|
+header .top2 .menu>ul>li>ul{ position:absolute; z-index:99; width:100px; padding:10px; background:rgba(247,18,36,0.75); left:50%; top:55px; transform:translateX(-50%); display:none;}
|
|
|
+header .top2 .menu>ul>li>ul>li>a{ display:block; width:100%; height:35px; text-align:center; font:normal 14px/35px "Arial"; border-bottom:1px dashed #ff6471; color:#FFF;}
|
|
|
+header .top2 .menu>ul>li:hover>ul{ display:block;}
|
|
|
+header .top2 .menu .search{ float:left; height:25px; margin:17px 0 0;}
|
|
|
+
|
|
|
+/*手机*/
|
|
|
+.phone_menu_trigger {display:none;position:absolute;right:10px;top:50%;z-index:10;transform:translateY(-50%);transition:all 0.4s ease-in-out;}
|
|
|
+.phone_menu_trigger > div {width:24px;height:2px;cursor:pointer;background:#333;transition:all 0.4s ease-in-out;}
|
|
|
+.phone_menu_trigger > div:not(:last-child) { margin-bottom:5px;}
|
|
|
+.phone_menu_trigger.on div:nth-child(1) { transform:rotateZ(45deg) translateY(5px);}
|
|
|
+.phone_menu_trigger.on div:nth-child(2) { transform:rotateZ(-45deg) translateY(-5px);}
|
|
|
+.phone_menu_trigger.on div:nth-child(3) { height:0px;}
|
|
|
+/*手机导航内容*/
|
|
|
+.phone_menu {display:none;position:fixed;top:0;left:0; z-index:9; overflow:scroll; background:#fff;padding:0 0 41px;width:100%;height:calc(100% - 80px);margin-top:50px;}
|
|
|
+.phone_menu > li {font:normal 18px/54px "微软雅黑";color:#000;border-bottom:dashed 1px #ccc;}
|
|
|
+.phone_menu > li > a {display:block;color:#333;padding-left:15px;font-size:16px;position:relative;}
|
|
|
+.phone_menu > li > .phone_menu_tab {padding-left:30px;display:none;}
|
|
|
+.phone_menu > li > .phone_menu_tab > li {position:relative; font:normal 15px/36px "微软雅黑";}
|
|
|
+.phone_menu > li > .phone_menu_tab > li > a {color:#000000;padding-left:15px;}
|
|
|
+.phone_menu > li > .phone_menu_tab > li:before {content:'';display:block;width:5px;height:5px;position:absolute;top:50%;left:0;transform:translateY(-50%);border-radius:50%;background:#e50012;}
|
|
|
+.phone_menu > .MpNav > a:after {content:'';transition:all 0.4s ease-in-out;display:block;position:absolute;top:50%;right:10px;transform:translateY(-50%);border-style:solid solid none solid;border-width:8px;border-color:#e50012 transparent transparent transparent;}
|
|
|
+.phone_menu > .MpNav > a.open:after {transform:rotate(-180deg);}
|
|
|
+.phone_menu > .yy{ text-align:center; font:normal 16px/50px "微软雅黑";}
|
|
|
+.phone_menu > .yy a{ padding:0 15px;}
|
|
|
+.phone_menu > .yy img{ display:inline-block; vertical-align:middle; margin-right:5px;}
|
|
|
+
|
|
|
+.ind_tit1{ text-align:center; padding:60px 0 35px;}
|
|
|
+.ind_tit1 h3{ font:bold 30px/30px "Arial"; padding-top:50px; background:url(../images/index_23.jpg) no-repeat center top; margin-bottom:20px;}
|
|
|
+.ind_tit1 p{ display:inline-block; width:67%; height:10px; border-bottom:1px solid #dedfe3; font:normal 20px/20px "Arial"; color:#999999;}
|
|
|
+.ind_tit1 p span{ display:inline-block; background:#FFF; padding:0 10px;}
|
|
|
+
|
|
|
+.ind_tit2{ text-align:center; padding:70px 0 50px;}
|
|
|
+.ind_tit2 h3{ font:bold 30px/30px "Arial"; padding:0 0 20px;}
|
|
|
+.ind_tit2 p{ display:inline-block; width:67%; height:10px; border-bottom:1px solid #dedfe3; font:normal 20px/20px "Arial"; color:#999999;}
|
|
|
+.ind_tit2 p span{ display:inline-block; background:#FFF; padding:0 35px; position:relative;}
|
|
|
+.ind_tit2 p span:before{ content:''; width:20px; height:20px; position:absolute; left:0; top:0; background:url(../images/index_48.png) no-repeat center top;}
|
|
|
+.ind_tit2 p span:after{ content:''; width:20px; height:20px; position:absolute; right:0; top:0; background:url(../images/index_49.png) no-repeat center top;}
|
|
|
+
|
|
|
+.ind_box1 ul{ overflow:hidden; padding-bottom:100px;}
|
|
|
+.ind_box1 ul li{ width:210px; float:left; text-align:center; margin:0 15px;}
|
|
|
+.ind_box1 ul li div{ padding:5px 0;}
|
|
|
+.ind_box1 ul li div img{ display:inline-block;}
|
|
|
+.ind_box1 ul li h3{ font:bold 24px/34px "Arial";}
|
|
|
+.ind_box1 ul li h3 span{ display:inline-block; font:bold 14px/20px "Arial"; vertical-align:top;}
|
|
|
+.ind_box1 ul li p{ font:normal 14px/26px "Arial"; color:#666666;}
|
|
|
+
|
|
|
+.ind_box2{ width:100%; overflow:hidden; background:url(../images/index_46.jpg) no-repeat right top;}
|
|
|
+.ind_box2 .l{ width:50%; float:left;}
|
|
|
+.ind_box2 .l video{ margin:0; padding:0; display:block;}
|
|
|
+.ind_box2 .r{ width:50%; float:right;}
|
|
|
+.ind_box2 .r ul{ overflow:hidden;/* margin:70px 0 0 80px;*/}
|
|
|
+.ind_box2 .r ul li{ width:100%; overflow:hidden; margin-bottom:21px;margin-top: 20px;}
|
|
|
+.ind_box2 .r ul li span{ margin-left: 5px; display:inline-block; float:left; width:139px; height:87px; text-align:center; font:bold 24px/82px "Arial"; color:#e70012; background:#FFF; border-radius:50%;}
|
|
|
+.ind_box2 .r ul li div{ display:inline-block; float:left; width:450px; margin:0 28px; font:normal 17px/19px "Arial"; color:#FFF;width: 93%;}
|
|
|
+.ind_box2 .r ul>a{ display:block; width:112px; height:32px; border:1px solid #FFF; border-radius:5px; text-align:center; font:normal 14px/33px "Arial"; color:#FFF;margin-left: 33px;}
|
|
|
+
|
|
|
+.ind_box3{ width:100%; overflow:hidden; background:#fafafa;}
|
|
|
+.ind_box3 .ind_tit2 p span{ background:#fafafa;}
|
|
|
+.ind_box3 .w1200{ position:relative;}
|
|
|
+.ind_box3 .w1200 .swbp2{ background:url(../images/index_55.jpg); width:17px; height:25px; left:-20px;}
|
|
|
+.ind_box3 .w1200 .swbn2{ background:url(../images/index_56.jpg); width:17px; height:25px; right:-20px;}
|
|
|
+.ind_box3 .w1200 .swbp2:hover{ background:url(../images/index_57.jpg);}
|
|
|
+.ind_box3 .w1200 .swbn2:hover{ background:url(../images/index_58.jpg);}
|
|
|
+.ind_box3 .w1200 .swiper-slide h3{ position:absolute; left:0; bottom:0; width:100%; font:normal 16px/34px "Arial"; background:rgba(231,0,18,0.9); text-align:center; color:#FFF; display:none;}
|
|
|
+.ind_box3 .w1200 .swiper-slide:hover h3{ display:block;}
|
|
|
+.ind_box3 .w1200 .more{ display:block; width:140px; height:40px; border:1px solid #ccc; border-radius:5px; text-align:center; font:normal 14px/40px "Arial"; color:#666; margin:40px auto 50px;}
|
|
|
+
|
|
|
+.ind_box4 .lm{ text-align:center; margin:0 0 40px;}
|
|
|
+.ind_box4 .lm li{ width:115px; height:30px; border:1px solid #ccc; border-radius:5px; display:inline-block; padding:8px 15px; font:normal 16px/30px "Arial"; margin:0 15px;}
|
|
|
+.ind_box4 .lm li img{ display:inline-block; vertical-align:top; margin-right:8px;}
|
|
|
+.ind_box4 .lm li span{ display:inline-block; vertical-align:top; width:30px; height:30px; overflow:hidden; position:relative; margin-right:10px;}
|
|
|
+.ind_box4 .lm li span>span{ display:block; width:30px; height:30px; position:absolute; left:-30px; filter:drop-shadow(rgb(177, 177, 177) 30px 0px);}
|
|
|
+.ind_box4 .lm li:hover{ background:#e70012;}
|
|
|
+.ind_box4 .lm li:hover a{ color:#FFF;}
|
|
|
+.ind_box4 .lm li:hover span>span{ filter:drop-shadow(rgb(255, 255, 255) 30px 0px);}
|
|
|
+.ind_box4 .list{ overflow:hidden;}
|
|
|
+.ind_box4 .list .l{ width:565px; float:left; position:relative;}
|
|
|
+.ind_box4 .list .l>div{ padding:5px; border:1px solid #f1f1f1; border-radius:5px;}
|
|
|
+.ind_box4 .list .l>h3{ width:calc(100% - 32px); height:40px; padding:0 10px; position:absolute; z-index:2; left:6px; bottom:6px; font:normal 18px/40px "Arial"; background:rgba(255,255,255,0.95);}
|
|
|
+.ind_box4 .list .l>h3 span{ float:right; color:#666666;}
|
|
|
+.ind_box4 .list .r{ width:590px; float:right;}
|
|
|
+.ind_box4 .list .r>div{ overflow:hidden; margin-bottom:8px;}
|
|
|
+.ind_box4 .list .r>div div{ width:205px; float:left; padding:5px; border:1px solid #f1f1f1; border-radius:5px; margin-right:16px;}
|
|
|
+.ind_box4 .list .r>div h3{ font:normal 16px/36px "Arial"; color:#e70012a1;}
|
|
|
+.ind_box4 .list .r>div h3:hover{color:#e70012;}
|
|
|
+.ind_box4 .list .r>div span{ display:block; font:normal 14px/26px "Arial"; color:#aaaaaa;}
|
|
|
+.ind_box4 .list .r>div span img{ display:inline-block; vertical-align:middle; margin-right:8px;}
|
|
|
+.ind_box4 .list .r>div p{ font:normal 14px/26px "Arial"; color:#888888;}
|
|
|
+.ind_box4 .list .r ul li{ overflow:hidden; padding:14px 0; font:normal 16px/24px "Arial"; border-bottom:1px dashed #cccccc;}
|
|
|
+.ind_box4 .list .r ul li a:hover{color:#e70012}
|
|
|
+.ind_box4 .list .r ul li span{ color:#aaaaaa; float:right;}
|
|
|
+.ind_box4 .list .r ul li em{ display:block; width:8px; height:8px; background:#cccccc; float:left; margin:8px 14px 8px 2px;}
|
|
|
+.ind_box4 .list .r .more{ display:block; width:140px; height:40px; border:1px solid #ccc; border-radius:5px; text-align:center; font:normal 14px/40px "Arial"; color:#666; margin:30px 0 0;}
|
|
|
+
|
|
|
+.ind_box5{ width:100%; height:190px; background:url(../images/index_80.jpg) no-repeat center top;/* margin-top:60px;*/}
|
|
|
+.ind_box5>div>div{ padding:30px 0 0 36px; font:bold 35px/50px "Arial"; color:#e70012;}
|
|
|
+.ind_box5>div>h3{ font:normal 22px/32px "Arial"; color:#FFF; background:#e70012; width:600px; text-align:center; margin:0 0 0 36px;}
|
|
|
+.ind_box5>div>p{ font:normal 30px/44px "Arial"; margin:0 0 0 36px;}
|
|
|
+
|
|
|
+.ind_box6{ overflow:hidden;}
|
|
|
+.ind_box6 ul{ height:146px; border-bottom:3px solid #dddddd; margin-bottom:156px; position:relative;}
|
|
|
+.ind_box6 ul:after{ content:''; width:0; height:0; border-style:solid; border-width:11px 14px; border-color:transparent transparent transparent #dddddd; position:absolute; right:-16px; bottom:-12px;}
|
|
|
+.ind_box6 ul li{ width:118px; float:left; text-align:center; margin:0 41px;}
|
|
|
+.ind_box6 ul li div{ height:118px; position:relative;}
|
|
|
+.ind_box6 ul li div:before{ content:''; width:0; height:0; border-style:solid; border-width:14px 11px; border-color:#e70012 transparent transparent transparent; position:absolute; z-index:1; left: calc(50% - 11px); top:120px;}
|
|
|
+.ind_box6 ul li div:after{ content:''; width:12px; height:12px; border-radius:50%; background:#e70012; position:absolute; z-index:1; left: calc(50% - 6px); top:141px;}
|
|
|
+.ind_box6 ul li p{ font-size:20px; margin-top:54px;}
|
|
|
+
|
|
|
+.ind_box7{ width:100%; height:590px; background:url(../images/index_90.jpg) no-repeat center top;}
|
|
|
+.ind_box7 .msg{ padding:0 134px; box-sizing:border-box;}
|
|
|
+.ind_box7 .msg h3{ text-align:center; font:bold 48px/60px "Arial"; color:#FFF; padding:50px 0 36px;}
|
|
|
+.ind_box7 .msg h3 p{ font:bold 24px/36px "Arial";}
|
|
|
+.ind_box7 .msg ul{ overflow:hidden;}
|
|
|
+.ind_box7 .msg ul li{ width:100%; float:left; margin-bottom:22px;}
|
|
|
+.ind_box7 .msg ul li.rename{ width:380px; float:left;}
|
|
|
+.ind_box7 .msg ul li.tel{ width:380px; float:right;}
|
|
|
+.ind_box7 .msg ul li span{ display:inline-block; vertical-align:top; width:90px; text-align:right; font:normal 16px/36px "Arial"; text-align:right; color:#FFF;}
|
|
|
+.ind_box7 .msg ul li input{ width:246px;padding-left: 8px; height:36px; border-radius:5px; background:#fbf3f4;}
|
|
|
+.ind_box7 .msg ul li em{ display:inline-block; width:35px; text-align:center; color:#FFF;}
|
|
|
+.ind_box7 .msg ul li select{ width:254px; height:36px; border:0; border-radius:5px; background:#fbf3f4; margin-right:17px;}
|
|
|
+.ind_box7 .msg ul li textarea{ width:802px; height:72px; border-radius:5px; background:#fbf3f4;}
|
|
|
+.ind_box7 .msg ul li button{ display:block; width:192px; height:46px; margin:28px auto; border:0; border-radius:8px; background:#202020; font:bold 20px/46px "Arial"; color:#FFF;}
|
|
|
+
|
|
|
+footer{ background:url(../images/index_110.jpg) no-repeat center top;; overflow:hidden;}
|
|
|
+footer .ewm{ width:160px; float:left; margin:107px 0 0 61px; font:normal 16px/48px "Arial"; color:#FFF; text-align:center;}
|
|
|
+footer .menu{ float:right; padding:50px 80px;}
|
|
|
+footer .menu dl{ width:100px; float:left; margin-right:64px; color:#FFF;}
|
|
|
+footer .menu dl:last-child{ margin-right:0;}
|
|
|
+footer .menu dl dt{ height:60px; border-bottom:1px solid #acacac; font:normal 17px/60px "Arial"; margin-bottom:15px;}
|
|
|
+footer .menu dl dd a{ font:normal 15px/30px "Arial"; color:#FFF;}
|
|
|
+footer .links{ overflow:hidden; font:normal 14px/30px "Arial"; color:#FFF;}
|
|
|
+footer .links span{ display:inline-block;}
|
|
|
+footer .links a{ padding:5px; color:#FFF;}
|
|
|
+footer .copyright{ text-align:center; border-top:1px solid #606060; padding:13px 0; font:normal 14px/30px "Arial"; color:#FFF;}
|
|
|
+footer .copyright a{ color:#FFF;}
|
|
|
+footer .copyright img{ display:inline-block;}
|
|
|
+
|
|
|
+.ny_main{ overflow:hidden; padding:35px 0 65px;}
|
|
|
+.ny_main .l{ width:280px; float:left;}
|
|
|
+.ny_main .l .box{ margin-bottom:22px;}
|
|
|
+.ny_main .l .box .tit{ height:69px; background:url(../images/about_05.jpg) no-repeat center top; font:bold 18px/69px "Arial"; color:#FFF; padding-left:28px;}
|
|
|
+.ny_main .l .box .bor{ padding:10px; border:1px solid #ebebeb;}
|
|
|
+.ny_main .l .box .bor .lm li{ margin-bottom:10px;}
|
|
|
+.ny_main .l .box .bor .lm li:last-child{ margin-bottom:0;}
|
|
|
+.ny_main .l .box .bor .lm li a{ display:block; width:100%; height:38px; background:#fafafa; font:normal 15px/38px "Arial";}
|
|
|
+.ny_main .l .box .bor .lm li a span{ display:inline-block; width:40px; height:38px; text-align:center; font:normal 12px/38px Impact; color:#b4b4b4;}
|
|
|
+.ny_main .l .box .bor .lm li a:hover{ background:#e50012; color:#FFF;}
|
|
|
+.ny_main .l .box .bor .lm li a:hover span{ color:#FFF;}
|
|
|
+.ny_main .l .box .bor .lm li.on a{ background:#e50012; color:#FFF;}
|
|
|
+.ny_main .l .box .bor .lm li.on a span{ color:#FFF;}
|
|
|
+.ny_main .l .box .con{ font:normal 15px/30px "Arial";}
|
|
|
+.ny_main .l .box .con img{ display:inline-block; vertical-align:middle; margin-right:10px;}
|
|
|
+.ny_main .l .box .con .ewm{ text-align:center; margin:10px auto;}
|
|
|
+.ny_main .r{ width:890px; float:right;}
|
|
|
+.ny_main .r .tit{ height:50px; margin-top:10px; border-bottom:1px solid #ccc;}
|
|
|
+.ny_main .r .tit .lj{ float:right; font:normal 14px/50px "Arial"; color:#999999;}
|
|
|
+.ny_main .r .tit .lj a{color:#999999;}
|
|
|
+.ny_main .r .tit .lj a:hover{color:#e50012;}
|
|
|
+.ny_main .r .tit .lj>span{color:#e50012;}
|
|
|
+.ny_main .r .tit>span{ display:inline-block; font:bold 18px/48px "Arial"; border-bottom:5px solid #e50012;}
|
|
|
+.ny_main .r>.con{ font:normal 16px/32px "Arial"; padding-top:40px;}
|
|
|
+.ny_main .r>.con .vid{ padding:20px 50px 30px;}
|
|
|
+
|
|
|
+.ny_honor .ny_tit{ text-align:center; padding:0px 0 30px;}
|
|
|
+.ny_honor .ny_tit h3{ font:bold 30px/30px "Arial"; padding:0 0 20px;}
|
|
|
+.ny_honor .ny_tit p{ display:inline-block; width:90%; height:10px; border-bottom:1px solid #dedfe3; font:normal 20px/20px "Arial"; color:#999999;}
|
|
|
+.ny_honor .ny_tit p span{ display:inline-block; background:#FFF; padding:0 35px; position:relative;}
|
|
|
+.ny_honor .ny_tit p span:before{ content:''; width:20px; height:20px; position:absolute; left:0; top:0; background:url(../images/index_48.png) no-repeat center top;}
|
|
|
+.ny_honor .ny_tit p span:after{ content:''; width:20px; height:20px; position:absolute; right:0; top:0; background:url(../images/index_49.png) no-repeat center top;}
|
|
|
+.ny_honor .sw1{ margin-bottom:50px;}
|
|
|
+.ny_honor .sw1 .swiper-slide p{ margin-top:20px; font:normal 15px/30px "Arial"; text-align:center;}
|
|
|
+.ny_honor .sw2{ margin-bottom:50px;}
|
|
|
+.ny_honor .sw3 .swiper-slide p{ margin-top:20px; font:normal 15px/30px "Arial"; text-align:center;}
|
|
|
+
|
|
|
+.ny_history ul{ position:relative; margin:60px 0 0;}
|
|
|
+.ny_history ul:after{ content:''; width:2px; height:78%; background:#e60012; position:absolute; left: calc(50% - 1px); top:0;}
|
|
|
+.ny_history ul:before{ content:''; width:33px; height:48px; background:url(../images/about5_03.jpg); position:absolute; left: calc(50% - 16.5px); top:-60px;}
|
|
|
+.ny_history ul li{ overflow:hidden; position:relative; padding-bottom:34px;}
|
|
|
+.ny_history ul li:after{ content:''; width:18px; height:18px; background:url(../images/about5_04.png); position:absolute; z-index:3; right: calc(50% - 9px); top:33px;}
|
|
|
+.ny_history ul li:before{ content:''; width:30%; height:1px; background:#ff818b; position:absolute; z-index:2; right:50%; top:42px;}
|
|
|
+.ny_history ul li .img{ width:400px; float:left; margin:26px 0 0 10px; position:relative; z-index:3;}
|
|
|
+.ny_history ul li .con{ width:400px; float:right; margin:26px 10px 0 0;}
|
|
|
+.ny_history ul li .con>h3{ font:normal 24px/40px "Arial";}
|
|
|
+.ny_history ul li .con>h3 span{ font-weight:bold; color:#e60012; margin-right:10px;}
|
|
|
+.ny_history ul li .con>h3 p{ font:normal 18px/30px "Arial";}
|
|
|
+.ny_history ul li .con>div>h4{ font:bold 24px/40px "Arial"; margin-top:20px;}
|
|
|
+.ny_history ul li .con>div>p{ font:normal 14px/30px "Arial";}
|
|
|
+.ny_history ul li:nth-child(2n):before{ left:50%; right:auto;}
|
|
|
+.ny_history ul li:nth-child(2n) .img{ float:right; margin:26px 10px 0 0;}
|
|
|
+.ny_history ul li:nth-child(2n) .con{ float:left; margin:26px 0 0 10px; text-align:right;}
|
|
|
+
|
|
|
+.ny_network>ul{ overflow:hidden; margin-top:25px;}
|
|
|
+.ny_network>ul>li{ width:288px; height:216px; float:left; margin:0 13px 30px 0; position:relative;}
|
|
|
+.ny_network>ul>li h3{ position:absolute; left:0; bottom:0; width:100%; font:normal 16px/34px "Arial"; background:rgba(231,0,18,0.9); text-align:center; color:#FFF; display:none;}
|
|
|
+.ny_network>ul>li:nth-child(3n){ margin:0 0 30px 0;}
|
|
|
+.ny_network>ul>li:hover h3{ display:block;}
|
|
|
+
|
|
|
+.ny_pages{ text-align:center;}
|
|
|
+.ny_pages img{ display:inline-block;}
|
|
|
+
|
|
|
+.ny_video>ul li{ width:286px; float:left; margin:0 16px 20px 0;}
|
|
|
+.ny_video>ul li:nth-child(3n){ margin:0 0 20px 0;}
|
|
|
+.ny_video>ul li div{ height:210px; position:relative;}
|
|
|
+.ny_video>ul li div span{ display:block; width:100%; height:100%; position:absolute; z-index:2; left:0; top:0;}
|
|
|
+.ny_video>ul li h3{ font:normal 15px/50px "Arial"; text-align:center;}
|
|
|
+
|
|
|
+.ny_news ul li{ overflow:hidden; margin-bottom:30px;}
|
|
|
+.ny_news ul li>div{ width:260px; float:left; padding:5px; border:1px solid #f1f1f1; border-radius:5px; margin-right:35px;}
|
|
|
+.ny_news ul li>h3{ font:normal 20px/40px "Arial"; margin-bottom:10px;}
|
|
|
+.ny_news ul li>span{ display:block; font:normal 14px/20px "Arial"; color:#888888;}
|
|
|
+.ny_news ul li>span img{ display:inline-block; vertical-align:middle; margin-right:8px;}
|
|
|
+.ny_news ul li>p{ font:normal 14px/26px "Arial"; margin-bottom:20px;}
|
|
|
+.ny_news ul li>a{ display:inline-block; width:126px; height:40px; border:1px solid #ececec; text-align:center; font:normal 14px/40px "Arial"; color:#888888;}
|
|
|
+.ny_news ul li>h3 a:hover{ color:#e70012;}
|
|
|
+.ny_news ul li>a:hover{ color:#e70012;}
|
|
|
+
|
|
|
+.ny_news_detail>h3{ font:bold 20px/30px "Arial"; text-align:center;}
|
|
|
+.ny_news_detail .infos{ font:normal 14px/24px "Arial"; color:#999999; padding:36px 0 40px; text-align:center;}
|
|
|
+.ny_news_detail .infos span{ display:inline-block; padding:0 25px;}
|
|
|
+.ny_news_detail .infos span img{ display:inline-block; vertical-align:middle;}
|
|
|
+.ny_news_detail .con{ font:normal 16px/30px "Arial";}
|
|
|
+.ny_news_detail .prev_next{ margin:20px 0 0; padding:10px 0; border-top:1px solid #ccc; font:normal 16px/40px "Arial";}
|
|
|
+.ny_news_detail .prev_next a:hover{ color:#e60012;}
|
|
|
+
|
|
|
+.ny_join{ width:100%; overflow:hidden;}
|
|
|
+.ny_join .box{ position:relative; left:50%;}
|
|
|
+.ny_join .box img{ max-width:1920px; transform:translateX(-50%);}
|
|
|
+.ny_join .msg{ padding:0 134px; box-sizing:border-box; position:absolute; z-index:5; top:0; transform: translateX(-50%);}
|
|
|
+.ny_join .msg h3{ text-align:center; font:bold 48px/60px "Arial"; color:#e70012; padding:50px 0 36px;}
|
|
|
+.ny_join .msg h3 p{ font:bold 24px/36px "Arial"; color:#151515;}
|
|
|
+.ny_join .msg ul{ overflow:hidden;}
|
|
|
+.ny_join .msg ul li{ width:100%; float:left; margin-bottom:22px;}
|
|
|
+.ny_join .msg ul li.rename{ width:380px; float:left;}
|
|
|
+.ny_join .msg ul li.tel{ width:380px; float:right;}
|
|
|
+.ny_join .msg ul li span{ display:inline-block; vertical-align:top; width:90px; text-align:right; font:normal 16px/36px "Arial"; text-align:right; color:#333;}
|
|
|
+.ny_join .msg ul li input{ width:254px; height:36px; border-radius:5px; background:rgba(255,255,255,0.95);}
|
|
|
+.ny_join .msg ul li em{ display:inline-block; width:35px; text-align:center; color:#FFF;}
|
|
|
+.ny_join .msg ul li select{ width:254px; height:36px; border:0; border-radius:5px; background:rgba(255,255,255,0.95); margin-right:17px;}
|
|
|
+.ny_join .msg ul li textarea{ width:802px; height:72px; border-radius:5px; background:rgba(255,255,255,0.95);}
|
|
|
+.ny_join .msg ul li button{ display:block; width:192px; height:46px; margin:28px auto; border:0; border-radius:8px; background:#202020; font:bold 20px/46px "Arial"; color:#FFF;}
|
|
|
+
|
|
|
+.ny_join2 ul{ width:100%; position:relative;}
|
|
|
+.ny_join2 ul li{ width:270px; position:absolute; font:normal 20px/30px "Arial";}
|
|
|
+.ny_join2 ul li div{ width:78px; height:78px; font:bold 36px/78px "Arial"; color:#e50012; text-align:center; background:#FFF; border:1px solid #ccc; border-radius:50%;}
|
|
|
+.ny_join2 ul li h3{ font:normal 20px/30px "Arial"; margin:10px 0;}
|
|
|
+.ny_join2 ul li:nth-child(1){ z-index:2; left:10px; top:380px; text-align:right;}
|
|
|
+.ny_join2 ul li:nth-child(1) div{ float:right; margin-left:10px;}
|
|
|
+.ny_join2 ul li:nth-child(2){ z-index:2; left:60px; top:200px; text-align:right;}
|
|
|
+.ny_join2 ul li:nth-child(2) div{ float:right; margin-left:10px;}
|
|
|
+.ny_join2 ul li:nth-child(3){ z-index:2; left:330px; top:50px; text-align:center; width:200px;}
|
|
|
+.ny_join2 ul li:nth-child(3) div{ margin:0 auto;}
|
|
|
+.ny_join2 ul li:nth-child(3) h3{ width:100%;}
|
|
|
+.ny_join2 ul li:nth-child(4){ z-index:2; right:70px; top:200px;}
|
|
|
+.ny_join2 ul li:nth-child(4) div{ float:left; margin-right:10px;}
|
|
|
+.ny_join2 ul li:nth-child(5){ z-index:2; right:30px; top:380px;}
|
|
|
+.ny_join2 ul li:nth-child(5) div{ float:left; margin-right:10px;}
|
|
|
+
|
|
|
+.ny_join3 ul{ padding:77px 0 100px 45px; background:url(../images/join3_03.jpg) no-repeat left top;}
|
|
|
+.ny_join3 ul h3{ font:bold 48px/50px "Arial"; margin-bottom:45px;}
|
|
|
+.ny_join3 ul h3 span{ color:#e50012;}
|
|
|
+.ny_join3 ul li{ width:390px; overflow:hidden; margin-bottom:30px;}
|
|
|
+.ny_join3 ul li div{ width:82px; height:82px; text-align:center; font:bold 36px/82px Impact; color:#FFF; background:#e50012; border-radius:50%; margin-right:18px; float:left;}
|
|
|
+.ny_join3 ul li p{ font:normal 16px/24px "Arial";s}
|
|
|
+
|
|
|
+.ny_join4 ul{ position:relative; overflow:hidden;}
|
|
|
+.ny_join4 ul h3{ font:bold 48px/50px "Arial"; position:absolute; left:40px; top:70px;}
|
|
|
+.ny_join4 ul h3 span{ color:#e50012;}
|
|
|
+.ny_join4 ul li{ width:102px; text-align:center; position:absolute; z-index:2;}
|
|
|
+.ny_join4 ul li div{ width:92px; height:92px; background:#FFF; border-radius:50%; box-shadow:0 0 20px #ececec; overflow:hidden; margin:0 auto;}
|
|
|
+.ny_join4 ul li div img{ width:86px; height:86px; border-radius:50%; margin:3px;}
|
|
|
+.ny_join4 ul li p{ font:normal 15px/30px "Arial";}
|
|
|
+.ny_join4 ul li span img{ display:inline-block;}
|
|
|
+.ny_join4 ul li:nth-child(2){ left:14px; top:290px;}
|
|
|
+.ny_join4 ul li:nth-child(3){ left:180px; top:262px;}
|
|
|
+.ny_join4 ul li:nth-child(4){ left:320px; top:210px;}
|
|
|
+.ny_join4 ul li:nth-child(5){ left:478px; top:183px;}
|
|
|
+.ny_join4 ul li:nth-child(6){ left:603px; top:170px;}
|
|
|
+.ny_join4 ul li:nth-child(7){ left:740px; top:72px;}
|
|
|
+
|
|
|
+.ny_join5{ position:relative;}
|
|
|
+.ny_join5 ul{ position:absolute; overflow:hidden; right:60px; top:130px; width:550px;}
|
|
|
+.ny_join5 ul h3{ font:bold 48px/50px "Arial"; text-align:center; margin-bottom:50px;}
|
|
|
+.ny_join5 ul h3 span{ color:#e50012;}
|
|
|
+.ny_join5 ul li{ width:236px; height:58px; text-align:center; background:#e50012; border-radius:29px; font:bold 20px/58px "Arial"; color:#FFF; float:left; margin:12px 15px;}
|
|
|
+
|
|
|
+.ny_join6 dl{ overflow:hidden; margin-bottom:20px;}
|
|
|
+.ny_join6 dl dt{ height:56px; border:1px solid #f1f1f1; border-radius:28px; font:normal 18px/56px "Arial";}
|
|
|
+.ny_join6 dl dt div{ float:right; width:20px; height:20px; margin:18px 20px; position:relative;}
|
|
|
+.ny_join6 dl dt div:after{ content:''; position:absolute; z-index:2; left:0; top:8.5px; width:20px; height:3px; background:#333;}
|
|
|
+.ny_join6 dl dt div:before{ content:''; position:absolute; z-index:2; left:8.5px; top:0px; width:3px; height:20px; background:#333; transition:all 0.5s;}
|
|
|
+.ny_join6 dl dt span{ display:block; width:56px; height:56px; border:3px solid #f1f1f1; box-sizing:border-box; border-radius:50%; float:left; margin-right:15px; font:bold 25px/56px "Arial"; color:#e50012; text-align:center;}
|
|
|
+.ny_join6 dl dd{ padding:0 30px; font:normal 16px/36px "Arial"; height:0; overflow:hidden; transition:all 0.5s;}
|
|
|
+.ny_join6 dl.on dt div:before{ width:0;}
|
|
|
+.ny_join6 dl.on dd{ height:auto; padding:40px 30px 50px;}
|
|
|
+
|
|
|
+.ny_join7{ background:url(../images/join7_03.jpg) no-repeat center 40px;}
|
|
|
+.ny_join7 ul{ width:600px; margin:0 auto;}
|
|
|
+.ny_join7 ul h3{ text-align:center; font:bold 48px/66px "Arial"; color:#e50012; padding:22px 0 54px;}
|
|
|
+.ny_join7 ul h3 p{ font:normal 30px/44px "Arial"; color:#333;}
|
|
|
+.ny_join7 ul li{ font:normal 14px/45px "Arial"; margin-bottom:30px;}
|
|
|
+.ny_join7 ul li input{ width:570px; height:45px; padding:0 15px; background:#fff; color:#b4b3b3;}
|
|
|
+.ny_join7 ul li select{ width:290px; height:45px; padding:0 10px 0 15px; background:#fff; border:0; color:#757575; outline:none;}
|
|
|
+.ny_join7 ul li select:nth-child(2){ float:right;}
|
|
|
+.ny_join7 ul li textarea{ width:570px; height:135px; padding:0 15px; font:normal 14px/45px "Arial"; margin-bottom:30px;}
|
|
|
+.ny_join7 ul button{ width:100%; height:50px; background:#333; font:normal 18px/50px "Arial"; color:#FFF; border:0; margin-bottom:90px; outline:none;}
|
|
|
+
|
|
|
+.ny_product ul{ overflow:hidden; padding-bottom:20px;}
|
|
|
+.ny_product ul li{ width:285px; float:left; margin:0 17.5px 20px 0;}
|
|
|
+.ny_product ul li:nth-child(3n){ margin:0 0 20px 0;}
|
|
|
+.ny_product ul li div{ height:236px; border:1px solid #f1f1f1;}
|
|
|
+.ny_product ul li h3{ padding:8px 10px 0; font:normal 18px/26px "Arial";}
|
|
|
+.ny_product ul li p{ padding:0 10px; font:normal 14px/30px "Arial"; color:#999999;}
|
|
|
+
|
|
|
+.ny_school2 ul{ overflow:hidden; margin:40px auto 0;}
|
|
|
+.ny_school2 ul li{ width:25%; float:left; text-align:center;}
|
|
|
+.ny_school2 ul li img{ display:inline-block;}
|
|
|
+.ny_school2 ul li p{ font:normal 14px/46px "Arial";}
|
|
|
+
|
|
|
+.ny_school3 ul{ overflow:hidden;}
|
|
|
+.ny_school3 ul li{ width:200px; float:left; margin:0 30px 20px 0;}
|
|
|
+.ny_school3 ul li:nth-child(4n){ margin:0 0 20px 0;}
|
|
|
+.ny_school3 ul li div{ height:230px; margin-bottom:10px;}
|
|
|
+.ny_school3 ul li h3{ font:normal 15px/26px "Arial"; padding:0 5px;}
|
|
|
+.ny_school3 ul li p{ font:normal 12px/24px "Arial"; padding:0 5px; color:#888888;}
|
|
|
+
|
|
|
+.ny_school5 ul{ width:100%; border-top:1px solid #ebebeb; border-left:1px solid #ebebeb; box-sizing:border-box; overflow:hidden; margin-top:45px; text-align:center;}
|
|
|
+.ny_school5 ul h3{ font:bold 24px/65px "Arial"; color:#e50012; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb;}
|
|
|
+.ny_school5 ul li{ font:normal 16px/45px "Arial"; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; overflow:hidden;}
|
|
|
+.ny_school5 ul li div:nth-child(1){ width:35%; float:left;}
|
|
|
+.ny_school5 ul li div:nth-child(2){ width:35%; float:left;}
|
|
|
+.ny_school5 ul li div:nth-child(3){ width:25%; float:left;}
|
|
|
+.ny_school5 ul li p:nth-child(1){ width:35%; float:left;}
|
|
|
+.ny_school5 ul li p:nth-child(2){ width:35%; float:left;}
|
|
|
+.ny_school5 ul li p:nth-child(3){ width:25%; float:left;}
|
|
|
+.ny_school5 ul li:nth-child(2n){ background:#fafafa;}
|
|
|
+
|
|
|
+.ny_school6>ul{ overflow:hidden; margin-bottom:40px;}
|
|
|
+.ny_school6>ul li{ border-bottom:1px dashed #ebebeb; padding:10px 0 15px;}
|
|
|
+.ny_school6>ul li h3{ font:normal 20px/40px "Arial";}
|
|
|
+.ny_school6>ul li h3 span{ font:normal 12px/40px "Arial"; color:#888888; margin:0 10px 0 0;}
|
|
|
+.ny_school6>ul li div{ font:normal 14px/24px "Arial"; color:#888888;}
|
|
|
+.ny_school6>ul li h3:hover a{ color:#e50012;}
|
|
|
+
|
|
|
+.ny_school7>ul{ margin-bottom:20px;}
|
|
|
+.ny_school7>ul li{ overflow:hidden; padding-bottom:30px;}
|
|
|
+.ny_school7>ul li div{ width:262px; height:174px; padding:5px; border:1px solid #f1f1f1; float:left; margin-right:30px;}
|
|
|
+.ny_school7>ul li h3{ width:580px; float:right; font:normal 20px/40px "Arial";}
|
|
|
+.ny_school7>ul li span{ display:block; width:560px; height:34px; float:right; background:#fafafa; padding:0 10px; margin-bottom:5px;}
|
|
|
+.ny_school7>ul li p{ width:580px; float:right; font:normal 14px/22px "Arial"; color:#888888;}
|
|
|
+.ny_school7>ul li p em{ font:normal 16px/30px "Arial"; color:#333;}
|
|
|
+
|
|
|
+.ny_contact{ font:normal 16px/36px "Arial";}
|
|
|
+.ny_contact .drive{ width:430px; float:right;}
|
|
|
+.ny_contact h3{ font:normal 24px/36px "Arial";}
|
|
|
+.ny_contact h3 p{ font:normal 14px/24px "Arial"; color:#999999;}
|
|
|
+.ny_contact img{ display:inline-block; vertical-align:middle; margin-right:10px;}
|
|
|
+.ny_contact .map{ border:1px solid #f9f9f9; padding:5px; margin-top:40px;}
|
|
|
+
|
|
|
+.ny_jobs{ font:normal 16px/30px "Arial";}
|
|
|
+.ny_jobs h3{ font:bold 16px/50px "Arial"; color:#e50012}
|
|
|
+
|
|
|
+.ny_jobs2>ul{ overflow:hidden;}
|
|
|
+.ny_jobs2>ul li{ width:286px; float:left; margin:0 16px 20px 0;}
|
|
|
+.ny_jobs2>ul li div{ height:210px;}
|
|
|
+.ny_jobs2>ul li h3{ text-align:center; font:normal 15px/50px "Arial";}
|
|
|
+.ny_jobs2>ul li:nth-child(3n){ margin:0 0 20px 0;}
|
|
|
+
|
|
|
+@media only screen and (max-width: 1170px) {
|
|
|
+
|
|
|
+ .w1200{ width:100%;}
|
|
|
+ header .top1{ padding:5px 10px; width:calc(100% - 20px); height:auto; font:normal 12px/20px "Arial";}
|
|
|
+ header .top1 .yy{ display:none;}
|
|
|
+ header .top1 .tel{ display:none;}
|
|
|
+ header .top2{ padding:5px 0; position:relative;}
|
|
|
+ header .top2 .logo{ height:50px; margin-left:10px;}
|
|
|
+ header .top2 .menu{ display:none;}
|
|
|
+ .phone_menu_trigger{ display:block;}
|
|
|
+
|
|
|
+ .ind_ban .swbp1{ display:none;}
|
|
|
+ .ind_ban .swbn1{ display:none;}
|
|
|
+
|
|
|
+ .ind_tit1{ padding:10px;}
|
|
|
+ .ind_tit1 p{ width:100%; font:normal 12px/20px "Arial";}
|
|
|
+
|
|
|
+ .ind_box2{ padding:10px; box-sizing:border-box; background-size:cover;}
|
|
|
+ .ind_box2 .l{ width:100%;}
|
|
|
+ .ind_box2 .r{ width:100%; padding:10px 0;}
|
|
|
+ .ind_box2 .r ul{ margin:0;}
|
|
|
+ .ind_box2 .r ul li{ margin:0 0 10px;}
|
|
|
+ .ind_box2 .r ul li div{ width:100%; margin:0; float:right; font:normal 14px/20px "Arial";}
|
|
|
+ .ind_box2 .r ul>a{ margin:0 auto;}
|
|
|
+
|
|
|
+ .ind_tit2{ padding:20px 0 10px;}
|
|
|
+ .ind_tit2 h3{ padding:0 0 10px;}
|
|
|
+ .ind_tit2 p{ width:90%; font:normal 12px/20px "Arial";}
|
|
|
+
|
|
|
+ .ind_box3{ padding:0 10px; box-sizing:border-box;}
|
|
|
+ .ind_box3 .w1200 .swbp2{ display:none;}
|
|
|
+ .ind_box3 .w1200 .swbn2{ display:none;}
|
|
|
+ .ind_box3 .w1200 .more{ margin:10px auto 20px;}
|
|
|
+ .ind_box3 .w1200 .swiper-slide h3{ font:normal 12px/20px Arial;}
|
|
|
+
|
|
|
+ .ind_box5{ margin-top:0px; padding:20px 10px 0; box-sizing:border-box;}
|
|
|
+ .ind_box5>div>div{ padding:0; font:bold 20px/30px "Arial";}
|
|
|
+ .ind_box5>div>h3{ width:100%; margin:15px 0; font:normal 12px/32px "Arial";}
|
|
|
+ .ind_box5>div>p{ margin:0; font:normal 26px/30px "Arial";}
|
|
|
+
|
|
|
+ footer{ padding:0 10px; box-sizing:border-box;}
|
|
|
+ footer .ewm{ display:none;}
|
|
|
+ footer .menu{ display:none;}
|
|
|
+ footer .links{ font:normal 14px/24px "Arial"; padding:10px 0;}
|
|
|
+ footer .copyright{ padding:10px 0; font:normal 12px/20px "Arial";}
|
|
|
+
|
|
|
+ .ny_main{ padding:10px 10px 20px; box-sizing:border-box;}
|
|
|
+ .ny_main .l{ display:none;}
|
|
|
+ .ny_main .r{ width:100%;}
|
|
|
+ .ny_main .r .tit{ margin-top:0;}
|
|
|
+ .ny_main .r .tit>span{ font:bold 16px/48px "Arial";}
|
|
|
+ .ny_main .r .tit .lj{ font:normal 12px/50px "Arial";}
|
|
|
+ .ny_main .r>.con{ padding-top:20px; font:normal 12px/30px "Arial";}
|
|
|
+
|
|
|
+ .ny_video>ul li{ width:32%; height:auto; margin:0 2% 15px 0;}
|
|
|
+ .ny_video>ul li:nth-child(3n){ margin:0 0 15px 0;}
|
|
|
+ .ny_video>ul li div{ height:auto;}
|
|
|
+ .ny_video>ul li h3{ height:40px; overflow:hidden; font:normal 12px/20px "Arial";}
|
|
|
+
|
|
|
+ .ny_network>ul>li{ width:32%; height:auto; margin:0 2% 15px 0;}
|
|
|
+ .ny_network>ul>li:nth-child(3n){ margin:0 0 15px 0;}
|
|
|
+ .ny_network>ul>li h3{ font:normal 12px/20px "Arial";}
|
|
|
+
|
|
|
+ .ny_history ul li{ padding-bottom:20px;}
|
|
|
+ .ny_history ul li .img{ width:45%; margin:0;}
|
|
|
+ .ny_history ul li .con{ width:45%; margin:0;}
|
|
|
+ .ny_history ul li .con>h3{ font:bold 13px/24px "Arial";}
|
|
|
+ .ny_history ul li .con>h3 p{ font:normal 12px/20px "Arial";}
|
|
|
+ .ny_history ul li .con>div>h4{ font:bold 14px/20px "Arial";}
|
|
|
+ .ny_history ul li .con>div>p{ font:normal 12px/20px "Arial";}
|
|
|
+ .ny_history ul li:nth-child(2n) .img{ margin:0;}
|
|
|
+ .ny_history ul li:nth-child(2n) .con{ margin:0;}
|
|
|
+
|
|
|
+ .ny_news_detail .infos{ font:normal 12px/24px "Arial"; padding:10px 0;}
|
|
|
+ .ny_news_detail .infos span{ padding:0 5px;}
|
|
|
+ .ny_news_detail .prev_next{ margin:0; font:normal 12px/30px "Arial";}
|
|
|
+
|
|
|
+ .ny_contact .le{ width:100%;}
|
|
|
+ .ny_contact .le h3{ font:normal 20px/36px "Arial";}
|
|
|
+ .ny_contact .drive{ width:100%;}
|
|
|
+ .ny_contact .map #dituContent{ width:100%!important; height:250px!important;}
|
|
|
+
|
|
|
+ .ny_contact .map{ margin-top:0;}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+}
|