@charset "utf-8";

*{margin:0;padding:0;}
.container *, .kefu *, .menu *, .prolist *{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;font-size:16px; line-height:30px;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#000; }
h3{ font-size:18px}
a{color:#000; text-decoration:none;outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
.container a, .kefu a, .menu a{color:#000; text-decoration:none;outline:none; transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;}
a:hover{text-decoration:none; color:#4278be}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
.clear{ clear:both}
.clearfix{clear:both;zoom:1;}
.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}
.ovh{ overflow:hidden}
table{ border-collapse:collapse;}
img{ border:none; width:auto; max-width:100%}
input,textarea,select,button,input{ outline:none;font-size:16px;font-family:"Microsoft Yahei", Arial, Helvetica, sans-serif;}
input{-webkit-appearance: none ;}
.zi{ color:#4278be}

.fixeds{position:fixed !important;width:100%; left:80px; top:0px !important; width:calc(100% - 80px); z-index:22 !important}

.section{
	padding-top: 80px;
	padding-right: 0;
	padding-bottom: 80px;
	padding-left: 0;
}

.section8{
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:80px;}

.mbg{ background:#eef1f8}
.mbg2{ background:#FFFFFF}

#a01, #a02, #a03, #a04, #a05{ position: absolute;  margin-top:-92px;}
.wrap{ width:90%; max-width:1360px; margin:0 auto}
.daokuai .wrap{width:90%; max-width:90%; }

.jvzhong{ text-align:center}
.title { margin-bottom:5px;}
.title h3{ font-size:36px; line-height:45px;margin-bottom:15px; }
.title.setitle h3{ margin-bottom:45px;}
.title h4{ font-size:30px; margin-bottom:25px;}
.title h5{ font-size:24px;}
.title p{ font-size:16px;}

.sntitle { margin:45px 0 25px 0;}
.sntitle h3{ font-size:36px; line-height:36px; }

.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;transition: all 1.5s; display:block}
.pic:hover img, .swiper-slide:hover .pic img{transform:scale(1.05);}

.img-dv{ position:relative; overflow:hidden}
.img-dv .img1{ display:block; width:100%;}
.img-dv .img2{ position:absolute;left:0;right:0;top:0;bottom:0; margin:auto; max-width:100%; min-height:100%}

.menu{position:fixed; left:0; top:0; width:100%; height:100vh;width:80px; float:left; z-index:99; background:#d9e4f2;-moz-box-shadow:5px 0px 12px rgba(0,0,0,0.2); -webkit-box-shadow:5px 0px 12px rgba(0,0,0,0.2); box-shadow:5px 0px 12x rgba(0,0,0,0.2); }
.menu .menuin{ padding-top:20px; }
.menu .menuin li{ border-bottom:solid 1px #eee; font-size:15px; position:relative} 
.menu .menuin li .menua{ display:block; padding:20px 10px; height:94px; width:100%; text-align:center;}
.menu .menuin li img{ display:block; margin:0 auto;}
.menu .menuin li .img001{ display: block;}
.menu .menuin li .img002{ display:none;}
.menu .menuin li:hover .img001{ display: none;}
.menu .menuin li:hover .img002{ display:block;}

.button{position:fixed;display:none; left:0; top:20px;width:80px; height:94px;background: url(../images/close.png) #fff no-repeat center center; cursor:pointer}
.button:after{ content:""; position:absolute; top:50%; margin-top:-15px; right:-15px; width:0; height:0;border-top: 15px solid transparent;border-left: 15px solid #fff;border-bottom: 15px solid transparent;}
.button.cur{ display:block;z-index:999;  }
.button.but01{ top:20px}
.button.but02{ top:115px}
.button.but03{ top:210px}
.button.but04{ top:305px}
.button.but05{ top:400px}
.button.but06{ top:495px}
.button.but07{ top:590px}

.menusub{ position:fixed; right:0; top:0; width:calc(100% - 80px);z-index:98; }
.menusub .msub{ display:block;z-index:98; position:absolute; width:100%; height:100%; left:-100%; color:#fff; padding:20px 5%}
.menusub .msub.cur{ left:0}
.menusub .msub a{ color:#fff}
.menusub .msub a:hover{ opacity:0.7}
/*.menusub .msub .mtitle{border-bottom:solid 2px rgba(66,120,190,0.2);}*/
.menusub .msub .mtitle h3{ line-height:90px; font-size:36px; display:inline-block; position:relative; padding-right:40px; }
.menusub .msub .mtitle h3:after{ content:""; right:0; top:50%; margin-top:-2px; position:absolute; width:0; height:0;border-left:10px solid transparent; border-right: 10px solid transparent;border-top: 10px solid #4278be;}
.menusub .msub .item { margin-top:50px; float:left;line-height:35px; width:16.66%}
.menusub .msub .item:nth-child(6n+1){ clear:both}
.menusub .msub02 .item{ width:25%}
.menusub .msub02 .item p{ font-size:14px; line-height:26px;}
.menusub .msub02 .item:nth-child(1) .initem{ float:left;}
.menusub .msub02 .item span{ padding-left:10px;}
.menusub .msub02 .item .kuai .sub{ display:none}

.menusub .msub02 .item:nth-child(6n+1){ clear:none}
.menusub .msub02 .item:nth-child(4n+1){ clear:both}
.menusub .msub .item h3{ font-size:20px; font-weight:bold; margin-bottom:15px}

.menubg{ background-color:rgba(8,30,57,0.95); position:fixed; left:0; top:0; left:-100%; width:100%; height:100%; z-index:90;-moz-transition:0.5s ease;-webkit-transition:0.5s ease; transition:0.5s ease}
.menubg.cur{ left:0}

.kefu{ position:fixed; top:0; right:0; z-index:99999}
.kefu li{ width:65px; height:65px; border-bottom:solid 1px #6893cb; background:#4278be; padding:12px 0; text-align:center; font-size:13px;}
.kefu li:hover{ background-color:rgba(66,120,190,0.9)}
.kefu li:last-child{ border-bottom:none}
.kefu li img{ display:block; margin:0 auto 3px auto}
.kefu li .sub, .kefu li .guansousuo{ display:none}
.kefu li .cur{ display:block}
.kefu li a{ color:#fff}
.kefu li .guansousuo{ position:relative}
.kefu li .guansousuo:after{ content:""; position:absolute; left:-1px; top:50%; margin-top:-10px; width:0; height:0;border-top: 10px solid transparent;border-left: 10px solid #fff;border-bottom: 10px solid transparent;}
.kefu li .guansousuo.cur{ position:relative; z-index:99}
.kefu li .sub{ position:absolute; border:solid 1px #ddd; width:360px; height:100%; background:#fff; padding:60px; line-height:40px; top:0; left:0;-moz-transition:0.5s ease;-webkit-transition:0.5s ease; transition:0.5s ease}
.kefu li .sub.cur{ left:-360px}
.kefu li .sub form{ height:41px; border-bottom:solid 1px #666; width:100%}
.kefu li .sub input{ border:none}
.kefu li .sousuo.hidden{ display:none !important}
.kefu li .sub .sytijiao{ width:22px; line-height:40px; height:40px;  background:url(../images/fangdajing02.png) no-repeat center center; float:left; cursor:pointer}
.kefu li .sub .input01{ float:right; width:calc(100% - 40px); line-height:40px; height:40px; }


.container{ margin-left:80px; width:calc(100% - 80px); position:relative}
.logo{ position:absolute; top:45px; left:5%; z-index:2;}
.logo a{ display: block; }
.logo a img{ float:left; height:60px; width:auto}
.logo a .gupiao{ line-height:24px; color:#fff; float:left; margin-left:30px; margin-top:12px}
.banner{ position:relative; z-index:1;  height:auto !important }
.banner .swiper-slide{ position:relative}
.banner .swiper-slide .text{ position:absolute; width:100%; top:50%; margin-top:-100px; color:#fff;}
.banner .swiper-slide .text h3{ font-size:36px; line-height:70px;max-width:505px; margin-bottom:10px}
.banner .swiper-slide .text p{ font-size:24px; line-height:35px; max-width:505px;}
.banner .swiper-slide .text .more a{ display:block; width:125px; height:32px; text-align:center; border:solid 1px #fff; margin-top:30px; color:#fff}
.banner .swiper-slide .text .more a:hover{background:#4278be; border:solid 1px #4278be; }
.banner img{ display:block; width:100%; height:auto !important}
.banner .swiper-container{position:relative; height:auto !important}
.banner .swiper-pagination{bottom:2%; text-align:center;}
.banner .swiper-pagination-bullet{ width:14px; height:14px;  background:#4278be;opacity:1; margin:0 5px; border-radius:50%;}
.banner .swiper-pagination-bullet-active{ background: #85c028; }
.banner .swiper-slide{ position:relative}


.daokuai { padding:40px 0 30px 0; background:#eef1f7}
.daokuai .wrap{position:relative; }
.daokuai .wrap .item{ width:33.33%; padding:0 2%; float:left; border-right:solid 1px #ddd;}
.daokuai .wrap .item:last-child{ border-right:none}
.daokuai .wrap .item .icon{ float:left; width:80px;-moz-transition:0.5s ease;-webkit-transition:0.5s ease; transition:0.5s ease; }
.daokuai .wrap .item:hover .icon{ margin-left:10px;}
.daokuai .wrap .item .text{ float:right; width:calc(100% - 110px)}
.daokuai .wrap .item .text h3{ font-size:20px; margin-bottom:10px;}
.daokuai .wrap .item .text p{ color:#444; line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.daokuai .wrap .item .text .more{ margin-top:15px; color:#4278be}



.iproducts{ background:#eef1f7; background-size:80% auto; }
.iproducts .item{ float:left; width:calc(33.33% - 8px); margin-top:12px; background:#ffffff; border-radius:10px; margin-right:12px; padding:35px 35px 20px 35px; position:relative}
.iproducts .item .ppic{ position:absolute; right:0; bottom:0; height:100%; width:100%}
.iproducts .item .ppic img{ display:block; height:auto; max-height:100%;width:auto; position:absolute; right:0; bottom:0;}
.iproducts .item:nth-child(1){ width:calc(66.66% - 4px)}
.iproducts .item:nth-child(2), .iproducts .item:nth-child(5){ margin-right:0}
.iproducts .item:nth-child(1) .wenzi { width:60%; max-width:450px}
.iproducts .item a{ display:block; position:relative}
.iproducts .item .wenzi { position:relative; z-index:1}
.iproducts .item .wenzi h3{ line-height:45px; margin-bottom:20px; font-size:24px; text-transform:uppercase;}
.iproducts .item .wenzi p{ line-height:24px; color:#444; min-height:96px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}
.iproducts .item .wenzi .more{ width:105px; line-height:36px; border:solid 1px #ddd; text-align:center; border-radius:25px; margin-top:15px; color:#444}
.iproducts .item:hover{ background:#081e39;}
.iproducts .item:hover h3, .iproducts .item:hover p, .iproducts .item:hover .more{ color:#fff}
.iproducts .item:hover .more{ background:#85c028; border:solid 1px #85c028}


.isolution .wrap{ position:relative;} 
.isolution .gallery-thumbs {width:100%; }
.isolution .gallery-thumbs .swiper-slide { position:relative; text-align:center; padding-bottom:55px; cursor: pointer;}
.isolution .gallery-thumbs .swiper-slide img{ display:block; margin:0 auto}
.isolution .gallery-thumbs .swiper-slide .img001 { display:block}
.isolution .gallery-thumbs .swiper-slide .img002 { display:none}
.isolution .gallery-thumbs .swiper-slide:after{-moz-transition:0.5s ease;-webkit-transition:0.5s ease; transition:0.5s ease; content:""; position:absolute; bottom:-18px; left:50%; margin-left:-15px; width:0; height:0;border-left: 18px solid transparent;border-right: 18px solid transparent;border-bottom: 18px solid #040b16;}
.isolution .gallery-thumbs .swiper-slide-thumb-active .img001 { display:none}
.isolution .gallery-thumbs .swiper-slide-thumb-active .img002 { display:block}
.isolution .gallery-thumbs .swiper-slide-thumb-active{ color:#4278be}
.isolution .gallery-thumbs .swiper-slide-thumb-active:after{ bottom:0}
.isolution .gallery-top .swiper-slide{ position:relative}
.isolution .gallery-top .swiper-slide .text{ color:#fff; padding:10% 0}
.isolution .gallery-top .img2{ display:block; width:100%;height:auto}
.isolution .gallery-top .swiper-slide .text h3{ font-size:36px; margin-bottom:20px; width:50%;width:70%; max-width:680px}
.isolution .gallery-top .swiper-slide .text h4{ display:inline-block; line-height:65px; border-bottom:solid 2px #fff; font-size:30px; margin-bottom:8px;}
.isolution .gallery-top .swiper-slide .text p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; font-size:16px; width:70%; max-width:680px}
.isolution .gallery-top .swiper-slide .text .more a{ display:block; width:125px; height:32px;  text-align:center; border:solid 1px #fff; margin-top:30px; color:#fff}
.isolution .gallery-top .swiper-slide .text .more a:hover{background:#4278be; border:solid 1px #4278be; }

.isolution .swiper-button-next, .isolution .swiper-button-prev{ top:30px; bottom:auto; border:none !important;outline: none !important; color: #ccc !important; left:0px;}
.isolution .swiper-button-next:hover, .isolution .swiper-button-prev:hover{color:#4278be !important}
.isolution .swiper-button-next{ right:0 !important; left:auto !important;}
.isolution .swiper-button-next:after, .isolution .swiper-button-prev:after{font-size: 40px !important; border:none !important; font-weight:bold;}
.isolution .swiper-button-next.swiper-button-disabled, .isolution .swiper-button-prev.swiper-button-disabled{ opacity:1; color:#aaa}

.isolution .wenzi{width:50%; float:right; line-height:36px; padding:30px 0}
.isolution .wenzi h3{ font-size:24px; font-weight:bold}



.isolution .pc1300{ display:block}
.isolution .pc920{ display:none}
.isolution .pc540{ display:none}

.iabout { background:url(../images/iaboutbg.png) #ffffff no-repeat center bottom; background-size:80% auto; }
.iabout .more{ margin-top:30px; }
.iabout .more a{ color:#4278be;width:125px; line-height:35px; border:solid 1px #4278be; text-align:center; border-radius:25px; display:block; margin:0 auto}
.iabout .more a:hover{ color:#fff; background:#4278be}
.iabout .youshi{ padding:60px 0 150px 0; text-align:center}
.iabout .youshi li{ text-align:center; float:left; width:25%}
.iabout .youshi li h3{ font-size:24px; margin-bottom:10px; line-height:65px; color:#4278be}
.iabout .youshi li h3 span{ font-size:65px;}
.iabout .title h4{
	font-size:22px;
	margin-bottom:20px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	height: 40px;
	width: 90px;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
}

.inews .title{ position:relative}
.inews .title .more{ position:absolute; right:0; bottom:0; }
.inews .title .more a{color:#4278be}
.inews .title .more a:hover{ font-weight:bold}
.inews .topnews{ float:left; width:40%;}
.inews .topnews .pic{ border-radius:30px 30px 0 0}
.inews .othernews{ float:right; width:57%}
.inews .othernews .kuai{ border-bottom:solid 1px #ddd}
.inews .topnews .text, .inews .othernews a{ padding:28px 0; display:block}
.inews .date{ text-align:center; width:90px; float:left; color:#000}
.inews .date h3{ font-size:36px; line-height:40px; font-weight:bold}
.inews .wenzi{ width:calc(100% - 90px); float:right; line-height:24px;}
.inews .wenzi h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; height:48px;}
.inews .wenzi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; height:48px; font-size:14px; margin-top:5px; color:#999}
.inews .topnews .more{width:105px; line-height:36px; border:solid 1px #ddd; text-align:center; border-radius:25px; margin-top:10px; color:#444}
.inews .topnews:hover .more{ background:#4278be; color:#fff}


.jianyi{ background:url(../images/bottom.jpg) no-repeat center center; background-size:cover; padding:6% 0; color:#fff}
.jianyi h3{ font-size:36px; line-height:60px; margin-bottom:20px;}
.jianyi h4{ font-size:24px;}
.jianyi .more a{ width:125px; line-height:32px; border:solid 1px #fff; color:#fff; text-align:center; margin-top:30px; display:block; }
.jianyi .more a:hover{ background:#85c028;}


.footer{ background:#081e39; padding:50px 0}
.footer .content {width: 100%; display:flex;display:-webkit-flex;justify-content : space-between;}
.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content: space-between;}
.footer li {color:#fff;display:inline-block; }
.footer li h3{ font-size:16px; margin-bottom:10px;  margin:15px 0}
.footer li h4{ line-height:40px; margin-bottom:5px; font-size:18px;background:url(../images/ftel.png) no-repeat left center; padding-left:40px }
.footer li .fcontact{ padding:5px 0; border-bottom:solid 1px rgba(255,255,255,0.3); border-top:solid 1px rgba(255,255,255,0.3); margin:8px 0}
.footer li .fcontact p{ line-height:30px;}
.footer li .fcontact p.fadd{background:url(../images/fadd.png) no-repeat left center; padding-left:35px }
.footer li .fcontact p.fmail{background:url(../images/fmail.png) no-repeat left center; padding-left:35px }
.footer li a{ color:#fff;}
.footer li a:hover{ font-weight:bold}
.footer li p{ font-size:14px; line-height:24px;}
.copyright{ padding:20px 0; background:#081e39; border-top:solid 1px rgba(255,255,255,0.3);}
.copyright .flogo{ float:left; width:auto}
.copyright .flogo img{ height:50px;}
.copyright .flianxi { float:right}
.copyright .flianxi div{ float:left; margin-right:15px; border-radius:50%; margin-top:15px; border:solid 1px #adb2b3;}
.copyright .flianxi div a{ display:block; position:relative}
.copyright .flianxi div a img{ display:block; width:auto;}
.copyright .flianxi div:hover{border:solid 1px #85c028;background:#85c028; border-radius:50%;}
.copyright .flianxi div:hover a img{filter: grayscale(100%) brightness(2000%);}
.copyright .flianxi .sub{position:absolute; padding:10px; clear:both; display:none; z-index:9;width:124px; bottom:124px; margin-left:-50px;margin-top:6px; background:#85c028}
.copyright .flianxi .sub img{ display:block; width:100%; height:auto}
.copyright .flianxi .sub:before{position: absolute;content: '';width: 0;height: 0;left: 50%; bottom: 0;margin-left: -10px;border-style: solid; border-width: 10px 10px 0px 10px;border-color: #fff transparent transparent transparent; z-index:9}
.copyright .bq{ margin-top:15px; color:#fff; font-size:14px} 
.copyright .bq a{ color:#fff}
.copyright .bq .fuse{ float:left;}
.copyright .bq .banquan{ float:right;}


.nbanner{ position:relative; color:#fff}
.nbanner img{ display:block; width:100%; height:auto}
.nbanner .text{ position:absolute; left:0; top:50%; width:100%;}
.nbanner .text h3{ line-height:50px; font-size:18px;}
.nbanner .text h3 span{ font-size:50px}

.ndesign .conn { font-size:16px;}
.ndown .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; margin-left:-2%; margin-top:20px}


.ndown .conn .kuai{ width:48%; padding:20px; background:#fff; line-height:30px; font-size:16px; margin-bottom:20px; margin-left:2%; }
.ndown .conn .kuai:nth-child(2n+1){ clear:both}
.ndown .kuai h3{ line-height:35px; margin-bottom:5px; font-size:18px; font-weight:bold}
.ndown .kuai p{ position:relative; display:block; padding-left:20px}
.ndown .kuai p:after{ content:""; position:absolute; left:0; width:6px; height:6px; border-radius:50%; background:#000; margin-top:-4px; top:50%}
.ndown .kuai p:hover:after{ background:#4278be;} 
.ndown .kuai p a{ display:block}
.ndown .kuai p:hover{ background:url(../images/down.png) no-repeat right center; text-decoration:underline}

.nuse ul{ margin-left:-12px;}
.nuse li{ float:left; width:calc(11.1111% - 12px); margin-left:12px; margin-top:12px; border:solid 1px #ddd}
.nuse li:nth-child(9n+1){ clear:both}

.nmain{ line-height:35px;}
.nmain img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto}

.ndesign02 .item{ float:left; text-align:center; width:33.3%; text-align:center; font-size:16px;}
.ndesign02 .item .icon{ width:60%; max-width:112px; height:auto; border:solid 1px #4278be; border-radius:50%; margin:10px auto 20px auto;-webkit-transition: -webkit-transform 0.2s ease-out;-moz-transition: -moz-transform 0.2s ease-out;-o-transition: -o-transform 0.2s ease-out;-ms-transition: -ms-transform 0.2s ease-out;}
.ndesign02 .item:hover .icon {background:#4278be; -webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);-ms-transform: rotateY(180deg);transform: rotateY(180deg);}
.ndesign02 .item:hover .icon img{filter: grayscale(100%) brightness(2000%); }
.ndesign02 .item img{ display: block; width:100%; height:auto}


.ndesign0202 .conn{ font-size:16px; line-height:30px;}
.ndesign0202 .conn .youban{ float:right; width:50%}

p.yuan{ position:relative; display:block; padding-left:35px}
p.yuan:after{ content:""; position:absolute; left:0; width:8px; height:8px; border-radius:50%; background:#000; margin-top:-4px; top:50%}

.yuanlie ul{ padding-top:20px}
.yuanlie ul{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}

.yuanlie li{ width:23.5%; margin-right:2%; margin-top:1%; margin-bottom:1%; padding:20px 30px; background:#fff; min-height:350px;}
.yuanlie li:last-child{ margin-right:0;}
.yuanlie li .ntitle{
	height:70px;
	position:relative;
	border-bottom:solid 1px #ddd;
	margin-bottom:10px;
	padding-top: 8px;
}
.yuanlie li .ntitle:after{ content:""; position:absolute; left:-5px; top:8px; border-radius:50%; width:38px; height:38px; background:#4278be;z-index:1}
.yuanlie li .ntitle h3{font-size:18px;padding-left:22px; margin-top:5px;line-height:24px; font-weight:bold;  position:relative; z-index:2}
.yuanlie li p{ line-height:30px;font-size:14px;}

.yuanlie04 li{ width:23.5%;}
.yuanlie04 li:nth-child(4n){ margin-right:0}
.yuanlie04 li:nth-child(4n+1){ clear:both}

.yuanlie03 li{ width:32%;}
.yuanlie03 li:nth-child(3n){ margin-right:0}
.yuanlie03 li:nth-child(3n+1){ clear:both}

.huadong{ overflow-x:auto}
.huadong td{ line-height:25px !important; font-size:14px !important}


.prolist .item{ float:left; width:32%; margin:0% 2% 2% 0; padding:30px 40px; background:#fff}
.prolist .item:nth-child(3n){ margin-right:0}
.prolist .item:nth-child(3n+1){ clear:both; }
.prolist .item .pic img{ display:block; width:auto; max-width:90%; height:auto; margin:0 auto 25px auto}
.prolist .item .icon{ width:50%; max-width:115px; border-radius:50%; overflow:hidden;margin:0 auto 25px auto}
.prolist .item .icon img{ display:block; width:100%; height:auto; }
.prolist .item .icon img{ width:100%; height:auto;transition: all 1.5s; display:block}
.prolist .item:hover .icon img{transform:scale(1.05);}


.prolist .item .wenzi h3{ text-align:center; font-size:20px; font-weight:bold; color:#4278be; height:56px; line-height:28px; margin-bottom:5px}
.prolist .item .wenzi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden; color:#333; height:120px; line-height:24px;}
.prolist .item .wenzi .more{ text-align:center; color:#4278be; margin:10px auto 0 auto; width:125px; line-height:30px;}
.prolist .item:hover{-moz-box-shadow:5px 0px 12px rgba(0,0,0,0.2); -webkit-box-shadow:5px 0px 12px rgba(0,0,0,0.2); box-shadow:5px 0px 12x rgba(0,0,0,0.2); }
.prolist .item:hover .wenzi .more{color:#fff; background:#4278be}


.prolist .item .wenzi02 h3{ text-align:center; font-size:20px; font-weight:bold; color:#4278be; height:56px; line-height:28px; margin-bottom:5px}
.prolist .item .wenzi02 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden; color:#333; height:120px; line-height:24px;}
.prolist .item .wenzi02 .more{ text-align:center; color:#4278be; margin:10px auto 0 auto; width:125px; line-height:30px;}

.prolist .item:hover .wenzi02 .more{color:#fff; background:#4278be}



.serprolist .item{
	float:left;
	width:100%;
	background:#fff;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 2%;
	margin-left: 0;
	padding-top: 30px;
	padding-right: 40px;
	padding-bottom: 30px;
	padding-left: 40px;
}


.serprolist .item .wenzi h3{  font-size:20px; font-weight:bold; color:#4278be; height:50px; line-height:28px; margin-bottom:5px}
.serprolist .item .wenzi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; color:#333; height:70px; line-height:30px;}

.serprolist .item .wenzi02 h3{  font-size:20px; font-weight:bold; color:#4278be; height:50px; line-height:28px; margin-bottom:5px}
.serprolist .item .wenzi02 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; color:#333; height:70px; line-height:30px;}
.serprolist .item .wenzi02 p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; color:#333; height:50px; line-height:30px;}
.serprolist .item .wenzi02 .more{
	text-align:center;
	color:#4278be;
	width:125px;
	line-height:35px;
	float: left;
	margin-top: 20px;
	margin-bottom: 0;
}

.serprolist .item:hover .wenzi02 .more{color:#fff; background:#4278be}





.serprolist .item .wenzi .more{
	text-align:center;
	color:#4278be;
	width:125px;
	line-height:35px;
	float: left;
	margin-top: 20px;
	margin-bottom: 0;
}
.serprolist .item:hover{-moz-box-shadow:5px 0px 12px rgba(0,0,0,0.2); -webkit-box-shadow:5px 0px 12px rgba(0,0,0,0.2); box-shadow:5px 0px 12x rgba(0,0,0,0.2); }
.serprolist .item:hover .wenzi .more{color:#fff; background:#4278be}




.prolist02 .item{margin:1% 2% 1% 0;}

.nnav{ line-height:60px; background:#081e39; position:relative; z-index:3;}
.nnav li{  float:left; width:calc(20% - 1px); max-width:135px; text-align:center; margin-right:1px; color:#fff; cursor:pointer; display:block}
.nnav li a{color:#fff; display:block}
.nnav li:hover, .nnav li.cur{ color:#000; background:#fff}
.nnav li:hover a, .nnav li.cur a{ color:#000}

.pxapp .kuai:nth-child(1){ margin-bottom:10px}
.pxapp .kuai .pic{ width:42%; float:left}
.pxapp .kuai .wenzi{ width:56%; float:right; margin-top:10px}
.pxapp .kuai:nth-child(2n) .pic{ float:right}
.pxapp .kuai:nth-child(2n) .wenzi{ float:left}
.pxapp .kuai .wenzi .title{ border-bottom:solid 1px #ddd; }
.pxapp .kuai .wenzi .title h3{line-height:40px;}
.pxapp .kuai .wenzi .conn p{ position:relative; display:block;line-height:30px; }



.nsol .item{ float:left; width:48.5%; background:#eef1f8; margin-top:3%}
.nsol .item:nth-child(2n){ float:right}
.nsol .item .wenzi{ padding:15px 6% 40px 6%;}
.nsol .item .wenzi h3{ line-height:50px; font-size:24px;}
.nsol .item .wenzi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; line-height:30px; color:#333;}
.nsol .item .wenzi .more{ width:145px; line-height:42px; height:42px; text-align:center; color:#fff; border-radius:25px; background:#85c028; margin-top:30px}
.nsol .item:hover .wenzi .more{ background:#4278be}


.solkuai .pic{ float:right; width:55%}
.solkuai .wenzi{ float:left; width:40%; line-height:35px; font-size:16px; padding:30px 0}
.solkuai .conn:nth-child(2n){ background:#eef1f8}
.solkuai .conn:nth-child(2n+1) .pic{ float:left}
.solkuai .conn:nth-child(2n+1) .wenzi{ float:right}


.solkuai02 .pic{ float:right; width:55%}
.solkuai02 .wenzi{ float:left; width:40%; line-height:30px; font-size:16px; }
.solkuai02 .conn:nth-child(2n){ background:#eef1f8}
.solkuai02 .conn:nth-child(2n+1) .pic{ float:left}
.solkuai02 .conn:nth-child(2n+1) .wenzi{ float:right}


.sanli li{ float:left; width:32%; margin-right:2%}
.sanli li:nth-child(3n){ margin-right:0}


.ndown02 .conn .kuai{ float:left; width:48.5%; padding:25px; line-height:30px; background:#fff; font-size:16px; margin-bottom:30px; }
.ndown02.ndown03 .conn .kuai{ background:#eef1f8;}
.ndown02 .conn .kuai:nth-child(2n){ float:right}
.ndown02 .conn .kuai:nth-child(2n+1){ clear:both}
.ndown02 .conn .kuai a{display:table;background:url(../images/downa.png) no-repeat center right; }
.ndown02 .conn .kuai a:hover{background:url(../images/downahover.png) no-repeat center right;}
.ndown02 .conn .kuai .pic{display: table-cell; vertical-align: middle;width: 30%; border:solid 1px #ddd; background:#fff}
.ndown02 .conn .kuai .wenzi{display: table-cell; vertical-align: middle;width:70%; padding:0 80px 0 40px;  }
.ndown02 .conn .kuai .wenzi h3{font-size:16px; font-weight:bold; line-height:30px;}


.nresources .tabmenu { text-align:center;}
.nresources .tabmenu li {font-size:16px; display:inline-block;padding:30px 0; position:relative;  }
.nresources .tabmenu li a{line-height:18px; padding:0 30px; border-left:solid 1px #333; display:block; position:relative}
.nresources .tabmenu li a i{ position:absolute; content:""; display:block; width:0; height:0; border-left:solid 15px transparent; border-right:solid 15px transparent; border-bottom:solid 15px #eef1f8; bottom:-45px; left:50%; margin-left:-15px;-moz-transition:0.5s ease;-webkit-transition:0.5s ease; transition:0.5s ease}
.nresources .tabmenu li:hover a i, .nresources .tabmenu .cli a i{ bottom:-30px;}
.nresources .tabmenu li:first-child a{ border:none}
.nresources .tabmenu .cli { color:#4278be;}
.nresources .tabmenu .cli a, .nresources .tabmenu li:hover a{ color:#00508f}
.nresources #tabcontent { clear:both;position:relative;}
.nresources #tabcontent .hidden {display:none;}


.reslist .item{ float:left; width:32%; margin-right:2%; margin-bottom:2%; background:#fff; padding:35px 24px; line-height:24px; height:96px;display:flex;align-items:center; }
.reslist .item:nth-child(3n){ margin-right:0}
.reslist .item:nth-child(3n+1){ clear:both}
.reslist .item p{ font-size:16px; padding-left:48px; background:url(../images/ziyuan.png) no-repeat left center;}


.newsnav { padding:15px 0 35px 0; text-align:center}
.newsnav li{ display:inline-block; width:138px; line-height:30px; border-radius:20px; border:solid 1px #ddd; margin:0 5px; font-size:16px;}
.newsnav li:hover, .newsnav .cur{ border:solid 1px #4278be}
.newsnav li a{ display:block}
.newsnav li:hover a, .newsnav li.cur a{ color:#4278be}

.nnewslist .kuai{ padding:30px 0; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; position:relative; margin-top:-1px}
.nnewslist .kuai:hover{border-bottom:solid 1px #4278be; border-top:solid 1px #4278be; z-index:1}
.nnewslist .kuai .pic{ float:left; width:22%; border:solid 1px #ddd}
.nnewslist .kuai .date{ width:108px; text-align:center; float:right; color:#333}
.nnewslist .kuai .date h3{ font-size:30px; font-weight:bold}
.nnewslist .kuai .text{ float:right; width:calc(75% - 108px)}
.nnewslist .kuai .text h3{ line-height:25px; height:50px; margin-bottom:5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.nnewslist .kuai .text p{ font-size:15px; color:#666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}

.newstitle { border-bottom:solid 1px #ddd}
.newstitle h3{ line-height:35px; color:#4278be; font-size:24px;}
.newstitle p{ font-size:14px; color:#999; margin:12px 0}
.newsconn { padding:20px 0 40px 0; color:#666}
.newsmore { text-align:center; margin-top:40px;}
.newsmore a{ display:inline-block; width:145px; line-height:30px; text-align:center; font-size:16px; color:#fff; border-radius:25px; background:#85c028}
.newsmore a:hover{ background:#4278be}



.newsrecommond .item{ float:left; width:32%; margin:0% 2% 2% 0; padding:30px 40px; background:#fff;line-height:30px;}
.newsrecommond .item:nth-child(3n){ margin-right:0}
.newsrecommond .item:nth-child(3n+1){ clear:both; }
.newsrecommond .item .wenzi .day{ font-size:14px; color:#999}
.newsrecommond .item .wenzi h3{ font-size:16px; font-weight:bold; height:60px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;  margin-bottom:12px}
.newsrecommond .item .wenzi p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden; color:#333; height:120px; }
.newsrecommond .item .wenzi .more{ text-align:center; color:#4278be; margin:20px auto 0 auto; width:125px; line-height:35px;}
.newsrecommond .item:hover{-moz-box-shadow:5px 0px 12px rgba(0,0,0,0.2); -webkit-box-shadow:5px 0px 12px rgba(0,0,0,0.2); box-shadow:5px 0px 12x rgba(0,0,0,0.2); }
.newsrecommond .item:hover .wenzi .more{color:#fff; background:#4278be}
.newsrecommond .item{margin:1% 2% 1% 0;}

.hrquan{ position:relative}
.hrquan .img002{ position:absolute; left:0; top:0}

@-webkit-keyframes bounce-up {
25% {-webkit-transform: translateY(10px);}
50%, 100% {-webkit-transform: translateY(0);}
75% {-webkit-transform: translateY(-10px);}
}
@keyframes bounce-up {25% {transform: translateY(10px);}
50%, 100% {transform: translateY(0);}
75% {transform: translateY(-10px);}
}
.hrquan .img001{-webkit-animation: bounce-up 4.5s linear infinite;animation: bounce-up 4.5s linear infinite;}
.hrquan .img002{-webkit-animation: bounce-up 3s linear infinite;animation: bounce-up 3s linear infinite;}



.hrlist .tabmenu { text-align:center; padding-top:5px;}
.hrlist .tabmenu li {display:inline-block;position:relative; margin:0 1px;  }
.hrlist .tabmenu li a{font-size:24px; padding:0 30px; line-height:48px;  display:block; }
.hrlist .tabmenu .cli { color:#4278be; background:#fff;}
.hrlist .tabmenu .cli a, .hrlist .tabmenu li:hover a{ color:#00508f;background:#fff;}
.hrlist #tabcontent { clear:both;position:relative; margin-top:50px}
.hrlist #tabcontent .hidden {display:none;}

.hrlist .item{ width:48.75%; cursor:pointer; margin-bottom:2.5%; padding:2% 3%; background:#fff; float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; position:relative}
.hrlist .item:nth-child(2n){ float:right}
.hrlist .item:nth-child(2n+1){ clear:both}
.hrlist .item h3{ font-size:16px;}
.hrlist .item p, .hrlist .intro { font-size:14px; color:#666}
.hrlist .intro span{ padding-right:30px;}
.hrlist .intro span:last-child{ padding-right:0}
.hrlist .black{ color:#333}
.hrlist .more{ width:110px; display:block; margin-top:10px; font-size:14px; line-height:35px; background:#ecf1f8; text-align:center; color:#4278be}
.hrlist .item:hover .more{ color:#fff; background:#4278be}
.hrlist .item .hd{ position:fixed; width:100%; height:100%; top:0;left:0;color:#666; display:none; z-index:99999999999}
.hrlist .item .hd .bg{ position:absolute; top:0;left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:98}
.hrlist .item .hd .closed{ width:60px; height:60px; display:block; background:url(../images/hrclose.png) no-repeat center; background-size:cover;position:absolute; left:50%; top:10%; margin-top:50px; margin-left:380px; -webkit-transition:.5s;-moz-transition:.5s;transition:.5s;z-index: 99999;}
.hrlist .item .hd .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg); }
.hrlist .item .hd .hr_con{ background:#fff; width:960px; height:80%; position:absolute;top:10%;left:50%; margin-left:-480px; padding:30px; line-height:35px; cursor:default; overflow-y:auto; z-index:99}
.hrlist .item .hd .hr_con h3{ color:#000}
.hrlist .item .hd .hr_con .line{ width:100%; height:1px; background:#ddd; margin:10px 0;}


.ncb01 .conn{ position:relative}
.ncb01 .item{ float:left; width:calc(25% - 1px); padding:30px 0; border-right:solid 1px #ddd; text-align:center}
.ncb01 .item:nth-child(4){ border:none}
.ncb01 .item .icon{transition: 0.5s; margin:10px auto 10px auto;}
.ncb01 .item:hover .icon{ margin:0px auto 20px auto;}
.ncb01 .item h3{ font-size:16px; margin-bottom:10px;}
.ncb01 .item p{ color:#666}


.nbrank .item{ float:left; width:48.75%; padding:3%; margin:1.25% 0; background:#fff; line-height:40px; min-height:320px;}
.nbrank .item:nth-child(2n){ float:right}
.nbrank .item:nth-child(2n+1){ clear:both}
.nbrank .item h3{ line-height:48px; font-size:24px; padding-left:52px; background:url(../images/brank.png) no-repeat left center; background-size:auto 48px; margin-bottom:15px}


.message{background:url(../images/conbg.jpg) no-repeat center bottom; font-size:14px;}
.message .row{ position:relative; clear:both}
.message .colum{position:relative;margin-bottom:35px; }
.message label{ position:absolute; left:0;top:0; line-height:48px; color:#666;padding-left:15px}
.message label span{ color:#e61d20}
.message .row2 .colum{ width:48%; float:left}
.message .row2 .colum:nth-child(2){ float:right}
.message .inp{width: 100%;border: 1px solid #ddd;line-height:48px;height:48px;padding: 0 15px;transition: border-color .5s; padding-left:85px;}
.message .inp02{ width:calc(100% - 80px); max-width:330px;}
.message select{width: 100%;border: 1px solid #ddd;line-height:48px;height:48px;padding: 0 10px;font-size:14px !important; color:#666 !important; }
.message textarea{width: 100%;height:200px; display:block;border: 1px solid #ddd;line-height:24px;padding:15px;transition: border-color .5s;padding-left:135px;margin-bottom:20px; }
.message .submit{ width:60%; max-width:330px; line-height:50px; height:50px; text-align:center; cursor:pointer;border:0; background:#4278be; color:#fff; margin:0 auto; display:block;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}
.message .submit:hover{background:#85c02a;}
.message input:hover, .message textarea:hover{box-shadow: 0 0 5px rgba(0,0,0,0.1);}

.nteam .conn{ margin-top:50px;}
.nteam .kuai { margin:15px 0;}
.nteam .kuai .tu{ text-align:center; width:30%; float:left; }
.nteam .kuai .tu h3{font-size:30px;}
.nteam .kuai .tu .pic{ margin:0 auto 15px auto; width:90%; max-width:220px; border-radius:50%; overflow:hidden}
.nteam .kuai .text{ float:right; width:70%}
.nteam .kuai .text h3{ font-size:24px; font-weight:bold}
.nteam .kuai:nth-child(2n) .tu{ float:right}
.nteam .kuai:nth-child(2n) .text{ float:left}

.nabout{background:url(../images/aboutbg.png) no-repeat center right; background-size:auto 100%; }

.nwenhua .conn{ width: 100%; display:flex;display:-webkit-flex;justify-content : space-between;background:url(../images/line.png) no-repeat left top; background-size:100% auto }
.nwenhua .conn .item{ float:left; display:inline-block; text-align:center}
.nwenhua .conn .icon{width:128px; margin:20px auto;-moz-transition:0.5s ease;-webkit-transition:0.5s ease; transition:0.5s ease; background:#4278be; border-radius:50%; overflow:hidden; border:solid 12px #d3dfef;}
.nwenhua .conn .item .icon{ margin:10px auto 30px auto}
.nwenhua .conn .item:nth-child(2n+1) .icon{ margin:150px auto 20px auto}
.nwenhua .conn .item:nth-child(2n+1):hover .icon{ margin:140px auto 30px auto}
.nwenhua .conn .item .wenzi h3{ font-size:24px; color:#4278be; font-weight:bold; line-height:50px;}

.nhistory{background:url(../images/lshibg.jpg) no-repeat center bottom; background-size:cover; }
.nhistory .wrap{ max-width:1560px;}
.nhistory .wrap .conn{ position:relative; padding-bottom:100px;}
.nhistory .swiper-container{position:relative; height:auto !important; width:calc(100% - 200px);}
.nhistory .swiper-slide .text{ margin-left:9px; border-left:solid 2px #cccccc; position:relative; padding-left:30px;height:350px;}
.nhistory .swiper-slide .text h3{ font-size:36px; font-weight:bold; color:#4278be; line-height:80px; margin-top:20px;}
.nhistory .swiper-slide .text p{background:url(../images/lx.png) no-repeat left 15px; padding-left:20px;}
.nhistory .swiper-slide .text:before{ content:""; position:absolute; left:-8px; top:0; width:16px; height:16px; background:#ccc; border-radius:50%; overflow:hidden}
.nhistory .conn .swiper-button-prev,.nhistory .conn .swiper-button-next{ width:50px; height:50px; left:0; margin-top:-25px; border-radius:50%;outline:none;border:solid 1px #a1a3a5; }
.nhistory .conn .swiper-button-prev{ background:url(../images/hspre01.png) no-repeat center}
.nhistory .swiper-button-prev:after, .nhistory .swiper-container-rtl .swiper-button-next:after{ display:none !important}
.nhistory .swiper-button-next:after, .nhistory .swiper-container-rtl .swiper-button-prev:after{ display:none !important}
.nhistory .conn .swiper-button-next{ left:auto; right:0;background:url(../images/hsnext01.png) no-repeat center; }
.nhistory .conn .swiper-button-prev:hover{background:url(../images/hspre02.png) no-repeat center; border:solid 1px #4278be;}
.nhistory .conn .swiper-button-next:hover{background:url(../images/hsnext02.png) no-repeat center; border:solid 1px #4278be;}
.nhistory .swiper-slide-active .text{border-left:solid 2px #4278be; }
.nhistory .swiper-slide-active .text:before{ background:#4278be; }



.nhonor01 .wrap{ max-width:1490px;}
.nhonor01 .wrap .conn{ position:relative; margin-top:50px}
.nhonor01 .swiper-container{position:relative; height:auto !important; width:calc(100% - 130px);}
.nhonor01 .swiper-slide .text{ margin-left:14px; margin-bottom:14px; border-left:solid 1px #cccccc;border-bottom:solid 1px #cccccc; position:relative; padding:30px 20px;height:160px;}
.nhonor01 .swiper-slide .text p{background:url(../images/yy.png) no-repeat left 8px; padding-left:40px;}
.nhonor01 .swiper-slide .text:before{ content:""; position:absolute; left:0; top:0; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:12px solid #cccccc; position:absolute; left:0; top:0 }
.nhonor01 .swiper-slide .text:after{ content:""; position:absolute; width:14px; height:14px; border:solid 6px #ecf1f8; background:#ccc; border-radius:50%;  position:absolute; left:-14px; bottom:-14px}
.nhonor01 .conn .swiper-button-prev,.nhonor01 .conn .swiper-button-next{ width:50px; height:50px; left:0; margin-top:-25px; outline:none;border-radius:50%; overflow:hidden}
.nhonor01 .conn .swiper-button-prev{ background:url(../images/hspre01.png) #ecf1f8 no-repeat center}
.nhonor01 .swiper-button-prev:after, .nhonor01 .swiper-container-rtl .swiper-button-next:after{ display:none !important}
.nhonor01 .swiper-button-next:after, .nhonor01 .swiper-container-rtl .swiper-button-prev:after{ display:none !important}
.nhonor01 .conn .swiper-button-next{ left:auto; right:0;background:url(../images/hsnext01.png) #ecf1f8 no-repeat center}
.nhonor01 .conn .swiper-button-prev:hover{background:url(../images/hspre03.png) #4278be no-repeat center}
.nhonor01 .conn .swiper-button-next:hover{background:url(../images/hsnext03.png) #4278be no-repeat center}
.nhonor01 .swiper-slide-active .text{ border-left:solid 1px #4278be}
.nhonor01 .swiper-slide-active .text:before{border-left:12px solid #4278be;}
.nhonor01 .swiper-slide-active .text:after{border:solid 6px #d3dfef; background:#4278be;}

.nhonor02{background:url(../images/honorbg.jpg) #ecf1f8 no-repeat center bottom; background-size:cover; }
.nhonor02 .wrap{ max-width:1490px;}
.nhonor02 .wrap .conn{ position:relative; margin-top:50px}
.nhonor02 .swiper-container{position:relative; height:auto !important; width:calc(100% - 130px);}
.nhonor02 .swiper-slide .item{ float:left; width:33.33%; margin-left:-16.666%; border-bottom:solid 1px #ddd;padding-bottom:38px; position: relative}
.nhonor02 .swiper-slide .item:after{ content:""; position:absolute; width:14px; height:14px; border:solid 6px #fff; z-index:99; background:#ccc; border-radius:50%;  position:absolute; left:50%; margin-left:-14px; bottom:-14px}
.nhonor02 .swiper-slide .item:nth-child(1){ margin-left:0}
.nhonor02 .swiper-slide .item .tu{ width:80%; margin:0 auto; background:#fff; border:solid 1px #ddd; text-align:center; height:300px; padding:15px; position:relative }
.nhonor02 .swiper-slide .item .tu:after{ width:16px; height:10px; content:""; position:absolute; left:50%; margin-left:-8px; bottom:-10px; background:url(../images/jiao.png) no-repeat center center}
.nhonor02 .swiper-slide .item:hover .tu:after{background:url(../images/jiaoa.png) no-repeat center center}

.nhonor02 .swiper-slide .item:nth-child(2n) .tu:after{bottom:auto; top:-10px; background:url(../images/jiao02.png) no-repeat center center}
.nhonor02 .swiper-slide .item:nth-child(2n):hover .tu:after{background:url(../images/jiaoa02.png) no-repeat center center}

.nhonor02 .swiper-slide .item .tu .ppic{ margin-bottom:10px}
.nhonor02 .swiper-slide .item .tu .ppic img{ height:220px}
.nhonor02 .swiper-slide .item:nth-child(2n) { margin-top:338px; border-top:solid 1px #ddd; border-bottom:none;padding-bottom:0; padding-top:38px}
.nhonor02 .swiper-slide .item:nth-child(2n):after{ top:-14px; bottom:auto}
.nhonor02 .swiper-slide .item:hover:after{background:#4278be;border:solid 6px #d3dfef;}
.nhonor02 .swiper-slide .item:hover .tu{ border:solid 1px #4278be}
.nhonor02 .swiper-slide .text:after{ content:""; position:absolute; width:14px; height:14px; border:solid 6px #ecf1f8; background:#ccc; border-radius:50%;  position:absolute; left:-14px; bottom:-14px}
.nhonor02 .conn .swiper-button-prev,.nhonor02 .conn .swiper-button-next{ width:50px; height:50px; left:0; margin-top:-25px; outline:none;border-radius:50%; overflow:hidden}
.nhonor02 .conn .swiper-button-prev{ background:url(../images/hspre01.png) #fff no-repeat center}
.nhonor02 .swiper-button-prev:after, .nhonor02 .swiper-container-rtl .swiper-button-next:after{ display:none !important}
.nhonor02 .swiper-button-next:after, .nhonor02 .swiper-container-rtl .swiper-button-prev:after{ display:none !important}
.nhonor02 .conn .swiper-button-next{ left:auto; right:0;background:url(../images/hsnext01.png) #fff no-repeat center}
.nhonor02 .conn .swiper-button-prev:hover{background:url(../images/hspre03.png) #4278be no-repeat center}
.nhonor02 .conn .swiper-button-next:hover{background:url(../images/hsnext03.png) #4278be no-repeat center}
.nhonor02 .swiper-slide-active .text{ border-left:solid 1px #4278be}
.nhonor02 .swiper-slide-active .text:after{border:solid 6px #d3dfef; background:#4278be;}


/*.cartechlist .conn{display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start;}*/
.cartechlist .conn .item{ width:32%; float:left; margin-right:2%; margin-top:1%; margin-bottom:1%; border:solid 1px #ddd; position: relative;}
.cartechlist .conn .item:nth-child(3n){ margin-right:0;}
.cartechlist .conn .item:nth-child(3n+1){ clear:both;}
.cartechlist .conn .item .capptitle{ background:#d9e4f2;line-height: 25px; padding: 10px 15px;margin-bottom: 0;cursor: pointer;}
.cartechlist .conn .item .capptitle p{display: -webkit-box;text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical; max-height:50px;overflow: hidden;}
.cartechlist .conn .item .cappconn{ padding:10px 15px; min-height:190px !important;}
.cartechlist .conn .item .inncappconn{display: -webkit-box;-webkit-line-clamp: 5; line-height:30px;-webkit-box-orient: vertical; overflow:hidden; height: 150px;}
.cartechlist .conn .item .cappconn p{ line-height:30px;}
.cartechlist .conn .item .cappconn a{ display:block; color:#4278be}
.cartechlist .conn .item .more a{ padding:15px; display:block; text-align:center;color:#4278be}
.cartechlist .conn .item .more .zhankai{ display:block}
.cartechlist .conn .item .more .shouqi{ display:none}

.cartechlist .conn .item.cur{ border:solid 1px #4278be}
.cartechlist .conn .item.cur .capptitle{background:#4278be; color:#fff}
.cartechlist .conn .item.cur .more .zhankai{ display:none}
.cartechlist .conn .item.cur .more .shouqi{ display:block}
.cartechlist .conn .item.cur .cappconn{height:auto;}
.cartechlist .conn .item.cur .inncappconn{display: block;-webkit-line-clamp: auto; height:auto;}





.yys001 .item .cappconn{ padding:10px 15px 0 15px; min-height:160px !important;}
.yys001 .item .inncappconn{display: -webkit-box;-webkit-line-clamp: 5; line-height:30px;-webkit-box-orient: vertical; overflow:hidden; height: 150px;}
.yys001 .item .more a{ color:#4278be}
.yys001 .item:hover .more a{ color:#fff}
.yys001 .item .more .zhankai{ display:block}
.yys001 .item .more .shouqi{ display:none}
.yys001 .more{ margin-top:0 !important}
.yys001 .item.cur {-moz-box-shadow:5px 0px 12px rgba(0,0,0,0.2); -webkit-box-shadow:5px 0px 12px rgba(0,0,0,0.2); box-shadow:5px 0px 12x rgba(0,0,0,0.2);}
.yys001 .item.cur .more .zhankai{ display:none}
.yys001 .item.cur .more .shouqi{ display:block}
.yys001 .item.cur .cappconn{height:auto;}
.yys001 .item.cur .inncappconn{display: block;-webkit-line-clamp: auto; height:auto;}


.section-wrapper {margin-top: -60px;padding-top: 60px;}

.shgg{ width: 100%;overflow:auto; max-height:550px;  /* 设置固定高度 */}
.shgg th { font-size:14px; font-weight:normal; background:#081E39}
.shgg table {table-layout: fixed;}
.shgg thead tr th {position:sticky;top:0; /* 列首永远固定在头部  */}
.shgg th:first-child{z-index:2;}



.menulast{position:fixed; left:0; top:0; width:100%; height:100vh;width:80px; float:left; z-index:99; background:#d9e4f2;-moz-box-shadow:5px 0px 12px rgba(0,0,0,0.2); -webkit-box-shadow:5px 0px 12px rgba(0,0,0,0.2); box-shadow:5px 0px 12x rgba(0,0,0,0.2); }
.menulast .tlogo{ width:100%; height:90px; border-bottom:solid 1px #fff;}
.menulast .tlogo a{ display:block; background:url(../images/logo002.png) no-repeat center center; background-size:70px auto;height:90px; width:100%}

.menulast ul{margin:0px; padding:0px; list-style:none;border: 0;}
.menulast ul .mlyiji{
	position:relative;
	width:100%;
	height:50px;
	border-bottom:solid 1px #fff;
	font-size:14px;
	line-height:18px;
	display:block;
	text-align:center;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 0;
}
.menulast ul .mlyiji img{ display:block; margin:0 auto;}
.menulast ul .mlyiji .img001{ display: block;}
.menulast ul .mlyiji .img002{ display:none;}
.menulast ul .mlyiji:hover .img001{ display: none;}
.menulast ul .mlyiji:hover .img002{ display:block;}
.menulast ul .mlyiji:after{ content:""; position:absolute; opacity:0; top:50%; margin-top:-15px; right:-15px; width:0; height:0;border-top: 15px solid transparent;border-left: 15px solid #d9e4f2;border-bottom: 15px solid transparent;}
.menulast ul .mlyiji:hover:after{ opacity:1;}
.menulast ul li:hover .mlyiji .img001{ display: none;}
.menulast ul li:hover .mlyiji .img002{ display: block;}
.menulast ul li:hover .mlyiji:after{ opacity:1; z-index:99999999}
.menulast ul li:hover .mlyiji { color:#4278be}
.menulast ul h3{ font-size:20px; line-height:50px; color:#fff !important; font-weight:bold; border-bottom:solid 2px rgba(255,255,255,0.7); margin-bottom:20px; display: inline-block}
.menulast ul li ul a{ color:#fff; font-weight:normal}

.menulast ul li:hover ul{
	display:block;
	line-height:50px;
	padding-top: 50px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 30px;
}
.menulast ul li ul{display:none;position: absolute; top:0px; left:80px; width:200px; height:100%; background-color:#081e39; font-size:14px;}
.menulast ul li ul li:hover ul{visibility:visible;}
.menulast ul li ul li:hover ul ul{visibility:hidden;}
.menulast ul li ul li:hover ul ul ul{visibility:hidden;}
.menulast ul li ul li ul{visibility:hidden; position:absolute; top:0px; width:320px;left:220px;height:100%; background-color:#002b4d;}
.menulast ul li ul li ul li ul{visibility:hidden; position:absolute; top:0px; width:280px;left:220px;height:100%; background-color:#00355e;}
.menulast ul li ul li ul li ul li ul{visibility:hidden; position:absolute; top:0px; width:280px;left:260px;height:100%; background-color:#004881;}

.menulast ul li ul li ul li:hover ul{visibility:visible;}
.menulast ul li ul li ul li:hover ul ul{visibility:hidden;}
.menulast ul li ul li ul li ul li:hover ul{visibility:visible;}



.menulast ul li a:hover{ font-weight:bold}
.menulast ul li ul li ul a{font-weight:normal !important;}
.menulast ul li ul li:hover a{font-weight:bold}
.menulast ul li ul li ul li:hover a{font-weight:bold !important}
.menulast ul li ul li ul li:hover ul a{font-weight:normal !important;}
.menulast ul li ul li ul li ul li:hover a{font-weight:bold !important}
.menulast ul li ul li ul li ul li:hover ul a{font-weight:normal !important;}
.menulast ul li ul li ul li ul li ul li:hover a{font-weight:bold !important}



#float_AD{z-index: 999999; width:90%; max-width:330px; position: absolute; top: 0; left: 0; background:#e8e8e8}
#float_AD .adtitle{ padding:0 12px; line-height:24px; position:relative; }
#float_AD .adtitle h3{font-size:14px}
#float_AD .adtitle a{width:14px;height:14px;overflow:hidden;cursor:pointer;background:url(../images/adclose.png) no-repeat center center; background-size:cover; position:absolute; right:15px; top:50%; margin-top:-7px;}
#float_AD .adconn{background:url(../images/adbg.jpg) no-repeat center center; background-size:cover; color:#fff; padding:5% 3% 5% 3% ; text-align:center}
#float_AD .adconn h4{ font-size:16px; margin-bottom:5px;}
#float_AD .adconn h3{ font-size:24px; margin-bottom:5px;}
#float_AD .adconn .item{ font-size:13px;display:inline-block; width:32%;white-space: nowrap}
#float_AD .adconn .item img{ height:40px; width:auto}
#float_AD .adconn a{ color:#fff;}
#float_AD .adconn a:hover{ font-weight:bold}
#float_AD .adconn .more a{ font-size:14px;}

@media screen and (max-width: 1600px){
#float_AD{max-width:330px;	}
}