/* Write your styles */
ul,li,dl,dt,dd,h1,h2,h3,p{ list-style:none; margin:0; padding:0;}
a{text-decoration: none;transition: all .1s linear; color:#444;}
a:hover{color:#0376c2;}
a:focus,a:hover {text-decoration: none}
img{ max-width:100%;}
.clear{ clear: both;}
.page-container{max-width: 1240px; margin:0 auto;}
.am-alert-danger{ width:100%; position:fixed; left:0; top:0; margin:0;}
body{font-family: "Noto Sanc SC","Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;}
header .top{ height:110px; }
header .logo{ float:left; padding-top:15px;}
header .logo .img{ width:340px; float:left;  margin-right: 15px;}
header .logo .logo-txt{ float:left; padding:0px 0 0 20px; margin-top: 15px; border-left: 1px solid #efefef;}
header .logo .logo-txt .tit{ font-size:18px; color:#333; font-weight:bold;} 
header .logo .logo-txt .note{ font-size:16px; color:#333; text-transform:uppercase;}
header .logo .logo-txt .note b{ color:#db842b;}
header .top-tel{ background:url(../images/icon-tel.png) 0 center no-repeat; padding-left:60px; margin-top:36px;}
header .top-tel strong{ display:block; font-size:26px; line-height:32px; color:#0376c2;}
header .nav{ height:60px; line-height:60px; background-color: rgba(0,116,193,0.99);}
header .nav .ulnav{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
header .nav .ulnav>li{flex:auto;-webkit-box-flex:auto; text-align:center; position:relative; float:left;}
header .nav .ulnav>li>a{ color:#fff; font-size:16px; display:block;}
header .nav .ulnav>li:after{ content:""; display:block; width:1px; height:12px; background:#0463b4; position:absolute; left:0; top:50%; margin-top:-6px;}
header .nav .ulnav>li:first-child:after{ display:none;}
header .nav .ulnav>li:hover>a{background:#067dcc;}
header .nav .ulnav>li.on>a{ background:#067dcc;}
header .nav .ulnav>li.on +li:after,header .nav .ulnav>li:hover:after,header .nav .ulnav>li:hover +li:after{ display:none;}
.ulnav>li .subnav{position: absolute;width:100%;background-color: #FFF; margin:0; box-shadow: 0 2px 10px rgba(0,0,0,.05); height: auto;z-index: 199;top: 68px;left: 0;border-top: 2px solid #0376c2;overflow: hidden;opacity:0; visibility:hidden;transition: all .36s ease; border-left:1px solid #f5f5f5; border-right:1px solid #f5f5f5;}
.ulnav>li:hover .subnav{opacity:1;visibility: visible;top:60px;}
.ulnav>li .subnav li{ border-bottom:1px solid #f5f5f5;}
.ulnav>li .subnav li a{font-weight: 500;color: #666; padding: 8px 5px;line-height: 22px;display: block;transition: all .2s ease-in-out;font-size: 14px;}
.ulnav>li .subnav li a:hover{ color:#a47c43; background-color:#f9f9f9;}
.img100{ width:100%;}
.swiper-banner{ background:#333;}
.swiper-banner .swiper-slide .banitem{ position:relative;}
.swiper-banner .swiper-slide .banitem .ban-txt{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:22;}
.swiper-banner .swiper-slide .banitem .ban-txt .am-vertical-align-middle{ width:100%; text-align:center;}
.swiper-banner .swiper-slide .banitem .ban-txt .bt-btn{ margin-top:30px;}
.swiper-banner .swiper-slide .banitem .ban-txt .bt-btn a{ display:inline-block; padding:10px 28px; font-size:18px; border-radius:30px; background:#d63426; color:#fff; cursor:pointer;}
.swiper-banner .swiper-slide .banitem .ban-txt .banxt .tit{ font-size:40px; font-weight:bold; margin-bottom:1%; color:#fff;}
.swiper-banner .swiper-slide .banitem .ban-txt .banxt .note{ font-size:16px; color:#fff; max-width:1100px; margin:0 auto;}
.swiper-banner .swiper-button-next{ right:30px; opacity:.8;}
.swiper-banner  .swiper-button-prev{ left:30px; opacity:.8;}
.swiper-banner .swiper-button-next,.swiper-banner  .swiper-button-prev{background-size: 20px 40px;}
.swiper-banner .swiper-banpa .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; opacity:.8; }
.swiper-banner  .swiper-banpa .swiper-pagination-bullet-active{ background:#0376c2; opacity: 1;}
.swiper-banner .swiper-slide.swiper-slide-active .banitem .img100{-webkit-animation: banner_outside 6s ease 1 forwards;-moz-animation: banner_outside 6s ease 1 forwards;-o-animation: banner_outside 6s ease 1 forwards;animation: banner_outside 6s ease 1 forwards;}

@-webkit-keyframes banner_outside{from{-o-transform:scale(1.06);transform:scale(1.06)}
to{-o-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes banner_outside{from{-o-transform:scale(1.06);transform:scale(1.06)}
to{-o-transform:scale(1);transform:scale(1)}
}
@-o-keyframes banner_outside{from{-o-transform:scale(1.06);transform:scale(1.06)}
to{-o-transform:scale(1);transform:scale(1)}
}
@keyframes banner_outside{from{-o-transform:scale(1.06);transform:scale(1.06)}
to{-o-transform:scale(1);transform:scale(1)}
}
.mgt{ margin-top:50px;}
.bgr{ background:#f5f5f5;}
.index-pd{ padding:70px 0; overflow:hidden;}
.page-title{ text-align:center;}
.page-title .tit{ font-size:40px; font-weight:bold;}
.page-title .tit b{ color:#0376c2}
.page-title .note{ font-size:22px; position:relative;}
.page-title .note:before{content:""; display:inline-block; position:relative; width:204px; height:10px; background:url(../images/tit-line-l.png) center no-repeat; background-size:contain; margin-right:20px;}
.page-title .note:after{ content:""; display:inline-block; position:relative; width:204px; height:10px; background:url(../images/tit-line-r.png) center no-repeat; background-size:contain; margin-left:20px;}
.page-title.w .tit b,.page-title.w .note{ color:#fff;}
.page-title.w .note:before{background:url(../images/tit-line-l-w.png) center no-repeat;}
.page-title.w .note:after{ background:url(../images/tit-line-r-w.png) center no-repeat;}

.c1-con{margin-top:40px;}
.c1-con ul li {width: 23%;float: left;margin-right: 2%;margin-bottom: 38px;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.c1-con ul li:nth-child(4n) {margin-right: 0;}
.c1-con ul li a {display: block; }
.c1-con ul li .tu {width: 100%; position: relative;overflow: hidden; height:219px;}
.c1-con ul li .tu img {width:  100%;height: 100%;transition: .5s;border-top-left-radius:15px;border-top-right-radius:15px;}
.c1-con ul li:hover img {transform: scale(1.1);}
.c1-con ul li .tu .marks {width:  100%;height:  100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.3);transition: .5s;opacity: 0}
.c1-con ul li:hover .tu .marks {opacity: 1;}
.c1-con ul li .tu .jia {width: 54px;height: 54px;position: absolute;top: 80px;left: 45%;background: url(../images/jia.png) no-repeat center;transition: .5s;opacity: 1; z-index:9999;}
.c1-con ul li:hover .tu .jia {top: 110px;opacity: 0;}
.c1-con ul li .wz {padding-bottom:22px;background: #fff;border: 1px solid #eeeeee;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
.c1-con ul li .wz h3 {font: normal 18px/66px "΢ÈíÑźÚ";color: #333;text-align: center;}
.c1-con ul li .wz h4 {text-align: center;line-height: 30px;color: #999;font-weight: normal;}
.c1-con ul li .wz dt {width: 167px;height: 32px;text-align: center;margin: 0 auto;font: normal 13px/32px "΢ÈíÑźÚ";color: #555;background: #1e73be;color: #fff;}
.c1-con ul li .wz dt:hover {border-color: #1e73be;}
.c1-con ul li:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, .1);-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);-moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0);}
@media (max-width:1199px){	
.c1-con ul li .tu {  height:199px;}
}
@media (max-width:991px){
.c1-con ul li .tu {  height:199px;}
}
@media (max-width:767px){
.c1-con ul li .tu {  height:189px;}
}
@media (max-width:667px){
.c1-con ul li .tu {  height:189px;}
}
@media (max-width:467px){
.c1-con ul li .tu {  height:159px;}
}		
.index_slip {height: 180px;background: url("../images/ixbannerbg1.png") no-repeat center center;}
.index_slip .slip_tit {width: 80%; float: left;}
.index_slip .slip_tit .tit1 {padding-top: 50px;font: bold 32px "microsoft yahei";color: #64c5ff;}
.index_slip .slip_tit .tit2 {margin-top: 14px;font-size: 24px;color: #fff;}
.index_slip .slip_btn {display: block;float: right;margin-top: 64px; min-width: 202px; height: 57px;background: url("../images/ixbanner-btn.png") no-repeat;font: bold 20px "microsoft yahei";line-height: 56px;text-align: center;color: #10479f;}
.index_slip .slip_btn:hover {background: url("../images/ixbanner-btn1.png") no-repeat;}

.index-3 .proAdvant {margin-top: 60px;}
.index-3 .proAdvant .list {width: 102%;}
.index-3 .proAdvant .list li {float: left;width: 23%;margin-right: 2%;}
.index-3 .proAdvant .list li a {display: block;}
.index-3 .proAdvant .list li .img {width: 134px;height: 150px;margin: 0 auto; text-align: center; transition: all .5s; }
.index-3 .proAdvant .list li .img img{ margin: 0 auto; text-align: center; }
.index-3 .proAdvant .list li .title {margin-top: 30px;}
.index-3 .proAdvant .list li .tit {font-size: 24px;text-align: center;color: #1048a0;}
.index-3 .proAdvant .list li .cont {margin-top: 20px;font-size: 16px;line-height: 28px;text-align: center;color: #666;}
.index-3 .proAdvant .list li:hover .img {margin-top: -10px;transition: all .5s;}
.index-3 .proAdvant .list li:hover .tit {font-weight: bold;}

.indexabout{ background: #f5f5f5;}
.indexabout_top{ margin-top: 30px;}
.company-img {width: 50%;float: left;}
.company-img img {max-width: 100%;}
.company-con {width: 45.7%;float:right;}
.company-con h3 {font-size: 40px;font-weight: bold;margin-bottom: 16px;}
.company-con h4 {font-size: 24px;font-weight: 400;}
.company-text {font-size: 16px;color: #666;line-height: 1.8;margin-top: 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;}
.company-more {display: block;width: 222px;height: 50px;line-height: 50px;	border:2px solid #999;color: #666;padding-left: 60px;font-size: 16px;margin-top: 5%;}

.news_list1 {margin-top: 38px;}
.news_list1 li {margin-top: 18px;}
.newsbox {padding: 20px 0px; margin-bottom:10px;}
.newsbox .time {color: #5a5a5a;font: bold 16px/18px "Microsoft Yahei";text-align: center;padding-top: 10px; padding-bottom:10px;}
.newsbox .time p {color: #000;font: bold 30px/30px "Microsoft Yahei";margin-bottom:10px;}
.news_list1 li:hover .time {background: #1e73be; color: #fff;}
.news_list1 li:hover .time p {color: #fff;}
.news_list1 li h3 a {display: block;color: #323232;font: bold 18px/36px "Microsoft Yahei";position: relative;height: 36px;overflow: hidden;}
.news_list1 li h3 a span {position: absolute;right: 0;top: 0;color: #5a5a5a;font: 400 12px/36px "Microsoft Yahei";}
.news_list1 li h3 p {color: #5a5a5a;font: 400 14px/24px "Microsoft Yahei";height: 48px;overflow: hidden;}
.news_list1 li:hover h3 a {color: #1e73be;}

@media (max-width:1440px) {
.company-more {margin-top: 3%;}
.company-text {margin-top: 18px;-webkit-line-clamp: 4;}
.company-con h3 {margin-top: 3%;}
}
@media (max-width: 1350px){
.timebox {display: none;}
}	
@media (max-width:1199px) {
.company-text {font-size: 16px;color: #666;line-height: 1.8;margin-top: 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.company-con h3 {font-size: 28px;font-weight: bold;margin-top: 3%;margin-bottom: 16px;}}
@media(max-width:991px) {.company-img {width: 100%;float: none;}
.company-con {width: 100%; margin-bottom:20px;float: none;}}
@media (max-width:767px) {
.company-img { display:none;}
.company-con h3 {font-size: 20px;font-weight: bold;margin-top: 3%;margin-bottom: 10px;}
.company-con h4 {font-size: 16px;}
.company-text {font-size: 16px;color: #666;line-height: 1.8;margin-top: 12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.company-more {width: 172px;height: 40px;padding-left: 30px;line-height: 40px;}
.newsbox {padding: 10px 5px; margin-bottom:10px; background-color:#fafafa;}
.news_list1 li h3 a { font: bold 16px/36px "Microsoft Yahei";}
.index-3 .proAdvant .list li .cont {margin-top: 15px;font-size: 15px; line-height:26px;}

}
@media (max-width:600px) {
.index-3 .proAdvant .list li .cont { height:70px;}
}
footer{ background:#0376c2;}
footer .foot-nav{ border-bottom:1px solid rgba(255,255,255,.2);}
footer .foot-nav ul{ display:flex; line-height:80px;color:#fff; }
footer .foot-nav ul li{ float:left;flex: auto;-webkit-box-flex: auto;text-align: center;position: relative; height:80px; line-height:80px;}
footer .foot-tit{ font-size:20px; color:#fff; font-weight:600; margin-bottom:10px;}
footer .foot-nav ul li a{ color:#fff;font-size: 16px;}

.foot-copry{ padding:25px 0; color:#fff; text-align:center; }
.foot-copry a{ color:#fff;}
@media screen and (max-width:1440px){
.page-container{ max-width:1236px;}
.ystab .ys-box .txt .list p{ font-size:13px;}
}
@media screen and (max-width:1366px){
.page-title .tit{ font-size:25px; margin-bottom: 15px;}
.page-title .note{ font-size:20px; }
.index_slip .slip_tit .tit1 { font: bold 25px "microsoft yahei"; }
.index_slip .slip_tit .tit2 {margin-top: 10px;font-size: 22px; }
.index-3 .proAdvant .list li .tit {font-size: 22px; }
}
@media screen and (max-width:1280px){
.page-container{ max-width:1024px;}
.c1-con{margin-top:20px;}
.index_slip .slip_tit {width: 70%; }
.index_slip .slip_tit .tit2 {margin-top: 10px;font-size: 20px; }
.index_slip .slip_btn {  font: bold 18px "microsoft yahei";line-height: 56px; }
.index-3 .proAdvant {margin-top: 40px;}
.index-3 .proAdvant .list li .tit {font-size: 20px; }
.index-3 .proAdvant .list li .cont {margin-top: 10px; }
}
@media screen and (max-width:1024px){
html {background: #fafafa;}
body{ max-width:100%; margin:0 auto; background:#fff; zoom:1;}	
.page-container{ max-width:96%; margin:0 auto;}
header .nav .ulnav>li>a{ font-size:14px;}
header .top .tion{ display:none;}
header .top .search{ display:none;}
header .logo .img{ width:auto}
header .top-tel{ display:none;}
header .top{ height:60px;}
header .top .logo img{ height:40px;}
header .logo .logo-txt{ display:none; }
header .logo .logo-txt .tit{ font-size:20px;white-space: nowrap;}
header .logo .logo-txt .note{ font-size:12px;white-space: nowrap;}
header .nav{ position:fixed; width:100%; height:100%; left:0; top:0; display:none; z-index:99999; background:rgba(0,0,0,.81)}
header .nav.active{ display:block;}
header .nav .page-container{ padding:0; max-width:100%; height:100%;}
header .nav .ulnav{ display:block; width:100%;background: #086b89; height:100%; position:relative;overflow-y: auto;}
header .nav .ulnav>li{ width:100%; float:none; border-bottom:1px solid rgba(255,255,255,.1)}
header .nav .ulnav>li .xm{ position:absolute; width:70px; display:block; right:0; top:0; color:rgba(255,255,255,.81)}
header .nav .ulnav>li .subnav{ position:relative; display:none; top:0; opacity:1;visibility:inherit;}
header .nav .ulnav>li:hover>a{ background:none;}
header .nav .ulnav>li .subnav.show{ display:block;}
.menu-bar{ display:block; width:26px; height:18px; float:right; position: absolute; right:1.5rem; top:22px; border-bottom:2px solid #888;}
.menu-bar:after{ content:""; display:block; width:100%; height:2px; background:#888; position:absolute; left:0; top:0;}
.menu-bar:before{ content:""; display:block; width:100%; height:2px; background:#888; position:absolute; left:0; top:50%;}
nav .am-close {position: absolute;right: 32%;top: 4px;color: #fff;text-shadow: none;opacity: .5;font-size: 2.6rem;display: block;}
.nav-warp{ width:40%; height:100%; position:absolute; right:0; top:0;}
.nav-warp .am-close{ color:#fff; font-size:24px; padding:15px; opacity:.5;}

.swiper-banner .swiper-button-next{ right:10px; background-size:15px auto;}
.swiper-banner .swiper-button-prev{ left:10px; background-size:15px auto;}
.scroll-btn{ display:none;}
.swiper-banner .swiper-banpa .swiper-pagination-bullet{ width:10px; height:10px;}

.ny-about-main{min-height:auto;}
.mgt{ margin-top:15px;}
.index-pd{ padding:40px 0;}
.index-news{ padding-bottom:20px;}
.page-title .tit{ font-size:24px; line-height: 36px;}
.page-title .note{ font-size:17px;  margin-top: 10px;}
.page-title .note:before{ width:60px; display:none;}
.page-title .note:after{ width:60px; display:none;}
.index-3 .proAdvant {margin-top: 20px;}

footer .foot-nav{ display:none;}
footer .foot-main .foot-menu{ display:none;}
footer .foot-main .foot-contact{ display:none;}
footer .foot-main .foot-ewm{ width:100%; float:none; padding-top:20px;}
.foot-copry{ font-size:15px; padding:15px 0 50px;}



.foot-bar{ position:fixed; width:100%; height:64px; background:#009b4c; left:0; bottom:0; z-index:999;}
.foot-bar ul li{ padding-top:12px;}
.foot-bar ul li a{ color:#fff; font-size:12px; display:block; text-align:center;}
.foot-bar ul li a img{ width:24px;}
.foot-bar ul li a span{ display:block;}
}
header .logo .logo-txt .note1{ display: none; }
@media screen and (max-width: 992px){
.c1-con ul li .wz h3 {font: normal 16px/46px "microsoft yahei"; }
.index_slip .slip_tit .tit1 { font: bold 22px "microsoft yahei"; }
.c1-con ul li .wz dt {width: 137px;}
}

@media screen and (max-width:768px){
header .logo .logo-txt .tit{ font-size:12px;white-space: nowrap;}
header .logo .logo-txt .note{ display:none;font-size:0px;}
header .logo .logo-txt .note1{ display: block; font-size:12px;white-space: nowrap; }
header .logo .logo-txt{padding: 1px 0 0 0px;width: 70%;}
header .logo{ padding-top:10px;}
.index_slip {height: 240px; background: url(../images/ixbannerbg1_m.jpg) no-repeat center center;}
.index_slip .slip_tit {width:100%; }
.index_slip .slip_btn { margin-top: 24px; height: 47px; font: bold 18px "microsoft yahei";line-height: 46px; }
}
@media screen and (max-width: 592px){
.c1-con ul li .tu .jia { display:none}
.c1-con ul li {width: 49%; margin-right:2%;margin-bottom:20px;}
.c1-con ul li:nth-child(2n) {margin-right: 0;}
.indexpro .ttt1 h3 {background-size:40%;  font-size: 22px;height: 46px;}
.c1-con ul li .wz {padding-bottom:0px;}
.index-3 .proAdvant .list li { width: 48%; margin-bottom: 24px; }
}
@media screen and (max-width: 456px){
.index-3 .proAdvant .list li .img{width: 100px;height: 112px;}
.index-3 .proAdvant .list li .img img{ width: 100%;}
}
.page-padding{padding: 60px 0px;}

.m2ban { height: 395px;}
.m2ban .bgImg { height: 100%; width: 100%;}
.m2ban .bgImg img{width: 100%;}
.m2banTxt { color: #FFF; width: 100%; position: absolute; left: 0%; top: 50%; transform: translateY(-50%); text-align: center; padding-top: 50px; }
.m2ban_t1 { font-size: 32px; line-height: 50px; display: inline-block; }
.m2ban_t2 { font-size: 40px; line-height: 50px; font-weight: 600; text-transform: uppercase; }
.m2banTxt i { background: #FFF; height: 3px; width: 38px; display: block; margin: 18px auto 0px; }
.m2pos { background: #f0f0f0; height:60px }
.m2posItms a{ color: #777777;}
.m2posItms { background: url(../images/m2icon1.png) no-repeat left center; font-size: 14px; color: #777777; line-height: 60px;padding: 0px 10px 0px 20px; float:right; }
.box { float:left;  width:66%; }
.box a{ margin-right: 5%;color: #333;font-size: 17px;line-height: 60px; float:left;}
.box a.on,.box a:hover{color: #0376c2; border-bottom:1px solid #0376c2;}
@media(max-width: 1640px){
.m2ban { height: 342px; }
.m2ban img{ width:100%; height:100%;}
}
@media(max-width: 1440px){
.m2ban { height: 300px; }
.m2ban_t1 { font-size: 22px; line-height: 36px; }
.m2ban_t2 { font-size: 30px; line-height: 36px; }
.m2banTxt { top: 40%;}
}
@media(max-width: 1400px){
.m2ban { height: 292px; }
}

@media(max-width: 1366px){
.m2ban { height: 285px; }

}
@media(max-width: 1365px){
.m2posItms {width:20%; }
.box { float:left;width:80%;}
}
@media(max-width: 1280px){
.m2ban { height: 265px; }
.m2banTxt { padding-top: 10px; }
.m2banTxt i { margin: 10px auto 0px; }
}
@media(max-width: 1200px){
.m2ban { height: 250px;margin-top:50px; }
.m2ban img{ height:100%;}
.m2posItms {width:24%; }
.box { float:left;width:76%;}
.box a{margin-right: 2%; font-size: 16px;}
}
@media(max-width: 1024px){
.m2ban { height: 210px;}
}
@media(max-width: 768px){
.m2ban {margin-top:0px; }
.m2posItms {width:0px; display:none; }
.box { float:left;width:100%;}
 }
 
@media(max-width: 640px){
.m2ban { height: 160px; }
.m2ban_t1 { font-size: 18px; line-height: 30px; }
.m2ban_t2 { font-size: 24px; line-height: 30px; }
}

@media(max-width: 540px){
.m2ban { height: 130px; margin-top:50px; }
}
.about span{ margin-bottom:20px; line-height:35px;}
.about p{ font-size:16px; line-height:32px; text-indent: 2em;}


@media(max-width:880px){
.about span{ line-height:25px;}
.about p{ line-height:28px;}
}
.news_list li {overflow:hidden; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px; width:100%; }
.news_list li a{display:block;}
.news_list li ._intro {overflow:hidden; cursor:pointer; font-size:14px; color:#6d6d6d;}
.news_list li ._title {display:block;line-height:28px; font-size:18px; font-weight:bold; margin-bottom:10px; color:#333; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.news_list li ._info {color:#0376c2;margin-bottom:15px; font-size:16px;}
.news_list li ._text {line-height:28px; font-size:15px; color:#000; margin-bottom:15px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -moz-box;-moz-line-clamp: 2;-moz-box-orient: vertical;word-wrap: break-word;word-break: break-all;white-space: normal;}
.news_list li ._more {line-height:32px; margin-top: 16px; font-size:15px; }
.news_list li ._more a{ color: #666;}
.news_list li ._intro a:hover ._title{ color:#0376c2; }
.news_list li ._intro ._more a:hover{ color: #0376c2;}
.news-detail .detail-title {font-size: 20px;color: #363636;font-weight: bold; text-align:center;margin-bottom: 10px;line-height: 1.7;}
.news-detail .detail-info-bar {font-size: 14px;font-family: Arial;color: #9e9e9e; text-align:center; line-height: 35px; height:35px; border-bottom: 1px dashed #cfcfcf;margin-bottom: 20px;}
.news-detail .detail-info-bar .detail-info-times { text-align:center;}
.news-detail .detail-info-bar .detail-info-times i {position: absolute;width: 20px;height: 20px;top: calc(50% - 10px);left: 0;}
.news-detail .detail-info-bar .detail-info-times i:after {opacity: .5;background-position: 0 -360px;}
.news-detail .detail-con-title {margin: 20px 0 10px 0;}
.news-detail .detail-con-title span {display: inline-block;font-size: 18px;color: #0077bf;}
.news-detail .detail-con p,.news-detail .detail-con div{font-size: 16px;color: #666;line-height: 32px;}
.news-detail .detail-con img,
.news-detail .detail-con p img {width: auto !important;max-width: 100%;height: auto !important;}
@media only screen and (max-width:1200px){
.news_list li ._title { line-height:28px; font-size:18px; margin-bottom:10px; }
.news_list li ._text { margin-bottom:0px;line-height:28px;}
.news_list li ._more {line-height:28px; margin-top: 10px;}
.news_list li ._info { margin-bottom:10px;}
}
@media only screen and (max-width:992px){
.news_list li ._text { line-height:26px;}
.news_list li ._more { display: none;}
.news_list li ._title { margin-bottom:5px;}
.news_list li ._info { margin-bottom:5px;}
}
@media only screen and (max-width:425px){
.news_list li { padding:15px 0px;}
.news_list li ._title { line-height:26px; font-size:16px;  overflow: hidden; font-weight:normal;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -moz-box;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;   }
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.indexproleft{border:#f5f5f5 1px solid;width:21%; margin-bottom:40px}
.indexproleft .mjysmqtn{height:66px;line-height:66px;background-color: #0062b0;color:#fff;font-size:20px;position:relative;text-align:center;}
.indexproleft .mjysmqtn:before{content:"";display: block;width: 0;height: 0;border-width: 8px 8px 0;border-style: solid;border-color: #0062b0 transparent transparent;position: absolute;top: 66px;left: calc( 50% - 8px);}
.indexpro li i.icon-chevron-right{float:right;line-height:46px;height:46px;margin:0 10px;}
.indexproleft li i{margin-right:10px;color:#B9B9B9;font-size:12px;}


.page_right {width:75%;}
.show_menu .menu_tit { width:100%;     position: relative; margin: 0 auto; padding: 6px 20px; background: #0062b0; box-sizing: border-box;text-align:center;}
.show_menu .menu_tit:before{content:"";display:block;width:0;height:0;border-width:8px 8px 0;border-style:solid;border-color:#0062b0 transparent transparent;position:absolute;top:60px;left:calc( 50% - 8px);}
.menu_tit p { width:100%; overflow: hidden; height: 50px; line-height:50px;color: #fff; font-size: 20px; margin: 0 auto; padding: 0;}
.menu_tit span { display:block; width:100%; height: 20px; overflow: hidden; line-height: 20px; color: rgba(255, 255, 255, 0.5); font-family: "Arial"; font-size: 14px; font-style: italic; margin: 0 auto; padding: 0;}
.menu_tit em{display:none;}
.show_menu .menu_list { background:#fff;width:100%;overflow: hidden; margin: 0 auto; padding: 15px 0 10px; box-sizing: border-box;}
.menu_list .menu_li { width:90%; height: 100%;margin: 0 auto; padding: 0 0; box-sizing: border-box;}
.menu_li>p>a{width:80%;float:left;display:block;color:#515671;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;font-size: 15px;}
.menu_li p { width:100%; height: 40px; overflow: hidden; line-height: 40px; color: #666; font-size: 14px; font-weight: bold; background-color: #f6f6f6; margin: 0 auto; padding: 0 0 0 20px; box-sizing: border-box;margin-bottom:5px;}
.menu_li>p>span{display:block;width:20%;height:48px;float:right;background: url(../images/menu_tb1.png) 80% center no-repeat;-webkit-transition: all .25s;-moz-transition: all .25s;-ms-transition: all .25s;-o-transition: all .25s;transition: all .25s; }
.menu_li ul li a:hover{color:#00af66;}
.menu_li>p>span.on{transform:rotateX(180deg);}
.menu_li>p:hover{background:#0062b0;color:#fff;}
.menu_li>p:hover a{color:#fff;}
.menu_li>p:hover span{background: url(../images/menu_tb3.png) 80% center no-repeat;}
.menu_li ul {display:none; width:100%; overflow: hidden; margin: 10px auto; padding: 0;background:#fff;}
.show_menu dl{ width:90%; height: 100%;margin: 0 auto; }
.show_menu dl dt{ font-size:16px; margin-bottom:15px;}
.show_menu dl dd{ line-height:30px;}

.prolist-con ul li {width: 31.33333337%;float: left;margin-right: 2%;margin-bottom: 38px;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.prolist-con ul li:nth-child(3n) {margin-right: 0;}
.prolist-con ul li a {display: block; }
.prolist-con ul li .tu {width: 100%; position: relative;overflow: hidden; height:219px;}
.prolist-con ul li .tu img {width:  100%;height: 100%;transition: .5s;border-top-left-radius:15px;border-top-right-radius:15px;}
.prolist-con ul li:hover img {transform: scale(1.1);}
.prolist-con ul li .tu .marks {width:  100%;height:  100%;position: absolute;top: 0;left: 0;background: rgba(0, 0, 0, 0.3);transition: .5s;opacity: 0}
.prolist-con ul li:hover .tu .marks {opacity: 1;}
.prolist-con ul li .tu .jia {width: 54px;height: 54px;position: absolute;top: 80px;left: 45%;background: url(../images/jia.png) no-repeat center;transition: .5s;opacity: 1; z-index:9999;}
.prolist-con ul li:hover .tu .jia {top: 110px;opacity: 0;}
.prolist-con ul li .wz {padding-bottom:22px;background: #fff;border: 1px solid #eeeeee;border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
.prolist-con ul li .wz h3 {font: normal 18px/66px "΢ÈíÑźÚ";color: #333;text-align: center;}
.prolist-con ul li .wz h4 {text-align: center;line-height: 30px;color: #999;font-weight: normal;}
.prolist-con ul li .wz dt {width: 167px;height: 32px;text-align: center;margin: 0 auto;font: normal 13px/32px "΢ÈíÑźÚ";color: #555;background: #1e73be;color: #fff;}
.prolist-con ul li .wz dt:hover {border-color: #1e73be;}
.prolist-con ul li:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, .1);-webkit-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);-moz-box-shadow: 0 15px 30px rgba(0, 0, 0, .1);-webkit-transform: translate3d(0, -4px, 0);transform: translate3d(0, -4px, 0);}

@media screen and (max-width: 1200px){
.indexpro .indexproright li .proimg_bk{height:185px;}
.indexpro .indexproright li .iqpyvwiy{height:185px;}
.prolist li .proimg_bk{height:180px;}
.izejgtub .indexproright .prolist li a.iqpyvwiy{height:180px;}
}
@media (max-width:1199px){	
.ly_show{width:100%;margin: 0 auto; padding:20px 0;}
.ly_title span{margin:5px auto 0;}
.ly_show .show_menu{width:21%;}
.ly_show .show_list{width:78%;}
.show_pro_img span{width:100%;height:230px;}
.show_list ul li p{width:98%;}
.menu_li p{width: 100%;padding: 0 5px;}
.menu_li ul {width: 100%;}
.menu_li ul li a{padding: 0 10px;}
.prolist-con ul li .tu {  height:199px;}
}
@media (max-width:991px){
.menu_list .menu_li{width:96%;}
.menu_li p{width:100%;padding:0 0 0 3%;}
.indexpro .indexproleft{margin-bottom:15px;}
.menu_tit{position:relative;}
.menu_tit p{width:100%;}
.menu_tit em{display:block;position:absolute;color:#fff;line-height:60px;right:20px;top:0;}
.show_menu .menu_list{display:none;}
.show_menu .menu_tit{height:60px;}
.indexproleft{width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.brjkytqj{width:100%;margin-top:20px;}
.prolist-con ul li .tu {  height:199px;}
.page_right {width:100%;}
}
@media (max-width:767px){
.menu_tit p{height:40px;line-height:40px;font-size:18px;}
.show_menu .menu_tit{height:50px;}
.menu_tit em{line-height:50px;}
.ucweqnmh{margin-top:20px;}
.show_menu .menu_tit:before{top:50px;}
.prolist li a.proname{ height:35px;line-height:35px;}
.indexpro .prolist{width:100%;}
.prolist-con ul li .tu {  height:189px;}
}
@media (max-width:667px){
.prolist-con ul li {width:48%; }
.prolist-con ul li .tu {  height:189px;}
.prolist-con ul li:nth-child(2n) {margin-right: 0px;}
.prolist-con ul li:nth-child(3n) {margin-right: 2%;}
}
@media (max-width:467px){
.prolist-con ul li .tu {  height:159px;}
}
.article-wrap{ background:#fff;color:#666;min-height:500px; margin-bottom:40px}
.article-wrap hr{border-top: 1px solid #d6d5ce;}
.article-wrap .article-header { text-align:center; margin-bottom:20px;}
.article-wrap .article-header h1{color: #000000;font-size: 24px;margin-bottom:20px; font-weight:normal;}
.article-wrap .article-header .sub{ color:#999; font-size:15px;}
.article-wrap .article-header .sub span{ margin:0 10px; display:inline-block;}
.article-wrap .article-header .sub span i{ margin-right:4px;}
.article-body{font-family:'Microsoft Yahei',verdana;font-size: 16px;letter-spacing: 0.08rem;line-height: 36px;min-height:400px; margin-bottom:25px;margin-top:25px;}

.contact .map_box .map{ height: 100%; overflow:hidden;/*height:750px;*/}
.contact .map_box .map img{max-width: none;}
.contact .map_box .con .dt{ font-size: 24px; line-height: 32px; color: #333; margin-bottom: 25px; }
.contact .map_box .con .dd{ font-size: 18px; color: #666; line-height:30px; padding: 10px 0; }
.contact  .ditu{width:100%;height:465px; text-align:center;/*position:absolute;bottom:0px;left:0; z-index:0; */}
@media(max-width:768px) {
.contact .map_box { padding:30px 20px;}
.contact .map_box .map{ margin-top: 20px; }
.contact .map_box .con .dd{ font-size: 15px; color: #666; padding:10px 0;  border-bottom: 1px solid #ececec;}
.contact .map_box .con .dt{ font-size: 20px; }
.contact .map_box .con .dd i{font-size:22px; margin-right:12px;}
}
@media(max-width:400px) {
.contact .map_box .con .dd i{ margin-right:2px; width: 10%;  }
}
.mobnav { display:none;}
@media only screen and (max-width:640px) {
.mobnav {position: fixed;bottom: 0;width: 100%;z-index: 99999; display:block;}
.mobnav ul {margin-bottom:0;}
.mobnav ul li {width:49.95%;background: #4c4c4c;float: left; height:50px; font-size:14px; padding-top:8px; border-right: 1px solid #5d5d5d;list-style: none;}
.mobnav ul li a {display: block;color: #fff;text-align: center;}
.mobnav ul li a:hover{text-decoration: initial;}
.mobnav ul li a i {display: block;font-size: 20px; }
}