/* CSS Document */
@charset "utf-8";
body{ margin:0; padding:0; font-family:"微软雅黑"; font-size:12px; color:#333333; background:#FFF;min-width: 1200px;}
ul,li,dl,dt,dd{ list-style:none; margin:0; padding:0; outline:none;}
a{ text-decoration:none; color:#333333; margin:0; padding:0; border:0; outline:none;}
p,h2,h3,h4,img,div{ border:0; margin:0; padding:0; outline:none;}
input,textarea{ border:0; outline:none; outline:none;}
img{ display:block; max-width:100%; max-height:100%; outline:none;}
.clear{ clear:both;}
.w1200{ width:1200px; margin:0 auto;}

header{ width:100%; height:105px; border-bottom:5px solid #0063ad; padding:0 6.25%; box-sizing:border-box;}
header .logo{ float:left; padding-top:22px;}
header .logo img{ display:inline-block; vertical-align:top; margin-right:30px;}
header .logo span{ display:inline-block; padding:7px 0 0; font:normal 16px/26px "微软雅黑";}
header .tel{ float:right; font:normal 16px/20px "微软雅黑"; padding-top:30px;}
header .tel img{ display:inline-block; vertical-align:top; margin-right:5px;}
header .tel p{ font:bold 20px/30px "微软雅黑"; color:#f26722;}
header>ul{ float:right; margin-right:30px;}
header>ul>li{ width:75px; margin:0 20px; float:left; position:relative;}
header>ul>li>a{ display:block; padding:32px 0 28px; text-align:center; font:normal 16px/24px "微软雅黑";}
header>ul>li>a>span{ display:block; font:normal 12px/16px "微软雅黑"; color:#999999;}
header>ul>li>ul{ position:absolute; z-index:8; left:50%; transform:translateX(-50%); top:105px; width:120px; background:#f26722; padding:0px 10px 0px; height:0; overflow:hidden; transition:ease-in-out 0.3s;}
header>ul>li>ul>li>a{ display:block; width:100%; font:normal 14px/34px "微软雅黑"; color:#FFF; border-bottom:1px dashed #fff; text-align:center;}
header>ul>li.on>a{ font-weight:bold; color:#f26722; border-bottom:5px solid #f26722;}
header>ul>li.on>a>span{ font-weight:bold; color:#f26722;}
header>ul>li:hover>ul{ padding:10px 10px 16px; height:auto;}

.ind_ban .swbp1{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); left:60px;}
.ind_ban .swbn1{ background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); right:60px;}
.ind_ban .swiper-pagination-bullet{ width:16px; height:16px; background:#FFF; opacity:0.8; margin:0 7px;}
.ind_ban .swiper-pagination-bullet-active{ border-radius:8px; background:#f26722; opacity:0.8;}

.ind_tit{ padding:50px 0 42px; text-align:center; position:relative;}
.ind_tit:after{ content:''; position:absolute; top:50%; left:50%; transform:translateX(-50%); width:67%; height:1px; border-bottom:1px solid #dadada;}
.ind_tit h3{ display:inline-block; padding:0 12px; font:normal 24px/30px "微软雅黑"; background:#FFF; position:relative; z-index:3;}
.ind_tit h3 p{ font:bold 24px/40px "微软雅黑"; color:#2372b9;}

.ind_box1{ width:100%; overflow:hidden; position:relative;}
.ind_box1:after{ content:''; width:100%; height:436px; position:absolute; z-index:-1; left:0; top:0; background:#f9f9f9;}
.ind_box1 .ind_tit h3{ background:#f9f9f9;}
.ind_box1 ul li{ width:380px; float:left; background:#FFF; border-bottom:10px solid #0063ad; box-shadow:0 0 15px #eeeeee; border-radius:10px; margin:0 30px 10px 0;}
.ind_box1 ul li div{ width:134px; height:134px; margin:30px auto 10px; border:3px solid #0063ad; border-radius:50%; overflow:hidden;}
.ind_box1 ul li h3{ font:bold 20px/40px "微软雅黑"; text-align:center; color:#0063ad;}
.ind_box1 ul li p{ height:90px; overflow:hidden; font:normal 16px/30px "微软雅黑"; padding:0 26px 20px;}
.ind_box1 ul li .more{ display:block; width:133px; height:43px; text-align:center; border:1px solid #0063ad; font:normal 16px/43px "微软雅黑"; color:#0063ad; margin:0 auto 30px;}
.ind_box1 ul li .more>em{ display:inline-block; vertical-align:top; width:15px; height:15px; overflow:hidden; position:relative; margin:15px 0px 0 12px; }
.ind_box1 ul li .more>em>em{ display:block; width:15px; height:15px; position:absolute; left:-15px; filter:drop-shadow(rgb(0, 99, 173) 15px 0px); background-size:contain;}
.ind_box1 ul li:nth-child(3){ margin:0 0 10px 0;}
.ind_box1 ul li:hover{ border-bottom:10px solid #f26722;}
.ind_box1 ul li:hover div{ border:3px solid #f26722;}
.ind_box1 ul li:hover h3{ color:#f26722;}
.ind_box1 ul li:hover .more{ color:#f26722; border:1px solid #f26722}
.ind_box1 ul li:hover .more>em>em{ filter:drop-shadow(rgb(242, 103, 34) 15px 0px);}

.ind_box2{ overflow:hidden; padding-bottom:80px; /*background:url(../images/index_20.jpg) no-repeat center bottom;*/}
.ind_box2 ul li{ width:380px; float:left; background:#FFF; border-bottom:10px solid #0063ad; box-shadow:0 0 15px #eeeeee; border-radius:10px; margin:0 30px 0px 0;}
.ind_box2 ul li div{ height:285px;}
.ind_box2 ul li h3{ padding:0 20px; font:normal 16px/50px "微软雅黑";}
.ind_box2 ul li h3 span{ float:right; color:#0063ad;}
.ind_box2 ul li:nth-child(3){ margin:0;}
.ind_box2 ul li:hover{ border-bottom:10px solid #f26722; color:#f26722;}
.ind_box2 ul li:hover h3 span{ color:#f26722;}

.ind_box3{ overflow:hidden; padding:60px 0; position:relative;}
.ind_box3:after{ content:''; position:absolute; z-index:-1; left:0; bottom:0; width:100%; height:224px; background:#f9f9f9;}
.ind_box3 .box{ width:380px; float:left; background:#FFF; box-shadow:0 0 15px #eeeeee; border-radius:10px;}
.ind_box3 .box h3{ font:bold 24px/60px "微软雅黑"; color:#0063ad; padding:0 15px;}
.ind_box3 .box h3 a{ float:right; font:normal 14px/70px "微软雅黑"; color:#888888;}
.ind_box3 .box .img{ padding:0 15px 22px;}
.ind_box3 .box1{ margin:0 30px 0px 0;}
.ind_box3 .box1 ul{ overflow:hidden; padding:0 15px 12px;}
.ind_box3 .box1 ul li{ border-bottom:1px dashed #f7f7f7; overflow:hidden;}
.ind_box3 .box1 ul li h4{ font:normal 16px/30px "微软雅黑"; height:30px; padding:5px 0; overflow:hidden;}
.ind_box3 .box1 ul li:hover h4{ color:#f26722;}
.ind_box3 .box1 ul li h4 em{ display:inline-block; vertical-align:middle; width:6px; height:6px; border-radius:50%; background:#e9e9e9; margin:17px 10px 17px 6px;}
.ind_box3 .box1 ul li:nth-child(1){ padding-bottom:12px;}
.ind_box3 .box1 ul li:nth-child(1) span{ display:block; float:left; margin-right:15px; width:60px; height:60px; background:#0063ad; font:normal 12px/16px "微软雅黑"; color:#FFF; text-align:center;}
.ind_box3 .box1 ul li:nth-child(1) span em{ display:block; margin:8px auto 0; font:bold 30px/30px "微软雅黑";}
.ind_box3 .box1 ul li:nth-child(1) h4{ padding:0;}
.ind_box3 .box1 ul li:nth-child(1) div{ color:#888888}
.ind_box3 .box2 ul{ overflow:hidden; padding:0 15px 12px;}
.ind_box3 .box2 ul li{ border-bottom:1px dashed #f7f7f7; overflow:hidden;}
.ind_box3 .box2 ul li h4{ font:normal 16px/38px "微软雅黑";}
.ind_box3 .box2 ul li h4 em{ display:inline-block; margin-right:5px; width:16px; height:16px; background:#333333; border-radius:50%; text-align:center; font:normal 12px/16px "微软雅黑"; color:#FFF;}
.ind_box3 .box2 ul li:hover h4{ color:#f26722;}
.ind_box3 .box2 ul li:hover h4 em{ background:#f26722;}

.ind_box4 ul{ padding-bottom:75px;}
.ind_box4 ul li{ width:216px; float:left; margin:0 30px 0 0;}
.ind_box4 ul li div{ box-shadow:0 0 15px #eeeeee;}
.ind_box4 ul li h3{ text-align:center; font:normal 16px/32px "微软雅黑";}
.ind_box4 ul li:nth-child(5){ margin:0;}
.ind_box4 ul li:hover h3{ color:#f26722;}

footer{ border-top:5px solid #0063ad;}
footer .w1200{ padding:45px 0 50px;}
footer ul{ float:left;}
footer ul li{ width:170px; float:left; text-align:left;}
footer ul li h3{ font:bold 20px/40px "微软雅黑"; margin-bottom:13px;}
footer ul li p a{ font:normal 16px/30px "微软雅黑"; color:#888888;}
footer .logo{ width:136px; float:left; margin-left:11px;}
footer .cont{ width:460px; float:right;}
footer .cont .ewm{ float:right; font:normal 14px/34px "微软雅黑"; color:#888888; text-align:center;}
footer .cont .ewm div{ border:1px solid #e7e7e7;}
footer .cont .con{ float:left; width:275px; font:normal 16px/28px "微软雅黑"; text-align:left;}
footer .copyright{ padding:23px 0 30px; text-align:center; font-size:16px; color:#888888; border-top:1px solid #e5e5e5;}
footer .copyright img{ display:inline-block;}

.r_online{ width:50px; position:fixed; z-index:80; top:43%; right:10px;}
.r_online ul li{ width:48px; height:48px; border:1px solid #dddddd; margin-bottom:7px; background:#FFF; position:relative;}
.r_online ul li em{ display:inline-block; vertical-align:top; width:48px; height:48px; overflow:hidden; position:relative; float:left;}
.r_online ul li em>em{ display:block; width:48px; height:48px; position:absolute; left:-48px; filter:drop-shadow(rgb(132, 132, 132) 48px 0px); background-size:contain;}
.r_online ul li div{ position:absolute; z-index:2; top:0; right:55px; border:1px solid #dddddd; border-top:5px solid #2372b9; padding:0 10px; font:normal 16px/44px "微软雅黑"; background:#FFF; display:none;}
.r_online ul li:hover{ background:#2372b9; border:1px solid #2372b9;}
.r_online ul li:hover em>em{ filter:drop-shadow(rgb(255, 255, 255) 48px 0px);}
.r_online ul li:hover div{ display:block;}
.r_online ul li:nth-child(1){ background:#2372b9; border:1px solid #2372b9;}
.r_online ul li:nth-child(2) div{ width:175px;}
.r_online ul li:nth-child(3) div{ width:265px;}
.r_online ul li:nth-child(4) div{ width:110px; font:normal 14px/24px "微软雅黑"; text-align:center; padding:10px;}

.ny_lm{ width:100%; border-bottom:1px solid #eeeeee; background:#f9f9f9; margin-bottom:40px;}
.ny_lm .lj{ font:normal 16px/60px "微软雅黑"; color:#888888; text-align:center;}
.ny_lm ul{ height:24px; padding:16px 0 0; text-align:center;}
.ny_lm ul li{ display:inline-block; margin:0 15px;}
.ny_lm ul li a{ display:block; width:180px; height:50px; background:#FFF; box-shadow:0 0 15px #eeeeee; border-radius:10px; border-bottom:10px solid #0063ad; box-sizing:border-box; font:normal 16px/40px "微软雅黑";}
.ny_lm ul li:hover a{ border-bottom:10px solid #f26722;}
.ny_lm ul li.on a{ border-bottom:10px solid #f26722;}

.ny_about{ padding:40px 0 60px;}
.ny_about .box1{ overflow:hidden;}
.ny_about .box1 .l{ width:550px; float:left;}
.ny_about .box1 .l>h3{ font:bold 20px/40px "微软雅黑"; margin-bottom:8px;}
.ny_about .box1 .l>div{ font:normal 16px/36px "微软雅黑";}
.ny_about .box1 .r{ width:570px; float:right; margin:20px 15px 0 0;}
.ny_about .box2{ width:100%; height:508px; margin:50px auto 60px; overflow:hidden; background:url(../images/about_08.jpg) no-repeat center top;}
.ny_about .box2 .cen{ width:50%; height:100%; background:rgba(35,114,185,0.8); float:right;}
.ny_about .box2 .cen>div{ width:850px; float:left; color:#FFF; padding:40px 10px 0 40px; box-sizing:border-box;}
.ny_about .box2 .cen>div>h3{ font:bold 20px/56px "微软雅黑";}
.ny_about .box2 .cen>div>p{ font:normal 16px/36px "微软雅黑";}



.ny_about .box21{ width:100%; height:608px; margin:50px auto 60px; overflow:hidden; background:url(../images/110.jpg) no-repeat center top;}
.ny_about .box21 .cen{ width:50%; height:100%; background:rgba(35,114,185,0.8); float:right;}
.ny_about .box21 .cen>div{ width:850px; float:left; color:#FFF; padding:40px 10px 0 40px; box-sizing:border-box;}
.ny_about .box21 .cen>div>h3{ font:bold 20px/56px "微软雅黑";}
.ny_about .box21 .cen>div>p{ font:normal 16px/36px "微软雅黑";}


.ny_about .box3>div>h3{ font:bold 20px/40px "微软雅黑"; margin-bottom:8px;}
.ny_about .box3>div>div{ font:normal 16px/36px "微软雅黑";}

.ny_honor{ padding:40px 0 60px;}
.ny_honor ul{ overflow:hidden; width:910px; margin:0 auto;}
.ny_honor ul li{ width:423px; float:left; border:1px solid #f1f1f1; margin:0 15px 30px;}

.ny_partner{ padding:40px 0 60px;}
.ny_partner ul li{ width:216px; float:left; margin:0 30px 32px 0;}
.ny_partner ul li div{ box-shadow:0 0 15px #eeeeee;}
.ny_partner ul li h3{ text-align:center; font:normal 16px/32px "微软雅黑";}
.ny_partner ul li:nth-child(5n){ margin:0 0 32px 0;}
.ny_partner ul li:hover h3{ color:#f26722;}

.ny_case{ padding:40px 0 60px;}
.ny_case>div>ul li{ width:380px; float:left; background:#FFF; border-bottom:10px solid #0063ad; box-shadow:0 0 15px #eeeeee; border-radius:10px; margin:0 30px 30px 0;}
.ny_case>div>ul li div{ height:285px;}
.ny_case>div>ul li h3{ padding:0 20px; font:normal 16px/50px "微软雅黑";}
.ny_case>div>ul li h3 span{ float:right; color:#0063ad;}
.ny_case>div>ul li:nth-child(3n){ margin:0 0 30px 0;}
.ny_case>div>ul li:hover{ border-bottom:10px solid #f26722; color:#f26722;}
.ny_case>div>ul li:hover h3 span{ color:#f26722;}

.ny_pages{ margin:40px 0 0; text-align:center;}
.ny_pages img{ display:inline-block; vertical-align:middle;}

.tanChu .tanChutit{ font:bold 20px/78px "微软雅黑"; color:#FFF; text-align:center;}
.tanChu .tanChutit span{ padding-left:40px;}
.tanChu .tanchuClose{ position:absolute; right:0; top:20px; cursor:pointer;}

.ny_news{ padding:40px 0 60px;}
.ny_news>div>ul li{ overflow:hidden; margin-bottom:30px;}
.ny_news>div>ul li span{ width:130px; height:200px; display:block; float:right; border-left:1px dashed #f1f1f1; text-align:center;}
.ny_news>div>ul li span em{ display:block; margin-top:56px; font:bold 48px/56px "微软雅黑"; color:#0063ad;}
.ny_news>div>ul li div{ width:300px; float:left; margin-right:30px;}
.ny_news>div>ul li h3{ width:710px; float:left; font:bold 18px/50px "微软雅黑";}
.ny_news>div>ul li p{ width:710px; float:left; font:normal 16px/30px "微软雅黑"; color:#888888;}
.ny_news>div>ul li .more{ display:block; float:left; margin-top:30px; width:165px; height:40px; border:1px solid #f1f1f1; text-align:center; font:normal 14px/40px "微软雅黑";}
.ny_news>div>ul li:hover span{ color:#f26722;}
.ny_news>div>ul li:hover span em{ color:#f26722;}
.ny_news>div>ul li:hover h3{ color:#f26722}
.ny_news>div>ul li:hover .more{ border:1px solid #f26722; color:#f26722;}

.ny_news_detail{ padding:40px 0 60px; overflow:hidden;}
.ny_news_detail .l{ width:870px; float:left;}
.ny_news_detail .l>h3{ font:bold 24px/24px "微软雅黑"; color:#000;}
.ny_news_detail .l>.infos{ font:normal 14px/24px "微软雅黑"; color:#999999; padding:20px 0 30px;}
.ny_news_detail .l>.infos span{ display:inline-block; padding:0 25px 0 0;}
.ny_news_detail .l>.infos span img{ display:inline-block; vertical-align:middle;}
.ny_news_detail .l>.con{ font:normal 16px/30px "微软雅黑"; margin-bottom:20px;}
.ny_news_detail .r{ width:300px; float:right;}
.ny_news_detail .r>h3{ font:bold 24px/24px "微软雅黑"; color:#0063ad; padding-bottom:12px; border-bottom:1px solid #f1f1f1; margin-bottom:5px;}
.ny_news_detail .r>ul li{ padding:10px 0; border-bottom:1px dashed #f7f7f7; font:normal 16px/20px "微软雅黑";}
.ny_news_detail .r>ul li h3{ font:normal 16px/30px "微软雅黑"; color:#f26722; margin:5px 0 0; height:30px; overflow:hidden;}
.ny_news_detail .r>ul li p{ font:normal 14px/24px "微软雅黑"; color:#888888; height:48px; overflow:hidden;}
.ny_news_detail .r>ul li span{ display:block; float:left; width:6px; height:6px; background:#e9e9e9; border-radius:50%; margin:7px 10px 7px 6px;}

.prev_next{ padding:10px 0; border-top:1px solid #f1f1f1; font:normal 16px/30px "微软雅黑";}

.prev_next div span{ color:#ccc;}
.prev_next div a:hover{ color:#006bb0;}

.ny_contact>div>.con{ padding:60px 130px 120px; font:normal 16px/36px "微软雅黑";}
.ny_contact>div>.con .ewm{ float:right; border:1px solid #f2f2f2; margin:20px 50px 0 0;}
.ny_contact>.map{ width:100%; position:relative; overflow:hidden;}
.ny_contact>.map>img{ position:relative; left:50%; transform:translateX(-50%); max-width:1920px;}