@charset "utf-8";
/*通用样式*/
html, body, div, span, iframe, map, font, img, a img, samp, strong, hr, h1, h2, h3, h4, h5, h6, b, p, blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}
html, body { position: relative; height: 100%;}
body{ background:#fff; font:normal 12px/22px "微软雅黑";}
img{ border:0;}
a{ text-decoration:none; color:#000;}
a:hover{ color:red;}
.clear { clear:both;}
div { box-sizing: border-box;}
.clearfix:after { content: '\20'; display: block; height: 0; clear: both;}
.clearfix { zoom: 1;}
select, input, textarea{ margin:0; font-size:12px;}
input[type="text"], input[type="password"], textarea{outline-style:none;}

.fl{ float:left;}
.fr{ float:right;}
.auto{ margin-left:auto; margin-right:auto;}
/* CSS Document */

/*文字截断*/
.TXTovehid{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.TXTovehid-two{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.TXTovehid-three{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}


/*transition*/
.ani200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.ani300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.ani400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.ani500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.ani1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}


.boxshow { width:100%; height:4488px; background:url(../images/cont.jpg) no-repeat center top;}

.header { transition: all .3s; background:url(../images/headerbg.jpg) no-repeat center top; width: 100%;}
.header.on,.header.active {box-shadow: 0 0 10px rgb(0 0 0 / 15%);}

.padbom { padding-bottom:300px;}
.padbom150 { padding-bottom:150px;}

.headerCont { position: relative; margin: 0 40px;}
.modeLogo { display: block;}
.modeLogoon { display: none;}
.headerCont a.logo{ margin: 30px 0; float: left; display: block;}
.homeBanner { position: relative; width: 100%; overflow: hidden;}
.homeBanner .swiper-slide { height: 100vh; background-size: cover!important;}
.homeBanner span { outline: none;}
.nav { width: 100%; border-bottom:1px  solid #e7e7e7;}
.nav li { /* padding-left:42px; padding-right:42px;*/ width:12%; text-align: center; float: left; position: relative; height:67px;}
.nav li:after { content: ''; background: #013d88; height: 6px; transition: all 0.3s; position: absolute; bottom: 0; width: 0; left: 50%; transform: translateX(-50%);}
.navName { overflow: hidden; font-size:23px; height: 25px; position: relative; line-height: 25px; margin: 21px 0 0 ;}
.navName a.defultLink { width: 100%; text-align: center; font-size: 23px; position: absolute; left: 0; top: 0; transition: all 0.3s ease-out; font-weight: bold; color: #252525;}
.navName a.hoverLink { width: 100%; text-align: center;transition: transform .3s ease-out; position: absolute; top: 0; transform: translateY(100%); font-size: 20px; color: #013d88; width: 100%; font-weight: bold; left:0;}
.nav li:hover a.defultLink { transform: translateY(-110%);}
.nav li:hover a.hoverLink { transform: translateY(0);}
.nav dl { display: none; padding: 10px 0; position: absolute; width: 160px; left: 50%; margin-left: -80px; background: #ffffff; top: 110px;}
.nav li:hover:after { width: 60px;}
.nav dt { font-size: 17px; line-height: 38px;}
.nav dt a:hover { color: #013D88;}
.homeControl { line-height: 23px; z-index: 4; position:relative; top: 44px; right: 0; float:right;}


.homeControl a{display: block;position: relative;height:53px;overflow: hidden;width: 158px;box-sizing: border-box;border:1px solid #b2becd;}
.homeControl a .cont{width: 100%;height: 100%;position: absolute;left: 0;box-sizing: border-box;padding: 1px 12px 10px 48px;}
.homeControl a .cont.top{background:none;top: 0;}
.homeControl a .cont.btm{background: #d71717;top:100%;}
.homeControl a .cont .icon{height: 48px;position: absolute;left: 17px;top:50%;margin-top: -17px;text-align: left;line-height: 46px;}
.homeControl a .cont .text{width: 100%;height: 46px;display: table;}
.homeControl a .cont .text p{display: table-cell;text-align: center;font-size: 22px;line-height: 24px;color: #fff;vertical-align: middle;}
.homeControl a .cont.btm .text p{color: #ffffff;}
.homeControl a .cont .btm{top:100%;}
.homeControl a:hover{border-color: #d71717;}
.homeControl:hover a .top{top: -100%;}
.homeControl:hover a .btm{top:0;}


.nav .form{padding-top: 10px;}
.nav .form .text{width:230px;height: 42px;background: #ffffff;border:1px solid #dedede;border-right: none;text-indent: 16px;font-size: 16px;color: #b0b0b0;line-height: 42px;}
.nav .form .subm{width:104px;height: 46px;border:none;background: #d71717;cursor: pointer; text-align:center; font-size:20px; color:#fff; font-weight:bold;}
.nav .form .subm:hover{background-color: #ad0505;}



.header.on .nav a.defultLink,.header.active .nav a.defultLink { color: #4f4f4f;}

.content{background: #fff;  transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s; outline: none;}
.content.showdiv { top: 0;}
.tansu {
    font-size: 16px;
    color: #fff;
    width:130px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    text-align: center;
    overflow: hidden;
    z-index: 15;
    animation: bb 2s linear 0s infinite;
    transform: translateX(-50%);
    cursor: pointer;}
.tansu span img { width: 19px; margin-bottom:8px;}
.tansu p {  color: #fff;}
.homeBanner .swiper-pagination { padding-right: 11%; box-sizing: border-box; text-align: right;}
.homeBanner .swiper-pagination-bullet {
width:36px;
height:36px;
text-align: center;
line-height:36px;
font-size:22px;
color: #ffffff;
opacity: 1;
background:none;}

.homeBanner .swiper-pagination-bullet-active {
color: #fff;
background: #013d88;}

.readMore{display: block;width: 190px;height: 46px;margin: 0 auto;border:1px solid #4d4d4d;text-align: center;line-height: 46px;font-size: 16px;color: #1a1a1a;position: relative; margin-top:35px;}
.readMore span{position: relative;z-index: 2;}
.readMore:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #203f92;
transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.readMore:hover:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;}
.readMore:hover{border-color: #203b85;color: #fff;}



.leaderMore{display: block;width: 128px;height: 34px;border:1px solid #d5d5d5;text-align: center;line-height: 34px;font-size: 14px;color: #1a1a1a;position: relative; background:#fff;z-index: 9999999;}
.leaderMore span{position: relative;z-index: 2;}
.leaderMore:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #203f92;
transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.leaderMore:hover:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;}
.leaderMore:hover{border-color: #203b85;color: #fff;}


.majorMore{display: block;width: 128px;height: 34px;border:1px solid #d5d5d5;text-align: center;line-height: 34px;font-size: 14px;color: #1a1a1a;position: relative; background:#fff;z-index: 9999999; margin-top:20px;}
.majorMore span{position: relative;z-index: 2;}
.majorMore:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #203f92;
transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.majorMore:hover:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;}
.majorMore:hover{border-color: #203b85;color: #fff;}






.search {
	height: 0;
	width: 100%;
	background: #454545;
	z-index: 9999;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;}

.search.show {
	height: 85px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;}

.search1 {
	width: 51%;
	height: 45px;
	margin: 20px auto;
	-webkit-box-shadow: 0 1px 2px rgb(0 0 0);
	-moz-box-shadow: 0 1px 2px rgb(0, 0, 0);
	-ms-box-shadow: 0 1px 2px rgb(0, 0, 0);
	box-shadow: 0 1px 2px rgb(0 0 0);
	position: relative;
	z-index: 9999;}

.search_kuang {
	width: 74%;
	padding-left: 2%;
	height: 45px;
	background: #fff;
	font-size: 14px;
	outline: none;
	box-sizing: border-box;
	border: none;}

.search_submit {
	width: 26%;
	height: 45px;
	background: #416baf;
	vertical-align: bottom;
	color: #fff;
	font-size: 16px;
	outline: none;
	box-sizing: border-box;
	border: none;
	outline: none;}

.search1 a.close {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 10px;
	right: -40px;
	background: url(../images/close.png) -86px 0 no-repeat;
	opacity: 1;
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s;}

@keyframes bb{
0%{transform:translate(-50%,0);opacity:0;}
20%{transform:translate(-50%,3px);opacity:1;}
80%{transform:translate(-50%,10px);opacity:1;}
90%{transform:translate(-50%,10px);opacity:0;}
100%{transform:translate(-50%,10px);opacity:0;}
}
.machaniChose span:last-child:after { display: none;}
.imgCell { overflow: hidden;}
.labSlide .swiper-slide img { display: block; width: 100%; transition:all 0.5s;}
.labSlide .swiper-slide:hover img{ transform: scale(1.1);}
.newsCelltxt { padding: 15px 35px;}
/**/
.dn { display: none;}
.container { width: 1450px; margin: 0 auto;}
.homeNews { padding: 52px 0 0px; background:#f7f7f7 url(../images/bg1.jpg) center no-repeat;}
.titleCell { text-align: center; color: #013d88; font-size: 40px; line-height: 2; background: url(../images/titbg.png) center no-repeat;}

.newsLeft { width: 1031px; max-width: 100%; float: left;}

.newsLeft .newsLeft_title { font-size:32px; color:#252525; line-height:94px; border-left:8px solid #d71717; padding-left:25px; font-weight:bold; background:#fff; width:84.2871%;}

.newsCell img { display: block; width:643px;  height:380px;  overflow: hidden;}

.newsCell:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}


.newsCelltxt { height:420px; box-shadow:0 0 13px rgba(26,4,8,.05); background: #fff url(../images/newslou.png) no-repeat left bottom; position: absolute; top: 0px; left:0; z-index:-5;width:84.2871%;}

.newsCell:hover .newTitle h2  { color: #f60201;}

.newsLeft .swiper-slide { position: relative; padding-bottom: 90px;}
.newTitle { overflow: hidden;}
.newTitle h2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width:307px; height:84px; font-size: 22px; float: left; color: #013d88; line-height:30px; padding-top:10px;}
.newTitle span { float: right; font-size: 20px; font-family: 'Georgia'; color: #c5c5c5;}
.newsCelltxt p { color: #565656; font-size: 16px; line-height: 26px; width:307px;text-align:justify;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; height:130px;margin-bottom:30px;}
.jtmore { background:url(../images/jt.png) no-repeat left 9px; padding-left:45px; width:102px; height:32px; font-size:14px; color:#666666;}
 

.newsLeft .swiper-button-next { outline: none; top: 307px; left:212px; background: url(../images/leftjt.jpg) center no-repeat; width: 60px; height: 30px;}
.newsLeft .swiper-button-prev { outline: none; top: 307px; left:281px; background: url(../images/rightjt.jpg) center no-repeat; width: 60px; height: 30px;}
.newsLeft .swiper-button-prev:after,.newsLeft .swiper-button-next:after { content: '';}
.newsCont { margin: 30px auto 0;}

.newsRight { float: right; width: calc(100% - 1067px);}
.newsRight  a .btn{width: 130px;height: 36px; background:#e5e5e5; text-align: center;line-height: 36px;font-size: 14px;color: #000000;position: relative;}
.newsRight  a .btn span{position: relative;z-index: 2; padding:1px 15px 0 2px;}
.newsRight  a .btn:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: #d71717;
transform: scaleX(0);-webkit-transform: scaleX(0);opacity: 0;visibility: hidden;}
.newsRight  a:hover .btn:before{transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 1;visibility: visible;}
.newsRight  a:hover .btn{color: #fff;}

.newsRight  a .btn .btnjt { width:7px; height:13px; background:url(../images/rm.png) no-repeat no-repeat right 4px;}
.newsRight  a:hover .btn .btnjt { width:7px; height:13px; background:url(../images/rmon.png) no-repeat right 4px;}

.newsRight .cont{ padding-top:55px;}
.newsRight .cont ul{padding-top: 3px;}
.newsRight .cont ul li{padding: 9px 0px;border-bottom: 1px solid #dbdbdb;}
.newsRight .cont ul li:first-child{border-top: 1px solid #dbdbdb;}
.newsRight .cont ul li a{display: block;height: 57px;padding-left:67px;position: relative;}
.newsRight .cont ul li a .date{width: 52px;height: 50px;background: #fff; border:1px solid #dbdbdb; text-align: center;position: absolute;left:0;top:4px;color: #19408c;}
.newsRight .cont ul li a .date:before{content: "";width: 100%;height: 0;position: absolute;left: 0;top:0;background: #19408c;
-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.newsRight .cont ul li a .date em,.newsRight .cont ul li a .date span{display: block;position: relative;z-index: 2;}
.newsRight .cont ul li a .date em{padding-top:3px;height: 28px;line-height: 26px;font-size: 25px;font-family: "gothic"; font-style:normal; color:#666;border-bottom:1px solid #dbdbdb;}
.newsRight .cont ul li a .date span{height: 17px;line-height: 17px;font-size: 12px;font-family: "gothic"; color:#777;}
.newsRight .cont ul li a h5{padding-top: 4px;font-size: 17px;line-height: 25px;color: #565656;font-weight: normal;height: 50px;overflow: hidden;}
.newsRight .cont ul li a:hover .date{color: #fff;}
.newsRight .cont ul li a:hover .date:before{height: 100%;}
.newsRight .cont ul li a:hover .date em { color:#fff; border-bottom:1px solid #e1eafc;}
.newsRight .cont ul li a:hover .date span { color:#fff;}
.newsRight .cont ul li a:hover h5{color: #f80201;}
.newsRight .cont ul li.hot img{margin-left: 5px;}





.notice { background: url(../images/bg2.png) center top no-repeat #ffffff; padding:58px 0 60px;}
.noticeChose { margin-top: 10px; display: inline-block; border-bottom: 1px solid #d3d3d3; text-align: center; font-size: 0;}
.noticeChose span { position: relative; line-height: 50px; display: inline-block; cursor: pointer; color: #535353; font-size: 20px; margin: 0 29px; padding:0 10px;}
.noticeTit { text-align: center;}
.noticeChose span:first-child { margin-left: 0;}
.noticeChose span:last-child { margin-right: 0;}
.noticeChose span.cur { font-weight: bold; color: #df2f2f;}
.noticeChose span.cur:after { content: ''; bottom: -8px; position: absolute; width: 100%; background: url(../images/icon12.png) center no-repeat #ffffff; height: 8px; left: 0;}
.noticeList ul { margin-top: 38px; overflow: hidden;}
.noticeList li { margin-bottom: 7px; width: 48%; overflow: hidden; float: left; border-bottom: 1px solid #ececec; line-height: 70px;}
.noticeList li:nth-child(2n) { float: right;}
.noticeList li p { float: left; width: calc(100% - 110px); font-size: 18px; color: #333333;overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.noticeList li a:hover p {  color:#df2f2f; text-indent:8px;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}

.noticeList li span { float: right; color: #b5b5b5; font-size: 18px;}
.noticeBar .linkMore { display: block; background: url(../images/icon13.jpg) 97px center no-repeat; width: 148px; min-height: 38px; text-indent: 20px; line-height: 38px;border: 1px solid #416baf; color: #416baf; margin: 50px auto 0;}



.major { background: url(../images/bg5.jpg) center no-repeat; background-size: cover; background-attachment: fixed; background-attachment: fixed; padding: 70px 0 0px;}
.major .container { width:100%; background:url(../images/serbg.jpg) repeat-x center bottom;}


.major .titleCell { color: #e1e5ec; font-size:48px; margin-bottom:52px; background:none;}
.major .titlean { width:416px; height:116px; background:url(../images/serbg.png) no-repeat center top; margin:0 auto;}
.major .titlean h2 { font-size:36px; line-height:54px; text-align:center; color:#fff; font-weight:bold; padding-top:20px;}
.major .titlean p { text-align:center; color:#fff;}




.majorBar { margin: 45px auto 0; background: #ffffff; padding: 20px 34px 20px 20px; overflow: hidden;}
.majorImg { float: left; width: 685px;}
.majorImg img{ display: block; width: 100%;}
.majorImg .swiper-button-next { margin: 0; top: 162px; background: url(../images/next.png) center no-repeat; width: 62px; height: 62px;}
.majorImg .swiper-button-prev { margin: 0; top: 162px; background: url(../images/prev.png) center no-repeat; width: 62px; height: 62px;}
.majorImg .swiper-button-prev:after,.majorImg .swiper-button-next:after { content: '';}
.majorList { float: right; width: calc(100% - 726px);}
.majorList li { border-bottom: 1px solid #e3e3e3; padding:20px 0; overflow: hidden;}
.majorList li h2 { line-height: 48px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis; float: left; font-size: 18px; color: #404040; width: calc(100% - 50px);}
.majorList li:hover h2{   -webkit-transform: translateX(8px);transform: translateX(8px); color:#f60201;}

.majorDate { float: right; text-align: right;}
.majorDate p { font-size: 28px; color: #404040; line-height: 32px;}
.majorDate span { font-size: 12px; color: #848484; line-height: 16px;}

.leftTxt { margin-top: 48px; background: url(../images/icon77.png) 17px 70px no-repeat;   float: left;margin:0 40.83px; transition: all 0.5s; width: 160px; height: 160px; text-align: center; padding-top:50px;}
.leftTxt p { line-height: 42px; font-weight: bold; font-size: 30px; color: #023e87;}
.leftTxt span { line-height: 1; display: block; text-align: right; font-size: 16px; color: #11a9b7; font-weight: 200;}
.leftTxtnone  { margin-top: 48px;  float: left;margin:0 40.83px; transition: all 0.5s; width: 160px; height: 160px; text-align: center; padding-top:50px;}


.serviceList {padding-top:25px; padding-bottom:45px;}
.serviceList ul {}
.serviceList li { margin:0 40.83px; float: left; transition: all 0.5s; width: 160px; height: 160px; text-align: center;}
.serviceList li p { color: #343434; font-size: 16px; line-height: 1; margin-top: 18px;}
.serviceList li span { margin-top: 36px; transition: all 0.3s; display: block; height: 54px; width: 100%;}
.serviceList li span.icon-1 { background: url(../images/icon1.png) center no-repeat;}
.serviceList li span.icon-2 { background: url(../images/icon2.png) center no-repeat;}
.serviceList li span.icon-3 { background: url(../images/icon3.png) center no-repeat;}
.serviceList li span.icon-4 { background: url(../images/icon4.png) center no-repeat;}
.serviceList li span.icon-5 { background: url(../images/icon5.png) center no-repeat;}
.serviceList li span.icon-6 { background: url(../images/icon6.png) center no-repeat;}
.serviceList li span.icon-7 { background: url(../images/icon7.png) center no-repeat;}
.serviceList li span.icon-8 { background: url(../images/icon8.png) center no-repeat;}
.serviceList li span.icon-9 { background: url(../images/icon9a.png) center no-repeat;}
.serviceList li span.icon-10 { background: url(../images/icon10a.png) center no-repeat;}
.serviceList li span.icon-11 { background: url(../images/icon11a.png) center no-repeat;}
.serviceList li span.icon-12 { background: url(../images/icon12a.png) center no-repeat;}
.serviceList li span.icon-13 { background: url(../images/icon13.png) center no-repeat;}
.serviceList li span.icon-14 { background: url(../images/icon14.png) center no-repeat;}
.serviceList li span.icon-15 { background: url(../images/icon15a.png) center no-repeat;}
.serviceList li span.icon-16 { background: url(../images/icon16.png) center no-repeat;}
.serviceList li span.icon-17 { background: url(../images/icon17.png) center no-repeat;}
.serviceList li span.icon-18 { background: url(../images/icon18.png) center no-repeat;}
.serviceList li span.icon-20 { background: url(../images/icon20.png) center no-repeat;}
.serviceList li span.icon-21 { background: url(../images/icon21.png) center no-repeat;}
.serviceList li span.icon-22 { background: url(../images/icon22.png) center no-repeat;}
.serviceList li span.icon-23 { background: url(../images/icon23.png) center no-repeat;}
.serviceList li span.icon-24 { background: url(../images/icon24.png) center no-repeat;}
.serviceList li span.icon-25 { background: url(../images/icon25.png) center no-repeat;}
.serviceList li span.icon-26 { background: url(../images/icon26.png) center no-repeat;}

.serviceList li span.icon-31 { background: url(../images/icon31.svg) center no-repeat;}
.serviceList li span.icon-32 { background: url(../images/icon16.png) center no-repeat;}
.serviceList li span.icon-33 { background: url(../images/icon33.svg) center no-repeat;}
.serviceList li span.icon-34 { background: url(../images/icon34.svg) center no-repeat;}
.serviceList li span.icon-35 { background: url(../images/icon35.svg) center no-repeat;}


.serviceList li span.icon-41 { background: url(../images/icon41.png) center no-repeat;}
.serviceList li span.icon-42 { background: url(../images/icon42.svg) center no-repeat;background-size: 40%;}
.serviceList li span.icon-43 { background: url(../images/icon43.svg) center no-repeat;}
.serviceList li span.icon-44 { background: url(../images/icon44.svg) center no-repeat;}
.serviceList li span.icon-45 { background: url(../images/icon45.svg) center no-repeat;}
.serviceList li span.icon-46 { background: url(../images/icon46.svg) center no-repeat;}
.serviceList li span.icon-47 { background: url(../images/icon47.svg) center no-repeat;}
.serviceList li span.icon-48 { background: url(../images/icon48.png) center no-repeat;}

.serviceList li span.icon-bk1 { background: url(../images/icon-bk1.svg) center no-repeat;}
.serviceList li span.icon-bk2 { background: url(../images/icon-bk2.svg) center no-repeat;}
.serviceList li span.icon-bk3 { background: url(../images/icon-bk3.svg) center no-repeat;}
.serviceList li span.icon-bk4 { background: url(../images/icon-bk4.svg) center no-repeat;}

.serviceList li:hover span.icon-1 { background: url(../images/icon1on.png) center no-repeat;}
.serviceList li:hover span.icon-2 { background: url(../images/icon2on.png) center no-repeat;}
.serviceList li:hover span.icon-3 { background: url(../images/icon3on.png) center no-repeat;}
.serviceList li:hover span.icon-4 { background: url(../images/icon4on.png) center no-repeat;}
.serviceList li:hover span.icon-5 { background: url(../images/icon5on.png) center no-repeat;}
.serviceList li:hover span.icon-6 { background: url(../images/icon6on.png) center no-repeat;}
.serviceList li:hover span.icon-7 { background: url(../images/icon7on.png) center no-repeat;}
.serviceList li:hover span.icon-8 { background: url(../images/icon8on.png) center no-repeat;}
.serviceList li:hover span.icon-9 { background: url(../images/icon9aon.png) center no-repeat;}
.serviceList li:hover span.icon-10 { background: url(../images/icon10aon.png) center no-repeat;}
.serviceList li:hover span.icon-11 { background: url(../images/icon11aon.png) center no-repeat;}
.serviceList li:hover span.icon-12 { background: url(../images/icon12aon.png) center no-repeat;}
.serviceList li:hover span.icon-13 { background: url(../images/icon13on.png) center no-repeat;}
.serviceList li:hover span.icon-14 { background: url(../images/icon14on.png) center no-repeat;}
.serviceList li:hover span.icon-15 { background: url(../images/icon15aon.png) center no-repeat;}
.serviceList li:hover span.icon-16 { background: url(../images/icon16on.png) center no-repeat;}
.serviceList li:hover span.icon-17 { background: url(../images/icon17on.png) center no-repeat;}
.serviceList li:hover span.icon-18 { background: url(../images/icon18on.png) center no-repeat;}

.serviceList li:hover span.icon-20 { background: url(../images/icon20on.png) center no-repeat;}
.serviceList li:hover span.icon-21 { background: url(../images/icon21on.png) center no-repeat;}
.serviceList li:hover span.icon-22 { background: url(../images/icon22on.png) center no-repeat;}
.serviceList li:hover span.icon-23 { background: url(../images/icon23on.png) center no-repeat;}
.serviceList li:hover span.icon-24 { background: url(../images/icon24on.png) center no-repeat;}
.serviceList li:hover span.icon-25 { background: url(../images/icon25on.png) center no-repeat;}
.serviceList li:hover span.icon-26 { background: url(../images/icon26on.png) center no-repeat;}

.serviceList li:hover span.icon-31 { background: url(../images/icon31on.svg) center no-repeat;}
.serviceList li:hover span.icon-32 { background: url(../images/icon32on.png) center no-repeat;}
.serviceList li:hover span.icon-33 { background: url(../images/icon33on.svg) center no-repeat;}
.serviceList li:hover span.icon-34 { background: url(../images/icon34on.svg) center no-repeat;}
.serviceList li:hover span.icon-35 { background: url(../images/icon35on.svg) center no-repeat;}


.serviceList li:hover span.icon-41 { background: url(../images/icon41on.png) center no-repeat;}
.serviceList li:hover span.icon-42 { background: url(../images/icon42on.png) center no-repeat;background-size: 40%;}
.serviceList li:hover span.icon-43 { background: url(../images/icon43on.svg) center no-repeat;}
.serviceList li:hover span.icon-44 { background: url(../images/icon44on.svg) center no-repeat;}
.serviceList li:hover span.icon-45 { background: url(../images/icon45on.svg) center no-repeat;}
.serviceList li:hover span.icon-46 { background: url(../images/icon46on.svg) center no-repeat;}
.serviceList li:hover span.icon-47 { background: url(../images/icon47on.svg) center no-repeat;}
.serviceList li:hover span.icon-48 { background: url(../images/icon48on.png) center no-repeat;}

.serviceList li:hover span.icon-bk1 { background: url(../images/icon-bk1on.svg) center no-repeat;}
.serviceList li:hover span.icon-bk2 { background: url(../images/icon-bk2on.svg) center no-repeat;}
.serviceList li:hover span.icon-bk3 { background: url(../images/icon-bk3on.svg) center no-repeat;}
.serviceList li:hover span.icon-bk4 { background: url(../images/icon-bk4on.svg) center no-repeat;}


.serviceList li:hover { border-radius: 50%; background: #11a9b7;}
.serviceList li:hover p { color: #ffffff;}



.activeBox { overflow: hidden; padding: 80px 0 88px;}
.activeLeft { width: 192px; float: left; overflow: hidden;}
.activeLeft h2 { text-align: center; background: #24418e; font-size: 30px; color: #ffffff; line-height: 80px;}
.activeControl { margin-top: 25px; float: right; overflow: hidden; width: 70px; background: #ffffff; border: 1px solid #e5e5e5;}
.activeControl .prevBtn { cursor: pointer; outline:none; background: url(../images/prevs.jpg) center no-repeat; float: left; width: 25px; height: 23px; display: block;}
.activeControl .nextBtn { cursor: pointer; outline:none; background: url(../images/nexts.jpg) center no-repeat; float: right; width: 25px;height: 23px; display: block;}
.activeRight { float: right; width: calc(100% - 250px);}
.activePeo { border: 1px solid #e5e5e5; padding: 20px 20px 15px;}


.activePeo:hover{ background:#28489b;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.activePeo:hover h2{ color:#fff;}
.activePeo:hover p{ color:#e6edff;}
.activePeo:hover h3{ color:#e6edff;}

.activePeo:hover .activeInfor .times { background: url(../images/icon9b.png) left center no-repeat;}
.activePeo:hover .addRess { background: url(../images/icon10b.png) left center no-repeat;}
.activePeo:hover .actPeo { border-bottom: 1px solid #4e70ca;-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}


.actPeo { padding-bottom: 20px; border-bottom: 1px solid #eeeeee; margin-bottom: 4px; overflow: hidden;}
.peoImg { float: left; width: 90px; overflow: hidden;}
.peoImg img { display: block; width: 100%;}
.peoTxt { float: right; width: calc(100% - 113px);}
.peoTxt h2 { font-size: 18px; color: #010101; line-height: 56px;}
.peoTxt p { font-size: 13px; line-height: 1; color: #777777; margin-bottom: 10px;}
.activeInfor h2 { line-height: 46px;overflow: hidden; white-space:nowrap; text-overflow: ellipsis; font-size: 18px; color: #404040;}
.activeInfor h3 { font-size: 14px; color: #a2a2a2; line-height: 23px; height: 69px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical; margin-bottom: 8px;}
.activeInfor .times { background: url(../images/icon9.png) left center no-repeat; padding-left: 22px;}
.activeInfor p {font-size: 16px; color: #404040; line-height: 32px;}
.activeInfor .addRess { background: url(../images/icon10.png) left center no-repeat; padding-left: 22px;}
.leader { padding: 23px 0 100px; background: url(../images/bg3.jpg) right top no-repeat #fbfbfb;}
.leaderTit { text-align: center; position:relative; line-height: 140px; margin-bottom: 35px;}
.leaderTit p { color: #eeeeee; font-size: 76px; font-weight: bold;}
.leaderTit span { position: absolute; top: 50%; left: 50%; color: #24418e; font-size: 36px; font-weight: bold;  transform: translate(-50%,-50%);}
.leaderCont { overflow: hidden; background:url(../images/leaderbgline.jpg) repeat-x right bottom;}
.leaderImg { float: left; width: 726px; max-width: 100%; overflow:hidden;}
.leaderTxt { float: right; width: calc(100% - 780px); padding-right:2.75%;}
.leaderImg img { display: block; width: 100%;}
.leaderCont a:hover .leaderImg img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}

.leaderCont a:hover .leaderName h2 { text-indent:8px;}



.leaderTag { margin: 47px 0 28px; display: block; text-align: center; width: 120px; line-height: 38px; border-radius: 38px; color: #ffffff; background: #24418e; font-weight: bold; font-size: 20px;}
.leaderSwiper .swiper-slide { background: url(../images/builder.jpg) right bottom no-repeat #ffffff;}
.leaderName { margin-bottom: 50px; border-left: 5px solid #24418e; padding-left: 26px;}
.leaderName h2 { font-size:26px; line-height: 1; margin-bottom: 16px;}
.leaderName h3 { font-size: 20px; line-height: 1; color: #333333;}
.leaderTxt p {overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:4;-webkit-box-orient: vertical; font-size: 18px; color: #333333; line-height: 2;}
.leaderMore { display: block; position: absolute; width: 130px; right: 39px; bottom: 25px; z-index:99999999999999;}
.leaderSwiper .swiper-pagination { box-sizing: border-box; width: calc(100% - 575px)!important; left: auto!important; left: 0; text-align: right;}
.leaderSwiper .swiper-pagination span { width: 24px; hyphens: 5px; border-radius: 5px;}
.leaderSwiper .swiper-pagination span.swiper-pagination-bullet-active { background: #24418e; outline:none;}
.footNew { padding: 80px 0 60px;}
.footNew li { float: left; box-shadow: 0 3px 10px rgba(0,0,0,0.05); background: #ffffff; width: 32%; margin-right: 2%; overflow:hidden;}
.footImg img { display: block; width: 100%;}
.footImg a:hover img { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); transform: scale(1.03);}
.footNew li:nth-child(3n) { margin-right: 0;}
.footNew li h2 { margin-bottom: 16px; line-height: 60px; font-size: 32px; color: #2f2f2f; border-bottom: 1px solid #d8d8d8;}
.footNew li h2 a { color: #2f2f2f;}
.contTxt { padding: 14px 24px 20px;}
.contTxt p {overflow: hidden; white-space:nowrap; text-overflow: ellipsis; font-size: 16px; color: #757575; line-height: 30px;}
.contTxt p a { color: #757575; transition: all 0.5s;}
.contTxt p:hover a { color:#df2f2f; padding-left:8px;}
.footerLogo { margin-top: 8px; float: left; width: 448px;}
.footerLogo img { display: block; width: 100%;}
.footerBox { padding: 23px 0 14px; background: url(../images/bg4.jpg) center no-repeat; background-size: cover;}
.footerBox .container { overflow: hidden;}
.footerContact { float: left; margin-left: 72px;}
.footerContact h2 { color: #ffffff; font-size: 22px; line-height: 1; margin-bottom: 14px;}
.footerContact p { font-size: 15px; color: #ffffff; line-height: 28px;}
.footerBox select { margin-top: 26px; float: right; background: url(../images/se.jpg) 90% center no-repeat; border: 1px solid #ffffff;appearance:none;-moz-appearance:none;-webkit-appearance:none; color: #ffffff; box-sizing: border-box; padding-left: 10px; width: 214px; height: 35px; outline: none;}

.footerBox select option { background:#0a448d;}


.copyRight { text-align: center; background: #0e2974; color: #ffffff; line-height: 48px; font-size: 14px;}
.copyRight span { margin:0 16px;}
.copyRight b { color: #6b8cd4; font-size: 14px;}
@media screen and  (max-width:1450px){
	.nav { width:92%;}
	.container { width: 100%; padding: 0 4%;}
	.footNew { padding: 60px 4%;}

	.service { padding: 35px 4%;}
	.serviceList li span { margin-top: 35px;}

	.serviceList li { margin: 0 29px;}
	.caseTxt h2 { font-size: 18px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	.navName a.defultLink,.navName a.hoverLink { font-size: 20px;}
	.leftTxt p,.RightTxt p { font-size: 26px;}
	.leftTxt,.RightTxt { margin-top: 20px;}
	
	.leaderName h3 { font-size: 18px;}
	.newsLeft {width: 900px;}
	.newsRight { width: calc(100% - 930px);}
	
	.newsCell img { width: 530px; height: 314px;}
	.newsCelltxt {  height: 355px;}
	
	.padbom { padding-bottom:550px;}
	
	
	.newsLeft .swiper-button-next {top: 325px;}
	.newsLeft .swiper-button-prev {top: 325px;}
	.newsCelltxt p { height:100px;}
	
	.newsRight .cont ul li {  padding: 6px 0px;}
	.leaderImg { width: 655px;}
	.leaderTxt { width: calc(100% - 709px);}
	.leaderSwiper .swiper-pagination { width: calc(100% - 505px)!important;}

.newsRight .cont ul li a h5 { font-size: 16px;}
.leader {background-size: 80%;}
.leaderName h2 {  font-size: 24px;line-height: 1.4;}	
.major .titleCell {font-size: 36px;}
.major .titlean h2 {  font-size: 32px;}

	
}

@media screen and  (max-width:1366px){
.serviceList li {margin: 0 23px;}
.leaderImg { width: 620px;}
.leaderTxt { width: calc(100% - 674px);}
.leaderSwiper .swiper-pagination { width: calc(100% - 470px)!important;}
.leaderName { margin-bottom: 30px;}
.leaderTxt p { font-size:16px; line-height:28px !important;}

.padbom { padding-bottom:350px;}
	
}

@media screen and  (max-width:1360px){
.serviceList li {margin: 0 16px;}
.serviceList { padding-bottom:35px !important;}
.leaderTit { margin-bottom:10px;}
/*.serviceList li:nth-child(11){ margin-left:241px;clear:both;}
.serviceList li:nth-child(6){ margin-left:241px;clear:both;}
*/

}

@media screen and  (max-width:1350px){
	.header { padding: 0;}
	.navName { font-size: 17px;}
	.logo img { height: 50px;}
	.headerCont a.logo { margin: 30px 0;}
	.navName a.defultLink,.navName a.hoverLink  { font-size: 17px; font-weight: normal;}
	.nav { width: calc(100% - 390px);}
	.padbom { padding-bottom:550px;}
}
@media screen and  (max-width:1200px){
	.macList { margin-top: 20px;}
	.homeBanner .swiper-slide  { height: 50vw;}
	.content { position: static; padding-top: 0;}
	.section-1 { padding-top:80px;}
	
	.dynamicName { float: none; margin: 0 auto 40px;}
	.dynamicLists { float: none; width: 100%;}
	
	.padbom { padding-bottom:550px;}
	
	
}

@media screen and  (max-width:1100px){
	
	.padbom { padding-bottom:650px;}
}


@media screen and  (max-width:1080px){
	.menu { top: 34px; position: absolute; right:50px; display: block; background: url(../images/anniu.png) center no-repeat; width: 24px; height: 22px;}
	.newsRight a .btn { display:none;}
	.serviceList li {  margin: 0 17px; width: 150px; height: 150px;}
	.serviceList li span { margin-top: 30px;}
	
	.nav { display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 1001; min-height: 100%; background: url(../images/nav.png) 100% 100% repeat;  overflow-y: auto;  margin-top: 0px;}
	.nav li { float: none; width: 90%; margin: 25px 5%; text-align: left; height: auto;}
	.navName { text-align: left; margin:5px 0; height: auto;}
	.navName a.defultLink { font-size: 18px; /*line-height: 40px;*/ position: static; text-align: left; color:#fff;}
	.navName a.hoverLink { display: none!important;}
	.header.on .nav a.defultLink, .header.active .nav a.defultLink { color: #ffffff;}
	.header.onn .nav a.defultLink { color: #ffffff;}
	
	.nav dl { width:95%; padding: 0; position: static; transform: translate(0); display: block; background: none; margin: 0 0 0 5%;}
	.nav dl dt a { color: #ffffff; font-size: 14px; line-height: 25px;}
	.headerCont a.logo { margin: 20px 0;}
	.header.active .menu,.header.on .menu{ background: url(../images/anniu-bw.png) center no-repeat;}
	.header.onn .menu{ background: url(../images/anniu-bw.png) center no-repeat;}
	.homeControl { top:20px; right: 50px;}
	.section-1 { padding-top: 20px; padding-bottom: 20px;}
	.dynamicName { font-size: 20px; width: 120px; margin-bottom: 20px; height: auto; line-height: 2;}
	.dynamic { padding: 20px 0;}
	.footerCont select { display: none;}
	.footContact { float: right;}
	.newsRight { float: none; width: 100%;}
	.newsRight li h2 { height: 52px;}
	.homeNews { background-size: cover;}
	.newsLeft { width: 100%;}
	.newsCelltxt { padding: 4px 25px 25px;}
	.activeInfor p { font-size: 14px;}
	.leaderImg { width: 460px; max-width: 100%;}
	.leaderTxt { width: calc(100% - 490px);}
	.leaderTag { margin: 20px 0;}
	.leaderSwiper .swiper-pagination { width: calc(100% - 640px)!important;}
	.leaderName { margin-bottom: 20px;}
	.footerBox select { display: none;}
	.footerContact { float: right; text-align: right;}
	.leaderTxt p {-webkit-line-clamp: 3;}
	.leaderName h2 { font-size: 24px;}
	.leaderName h3 { font-size: 16px;}
	.major .titleCell {  font-size: 38px;margin-bottom: 22px;}
	.major {padding: 30px 0 0px;}

.padbom { padding-bottom:650px;}
    
	
}

@media screen and  (max-width:880px){
	
	.padbom { padding-bottom:850px;}
}

@media screen and  (max-width:780px){
	.leaderSwiper .swiper-pagination { width:100% !important; text-align:center; bottom:10px !important;}
	.leader { padding: 23px 0 70px; background-size:160%;}
	.titleCell { background-size: 100% auto; font-size: 26px;}
	.homeNews { padding: 20px 0;}
	.noticeChose span { float: left; width: 33.33%; box-sizing: border-box; font-size: 16px; margin: 0!important;}
	.noticeList li { line-height: 40px; float: none; width: 100%;}
	.noticeList li p { font-size: 16px;}
	.noticeList li span{ font-size: 14px;}
	.noticeList ul { margin-top: 15px;}
	.noticeBar .linkMore { margin:20px auto 0;}
	.major .titleCell { background-size:100% auto;font-size: 28px; line-height:38px;}
	.major .titlean {  width: 100%;background-size: 80%;}
	.major .titlean h2 {font-size: 28px;line-height: 34px;padding-top: 10px;}
	.majorImg { width: 100%; float: none;}
	.majorList { float: none; width: 100%;}
	.majorList li { padding: 10px 0;}
	.majorList li h2 { font-size: 16px;}
	.activeLeft { float: none; width: 100%;}
	.activeRight { float: none; width: 100%;}
	.activeBox { padding: 20px 0;}
	.activeLeft h2 { font-size: 24px; line-height: 2;}
	.leaderTit p { font-size: 32px;}
	.leaderTit span { font-size: 28px;}
	.leaderTit { line-height: 60px; margin-bottom: 10px;}
	.leaderImg { float: none;}
	.leaderTxt { float: none; width: 100%; padding: 20px;}
	.leaderMore { position: static; margin: 0 auto;}
	.leaderName h2 { font-size: 26px;}
	.leaderTxt p { font-size: 16px;}
	.leaderCont { padding-bottom: 40px;}
	.footNew li { width: 100%; margin-bottom: 10px;}
	.footNew li h2 { font-size: 26px; line-height: 1.75;}
.newsRight li { padding: 4px 10px 10px; margin-bottom: 10px;}
.newsRight li h2 { font-size: 16px; line-height: 24px; height: 48px; margin-bottom:6px;}
.newsCelltxt p {overflow: hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp:4;-webkit-box-orient: vertical;}
.homeBanner .swiper-slide { height: 58vw;}
.homeBanner .swiper-pagination { padding-right: 5px;}
.homeBanner .swiper-pagination-bullet { width:16px; height: 16px; line-height: 16px; font-size: 12px; margin: 0 2px!important;}
.homeControl { display: none;}
.headerCont { margin: 0 0px;}
.logo img { height: 35px;}
.menu { top: 26.5px; right:20px;}
.tansu { font-size: 12px;}
.tansu span img { margin-bottom: 0;}
.newsSlide { padding: 10px;}
.newImg p { font-size: 14px;}
.newIntrdocue h2 { font-size:18px;}
.newIntrdocue p { font-size: 14px; line-height: 2;}
.newsSlide li p { font-size: 14px; line-height: 2;}
.dynamicList li { width: 100%; margin-right: 0; padding: 5px 1.9%; margin-bottom: 10px;}
.dynamicLists li h3 { font-size: 14px;}
.mechanismTit { font-size: 26px;}
.macList li { width: 100%;}
.macList li span { font-size: 14px;}
.macList li p { font-size: 14px;}
.macList li { line-height: 3;}
.machaniChose span { font-size: 14px;}
.machaniChose span:after { font-size: 14px; padding-left:5px; margin-right:5px;}
.caseBar { width: 100%; margin-right: 0; margin-bottom: 20px;}
.caseTxt li a, .caseTxt dt a {}
.RightTxt,.leftTxt { margin-top: 0;}
.labTitle span { font-size: 44px;}
.labTitle p { font-size:26px;}
.lab { padding: 20px 4%;}
.labTitle { margin-bottom: 20px;}
.labSlide .swiper .swiper-pagination span { border: 1px solid #193e9b; width: 8px; height: 8px;}
.leftTxt p,.RightTxt p { font-size: 26px;}

.padbom { padding-bottom:0px;}


.labSlide p { font-size: 14px; line-height: 2;}
.labSlide .swiper { width: 100%; height: 100%;}
.RightTxt,.leftTxt { display: none;}
.serviceList { text-align: center;}
.serviceList li { display: inline-block; float: none;}
.copyRight span,.copyRight b { display: none;}
.copyRight span:first-child { display: block;}
.footerLogo { float: none; margin: 0 auto 20px; max-width: 80%; display: block;}
.footerContact { margin: 0 auto; text-align: center; float: none;}
.footerContact h2 { font-size: 16px;}
.footerContact p { font-size: 14px;}
.majorImg .swiper-button-next,.majorImg .swiper-button-prev { display: none;}


.nav .form {  padding-top:1px; float: left;}

.newsCont {    margin: 0;}
.newsLeft .newsLeft_title {font-size: 28px;line-height: 64px;width: 100%;}

.newsCell img { width: 100%; height:auto;}
.newsCelltxt { width:100%; position:relative; display:inline-block; height:auto;}
.newTitle span { display:none;}
.jtmore { display:none;}
.newsLeft .swiper-button-next {top: 235px; left:auto; right:85px;}
.newsLeft .swiper-button-prev {top: 235px; left:auto; right:15px;}

.newsLeft .swiper-slide {padding-bottom: 2px;}


}
@media screen and  (max-width:640px){
	
.serviceList li {  margin: 0 10px;}
.newsLeft .swiper-button-next {top: 210px; left:auto; right:85px;}
.newsLeft .swiper-button-prev {top: 210px; left:auto; right:15px;}





}