body{font-size: 16px; font-family: "微软雅黑"; text-align:left;color:#333;}
li,ol,ul{list-style-type:none}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
img{border:none;vertical-align:middle; transition: all 0.5s;}
a{color:#333;text-decoration:none}
a:hover {color: #2e79be; text-decoration:none!important }
em,i {font-style: normal;}
p {text-align: justify; line-height: 30px;}
h3 {font-weight: normal;}
.fl {float: left;}
.fr {float: right;}
.rel {position: relative;}
.abs {position: absolute;}
.w {width: 1200px; margin: 0 auto;}
.ellipsis-1 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.ellipsis-2 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.ellipsis-3 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.ellipsis-4 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ellipsis-5 {display: -webkit-box;overflow: hidden;text-overflow: ellipsis;	word-wrap: break-word;	word-break: break-all;	white-space: normal !important;	-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

.main{width: 100%; position: relative; overflow: hidden;}
.header {height:80px; width: 100%; box-shadow: 0 0 5px #ddd;position: relative; z-index: 9;}
.header-top {height: 80px;}
.logo {width:171px; height: 44px; left:0px; top: 19px; position: absolute; }
.logo img {width:100%;}
.logo:hover {color: #353535;}
.navwrap {height:80px;right:20px; top: 0; position: absolute;}
.nav {height: 80px; margin-top: 5px;}
.nav ul {font-size: 0}
.nav li { display: inline-block;position: relative;line-height:0px;}
.nav li a {padding: 0 2px;  font-size: 20px; color: #666; display: block;}
.nav li.on a {background: #fff; color: #003B7E;}
.nav li.on:after {content: ""; width: 56px; height: 4px; background: #003B7E; position: absolute; left: 50%; margin-left: -28px; bottom:12px;}
.nav li:hover:after {content: ""; width: 120px; height: 4px; background: #003B7E; position: absolute; left: 25%; margin-left: -28px; bottom:12px;}
.nav li:nth-child(1):hover:after {content: ""; width: 80px; height: 4px; background: #003B7E; position: absolute; left: 36%; margin-left: -28px; bottom:12px;}

.nav li a:hover {background: #fff; color: #003B7E;}

.nav .sub-menu  li.on:after {content: ""; width:0px; height: 0px; background: #003B7E; position: absolute; left: 50%; margin-left: -28px; bottom:12px;}
.nav .sub-menu  li:hover:after {content: ""; width: 0px; height: 0px; background: #003B7E; position: absolute; left: 50%; margin-left: -28px; bottom:12px;}
.nav .sub-menu  li:hover a {background: #fff; color: #003B7E;}
.nav .sub-menu li a:hover {color: #fff; background: #003B7E;}

.navitem-contact {background:rgba(255,255,255,0.95); border-top: #2e79be solid 1px;  box-shadow: 0 2px 2px #666; width: 120px;}
.nav .sub-menu li:nth-child(2):before {content: ""; width: 0; height: 0; border: 0;border-top: #2e79be solid 3px; position: absolute; right: 10px; top: 50%; margin-top: -2px;}

.navitem {position: absolute; left:42%; top: 68px; display: none;margin-left: -49px; width: 120px; z-index: 2;}
.navitem-contact dl dd {line-height: 30px; text-align: center; border-bottom: #dad5dd solid 1px;}
.navitem-contact dl dd:last-child {border: none;}
.navitem-contact dl dd a {color: #666;font-size: 14px; padding: 4px 0;}
.navcon li:hover .navitem { display: block;}
.navcon li:hover .navitem-contact dl dd a {color: #666;}
.navcon li .navitem-contact dl dd a:hover {color: #fff; background: #003B7E;}

/*footer*/
.footer {background: #f2f2f2;}
.footer-top {padding: 40px 0 20px;}
.footer-top dl {float: left; margin-right: 63px;}
.footer-top dl:last-child {margin-right: 0;}
.footer-top dl dt {font-size: 21px; margin-bottom: 15px;font-weight: bold;}
.footer-top dl dd {font-size: 16px; color: #333; margin-bottom: 15px;}
.footer-top dl.ewm {width: 130px;}
.footer-btm {height: 60px; background: #2e79be;}
.footer-btm p{height: 60px; line-height: 60px; font-size: 14px; color: #fff; padding: 0 200px;}
.footer-btm p a{color: #fff;}
.footer-btm p a:hover{ text-decoration: underline; color: #fff;  } 

/*banner*/
.banner .swiper-slide { overflow: hidden; position: relative;}
.banner .swiper-slide img {width: 100%;}
.banner .swiper-slide img.m-banner {display: none;}
.swiper-pagination{position: absolute; left: 0; text-align: center; bottom:35px; width: 100%;}
.swiper-pagination-bullet{display: inline-block; width: 10px; height: 4px; border-radius: 12px; opacity: 1; background: #fff; opacity: 1;  margin: 0 6px; cursor: pointer;}
.swiper-pagination-bullet-active{background: #fff;opacity: 1; width: 20px;}

.ixproducts {padding: 80px 0 0 0;}
.ixtitle h1 {text-align: center; font-size: 36px; color: #003B7E; margin-bottom: 10px;}
.ixtitle p {text-align: center; font-size: 18px; color: #003B7E;}
.ixproducts .ixmore {padding: 30px 0;}
.ixproducts .ixmore a {width: 180px; height: 46px; font-size: 16px; text-align: center; line-height: 46px; border-radius: 46px; border: #003B7E solid 2px; margin:0 auto; display: block; color: #003B7E;}
.ixproducts .ixmore a:hover {background: #003B7E; color: #fff;}
.ixproducts .cont li {margin-bottom: 10px;}
.ixproducts .cont li .pic {width: 600px; height: 400px; overflow: hidden;}
.ixproducts .cont li .pic img {width: 600px; height: 400px; transition: all 0.5s;}
.ixproducts .cont li .clearfix:hover  img {transform: scale(1.1);}
.ixproducts .cont li .txt {width: 600px; height: 400px; background: #f2f2f2; overflow: hidden;}
.ixproducts .cont li .txt .tcon {padding: 50px 50px 0 75px;}
.ixproducts .cont li .txt .tcon h2 {font-size: 26px; color: #003B7E; margin-bottom: 25px;}
.ixproducts .cont li .txt .tcon p {font-size: 18px; color: #666; margin-bottom: 40px;}
.ixproducts .cont li .txt .tcon .tmore a {color: #003B7E; font-size: 18px;}
.ixproducts .cont li .clearfix:hover .txt{background: #2E79BE;}
.ixproducts .cont li .clearfix:hover h2 { animation: tcon .5s; color: #fff; }
.ixproducts .cont li .clearfix:hover p { animation: tcon .8s; color: #fff; }
.ixproducts .cont li .clearfix:hover .tmore { animation: tcon .9s; }
.ixproducts .cont li .clearfix:hover .tmore a {color: #fff;}

@keyframes tcon{
 	from {transform: translateX(100%);}
 	to {transform: translateX(0);}
}
.ixabout {padding: 80px 0 50px;}
.ixabout .cont {padding: 55px 0 0 0;}
.ixabout .cont .pic {width: 548px; height: 473px; overflow: hidden;}
.ixabout .cont .pic img {width: 548px; height: 473px; transition: all 0.5s;}
.ixabout .cont .pic:hover img {transform: scale(1.1);}
.ixabout .cont .txt {width: 600px; padding-right: 40px;}
.ixabout .cont .txt h2 {font-size: 26px; color: #003B7E; margin-bottom: 20px;}
.ixabout .cont .txt .tcon p {font-size: 18px; color: #333; margin-bottom: 20px;}
.ixabout .cont .txt .tmore a {color: #003B7E; font-size: 18px;}

.ixnews {padding: 80px 0 140px; background: #fafafa;}
.ixnews .cont {padding: 80px 0 0 0;}
.ixnews .cont li {float: left; width: 390px; margin-right: 10px; margin-bottom: 20px;}
.ixnews .cont li:nth-child(3n) {margin-right: 0;}
.ixnews .cont li .pic {width: 390px; height: 282px; overflow: hidden;}
.ixnews .cont li .pic img {width: 390px; height: 282px; transition: all 0.5s;}
.ixnews .cont li:hover .pic img {transform: scale(1.1);}
.ixnews .cont li .txt {background: #fff; padding: 10px 20px; height: 210px; position: relative;}
.ixnews .cont li .txt h2 {font-size:22px; color: #333; margin-bottom: 10px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
.ixnews .cont li .txt p {font-size:16px; color: #666; line-height: 1.5; margin-bottom: 18px; }
.ixnews .cont li .txt .tmore {position: absolute; right: 20px; bottom:20px ;}
.ixnews .cont li:hover {box-shadow: 0 0 10px #999;}

.ixguanli img {width: 100%;}
.ixguanli img.mguanli {display: none;}

/*内页*/
.innerpositon {height: 78px; background: #fff;}
.innerpositon p {line-height: 78px; text-align: left; color: #333; font-size: 18px; }
.innerpositon p a {color: #333;}
.innerpositon p a:hover {color:#2e79be;}

/*内页banner*/
.nybanner  {height: 360px;}
.nybanner1 {background: url(img/nybanner1.png) center 0 no-repeat;}
.nybanner2 {background: url(img/nybanner2.jpg) center 0 no-repeat;}
.nybanner3 {background: url(img/nybanner3.jpg) center 0 no-repeat;}
.nybanner4 {background: url(img/nybanner4.jpg) center 0 no-repeat;}
.nybanner5 {background: url(img/nybanner5.jpg) center 0 no-repeat;}
.nybanner10 {background: url(img/nybanner10.jpg) center 0 no-repeat;}
.nybanner12 {background: url(img/nybanner12.jpg) center 0 no-repeat;}

/*page*/
.nypages {padding: 40px 0 80px;}
.nypages ul {text-align: center;}
.nypages ul li {display: inline-block; margin: 0 6px; border-radius: 3px; background: #e5e5e5; font-size: 16px;}
.nypages ul li a, .nypages ul li span {display:block;padding: 9px 15px;  color: #33;}
.nypages ul li:hover a {background: #2E79BE; color: #fff; border-radius: 3px;}
.nypages ul li.on a {background: #2E79BE; color: #fff; border-radius: 3px;}
.nypages .mnymore {display: none;}


/*产品中心*/
.nyproducts li {float: left; width: 290px; height: 290px; overflow: hidden; position: relative; margin-right: 13px; margin-bottom: 13px;}
.nyproducts li:nth-child(4n) {margin-right: 0;}
.nyproducts li .pic {width: 290px; height: 290px;}
.nyproducts li .pic img {width: 290px; height: 290px;}
.nyproducts li .txt {width: 290px; height: 290px; display: none; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.6);}
.nyproducts li .txt h2 {text-align: center; font-size: 22px;font-weight: normal; padding-top: 120px; text-align: center; color: #fff; overflow: hidden; white-space:  nowrap;}
.nyproducts li .txt p {text-align: center; padding-top:10px; font-size: 16px; text-align: center; color: #eee;}
.nyproducts li .txt a {display: block;width: 290px; height: 290px;}
.nyproducts li:hover .txt {display: block;}
.nyproducts li:hover .pic img{transform: scale(1.1);}
.nyproducts li .tcon {height: 66px; background: rgba(0,0,0,0.6); position: absolute; left: 0; bottom: 0; width: 290px;}
.nyproducts li .tcon a {height: 66px;line-height: 66px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: block; color: #fff;font-size: 18px; text-align: center;}

.nypro-top {width: 100%;}
.nypro-top img {max-width: 100%; height: auto !important;}
.nypro-box {padding: 30px 0;}
.nypro-box .nypro-tit {font-size: 30px; margin-bottom: 30px;font-weight: bold;}
.nypro-content li {margin-bottom: 20px;}
.nypro-content li h2 {font-size: 22px;}
.nypro-content p {font-size: 16px; line-height: 30px; margin-bottom: 20px; color: #666;}

/*关于我们*/
.nyabout .nyabout-title {padding: 20px 0px;}
.nyabout .nyabout-title h1 {font-size: 30px; font-weight: bold; color: #2E79BE;}
.nyabout .nyabout-text {margin-bottom: 30px;}
.nyabout .nyabout-text .txt {width: 430px;}
.nyabout .nyabout-text .txt h2 {margin-bottom: 20px; color: #003B7E;}
.nyabout .nyabout-text .txt p {margin-bottom: 20px; color: #333; font-size: 18px}
.nyabout .nyabout-text .pic {width: 643px;}
.nyabout .nyabout-fz {padding-top: 40px; margin-bottom: 40px;}
.nyabout .nyabout-fz li{ padding-left: 176px; border-left: #2e79be dashed 8px; position: relative;padding-bottom: 40px;}
.nyabout .nyabout-fz li p {font-size: 18px; line-height: 30px; }
.nyabout .nyabout-fz li b {position: absolute; left: 30px; top: -4px; font-size: 30px}
.nyabout .nyabout-fz li:before {content: ""; width: 21px; height: 21px; border-radius: 21px; border: #2E79BE solid 3px; background: #fff; position: absolute; left:-18px; top: 0;}
.nyaboutbtm img {width: 100%;}

.nyhz-icon {padding: 50px 0; background: #f2f2f2;}
.nyhz-tit h1 {text-align: center; font-size: 30px; color: #333; margin-bottom: 12px;}
.nyhz-tit h2 {text-align: center; font-size: 24px; color: #666; font-weight: normal;}
.nyhz-icon .cont {padding-top: 30px;}
.nyhz-icon .cont li {float: left; width: 160px; height: 160px; margin-right: 100px; margin-bottom: 60px;}
.nyhz-icon .cont li:nth-child(5n) {margin-right: 0;}
.nyhz-case {padding: 50px 0 0;}
.nyhz-case .cont {padding-top: 30px;}
.nyhz-case .cont li {margin-bottom: 30px;}
.nyhz-case .cont li h2 {font-size: 26px; color: #333; margin-bottom: 20px;}
.nyhz-case .cont li p {font-size: 18px; color: #666; line-height: 30px; margin-bottom: 20px;}
.nyhz-case .cont li .clearfix p {text-align: center;}
.nyhz-join {padding: 30px 0 60px;}
.nyhz-join .cont {padding: 50px 0 0px;}
.nyhz-join .cont .pic {width: 534px; height: 480px;}
.nyhz-join .cont .pic img {width: 534px; height: 480px;}
.nyhz-join .cont .form {width: 590px;}
.nyhz-join .cont .form li {margin-bottom: 12px; position: relative; padding-left: 48px;}
.nyhz-join .cont .form li input {    background-color: #fff;width: 538px; font-size: 14px;text-indent: 20px; height: 40px; border-radius: 6px; border: #000000 solid 1px;color: #cccccc;}
.nyhz-join .cont .form li textarea {width: 538px;font-size: 14px;line-height: 32px; padding:15px 20px; height: 210px; border-radius: 6px; border: #000000 solid 1px;color: #cccccc;}
.nyhz-join .cont .form li b {font-size: 18px; color: #666; vertical-align: top; position: absolute; left: 0; top:7px;}
.nyhz-join .cont .form li input.sbtn {height: 48px; background: #fff; text-indent: 0; cursor: pointer;}

.nyjjfa li {float: left; width: 268px ; margin-right: 40px; margin-bottom: 40px; border-radius: 10px; box-shadow: 0 0 10px #999;}
.nyjjfa li:nth-child(4n) {margin-right: 0;}
.nyjjfa li .pic {width: 268px; height: 268px; overflow: hidden; border-radius: 10px 10px 0 0;}
.nyjjfa li .pic img {width: 268px; height: 268px; }
.nyjjfa li:hover .pic img {transform: scale(1.1);}
.nyjjfa li .txt {width: 268px; height: 45px; background: #fff; border-radius: 0 0 10px 10px;}
.nyjjfa li .txt p {line-height: 45px; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.nynews li {padding: 30px 0 40px; border-top: #ccc solid 2px; border-bottom: #ccc solid 2px; margin-bottom: 20px;}
.nynews li a {display: block;}
.nynews li .pic {width: 332px; height: 240px; overflow: hidden;}
.nynews li .pic img {width: 332px; height: 240px;}
.nynews li:hover .pic img {transform: scale(1.1);}
.nynews li .txt {width: 750px; padding: 0 50px 0 0;}
.nynews li .txt h2 {font-size: 24px; margin-bottom: 20px;}
.nynews li .txt p {font-size: 18px; color: #666; line-height: 30px;}
.nynews li .txt .date {padding-top: 30px; font-size: 16px; color: #666;}
.nynews li .txt .more {padding-top: 30px; font-size: 16px; color: #666;}
.nynews li .txt .more a{ font-size: 16px; color: #666;}
.nynews li:hover .txt .more a {color: #2E79BE;}
.nynews li:hover .txt h2 a {color: #2E79BE;}

.nynewsnav {padding: 20px 0 50px; text-align: center;}
.nynewsnav a {width: 150px; height: 50px; line-height: 50px; font-size: 20px; display: inline-block; margin: 0 10px;border: #999999 solid 1px;}
.nynewsnav a.on {background: #2E79BE; color: #fff; border: #2E79BE solid 1px;}

.nynews-det {background: #FBFBFB;}
.nyarticle {padding: 50px 0 ; }
.nyarticle .nyarticle-tit{border-bottom: #eeeeee solid 1px;}
.nyarticle .nyarticle-tit h2 {font-size: 30px; text-align: center; margin-bottom: 20px;}
.nyarticle .nyarticle-tit p {font-size: 16px; text-align: center; margin-bottom: 30px; color: #999;}
.nyarticle .nyarticle-tit p span {margin: 0 20px;}
.nyarticle .nyarticle-con {padding: 40px 0;border-bottom: #eeeeee solid 1px;}
.nyarticle .nyarticle-con p {margin-bottom: 20px; color: #666; font-size: 16px; line-height: 36px;}
.nyarticle .nyarticle-btm {padding: 30px; position: relative;}
.nyarticle .nyarticle-btm a{ line-height: 30px; color: #666; text-align: center; width: 50%; overflow: hidden; white-space:  nowrap; text-overflow: ellipsis;}
.nyaleft {width: 580px;}
.nyaleft p {font-size: 16px;  line-height: 30px; margin-bottom: 20px; color: #666;}
.nyaright {width: 580px;}
.nyaright img {width: 100%;}


.adminadmin{margin:0 auto; width:75%;}