/* 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{ width:100%; height:70px; position:fixed; z-index:8; left:0; top:0px; padding:12px 0; background:#020c09;}
header .logo{ float:left;}
header .r{ float:right;}
header .r .menu{ float:left; margin-top:20px;}
header .r .menu>li{ float:left; padding:0 20px; position:relative;}
header .r .menu>li>a{ display:block; height:32px; font:normal 15px/28px Arial; color:#ffffff; box-sizing:border-box;}
header .r .menu>li>ul{ position:absolute; z-index:2; left:50%; top:32px; transform:translateX(-50%); width:120px; background:#ffffff; display:none;}
header .r .menu>li>ul>li>a{ display:block; width:100%; height:30px; font:normal 14px/30px Arial; text-align:center;}
header .r .menu>li>ul>li>a:hover{ background:#0aadff; color:#ffffff;}
header .r .menu>li:nth-child(2)>ul{ width:530px;}
header .r .menu>li:nth-child(3)>ul{ width:280px;}
header .r .menu>li:hover>a{ border-bottom:3px solid #0aadff;}
header .r .menu>li:hover>ul{ display:block;}
header .r .yy{ width:100px; height:28px; border-radius:14px; margin:20px 15px 0 20px; float:left; text-align:center;}
header .r .yy ul{ border:1px solid #ffffff; border-radius:14px; height:28px; overflow:hidden;}
header .r .yy ul li a{ display:block; width:100%; height:26px; font:normal 13px/26px Arial; color:#ffffff;}
header .r .yy ul:hover{ height:auto;}
header .r .login{ width:80px; height:28px; border-radius:14px; margin:20px 0 0; background:#ed323c; float:left; text-align:center; position:relative;}
header .r .login span{ display:block; width:100%; height:100%; font:normal 13px/28px Arial; color:#ffffff;}
header .r .login div{ width:80px; padding-top:5px; position:absolute; left:0; top:28px; display:none;}
header .r .login div a{ display:block; width:100%; height:30px; background:#ffffff; text-align:center; font:normal 14px/30px Arial;}
header .r .login div a:hover{ background:#ed323c; color:#ffffff;}
header .r .login div:after{ content:''; position:absolute; left:calc(50% - 6px); top:-6px; border-style:solid; border-width:6px; border-color:transparent transparent #ffffff transparent;}
header .r .login:hover div{ display:block;}


.swiper_main{ width:100%;height:100%;margin-left:100%;margin-right:auto;}
.swiper_main .swiper-slide{ overflow:hidden;}
.swiper_main .swp_main{ right:40px;}
.swiper_main .swp_main .swiper-pagination-bullet{ width:8px; height:8px; background:none; border:1px solid #ffffff; opacity:1; margin:20px 0!important;}
.swiper_main .swp_main .swiper-pagination-bullet-active{ background:#ffffff;}


.swiper_main .ind_ban .sw1{ width:100%; height:100%;}
.swiper_main .ind_ban .sw1 .swiper-slide{}
.swiper_main .ind_ban .sw1 .swiper-slide .pc{ width:100%; height:100%; background-size:cover!important; background-position:center;}
.swiper_main .ind_ban .sw1 .swiper-slide .mobi{ width:100%; height:100%; background-size:cover!important; background-position:center; display:none;}
.swiper_main .ind_ban .sw1 .swp1{ bottom:30px;}
.swiper_main .ind_ban .sw1 .swp1 .swiper-pagination-bullet{ width:75px; height:3px; background:#ffffff; opacity:1; border-radius:0;}
.swiper_main .ind_ban .sw1 .swp1 .swiper-pagination-bullet-active{ height:5px;}

.swiper_main .ind_tit{ text-align:center; color:#ffffff; margin-top:110px;}
.swiper_main .ind_tit h3{ font:normal 36px/56px Arial;}
.swiper_main .ind_tit p{ font:normal 16px/36px Arial;}
.swiper_main .ind_tit span{ display:inline-block; vertical-align:top; width:85px; height:2px; background:#ffffff; margin-top:18px;}

.swiper_main .ind_solution{ background:url(../images/index_02.jpg) no-repeat center; background-size:cover;}
.swiper_main .ind_solution .sw2{ margin-top:40px;}
.swiper_main .ind_solution .sw2 .swiper-slide .wz{ width:560px; padding:35px 35px 60px; box-sizing:border-box; background:#0aadff; position:absolute; z-index:2; left:0; top:50%; transform:translateY(-50%); color:#ffffff;}
.swiper_main .ind_solution .sw2 .swiper-slide .wz .tit{ overflow:hidden;}
.swiper_main .ind_solution .sw2 .swiper-slide .wz .tit em{ font:normal 60px/70px Impact; float:left; margin-right:25px;}
.swiper_main .ind_solution .sw2 .swiper-slide .wz .tit h3{ font:bold 18px/40px Arial;}
.swiper_main .ind_solution .sw2 .swiper-slide .wz .tit p{ font:normal 13px/30px Arial;}
.swiper_main .ind_solution .sw2 .swiper-slide .wz .con{ font:normal 16px/30px Arial; margin:15px 0 20px;}
.swiper_main .ind_solution .sw2 .swiper-slide .wz .more{ display:block; width:140px; height:30px; border:1px solid #ffffff; border-radius:15px; text-align:center; font:normal 14px/30px Arial; color:#ffffff;}
.swiper_main .ind_solution .sw2 .swiper-slide .img{ float:right;}
.swiper_main .ind_solution .sw2 .swp2{ bottom:50px; width:540px; text-align:right;}
.swiper_main .ind_solution .sw2 .swp2 .swiper-pagination-bullet{ width:8px; height:8px; border:1px solid #ffffff; background:none; opacity:1; margin:0 5px!important;}
.swiper_main .ind_solution .sw2 .swp2 .swiper-pagination-bullet-active{ background:#ffffff;}

.swiper_main .ind_product{ background:url(../images/index_03.jpg) no-repeat center; background-size:cover;}
.swiper_main .ind_product .lm{ display:flex; justify-content:center; margin:40px 0;}
.swiper_main .ind_product .lm li{ margin:0 15px;}
.swiper_main .ind_product .lm li a{ display:block; width:270px; height:36px; border:1px solid #ffffff; border-radius:18px; text-align:center; font:normal 14px/36px Arial; color:#ffffff;}
.swiper_main .ind_product .lm li a:hover{ background:#0aadff; border:1px solid #0aadff;}
.swiper_main .ind_product .lm li.on a{ background:#0aadff; border:1px solid #0aadff;}
.swiper_main .ind_product .list{ overflow:hidden; margin-bottom:40px;}
.swiper_main .ind_product .list li{ width:380px; float:left; margin-right:30px;}
.swiper_main .ind_product .list li:nth-child(3n){ margin-right:0;}
.swiper_main .ind_product .list li .img{ height:260px;}
.swiper_main .ind_product .list li .con{ padding:15px 10px; color:#ffffff;}
.swiper_main .ind_product .list li .con h3{ font:normal 18px/30px Arial;}
.swiper_main .ind_product .list li .con p{ font:normal 14px/30px Arial;}
.swiper_main .ind_product .more{ display:block; width:140px; height:30px; margin:0 auto; border:1px solid #ffffff; border-radius:15px; text-align:center; font:normal 14px/30px Arial; color:#ffffff;}
.swiper_main .ind_product .more:hover{ border:1px solid #0aadff; background:#0aadff; color:#ffffff;}

.swiper_main .ind_news{ background:url(../images/index_04.jpg) no-repeat center; background-size:cover;}
.swiper_main .ind_news .list{ overflow:hidden; margin:40px 0;}
.swiper_main .ind_news .list li{ width:277px; float:left; margin-right:30px;}
.swiper_main .ind_news .list li:nth-child(4n){ margin-right:0;}
.swiper_main .ind_news .list li .img{ height:220px;}
.swiper_main .ind_news .list li .img img{ height:100%; width:100%;}
.swiper_main .ind_news .list li .con{ padding:15px 10px 20px; background:#ffffff;}
.swiper_main .ind_news .list li .con h3{ font:normal 16px/32px Arial; margin-bottom:10px;}
.swiper_main .ind_news .list li .con span{ font:normal 12px/18px Arial; color:#999999;}
.swiper_main .ind_news .list li .con p{ font:normal 14px/24px Arial;}
.swiper_main .ind_news .more{ display:block; width:140px; height:30px; margin:0 auto; border:1px solid #ffffff; border-radius:15px; text-align:center; font:normal 14px/30px Arial; color:#ffffff;}
.swiper_main .ind_news .more:hover{ border:1px solid #0aadff; background:#0aadff; color:#ffffff;}
.swiper_main .ind_news .list li:hover .con{ background:#0aadff; color:#ffffff;}
.swiper_main .ind_news .list li:hover .con span{ color:#ffffff;}

.swiper_main .ind_about{ background:url(../images/index_05.jpg) no-repeat center; background-size:cover;}
.swiper_main .ind_about .con{ width:600px; font:normal 16px/32px Arial; color:#ffffff; margin:60px 0;}
.swiper_main .ind_about .more{ display:block; width:140px; height:30px; border:1px solid #ffffff; border-radius:15px; text-align:center; font:normal 14px/30px Arial; color:#ffffff;}
.swiper_main .ind_about .more:hover{ border:1px solid #0aadff; background:#0aadff; color:#ffffff;}

.swiper_main .ind_contact{ background:url(../images/index_06.jpg) no-repeat center; background-size:cover;}
.swiper_main .ind_contact .box{ display:flex; margin:30px auto;}
.swiper_main .ind_contact .box .l{ width:780px; background:#ffffff; padding:30px; box-sizing:border-box;}
.swiper_main .ind_contact .box .l h3{ font:bold 20px/50px Arial; margin:15px 0;}
.swiper_main .ind_contact .box .l p{ font:normal 16px/24px Arial; margin-bottom:10px;}
.swiper_main .ind_contact .box .l p img{ display:inline-block; vertical-align:top; margin-right:10px;}
.swiper_main .ind_contact .box .l .map{ overflow:hidden; margin-top:15px; border:1px solid #cccccc;}
.swiper_main .ind_contact .box .r{ width:420px; background:rgba(0,0,0,0.75); padding:40px 60px 60px; box-sizing:border-box;}
.swiper_main .ind_contact .box .r h3{ font:normal 28px/50px Arial; color:#ffffff; text-align:center; margin-bottom:26px;}
.swiper_main .ind_contact .box .r .inp{ width:100%; height:44px; background:none; border:1px solid #999999; box-sizing:border-box; font:normal 14px/40px Arial; color:#ffffff; padding:0 12px; margin-bottom:20px;}
.swiper_main .ind_contact .box .r .inp::-webkit-input-placeholder{ color:#ffffff;}
.swiper_main .ind_contact .box .r .text{ width:100%; height:130px; background:none; border:1px solid #999999; box-sizing:border-box; font:normal 14px/40px Arial; color:#ffffff; padding:4px 12px; margin-bottom:30px;}
.swiper_main .ind_contact .box .r .text::-webkit-input-placeholder{ color:#ffffff;}
.swiper_main .ind_contact .box .r button{ width:100%; height:44px; background:#06a2f0; border:0; font:bold 16px/44px Arial; color:#ffffff;}
.swiper_main .ind_contact .footer{ font:normal 14px/32px Arial; color:#ffffff; text-align:center; margin-top:24px;}

.ny_ban{ margin-top:94px;}

.ny_solution{ overflow:hidden;}
.ny_solution .tit{ text-align:center; padding:56px 0 80px;}
.ny_solution .tit h3{ font:normal 36px/60px Arial;}
.ny_solution .tit span{ display:block; width:85px; height:2px; margin:18px auto 0; background:#cccccc;}
.ny_solution .box1{ overflow:hidden; background:#f9f9f9;}
.ny_solution .box1 ul{ display:flex; justify-content:space-between; margin-bottom:80px;}
.ny_solution .box1 ul li{ width:310px; text-align:center;}
.ny_solution .box1 ul li div img{ display:inline-block; vertical-align:top;}
.ny_solution .box1 ul li h3{ font:normal 24px/50px Arial; margin:26px 0 16px;}
.ny_solution .box1 ul li p{ font:normal 14px/30px Arial; color:#666666;}
.ny_solution .box2{ overflow:hidden;}
.ny_solution .box2 ul li{ display:flex; flex-direction:row; justify-content:space-between; margin-bottom:50px;}
.ny_solution .box2 ul li .img{ width:600px;}
.ny_solution .box2 ul li .con{ width:450px; margin-right:50px; display:flex; flex-direction:column; justify-content:center;}
.ny_solution .box2 ul li .con h3{ font:normal 40px/70px Arial; margin-bottom:40px;}
.ny_solution .box2 ul li .con p{ font:normal 16px/30px Arial; color:#666666; margin-bottom:50px;}
.ny_solution .box2 ul li .con a{ display:block; width:168px; height:48px; border:1px solid #f1f1f1; text-align:center; font:normal 16px/48px Arial;}
.ny_solution .box2 ul li .con a:hover{ border:1px solid #0aadff; background:#0aadff; color:#ffffff;}
.ny_solution .box2 ul li:nth-child(2n){ flex-direction:row-reverse;}
.ny_solution .box3{ overflow:hidden; background:url(../images/solution_23.jpg) no-repeat center; background-size:cover; text-align:center;}
.ny_solution .box3 .img{ margin:60px auto 0; width:125px; height:125px; border-radius:50%; overflow:hidden;}
.ny_solution .box3 .img img{ display:inline-block; vertical-align:top;}
.ny_solution .box3 .con{ margin:30px auto 90px; color:#ffffff;}
.ny_solution .box3 .con h3{ font:normal 30px/50px Arial; margin-bottom:20px;}
.ny_solution .box3 .con p{ font:normal 16px/30px Arial; padding:0 110px 40px;}
.ny_solution .box3 .con a{ display:block; width:168px; height:48px; margin:0 auto; border:1px solid #f1f1f1; text-align:center; font:normal 16px/48px Arial; color:#ffffff;}
.ny_solution .box3 .con a:hover{ border:1px solid #0aadff; background:#0aadff; color:#ffffff;}
.ny_solution .box4{ overflow:hidden; padding-bottom:80px;}
.ny_solution .box4 ul li{ width:216px; height:128px; float:left; margin:0 30px 30px 0; box-sizing:border-box;}
.ny_solution .box4 ul li div{ width:100%; height:88px; box-sizing:border-box; border:1px solid #ebebeb;}
.ny_solution .box4 ul li h3{ font:normal 16px/36px Arial; text-align:center;}
.ny_solution .box4 ul li:nth-child(5n){ margin:0 0 30px 0;}
.ny_solution .box4 ul li:hover{ border:2px solid #0aadff; box-shadow:5px 5px 5px #dddddd;}
.ny_solution .box4 ul li:hover div{ border:0;}

footer .foot1{ overflow:hidden; padding:40px 0; background:#2d2d2d; color:#ffffff;}
footer .foot1 .ewm{ float:right; width:155px;}
footer .foot1 .ewm p{ font:normal 14px/30px Arial; margin-top:10px; text-align:center;}
footer .foot1 dl{ margin-right:40px; float:left;}
footer .foot1 dl dt{ font:bold 16px/22px Arial; margin-bottom:24px;}
footer .foot1 dl dd{ font:normal 14px/30px Arial;}
footer .foot1 dl dd a{ color:#ffffff;}
footer .foot1 dl:last-child{ margin-right:0;}
footer .foot2{ padding:10px 0; background:#2d2d2d; overflow:hidden; border-top:1px solid #424242; text-align:center; font:normal 16px/30px Arial; color:#ffffff;}
footer .foot2 img{ display:inline-block; vertical-align:middle; margin-left:10px;}

.ny_product{ overflow:hidden;}
.ny_product .tit{ text-align:center; padding:50px 0 20px;}
.ny_product .tit h3{ font:normal 36px/60px Arial;}
.ny_product .tit span{ display:block; width:85px; height:2px; margin:18px auto 0; background:#cccccc;}
.ny_product .box1{ overflow:hidden; background:#f9f9f9;}
.ny_product .box1 .con{ font:normal 16px/32px Arial; margin-bottom:60px;}
.ny_product .box2{ overflow:hidden;}
.ny_product .box2 .box{ overflow:hidden; box-shadow:0 0 5px #f6f6f6; margin-bottom:60px;}
.ny_product .box2 .box .lm{ display:flex; background-image:linear-gradient(#ffffff,#f8f8f8); border-bottom:1px solid #eeeeee;}
.ny_product .box2 .box .lm li{ width:16.66%; height:60px; padding:5px 0; border-right:1px solid #eeeeee; box-sizing:border-box; font:normal 14px/25px Arial; text-align:center; position:relative;}
.ny_product .box2 .box .lm li:last-child{ border-right:0;}
.ny_product .box2 .box .lm li.on{ background-image:linear-gradient(#0b97dd,#0aaafb); color:#ffffff;}
.ny_product .box2 .box .lm li.on:after{ content:''; position:absolute; z-index:2; left:calc(50% - 7px); bottom:-16px; border-width:8px 7px; border-style:solid; border-color:#0aaafb transparent transparent transparent;}
.ny_product .box2 .box .list li{ overflow:hidden; padding:40px 25px;}
.ny_product .box2 .box .list li .img{ width:660px; float:left;}
.ny_product .box2 .box .list li .con{ width:390px; float:right; margin-right:25px;}
.ny_product .box2 .box .list li .con h3{ font:normal 40px/60px Arial; margin:70px 0 40px;}
.ny_product .box2 .box .list li .con p{ font:normal 16px/30px Arial; color:#666666;}
.ny_product .box3{ overflow:hidden; background:#f9f9f9;}
.ny_product .box3 ul{ display:flex; justify-content:space-between; margin-bottom:80px;}
.ny_product .box3 ul li{ width:310px; text-align:center;}
.ny_product .box3 ul li div img{ display:inline-block; vertical-align:top;}
.ny_product .box3 ul li h3{ font:normal 24px/50px Arial; margin:26px 0 16px;}
.ny_product .box3 ul li p{ font:normal 14px/30px Arial; color:#666666;}
.ny_product .box4{ overflow:hidden;}
.ny_product .box4 .vid{ width:1140px; margin:0 auto 60px;}

.ny_service{ overflow:hidden;}
.ny_service .tit{ text-align:center; padding:50px 0 20px;}
.ny_service .tit h3{ font:normal 36px/60px Arial;}
.ny_service .tit p{ font:normal 16px/30px Arial; color:#999999;}
.ny_service .tit span{ display:block; width:85px; height:2px; margin:18px auto 0; background:#cccccc;}
.ny_service .box1{ overflow:hidden;}
.ny_service .box1 .con{ font:normal 16px/35px Arial;}
.ny_service .box2 .box{ width:676px; margin:40px auto 60px;}
.ny_service .box2 .box .inp{ width:100%; height:50px; border:1px solid #cccccc; padding:0 15px; margin-bottom:30px; box-sizing:border-box; font:normal 16px/48px Arial;}
.ny_service .box2 .box .text{ width:100%; height:152px; border:1px solid #cccccc; padding:0 15px; margin-bottom:30px; box-sizing:border-box; font:normal 16px/50px Arial;}
.ny_service .box2 .box h4{ font:normal 24px/36px Arial; padding:0 15px 10px;}
.ny_service .box2 .box div{ padding:0 15px; font:normal 16px/36px Arial;}
.ny_service .box2 .box div input{ margin-right:10px;}
.ny_service .box2 .box button{ display:block; width:290px; height:60px; margin:50px auto 0; text-align:center; font:bold 24px/60px Arial; color:#ffffff; background-image:linear-gradient(#0aadff,#0094df); border:0;}
.ny_service .box3 .box{ overflow:hidden; box-shadow:0 0 5px #f6f6f6; margin-bottom:80px; padding:50px 30px 30px;}
.ny_service .box3 .box h3{ text-align:center; font:normal 24px/48px Arial; margin-bottom:40px;}
.ny_service .box3 .box ul{ display:flex; justify-content:center;}
.ny_service .box3 .box ul li{ margin:0 35px; text-align:center;}
.ny_service .box3 .box ul li div{ border:1px solid #e6e6e6;}
.ny_service .box3 .box ul li h4{ text-align:center; font:normal 14px/28px Arial; margin:8px auto 10px;}

.ny_news .lm{ height:50px; background-image:linear-gradient(#ffffff,#fafafa); border-bottom:1px solid #eeeeee;}
.ny_news .lm ul{ float:left; border-left:1px solid #eeeeee;}
.ny_news .lm ul li{ float:left; border-right:1px solid #eeeeee;}
.ny_news .lm ul li a{ display:block; width:140px; height:50px; text-align:center; font:normal 16px/50px Arial;}
.ny_news .lm ul li.on{ background:#0aadff; color:#ffffff;}
.ny_news .lm ul li.on a{ color:#ffffff;}
.ny_news .lm .lj{ float:right; font:normal 16px/50px Arial;}
.ny_news .list{ overflow:hidden; margin:60px auto 20px;}
.ny_news .list li{ width:277px; float:left; margin:0 30.66px 30px 0; background:#f9f9f9}
.ny_news .list li .img{ height:220px;}
.ny_news .list li .con{ padding:15px 15px 25px;}
.ny_news .list li .con h3{ font:normal 16px/32px Arial; height:32px; overflow:hidden; margin-bottom:10px;}
.ny_news .list li .con span{ font:normal 12px/24px Arial; color:#999999;}
.ny_news .list li .con p{ font:normal 14px/24px Arial; height:72px; overflow:hidden;}
.ny_news .list li:nth-child(4n){ margin:0 0 30px 0;}
.ny_news .list li:hover{ background:#0aadff; color:#ffffff;}
.ny_news .list li:hover span{ color:#ffffff;}

.ny_pages{ text-align:center; margin-bottom:80px;}
.ny_pages img{ display:inline-block; vertical-align:top;}

.ny_news_detail .title{ font:bold 24px/60px Arial; text-align:center; margin-top:50px;}
.ny_news_detail .infos{ font:normal 16px/24px Arial; text-align:center; color:#999999; overflow:hidden; margin:10px 0 50px;}
.ny_news_detail .infos span{ display:inline-block; margin:0 38px;}
.ny_news_detail .infos span img{ display:inline-block; vertical-align:top; margin-right:10px;}
.ny_news_detail .con{ overflow:hidden; padding-bottom:50px; border-bottom:1px solid #ccc; font:normal 16px/42px Arial;}
.ny_news_detail .con img{ display:inline-block; vertical-align:top;}
.ny_news_detail .prev_next{ padding:20px 0 70px; overflow:hidden; font:normal 16px/30px Arial;}
.ny_news_detail .prev_next div{ margin-bottom:10px;}
.ny_news_detail .prev_next div span{ display:inline-block; width:70px; height:30px; background:#f1f1f1; text-align:center; margin-right:20px;}

.ny_about .tit{ text-align:center; padding:50px 0 20px;}
.ny_about .tit h3{ font:normal 36px/60px Arial;}
.ny_about .tit p{ font:normal 16px/30px Arial; color:#999999;}
.ny_about .tit span{ display:block; width:85px; height:2px; margin:18px auto 0; background:#cccccc;}
.ny_about .box1{ overflow:hidden;}
.ny_about .box1 .vid{ width:1140px; margin:60px auto 70px;}
.ny_about .box2{ overflow:hidden; background:#f9f9f9;}
.ny_about .box2 .con{ font:normal 16px/32px Arial; margin-bottom:60px;}
.ny_about .box3 .con{ font:normal 16px/32px Arial; margin-bottom:60px;}
.ny_about .box4{ display:flex; background:#f9f9f9; margin-bottom:70px;}
.ny_about .box4 .l{ width:50%;}
.ny_about .box4 .r{ width:50%; display:flex; flex-direction:column; justify-content:center;}
.ny_about .box4 .r .con{ width:600px; float:left; padding-left:60px; box-sizing:border-box;}
.ny_about .box4 .r .con h3{ font:bold 24px/40px Arial; color:#54565a;}
.ny_about .box4 .r .con h3 span{ font:normal 16px/40px Arial;}
.ny_about .box4 .r .con p{ font:normal 16px/40px Arial; color:#999999;}
.ny_about .box4 .r .con div{ font:normal 16px/36px Arial;}
.ny_about .box5 li{ overflow:hidden; padding:20px; box-shadow:0 0 5px #f6f6f6; margin-bottom:30px;}
.ny_about .box5 li .img{ width:74px; height:74px; float:left; border-radius:50%; padding:3px; border:1px solid #cccccc; margin-right:15px;}
.ny_about .box5 li h3{ font:bold 24px/40px Arial; color:#54565a; margin:5px 0 0;}
.ny_about .box5 li span{ font:normal 16px/32px Arial; color:#999999;}
.ny_about .box5 li p{ font:normal 16px/30px Arial; margin-top:15px;text-indent: 32px;}
.ny_about .box6 ul{ overflow:hidden; box-shadow:0 0 5px #f6f6f6; margin-bottom:50px;}
.ny_about .box6 ul li{ display:flex; flex-direction:row; justify-content:space-between;}
.ny_about .box6 ul li .img{ width:600px;}
.ny_about .box6 ul li .con{ width:450px; margin:0 50px 0 0; display:flex; flex-direction:column; justify-content:center;}
.ny_about .box6 ul li .con h3{ font:normal 36px/50px Arial;}
.ny_about .box6 ul li .con span{ display:block; width:78px; height:5px; background:#cccccc; margin:20px 0;}
.ny_about .box6 ul li .con p{ font:normal 16px/30px Arial; color:#666666; margin-bottom:50px;}
.ny_about .box6 ul li:nth-child(2n){ flex-direction:row-reverse;}
.ny_about .box6 ul li:nth-child(2n) .con{ margin:0 0 0 60px;}

.ny_history .tit{ text-align:center; padding:50px 0 20px;}
.ny_history .tit h3{ font:normal 36px/60px Arial;}
.ny_history .tit p{ font:normal 16px/30px Arial; color:#999999;}
.ny_history .tit span{ display:block; width:85px; height:2px; margin:18px auto 0; background:#cccccc;}
.ny_history .box1{ overflow:hidden;}
.ny_history .box1 .box{ position:relative; margin-bottom:180px;}
.ny_history .box1 .box dl{ width:632px; height:293px; display:flex; flex-direction:row-reverse; float:left;}
.ny_history .box1 .box dl dt{ width:64px; height:64px; border-radius:50%; background:#cccccc; padding:5px; box-sizing:border-box; float:right;}
.ny_history .box1 .box dl dt div{ width:54px; height:54px; border-radius:50%; background:#333333; text-align:center; font:bold 18px/54px Arial; color:#ffffff;}
.ny_history .box1 .box dl dd{ width:432px; margin:0 30px;}
.ny_history .box1 .box dl dd .img{ margin-bottom:20px;}
.ny_history .box1 .box dl dd .con{ font:normal 16px/32px Arial;}
.ny_history .box1 .box dl:nth-child(2n){ float:right; flex-direction:row;}
.ny_history .box1 .box:after{ content:''; width:1px; height:calc(100% - 293px); background:#cccccc; position:absolute; z-index:-1; left:600px; top:0;}

.ny_honor .tit{ text-align:center; padding:50px 0 20px;}
.ny_honor .tit h3{ font:normal 36px/60px Arial;}
.ny_honor .tit p{ font:normal 16px/30px Arial; color:#999999;}
.ny_honor .tit span{ display:block; width:85px; height:2px; margin:18px auto 0; background:#cccccc;}
.ny_honor .con{ overflow:hidden; font:normal 16px/32px Arial; margin-bottom:20px;}
.ny_honor .list{ overflow:hidden; margin-bottom:50px;}
.ny_honor .list li{ width:386px; float:left; border:1px solid #f1f1f1; box-sizing:border-box; margin:0 21px 20px 0;}
.ny_honor .list li:nth-child(3n){ margin:0 0 20px 0;}

.ny_culture .tit{ text-align:center; padding:50px 0 20px;}
.ny_culture .tit h3{ font:normal 36px/60px Arial;}
.ny_culture .tit p{ font:normal 16px/30px Arial; color:#999999;}
.ny_culture .tit span{ display:block; width:85px; height:2px; margin:18px auto 0; background:#cccccc;}
.ny_culture .con{ overflow:hidden; font:normal 16px/32px Arial; margin-bottom:20px;}
.ny_culture .con .yuan1{ display:inline-block; width:28px; height:28px; background:#333333; border-radius:50%; text-align:center; font:normal 16px/28px Arial; color:#ffffff;}
.ny_culture .list{ margin-bottom:40px;}
.ny_culture .list li{ float:left; box-shadow:0 0 5px #f6f6f6; margin-bottom:20px;}
.ny_culture .list li .con{ padding:10px 20px; margin-bottom:0;}
.ny_culture .list li .con h3{ font:normal 30px/46px Arial; text-align:center;}
.ny_culture .list li .con p{ font:normal 16px/32px Arial;}
.ny_culture .list li:nth-child(1){ width:590px; float:left;}
.ny_culture .list li:nth-child(2){ width:590px; float:right;}
.ny_culture .list li:nth-child(n+3){ width:100%; display:flex; justify-content:space-between;}
.ny_culture .list li:nth-child(n+3) .img{ width:590px;}
.ny_culture .list li:nth-child(n+3) .con{ width:590px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center;}
.ny_culture .list li:nth-child(n+3) .con p{ margin-bottom:10px;}
.ny_culture .list li:nth-child(n+3) .con div{ font:normal 14px/54px Arial; text-align:left; margin-bottom:10px;}
.ny_culture .list li:nth-child(n+3) .con div .yuan2{ display:block; width:54px; height:54px; margin-right:10px; float:left; background:#333333; border-radius:50%; text-align:center; font:normal 16px/54px Arial; color:#ffffff;}
.ny_culture .list li:nth-child(4){ flex-direction:row-reverse;}
.ny_culture .list li:nth-child(5) .con div{ font:normal 14px/27px Arial;}

.ny_jobs .tit{ text-align:center; padding:50px 0 20px;}
.ny_jobs .tit h3{ font:normal 36px/60px Arial;}
.ny_jobs .tit p{ font:normal 16px/30px Arial; color:#999999;}
.ny_jobs .tit span{ display:block; width:85px; height:2px; margin:18px auto 0; background:#cccccc;}
.ny_jobs .con{ overflow:hidden; font:normal 16px/32px Arial; margin-bottom:20px;}
.ny_jobs .list{ margin-bottom:80px;}
.ny_jobs .list li{ overflow:hidden; margin-bottom:30px; box-shadow:0 0 5px #f6f6f6; padding:25px 30px;}
.ny_jobs .list li>h3{ font:bold 24px/50px Arial; overflow:hidden; cursor:pointer;}
.ny_jobs .list li>h3 span{ display:inline-block; float:right; margin:12px 0; width:16px; height:16px; position:relative;}
.ny_jobs .list li>h3 span:after{ content:''; width:100%; height:2px; background:#cccccc; position:absolute; top:7px; left:0;}
.ny_jobs .list li>h3 span:before{ content:''; width:2px; height:100%; background:#cccccc; position:absolute; left:7px; top:0;}
.ny_jobs .list li>p{ font:normal 16px/40px Arial;}
.ny_jobs .list li>.con{ font:normal 16px/32px Arial; margin-bottom:0; display:none;}
.ny_jobs .list li>.con h4{ font:bold 18px/30px Arial; padding:20px 0 10px;}
.ny_jobs .list li>.con .btn{ display:block; width:228px; height:58px; margin:30px 0; background:#0aadff; text-align:center; font:normal 24px/58px Arial; color:#ffffff;}
.ny_jobs .list li.on>h3 span:before{ display:none;}
.ny_jobs .list li.on>.con{ display:block;}

.ny_contact .box1{ display:flex; background:#f9f9f9; margin:70px 0 30px;}
.ny_contact .box1 .img{ width:710px;}
.ny_contact .box1 .con{ width:490px; padding:20px 20px 20px 40px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center;}
.ny_contact .box1 .con h3{ font:bold 24px/50px Arial; margin-bottom:30px;}
.ny_contact .box1 .con p{ font:normal 16px/22px Arial; margin-bottom:15px;}
.ny_contact .box1 .con p img{ display:inline-block; vertical-align:top; margin-right:10px;}
.ny_contact .list{ margin-bottom:50px; overflow:hidden; border-top:1px solid #f9f9f9; border-left:1px solid #f9f9f9;}
.ny_contact .list li{ width:50%; height:230px; float:left; border-bottom:1px solid #f9f9f9; border-right:1px solid #f9f9f9; box-sizing:border-box; padding:20px 30px;}
.ny_contact .list li h3{ font:bold 24px/50px Arial; margin-bottom:30px;}
.ny_contact .list li p{ font:normal 16px/22px Arial; margin-bottom:15px;}
.ny_contact .list li p img{ display:inline-block; vertical-align:top; margin-right:10px;}
.ny_contact .box2{ overflow:hidden;}
.ny_contact .tit{ text-align:center; padding:50px 0 20px;}
.ny_contact .tit h3{ font:normal 36px/60px Arial;}
.ny_contact .tit p{ font:normal 16px/30px Arial; color:#999999;}
.ny_contact .tit span{ display:block; width:85px; height:2px; margin:18px auto 0; background:#cccccc;}
.ny_contact .box3{ overflow:hidden; padding-bottom:60px;}
.ny_contact .box3 ul{ display:flex; justify-content:center; margin-bottom:20px;}
.ny_contact .box3 ul li{ width:154px; margin:0 35px; text-align:center;}
.ny_contact .box3 ul li div{ border:1px solid #e6e6e6;}
.ny_contact .box3 ul li h4{ text-align:center; font:normal 14px/28px Arial; margin:8px auto 10px;}

.ny_download .tit{ text-align:center; padding:50px 0 20px;}
.ny_download .tit h3{ font:normal 36px/60px Arial;}
.ny_download .tit span{ display:block; width:85px; height:2px; margin:18px auto 0; background:#cccccc;}
.ny_download .box1 ul{ display:flex; justify-content:center; margin-bottom:20px;}
.ny_download .box1 ul li{ margin:0 35px; text-align:center;}
.ny_download .box1 ul li div{ border:1px solid #e6e6e6;}
.ny_download .box1 ul li h4{ text-align:center; font:normal 14px/28px Arial; margin:8px auto 10px;}
.ny_download .box2{ overflow:hidden; background:#f9f9f9;}
.ny_download .box2 ul{ display:flex; justify-content:center; margin-bottom:30px;}
.ny_download .box2 ul li{ margin:0 35px; text-align:center;}
.ny_download .box2 ul li div{ border:1px solid #e6e6e6;}
.ny_download .box2 ul li h4{ text-align:center; font:normal 14px/28px Arial; margin:8px auto 10px;}
.ny_download .box3 ul{ display:flex; justify-content:center; margin-bottom:30px;}
.ny_download .box3 ul li{ margin:0 35px; text-align:center;}
.ny_download .box3 ul li div{ border:1px solid #e6e6e6;}
.ny_download .box3 ul li h4{ text-align:center; font:normal 14px/28px Arial; margin:8px auto 10px;}
.ny_download .box4{ overflow:hidden; /*background:#f9f9f9;*/}
.ny_download .box4 .vid{ width:1140px; margin:0 auto 60px;}



/*手机*/
.phone_menu_trigger {display:none;position:absolute;right:10px;top:50%;z-index:10;transform:translateY(-50%);transition:all 0.4s ease-in-out;z-index:11;}
.phone_menu_trigger > div {width:24px;height:2px;cursor:pointer;background:#ffffff;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:7; overflow:scroll; background:rgba(0,0,0,0.8);padding:0 0 41px;width:100%;height:calc(100% - 80px);margin-top:50px;}
.phone_menu > li { font:normal 18px/54px Arial; border-bottom:dashed 1px #ccc;}
.phone_menu > li > a {display:block;color:#ffffff;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 Arial;}
.phone_menu > li > .phone_menu_tab > li > a {color:#ffffff;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:#06a2f0;}
.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:#06a2f0 transparent transparent transparent;}
.phone_menu > .MpNav > a.open:after {transform:rotate(-180deg);}
.phone_menu > .yy{ font:normal 18px/54px Arial; text-align:center;}
.phone_menu > .yy a{ color:#ffffff; padding:0 15px;}
.phone_menu > .yy a:nth-child(1){ border-right:1px solid #ffffff;}

@media only screen and (max-width: 1170px) {
	.w1200{ width:100%;}
	header{ height:50px; padding:5px 10px; box-sizing:border-box;}
	header.on{ background:rgba(0,0,0,0.8);}
	header .logo{ height:40px;}
	header .r{ display:none;}
	header .phone_menu_trigger{ display:block;}
	
	.swiper_main .ind_tit{ margin-top:60px;}
	.swiper_main .ind_tit h3{ font:normal 24px/36px Arial;}
	.swiper_main .ind_tit p{ font:normal 14px/24px Arial;}
	.swiper_main .ind_tit span{ margin-top:8px;}
	
	.swiper_main .ind_ban .sw1 .swiper-slide .pc{ display:none;}
	.swiper_main .ind_ban .sw1 .swiper-slide .mobi{ display:block;}
	
	.swiper_main .ind_solution{ padding:0 10px; box-sizing:border-box;}
	.swiper_main .ind_solution .sw2{ margin-top:20px;}
	.swiper_main .ind_solution .sw2 .swiper-slide .wz{ width:100%; padding:10px; position:inherit; top:auto; transform:translateY(0);}
	.swiper_main .ind_solution .sw2 .swiper-slide .wz .tit em{ font:normal 30px/30px Impact; margin-right:10px;}
	.swiper_main .ind_solution .sw2 .swiper-slide .wz .tit h3{ font:bold 20px/30px Arial;}
	.swiper_main .ind_solution .sw2 .swiper-slide .wz .tit p{ font:normal 14px/24px Arial;}
	.swiper_main .ind_solution .sw2 .swiper-slide .wz .con{ font:normal 12px/20px Arial;}
	.swiper_main .ind_solution .sw2 .swiper-slide .img{ float:none;}
	
	.swiper_main .ind_product{ padding:0 10px; box-sizing:border-box;}
	.swiper_main .ind_product .lm{ flex-wrap:wrap; margin:20px 0;}
	.swiper_main .ind_product .lm li{ width:48%; margin:0 1% 10px;}
	.swiper_main .ind_product .lm li a{ width:100%; font:normal 12px/30px Arial; height:30px; overflow:hidden;}
	.swiper_main .ind_product .list li{ width:32%; margin-right:2%}
	.swiper_main .ind_product .list li .img{ height:auto;}
	.swiper_main .ind_product .list li .con{ padding:5px;}
	.swiper_main .ind_product .list li .con h3{ height:30px; overflow:hidden; font:normal 14px/30px Arial;}
	.swiper_main .ind_product .list li .con p{ font:normal 12px/20px Arial;}
	
	.swiper_main .ind_news{ padding:0 10px; box-sizing:border-box;}
	.swiper_main .ind_news .list{ margin:20px 0 0;}
	.swiper_main .ind_news .list li{ width:49%; margin:0 2% 10px 0;}
	.swiper_main .ind_news .list li:nth-child(2n){ margin:0 0 10px;}
	.swiper_main .ind_news .list li .img{ height:110px;}
	.swiper_main .ind_news .list li .img img{ width:100%; height:100%;}
	.swiper_main .ind_news .list li .con{ padding:5px;}
	.swiper_main .ind_news .list li .con h3{ height:32px; margin-bottom:0; overflow:hidden;}
	.swiper_main .ind_news .list li .con p{ font:normal 12px/20px Arial; height:40px; overflow:hidden;}
	
	.swiper_main .ind_about{ padding:0 10px; box-sizing:border-box;}
	.swiper_main .ind_about .con{ width:100%; margin:20px 0; font:normal 14px/30px Arial;}
	.swiper_main .ind_about .more{ margin:0 auto;}
	
	.swiper_main .ind_contact{ padding:0 10px; box-sizing:border-box;}
	.swiper_main .ind_contact .box{ margin:20px 0; flex-wrap:wrap;}
	.swiper_main .ind_contact .box .l{ width:100%; padding:10px;}
	.swiper_main .ind_contact .box .l h3{ margin:0; font:bold 20px/30px Arial;}
	.swiper_main .ind_contact .box .l p{ font:normal 12px/20px Arial; margin-bottom:0;}
	.swiper_main .ind_contact .box .l p img{ height:20px;}
	.swiper_main .ind_contact .box .l .map{ margin-top:0;}
	.swiper_main .ind_contact .box .l .map #dituContent{ width:100%!important; height:200px!important;}
	.swiper_main .ind_contact .box .r{ display:none;}
	.swiper_main .ind_contact .footer{ font:normal 12px/20px Arial;}
	
	.ny_ban{ margin-top:50px;}
	
	.ny_solution .tit{ padding:26px 0 20px;}
	.ny_solution .tit h3{ font:bold 20px/30px Arial;}
	.ny_solution .tit span{ margin:8px auto 0;}
	
	.ny_solution .box1{ padding:0 10px;}
	.ny_solution .box1 ul{ flex-wrap:wrap; margin-bottom:20px;}
	.ny_solution .box1 ul li{ width:100%; margin-bottom:10px;}
	.ny_solution .box1 ul li div{ width:50px; float:left; margin-right:20px;}
	.ny_solution .box1 ul li h3{ height:50px; float:left; margin:0;}
	.ny_solution .box1 ul li p{ width:100%; float:left; font:normal 12px/20px Arial; text-align:left;}
	.ny_solution .box2{ padding:0 10px;}
	.ny_solution .box2 ul li{ flex-wrap:wrap; margin-bottom:20px;}
	.ny_solution .box2 ul li .img{ width:100%;}
	.ny_solution .box2 ul li .con{ width:100%; margin-right:0;}
	.ny_solution .box2 ul li .con h3{ font:normal 24px/36px Arial; margin-bottom:0;}
	.ny_solution .box2 ul li .con p{ font:normal 12px/20px Arial; margin-bottom:10px;}
	.ny_solution .box4{ padding:0 10px;}
	.ny_solution .box4 ul li{ width:49%; height:auto; margin:0 2% 10px 0;}
	.ny_solution .box4 ul li:nth-child(5n){ margin:0 2% 10px 0;}
	.ny_solution .box4 ul li:nth-child(2n){ margin:0 0 10px;}
	.ny_solution .box4 ul li div{ height:70px;}
	.ny_solution .box4 ul li div img{ width:100%; height:100%;}
	.ny_solution .box4 ul li h3{ font:normal 12px/30px Arial;}
	
	footer .foot1{ display:none;}
	footer .foot2{ padding:10px; font:normal 12px/20px Arial;}
	
	.ny_product .tit{ padding:26px 0 20px;}
	.ny_product .tit h3{ font:bold 20px/30px Arial;}
	.ny_product .tit span{ margin:8px auto 0;}
	
	.ny_product .box1{ padding:0 10px;}
	.ny_product .box1 .con{ font:normal 12px/20px Arial;}
	.ny_product .box2{ padding:0 10px;}
	.ny_product .box2 .box .lm{ flex-wrap:wrap;}
	.ny_product .box2 .box .lm li{ width:33.33%; height:46px; padding:7px 0; font:normal 12px/16px Arial;}
	.ny_product .box2 .box .list li{ padding:10px;}
	.ny_product .box2 .box .list li .img{ width:100%;}
	.ny_product .box2 .box .list li .con{ width:100%; margin:10px 0 0;}
	.ny_product .box3{ padding:0 10px;}
	.ny_product .box3 ul{ flex-wrap:wrap; margin-bottom:20px;}
	.ny_product .box3 ul li{ width:100%; margin-bottom:10px;}
	.ny_product .box3 ul li div{ width:50px; float:left; margin-right:20px;}
	.ny_product .box3 ul li h3{ height:50px; float:left; margin:0;}
	.ny_product .box3 ul li p{ width:100%; float:left; font:normal 12px/20px Arial; text-align:left;}
	.ny_product .box4{ padding:0 10px;}
	.ny_product .box4 .vid{ width:100%; margin:0 auto 20px;}
	.ny_product .box4 .vid iframe{ height:260px!important;}
	
	.ny_download .tit{ padding:26px 0 20px;}
	.ny_download .tit h3{ font:bold 20px/30px Arial;}
	.ny_download .tit span{ margin:8px auto 0;}
	
	.ny_download .box1{ padding:0 10px;}
	.ny_download .box1 ul{ flex-wrap:wrap;}
	.ny_download .box1 ul li{ width:49%; margin:0 2% 15px 0;}
	.ny_download .box1 ul li:nth-child(2n){ margin:0 0 15px;}
	.ny_download .box2{ padding:0 10px;}
	.ny_download .box2 ul li{ margin:0 2% 0 0;}
	.ny_download .box2 ul li:nth-child(3){ margin:0;}
	.ny_download .box2 ul li h4{ font:normal 12px/20px Arial;}
	.ny_download .box4{ padding:0 10px;}
	.ny_download .box4 .vid{ width:100%; margin:0 auto 20px;}
	.ny_download .box4 .vid iframe{ height:260px!important;}
	
	.ny_service .tit{ padding:26px 0 20px;}
	.ny_service .tit h3{ font:bold 20px/30px Arial;}
	.ny_service .tit span{ margin:8px auto 0;}
	
	.ny_service .box1{ padding:0 10px;}
	.ny_service .box1 .con{ font:normal 12px/20px Arial;}
	.ny_service .box2{ padding:0 10px;}
	.ny_service .box2 .box{ width:100%; margin:0;}
	.ny_service .box2 .box .inp{ height:30px; margin-bottom:10px; font:normal 14px/30px Arial;}
	.ny_service .box2 .box .text{ height:90px; font:normal 14px/30px Arial;}
	.ny_service .box2 .box h4{ font:normal 16px/26px Arial;}
	.ny_service .box2 .box div{ font:normal 14px/24px Arial;}
	.ny_service .box2 .box button{ width:60%; height:40px; font:bold 20px/40px Arial; margin:20px auto 30px;}
	
	.ny_news .lm{ height:40px; padding:0 10px;}
	.ny_news .lm ul{ display:none;}
	.ny_news .lm .lj{ font:normal 14px/40px Arial;}
	.ny_news .list{ margin:20px 10px;}
	.ny_news .list li{ width:100%; margin:0 0 10px;}
	.ny_news .list li:nth-child(4n){ margin:0 0 10px;}
	.ny_news .list li .img{ padding:5px; box-sizing:border-box; height:150px; text-align:center;}
	.ny_news .list li .img img{ display:inline-block; vertical-align:top;}
	.ny_news .list li .con{ padding:10px;}
	
	.ny_news_detail{ overflow:hidden; padding:0 10px; box-sizing:border-box;}
	.ny_news_detail .title{ margin-top:20px; font:bold 20px/30px Arial;}
	.ny_news_detail .infos{ font:normal 14px/24px Arial; margin:10px 0 20px;}
	.ny_news_detail .infos span{ margin:0 5px;}
	.ny_news_detail .con{ font:normal 12px/20px Arial;}
	
	.ny_news_detail .prev_next{ font:normal 14px/24px Arial;}
	.ny_news_detail .prev_next div span{ width:60px; height:24px; margin-right:10px;}
	
	.ny_about .tit{ padding:26px 0 20px;}
	.ny_about .tit h3{ font:bold 20px/30px Arial;}
	.ny_about .tit p{ font:normal 14px/24px Arial;}
	.ny_about .tit span{ margin:8px auto 0;}
	
	.ny_about .box2{ padding:0 10px;}
	.ny_about .box2 .con{ font:normal 12px/20px Arial; margin-bottom:20px;}
	.ny_about .box3{ padding:0 10px;}
	.ny_about .box3 .con{ font:normal 12px/20px Arial; margin-bottom:20px;}
	.ny_about .box4{ padding:10px; flex-wrap:wrap; margin-bottom:20px;}
	.ny_about .box4 .l{ width:100%;}
	.ny_about .box4 .r{ width:100%;}
	.ny_about .box4 .r .con{ width:100%; padding:0;}
	.ny_about .box4 .r .con h3{ font:bold 20px/30px Arial;}
	.ny_about .box4 .r .con p{ font:normal 14px/24px Arial;}
	.ny_about .box5{ padding:0 10px; margin-bottom:20px;}
	.ny_about .box5 li{ padding:10px; margin-bottom:10px;}
	.ny_about .box5 li h3{ font:bold 20px/30px Arial; margin:10px 0 0;}
	.ny_about .box5 li p{ font:normal 14px/24px Arial;}
	.ny_about .box5 li p span{ font:normal 14px/24px Arial;}
	.ny_about .box6{ padding:0 10px;}
	.ny_about .box6 ul li{ flex-wrap:wrap;}
	.ny_about .box6 ul li .con{ width:100%; margin:0;}
	.ny_about .box6 ul li .con h3{ font:normal 20px/30px Arial;}
	.ny_about .box6 ul li .con span{ margin:5px;}
	.ny_about .box6 ul li .con p{ font:normal 14px/24px Arial;}
	.ny_about .box6 ul li:nth-child(2n) .con{ margin:0;}
	
	.ny_history .tit{ padding:26px 0 20px;}
	.ny_history .tit h3{ font:bold 20px/30px Arial;}
	.ny_history .tit span{ margin:8px auto 0;}
	.ny_history .box1{ padding:0 10px;}
	.ny_history .box1 .box{ margin-bottom:30px;}
	.ny_history .box1 .box dl{ width:100%; height:auto; flex-direction:row; margin-bottom:15px;}
	.ny_history .box1 .box dl dd{ margin:0 0 0 20px;}
	.ny_history .box1 .box dl dd .img{ margin-bottom:10px;}
	.ny_history .box1 .box dl dd .con{ font:normal 14px/24px Arial;}
	.ny_history .box1 .box:after{ height:calc(100% - 200px); left:32px;}
	
	.ny_culture{ padding:0 10px;}
	.ny_culture .tit{ padding:26px 0 20px;}
	.ny_culture .tit h3{ font:bold 20px/30px Arial;}
	.ny_culture .tit span{ margin:8px auto 0;}
	.ny_culture .con{ font:normal 14px/28px Arial;}
	.ny_culture .list li{ width:100%!important;}
	.ny_culture .list li .con{ padding:10px;}
	
	.ny_jobs{ padding:0 10px;}
	.ny_jobs .tit{ padding:26px 0 20px;}
	.ny_jobs .tit h3{ font:bold 20px/30px Arial;}
	.ny_jobs .tit span{ margin:8px auto 0;}
	.ny_jobs .con{ font:normal 14px/24px Arial;}
	.ny_jobs .list li{ padding:10px; margin-bottom:20px;}
	.ny_jobs .list li>h3{ font:bold 16px/30px Arial;}
	.ny_jobs .list li>h3 span{ margin:7px 0;}
	.ny_jobs .list li>p{ font:normal 14px/24px Arial;}
	.ny_jobs .list li.on>.con{ font:normal 12px/20px Arial;}
	.ny_jobs .list li>.con .btn{ width:60%; margin:20px auto; height:50px; font:normal 20px/50px Arial;}
	
	.ny_contact .box1{ padding:10px; flex-wrap:wrap; margin:0;}
	.ny_contact .box1 .con{ width:100%; padding:10px 0;}
	.ny_contact .box1 .con h3{ font:bold 20px/30px Arial; margin-bottom:10px;}
	.ny_contact .box1 .con p{ font:normal 12px/22px Arial; margin-bottom:5px;}
	.ny_contact .list{ margin:10px;}
	.ny_contact .list li{ width:100%; height:auto; padding:10px;}
	.ny_contact .list li h3{ font:bold 20px/30px Arial; margin-bottom:10px;}
	.ny_contact .list li p{ font:normal 12px/22px Arial; margin-bottom:5px;}
	.ny_contact .box2 #dituContent{ height:360px!important;}
	.ny_contact .box3{ padding:0 10px;}
	.ny_contact .tit{ padding:26px 0 20px;}
	.ny_contact .tit h3{ font:bold 20px/30px Arial;}
	.ny_contact .tit span{ margin:8px auto 0;}
	.ny_contact .box3 ul li h4{ font:normal 12px/20px Arial;}
	.ny_contact .box3 ul li{ margin:0 20px;}
	.ny_contact .box3 ul.ul3{ flex-wrap:wrap;}
	.ny_contact .box3 ul.ul3 li{ width:32%; margin:0 2% 2% 0;}
	.ny_contact .box3 ul.ul3 li:nth-child(3n){ margin:0 0 2%;}
	
	.ny_honor{ padding:0 10px;}
	.ny_honor .tit{ padding:26px 0 20px;}
	.ny_honor .tit h3{ font:bold 20px/30px Arial;}
	.ny_honor .tit span{ margin:8px auto 0;}
	.ny_honor .con{ font:normal 14px/24px Arial;}
	.ny_honor .list li{ width:49%; margin:0 2% 2% 0;}
	.ny_honor .list li:nth-child(3n){ margin:0 2% 2% 0;}
	.ny_honor .list li:nth-child(2n){ margin:0 0 2%;}
	
	
	
	
	
}