/* 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}
a{ text-decoration:none; color:#333333; margin:0; padding:0; border:0;}
p,h2,h3,h4,img,div{ border:0; margin:0; padding:0;}
input,textarea{ border:0; outline:none;}
img{ display:block; max-width:100%; max-height:100%;}
.clear{ clear:both;}
.w1200{ width:1200px; margin:0 auto;}
.w1300{ width:1300px; margin:0 auto;}

header{ width:100%; background:url(../images/index_02.jpg) repeat-x bottom;}
header .logo{ float:left; padding:30px 20px 10px;}
header .search{ float:right; margin-top:10px;}
header .search p{text-align:right; font-size:12px;color:#666;line-height:36px; padding:0 20px;}
header .search p em{ font-style:normal; margin:0 10px;}
header .search .box{ height:40px; border:1px solid #c1c1c1; box-sizing:border-box; padding:1px 0px 0 15px;}
header .search .box input{ width: 230px;float:left; height:34px; padding:0; background:none;}
header .search .box button{margin-top: -2px; width:40px; height:39px; padding:0; border:0;background-color: #0d88d1; /*background:none;*/}
header menu{ width:100%; height:50px; float:left; margin:0; padding:0;}
header menu>ul>li{ width:150px; font:normal 16px/50px "微软雅黑"; text-align:center; display:inline-block; position:relative; transition:ease-in 0.3s;}
header menu>ul>li>a{ display:inline-block; width:100px; height:50px; position:relative;}
header menu>ul>li ul{ position:absolute; z-index:9; width:120px; left:50%; top:50px; transform:translateX(-50%); background:#FFF; display:none;}
header menu>ul>li ul li{ height:40px; padding-left:15px; font:normal 16px/40px "微软雅黑"; text-align:left;}
header menu>ul>li ul li a span{ font:normal 12px/40px Arial;}
header menu>ul>li.on>a{ border-bottom:5px solid #0d6fb8; box-sizing:border-box; color:#0d6fb8; font:bold 16px/50px "微软雅黑";}
header menu>ul>li:hover>a{ border-bottom:5px solid #0d6fb8; box-sizing:border-box; color:#0d6fb8; font:bold 16px/50px "微软雅黑";}
header menu>ul>li:hover>ul{ display:block;}
header menu>ul>li:hover>ul li:hover{ background:#0d6fb8; color:#FFF;}
header menu>ul>li:hover>ul li:hover a{ color:#FFF;}


.ind_ban{ width:100%;}
.ind_ban .swiper-slide{ text-align:center;}
.ind_ban .swiper-slide img{ display:inline-block!important;}
.ind_ban .swiper-pagination-bullet{ width:16px; height:16px; background:#0D6FB8;opacity:1;}
.ind_ban .swiper-pagination-bullet-active{ background:#fff;}

.ind_tit{ text-align:center; padding:35px 0 23px;}
.ind_tit h3{ font:bold 24px/34px "微软雅黑"; color:#0d6fb8;}
.ind_tit p{ font:normal 16px/24px Arial; color:#1c3548;}

.ind_brand{ overflow:hidden;}
.ind_brand .brand_img{ overflow:hidden; margin-bottom:20px;}
.ind_brand .brand_img>div{ float:left; border:3px solid #d6d6d6;}
.ind_brand .brand_img>div:last-child{ float:right;}
.ind_brand dl{ overflow:hidden;}
.ind_brand dl dt{ overflow:hidden; width:100%; height:230px; background:url(../images/index_18.jpg); border-radius:110px 0 0;}
.ind_brand dl dt .img{ width:220px; height:220px; float:left; border:5px solid #e9e9e9; border-radius:110px 110px 110px 0; overflow:hidden;}
.ind_brand dl dt ul{ width:880px; float:right; overflow:hidden; margin:28px 40px 0 0;}
.ind_brand dl dt ul li{ width:120px; height:55px; float:left; margin:0 8px 15px 0; }
.ind_brand dl dt ul .more{ float:right; margin:0 8px 0 0; color:#FFF; font:normal 16px/32px "微软雅黑";}
.ind_brand dl dd{ overflow:hidden; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9; box-sizing:border-box; margin-bottom:50px;}
.ind_brand dl dd .swiper-slide{ height:360px; float:left; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; box-sizing:border-box; text-align:center;}
.ind_brand dl dd .swiper-slide>div{ margin:10px auto; width:220px; height:220px;}
.ind_brand dl dd .swiper-slide>h3{ font:normal 16px/26px "微软雅黑"; color:#0d6fb8; margin-top:10px;}
.ind_brand dl dd .swiper-slide>p{ font:normal 14px/24px "微软雅黑";}
.ind_brand dl dd .swiper-slide:hover{ box-shadow:0 0 20px #efeded;}
.ind_brand dl dd .swiper-slide:hover>h3{ font:bold 16px/26px "微软雅黑";}
.ind_brand dl dd .swiper-button-prev{ width:24px; height:42px; background:url(../images/index_29.png);}
.ind_brand dl dd .swiper-button-next{ width:24px; height:42px; background:url(../images/index_32.png);}

.ind_applacation{ overflow:hidden; background:url(../images/index_40.jpg) no-repeat center top;;}
.ind_applacation ul li{ width:380px; height:214px; float:left; position:relative; overflow:hidden; margin:0 30px 30px 0;}
.ind_applacation ul li:nth-child(3n){ margin:0 0 30px 0;}
.ind_applacation ul li .cen{ width:100%; height:42px; position:absolute; left:0; bottom:0px; background:rgba(13,111,184,0.85); text-align:center; transition:ease-in-out 0.3s;}
.ind_applacation ul li .cen h3{ font:bold 18px/42px "微软雅黑"; color:#FFF;}
.ind_applacation ul li .cen div{ font:normal 16px/24px "微软雅黑"; padding:0 12px; color:#FFF;}
.ind_applacation ul li .cen>a{ display:block; width:142px; height:38px; border:1px solid #FFF; border-radius:19px; margin:15px auto; font:normal 16px/38px "微软雅黑"; color:#FFF;}
.ind_applacation ul li .cen>a img{ display:inline-block; vertical-align:middle; margin-left:8px;}
.ind_applacation ul li:hover .cen{ height:100%;}
.ind_applacation ul li:hover .cen h3{ margin:25px auto 13px; font:bold 24px/52px "微软雅黑"; position:relative;}
.ind_applacation ul li:hover .cen h3:after{ content:''; position:absolute; width:62px; height:5px; background:#FFF; bottom:-5px; left:50%; margin-left:-31px;}

.ind_about{ overflow:hidden; background:url(../images/index_55.jpg) no-repeat bottom;}
.ind_about .img{ width:530px; height:320px; float:left; position:relative; background:#e9f0f5; margin:15px 0 0 15px;}
.ind_about .img img{ width:530px; height:320px; position:absolute; right:15px; bottom:15px;}
.ind_about .con{ width:600px; float:right; font:normal 16px/35px "微软雅黑";}
.ind_about .con a{ color:#999999;}
.ind_about ul{ margin:50px auto; overflow:hidden; width:100%; float:left;}
.ind_about ul li{ width:268px; height:188px; float:left; border:3px solid #e9f0f5; margin-right:34.66px;}
.ind_about ul li:last-child{ margin-right:0;}

.ind_honor{ padding-bottom:50px;}
.ind_honor .sw4{ margin:30px auto;}
.ind_honor .sw4 .swiper-button-prev{ width:24px; height:42px; background:url(../images/index_29.png);}
.ind_honor .sw4 .swiper-button-next{ width:24px; height:42px; background:url(../images/index_32.png);}
.ind_online{ background:url(../images/index_57.jpg) no-repeat center top; width:100%; height:196px; text-align:center;}
.ind_online li{ width:100px; display:inline-block; margin:22px 80px;}
.ind_online li>div{ width:100px; height:100px; border-radius:50%; overflow:hidden; margin-bottom:15px;}
.ind_online li>p{ text-align:center; font:normal 16px/22px "微软雅黑"; color:#FFF;}
.ind_online li>p a{ color:#FFF;}
.ind_online li>p img{ display:inline-block; margin:0 10px 0 0; vertical-align:middle;}

.ind_partner{ overflow:hidden; height:555px; background:url(../images/index_70.jpg) no-repeat top;}
.ind_partner .ind_tit h3{ color:#FFF;}
.ind_partner .ind_tit p{ color:#FFF;}
.ind_partner ul li{ width:175px; height:82px; float:left; margin:0 30px 15px 0;}
.ind_partner ul li:nth-child(6n){ margin:0 0 15px 0;}

.ind_news{ overflow:hidden; width:710px; float:left;}
.ind_news>h3{ font:bold 24px/24px "微软雅黑"; color:#0d6fb8; margin:50px 0 0;}
.ind_news>h3 span{ font:normal 16px/16px Arial; padding:10px 0 0 10px; color:#1c3548;}
.ind_news .more{ height:30px; text-align:right;}
.ind_news .more a{ font:normal 16px/30px "微软雅黑"; color:#999999;}
.ind_news ul li{ overflow:hidden; border-bottom:1px dashed #ccc; font:normal 16px/50px "微软雅黑";}
.ind_news ul li>span{ float:right; color:#b0b8bd; padding-right:15px;}
.ind_news ul li>a{ padding-left:15px;}
.ind_news ul li:nth-child(1){ padding-bottom:20px;}
.ind_news ul li:nth-child(1)>div{ width:115px; float:left; text-align:center; font:normal 14px/20px Arial; border-right:1px solid #ccc; padding-bottom:10px;}
.ind_news ul li:nth-child(1)>div p{ color:#b0b8bd; font:bold 48px/50px Arial;}
.ind_news ul li:nth-child(1)>h3{ width:570px; float:right; font:bold 18px/20px "微软雅黑";}
.ind_news ul li:nth-child(1)>h3 a{ color:#0d6fb8;}
.ind_news ul li:nth-child(1)>p{ width:570px; float:right; font:normal 16px/24px "微软雅黑"; color:#adadad; height:48px; overflow:hidden; padding-top:10px;}

.ind_contact{ width:418px; background:#0d6fb8; float:right;}
.ind_contact .img{ padding:60px 30px 15px; position:relative;}
.ind_contact .img:after{ content:''; width:100%; height:12px; background:#0d6fb8; position:absolute; z-index:1; top:-12px; left:0;}
.ind_contact .img:before{ content:''; width:10px; height:11px; background:url(../images/index_99.png); position:absolute; z-index:1; top:-12px; left:-10px;}
.ind_contact .con{ padding:0 40px 40px; color:#FFF;}
.ind_contact .con h4{ font:bold 18px/35px "微软雅黑";}
.ind_contact .con ul li{ overflow:hidden; font:normal 16px/26px "微软雅黑"; margin-bottom:10px;}
.ind_contact .con ul li span:first-child{ width:95px; display:inline-block; float:left;}
.ind_contact .con ul li span:first-child img{ display:inline-block; vertical-align:middle; margin-right:15px;}

footer{ overflow:hidden; background:#0e6eb8;}
footer .f1{ padding:55px 0; overflow:hidden; border-bottom:1px solid #464748;}
footer .f1 .ewm{ width:135px; float:right; margin:15px 75px 0 0;}
footer .f1 .ewm>span{ color: #ffffff;font-size: 15px;}
footer .f1 .logo{ width:180px; float:left; border-right:1px solid #464748;}
footer .f1 .menu{ float:left; padding:15px 0 0 45px;}
footer .f1 .menu dl{ width:160px; float:left;}
footer .f1 .menu dl dt{ font:bold 18px/20px "微软雅黑"; color:#e3e3e3; padding-bottom:15px;}
footer .f1 .menu dl dd a{ font:normal 16px/30px "微软雅黑"; color:#e3e3e3;}
footer .f2{ padding:16px 0 30px; font:normal 16px/30px "微软雅黑"; color:#ababab; text-align:center;}
footer .f2 .fx span{ display:inline-block;}
footer .f2 .fx img{ display:inline-block;}

.ny_ban{ width:100%; overflow:hidden; position:relative;}
.ny_ban img{ position:relative; left:50%; top:0; display:block; transform:translateX(-50%);}

.ny_main{ padding:50px 0;}
.ny_main .l_pp{ width:260px; float:left; border:1px solid #e5e5e5;}
.ny_main .l_pp h3{ height:70px; background:url(../images/product_05.jpg) repeat-x; padding:26px 16px 13px; box-sizing:border-box; font:bold 20px/20px "微软雅黑"; color:#0d6fb8;}
.ny_main .l_pp h3 span{ font:normal 14px/14px Arial; color:#cfcfcf; padding:8px 0 0 5px;}
.ny_main .l_pp dl dt{ position:relative; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.ny_main .l_pp dl dt:after{ content:''; width:29px; height:29px; position:absolute; right:30px; top:15px; background:url(../images/product_04.png) no-repeat; transform:rotate(180deg);}
.ny_main .l_pp dl dd{ height:40px; border-bottom:1px dashed #e5e5e5; box-sizing:border-box; display:none;}
.ny_main .l_pp dl dd:last-child{ border-bottom:0;}
.ny_main .l_pp dl dd a{ display:block; width:100%; height:100%; padding-left:20px; box-sizing:border-box; font:normal 16px/40px "微软雅黑";}
.ny_main .l_pp dl dd a span{ font:normal 12px/40px Arial; color:#999999; margin-right:10px;}
.ny_main .l_pp dl.on dt:after{ transform:rotate(0deg);}
.ny_main .l_pp dl.on dd{ display:block;}
.ny_main .l_pp dl.on dd.on a{ font:bold 16px/40px "微软雅黑"; color:#0d6fb8;}

.ny_main .r_pp{ width:910px; float:right;}
.ny_main .r_pp .lj{ height:70px; border-bottom:1px solid #e5e5e5; font:bold 20px/70px "微软雅黑"; color:#0d6fb8;}
.ny_main .r_pp .lj span{ float:right; font:normal 16px/70px "微软雅黑"; color:#999;}
.ny_main .r_pp .lj img{ display:inline-block; margin:20px 13px 0 0; vertical-align:top;}
.ny_main .r_pp>ul{ overflow:hidden;}
.ny_main .r_pp>ul li{ width:440px; height:240px; border:1px solid #e9e9e9; float:left; margin:30px 30px 0 0; padding:10px; box-sizing:border-box;}
.ny_main .r_pp>ul li:nth-child(2n){ margin:30px 0 0;}
.ny_main .r_pp>ul li>div{ float:left; width:220px; height:220px;}
.ny_main .r_pp>ul li>h3{ width: 198px;float:left; font:bold 16px/24px "微软雅黑"; color:#0d6fb8; padding-top:15px;}
.ny_main .r_pp>ul li>p{ float:left; font:normal 14px/24px "微软雅黑"; margin-bottom:30px;}
.ny_main .r_pp>ul li>.btn{ float:left; display:block; width:116px; height:32px; text-align:center; font:normal 20px/32px "微软雅黑"; color:#FFF; background:#1e74ba; border-radius:5px;}

.ny_pages{ padding:40px 0 50px; text-align:center;}

.ny_pp_details .img{ width:400px; height:400px; float:left; margin:30px 0; border:1px solid #e9e9e9; box-sizing:border-box;}
.ny_pp_details .img img{ width:100%; height:100%;}
.ny_pp_details .con{ width:478px; float:right;}
.ny_pp_details .con h3{ font:bold 20px/26px "微软雅黑"; color:#0d6fb8; margin:20px auto 10px;}
.ny_pp_details .con p{ font:normal 16px/34px "微软雅黑"; margin-bottom:60px;}
.ny_pp_details .con .btn a{ display:block; width:146px; height:42px; text-align:center; border-radius:5px; color:#FFF; float:left; margin-right:20px;}
.ny_pp_details .con .btn a:nth-child(1){ font:normal 24px/42px "微软雅黑"; background:#1e74ba;}
.ny_pp_details .con .btn a:nth-child(2){ font:normal 16px/42px "微软雅黑"; background:#d0372b;}
.ny_pp_details .con .btn a:nth-child(2) img{ display:inline-block; margin-right:10px; vertical-align:top;}
.ny_pp_details .det{ width:100%; float:left; overflow:hidden; border:1px solid #e9e9e9; box-sizing:border-box; padding-bottom:20px; margin-bottom:50px;}
.ny_pp_details .det h4{ height:50px; background:url(../images/product_show_12.jpg); font:normal 20px/50px "微软雅黑"; color:#0d6fb8; border-bottom:1px solid #e9e9e9;}
.ny_pp_details .det h4 img{ display:inline-block; float:left;}
.ny_pp_details .det>div{ margin:16px 17px 28px;}
.ny_pp_details .det>dl{ overflow:hidden; margin:0 22px 16px; padding-bottom:15px; border-bottom:1px dashed #e9e9e9;}
.ny_pp_details .det>dl dt{ font:bold 16px/30px "微软雅黑"; color:#0d6fb8; margin-bottom:15px;}
.ny_pp_details .det>dl dt img{ display:inline-block; vertical-align:top; margin-right:10px;}
.ny_pp_details .det>dl dt div{ float:right; width:824px;}
.ny_pp_details .det>dl dd{ font:normal 16px/30px "微软雅黑";}
.ny_pp_details .det>dl dd img{ display:inline-block; vertical-align:top; margin-right:10px;}
.ny_pp_details .det>dl dd div{ float:right; width:824px;}
.ny_pp_details .det>dl dd div span{ display:inline-block; background:#0d6fb8; color:#FFF; margin:0 4px; padding:0 4px;}

.prev_next{ float:left; width:100%; overflow:hidden; border-top:1px solid #e9e9e9; margin-bottom:34px;}
.prev_next span{ width:50%; float:left; font:normal 16px/50px "微软雅黑";}
.prev_next span:nth-child(2){ float:right; text-align:right;}
.prev_next span a{ color:#0d6fb8;}

.ny_lj{ overflow:hidden; font:bold 20px/40px "微软雅黑"; color:#0d6fb8; border-bottom:1px solid #e5e5e5; padding-bottom:16px;}
.ny_lj span{ float:right; font:normal 16px/40px "微软雅黑"; color:#999;}
.ny_lj img{ display:inline-block; margin:0px 13px 0 0; vertical-align:top;}
.ny_sulution ul{ margin-top:30px;}
.ny_sulution ul li{ width:380px; height:380px; float:left; margin:0 30px 30px 0; border:1px solid #e5e5e5; box-sizing:border-box; /*text-align:center; display:flex; justify-content:center;align-items:center;*/}
.ny_sulution ul li:nth-child(3n){ margin:0 0 30px 0;}
.ny_sulution ul li:hover{ box-shadow:0 0 20px #dcdcdc;}
.ny_sulution ul li>h3{ font:bold 18px/30px "微软雅黑"; color:#0d6fb8; padding:10px 10px 0}
.ny_sulution ul li>p{ font:normal 16px/26px "微软雅黑"; padding:0 10px; height:52px; overflow:hidden;}
.ny_sulution ul li>a{ display:block; width:110px; height:36px; font:normal 14px/36px "微软雅黑"; color:#FFF; text-align:center; background:#2376bb; border-radius:5px; margin:13px 10px 0;}

.ny_sulution_detail .box1{ overflow:hidden; height:338px; background:url(../images/solution_show_03.jpg) no-repeat top right; margin-top:30px;}
.ny_sulution_detail .box1 .img{ width:600px; height:338px; float:left;}
.ny_sulution_detail .box1 .img img{ width:100%;}
.ny_sulution_detail .box1 .con{ width:530px; float:right; margin:35px 30px 0 0;}
.ny_sulution_detail .box1 .con h3{ font:bold 20px/30px "微软雅黑"; margin-bottom:5px;}
.ny_sulution_detail .box1 .con>div{ font:normal 16px/34px "微软雅黑";}
.ny_sulution_detail .box2{ overflow:hidden; margin-top:30px;}
.ny_sulution_detail .box2 ul li{ width:370px; float:left; margin:0 45px 30px 0;}
.ny_sulution_detail .box2 ul li:nth-child(3n){ margin:0 0 30px 0;}
.ny_sulution_detail .box2 ul li>div{ width:100px; float:left;}
.ny_sulution_detail .box2 ul li>h3{ width:250px; float:right; font:bold 18px/34px "微软雅黑"; margin-bottom:10px;}
.ny_sulution_detail .box2 ul li>p{ width:250px; float:right; font:normal 16px/24px "微软雅黑";}
.ny_sulution_detail .box3{ overflow:hidden; margin-top:70px;}
.ny_sulution_detail .box3>h3{ text-align:center; font:bold 20px/40px "微软雅黑"; position:relative;}
.ny_sulution_detail .box3>h3:after{ content:''; width:77px; height:5px; position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); background:#0d6fb8;}
.ny_sulution_detail .box3 ul{ overflow:hidden; margin:40px auto 20px;}
.ny_sulution_detail .box3 ul li{ width:576px; float:left; margin:0 48px 20px 0;}
.ny_sulution_detail .box3 ul li:nth-child(2n){ margin:0 0 20px 0;}
.ny_sulution_detail .box3 ul li>div{ height:325px;}
.ny_sulution_detail .box3 ul li>h3{ padding:15px 10px 6px; font:normal 18px/34px "微软雅黑"; color:#0d6fb8;}
.ny_sulution_detail .box3 ul li>p{ padding:0 10px; font:normal 16px/24px "微软雅黑"; /*height:72px;*/ overflow:hidden;}
.ny_sulution_detail .box4{ border:1px solid #e5e5e5; overflow:hidden; margin-bottom:40px;}
.ny_sulution_detail .box4>h3{ height:70px; padding:0 16px; font:bold 20px/70px "微软雅黑"; color:#0d6fb8; background:url(../images/solution_show_15.jpg) repeat-x;}
.ny_sulution_detail .box4>h3 span{ font:normal 14px/80px Arial; color:#cfcfcf;}
.ny_sulution_detail .box4 .swiper-slide{ height:360px; float:left; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; box-sizing:border-box; text-align:center;}
.ny_sulution_detail .box4 .swiper-slide>div{ margin:10px auto; width:220px; height:220px;}
.ny_sulution_detail .box4 .swiper-slide>h3{ font:normal 16px/26px "微软雅黑"; color:#0d6fb8; margin-top:10px;}
.ny_sulution_detail .box4 .swiper-slide>p{ font:normal 14px/24px "微软雅黑";}
.ny_sulution_detail .box4 .swiper-slide:hover{ box-shadow:0 0 20px #efeded;}
.ny_sulution_detail .box4 .swiper-slide:hover>h3{ font:bold 16px/26px "微软雅黑";}
.ny_sulution_detail .box4 .swiper-button-prev{ width:24px; height:42px; background:url(../images/index_29.png);}
.ny_sulution_detail .box4 .swiper-button-next{ width:24px; height:42px; background:url(../images/index_32.png);}

.ny_brand ul{ margin:30px auto 10px;}
.ny_brand ul li{ width:275px; float:left; margin:0 30px 30px 0; border:1px solid #e5e5e5; padding-bottom:25px; background:#e9e9e9;}
.ny_brand ul li:nth-child(4n){ margin:0 0 30px 0;}
.ny_brand ul li:hover{ box-shadow:0 0 20px #dcdcdc;}
.ny_brand ul li>div{ height:125px;}
.ny_brand ul li>h3{ font:bold 18px/30px "微软雅黑"; color:#0d6fb8; padding:10px 10px 0}
.ny_brand ul li>p{ font:normal 16px/26px "微软雅黑"; padding:0 10px; height:52px; overflow:hidden;}
.ny_brand ul li>a{ display:block; width:110px; height:36px; font:normal 14px/36px "微软雅黑"; color:#FFF; text-align:center; background:#2376bb; border-radius:5px; margin:13px 10px 0;}
.ny_brand ul li>a img{ display:inline-block; vertical-align:middle; height:10px; margin-left:5px;}

.ny_brand_detail>h3{ text-align:center; font:bold 30px/75px "微软雅黑"; margin:40px auto 0;}
.ny_brand_detail>.times{ text-align:center; margin-bottom:50px;}
.ny_brand_detail>.times span{ display:inline-block; font:normal 16px/24px "微软雅黑"; color:#999999; margin:0 40px;}
.ny_brand_detail>.times span img{ vertical-align:top; display:inline-block; margin-right:10px;}
.ny_brand_detail>.con{ overflow:hidden; margin-bottom:50px; font:normal 16px/34px '微软雅黑';}

.ny_news ul{ padding:30px 0 0;}
.ny_news ul li{/* padding:20px; border:1px solid #e5e5e5; */box-sizing:border-box; overflow:hidden; margin:0 0 30px;}
.ny_news ul li:hover{ box-shadow:0 0 30px #dcdcdc;}
.ny_news ul li>div{ width:120px; float:left; text-align:center; font:normal 18px/30px Arial; color:#b0b8bd; border-right:1px solid #ccc; padding:0 20px 10px 0;}
.ny_news ul li>div p{ color:#0d6fb8; font:bold 80px/80px Arial;}
.ny_news ul li>h3{ width:980px; float:right; font:bold 18px/20px "微软雅黑";}
.ny_news ul li>h3 a{ color:#0d6fb8;}
.ny_news ul li>p{ width:980px; float:right; font:normal 16px/24px "微软雅黑"; color:#adadad; height:48px; overflow:hidden; padding-top:10px;}
.ny_news ul li>span{ display:block; width:980px; float:right;}
.ny_news ul li>span a{ display:block; width:110px; height:36px; float:left; font:normal 14px/36px "微软雅黑"; color:#FFF; text-align:center; background:#2376bb; border-radius:5px; margin:13px 0 0;}
.ny_news ul li>span a img{ display:inline-block; vertical-align:middle; height:10px; margin-left:5px;}

.ny_about{ overflow:hidden; margin-bottom:30px;}
.ny_about .img{ width:530px; height:320px; float:right; position:relative; background:#e9f0f5; margin:45px 0 0 15px;}
.ny_about .img img{ width:530px; height:320px; position:absolute; right:15px; bottom:15px;}
.ny_about .con{ width:600px; float:left; font:normal 16px/35px "微软雅黑"; margin:30px 0 0;}
.ny_about .con a{ color:#999999;}
.ny_about>ul{ margin:50px auto; overflow:hidden; width:100%; float:left;}
.ny_about>ul li{ width:268px; height:188px; float:left; border:3px solid #e9f0f5; margin-right:34.66px;}
.ny_about>ul li:last-child{ margin-right:0;}

.ny_history>ul{ margin:150px 0 80px; position:relative;}
.ny_history>ul:after{ content:''; width:0; height:100%; border-right:1px solid #e9e9e9; position:absolute; z-index:1; left:50%; top:-50px;}
.ny_history>ul:before{ content:''; width:0; height:0; position:absolute; z-index:2; left:calc(50% - 9px); top:-67px; border-width:17px 10px; border-style:solid; border-color:transparent transparent #0d6fb8 transparent;}
.ny_history>ul li{ width:50%; float:left; text-align:right; margin-bottom:30px; border-left:2px solid #fff; position:relative;}
.ny_history>ul li>div{ width:198px; float:right; margin:0 25px 0 15px;}
.ny_history>ul li>h3{ width:360px; float:right; font:bold 24px/60px "微软雅黑"; color:#0d6fb8;}
.ny_history>ul li>p{ width:360px; float:right; font:normal 18px/30px "微软雅黑";}
.ny_history>ul li:after{ content:''; width:26px; height:26px; background:#e9e9e9; border-radius:50%; position:absolute; z-index:2; right:-12px; top:17px;}
.ny_history>ul li:before{ content:''; width:16px; height:16px; background:#0d6fb8; border-radius:50%; position:absolute; z-index:3; right:-7px; top:22px;}
.ny_history>ul li:nth-child(2n){ float:right; text-align:left;}
.ny_history>ul li:nth-child(2n)>div{ float:left; margin:0 15px 0 25px;}
.ny_history>ul li:nth-child(2n)>h3{ float:left;}
.ny_history>ul li:nth-child(2n)>p{ float:left;}
.ny_history>ul li:nth-child(2n):after{ left:-12px;}
.ny_history>ul li:nth-child(2n):before{ left:-7px;}

.ny_join .img{ margin:30px 0 50px;}
.ny_join>ul{ overflow:hidden;}
.ny_join>ul li{ width:50%; float:left; margin-bottom:40px;}
.ny_join>ul li h3{ font:bold 24px/50px "微软雅黑"; margin-bottom:20px;}
.ny_join>ul li p{ font:bold 20px/30px "微软雅黑";}
.ny_join>ul li div{ font:normal 16px/30px "微软雅黑";}
.ny_join>.con{ font:normal 16px/30px "微软雅黑"; margin-bottom:50px;}
.ny_join>.con>span{ display:inline-block; padding:2px 5px; margin:0 5px; background:#0d6fb8; color:#FFF;}

.ny_contact>ul{ overflow:hidden; margin:30px 30px 0;}
.ny_contact>ul li{ width:485px; float:left; margin-bottom:30px;}
.ny_contact>ul li:nth-child(2n){ float:right;}
.ny_contact>ul li>div{ height:270px; margin-bottom:10px;}
.ny_contact>ul li>h3{ font:bold 24px/40px "微软雅黑"; color:#0d6fb8;}
.ny_contact>ul li>p{ min-height:144px; font:normal 18px/36px "微软雅黑";}


.Right-fixed {
  position: fixed;
  right: .2rem;
  bottom: 7rem;
  border-radius: 2px;
  z-index: 10;
}
.Right-fixed > .Right-fixed-box {
  width: 65px;
  height: 65px;
  margin-bottom: 0.5rem;
  margin-right: 9px;
  cursor: pointer;
  background-color: #FFFFFF;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
.Right-fixed > .zixun {
  background: #0d88d1;
  position: relative;
}
.Right-fixed > .zixun > a {
  margin: 0 auto;
  font-size: 1.1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 57%;
  height: 100%;
  color: #fff;
}
.Right-fixed > .dianhua {
  position: relative;
  transition: all 0.5s;
}
.Right-fixed > .dianhua > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.Right-fixed > .dianhua > .qq-onlineShow {
  width: 170px;
  height: 56px;
  position: absolute;
  left: 0px;
  top: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  background: #FFFFFF;
  justify-content: center;
  align-items: center;
  font-size: 0.16rem;
  display: none;
  color: #000;
  transition: all 0.5s;
}
.Right-fixed > .dianhua:hover {
  transition: all 0.5s;
}
.Right-fixed > .dianhua:hover > .qq-onlineShow {
  display: flex;
  left: -180px;
  transition: all 0.5s;
}
.Right-fixed > .qq-online {
  position: relative;
}
.Right-fixed > .qq-online > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.Right-fixed > .qq-online > .qq-onlineShow {
  width: 170px;
  height: 56px;
  position: absolute;
  left: 0px;
  top: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  background: #FFFFFF;
  justify-content: center;
  align-items: center;
  font-size: 1.3rem;
  color: #000;
  transition: all 0.5s;
  z-index: -1;
  opacity: 0;
  display: flex;
}
.Right-fixed > .qq-online:hover > .qq-onlineShow {
  left: -172px;
  transition: all 0.5s;
  z-index: 1;
  opacity: 1;
}
.Right-fixed > .erweima {
  position: relative;
}
.Right-fixed > .erweima > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56%;
  height: 100%;
  font-size: 18px;
  margin: 0 auto;
}
.Right-fixed > .erweima > .show-wecaht {
  width: 170px;
  height: 170px;
  position: absolute;
  left: -172px;
  top: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  display: none;
}
.Right-fixed > .erweima:hover > .show-wecaht {
  display: block;
}
.Right-fixed > #back-ToTop > a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.Right-fixed > .Right-fixed-box:hover {
/*  background-color: #FFFFFF;*/
}