@charset "UTF-8";
body {font-size:12px; background:#fff; font-family: "微软雅黑";color: #333;background: #fff;}
*{ padding:0; margin: 0; border: 0;zoom:1}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,tr,table,tbody,thead,tfoot,em,strong,span {padding:0;margin:0;font-family:"微软雅黑";}
html,body{height: 100%;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0 none; }
a,a:hover,a:visited{text-decoration:none;blr:expression(this.onFocus=this.blur());}

a:focus{outline:none}
ul{padding:0;margin:0; list-style:none;}
li{padding:0;margin:0;white-space:nowrap;  text-overflow:ellipsis; }


.width-100{width: 100%;overflow: hidden;position: relative;}
.width-1160{max-width: 1160px; margin: 0 auto;position: relative;}
.width-1600{max-width: 1600px; margin: 0 auto;position: relative;}


.a-background{background-position: center; background-repeat: no-repeat; background-size: cover; width: 100%; height: 0; display: block; transition: all .5s;}
.m-slh{display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 100%;}
.m-dhslh{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;width: 100%;}
.m-test{border:#000 solid 1px; overflow:hidden;}
.m-clear{clear:both; height:0; line-height:0; overflow:hidden;}
.m-center{display: flex;justify-content: center;align-items: center;}
.m-flex{display: flex;flex-wrap:wrap}
.m-hidden{overflow: hidden;}


/*导航*/
header.width-100{overflow: visible;z-index: 2;}
header.width-100>.width-1160{position: static;}
.navbar-nav > li > a{padding: 0;}
.navbar{margin: 0; border: 0;position: static;}
.navbar-collapse,.container-fluid{padding: 0;}
.navbar-header{width: 30%;display: inline-block;}
.logo>img{max-width: 100%;}
.navbar-nav{float: right;width: 65%;}
.navbar-nav>li{display: table-cell;width: 1%;float: none; text-align: center;z-index: 3;position: static;}
.navbar-nav>li>a{line-height: 85px;font-size: 14px; color: #444;position: relative;z-index: 5;position: relative;}
.navbar-nav>li:hover>a{color: #4874c8;background: none;}
/*.navbar-nav>li>a:after{content:'';display:block; position:absolute; left:5px;right: 5px;
 background:#4874c8; bottom:0; top:auto;transition:300ms; -webkit-transition:400ms;height: 0;z-index: -1; }
.navbar-nav>li:hover>a:after,.navbar-nav>li>a.hover:after{bottom:auto; top:0; height:105%;}*/
.navbar-nav>li>a.hover{color: #4874c8;}
.nav-1{position: absolute;width: 100%;left: 0;background:rgba(224,224,224,.8);z-index: 10;border-top: 1px solid #ffffff;display: none;}
.nav-x{display: flex;justify-content: center;}
.nav-2{width: 20%; padding: 20px 10px;font-size: 14px; line-height: 2;text-align: left;}
.nav-2>.a-background{margin: 10px 0; height:auto;}
.nav-2 a{display: block;color: #000;}
.nav-2 a:hover{color: #000;}
.nav-2>a{font-size: 16px;font-weight: 600;}










/*footer*/
footer.width-100{ background:rgba(224,224,224,.8); margin-top: 40px;border-top: 1px solid #e3e3e3;}
footer.width-100>.width-1160{padding-top: 28px;line-height: 2;overflow: hidden;}
.footer-l{float: left; width: 650px;}
.footer-dh{display: flex; justify-content: space-between;}
.footer-dh>div{border-left: 1px solid #ebebeb; text-align: center;flex-grow:1;}
.footer-dh>div:first-child{border: none;}
.footer-dh>div>b,.footer-dh>div>a{display: block;}
.footer-dh>div>b{font-size: 14px;}
.footer-dh>div>a{color: #9a9a9a;}
.footer-dh>div>a:hover{color: #4874c8;}
.footer-dz{border-top:1px solid #e2e2e2; margin-top: 48px; line-height: 2;padding: 12px 10px;color: #565656;}
.footer-r{float: right; text-align: right;padding-right: 30px;font-size: 14px;line-height: 1.3;}
.footer-r i{color: #4874c8;font-size: 28px; font-family: arial;letter-spacing:-2px; font-style:normal; line-height:60px;}
.footer-2wm{width: 118px; height: 118px; border: 1px solid #e0e0e0;margin-bottom: 10px;}
.footer-ba{border-top: 1px solid #ccc;color: #848484; text-align: center;clear: both;padding: 15px 10px; margin-top: 15px;}





/*banner*/
.banner{height: 487px; background-size:auto;}
.nr-banner{height: 196px;background-size:auto;}
.swiper-container-horizontal>.banner-fy{position: absolute; bottom: 20px;z-index: 2; width: 1160px; left: 50%; margin-left: -530px;}
.swiper-container-horizontal>.banner-fy>.swiper-pagination-bullet{width: 20px; height: 20px;margin: 0 12px;}
@media only screen and (max-width:1160px) {
.banner{padding-bottom: 42%;height: 0; background-size: cover;}
.nr-banner{height: 0; padding-bottom: 16.9%;background-size: cover;}
.swiper-container-horizontal>.banner-fy{width: auto; left: 40px; margin-left: 0;}
}


/*首页内容*/
.con-1{margin-top: 10px;overflow: hidden;font-size: 13px}
.con-bt{font-size: 12px;color: #919191;height: 30px; line-height: 30px;margin: 20px 10px 10px;white-space: nowrap;}
.con-bt>span{font-size: 18px; color: #444;padding-right: 10px;}
.con-bt>a{float: right; color:#4874c8 ;}
.con-bor{border: 1px solid #ddd;}
.con-img{padding-bottom: 37%;position: relative;}
.con-call{position: absolute;left: 0; bottom: 0;background: #0b49be; color: #fff; line-height: 2.5; padding: 0 10px;}
.con-3{line-height: 2; height: 12em; overflow: hidden;margin: 12px 20px;}
.con-gy{height: 10em; overflow: hidden;-webkit-line-clamp: 5;}
.con-go{text-align: right;font-size: 14px;}
.con-xw>li>a b{font-weight: 400; padding-right:5px; font-size: 12px;}
.con-xw>li>a{color: #444;}
.con-xw>li>a:hover{color: #4874c8;}
.con-xw>li>span{float: right; font-size: 12px;}
.con-4{display: flex;margin-top: 13.5px;}
.con-4:first-child{margin: 0;}
.con-4-1>.a-background{padding-bottom: 45%;}
.con-4-1{width: 56.8%;}
.con-4-2{width:43.2%; flex-direction: column; align-items: flex-start;padding: 5px 10px;color: #444;font-size: 12px;}
.con-4-2>h4{padding-bottom: 5px;}
.con-4-2>h4 span{font-size: 12px;}
.con-4-2>a{color: #444;}
.con-img1{padding-bottom: 33.24%;position: relative;}
.con-hz{position: absolute;width: 100%; height: 100%; left: 0; top:0;overflow: hidden;padding: 1%;}
.con-hz a{height: 48%;float: left; text-align: center;}
.con-hz a>img{max-height: 100%; max-width: 100%;}


/*产品列表*/
.con-nr{margin-top: 15px;overflow: hidden;}
.con-left{width: 234px; float: left;font-size: 14px;overflow: hidden;}
.con-left>.con-bt{margin-top: 0;}
.nr-nav{border: 1px solid #ececec;line-height: 43px;margin-bottom: 20px;min-height: 137px;}
.nr-nav>li>a.cp{background: #4874c8;color: #fff;display: block;padding: 0 20px;}
.nr-nav>li>a{display: block;padding: 0 20px;border-top: 1px solid #ececec;transition: all .2s;}
.nr-nav>li>a:hover,.nr-nav>li>a.hover{color: #fff; background: #4874C8;border-color: #4874C8;}
.nr-nav>li>div>a{display: block;padding: 0 20px; color: #727272;border-top:1px solid #ececec;}
.nr-nav>li>div>a>b{font-weight: 400;transition: all .3s;display: inline-block;}
.nr-nav>li>div>a>span{float: right;opacity: 0;transition: all .3s;color: #4874c8; }
.nr-nav>li>div>a:hover>b,.nr-nav>li>div>a.hover>b{color: #4874c8; transform: translateX(20px);}
.nr-nav>li>div>a:hover>span,.nr-nav>li>div>a.hover>span{opacity: 1;}
.con-nr-gf{width: 100%; margin-bottom: 15px;}
.con-nr-gf>.a-background{padding-bottom: 30%;}
.con-right{width: auto; margin-left: 248px;}
.dqwz{font-size: 12px; color: #999;height: 30px; line-height: 30px;margin: 0 10px 10px;}
.dqwz>a{color: #999;}
.con-right-1{border: 1px solid #ececec;}
h4.nr-bt{padding: 18px; color: #4874c8;border-bottom: 1px solid #ececec;}
.nr-cp{font-size: 14px; line-height: 34px;overflow: hidden;margin: 20px 10px;}
.nr-cp .a-background{padding-bottom: 62.15%;}
.nr-cp-1{margin: 10px 0;display: block;overflow: hidden;}
.nr-cp-1>p{height:34px; overflow: hidden;padding: 0 15px;background: #4874c8;color: #fff;position: relative;z-index: 5;}
.nr-cp-1>p>span{float: right;}
.nr-cp-1:hover .a-background{transform: scale(1.05);}
.page{padding: 20px;border-top: 1px solid #ececec;text-align: center;font-size: 14px;}
.page a,.page span{display: inline-block;border: 1px solid #ccc;line-height: 2; padding: 0 10px;color: #666;
border-radius: 5px; margin: 0 2px; transition: all .2s;}
.page span,.page a:hover{background: #ccc;color: #fff;}
.page a.a1,.page a.a2,.page a.a5{display: none;}
.page a.a3{margin-right: 10px;}
.page a.a4{margin-left: 10px;}

/*新闻列表*/
.nr-new{margin-top: -1px;line-height: 2;color: #606060;}
.nr-new>li{padding:3% 4%; white-space: normal;border-top: 1px solid #ececec;}
.nr-new>li>h4{white-space: nowrap;height: 1.1em; overflow: hidden;margin-bottom: 10px;font-size: 14px;}
.nr-new>li>h4>a{color: #4874C8; transition: all .3s;}
.nr-new>li>h4>span{float: right;color: #b4b4b4;}
.nr-new>li>h4>a:hover{color: #444;}
.nr-new>li>.m-dhslh{height: 4em;-webkit-line-clamp: 2;}
.new-ckxq{text-align: right;margin-top: 10px;}
.new-ckxq>a{background: #4874C8;color: #fff;display: inline-block;padding: 2px 20px;}
.nr-pahz{border: 1px solid #ececec;height: 178px;overflow: hidden;padding: 10px 3px;}
.nr-pahz a{height: 30%;}
.nr-pahz a img,.nr-con img{max-height: 100%; max-width: 100%;}

.nr-con{margin: 4%;line-height: 2;color: #727272;}

.nr-br{padding: 20px 0; border-bottom: 1px solid #ececec;color: #999; text-align: center;}
.nr-br>h4{margin-bottom: 10px;color: #444;}
.nr-cpimg{margin-top: 20px; text-align: center;}
.nr-cpimg img{max-width: 100%;}

.nr-dt{float: left;width: 30%; text-align: center; white-space: nowrap;margin: 1% 1.666% 2%; color: #444;}
.nr-dt>.m-hidden{height: 0; padding-bottom: 30%;overflow: hidden;}
.nr-dt>.m-hidden img{max-width: 100%;transition: all .3s;}
.nr-dt:hover{color: #4874c8;}
.nr-dt:hover img{transform: rotateY(180deg);}


.yjfk{width: 100%;font-size: 14px; line-height: 2;}

.input-text{height: auto;}
.yjfk td{position: relative;padding: 8px;}
.yjfk input,.yjfk textarea{border: 1px solid #ccc;border-radius: 5px;margin-right: 5px;line-height: 2;font-size: 14px;}
.yjfk textarea{}
.yjfk input.button{padding: 0 15px;}
em.error {overflow:hidden;zoom:1;background:url("/images/unchecked.gif") no-repeat left center; font-size: 12px;
 padding-left: 19px;color:red;font-style:normal;position: absolute;top:50%; transform: translateY(-50%);}
em.success {overflow:hidden;zoom:1;background:url("/images/checked.gif") no-repeat left center; font-size: 12px;
 padding-left: 19px;color:red;font-style:normal;position: absolute;top:50%; transform: translateY(-50%);}
.nr-wzdh{margin: 20px 10px 50px;font-size: 14px; line-height: 2;}
.nr-wzdh>.wzdh{display:table-cell;width:1%; text-align: center;}
.nr-wzdh>.wzdh a{display: block;color: #444;}
.nr-wzdh>.wzdh a:hover{color: #4874C8;}
.nr-wzdh>.wzdh>div{margin-top: 20px;font-size: 12px;}
.hydt{line-height: 2;padding: 8px;}
.hydt>li>span{float: right;}
.hydt>li>a{color: #444;}
.hydt>li>a:hover{color: #4874c8;}
.m-yqlj{padding: 10px;display: flex;flex-wrap: wrap;}
.m-yqlj a{padding: 5px 10px;}
.m-yqlj a img{max-height: 100%; max-width: 100%;}

@media (min-width: 768px) and (max-width: 1200px) {/*小于1200大于768*/

}


@media (min-width: 768px) and (max-width: 992px) {/*小于1200大于768*/
	.footer-l{float: none; width: 100%;}
.navbar-nav>li:after{ left:0;right: 0;}
}

@media only screen and (max-width:768px) {/*pad*/	

}

@media only screen and (max-width:767px) {/*手机*/	
.navbar-header{width: 100%;}
.container-fluid > .navbar-header{margin: 0;}
.logo{width: 50%;display: inline-block;}
.navbar-nav{width: 100%;}
.navbar-nav>li{width: 100%;display: block;padding: 0;}
.navbar-nav>li>a{line-height: 3;}
.navbar-toggle{background: #4874c8; color: #fff;}
.navbar-toggle .icon-bar{background: #fff;}
.container-fluid > .navbar-collapse{margin: 0;}
.navbar-nav{margin: 0;}
.swiper-container-horizontal>.banner-fy>.swiper-pagination-bullet{width: 10px; height: 10px;margin: 0 5px;}
.swiper-container-horizontal>.banner-fy{left: 15px; bottom: 7px;}
.footer-l{float: none; width: 100%;}
.footer-2wm{display: none;}
.footer-r{float: none; text-align: left;padding: 0 10px;}

.con-left{width: 100%;float: none;left: 0; bottom: 0;z-index: 100;background: #fff;overflow: visible;}
.con-left>.con-bt,.con-left>.nr-pahz,.con-left>.con-nr-gf{display: none;}
.con-right{width: 98%; margin: 0 1%;}
.nr-cp{margin: 20px 0;}
.nr-cp>.col-xs-6{padding: 0 5px;}
.nr-nav{min-height: 0;border-left: none;border-right: none;}
.nr-nav>li{display: table-cell;width: 1%;text-align: center;border-left: 1px solid #ececec;position: relative;}
.nr-nav>li:first-child{border: none;}
.nr-nav>li>a{padding: 0;font-size: 12px;border: none;}
.nr-nav>li>p{padding: 0;background: #fff; color: #444;}
.nr-nav>li>p:hover,.nr-nav>li>p.hover,.nr-nav>li>p.a1{background: #4874c8;color: #fff;}
.nr-nav>li>div>a{padding: 0;}
.nr-nav>li>div{position: absolute;left: 0;width: 100%;top: 100%;background: #fff;
border: 1px solid #ececec; display: none;}
.nr-nav>li>div>a.hover>span,.nr-nav>li>div>a:hover>span{opacity: 0;}
.nr-nav>li>div>a.hover>b,.nr-nav>li>div>a:hover>b{transform: translateX(0);}
.nr-dt{width: 49%; margin: 1% 0.5% 2%;}
.m-yqlj a{width: 23%;margin: .5% 1%;}
}