/* CSS Document */
@charset "utf-8";
body{ margin:0; padding:0; font-family:"微软雅黑"; 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%; outline:none;}
.clear{ clear:both;}
.w1200{ width:1200px; margin:0 auto;}
header{ width:100%;position:fixed; z-index:11; left:0; top:0;transition:all .5s;background:rgba(33,155,230,0.1); display:flex; justify-content:space-between;}
header .logo{ width:29.4375%; margin:13px 0 13px 1%; display:flex; justify-content:space-between; align-items:center;}/*450px*/
header .logo a{ display:block;width:calc(100% - 170px);height:34px; background:url(../images/logo.png) no-repeat left center; background-size:contain;}/*280px*/
header .logo span{ display:block; width:570px; height:24px; margin-top:5px; font-size:12px; line-height:24px; color:#ffffff;}
header .logo span i{ display:block;}
header .menu{ width:50.35%; display:flex; justify-content:space-between;}/*890px*/
header .menu>li{ height:60px; padding:13px 0; box-sizing:border-box; font:normal 16px/34px "Arial";}
header .menu>li>a{ color:#ffffff; display:block; height:34px;}
header .menu>li:hover>a{ border-bottom:2px solid #219be6;}
header .menu>li.on>a{ border-bottom:2px solid #219be6;}
header .yy{ float:right; margin:13px 4% 13px 0;}
header .yy>span{ float:left; margin:9px 0;background: url(../images/index_03.png);width: 16px;height: 16px;display: block}
header .yy div{ float:left; height:16px; margin:9px 0; background:none; border:0; padding:0 8px; color:#ffffff; outline:none; -webkit-appearance: none; }
header .yy div span{position: relative;cursor: pointer;display: inline-block;}
header .yy div ul{color: #1b1b1b; font-size:1.4rem;display: none;line-height: 16px;position: absolute;z-index: 999;background-color: #FFFFFF;text-align: center;transform:translateX(-30%);box-shadow:0px 0px 10px #1b1b1b;margin-top: 10pxl;}
header .yy div ul.on{display: block}
header .yy div ul li{padding: 10px 20px;cursor: pointer;font-size: 14px;}
header .yy div ul li:hover{background: rgb(30,144,255);color: #FFFFFF}
header .menu>li>.cen{position: fixed;z-index:9;right: 0;left: 0; top:60px;opacity: 0;height: 0;transition: all .5s;overflow: hidden;background-color: #FFFFFF; padding:0 1.5625%;}
header .menu>li>.cen .l{width:18.75%;border-right: 1px solid #dddddd;float: left; padding-right:20px; box-sizing:border-box;}
header .menu>li>.cen .l h3{font: normal 22px/36px '微软雅黑';color: #474747;margin-bottom: 18px;}
header .menu>li>.cen .l span{font: normal 16px/20px '微软雅黑';color: #474747;}
header .menu>li>.cen .l a{font-size: 14px;color: #1b1b1b;display: block;margin-top: 70px;line-height: 12px;}
header .menu>li>.cen .r{ width:79.68%; float:right; padding-left:50px; box-sizing:border-box;}
header .menu>li>.cen .r ul{ display:flex;}
header .menu>li>.cen .r ul li:not(:last-child){ margin-right:2.69%;}
header .menu>li>.cen .r ul li .img{display: flex;justify-content: center;}
header .menu>li>.cen .r li .tit{ height:50px;font: normal 12px/22px '微软雅黑';letter-spacing: 1px;margin: 10px 0;display: block;text-align: center;color: #474747}
header .menu>li>.cen .r li:hover .tit{color: #219be6;border-bottom: 2px solid #219be6;}
header .menu li:hover .cen{opacity: 1;height:auto; padding:35px 1.5625%;}

header.on{background: #FFFFFF;}
header.on .menu li>a{color: #1b1b1b}
header.on .logo a{background: url(../images/logo2.png) no-repeat left center; background-size:contain;}
header.on .logo i{color: #474747}
header.on .yy>span{background: url(../images/map.png) ;}
header.on .yy div span{color: #1b1b1b}
.ny_ban {overflow: hidden;}
.ny_ban  img{ margin: 0 auto; width: 100%;}

.ind_ban{ position:relative;width: 100%}
.ind_ban .sw1 .swiper-slide-active img{ transform:scale(1.05); transition:ease-in-out 8s;}
.ind_ban .sw1 .swiper-slide{ overflow: hidden;}
.ind_ban .sw1 .swiper-slide .img img{ margin: 0 auto; width: 100%;}
.ind_ban .sw1 .swiper-slide .con{ position:absolute; left:50%; top:50%; transform:translate(-600px,-50%); color:#ffffff;}
.ind_ban .sw1 .swiper-slide .con h3{ font:bold 40px/80px "微软雅黑";}
.ind_ban .sw1 .swiper-slide .con p{ font:normal 20px/60px "微软雅黑";}
.ind_ban .sw1 .swiper-slide .con a{ display:block; margin:24px 0; font:normal 15px/20px "微软雅黑"; color:#ffffff;}
.ind_ban .sw1 .swiper-slide .con a img{ display:inline-block; vertical-align:top; margin-right:10px;}
.ind_ban .sw1 .swiper-pagination{ z-index:2; top:auto!important; bottom:60px!important;}
.ind_ban .sw1 .swiper-pagination .swiper-pagination-bullet{ width:200px!important; height:30px!important; margin:0!important; vertical-align:top; background:none; outline:none; opacity:1;}
.ind_ban .sw1 .swiper-pagination .swiper-pagination-bullet span{ background:#ffffff; display:block; width:10px; height:10px; margin:10px auto; border-radius:5px; overflow:hidden; text-indent:10px; font:bold 12px/30px "微软雅黑"; color:#ffffff;}
.ind_ban .sw1 .swiper-pagination .swiper-pagination-bullet-active span{ width:100%; height:100%; margin:0; background:none; border:1px solid #ffffff; box-sizing:border-box; border-radius:15px; text-indent:0;}
.ind_ban .sw1 #sw1_line{ position:absolute; z-index:1; left:0; bottom:60px; width:100%; height:15px;}
.ind_ban .sw1 #sw1_line>div{ width:100%; height:1px; background:#ffffff; position:absolute; top:0;}
.ind_ban .sw1 #sw1_line>div.l{ left:0; transition:width 0.3s;}
.ind_ban .sw1 #sw1_line>div.r{ right:0; transition:width 0.3s;}
.ind_ban .sw1 #sw1_line.line1 .l{ width:calc((100% - 1000px)/2);}
.ind_ban .sw1 #sw1_line.line1 .r{ width:calc(((100% - 1000px)/2) + 800px);}
.ind_ban .sw1 #sw1_line.line2 .l{ width:calc(((100% - 1000px)/2) + 200px);}
.ind_ban .sw1 #sw1_line.line2 .r{ width:calc(((100% - 1000px)/2) + 600px);}
.ind_ban .sw1 #sw1_line.line3 .l{ width:calc(((100% - 1000px)/2) + 400px);}
.ind_ban .sw1 #sw1_line.line3 .r{ width:calc(((100% - 1000px)/2) + 400px);}
.ind_ban .sw1 #sw1_line.line4 .l{ width:calc(((100% - 1000px)/2) + 600px);}
.ind_ban .sw1 #sw1_line.line4 .r{ width:calc(((100% - 1000px)/2) + 200px);}
.ind_ban .sw1 #sw1_line.line5 .l{ width:calc(((100% - 1000px)/2) + 800px);}
.ind_ban .sw1 #sw1_line.line5 .r{ width:calc((100% - 1000px)/2);}
.ind_ban .sw1 #sw1_line.line6 .l{ width:calc((100% - 1000px)/2);}/*循环到第一个*/
.ind_ban .sw1 #sw1_line.line6 .r{ width:calc(((100% - 1000px)/2) + 800px);}

.advertising {position: fixed;z-index: 99999;width: 100%;height: 100%;background: rgba(4,4,4,0.7);transition: all 1s}
/*.advertising:hover .img{width: 1200px;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}*/
.advertising .img{width: 1200px;position: absolute;top:-50%;left: 50%;transform: translate(-50%,-50%);transition: all 1s}
.advertising .on{width: 1200px;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.advertising img{width: 100%;}
.advertising .close{background-color: #FFFFFF;border-radius: 50%;width: 20px;text-align: center;height: 20px;line-height: 18px;top: -10px;right: -10px;position: absolute;opacity: unset;cursor: pointer}

.ny_lj{box-shadow: rgb(0 0 0 / 5%) -2px 1px 10px;}
.ny_lj span{float: right;margin: 15px 0;font: normal 14px/20px "微软雅黑";color: #919191;}
.ny_lj span img{display: inline-block;vertical-align: top;margin-right: 10px;}
.ny_lj span a{ color:#919191;}
.ny_lj em.on {border-bottom: 2px solid #219be6;box-sizing: border-box;position: relative;}
.ny_lj em {display: inline-block;vertical-align: top;font: normal 14px/50px "微软雅黑";margin-right: 46px;}

.ind_tit{ text-align:center; padding:70px 0 40px;}
.ind_tit h3{ font:normal 26px/40px "微软雅黑"; color:#222222;}
.ind_tit p{ font:normal 14px/28px "微软雅黑"; color:#7c7c7c;}
.ind_tit span{ display:block; width:35px; height:1px; margin:0 auto; background:#7c7c7c;}

.ny_page{margin: 60px auto 100px;text-align: center}
.ny_page img{display: inline-block}

.ind_about{ background:#f7f8fa url(../images/index_10.jpg) no-repeat center bottom;width: 100%;}
.ind_about .sw2 .swiper-slide{ width:1200px; transition:0.5s;margin:0 10px}
.ind_about .sw2 .swiper-slide .box1{ width:1200px; position:relative; opacity:0.2;display:flex;}
.ind_about .sw2 .swiper-slide .box1 .l{ width:560px; background:#006FB1; padding:40px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:center; font:normal 14px/24px "Arial";height: 414px; color:#ffffff;text-align: justify}
.ind_about .sw2 .swiper-slide .box1 .r{ width:640px;}
.ind_about .sw2 .swiper-slide .box2{ width:1200px; position:relative; left:50%; transform:translateX(-50%); padding:110px 0 90px; display:flex; justify-content:space-between; display:none;}
.ind_about .sw2 .swiper-slide .box2 li{ width:270px; text-align:center;}
.ind_about .sw2 .swiper-slide .box2 li div{ width:52px; height:52px; margin:0 auto 30px;}
.ind_about .sw2 .swiper-slide .box2 li h3 span{ display:inline-block; font:normal 50px/60px "微软雅黑";}
.ind_about .sw2 .swiper-slide .box2 li h3 em{ display:inline-block; vertical-align:bottom; font:normal 16px/16px "微软雅黑"; text-align:center; margin-left:10px;}
.ind_about .sw2 .swiper-slide .box2 li p{ font:normal 16px/30px "微软雅黑"; text-align:center; margin-top:16px;}
.ind_about .sw2 .swiper-slide .box2 li:hover div{ background-position:left bottom;}
.ind_about .sw2 .swiper-slide-active .box1{ opacity:1;}
/*.ind_about .sw2 .swiper-slide-active .box1{ z-index:8; left:50%; transform:translateX(-50%);}
.ind_about .sw2 .swiper-slide-prev:after{ content:''; width:100%; height:100%; background:rgba(173,204,255,0.7); position:absolute; left:0; top:0;}
.ind_about .sw2 .swiper-slide-prev .box1{ left:100%; transform:translateX(-100%);}
.ind_about .sw2 .swiper-slide-next:after{ content:''; width:100%; height:100%; background:rgba(173,204,255,0.7); position:absolute; left:0; top:0;}
.ind_about .sw2 .swiper-slide-next .box1{ left:0; transform:translateX(0);}*/
.ind_about .sw2 .swiper-slide-active .box2{ display:flex;}
.ind_about .swiper-button-next{background-image: url(../images/index_30.png);right: 110px;}
.ind_about .swiper-button-next:hover{background-image: url(../images/index_31_2.png);right: 110px;}
.ind_about .swiper-button-prev{background-image: url(../images/index_30_2.png);left: 110px;}
.ind_about .swiper-button-prev:hover{background-image: url(../images/index_31.png);left: 110px;}
.ind_about .swiper-button-next,.ind_about .swiper-button-prev{width: 38px;height: 16px;background-size: 38px 16px;top: 30%;}

.ind_product{width: 100%}
.ind_product .box{ position:relative; margin:60px auto 100px; overflow:hidden;}
.ind_product .box .swbp3{ width:17px; height:28px; background:url(../images/index_27.jpg); left:50%; transform:translateX(-630px);}
.ind_product .box .swbn3{ width:17px; height:28px; background:url(../images/index_28.jpg); right:50%; transform:translateX(630px);}
.ind_product .box .sw3 .swiper-slide{ text-align:center;}
.ind_product .box .sw3 .swiper-slide .img{ height:300px; margin-bottom:20px;}
.ind_product .box .sw3 .swiper-slide h3{ font:normal 18px/36px "微软雅黑";}
.ind_product .box .sw3 .swiper-slide p{ font:normal 14px/28px "微软雅黑";}
.ind_product .box .sw3 .swiper-slide .btn{ display:block; width:120px; height:30px; margin:50px auto 0; border:1px solid #1b1b1b; font:normal 14px/30px "微软雅黑";padding: unset;border-radius:unset;}
.ind_product .box .sw3 .swiper-slide .btn:hover{ border:1px solid #219be6; color:#219be6;}
.ind_product .box .swiper-button-next,.ind_product .box .swiper-button-prev{top:30%;}


.ind_solution{ background:#f7f8fa; overflow:hidden;width: 100%}
.ind_solution .box{ margin-bottom:100px;}
.ind_solution .box ul{ overflow:hidden;}
.ind_solution .box ul li{ float:left; margin-bottom:20px; position:relative;}
.ind_solution .box ul li .con{ position:absolute; width:100%; height:100%; left:0; top:0; color:#ffffff;}
.ind_solution .box ul li .con h3{ font:bold 32px/60px "微软雅黑";color: #FFFFFF}
.ind_solution .box ul li .con p{ font:normal 16px/42px "微软雅黑";color: #FFFFFF}
.ind_solution .box ul li .con:after{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.2);}
.ind_solution .box ul li .con .con1{ position:absolute; z-index:1; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; transition:0.3s;}
.ind_solution .box ul li .con .con2{ position:absolute; z-index:1; width:100%; height:100%; padding:30px; box-sizing:border-box; display:flex; flex-direction:column; justify-content:flex-end; opacity:0; transition: all .5s}
.ind_solution .box ul li .con .con2 h3{ font-style:italic;color: #FFFFFF}
.ind_solution .box ul li .con .con2 h3 .btn{ float:right; margin-top:22px;color: #FFFFFF}
.ind_solution .box ul li:nth-child(2n){ margin-right:20px;}
.ind_solution .box ul li:hover .con1{ opacity:0;}
.ind_solution .box ul li:hover .con2{ opacity:1;}
.ind_solution .box ul li .img{overflow: hidden;position: relative}
.ind_solution .box ul li .img img{width: 100%;height: 100%;}
.ind_solution .box ul li .img img:nth-child(1){transition: opacity 1s cubic-bezier(0.25,0.46,0.45,0.94);}
.ind_solution .box ul li .img img:nth-child(2){opacity: 0;position: absolute;top: 0;left: 0;transition: all .5s}
.ind_solution .box ul li:hover .img img:nth-child(2){opacity: 1}
.ind_solution .box ul li:hover .img img:nth-child(1){opacity: 0}

.ind_case{ overflow:hidden; background:url(../images/index_40.jpg) no-repeat center;width: 100%}
.ind_case .box{ margin-bottom:100px;}
.ind_case .box .sw4 .swiper-slide{ transition:0.3s; height:420px; padding-bottom:170px; transition:0.3s;}
.ind_case .box .sw4 .swiper-slide .img{ width:533px; height:320px; position:relative; margin-top:50px; border-radius:10px; overflow:hidden;}
.ind_case .box .sw4 .swiper-slide .con{ display:none; text-align:center; margin-top:445px;}
.ind_case .box .sw4 .swiper-slide .con h3{ font:normal 18px/34px "微软雅黑";}
.ind_case .box .sw4 .swiper-slide .con p{ font:normal 14px/30px "微软雅黑";}
.ind_case .box .sw4 .swiper-slide .con .btn{ padding: unset;display:block; width:150px; height:32px; margin:50px auto 0; background:#219be6; border-radius:10px 0 10px 0; font:normal 14px/32px "微软雅黑"; color:#ffffff;}
.ind_case .box .sw4 .swiper-slide-active .img{ width:700px; height:420px; position:absolute; z-index:8; left:50%; transform:translateX(-50%); margin-top:0; box-shadow:0 5px 5px #cccccc;}
.ind_case .box .sw4 .swiper-slide-active .img img{animation:mymove 2s;transition:all .5s}
.ind_case .box .sw4 .swiper-slide-active .img:hover img{transform: scale(1.05)}

@keyframes mymove
{
    0%{transform: scale(1);  /*开始为原始大小*/}
    75%{transform: scale(1.05);}
}

/*.ind_case .box .sw4 .swiper-slide-active .img:hover img{transform: scale(1.3);}*/
.ind_case .box .sw4 .swiper-slide-active .con{ display:block;}
.ind_case .box .sw4 .swiper-slide-next .img{ transform:translateX(-133px);}
.ind_case .box .swiper-container{padding-bottom: 180px}
.ind_case .box .swbn4,.ind_case .box .swbp4{width: calc(33.33% - ((700px - 33.33%) / 2));right: 0;height: 100%;top: 15%;height: 50%;background: unset;}

.ind_news{ background:#f7f8fa; overflow:hidden;width: 100%}
.ind_news .tit{  padding:0 10px; margin-bottom:25px; font:bold 20px/20px "微软雅黑";}
.ind_news .tit a{ float:right; font:normal 14px/20px "微软雅黑";color: #219be6;}
.ind_news .box{ background:#ffffff; overflow:hidden; padding:20px 15px;}
.ind_news .l{ width:580px; float:left; margin:40px 0 100px;}
.ind_news .l .box li{ position:relative;}
.ind_news .l .box li:not(:last-child){ margin-bottom:20px;}
.ind_news .l .box li .con{position:absolute; z-index:2; left:0; bottom:0; width:100%; background: url(../images/index_50.png);background-size: cover;  color:#ffffff; padding:10px 10px 10px; box-sizing:border-box;}
.ind_news .l .box li .con h3{ font:normal 16px/28px "微软雅黑";}
.ind_news .l .box li .con span{ font:normal 14px/20px "微软雅黑";}
.ind_news .l .box li .con p{ font:normal 14px/20px "微软雅黑";display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden}
.ind_news .r{ width:580px; float:right; margin:40px 0 100px;}
.ind_news .r .box li{ width:266px; position:relative; float:left;}
.ind_news .r .box li .con{ position:absolute; z-index:2; left:0; bottom:0; width:100%; background:rgba(27,27,27,0.7); color:#ffffff; padding:20px 20px 10px; box-sizing:border-box;}
.ind_news .r .box li .con h3{ font:normal 16px/20px "微软雅黑";}
.ind_news .r .box li .con span{ font:normal 14px/20px "微软雅黑";}
.ind_news .r .box li .con p{ font:normal 14px/20px "微软雅黑";display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden}
.ind_news .r .box li .img{height: 280px}
.ind_news .r .box li:not(:last-child){ margin-bottom:20px;}
.ind_news .r .box li:first-child{ margin-right:18px;}
.ind_news .r .box li:first-child .con{ position:static; background:none; color:#a0a0a0; padding:20px 0 0;}
.ind_news .r .box li:first-child .con h3{ color:#222222;}
.ind_news .box li .con p{opacity: 0;height: 0;}
.ind_news .box li:hover .con p{height: 100%;opacity: 1}
.ind_news .r .box li:nth-child(1) .con p{height: 100%;opacity: 1}

.ind_customer{background: url(../images/index_60.jpg) no-repeat center;width: 100%}
.ind_customer .ind_tit h3{color: #FFFFFF}
.ind_customer .ind_tit p{color: #FFFFFF}
.ind_customer .ind_tit span{background: #FFFFFF}
.ind_customer ul{ width:calc(100% + 30px); padding:40px 0 60px; display:flex; flex-wrap:wrap; justify-content:space-between;}
.ind_customer ul li{ margin:0 30px 30px 0;}

.ny_about .ny_tit{padding: 120px 0 70px; text-align:center;}
.ny_about .ny_tit h3{ font:normal 30px/40px "微软雅黑";padding: 0 0 10px 0;}
.ny_about .ny_tit p{ font:normal 14px/26px "微软雅黑"; color:#7c7c7c;}
.ny_about .ny_tit span{ display: block; width: 35px; height: 1px; margin: 0 auto; background: #7c7c7c;}
.ny_about .box1{margin-bottom: 100px;}
.ny_about .box1 .con{font: normal 14px/32px '微软雅黑';color: #1b1b1b;}
.ny_about .box1 .sw1 .swiper-pagination-bullet{ width:27px; height:4px; background:#ffffff; opacity:1; border-radius:2px; text-indent:100px; overflow:hidden; vertical-align:middle;}
.ny_about .box1 .sw1 .swiper-pagination-bullet-active{ width:36px; height:20px; border-radius:10px; text-indent:inherit; text-align:center; font:normal italic 14px/20px "微软雅黑"; color:#219be6;}
.ny_about .box2{background: url( ../images/about2_01.png) no-repeat center top;}
.ny_about .box2 .ny_tit{ padding:120px 0 30px;}
.ny_about .box2 .ny_tit h3{color: #FFFFFF}
.ny_about .box2 .ny_tit p{color: #FFFFFF}
.ny_about .box2 .ny_tit span{ background:#ffffff;}
.ny_about .box2 .gallery-top{ width:50%; margin:0 auto 110px;}
.ny_about .box2 .gallery-top .swiper-slide h3{ font:normal 16px/32px "微软雅黑"; color:#ffffff;}
.ny_about .box2 .gallery-top .swiper-slide span{ display:block; width:24px; height:24px; background:rgba(255,255,255,0.3); border-radius:50%;}
.ny_about .box2 .gallery-thumbs{ padding:30px 0 80px;}
.ny_about .box2 .gallery-thumbs .swiper-slide{ width:auto;}
.ny_about .box2 .gallery-thumbs .swiper-slide .box{ width:230px; float:left; margin-right:60px;}
.ny_about .box2 .gallery-thumbs .swiper-slide .box h3{ font:bold italic 24px/40px "微软雅黑"; border-bottom:1px solid #dadada;}
.ny_about .box2 .gallery-thumbs .swiper-slide .box h4{ margin:10px 10px 0; font:bold italic 18px/36px "微软雅黑"; color:#474747;}
.ny_about .box2 .gallery-thumbs .swiper-slide .box div{ padding:0 10px; font:normal 14px/32px "微软雅黑"; color:#474747;}

.ny_about .box3{background-color: #f7f8fa;}
.ny_about .box3 .con{display: flex;padding-bottom: 80px;}
.ny_about .box3 .con .l{width: 320px;}
.ny_about .box3 .con .l h3{font: bold 24px/36px '微软雅黑';letter-spacing: 1px;color: #222222;font-style: italic;margin-bottom: 10px;}
.ny_about .box3 .con .l div{font: normal 14px/32px '微软雅黑';color: #474747;}
.ny_about .box3 .con .r{display: inline-block;}
.ny_about .box3 .con .r ul{display: flex}
.ny_about .box3 .con .r ul li{float: left;margin-right: 20px;}
.ny_about .box4{margin-bottom: 100px;}

.ny_about2{background: url(../images/about_5.png)}
.ny_about2 .ind_tit{padding: 130px 0 100px;display: flex;justify-content: center}
.ny_about2 .con{padding:  0 0 100px}

.ny_about3 .ind_tit{padding: 130px  0 80px;}
.ny_about3 .con{width: 1200px;height: 340px;position: relative;display: flex;align-items: center;margin-bottom: 80px;}
.ny_about3 .con:nth-last-child(1){margin-bottom: 100px;}
.ny_about3 .con .l{width: 720px;height: 178px;border: solid 1px #dddddd;padding: 40px 60px 0;}
.ny_about3 .con .l h3{font: normal 30px '微软雅黑';letter-spacing: 1px;color: #222222;margin-bottom: 15px;position: relative}
.ny_about3 .con .l h3:after{content: '';height: 30px;width: 3px;background-color: #219be6;position: absolute;line-height: 40px;top: 5px;left: -60px;}
.ny_about3 .con .l span{font: normal 14px/32px '微软雅黑';color: #1b1b1b}
.ny_about3 .con .r{position: absolute;right: 0;top: 0}

.ny_about4 .ind_tit{padding: 80px 0;}
.ny_about4 .lm{padding: 130px 0 0}
.ny_about4 .lm ul{display: flex;flex-wrap: wrap;justify-content: center;}
.ny_about4 .lm ul li{width: 230px;height: 50px;border: solid 1px #dddddd;text-align: center;margin-right: 20px;}
.ny_about4 .lm ul li a{font: normal 16px/50px '微软雅黑';color: #1b1b1b}
.ny_about4 .lm ul li.on{background-color: #219be6;}
.ny_about4 .lm ul li.on a{color: #FFFFFF}
.ny_about4 .con ul{display: flex;flex-wrap: wrap;}
.ny_about4 .con ul li{margin:0 30px 40px 0;}
.ny_about4 .con ul li:nth-child(6n){margin-right: unset}

.ny_product .ind_tit{padding: 130px 0 80px;}
.ny_product .con ul{display: flex;flex-wrap: wrap;justify-content:flex-start;align-items: flex-start;}
.ny_product .con ul li{margin-bottom: 40px;border: solid 1px #dddddd;width: 380px}
/*.ny_product .con ul li:nth-last-child(-n+3){margin-bottom: unset}*/
.ny_product .con ul li .tit{text-align: center;}
.ny_product .con ul li .tit span{font-size: 18px;color: #1b1b1b;padding: 30px 0;display: inline-block}
.ny_product .con ul li .tit div{transition: all .5s;opacity: 0;height: 0}
.ny_product .con ul li:hover{box-shadow: 0px 4px 8px 0px rgba(82, 82, 82, 0.2);}
.ny_product .con ul li:hover .tit span{color: #219be6}
.ny_product .con ul li:hover .tit div{font: normal 14px '微软雅黑';color: #1b1b1b;padding: 20px 0 30px;border-top: 1px solid #dedede;width: 96%;margin: 0 auto;opacity: 1;height: 100%}

.ny_product_detail .tit{padding: 130px 0 100px;background-color: #f7f8fa;}
.ny_product_detail .tit .l{width: 680px;height: 420px;display: inline-block;}
.ny_product_detail .tit .r{float: right;width: 520px;height: 420px;}
.ny_product_detail .tit .r div{font: Bold 24px/42px '微软雅黑'; color: #1b1b1b;margin: 70px 0 0 100px;}
.ny_product_detail .tit .r h3{font: bold 30px '微软雅黑';margin-bottom: 40px;}
.ny_product_detail .tit .r div span{color: #219be6;}
.ny_product_detail .con .con_tit{border-bottom: 1px solid #dedede;margin-top: 60px}
.ny_product_detail .con .con_tit ul{display: flex;}
.ny_product_detail .con .con_tit ul li{padding: 20px 40px;font: bold 18px '微软雅黑';color: #1b1b1b; cursor:pointer;}
.ny_product_detail .con .con_tit ul li.on{border-bottom: 2px solid #219be6;}
.ny_product_detail .con .con_des{ font:normal 14px/30px "微软雅黑"; padding:20px 0; min-height:300px;}
.ny_product_detail .con .con_des table{text-align: center;margin: 40px auto 80px;border: 1px solid #dddddd;word-wrap:break-word; word-break:break-all;border-collapse: collapse;}
.ny_product_detail .con .con_des table td{padding: 10px;border: 1px solid #dddddd;display: table-cell; vertical-align: inherit; box-sizing: border-box;font: normal 14px/22px '微软雅黑';}
.ny_product_detail .con .con_foot ul{margin: 40px 0 100px;}
.ny_product_detail .con .con_foot h3{font: normal 30px '微软雅黑';letter-spacing: 1px;color: #222222;}
.ny_product_detail .con .con_foot li{border: 1px solid #dddddd;margin-bottom: 20px;display: flex;}
.ny_product_detail .con .con_foot li div{display: flex;align-items: center;justify-content: center}
.ny_product_detail .con .con_foot li:nth-last-child(1){margin-bottom: unset}
.ny_product_detail .con .con_foot li div:nth-child(1){display: flex;align-items: center;padding:15px 0;width: 290px}
.ny_product_detail .con .con_foot li div:nth-child(2){font: normal 18px/36px '微软雅黑';color: #1b1b1b;width: 260px}
.ny_product_detail .con .con_foot li div:nth-child(3){font: normal 14px/36px '微软雅黑';color: #474747;width: 470px}
.ny_product_detail .con .con_foot li div:nth-child(4){display: flex;flex-direction: column;justify-content: space-evenly;}
.ny_product_detail .con .con_foot li div:nth-child(4) a{ display:block; width:100px; height:36px; border:1px solid #dddddd; border-radius:18px; font:normal 14px/36px "微软雅黑"; text-align:center;}
.ny_product_detail .con .con_foot li div:nth-child(4) a:hover{color: #ffffff;background-color:#219be6; border:1px solid #219be6;}

footer{ padding:100px 0 0;background: #F7F8FA;width: 100%}
footer .foot1{padding:0 0 15px; border-bottom:1px solid #b0b0b0; overflow:hidden;}
footer .foot1 dl{ float:left;margin-right: 20px}
footer .foot1 dl dt{font: normal 16px/19px 'Arial';margin-bottom: 18px;}
footer .foot1 dl dd{font: normal 14px/32px 'Arial';color: #525252;letter-spacing: 0}
footer .foot1 dl:nth-child(4) dt{margin-bottom: 38px;text-align: center}
footer .foot1 dl:nth-child(5){float: right;margin-right: 0;line-height: 293px;}
footer .foot1 dl:nth-child(5) dd span{font: normal 20px/19px '微软雅黑'; letter-spacing: 2px;color: #525252;margin-right: 45px}
footer .foot1 dl:nth-child(5) dd:nth-child(1){margin:90px 0 100px 0;}
footer .foot1 .fx{ float:right;}
footer .foot1 .fx ul{display: flex;justify-content: space-between;width: 240px;}
footer .foot2{ text-align:center; font:normal 14px/30px "微软雅黑"; padding:20px 0 30px;}
footer .foot3{ width: 60px;position: fixed;z-index: 999;top: 35%;right: 10px;}
footer .foot3 ul li{width:60px;background-color: #ffffff;border: solid 1px #dddddd;position: relative;cursor: pointer;margin-bottom: 1px;}
footer .foot3 ul li em{width: 30;height:30px;display: block;margin: 0 auto;}
footer .foot3 ul li span{text-align: center;color: #1b1b1b;font-size:12px;display: block;margin-bottom: 2px}
footer .foot3 ul li div{color:#3e3e3e;position: absolute;z-index: 2;top: 0;right:65px;border: 1px solid #d8d8d8;border-top: 5px solid #219be6;padding:10px;font: normal 16px/32px "微软雅黑";background: #FFF;display: none;}
footer .foot3 ul li:nth-child(1) em{background: url(../images/qq.png) no-repeat center center;}
footer .foot3 ul li:nth-child(2) em{background: url(../images/message.png) no-repeat center center;}
footer .foot3 ul li:nth-child(3) em{background: url(../images/phone.png) no-repeat center center;}
footer .foot3 ul li:nth-child(4) em{background: url(../images/wx.png) no-repeat center center;}
footer .foot3 ul li:nth-child(5) em{background: url(../images/erwm.png) no-repeat center center;}
footer .foot3 ul li:nth-child(6) em{background: url(../images/lingying.png) no-repeat center center;}
footer .foot3 ul li:nth-child(7) em{background: url(../images/top.png) no-repeat center center;}
/*footer .foot3 ul li:hover div{display: inline-block;display: flex;align-items: center;justify-content: center}*/
footer .foot3 ul li:nth-child(1) div{width: 160px;}
footer .foot3 ul li:nth-child(3) div,footer .foot3 ul li:nth-child(4) div{width: 210px}
footer .foot3 ul li:nth-child(5) div{width: 160px;}
footer .foot3 ul li.on div{display: inline-block;display: flex;align-items: center;justify-content: center}
footer .foot5{text-align: center;font: normal 12px/18px 'Arial';padding: 10px 0;}

.ny_application .box1{ padding:130px 0 100px;}
.ny_application .box1 .w1200{ position:relative;}
.ny_application .box1 .w1200 .img{ float:right;}
.ny_application .box1 .w1200 .con{ width:520px; height:340px; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#ffffff; box-shadow:0 0 50px #f9f9f9; padding:50px 170px 50px 60px; box-sizing:border-box;}
.ny_application .box1 .w1200 .con h3{ font:normal 30px/50px "微软雅黑";}
.ny_application .box1 .w1200 .con h4{ font:normal 16px/26px "微软雅黑"; color:#219be6; margin:10px 0 20px;}
.ny_application .box1 .w1200 .con p{ font:normal 14px/20px "微软雅黑"; text-align: justify;}
.ny_application .box2{ overflow:hidden; background:#f7f8fa;}
.ny_application .box2 .tit{ text-align:center; padding:120px 0 70px;}
.ny_application .box2 .tit h3{ font:normal 30px/50px "微软雅黑"; margin-bottom:15px;}
.ny_application .box2 .tit p{ font:normal 16px/30px "微软雅黑";}
.ny_application .box2 .sw4{ margin-bottom:100px;}
.ny_application .box2 .sw4 .swiper-slide{ transition:0.3s; height:420px; transition:0.3s;}
.ny_application .box2 .swbp4{background-image:url(../images/application_27.png); left: 60px;}
.ny_application .box2 .swbn4{background-image:url(../images/application_28.png); right: 60px}
.ny_application .box2 .swiper-button-next,.ny_application .box2 .swiper-button-prev{width: 38px;height: 38px;    background-size: 38px 38px;}
.ny_application .box2 .sw4 .swiper-slide .img{ width:533px; height:320px; position:relative; margin-top:50px; border-radius:10px; overflow:hidden;}
.ny_application .box2 .sw4 .swiper-slide .con{ display:none; position:absolute; z-index:9; left:50%; transform:translateX(-50%); bottom:0; width:700px; height:50px; background:rgba(0,0,0,0.4); border-radius:0 0 10px 10px; font:normal 18px/50px "微软雅黑"; text-align:center; color:#ffffff;}
.ny_application .box2 .sw4 .swiper-slide-active .img{ width:700px; height:420px; position:absolute; z-index:8; left:50%; transform:translateX(-50%); margin-top:0; box-shadow:0 5px 5px #cccccc;}
.ny_application .box2 .sw4 .swiper-slide-active .con{ display:block;}
.ny_application .box2 .sw4 .swiper-slide-next .img{ transform:translateX(-133px);}
.ny_application .box3 .tit{ text-align:center; padding:120px 0 70px;}
.ny_application .box3 .tit h3{ font:normal 30px/50px "微软雅黑";}
.ny_application .box3 .tit p{ font:normal 16px/30px "微软雅黑";}
.ny_application .box3 .tit span{display:block; width:35px; height:1px; margin:0 auto; background:#7c7c7c;}
.ny_application .box3 .lm{ overflow:hidden; margin-bottom:40px;}
.ny_application .box3 .lm li{ float:left; margin-right:2px;}
.ny_application .box3 .lm li a{ display:block; width:230px; height:50px; text-align:center; font:normal 16px/50px "微软雅黑"; background:#f6f6f6;}
.ny_application .box3 .lm li.on a{ background:#219be6; color:#ffffff;}
.ny_application .box3 .list{ position: relative; margin-bottom: 100px;}
.ny_application .box3 .list .swbp5{ width: 17px; height: 28px; background: url(../images/index_27.jpg); left:-47px;}
.ny_application .box3 .list .swbn5{ width: 17px; height: 28px; background: url(../images/index_28.jpg); right:-47px;}
.ny_application .box3 .sw5 .swiper-slide{ border:1px solid #dddddd; box-sizing:border-box;}
.ny_application .box3 .sw5 .swiper-slide .img{ height:300px;}
.ny_application .box3 .sw5 .swiper-slide .con>p{ display:block; height:74px; font:normal 18px/74px "微软雅黑"; text-align:center;}
.ny_application .box3 .sw5 .swiper-slide .con>div{ height:0; overflow:hidden; margin:0 2%; font:normal 14px/30px "微软雅黑"; transition:0.5s;text-align: center}
.ny_application .box3 .sw5 .swiper-slide:hover .con>div{ height:auto; border-top:1px solid #dddddd; padding:20px 0 30px;color: #1b1b1b}
.ny_application .box3 .sw5 .swiper-slide:hover .con p{color: #219be6}


.ny_download .tit{ text-align:center; padding:120px 0 70px;}
.ny_download .tit h3{ font:normal 30px/50px "微软雅黑";}
.ny_download .tit p{ font:normal 16px/30px "微软雅黑";}
.ny_download .tit span{display:block; width:35px; height:1px; margin:0 auto; background:#7c7c7c;}
.ny_download .list{margin: 40px 0 100px;}
.ny_download .list li{border: 1px solid #dddddd;margin-bottom: 20px;display: flex;}
.ny_download .list li div{display: flex;align-items: center;justify-content: center}
.ny_download .list li:nth-last-child(1){margin-bottom: unset}
.ny_download .list li div:nth-child(1){display: flex;align-items: center;padding:15px 0;width: 290px}
.ny_download .list li div:nth-child(2){font: normal 18px/36px '微软雅黑';color: #1b1b1b;width: 260px}
.ny_download .list li div:nth-child(3){font: normal 14px/36px '微软雅黑';color: #474747;width: 470px}
.ny_download .list li div:nth-child(4){display: flex;flex-direction: column;justify-content: space-evenly;}
.ny_download .list li div:nth-child(4) a{ display:block; width:100px; height:36px; border:1px solid #dddddd; border-radius:18px; font:normal 14px/36px "微软雅黑"; text-align:center;}
.ny_download .list li div:nth-child(4) a:hover{color: #ffffff;background-color:#219be6; border:1px solid #219be6;}

.ny_case .tit{ text-align:center; padding:120px 0 70px;}
.ny_case .tit h3{ font:normal 30px/50px "微软雅黑";}
.ny_case .tit p{ font:normal 16px/30px "微软雅黑";}
.ny_case .tit span{display:block; width:35px; height:1px; margin:0 auto; background:#7c7c7c;}
.ny_case .list{ overflow:hidden;}
.ny_case .list li{ width:380px; float:left; margin:0 30px 30px 0;transition: all .5s;}
.ny_case .list li:nth-child(3n){ margin:0 0 30px;}
.ny_case .list li .img{ height:300px; margin-bottom:24px;overflow: hidden}
.ny_case .list li .con h3{ font:normal 18px/32px "微软雅黑"; text-align:center;}
.ny_case .list li .con p{ font:normal 14px/30px "微软雅黑"; text-align:center;}
.ny_case .list li .img img{transition: all .5s}
.ny_case .list li:hover .img img{transform: scale(1.2)}

.ny_news .tit{ text-align:center; padding:120px 0 70px;}
.ny_news .tit h3{ font:normal 30px/50px "微软雅黑";}
.ny_news .tit p{ font:normal 16px/30px "微软雅黑";}
.ny_news .tit span{display:block; width:35px; height:1px; margin:0 auto; background:#7c7c7c;}
.ny_news .tuijian{ overflow:hidden; box-shadow:0 0 5px #eeeeee; border-radius:36px 0 36px 0; margin-bottom:60px;}
.ny_news .tuijian .img{ width:450px; float:left;}
.ny_news .tuijian .con{ width:750px; float:right; padding:30px 60px 20px; box-sizing:border-box;}
.ny_news .tuijian .con h3{ font:normal 16px/32px "微软雅黑"; color:#219be6;}
.ny_news .tuijian .con span{ font:normal 14px/40px "微软雅黑"; color:#a0a0a0;}
.ny_news .tuijian .con p{ height:96px; font:normal 14px/24px "微软雅黑"; color:#a0a0a0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.ny_news .tuijian .con .btn{ display:block; width:150px; height:40px; background:#219be6; text-align:center; font:normal 14px/40px "微软雅黑"; color:#ffffff; border-radius:20px 0 20px 0;}
.ny_news .list{display: flex;flex-wrap: wrap}
.ny_news .list li{ width:380px; float:left; margin:0 30px 40px 0; background:#fcfcfc;}
.ny_news .list li .img{ height:230px;margin-bottom: 1px;}
.ny_news .list li .con{ padding:30px 0 42px;}
.ny_news .list li .con span{ display:block; width:120px; height:30px; overflow:hidden; border-top:1px solid #219be6; position:relative; text-align:center; font:normal 14px/30px "微软雅黑"; color:#219be6;}
.ny_news .list li .con span:after{ content:''; width:110px; height:1px; background:#219be6; position:absolute; left:0; bottom:0;}
.ny_news .list li .con span:before{ content:''; width:110px; height:1px; background:#219be6; position:absolute; left:54px; bottom:0; transform:rotate(110deg);}
.ny_news .list li .con h3{ font:normal 16px/34px "微软雅黑"; margin:20px 20px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.ny_news .list li .con div{ height:72px; margin:0 20px; font:normal 14px/24px "微软雅黑"; color:#a0a0a0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ny_news .list li:nth-child(3n){ margin:0 0 40px;}
.ny_news .list li:hover{box-shadow: 0px 3px 7px 0px rgba(119, 119, 119, 0.15);}
.ny_news .list li:hover .con h3{ color:#219be6;}

.ny_news_detail .w1200{width: 800px}
.ny_news_detail .tit{ text-align:center; padding:120px 0 70px; font:normal 30px/50px "微软雅黑";}
.ny_news_detail .infos{ border-bottom:1px solid #e4e4e4; padding-bottom:20px; display:flex; justify-content:space-between; margin-bottom:30px;}
.ny_news_detail .infos span{ font:normal 14px/20px "微软雅黑"; color:#a0a0a0}
.ny_news_detail .infos span img{ display:inline-block; vertical-align:top; margin-right:10px;}
.ny_news_detail .con{ font:normal 14px/30px "微软雅黑"; padding-bottom:40px;}
.ny_news_detail .con img{ display:inline-block; vertical-align:top;}
.ny_news_detail .prev_next{ font:normal 14px/30px "微软雅黑"; padding:10px 0; margin-bottom:90px; border-top:1px dashed #dddddd;}
.ny_news_detail .prev_next a{ color:#a0a0a0;}

.ny_jobs .w1200{width: 800px}
.ny_jobs .tit{ text-align:center; padding:120px 0 70px;}
.ny_jobs .tit h3{ font:normal 30px/50px "微软雅黑";}
.ny_jobs .tit p{ font:normal 16px/30px "微软雅黑";}
.ny_jobs .tit span{display:block; width:35px; height:1px; margin:0 auto; background:#7c7c7c;}
.ny_jobs .jj{text-align: justify; font:normal 14px/32px "微软雅黑"; margin-bottom:60px;}
.ny_jobs .list{ margin-bottom:100px;}
.ny_jobs .list li{ overflow:hidden; border-bottom:1px dashed #e2e2e2;}
.ny_jobs .list li div{ font:normal 14px/34px "微软雅黑"; float:left; box-sizing:border-box; padding:15px 0 15px 20px;}
.ny_jobs .list .title{ background:#f7f8fa; border-bottom:0;}
.ny_jobs .list .title div{ overflow:hidden; height:50px; font:bold 16px/50px "微软雅黑"; padding:0 0 0 20px;}
.ny_jobs .list li div:nth-child(1){ width:26.25%;}/*315px*/
.ny_jobs .list li div:nth-child(2){ width:13.75%;}/*165px*/
.ny_jobs .list li div:nth-child(3){ width:13.75%;}/*165px*/
.ny_jobs .list li div:nth-child(4){ width:26.25%;}/*315px*/
.ny_jobs .list li div:nth-child(5){ width:14.58%;}/*175px*/
.ny_jobs .list li div:nth-child(6){ width:3.8%; height:64px; cursor:pointer;}/*36px*/
.ny_jobs .list li div:nth-child(6) span{ display:inline-block; transition:0.3s;}
.ny_jobs .list li div.con{ width:100%; height:0; overflow:hidden; padding:0px 20px; font:normal 14px/30px "微软雅黑"; color:#5c5c5c; transition:0.5s;}
.ny_jobs .list li div.con .send{ margin-top:30px; width:100%; height:auto; padding:0;}
.ny_jobs .list li div.con .send a{ display:inline-block; height:28px; padding:0 25px; margin-right:30px; border:1px solid #219be6; border-radius:14px; text-align:center; font:normal 14px/28px "微软雅黑"; color:#219be6;}
.ny_jobs .list li div.con .send a:hover{ background:#219be6; color:#ffffff;}
.ny_jobs .list li.on .btn span{ transform:rotate(180deg);}
.ny_jobs .list li.on .con{ height:auto; padding:30px 20px 60px; border-top:1px dashed #e2e2e2;}

.ny_contact .tit{ text-align:center; padding:120px 0 70px;}
.ny_contact .tit h3{ font:normal 30px/50px "微软雅黑";}
.ny_contact .tit p{ font:normal 16px/30px "微软雅黑";}
.ny_contact .tit span{display:block; width:35px; height:1px; margin:0 auto; background:#7c7c7c;}
.ny_contact .box{ display:flex; justify-content:space-between; margin-bottom:100px;}
.ny_contact .box .l{ padding:20px 0;}
.ny_contact .box .l h3{ font:normal 16px/30px "微软雅黑";}
.ny_contact .box .l p{ font:normal 12px/20px "微软雅黑";}
.ny_contact .box .l .ewm{ text-align:center;}
.ny_contact .box .l .ewm div{ width:160px; height:160px; margin:20px auto; padding:10px; background:#f7f8fa; border-radius:10px;}
.ny_contact .box .l .ewm p{ font:normal 14px/20px "微软雅黑";}
.ny_contact .box .c{ width:1px; background:#dddddd;}
.ny_contact .box .r{ width:800px; display:flex; flex-direction:column; justify-content:center;}
.ny_contact .box .r li{ overflow:hidden; margin-bottom:50px;}
.ny_contact .box .r li:last-child{ margin-bottom:0;}
.ny_contact .box .r li div{ float:left; vertical-align:top; margin-right:20px;}
.ny_contact .box .r li p{ font:normal 14px/32px "微软雅黑";}
.ny_contact .map{width: 100%;height: 590px;}
.ny_contact .map iframe{width: 100%;height: 100%;border: unset;padding: 0;margin: 0}
.ny_contact .map img{ max-width: none;max-height: none;display: inline-block;}

.ny_message .box{ overflow:hidden; padding:80px 0 60px;}
.ny_message .box .w1200{ overflow:hidden; background:#f6f6f6;}
.ny_message .box .w1200 .con{ float:left; padding:0 40px 40px; box-sizing:border-box;}
.ny_message .box .w1200 .con .tit{ font:normal 26px/26px "微软雅黑"; color:#219be6; text-align:center; margin:30px 0;}
.ny_message .box .w1200 .con ul li{ width:550px; float:left; margin:0 20px 20px 0; box-sizing:border-box; border-radius:5px;}
.ny_message .box .w1200 .con ul li:nth-child(2n){ margin:0 0 20px;}
.ny_message .box .w1200 .con ul li lable{line-height:30px;font-size:16px;padding-left:20px;display:block;}
.ny_message .box .w1200 .con ul li .lable1{background:#fff;}
.ny_message .box .w1200 .con ul li input{ width:95%; height:40px; padding:0; font-size:16px;background:#fff;padding-left:20px;border-radius:5px;}
.ny_message .box .w1200 .con ul li select{ width:100%; height:40px; padding:0; font-size:16px;background:#fff;padding-left:20px;border-radius:5px;}

.ny_message .box .w1200 .con ul li input[type="radio"] {width: 16px;height: 16px;line-height:40px;}
.ny_message .box .w1200 .con ul li font{padding-left:10px;padding-right:20px;line-height:40px;}
.ny_message .box .w1200 .con ul li:nth-child(8){width:100%;}
.ny_message .box .w1200 .con ul textarea{ width:100%; height:150px; font-size:16px; line-height:50px; padding:0 10px 0 20px; margin:0; box-sizing:border-box; background:#ffffff; border-radius:5px;}
.ny_message .box .w1200 .con ul button{ display:block; width:100%; height:48px; text-align:center; background:#219be6; border-radius:5px; border:0; margin:40px auto 0; font:normal 18px/48px "微软雅黑"; color:#ffffff;}
.ny_message .box .w1200 .img{ width:670px; float:right;display:block;height: 560px}
.ny_message .box .w1200 .img img{max-width: none;max-height: none;display: inline-block}


/*手机*/
.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:999; 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:#219be6;}
.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:#219be6 transparent transparent transparent;}
.phone_menu > .MpNav > a.open:after {transform:rotate(-180deg);}
header.on .phone_menu_trigger > div{ background:#333333;}


@media only screen and (max-width: 1200px) {
    html,body,footer,header,.ind_ban,.ind_about,.ind_product,.ind_solution,.ind_case,.ind_news,.ind_customer{ width:1300px !important;overflow-x: hidden}
    footer{padding: 100px 0 0;}
    .ind_about .sw2 .swiper-slide .box1 .l{height: 414px;}
    .ind_product .box .sw3 .swiper-slide .btn{margin: 30px auto 0;}
    .ny_news_detail .w1200,.ny_jobs .w1200{width: 1000px}
}
