/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
body {font:13px/1.75 "Microsoft YaHei", arial,sans-serif; color: #333;  background:#fff;overflow-x: hidden;}
a { text-decoration: none; color: #333;display: block;}
p{color: #434343;}
a:hover {text-decoration: none}
a img {border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none}
div {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
li {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
p,strong,em{padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;font-weight: normal;}
form {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;}
em{font-style: normal; font-weight: normal}
table {padding-bottom: 0px;list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dt {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dl {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
dd {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
tr {padding-bottom: 0px; list-style-type: none; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px}
input , textarea{outline: none;}
.cl{height: 0px; clear: both;}
.fl{float: left; display: block;}
.fr{float: right;}
.container{width:1200px; margin:0 auto; height: 100%;}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-l{ text-align: left !important;}
.txt-r{text-align: right;}
.bg-black{background: #000;}
.col-black{color: #000;}
.col-white{color: #fff !important;}
strong{ font-weight: bold;}
i{font-style: normal;}
.m{ margin: 0 auto;}
.blue{color:#0056a1;}


.head-nav .on>a{}



#nav  li{position: relative;}
#nav  li .hide{background:#fff;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;left: 56%; margin-left: -84px; display: none;width: 150px; position: absolute;z-index: 2; }
#nav  li .hide em a{float: left; display:block;font-size: 15px; line-height:49px;color: #666; text-align: center; border-bottom: 1px solid #f2f2f2; width: 151px;}
#nav  li .hide em:last-child a{border-bottom: none;}
#nav  li .hide em a:hover{color: #fff; background: #063e98;}

.sj{background: url(../images/icon_sj.png)no-repeat right center;}
.sj2{background: url(../images/icon_sj.png)no-repeat right center;}
.sj3{background: url(../images/icon_sj.png)no-repeat right center;}


.head{position: relative;top: 0;z-index: 99999;width: 100%; background: #fff;}
.head .container{height: 80px;line-height: 85px;}
/*.head .logo img{ filter: brightness(0);}*/
.head-nav{display: flex;color: white;width: 630px;margin-left: 130px;}
.head-nav li{width: calc(100%/6);text-align: center;}
.head-nav li a{ color: #333;display: block;text-align: center;font-size: 15px;}
.head-nav li:hover>a{}
.head .phone{   display: flex; align-items: center;}
.head .phone p{font-size: 30px;font-family: arial;font-weight: bold;color: #063e98 !important; padding-left: 25px;    margin-right: 20px; background: url(../images/phone-icon.png)no-repeat left center;filter: brightness(0);}
.navfixed{position: fixed; width: 100%; top: 0; z-index: 2222;background: rgba(51,51,51,0.3);}
.head .navBox {    background: #e7e7e7;}
.head .navBox .container {height: 60px; line-height: 60px;}
/*banner*/
.banner .swiper-slide{height: 500px;width: 100%;}
.banner .swiper-pagination {display: none;}
.ny-banner{margin-top: -50px;}
.ny-banner .swiper-slide{height: 500px;width: 100%;}
.ny-banner .swiper-slide img{width: 100%;}
/*#banner .swiper-pagination-bullet{width: 11px;height: 11px;background: none;border-radius: 25px;opacity: 1;margin: 10px;border: 1px solid #FFFFFF;}
#banner .swiper-pagination-bullet-active{width: 11px;height: 11px;border-radius: 25px;background: #063e98;border: 1px solid #063E98;}*/
#banner .swiper-button-prev{width: 42px;height: 50px;background: rgba(255,255,255,0.2);left: 360px;}
#banner .swiper-button-next{width: 42px;height: 50px;background: rgba(255,255,255,0.2);right: 360px;}

/* 业务介绍 */
.business{margin-top: 60px;padding-bottom: 70px;}
.business .title{text-align: center;}
.business .title em{font-size: 36px;color: #000000;font-weight: 300;}
.business .title p{font-size: 16px;color: #666666;font-weight: 300;}
.business-con{margin-top: 50px;overflow: hidden;}
.business-con .hd{width: 1400px;margin: 0 auto;border-bottom: 1px solid #e6e6e6;padding-bottom: 13px;}
.business-con .hd ul{display: flex;justify-content: space-between;width: 1300px;margin: 0 auto;}
.business-con .hd ul li{line-height: 39px;}

.business-con .hd ul li img{position: relative;top: 3px;}
.business-con .hd ul li span{font-size: 18px;color: #333333;margin-left: 5px;cursor: pointer;}
.business-con .hd ul li.on img{transform: translateY(-80px);filter: drop-shadow(#063e98 0 80px);}
.business-con .hd ul li.on span{color: #063e98;position: relative;}
.business-con .hd ul li.on span::after{content: '';width: 100%;height: 2px;position: absolute;bottom: -23px;left: 0; background: #063E98;}

.business-con .bd{width: 1300px;margin: 0 auto;margin-top: 100px;}
.business-con .bd ul{display: flex;}
.business-con .bd ul li{width: 50%;margin: auto;}
.business-con .bd ul li i{display: block;width: 40px;height: 4px;background: #063e98;}
.business-con .bd ul li em{font-size: 30px;color: #333333;display: block;margin-top: 20px;margin-bottom: 5px;}
.business-con .bd ul li p{font-size: 16px;color: #666666;line-height: 36px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.business-con .bd ul li dd{display: flex;}
.business-con .bd ul li a{transition: all 0.4s; font-size: 16px;color: #666666;width: 160px;height: 55px;border: 1px solid #e6e5e5;text-align: center;line-height: 55px;margin-right: 20px;margin-top: 30px;}
.business-con .bd ul li a:hover{background: #063e98;color: #FFFFFF;}

/* 服务 */
.serve{background: url(../images/serve-bg.jpg)no-repeat center;height: 595px;}
.serve ul{display: flex;justify-content: space-around;height: 100%;}
.serve ul li{width: calc(100% / 4);text-align: center;background: rgba(0,0,0,0.2);border-right: 1px solid rgba(255,255,255,0.2);transition: all 0.5s;}
.serve ul li div{height: 404px;overflow: hidden;margin-top: 65px;}
.serve ul li dd{position: relative;top: 280px;transition: all 0.5s;}
.serve ul li:hover dd{position: relative;top: 0;}
.serve ul li:hover{background: rgba(6,62,152,0.7);}
.serve ul li img{}
.serve ul li:nth-child(2) img{margin-top: 10px;}
.serve ul li:nth-child(3) img{margin-top: 10px;}
.serve ul li:nth-child(4) img{margin-top: 5px;}
.serve ul li em{display: block;font-size: 28px;color: #FFFFFF;font-weight: 300;}
.serve ul li span{display: block;font-size: 12px;font-family: arial;color: #FFFFFF;text-transform: uppercase;margin-bottom: 30px;}
.serve ul li p{font-size: 14px;line-height: 36px;color: #FFFFFF;}
.serve ul li i{display: block;width: 40px;height: 2px;background: #FFFFFF;margin: auto;margin-top:75px;}

/* 关于我们 */
.about{background: url(../images/about-bg.jpg)no-repeat center;overflow: hidden;height: 620px;}
.about .title{text-align: center;margin-top: 50px;}
.about .title em{font-size: 36px;color: #333333;font-weight: 300;}
.about .title span{font-size: 16px;color: #666666;font-weight: 300;display: block;margin-bottom: 40px;}
.about .title p{font-size: 16px;color: #333333;line-height: 40px;display: inline-block;width: 936px;}
.about .title p a{color: #063e98;display: inline-block;}
.about ul{display: flex;justify-content: space-between;margin-top: 5%;}
.about ul li{width: calc(100% / 4 );text-align: center;}
.about ul li span{font-size: 80px;color: #063e98;font-family: 'serve';}
.about ul li i{font-size: 20px;color: #063e98;font-family: arial;position: relative;bottom: 50px;left: 5px;}
.about ul li p{font-size: 18px;color: #333333;font-weight: bold;position: relative;bottom: 20px;}
@font-face {
	font-family:'serve';
	src: url(../font/impact.ttf);
}

/* 选择我们 */
.me{background: url(../images/me-bg.jpg)no-repeat center;height: 600px;overflow: hidden;}
.me .title{text-align: center;margin-top: 55px;}
.me .title em{font-size: 36px;color: #ffffff;font-weight: 300;}
.me .title p{font-size: 16px;color: #ffffff;font-weight: 300;}

/* 新闻 */
.news{padding-bottom: 100px;}
.news .title{text-align: center;margin-top: 50px;margin-bottom: 40px;}
.news .title em{font-size: 36px;color: #333333;font-weight: 300;}
.news .title p{font-size: 16px;color: #666666;font-weight: 300;position: relative;bottom: 7px;}
.news ul{display: flex;justify-content: space-between;}
.news ul li{width: calc(100% / 3 - 15px);}
.news ul li .pic{overflow: hidden;}
.news ul li .pic img{width: 100%;transition: all 0.4s;display: block;height: 196px;}
.news ul li:hover .pic img{transform: scale(1.1);}
.news ul li .info{}
.news ul li .info em{font-size: 17px;color: #333333;font-weight: bold;display: block;margin: 6px 0px;}
.news ul li:hover .info em{color: #063e98;}
.news ul li .info p{font-size: 14px;color: #666666;line-height: 28px;}
.news ul li .info dd{display: flex;justify-content: space-between;margin-top: 10px;padding-right: 16px;}
.news ul li .info span{font-size: 14px;color: #333333;font-family: arial;}
.news ul li .info i{font-size: 14px;color: #333333;}


	


/*底部 foot*/
.foot{background: #22272b;height: 363px;margin-bottom: -53px;}
.foot .f-t-left{width: 184px;margin-top: 60px;padding-right: 96px;margin-right: 133px;position: relative;}
.foot .f-t-left::after{content: '';width: 1px;height: 166px;background: #4D4D4D;position: absolute;top: 15px;right: 0;}
.foot .f-t-left dl{}
.foot .f-t-left dl dt{font-size: 24px;color: #FFFFFF;display: block;margin-bottom: 15px;}
.foot .f-t-left dl dd a{font-size: 14px;color: #FFFFFF;line-height: 46px;float: left;margin-right: 34px;}
.foot .f-t-main{width: 445px;margin-top: 60px;position: relative;}
.foot .f-t-main::after{content: '';width: 1px;height: 166px;background: #4D4D4D;position: absolute;top: 15px;right: 0;}
.foot .f-t-main dl{}
.foot .f-t-main dl dt{font-size: 24px;color: #FFFFFF;display: block;margin-bottom: 15px;}
.foot .f-t-main dl dd{font-size: 14px;color: #FFFFFF;line-height: 46px;margin-right: 34px;}
.foot .f-t-right{width: 210px;margin-top: 60px;}
.foot .f-t-right dl{}
.foot .f-t-right dl dt{font-size: 24px;color: #FFFFFF;display: block;margin-bottom: 15px;}
.foot .f-t-right dl dd{font-size: 14px;color: #FFFFFF;float: left;text-align: center;}
.foot .f-t-right dl dd:nth-child(2){margin-right: 10px;}
.foot .f-t-right dl dd p{font-size: 14px;color: #FFFFFF;}
/*底部 foot*/
.end{width: 100%;height: 52px;color: #FFFFFF;line-height: 52px;text-align: center;font-size: 14px;border-top: 1px solid #4d4d4d;}
.end a{color: #FFFFFF;display: inline-block;}
.end p{color: #FFFFFF;}
.end span{margin-left: 15px;color: #FFFFFF;}
.end p a(1){margin-left: 38px;}
.beian{margin-left: 25px;}


/*内页样式*/
.ny-hd{height: 500px;}
.ny-main{margin-top: 25px; margin-bottom:100px;}
.ny-left{width: 255px;}
.column-title{background: #063e98;  height: 120px; margin-bottom: 10px;}
.column-title em{display: block; font-size: 28px; line-height: 28px; font-weight: bold;  padding-top: 37px; margin-bottom: 10px;}
.column-title span{text-transform: uppercase; opacity: 0.8;}
.ctitle1{border: solid 1px #e6e6e6; border-bottom: none;}
.ctitle1>li{float: left;  width: 100%; border-bottom: solid 1px #e6e6e6;}
.ctitle1>li>a{display: block; font-size: 15px; line-height: 54px; color: #4c4c4c; text-indent: 30px; background: url(../images/ctitle1-li.png) no-repeat center right 20px;}
.ctitle1>li.on>a,.ctitle1>li:hover>a{background: url(../images/ctitle1-li-on.png) no-repeat center right 20px; color: #063e98;}

.ny-contact {background: #fafafa; margin-top: 30px}
.ny-contact .bg{display: block; width: 235px;padding-left: 20px; height: 100px;background: url(../images/contact-pic.jpg) no-repeat center center;}
.ny-contact span,.ny-contact em{display: block;color: #fff;}
.ny-contact span{font-size: 18px;line-height: 18px;padding-top: 30px;}
.ny-contact em{font-family: arial;}
.ny-contact ul{padding: 20px 10px 1px;background: #f2f2f2;margin-bottom: 20px;}
.ny-contact ul li span,.ny-contact ul li img,.ny-contact ul li a{display: block;margin: 0 auto;}
.ny-contact ul .ny-qcode{padding-bottom: 20px;border-bottom: 1px solid #ccc;margin-bottom: 20px;}
.ny-contact ul .ny-qcode span{color: #4c4c4c;line-height: 14px;padding-top: 10px;}
.ny-contact ul .ny-tel{font-size: 24px;font-family: arial;color: #063e98;line-height: 20px;padding-left: 56px;background: url(../images/ny-tel.png) no-repeat  20px center;margin-bottom: 20px;}

.ny-right{width:920px; overflow: hidden;}
.ny-right .position{display: block; margin-bottom: 20px; border-bottom: solid 1px #ddd;position: relative;}
.ny-right .position span{display: block; padding-left:33px; font-size: 13px;line-height: 40px;background: url(../images/ny-home.png) no-repeat 5px center;border-bottom: solid 1px #063e98; z-index: 0;}
.ny-right .position span a{display: inline-block;}
.ny-right .position span a.on{color: #063e98;}
.ny-right .position span a:hover{color: #063e98;}

/*内页新闻列表*/
.ny-news-list ul li{padding: 10px;background:#fafafa; margin-bottom: 30px;height: 114px;width: 990px;transition: all 0.3s;}
.ny-news-list ul li .pic{width: 180px;height: 100px; margin-right: 25px;}
.ny-news-list ul li .info{width: 680px; margin-top: 10px;}
.ny-news-list ul li .info h3{margin: 10px 0; font-size: 16px; line-height: 18px; color: #595959;overflow: hidden;}
.ny-news-list ul li .info span{margin: 10px 0; display: block;font-family: arial;color: #666; line-height: 18px;}
.ny-news-list ul li .info p{color: #808080;overflow: hidden;text-align:justify;}
.ny-news-list ul li:hover .info h3{color: #063e98;}



/*产品详情*/
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 530px;}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.ny-right  .pro1 .descript1 p{width: 530px;font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #0067D8;}
.ny-right  .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color: #0067D8;font-size: 25px;font-weight: bold; vertical-align: middle; font-style: normal;}
.ny-right  .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right  .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right  .detail {margin-bottom: 20px;padding-top: 20px;}
.ny-right  .detail .de-title{border-bottom: solid 3px #0067D8; margin-bottom: 20px;}
.ny-right  .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#0067D8;}

/*内页分类居中*/
.ny-right .pagelist{text-align: center;margin-top: 20px;}


/*QQ 样式*/
.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #000;}
.zx-service ul li:hover a{background: #063e98;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #063e98;text-align: center;display: none;position: absolute;right: 81px;top: 0;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/right-wechat.jpg) no-repeat center top 10px #063e98;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}