/* CSS Document */
@charset "utf-8";
body{ margin:0; padding:0; font-family:"微软雅黑"; font-size:12px; color:#222222; background:#ffffff;}
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;}
.w1440{ width:98%; max-width:1440px; margin:0 auto;}

header{ width:100%; height:80px; position:fixed; z-index:8; left:0; top:0; padding:30px 6.25% 0; box-sizing:border-box; display:flex; justify-content:space-between;}
header .logo{ width:245px; height:70px; margin-top:-10px;}
header .logo a{ display:block; width:100%; height:100%; background:url(/files/images/logo.png) no-repeat left center; background-size:contain;}
header menu{ height:50px; margin:0; padding:0;position:relative;}
header menu>ul>li{ float:left; position:relative; margin-left:50px;}
header menu>ul>li>a{ display:block; height:50px; font:normal 16px/50px "微软雅黑"; color:#ffffff; box-sizing:border-box;}
header menu>ul>li>ul{ width:110px; position:absolute; z-index:7; left:50%; top:50px; transform:translateX(-50%); background:rgba(204,204,204,0.7); padding:15px 0; box-sizing:border-box; display:none;}
header menu>ul>li>ul>li{ position:relative; padding:0 10px 0 24px;}
header menu>ul>li>ul>li>a{ font:normal 14px/36px "微软雅黑"; color:#ffffff;}
header menu>ul>li>ul>li:after{ content:''; position:absolute; left:10px; top:14px; width:0; height:0; border-width:4px 7px; border-style:solid; border-color:transparent transparent transparent #ffffff;}
header menu>ul>li>ul>li>ul{ width:110px; position:absolute; z-index:7; left:100%; top:0px; background:rgba(204,204,204,0.5); padding:15px 10px; box-sizing:border-box; display:none;}
header menu>ul>li>ul>li>ul>li{ position:relative; padding-left:14px;}
header menu>ul>li>ul>li>ul>li>a{ font:normal 14px/36px "微软雅黑"; color:#ffffff;}
header menu>ul>li>ul>li>ul>li:after{ content:''; position:absolute; left:0; top:14px; width:0; height:0; border-width:4px 7px; border-style:solid; border-color:transparent transparent transparent #ffffff;}
header menu>ul>li.on>a{ border-bottom:3px solid #ed090a;}
header menu>ul>li:hover>a{ border-bottom:3px solid #ed090a;}
header menu>ul>li:hover>ul{ display:block;}
header menu>ul>li>ul>li:hover>a{ color:#ed090a;}
header menu>ul>li>ul>li:hover:after{ border-color:transparent transparent transparent #ed090a;}
header menu>ul>li>ul>li:hover>ul{ display:block;}
header menu>ul>li>ul>li>ul>li:hover>a{ color:#ed090a;}
header menu>ul>li>ul>li>ul>li:hover:after{ border-color:transparent transparent transparent #ed090a;}
header.on{ height:90px; padding:20px 6.25%; background:rgba(35,35,35,0.8);}
header.on menu>ul>li>a{ color:#ffffff;}

/*手机*/
.phone_menu_trigger {display:none;position:fixed;right:10px;top:4.5%;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:0px;width:100%;height:calc(100% - 100px);margin-top:50px; padding-bottom:50px;}
.phone_menu > li {font:normal 18px/54px "微软雅黑";color:#000;border-bottom:dashed 1px #ccc;}
.phone_menu > li > a {display:block;color:#333333;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:18px;left:0;transform:translateY(-50%);border-radius:50%;background: rgba(35,35,35,0.8);}
.phone_menu > li > .phone_menu_tab > li >ul{ width:100%; overflow:hidden;}
.phone_menu > li > .phone_menu_tab > li >ul>li{ float:left; margin-right:10px; font:normal 12px/30px "微软雅黑";}
.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:#ed090a transparent transparent transparent;}
.phone_menu > .MpNav > a.open:after {transform:rotate(-180deg);}


.ind_ban .sw1 .swp1{ bottom:3.125%;}
.ind_ban .sw1 .swp1 .swiper-pagination-bullet{ width:13px; height:13px; border:1px solid #ffffff; margin:0 10px!important; background:none; opacity:1;}
.ind_ban .sw1 .swp1 .swiper-pagination-bullet-active{ background:#ffffff;}

.ind_ban .sw1 .swiper-wrapper li .box1{top: 43%;transform: translate(-50%,-50%);opacity: 1;transition: all 0.5s ease;position: absolute;left: 50%;border: solid 6px #fff;border-radius: 50px;height: 70px;width: 70px}
.ind_ban .sw1 .swiper-wrapper li .box1 div{content:"";display: block;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 20px;border-color: transparent transparent transparent #fff;position: absolute;top: 50%;left: 50%;margin: -10px 0 0 -7px;}

.mao{ position:relative;}
.mao a{ position:absolute; left:0; top:-70px;}
.ind_tit {
    text-align: center;
    padding: 60px 0 30px;
    color: white;
}
    .ind_tit h3 {
        font: normal 36px/60px "微软雅黑";
        color: white;
    }
    .ind_tit p {
        font: normal 16px/30px "微软雅黑";
        color: #fff;
    }
.ind_tit span{ display:inline-block; width:68px; height:20px; border-bottom:1px solid #cccccc;}

.ind_box1 .box1 .con {
    font: normal 24px/40px "微软雅黑";
    text-align: center;
    margin-bottom: 30px;
    color: #fff;
}
.ind_box1 .btn{ text-align:center; margin:0 auto 60px;}
.ind_box1 .btn a{ display:inline-block; padding:0 60px; height:58px; border:1px solid #f1f1f1; font:normal 16px/58px "微软雅黑"; color:#fff;}
.ind_box1 .btn a:hover{ border:1px solid #ed090a; color:#000000;}
.ind_box1 .box2{ width:100%; height:357px; background:url(/files/images/index_05.jpg) no-repeat center top; background-size:cover; display:flex; justify-content:space-around;}
.ind_box1 .box2 li{ display:flex; flex-direction:column; justify-content:center;}
.ind_box1 .box2 li div{ text-align:center;}
.ind_box1 .box2 li div img{ display:inline-block; vertical-align:top;}
.ind_box1 .box2 li h3{ text-align:center; font:normal 30px/50px "微软雅黑"; color:#ffffff; margin-top:20px;}
.ind_box1 .box3{ width:100%; height:224px; background:url(/files/images/index_10.jpg) no-repeat center top; background-size:cover; display:flex; justify-content:space-around;}
.ind_box1 .box3 li{ display:flex; flex-direction:column; justify-content:center;}
.ind_box1 .box3 li h3{ text-align:center; font:normal 72px/60px Arial; color:#fff;}
.ind_box1 .box3 li h3 span{ display:inline-block; vertical-align:top; font:normal 26px/20px "微软雅黑";}
    .ind_box1 .box3 li p {
        font: normal 18px/36px "微软雅黑";
        text-align: center;
        margin-top: 18px;
        color: #fff;
    }

.ind_box2 {
    overflow: hidden;
    background: #1a1a1a;
}
.ind_box2 ul{ margin:0 auto 50px; display:flex; justify-content:space-between;}
.ind_box2 ul li{ position:relative; width:23.96%;}
    .ind_box2 ul li .img {
        width: 100%;
        height: 100%;
        background-color: black;
    }
        .ind_box2 ul li .img img {
            width: 100%;
            height: 100%;
            opacity: 0.6;
        }
.ind_box2 ul li .cen{ position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#ffffff;}
.ind_box2 ul li .cen h3{ font:normal 30px/50px "微软雅黑"; margin-top:20px;}
.ind_box2 ul li .cen p{ font:normal 16px/30px "微软雅黑";}
.ind_box2 ul li:hover{ box-shadow:5px 5px 10px rgba(61,61,61,0.18);}
.ind_box2 ul li:hover .cen{ background:rgba(255,0,0,0.9);}
.ind_box2 .btn{ text-align:center; margin:0 auto 90px;}
    .ind_box2 .btn a {
        display: inline-block;
        padding: 0 60px;
        height: 58px;
        border: 1px solid #cccccc;
        font: normal 16px/58px "微软雅黑";
        color: #cccccc;
    }
        .ind_box2 .btn a:hover {
            border: 1px solid #ed090a;
            color: #cccccc;
        }

.ind_box3{ overflow:hidden;}
.ind_box3 .lm{ display:flex; justify-content:center; margin-bottom:30px;}
.ind_box3 .lm li a{ display:block; width:150px; height:45px; background:#f9f9f9; margin:0 10px; text-align:center; font:normal 16px/45px "微软雅黑";}
.ind_box3 .lm li.on a{ background:#ed090a; color:#ffffff;}
.ind_box3 .list{ padding-bottom:55px;}
.ind_box3 .list .swiper-container{ height:auto; padding-bottom:55px;}
.ind_box3 .list .swiper-container .swiper-slide h3{ position:absolute; z-index:2; left:0; bottom:0; width:100%; height:45px; text-align:center; font:normal 16px/45px "微软雅黑"; color:#fff;}
.ind_box3 .list .swiper-container .swiper-slide .box1{top: 32%;transform: translate(-50%,-50%);opacity: 1;transition: all 0.5s ease;position: absolute;left: 50%;border: solid 4px #fff;border-radius: 50px;height: 50px;width: 50px}
.ind_box3 .list .swiper-container .swiper-slide div{content:"";display: block;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 20px;border-color: transparent transparent transparent #fff;position: absolute;top: 50%;left: 50%;margin: -10px 0 0 -7px;}
.ind_box3 .list .swiper-container.hide{ height:0; padding:0;}

.ind_box3 .list .swiper-container .swiper-slide:hover h3{ background:rgba(237,9,10,0.7); color:#ffffff;}
.ind_box3 .list .swiper-container .swiper-pagination{ bottom:0;}
.ind_box3 .list .swiper-container .swiper-pagination .swiper-pagination-bullet{ width:13px; height:13px; border:1px solid #cccccc; margin:0 10px!important; background:none; opacity:1;}
.ind_box3 .list .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background:#cccccc;}

.ind_box3 .list .swiper-container .swiper-slide .box1{top: 48%;transform: translate(-50%,-50%);opacity: 1;transition: all 0.5s ease;position: absolute;left: 50%;border: solid 4px #fff;border-radius: 50px;height: 50px;width: 50px}
.ind_box3 .list .swiper-container .swiper-slide .box1 div{content:"";display: block;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 20px;border-color: transparent transparent transparent #fff;position: absolute;top: 50%;left: 50%;margin: -10px 0 0 -7px;}

.ind_box4{ overflow:hidden; background:url(/files/images/index_30.jpg) no-repeat center; background-size:cover;}
.ind_box4 .ind_tit{ color:#ffffff;}
.ind_box4 .ind_tit p{ color:#ffffff;}
.ind_box4 .ind_tit span{ border-bottom:1px solid #ffffff;}
.ind_box4 ul{ margin:0 auto 50px; display:flex; justify-content:space-between;}
.ind_box4 ul li{ width:14.6%; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#ffffff;}
.ind_box4 ul li div{ width:100%; text-align:center;}
.ind_box4 ul li div img{ display:inline-block; vertical-align:top;}
.ind_box4 ul li h3{ font:normal 16px/32px "微软雅黑"; margin-top:25px;}
.ind_box4 ul li p{ font:bold 18px/40px "微软雅黑";}

.ind_box5{ overflow:hidden;}
.ind_box5 ul{ margin:0 auto 30px; overflow:hidden;}
.ind_box5 ul li{ width:15.694%; float:left; margin:0 1.1672% 10px 0;}
.ind_box5 ul li .box{ height:130px; box-sizing:border-box;}
.ind_box5 ul li .box div{ width:100%; height:94px; border:1px solid #ebebeb; box-sizing:border-box;}
.ind_box5 ul li .box h3{ font:normal 16px/36px "微软雅黑"; text-align:center;color:white;}
.ind_box5 ul li:hover .box{ border:2px solid #ed090a; box-shadow:5px 5px 10px rgba(61,61,61,0.18);}
.ind_box5 ul li:hover .box div{ border:0;}
.ind_box5 ul li:nth-child(6n){ margin:0 0 10px 0;}

.ind_box6{ overflow:hidden; background:url(/files/images/index_60.jpg) no-repeat center; background-size:cover; padding-bottom:70px;}
.ind_box6 .ind_tit{ color:#ffffff;}
.ind_box6 .ind_tit p{ color:#ffffff;}
.ind_box6 .ind_tit span{ border-bottom:1px solid #ffffff;}
.ind_box6 .box{ margin:0 auto; position:relative;}
.ind_box6 .box .swbp3{ background:none; width:32px; height:32px; border:1px solid #d8d8d8; border-radius:50%; text-align:center; font:normal 30px/30px "微软雅黑"; color:#d8d8d8; left:-50px;}
.ind_box6 .box .swbn3{ background:none; width:32px; height:32px; border:1px solid #d8d8d8; border-radius:50%; text-align:center; font:normal 30px/30px "微软雅黑"; color:#d8d8d8; right:-50px;}

.ind_box7{ overflow:hidden; padding:70px 0 90px; display:flex; justify-content:space-between;}
.ind_box7 .box{ width:32.36%; border:1px solid #ebebeb; box-sizing:border-box; padding:16px;color: white;}
    .ind_box7 .box h3 {
        font: normal 30px/60px "微软雅黑";
        border-bottom: 1px solid #f1f1f1;
        margin-bottom: 16px;
        color: white;
    }
.ind_box7 .box h3 a{ font:normal 14px/60px "微软雅黑"; color:#999999; float:right;}
.ind_box7 .box .img{ margin-bottom:18px;}
.ind_box7 .box .hot{ overflow:hidden; padding-bottom:15px; border-bottom:1px dashed #f1f1f1;}
.ind_box7 .box .hot .wtime{ width:78px; height:78px; float:left; margin-right:15px; background:#f9f9f9; text-align:center; font:normal 12px/20px "微软雅黑"; color:#999999;}
.ind_box7 .box .hot .wtime span{ display:block; width:100%; padding-top:15px; font:bold 36px/36px "微软雅黑"; color:#222222; text-align:center;}
.ind_box7 .box .hot h4{ height:26px; overflow:hidden; font:normal 16px/26px "微软雅黑";}
    .ind_box7 .box .hot h4 a{
        color:white;
    }
.ind_box7 .box .hot p{ height:50px; overflow:hidden; font:normal 14px/25px "微软雅黑"; color:#999999;}
    .ind_box7 .box .hot p a {
        color: white;
    }
.ind_box7 .box ul li{ height:45px; overflow:hidden; border-bottom:1px dashed #f1f1f1;}
    .ind_box7 .box ul li a {
        font: normal 16px/45px "微软雅黑";
        color: white;
    }
.ind_box7 .box ul li span{ display:inline-block; width:6px; height:6px; background:#cccccc; margin:0 10px 0 5px;}
.ind_box7 .box ul li em{ font:normal 16px/45px "微软雅黑"; color:#999999; float:right;}
.ind_box7 .box:hover{ box-shadow:5px 5px 10px rgba(61,61,61,0.18);}
.ind_box7 .box h3 a:hover{ color:#ed090a;}
.ind_box7 .box .hot:hover .wtime{ background:#ed090a; color:#ffffff;}
.ind_box7 .box .hot:hover .wtime span{ color:#ffffff;}
.ind_box7 .box .hot:hover h4{ color:#ed090a;}
.ind_box7 .box ul li a:hover{ color:#ed090a;}
.ind_box7 .box ul li a:hover span{ background:#222222;}

footer{ overflow:hidden; background:#232323;}
footer .f1{ padding:40px 0px 30px 0px; border-bottom:1px solid #393939; overflow:hidden; color:#ffffff;}
footer .f1 .l{ width:46%; float:left; overflow:hidden;}
footer .f1 .l li{ width:25%; float:left;}
footer .f1 .l li h3{ font:bold 16px/20px "微软雅黑"; margin-bottom:25px;}
footer .f1 .l li p a{ font:normal 14px/30px "微软雅黑"; color:#ffffff;}
footer .f1 .r{ width:50%; float:right; overflow:hidden;}
footer .f1 .r .con{ width:55%; float:left;}
footer .f1 .r .con h3{ font:bold 16px/20px "微软雅黑"; margin-bottom:25px;}
footer .f1 .r .con p{ font:normal 14px/30px "微软雅黑"; color:#ffffff;}
footer .f1 .r .con p img{ display:inline-block; vertical-align:middle; margin-right:5px;}
footer .f1 .r .ewm{ width:44%; float:right; display:flex; justify-content:space-between;}
footer .f1 .r .ewm div{ width:49%; text-align:center; font:normal 14px/30px "微软雅黑";}
footer .f1 .links{ width:100%; float:left; font:normal 16px/32px "微软雅黑"; color:#ffffff; margin:30px auto 10px;}
footer .f1 .links a{ color:#ffffff; margin-right:10px;}
footer .f2{ padding:10px 0 20px; font:normal 16px/32px "微软雅黑"; color:#ffffff; text-align:center;}
footer .f2 img{ display:inline-block; vertical-align:middle; margin-left:15px;}


/*右侧在线客服*/
.r_online{ width:50px; position:fixed; z-index:80; top:43%; right:10px;}
.r_online ul li{ width:50px; height:50px; border:1px solid #eeeeee; margin-bottom:7px; background:#ffffff; position:relative;}
.r_online ul li em{ display:inline-block; vertical-align:top; width:100%; height:100%; overflow:hidden; background-image:url('/files/images/r_online.png'); background-repeat:no-repeat; position:relative;}
.r_online ul li div{ position:absolute; z-index:2; top:0; right:55px; border:1px solid #eeeeee; border-top:5px solid #2b72b1; box-sizing:content-box; padding:0 10px; font:normal 16px/44px "微软雅黑"; background:#FFF; display:none;}
.r_online ul li.online{ background:#2b72b1; border:1px solid #2b72b1;}
.r_online ul li.online em{ background-position:0px 0px;}
.r_online ul li.tel div{ width:170px;}
.r_online ul li.tel em{ background-position:-50px -50px;}
.r_online ul li.email div{ width:210px;}
.r_online ul li.email em{ background-position:-100px -50px;}
.r_online ul li.ewm div{ width:120px; font:normal 14px/24px "微软雅黑"; text-align:center; padding:10px;}
.r_online ul li.ewm em{ background-position:-150px -50px;}
.r_online ul li.ewm div img{ max-width:100%;}
.r_online ul li.scrolltop em{ background-position:-250px -50px;}
.r_online ul li:hover{ background:#2b72b1; border:1px solid #2b72b1;}
.r_online ul li:hover div{ display:block;}
.r_online ul li.tel:hover em{ background-position:-50px 0px;}
.r_online ul li.email:hover em{ background-position:-100px 0px;}
.r_online ul li.ewm:hover em{ background-position:-150px 0px;}
.r_online ul li.scrolltop:hover em{ background-position:-250px 0px;}
.r_online ul li>a{ width:100%; height:100%; display:flex; justify-content:center; align-items:center; font:normal 14px/20px "微软雅黑";}
.r_online ul li>a:hover{ background:#2b72b1; color:#ffffff;}


.ny_main .ny_lj{ height:80px; border-bottom:1px solid #eeeeee; box-sizing:border-box; background:#f9f9f9;}
.ny_main .ny_lj span{ display:inline-block; height:24px; font:normal 16px/24px "微软雅黑"; padding:28px 0;}
.ny_main .ny_lj span img{ display:inline-block; vertical-align:middle; margin:0 15px 0 10px;}
.ny_main .ny_lj ul{ float:right; border-right:1px solid #eeeeee;}
.ny_main .ny_lj ul li{ float:left; border-left:1px solid #eeeeee;}
.ny_main .ny_lj ul li a{ display:block; width:180px; height:80px; box-sizing:border-box; font:normal 16px/80px "微软雅黑"; text-align:center;}
.ny_main .ny_lj ul li.on a{ background:#ffffff; border-bottom:3px solid #df2021; color:#df2021;}

.ny_about>.con{ font:normal 24px/40px "微软雅黑"; text-align:center; padding:60px 0;}

.ny_news{ overflow:hidden; padding-bottom:50px;}
.ny_news .hot{ overflow:hidden; padding:80px 0 30px; border-bottom:1px dashed #f1f1f1;}
.ny_news .hot .wtime{ width:12.5%; float:left; padding-left:20px; font:normal 16px/32px "微软雅黑";}/*180px*/
.ny_news .hot .wtime span{ display:block; width:100%; font:bold 72px/80px "微软雅黑";}
.ny_news .hot .wtime p{ width:30px; height:20px; border-bottom:1px solid #cccccc;}
.ny_news .hot .img{ width:51.25%; float:left;}/*738px*/
.ny_news .hot .r{ width:33.33%; float:right;}
.ny_news .hot .r h3{ height:50px; font:normal 24px/50px "微软雅黑"; margin:16px 0; overflow:hidden;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ny_news .hot .r div{ font:normal 16px/36px "微软雅黑"; color:#999999; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.ny_news .hot .r .btn{ display:block; width:228px; height:58px; border:1px solid #f1f1f1; text-align:center; font:normal 16px/58px "微软雅黑"; color:#999999; margin-top:30px;}
.ny_news .hot .r .btn:hover{ border:1px solid #ed090a; color:#000000;}
.ny_news .list{ margin-bottom:25px;}
.ny_news .list li{ border-bottom:1px dashed #f1f1f1;}
.ny_news .list li .bor{ overflow:hidden; padding:15px 20px; margin:15px 0 0; border:2px solid #ffffff;}
.ny_news .list li .wtime{ width:11%; float:left; font:normal 16px/32px "微软雅黑";}/*160px*/
.ny_news .list li .wtime span{ display:block; width:100%; font:bold 72px/80px "微软雅黑";}
.ny_news .list li .wtime p{ width:30px; height:20px; border-bottom:1px solid #cccccc;}
.ny_news .list li .img{ width:25%; float:left;}/*738px*/
.ny_news .list .r{ width:59%; float:right;}
.ny_news .list .r h3{ height:50px; font:normal 24px/50px "微软雅黑"; overflow:hidden; margin-bottom:15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ny_news .list .r div{ font:normal 16px/36px "微软雅黑"; color:#999999; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;   -webkit-box-orient: vertical;}
.ny_news .list li:hover .bor{ border:2px solid #ed090a; box-shadow:5px 5px 10px rgba(61,61,61,0.18);}

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

.ny_news_detail>.box{ overflow:hidden; padding:50px 0;}
.ny_news_detail>.box>h3{ font:normal 30px/80px "微软雅黑"; text-align:center;}
.ny_news_detail>.box .infos{ font:normal 16px/24px "微软雅黑"; color:#999999; text-align:center; overflow:hidden; margin-bottom:50px;}
.ny_news_detail>.box .infos span{ display:inline-block; margin-right:85px;}
.ny_news_detail>.box .infos span img{ display:inline-block; vertical-align:top; margin-right:10px;}
.ny_news_detail>.box .infos span:last-child{ margin-right:0;}
.ny_news_detail>.box .con{ overflow:hidden; padding-bottom:50px; border-bottom:1px solid #f1f1f1; font:normal 16px/42px "微软雅黑"; text-align:center;}
.ny_news_detail>.box .con img{display: inline-block;}
.ny_news_detail>.box .prev_next{ padding:20px 0; overflow:hidden; font:normal 16px/30px "微软雅黑";}
.ny_news_detail>.box .prev_next div{ margin-bottom:10px;}
.ny_news_detail>.box .prev_next div span{ display:inline-block; width:70px; height:30px; text-align:center; background:#f1f1f1; margin-right:20px;}

.ny_advantage>.con{ font:normal 24px/40px "微软雅黑"; text-align:center; padding:60px 0;}

.ny_case{ overflow:hidden; padding-bottom:60px;}
.ny_case .lm{ display:flex; justify-content:center; margin:50px 0 30px;}
.ny_case .lm li a{ display:block; width:155px; height:45px; background:#f9f9f9; text-align:center; font:normal 16px/45px "微软雅黑"; margin:0 10px;}
.ny_case .lm li a:hover{ background:#ed090a; color:#ffffff;}
.ny_case .lm li.on a{ background:#ed090a; color:#ffffff;}
.ny_case .list{ display:flex; flex-wrap:wrap;}
.ny_case .list li{ width:427px; background:#f9f9f9; margin-bottom:20px;position: relative;margin-right:10px;}
.ny_case .list li:nth-child(3n){
    margin-right:0px;
}
.ny_case .list li .box1{top: 32%;transform: translate(-50%,-50%);opacity: 1;transition: all 0.5s ease;position: absolute;left: 50%;border: solid 4px #fff;border-radius: 50px;height: 50px;width: 50px}
.ny_case .list li .box1 div{content:"";display: block;width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 20px;border-color: transparent transparent transparent #fff;position: absolute;top: 50%;left: 50%;margin: -10px 0 0 -7px;}
.ny_case .list li .img{ width:100%;}
.ny_case .list li .con{ padding:15px;}
.ny_case .list li .con h3{ font:normal 24px/60px "微软雅黑";}
.ny_case .list li .con p{ font:normal 16px/30px "微软雅黑"; color:#999999;}
.ny_case .list li:hover{ background:#ed090a; box-shadow:5px 5px 10px rgba(61,61,61,0.18);}
.ny_case .list li:hover .con h3{ color:#ffffff;}
.ny_case .list li:hover .con p{ color:#ffffff;}


.popup_layer_bg{ width:100%; height:100%; background:rgba(41,41,41,0.9); position:fixed; z-index:81; left:0; top:0;}
.popup_layer_box{ width:62.5%; padding:20px; box-sizing:border-box; background:#ffffff; border-radius:15px; position:fixed; z-index:82; left:50%; top:50%; transform:translate(-50%,-50%);}
.popup_layer_box .close{ display:block; width:40px; height:40px; border:2px solid #ffffff; box-sizing:border-box; border-radius:50%; text-align:center; font:bold 34px/34px "微软雅黑"; color:#ffffff; position:absolute; right:-40px; top:-40px; cursor:pointer;}
.popup_layer_box h3{ font:normal 24px/50px "微软雅黑"; text-align:center;}


.ny_case_detail>.box{ overflow:hidden; padding:50px 0;}
.ny_case_detail>.box>h3{ font:normal 30px/80px "微软雅黑"; text-align:center;}
.ny_case_detail>.box .con{ overflow:hidden; padding-bottom:50px; border-bottom:1px solid #f1f1f1; font:normal 16px/42px "微软雅黑";}
    .ny_case_detail > .box .con img {
        margin: 0px auto;
        border: solid 3px #efefef;
        border-radius: 6px;
        vertical-align: middle;
    }
.ny_case_detail>.box .prev_next{ padding:20px 0; overflow:hidden; font:normal 16px/30px "微软雅黑";}
.ny_case_detail>.box .prev_next div{ margin-bottom:10px;}
.ny_case_detail>.box .prev_next div span{ display:inline-block; width:70px; height:30px; text-align:center; background:#f1f1f1; margin-right:20px;}

.ny_join>.con{ font:normal 24px/40px "微软雅黑"; text-align:center; padding:60px 0;}
.ny_join>.list{ padding-bottom:30px;}
.ny_join>.list li{ overflow:hidden; padding:15px 30px 60px; border:1px solid #f1f1f1; margin-bottom:30px;}
.ny_join>.list li .l{ width:98px; height:98px; float:left; border-radius:50%; box-shadow:5px 5px 10px rgba(61,61,61,0.18); overflow:hidden; margin-right:30px;}
.ny_join>.list li .c{ width:calc(100% - 260px); float:left;}
.ny_join>.list li .c h3{ font:bold 24px/50px "微软雅黑"; margin-top:15px;}
.ny_join>.list li .c h4{ font:bold 18px/32px "微软雅黑"; margin-top:18px;}
.ny_join>.list li .c div{ font:normal 16px/32px "微软雅黑";}
.ny_join>.list li .c .btn{ display:block; width:224px; height:58px; border:1px solid #f1f1f1; margin-top:30px; text-align:center; font:bold 24px/58px "微软雅黑";}
.ny_join>.list li .c .btn:hover{ background:#ed090a; color:#ffffff;}
.ny_join>.list li .r{ width:70px; float:right; font:normal 20px/40px "微软雅黑"; overflow:hidden; cursor:pointer;}
.ny_join>.list li .r div{ width:50px; height:40px; float:left;}
.ny_join>.list li .r div p:nth-child(1){ display:block;}
.ny_join>.list li .r div p:nth-child(2){ display:none;}
.ny_join>.list li .r span{ display:inline-block; float:right; margin:12px 0; width:16px; height:16px; position:relative;}
.ny_join>.list li .r span:after{ content:''; width:100%; height:2px; background:#dddddd; position:absolute; top:7px; left:0;}
.ny_join>.list li .r span:before{ content:''; width:2px; height:100%; background:#dddddd; position:absolute; left:7px; top:0; display:none;}
.ny_join>.list li:hover{ box-shadow:5px 5px 5px rgba(61,61,61,0.18);}
.ny_join>.list li.close{ height:100px; padding:15px 30px;}
.ny_join>.list li.close .r div p:nth-child(1){ display:none;}
.ny_join>.list li.close .r div p:nth-child(2){ display:block;}
.ny_join>.list li.close .r span:before{ display:block;}


@media only screen and (max-width: 1170px) {
	header menu{display:none;}
	.w1200{width:100%;}
	.w1440{width:100%;}
	header{padding: 0px 2.25% 0; background:rgba(35,35,35,0.8);height: 50px;}
	header .logo{height: 40px; padding:5px 0;}
	header .phone_menu_trigger{ display:block;}
	header .phone_menu{ display:block;}
	header.on{ height:50px; padding: 0px 2.25% 0;}
	.ny_ban{margin-top: 50px;}
	.ind_ban{margin-top: 50px;}
	.ind_ban .sw1 .swiper-wrapper li .box1{top: 50%;height: 30px; width: 30px;margin: -11px 0 0 -7px;margin: -11px 0 0 -7px;}
	.ind_ban .sw1 .swiper-wrapper li .box1 div{margin: -11px 0 0 -7px;}
	.r_online{display:none;}
	.ind_tit{padding: 10px 0 10px;}
	.ind_tit h3{font: normal 22px/30px "微软雅黑";}
	.ind_tit p{font: normal 12px/20px "微软雅黑";}
	.ind_tit span{width: 50px;height: 12px;}
	.ind_box1 .box1{width: 94%;padding: 0 10px;}
	.ind_box1 .box1 .con{font: normal 12px/20px "微软雅黑";margin-bottom: 10px;}
	.ind_box1 .box1 .con p{font: normal 16px/28px '微软雅黑'!important;}
	.ind_box1 .box1 .con p:nth-child(2){font: normal 13px/20px '微软雅黑'!important;}
	.ind_box1 .btn{margin: 0 auto 20px;}
	.ind_box1 .btn a{padding: 0 20px;height: 38px;font: normal 12px/38px "微软雅黑";}
	.ind_box1 .box2{display: block;height: 104px;}
	.ind_box1 .box2 li{width:24%;float: left; margin: 10px 2% 3px 0;}
	.ind_box1 .box2 li:nth-child(2n){ margin-right:0;}
	.ind_box1 .box2 li h3{font: normal 12px/20px "微软雅黑";margin-top: 10px;}
	.ind_box1 .box3{display: block;height: 160px;}
	.ind_box1 .box3 li{float: left;width: 32%;margin: 8px 2% 0px 0;}
	.ind_box1 .box3 li:nth-child(3n){margin: 8px 0% 0px 0;}
	.ind_box1 .box3 li h3{font: normal 30px/50px Arial;}
	.ind_box1 .box3 li p{font: normal 12px/15px "微软雅黑";margin-top: 0px;}
	.ind_box2{    padding: 0 10px;}
	.ind_box2 ul{display: block;width: 100%;}
	.ind_box2 ul li{width: 49%;float: left;margin: 0 2% 10px 0;}
	.ind_box2 ul li:nth-child(2n){margin: 0 0 10px 0;}
	.ind_box2 ul li .cen h3{font: normal 14px/14px "微软雅黑";    margin-top: 10px;}
	.ind_box2 ul li .cen p{font: normal 12px/20px "微软雅黑";}
	.ind_box2 ul li .cen div img{width: 62px;}
	.ind_box2 ul li .img{height: 132px;}
	.ind_box2 .btn{margin: 0 auto 16px;}
	.ind_box2 .btn a{margin-top: 2px;padding: 0px 20px;height: 38px;font: normal 13px/38px "微软雅黑";}
	.ind_box3{padding: 0 10px;}
	.ind_box3 .lm{margin-bottom: 10px;}
	.ind_box3 .lm li a{width: 72px;margin-right: 10px;margin-left: 0px;font: normal 12px/35px "微软雅黑"; height: 35px;}
	.ind_box3 .lm li:nth-child(4) a{margin-right: 0px;}
	.ind_box3 .list{padding-bottom: 10px;}
	.ind_box3 .list .swiper-container{padding-bottom: 30px;}
	.ind_box3 .list .swiper-container .swiper-slide h3{font: normal 12px/16px "微软雅黑";height: 16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
	.ind_box4{padding: 0 10px;}
	.ind_box4 ul{display: block;margin: 0 auto 0px;}
	.ind_box4 ul li{float: left;width: 32%;margin: 0 2% 24px 0;height: 110px;}
	.ind_box4 ul li:nth-child(3n){margin: 0 0 10px 0;}
	.ind_box4 ul li p{font: normal 12px/14px "微软雅黑";}
	.ind_box4 ul li p img{width:80px;}
	.ind_box4 ul li h3{font: normal 12px/14px "微软雅黑";margin-top: 8px;}
	.ind_box5{padding: 0 10px;}
	.ind_box5 ul{margin: 0px auto 10px;}
	.ind_box5 ul li{height: 50px;width: 23.5%;margin: 0 2% 12px 0;}
	.ind_box5 ul li:nth-child(4n){margin: 0 0% 12px 0}
	.ind_box5 ul li:nth-child(6){margin: 0 2% 12px 0}
	.ind_box5 ul li:nth-child(18){margin: 0 2% 12px 0}
	.ind_box5 ul li .box{height: auto;}
	.ind_box5 ul li .box div{height: auto;}
	.ind_box5 ul li .box h3{font: normal 13px/22px "微软雅黑";}
	.ind_box6{padding-bottom: 20px;}
	.ind_box7{display: block;padding: 10px 2%;width: 95%;}
	.ind_box7 .box{width:100%;padding: 10px;margin-bottom: 10px;}
	.ind_box7 .box h3{font: normal 22px/28px "微软雅黑";margin-bottom: 6px;}
	.ind_box7 .box h3 a{font: normal 13px/30px "微软雅黑";}
	.ind_box7 .box .img{margin-bottom: 10px;}
	.ind_box7 .box .hot{padding-bottom: 10px;}
	.ind_box7 .box .hot h4{font: normal 14px/22px "微软雅黑";}
	.ind_box7 .box .hot p{font: normal 12px/20px "微软雅黑";height: 42px;}
	.ind_box7 .box .hot .wtime{width: 68px;height: 68px;font: normal 12px/20px "微软雅黑";}
	.ind_box7 .box .hot .wtime span{font: bold 28px/26px "微软雅黑";}
	.ind_box7 .box ul li{height: 26px;}
	.ind_box7 .box ul li a{font: normal 12px/26px "微软雅黑";}
	.ind_box7 .box ul li em{display:none;}
	.ind_box7 .box ul li span{margin: 0 10px 2px 5px;}
	
	footer {padding: 0 10px;}
	footer .f1{padding: 14px 0px 0;}
	footer .f1 .l{display: none;}
	footer .f1 .r{width: 100%;}
	footer .f1 .r .con{width: 100%;}
	footer .f1 .r .con h3{font: bold 15px/18px "微软雅黑";margin-bottom: 6px;}
	footer .f1 .r .con p{font: normal 12px/22px "微软雅黑";}
	footer .f1 .r .ewm{display: none;}
	footer .f1 .r .ewm div{margin-top: 10px;font: normal 12px/24px "微软雅黑";}
	footer .f1 .r .ewm div img{margin: 0 auto;width: 80px;}
	footer .f1 .links{font: normal 12px/20px "微软雅黑";margin: 4px auto 6px;}
	footer .f2{padding: 4px 0 0px;font: normal 12px/24px "微软雅黑";}
	
	.ny_main .ny_lj{display:none;}
	.ny_about>.con{padding: 20px 10px;}
	.ny_about>.con p{font: normal 20px/24px '微软雅黑'!important;}
	.ny_about>.con p:nth-child(2){font: normal 13px/22px '微软雅黑'!important;}
	.ny_about>.con p:nth-child(4){font: normal 20px/6px '微软雅黑'!important;}
	.ny_about>.con p:nth-child(6){font: normal 13px/22px '微软雅黑'!important;}
	.ny_about>.con p:nth-child(7){font: bold 15px/22px '微软雅黑'!important;}
	.ny_about>.con p:nth-child(8){font: normal 13px/22px '微软雅黑'!important;}
	.ny_about>.con2 p{font: normal 20px/24px '微软雅黑'!important;}	
	.ny_about>.con2 span{display:none!important;}
	.ny_about>.con2 div{margin-top: 10px;}
	.ny_about>.con2 div p{font: normal 13px/22px '微软雅黑'!important;}
	.ny_about>.con2 div br{display: none;}
	
	.ny_news{padding: 0 10px 20px;}
	.ny_news .hot{padding: 20px 0 20px;}
	.ny_news .hot .wtime{display: none;}
	.ny_news .hot .img{width: 100%;}
	.ny_news .hot .r{width: 100%;}
	.ny_news .hot .r h3{font: normal 16px/20px "微软雅黑";height: 20px;margin: 3px 0;}
	.ny_news .hot .r div{font: normal 13px/20px "微软雅黑";}
	.ny_news .hot .r .btn{width: 100px;height: 38px;font: normal 12px/38px "微软雅黑";margin-top: 10px;}
	.ny_news .list li .wtime{display: none;}
	.ny_news .list li .img{width:100%;}
	.ny_news .list li .bor{padding: 4px 0px;margin: 5px 0 0;}
	.ny_news .list .r h3{font: normal 16px/20px "微软雅黑";height: 20px;margin-bottom: 4px;}
	.ny_news .list .r div{font: normal 12px/20px "微软雅黑";}
	.ny_news .list .r{width:100%;}
	.ny_news_detail{padding: 0 10px;}
	.ny_news_detail>.box{padding: 10px 0px 0;}
	.ny_news_detail>.box>h3{font: normal 20px/30px "微软雅黑";}
	.ny_news_detail>.box .infos{font: normal 12px/24px "微软雅黑";margin-bottom: 10px;}
	.ny_news_detail>.box .infos span{display: block;margin-right: 0px;}
	.ny_news_detail>.box .con{padding-bottom: 0px;font: normal 13px/20px "微软雅黑";}
	.ny_news_detail>.box .con>p>span{font: normal 13px/24px "微软雅黑"!important;}
	.ny_news_detail>.box .prev_next{font: normal 12px/20px "微软雅黑";    padding: 10px 0;}
	.ny_news_detail>.box .prev_next div{margin-bottom: 6px;}
	.ny_news_detail>.box .prev_next div span{height: 20px; width: 54px;margin-right: 10px;}
	
	.ny_advantage>.con{padding: 20px 10px;}
	.ny_advantage>.con2 p{font: normal 20px/24px '微软雅黑'!important;}	
	.ny_advantage>.con2 span{display:none!important;}
	.ny_advantage>.con2 div{margin-top: 10px;}
	.ny_advantage>.con2 div p{font: normal 13px/22px '微软雅黑'!important;}
	.ny_advantage>.con2 div br{display: none;}
	
	.popup_layer_box{width: 90%;padding: 10px;}
	.popup_layer_box .close{width: 30px;height: 30px;right: -4px;font: bold 26px/24px "微软雅黑";top: -36px;}
	.popup_layer_box .box iframe{height:auto!important;}
	.popup_layer_box h3{font: normal 12px/16px "微软雅黑";}
	.ny_case {padding: 10px 10px;}
	.ny_case .lm{display: none;}
	.ny_case .list li{width: 100%;margin-bottom: 10px;}
	.ny_case .list li .box1{top: 31%;}
	.ny_case .list li .con{padding: 2px 15px 7px;}
	.ny_case .list li .con h3{font: normal 16px/22px "微软雅黑";}
	.ny_case .list li .con p{font: normal 13px/20px "微软雅黑";}
	.ny_case_detail{padding: 0 10px;}
	.ny_case_detail>.box{padding: 20px 0 0;}
	.ny_case_detail>.box>h3{font: normal 20px/18px "微软雅黑";}
	.ny_case_detail>.box .con{font: normal 13px/22px "微软雅黑";padding-bottom: 20px;}
	.ny_case_detail>.box .con p br{display:none;}
	.ny_case_detail>.box .con>p>span{font: normal 13px/22px "微软雅黑"!important;}
	.ny_case_detail>.box .prev_next{font: normal 12px/20px "微软雅黑";    padding: 10px 0;}
	.ny_case_detail>.box .prev_next div{margin-bottom: 6px;}
	.ny_case_detail>.box .prev_next div span{height: 20px; width: 54px;margin-right: 10px;}
	
	.ny_join{padding:0px 10px;}
	.ny_join>.list{padding-bottom:0px;}
	.ny_join>.list li{padding: 15px 10px 10px;margin-bottom: 10px;}
	.ny_join>.list li .l{width: 59px; height: 59px;}
	.ny_join>.list li .c{width: auto;}
	.ny_join>.list li .c h3{font: bold 16px/26px "微软雅黑";margin-top: 10px;}
	.ny_join>.list li .r{position: absolute;left: 68%;font: normal 16px/40px "微软雅黑";width: 60px;}
	.ny_join>.list li .r div{width: 43px}
	.ny_join>.list li .c h4{font: bold 14px/14px "微软雅黑";}
	.ny_join>.list li .c div{font: normal 13px/20px "微软雅黑";}
	.ny_join>.list li .c .btn{width: 110px; height: 38px;font: bold 16px/38px "微软雅黑";margin-top: 16px;}
	.ny_case .list li{
        margin-right:0px;
    }
    .ny_case .list li .img img{
        width:100%;
    }
}


.commtel {
    position: absolute;
    top: -18px;
    right: 10px;
    color: white;
    font-size: 20px;
    font-weight: 600;
}

/* 分页一 */
.mpage {
    margin-top: 0px;
    margin:0px auto;
    float:right;
}

.em_lipstyle {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #333;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    height: 33px;
    line-height: 33px;
    margin-left: 4px;
    text-align: center;
    padding: 0px 3px;
}

.a_normoal_now {
    background-color: #ddd;
    border: 1px solid #ddd;
    border-radius: 4px 4px 4px 4px;
    color: white;
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 33px;
    line-height: 33px;
    margin-left: 4px;
    text-align: center;
    width: 33px;
}

.a_normoal {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #333;
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 33px;
    line-height: 33px;
    margin-left: 4px;
    text-align: center;
    padding: 0px 0px;
    min-width: 33px;
}

.page_next, .page_next a {
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #333;
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 33px;
    line-height: 33px;
    margin-left: 4px;
    text-align: center;
    text-decoration: none;
    width: 40px;
}