@charset "UTF-8";
  @font-face {
  font-family: "syr";
  src:url("fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("fonts/SourceHanSansCN-Regular.svg") format("svg");
}


* {
	font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
	line-height: 30px;
}
*, ::after, ::before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html, body {
	color: #333;
}
html {
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
}
body {
	/*font-size: 14px;*/
/*	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;*/
	overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
	padding: 0;
	margin: 0;
}
/* input, textarea {
	margin: 0;
	padding: 0;
	outline: 0;
	-webkit-appearance: none;
	border-radius: 0;
} */
select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #000;
	/*很关键：将默认的select选择框样式清除*/
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/*在选择框的最右侧中间显示小箭头图片*/
	background: url(../images/select.gif) no-repeat scroll 98% center transparent;
	/*为下拉小箭头留出一点位置，避免被文字覆盖*/
	padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
display: none;
}
a, a:active {
	color: #333;
}
a:hover {
	color: #0c318a;
}
a, a:link, a:visited, a:hover, a:active {
	text-decoration: none;
noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */
	-webkit-tap-highlight-color: transparent;
}
:focus, a:focus {
	outline: none;
	-moz-outline: none;
}
table, td, th {
	border-collapse: collapse;
	border-spacing: 0;
}
.ul, .ul li {
	list-style: none;
}
hr {
	margin: 0;
	padding: 0;
	border: 0;
	color: #000;
	background-color: #000;
	height: 1px
}
img {
	border: none;
	max-width: 100%;
	vertical-align: middle;
}
.Ispic {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	margin: 0;
	text-align: justify;
	text-justify: inter-ideograph;
}
.clear {
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
	zoom: 0;
}
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	zoom: 1;
}
/*单行文本省略号*/
.dot {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dot2, .dot3, .dot4 {
	display: -webkit-box;
	display: box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	-webkit-box-orient: vertical;
}
.dot2 {
	-webkit-line-clamp: 2;
}
/*多行文本省略号*/
.dot3 {
	-webkit-line-clamp: 3;
}
.dot4 {
	-webkit-line-clamp: 4;
}
.ytable {
	display: table;
	width: 100%;
	height: 100%;
}
.ytable-cell {
	display: table-cell;
	vertical-align: middle;
}
/*设置隐藏*/
.none {
	display: none;
}
.hidden {
	visibility: hidden;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.auto-inner {
	width: 96%;
	max-width: 1440px;
	margin: 0 auto;
}
.pr {
	position: relative;
}
.nm {
	margin: 0;
}
.nfw {
	font-weight: normal;
}
.img-block {
	display: block;
	width: 100%;
}
/*baidu edit css*/
.view.editor p {
	margin: 16px 0;
}
.view.editor .list-paddingleft-2 {
	padding-left: 0;
}
.view.editor ol, .view.editor ul {
	width: auto;
}
.view.editor li {
	clear: inherit;
}

/*STAR*/
.top-main{position: fixed; z-index: 200; left: 0; top: 0; width: 100%;background: #fff; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition: 0.3s;}
.top-main .auto-inner{position: relative;}
.top-main .logo{position: absolute; left: 0; top: 0; height: 100%;width: 35%; max-width: 265px;}
.top-main .logo .ytable{height: 100%;}
.top-main .logo img{display: block; width: 100%;}
.top-main .logo img.white{display: none;}

.top-nav{padding: 21px 0;}
.top-nav dl{float: right;}
.top-nav dl > *{float: left;}
.top-nav dd a{display: inline-block;}
.top-nav dd:not(:last-child):after{display: inline-block; content: ''; width: 1px; height: 15px; background: #dedede; margin: 0 28px;}
.top-nav dd:not(:last-child) a{color: #0c318a; padding-left: 27px; background: url(../images/btn-search.png) no-repeat left center;}
.top-nav dd a.oa{background-image: url(../images/btn-oa.png);}
.top-nav dd .en{color: #999;}
.top-nav dd .en:hover{color: #0c318a;}
@media(max-width:480px){
.top-nav{padding: 16px 0;}
.top-nav dd:not(:last-child) a{font-size: 0;width: 20px; height: 20px;padding: 0;float: left;}
.top-nav dd:not(:last-child):after{ margin: 0 15px;}
}

.top-search{z-index:999;position: absolute; right: 0; top: 100%; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3); width: 100%; padding-right: 40px; max-width: 320px; display: none;}
.top-search .text{height: 40px; line-height: 40px; border: 0; width: 100%; padding:0 10px;background: #fff; color: #999;}
.top-search .text.focus{ color: #333;}
.top-search .btn{position: absolute; right: 0; top: 0; height: 100%; width: 40px; background: url(../images/btn-search.png) no-repeat center center;}

.open-search{position: relative; }
.open-search.on{background: none!important;}
.open-search:before,
.open-search:after{position: absolute;content: ''; width: 20px; height: 2px;  left: 0; top: 50%; margin-top: -1px; transition: 0.5s;}
.open-search.on:before,
.open-search.on:after{background: #0c318a;}
.open-search.on:before{transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.open-search.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}




@media(min-width:1025px){
.top-menu{padding-bottom: 25px; display: block!important;}
.top-menu ul{float: right;width: 74%;}
.top-menu li{float: left;line-height: 35px;position: relative;}
.top-menu li a{color: #666; font-size: 18px;}
.top-menu li a:hover{color: #0c318a;}

.top-menu ul li .Navpull{position: absolute;left:50%;top:60px;line-height: 35px;z-index:999;background:#fff;width:150px;font-size: 15px;padding:10px 10px 10px 10px;display: none;margin-left:-75px;box-sizing: border-box;}
.top-menu ul li .Navpull dd{border-bottom:1px dotted #ddd;text-align: center;font-size: 14px !important;}
.top-menu ul li .Navpull dd a{font-size: 14px;}
.top-menu ul li .Navpull dd:last-child{border-bottom:none;}
.top-menu ul li .Navpull.null{background:none;padding:0;}


}
@media(max-width:1024px){
.top-menu{display: none;position: absolute; right: 0; top: 100%;background: #0c318a; width: 70%; max-width: 240px; padding: 20px; border-radius: 0 0 5px 5px;}
.top-menu li{margin: 0!important;}
.top-menu li:not(:last-child){border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.top-menu li a{display: block; line-height: 30px; padding: 10px 0;color: #fff; font-size: 18px;}
	
.open-menu{float: right; width: 46px; height: 32px; background: #0c318a; border-radius: 5px 5px 0 0;position:relative;}
.open-menu span,
.open-menu:after,
.open-menu:before{ position:absolute; width:70%; left:15%; height:3px; background:#fff;}
.open-menu:after,
.open-menu:before{ content:''; transition:transform 0.3s;}
.open-menu span{ top:50%; margin-top: -1.5px;}
.open-menu:before{top:6px;}
.open-menu:after{ bottom:6px;}
.open-menu.on span{ opacity:0;}
.open-menu.on:after,
.open-menu.on:before{ top:50%; margin-top:-1.5px; transform:rotate(45deg);width:50%; left:25%;}
.open-menu.on:before{ transform:rotate(-45deg);}
}

.top-fixed{ background: rgba(0,0,0,0.35);}
.top-fixed .logo img.white{display: block;}
.top-fixed .logo img.color{display: none;}
.top-fixed .top-menu li a{color: #fff;}
.top-fixed .top-nav dd:not(:last-child):after{background: #dedede;}
.top-fixed .top-nav dd .en,
.top-fixed .top-nav dd:not(:last-child) a{color: #fff;}
.top-fixed .top-nav dd:not(:last-child) a{background-image: url(../images/white/btn-search.png);}
.top-fixed .top-nav dd a.oa{background-image: url(../images/white/btn-oa.png);}

.top-fixed .open-search.on:before,
.top-fixed .open-search.on:after{background: #fff;}

.home-banner{position: relative; z-index: 1;}
.mouse-scroll{width: 34px; height: 56px;border: 1px solid #fff;border-radius: 34px;position: absolute;left: 0;right: 0;bottom: 40px;margin: auto;cursor: pointer;z-index: 50;}
.mouse-scroll::before{content: '';width: 2px;height: 16px;background-color: #fff;position: absolute;top: 8px;left: 16px;animation: mouseScroll 3s infinite;-webkit-animation: mouseScroll 3s infinite;} 
@-webkit-keyframes mouseScroll {
    0% {transform: translateY(0px);}
    50% {transform: translateY(24px);}
    100% {transform: translateY(0px);}
}
@keyframes mouseScroll {
    0% {transform: translateY(0px);}
    50% {transform: translateY(24px);}
    100% {transform: translateY(0px);}
}
@media(max-width:1024px){
.mouse-scroll{width: 20px; height: 32px;bottom: 10px;}
.mouse-scroll::before{height: 6px;top: 3px;left: 8px;}
	
@-webkit-keyframes mouseScroll {
    0% {transform: translateY(0px);}
    50% {transform: translateY(18px);}
    100% {transform: translateY(0px);}
}
@keyframes mouseScroll {
    0% {transform: translateY(0px);}
    50% {transform: translateY(18px);}
    100% {transform: translateY(0px);}
}
	
}

.home-banner .slick-dots{position: absolute; z-index: 10; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); right: 2%;}
.home-banner .slick-dots li{padding: 15px 0;}
.home-banner .slick-dots li button{display: block; width: 19px; height: 24px; background: url(../images/dots.png) no-repeat center bottom; border: 0; cursor: pointer; padding: 0; font-size: 0;}
.home-banner .slick-dots li.slick-active button{background-position: center top;}
.home-banner .slick-arrow{position: absolute; top: 50%; margin-top: -16px; width: 28px; height: 28px;border:0; border-top: 5px solid rgba(255,255,255,0.7); border-right: 5px solid rgba(255,255,255,0.7); font-size: 0; z-index: 10; background: none; cursor: pointer; padding: 0;}
.home-banner .slick-prev{left:7%; transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);}
.home-banner .slick-next{right:7%; transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
@media(max-width:1024px){
.home-banner .slick-dots li{padding: 4px 0;}
.home-banner .slick-dots li button{width: 10px;height: 12px; background-size: 100% auto;}
.home-banner .slick-arrow{ width: 20px; height: 20px; margin-top: -10px;border-width: 3px;}
}

.home-banner .slider li.slick-slide{position: relative;overflow: hidden;}
.home-banner li img{transition: 10s linear; position: relative;z-index: 1;}
.home-banner li.an-show img{transform: scale(1.12);-webkit-transform: scale(1.12);-ms-transform: scale(1.12);}

.home-banner #particles-js1,
.home-banner #particles-js2{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}

#page2{background: url(../images/page2-bg.jpg) no-repeat center center; background-size: cover; padding-bottom: 75px;}

.home-tit{text-align: center; padding: 92px 0 62px 0;color: #0c318a; font-size: 42px;}
.home-tit:after{display: block; margin: 20px auto 0; width: 58px; height: 4px; background: #0b318b; border-left: 29px solid #0ec54d; content: '';}
@media(max-width:768px){
.home-tit{ padding: 40px 0;font-size: 32px;}
}
@media(max-width:480px){
.home-tit{font-size: 24px;}
}

#page2 .slider li.slick-slide{overflow: hidden;}
#page2 .slider li.slick-slide a{display: block; margin: 0 auto; width: 90%; max-width: 240px;position: relative; transform: translateY(-150%);-webkit-transform: translateY(-150%);-ms-transform: translateY(-150%); transition: 1s;}
@media(min-width:481px){
#page2 .slider li.slick-slide:nth-child(2n){padding-top: 90px;}
}
#page2 .slider li.slick-slide.on a{transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);}
#page2 .slider li.slick-slide aside.dot,
#page2 .slider li.slick-slide .bg-line{position: absolute; bottom: 15.9%; left: 0; width: 100%;}
#page2 .slider li.slick-slide aside.dot{ z-index: 10; line-height: 44px; color: #fff; text-align: center; font-size: 18px; padding: 0 5%;}
#page2 .slider li.slick-slide .bg-line{height: 44px; z-index: 2; opacity: 0.3; -webkit-opacity: 0.3;}
#page2 .slick-arrow{opacity: 0;-webkit-opacity: 0; transition: 0.3s;position: absolute; top: 50%; margin-top: -35px;background: none; cursor: pointer; padding: 0;font-size: 0; width: 70px; height: 70px; border-radius: 50%; border: 1px solid rgba(11,49,139,0.2);}
#page2 .slick-arrow:after{position: absolute; content: ''; width: 16px; height: 16px; border-top:3px solid #0b318b; border-right: 3px solid #0b318b; left: 50%; top: 50%; margin: -8px 0 0 -8px; transform: rotate(-135deg);}
#page2 .slick-next:after{transform: rotate(45deg);}
#page2.page2-btnshow .slick-arrow{opacity: 1;-webkit-opacity: 1;}
@media(min-width:1721px){
#page2 .slick-prev{left: -140px;}
#page2 .slick-next{right: -140px;}
}
@media(max-width:1720px){
#page2 .slick-prev{left: -70px;}
#page2 .slick-next{right: -70px;}
}
@media(max-width:1600px){
#page2 .slick-prev{left: 10px;}
#page2 .slick-next{right: 10px;}
#page2 .auto-inner{width: auto; max-width: none; }
#page2 .slider{padding: 0 90px;}
}
@media(max-width:480px){
#page2 .slick-arrow{ width: 40px; height: 40px; margin-top: -20px;}
#page2 .slick-arrow:after{width: 10px; height: 10px; margin: -5px 0 0 -5px;}
}

#page2 .slider li.slick-slide:hover{animation: 0.8s ease xy;}
@keyframes xy{
0%{    -webkit-transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;
    }
25%{
		-webkit-transform: perspective(900px) translate3d(0, 0px, 0) rotateX(0deg) rotateY(-45deg);
	-ms-transform: perspective(900px) translate3d(0, 0px, 0) rotateX(0deg) rotateY(-45deg);
	-o-transform: perspective(900px) translate3d(0, 0px, 0) rotateX(0deg) rotateY(-45deg);
	transform: perspective(900px) translate3d(0, 0px, 0) rotateX(0deg) rotateY(-45deg);
transform-style: preserve-3d;
}
75%{
		-webkit-transform: perspective(900px) translate3d(0, 0px, 0) rotateX(0deg) rotateY(45deg);
	-ms-transform: perspective(900px) translate3d(0, 0px, 0) rotateX(0deg) rotateY(45deg);
	-o-transform: perspective(900px) translate3d(0, 0px, 0) rotateX(0deg) rotateY(45deg);
	transform: perspective(900px) translate3d(0, 0px, 0) rotateX(0deg) rotateY(45deg);
transform-style: preserve-3d;
}
100%{    -webkit-transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    -ms-transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    -o-transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    transform: perspective(500px) translate3d(0, 0, 0) rotateX(0deg) rotateY(0deg);
    transform-style: preserve-3d;
    }
}

#page3 .tit-area{background: url(../images/page3-bg.jpg) no-repeat center center; background-size: cover; padding: 56px 0;}
#page3 .desc{color: #fff; font-size: 22px; opacity: 0.8; text-align: center;}
#page3 .home-tit{color: #fff; padding:0 0 35px 0;}

#page3 .slick-list li{position: relative; overflow: hidden;}
#page3 .slick-list li > *{position: absolute; z-index: 10;color: #fff;transition: 0.5s;}
#page3 .slick-list li:before{position: absolute; content: ''; opacity: 0.5; background: #06194e; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; transition: 0.5s;}
#page3 .slick-list li .Ispic{position: relative; z-index: 1; padding-bottom:114.584%;}
#page3 .slick-list li .line{bottom: 9%; left: 0; width: 100%; height: 16px;}
#page3 .slick-list li .line i{position: absolute; height: 8px; opacity: 0; transition: 0.5s;}
#page3 .slick-list li .line i.l{left: 0; bottom: 0; width:0; background: url(../images/line-1.png) no-repeat right center; }
#page3 .slick-list li .line i.r{right: 0; top: 0; width: 0;background: url(../images/line-2.png) no-repeat left center;}
#page3 .slick-list li .more{width: 0; top: 0; right: -100px; top: -100px; border:50px solid transparent; border-top-color: #0ec64e; transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);}
#page3 .slick-list li .more i{position: absolute; width: 16px; height: 16px;     left: -10px;
    top: -40px; transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);}
#page3 .slick-list li .more i:before,
#page3 .slick-list li .more i:after{position: absolute; content: ''; background: #fff;}
#page3 .slick-list li .more i:before{width: 100%; left: 0; height: 2px; top: 50%; margin-top: -1px;}
#page3 .slick-list li .more i:after{ left: 50%; width: 2px; margin-left: -1px; top: 0; height: 100%;}
#page3 .slick-list li .txt{margin: auto; top: 20%; left: 0; right: 0; width: 90%; max-width: 320px;opacity: 0; -webkit-opacity: 0; transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);}
#page3 .slick-list li .txt aside.dot{font-size: 34px;}
#page3 .slick-list li .txt aside.dot a{color: #fff;}
#page3 .slick-list li .txt p{margin:5% 0 0 0; line-height: 28px; max-height:224px;overflow: hidden; font-size: 16px; text-align: justify;}
#page3 .slick-list li .icon{left: 0; right: 0; margin: auto; top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);  max-width: 247px; width: 70%;}
#page3 .slick-list li .icon .inner{position: absolute; left: 0; width: 100%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); text-align: center;}
#page3 .slick-list li .icon > img{display: block; margin: 0 auto;width: 100%;}
#page3 .slick-list li .icon .inner img{width: 28%; max-width: 70px;}
#page3 .slick-list li .icon aside.dot{font-size: 22px; line-height: 24px; margin-top: 10px;}
#page3 .slick-list li:hover:before{ opacity: 0.8;-webkit-opacity: 0.8;}
#page3 .slick-list li:hover .Ispic{transform: scale(1.15);-webkit-transform: scale(1.15);-ms-transform: scale(1.15);}
#page3 .slick-list li:hover .more{ right: -55px; top: -55px;}
#page3 .slick-list li:hover .txt{opacity: 1; -webkit-opacity: 1;transform: scale(1);-webkit-transform: scale(1);-ms-transform: scale(1);}
#page3 .slick-list li:hover .line i.l,
#page3 .slick-list li:hover .line i.r{opacity: 1;-webkit-opacity: 1;}
#page3 .slick-list li:hover .line i.l{width: 22.708%; }
#page3 .slick-list li:hover .line i.r{width: 81.458%;}
#page3 .slick-list li:hover .icon{opacity: 0;-webkit-opacity: 0; transform:translateY(-50%) scale(0); -webkit-transform:translateY(-50%) scale(0);-ms-transform:translateY(-50%) scale(0);}
@media(max-width:1500px){
#page3 .slick-list li .txt p{max-height:112px;}
}
@media(max-width:1024px){
#page3 .slick-list li .txt aside.dot{font-size: 20px;}
}
@media(max-width:640px){
#page3 .slick-list li .icon aside.dot{font-size: 18px; margin-top: 5px;}
#page3 .slick-list li .txt p{line-height: 20px; max-height:100px;font-size: 14px;}
}
@media(max-width:400px){
#page3 .slick-list li .txt p{max-height:80px;}
}

#page3 .slick-dots{position: absolute; left: 0; right: 0; margin: auto;bottom: 100%; margin-bottom: 10px; text-align: center; padding: 10px 0;}
#page3 .slick-dots li{display: inline-block; width: 10px; height: 10px;border-radius: 50%; background: #fff; margin: 0 2px; opacity: 0.5;-webkit-opacity: 0.5;}
#page3 .slick-dots li button{display: none;}
#page3 .slick-dots li.slick-active{opacity: 1;-webkit-opacity: 1;}


#page4{background: url(../images/page4-bg.jpg) no-repeat center center; background-size: cover; padding-bottom: 6%;}
#page4 .fl .singlepage{ line-height: 28px; font-size: 16px; color: #666;}
#page4 .fl .singlepage p{margin: 0 0 30px 0;}


#page4 .links li{float: left;width: 30%; max-width: 285px; text-align: center; font-size: 16px; color: #999;}
#page4 .links li:nth-child(2n){float: right;}
#page4 .links li:nth-child(3){margin:0 5%;}
#page4 .links li .pic{position: relative; border: 1px solid #eee; padding: 24px; margin-bottom: 15px;}
#page4 .links li .Ispic{background-size: contain; padding-bottom: 63.83%;}
#page4 .links li .pic:before,
#page4 .links li .pic:after{position: absolute; content:''; width: 25px; height: 15px; transition: 0.5s;}
#page4 .links li .pic:before{left: 0; top: 0; border-top: 2px solid #0b318b; border-left: 2px solid #0b318b;}
#page4 .links li .pic:after{right: 0; bottom: 0; border-right: 2px solid #0b318b; border-bottom: 2px solid #0b318b;}
#page4 .links li:hover .pic:before,
#page4 .links li:hover .pic:after{ width: 100%; height: 100%;}

#page4 .fr{padding: 9px;border: 1px solid #ced6e8;}
#page4 .video{ position: relative; overflow: hidden;}
#page4 .video video{ height:515px;width:100%;background:#000;}
#page4 .video .play{position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; background: rgba(2,8,20,0.2) url(../images/play.png) no-repeat center center; cursor: pointer;}
#page4 .video > img{transition: 0.3s;}
#page4 .video:hover > img{transform: scale(1.12);-webkit-transform: scale(1.12);-ms-transform: scale(1.12);}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#page4 .c-ys{margin-top:100px;}
#page4 .c-ys .ys{width:25%;float:left;}
#page4 .c-ys .ys:nth-child(2), #page4 .c-ys .ys:nth-child(3){text-align: center;}
#page4 .c-ys .ys:last-child{text-align: right;}
#page4 .c-ys .ys .ys-box{display:inline-block;width:227px;height:227px;background:url(../uploadfiles/y.png) no-repeat;background-size:100% 100%;text-align: center;position: relative;}
#page4 .c-ys .ys .ys-box .line-active{width:227px;height:227px;background:url(../uploadfiles/y-active.png) no-repeat top left;background-size:100% 100%;position: absolute;top:0;left:0; -webkit-animation: rotate 2s linear infinite;animation: rotate 2s linear infinite;}
#page4 .c-ys .ys .ys-box .ys-txt{width:100%;position: absolute;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
#page4 .c-ys .ys .ys-box .ys-txt p{font-size: 24px;color:#0b318b;margin:0;}
#page4 .c-ys .ys .ys-box .ys-txt p strong{font-size: 40px;}
#page4 .c-ys .ys .ys-box .ys-txt span{font-size: 16px;}

@media(min-width:1025px){
#page4 .fl{width: 44.862%;}
#page4 .fr{width: 50%; }
}
@media(max-width:1024px){
#page4 .auto-inner{max-width:720px;}
#page4 .fr{margin-top: 8%;width:100%;}

#page4 .c-ys{margin-top:30px;}
#page4 .c-ys .ys{width:25%;text-align: center;margin-bottom:10px;}
#page4 .c-ys .ys .ys-box{width:150px;height:150px;}
#page4 .c-ys .ys .ys-box .line-active{width:150px;height:150px;}
#page4 .c-ys .ys .ys-box .ys-txt p{font-size: 16px;}
#page4 .c-ys .ys .ys-box .ys-txt p strong{font-size: 20px;}
#page4 .c-ys .ys .ys-box .ys-txt span{font-size: 12px;}
#page4 .c-ys .ys:last-child{text-align: center;}
}

@media (max-width:768px){
	#page4 .c-ys .ys{width:50%;}
	#page4 .c-ys .ys .ys-box{width:110px;height:110px;}
    #page4 .c-ys .ys .ys-box .line-active{width:110px;height:110px;}
	#page4 .video video{ height:250px;}
}

#page5{background: url(../images/page5-bg.jpg) no-repeat center center; background-size: cover; padding-bottom: 58px;}
#page5 .home-tit{color: #fff; padding-top: 78px;}
#page5 .more{text-align: center; padding-top: 43px;}
#page5 .more a{display: inline-block;  line-height: 34px;color: #fff; font-size: 18px;}
#page5 .more a:before{display: inline-block; content: ''; vertical-align: middle; width: 29px; height: 34px; margin-right: 15px; background: url(../images/more.png) no-repeat; transition: 0.5s;}
#page5 .more a:hover:before{transform: rotate(180deg);-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);}
#page5 .slick-arrow{position: absolute; top: 50%; margin-top: -20px;background: none; cursor: pointer; padding: 0;font-size: 0; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff}
#page5 .slick-arrow:after{position: absolute; content: ''; width: 10px; height: 10px; border-top:2px solid #fff; border-right: 2px solid #fff; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(-135deg);}
#page5 .slick-next:after{transform: rotate(45deg);}

@media(min-width:1601px){
	#page5 .slider{margin-left: -20px; margin-right: -20px;}
	#page5 .slick-prev{left: -60px;}
	#page5 .slick-next{right: -60px;}
}
@media(max-width:1600px){
	#page5 .slider{padding: 0 40px;}
	#page5 .slick-prev{left: 0;}
	#page5 .slick-next{right:0;}
}


@media(min-width:1500px){
#page5 .slider{margin-left: -30px; margin-right: -30px;}
}
#page5 .slick-list li .pic{position:relative; display: block;z-index: 1; overflow: hidden;}
#page5 .slick-list li .Ispic{padding-bottom: 68.182%;transition: 0.5s;}
#page5 .slick-list li:hover .Ispic{ transform: scale(1.15);-webkit-transform: scale(1.15);-ms-transform: scale(1.15);}
#page5 .slick-list li .inner{position: relative;margin: 0 30px;}
@media(max-width:1024px){
#page5 .slick-list li .inner{margin: 0 15px;}
}
#page5 .slick-list li time{float:left;width:20%;color:#0b318b;font-size: 14px;font-weight: bold;margin-top:-10px;}
#page5 .slick-list li time b{font-size: 36px; display: block;color: #0b318b;font-family:Arial;}
#page5 .slick-list li time:after{position: absolute; content: ''; top: 100%; left: 0; width: 0; height: 0; border:41px solid transparent; border-top-color: #0b318b; border-top-width:20px ;}
#page5 .slick-list li .line{height: 16px;position: relative; margin-top: -8px; z-index: 10;}
#page5 .slick-list li .line:after,
#page5 .slick-list li .line:before{position: absolute; content: ''; height: 8px; transition: 0.5s;}
#page5 .slick-list li .line:after{width: 22.708%; left: 0; bottom: 0; background: url(../images/line-1.png) no-repeat right center; }
#page5 .slick-list li .line:before{width: 81.458%;right: 0; top: 0; background: url(../images/line-2.png) no-repeat left center;}
#page5 .slick-list li:hover .line:after{width: 81.458%;}
#page5 .slick-list li:hover .line:before{width: 22.708%;}
#page5 .slick-list li .txt-box{background:#fff;padding: 40px 30px;}
#page5 .slick-list li .txt{width:80%;float:left;background: #fff; margin-top: -8px;}
#page5 .slick-list li .txt p{margin: 20px 0 0 0; line-height: 22px; height: 66px;color: #999;font-size: 16px;}
#page5 .slick-list li .txt aside{font-size: 20px; line-height: 26px;height: 60px;}

#page5 .slick-dots{text-align: center; padding: 30px 0 0 0;}
#page5 .slick-dots li{display: inline-block; width: 10px; height: 10px;border-radius: 50%; background: #fff; margin: 0 5px; opacity: 0.5;-webkit-opacity: 0.5;}
#page5 .slick-dots li button{display: none;}
#page5 .slick-dots li.slick-active{opacity: 1;-webkit-opacity: 1;}

@media(max-width:768px){
	#page5 .slick-list li .txt-box{padding:15px 10px;}
	#page5 .slick-list li time{font-size: 12px;}
	#page5 .slick-list li time b{font-size: 16px;}
	#page5 .slick-list li .txt aside{font-size: 16px;}
	#page5 .slick-list li .txt p{font-size: 12px;}
}


#page6{background: url(../images/page6-bg.jpg) no-repeat center center; background-size: cover; padding-bottom: 60px;}
#page6 .home-tit{padding: 56px 0 20px 0;}
#page6 .slick-list li a{margin: 0 20px; padding: 20px 0; display: block;transition: all .5s;-webkit-transition: all .5s;}
#page6 .slick-list li a:hover{transform: scale(1.2);-webkit-transform: scale(1.2);}
#page6 .slick-list li .Ispic{padding-bottom: 42.96875%;background-size: contain;background-color: #fff; box-shadow:12px 0 20px rgba(45,48,60,0.08);}

#page6 .slick-arrow{position: absolute; top: 50%; margin-top: -20px;background: none; cursor: pointer; padding: 0;font-size: 0; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(11,49,139,0.1);}
#page6 .slick-arrow:after{position: absolute; content: ''; width: 10px; height: 10px; border-top:2px solid #516cac; border-right: 2px solid #516cac; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(-135deg);}
#page6 .slick-next:after{transform: rotate(45deg);}
@media(min-width:1601px){
#page6 .slider{margin-left: -20px; margin-right: -20px;}
#page6 .slick-prev{left: -60px;}
#page6 .slick-next{right: -60px;}
}
@media(max-width:1600px){
#page6 .slider{padding: 0 40px;}
#page6 .slick-prev{left: 0;}
#page6 .slick-next{right:0;}
}
@media(max-width:1024px){
#page6 .slick-list li a{margin: 0 10px;}
#page6 .slick-list li .Ispic{box-shadow:6px 0 10px rgba(45,48,60,0.08);}
}
@media(max-width:640px){
#page6{padding-bottom: 30px;}
#page6 .home-tit{padding: 30px 0 20px 0;}
}

.bottom-main{padding-top: 60px; background: #2d303c;}
.bottom-main a:hover{color: #fff !important;}
.bottom-main nav{ width: 82.153%;float: left;}
.bottom-main nav dl{float: left; max-width: 150px;margin-right:7% !important;}
.bottom-main nav dl:last-child{margin-right:0 !important;}
.bottom-main nav dt{margin-bottom: 10px;}
.bottom-main nav dt a{color: #fff; font-size: 18px;}
.bottom-main nav dd{line-height: 20px; padding: 10px 0;}
.bottom-main nav dd a{color: #9799a2; font-size: 16px; }
.bottom-main .contact{ text-align: center;max-width: 170px; font-size: 18px; color: #fff;}
.bottom-main .contact img{margin-top: 25px;}
.bottom-main .copyright{border-top: 1px solid #494b53; margin-top: 45px; padding: 26px 0; text-align: center; color: #6a6c75; font-size: 16px;}
.bottom-main .copyright a{color: #6a6c75; margin-left: 5px;}
.bottom-main .copyright img{display: inline-block; vertical-align: middle; margin: 0 5px;}

@media(max-width:1280px){
	.bottom-main nav dl{margin-right:5% !important;}

}
@media(min-width:1025px){
.bottom-main .contact{float: right; width: 15%; }
}
@media(max-width:1024px){
.bottom-main nav{display: none;}
.bottom-main .contact{margin: 0 auto;}
}


/* 内页 */

.Contain{width:1800px;margin:0 auto;}
@media(max-width:1800px){
	.Contain{width:96%;}
}

/* 内页top */
.n_top-main{width: 100%;background: #fff; transition: 0.3s;}
.n_top-main .auto-inner{position: relative;}
.n_top-main .logo{position: absolute; left: 0; top: 0; height: 100%;width: 35%; max-width: 265px;}
.n_top-main .logo .ytable{height: 100%;}
.n_top-main .logo img{display: block; width: 100%;}


.n_top-main .n-nav li{float:left;font-size: 18px;line-height: 35px;margin-left:20px;}
.n_top-main .n-nav li a.open-search{color: #0c318a; padding:3px 0;padding-left: 27px; background: url(../images/btn-search.png) no-repeat left center;}
.n_top-main .n-nav li.change-en{position: relative;}
.n_top-main .n-nav li.change-en img{transition: all .5s;-webkit-transition: all .5s;}
.n_top-main .n-nav li.change-en.on img{transform: rotateX(180deg);-webkit-transform: rotateX(180deg);}
.n_top-main .n-nav li p{display:none;height:50px;width:100px;margin:0;background:#fff;text-align: center;line-height: 50px;box-shadow: 0 0 10px #ddd;position: absolute;top:40px;left:-30px;z-index:999;}



.n_top-main .n-top-menu,.n_top-main .n-nav{margin:30px 0;z-index:999;}
.n_top-main .n-top-menu ul li{float: left;font-size: 18px;line-height: 35px;padding:0 20px;margin:0 5px;transition: all .5s;-webkit-transition: all .5s;}
.n_top-main .n-top-menu ul li:hover{background:#0c318a;border-radius: 10px 0 10px 0;}
.n_top-main .n-top-menu ul li:hover a{color:#fff;}

@media(max-width:1440px){
	.n_top-main .n-top-menu ul li{padding:0 10px;margin:0 3px;}
}
@media(max-width:1268px){
	.n_top-main .n-top-menu ul li{padding:0 8px;margin:0 1px;font-size: 16px;}
	.n_top-main .n-nav li{margin-left:5px;font-size: 16px;}
}

@media (max-width:1024px){
	.n_top-main .n-nav{margin:10px 0 0 0;}
	.n_top-main .n-top-menu{margin:0;display: none;position: absolute; right: 0; top: 100%;background: #0c318a; width: 70%; max-width: 240px; padding: 20px; border-radius: 0 0 5px 5px;}
	.n_top-main .n-top-menu li{margin: 0!important;}
	.n_top-main .n-top-menu  li a{display: block; line-height: 30px; padding: 10px 0;color: #fff; font-size: 18px;}	
	.n_top-main .open-menu{top:13px;}
	.n_top-main .logo img{height:30px;width:auto;}
}

/* 内页top  end*/

/* 内页bottom */

.n-footer .Contain{background:#0c318a;border-radius: 30px 0 0 0;}
.n-footer .n-foot-box{background:url(../uploadfiles/n-foot-bg.png) no-repeat bottom center;background-size: 100%;padding:60px 0;}

.f-partner {padding-bottom:30px;border-bottom:2px solid #3d5aa1;}
.f-partner .f-partner-tit{margin-top:10px;font-size: 40px;font-weight: lighter;color:#fff;width:13%;}
.f-partner .f-partner-main{width:82%;}
.f-partner .f-partner-main ul li a{margin: 0 20px; display: block;transition: all .5s;-webkit-transition: all .5s;}
.f-partner .f-partner-main ul li .Ispic{padding-bottom: 42.96875%;background-size: contain;background-color: #fff; box-shadow:12px 0 20px rgba(45,48,60,0.08);}

.f-partner .slick-arrow{position: absolute; top: 50%; margin-top: -20px;background: none; cursor: pointer; padding: 0;font-size: 0; height: 40px; border-radius: 50%; border: 1px solid rgba(11,49,139,0.1);}
.f-partner .slick-arrow:after{position: absolute; content: ''; width: 10px; height: 10px; border-top:2px solid #516cac; border-right: 2px solid #516cac; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(-135deg);}
.f-partner .slick-arrow:hover::after{ border-top:2px solid #fff; border-right: 2px solid #fff;}
.f-partner .slick-next:after{transform: rotate(45deg);}

.n-foot-main{padding:100px 0 40px 0;color:#fff;font-weight: 100;}
.n-foot-main a{color:#fff;}
.n-foot-main .n-foot-left p{font-size: 24px;margin: 0 0 10px 0;}
.n-foot-main .n-foot-left span{font-size: 14px;}
.n-foot-main .n-foot-right ul{display: inline-block;position: relative;top:10px;}
.n-foot-main .n-foot-right ul li{float:left;position: relative;width:30px;height:30px;margin-left:10px;}
.n-foot-main .n-foot-right ul li a{display: block;width:100%;height:100%;}
.n-foot-main .n-foot-right ul li.facebook a{background:url(../uploadfiles/icon.png) no-repeat 0 0;}
.n-foot-main .n-foot-right ul li.in a{background:url(../uploadfiles/icon.png) no-repeat -41px 0;}
.n-foot-main .n-foot-right ul li.er a{background:url(../uploadfiles/icon.png) no-repeat -81px 0;}
.n-foot-main .n-foot-right ul li .er-box{position: absolute;top:-75px;left:-20px;width:70px;transform: scale(0);-webkit-transform: scale(0);transition: all .5s;-webkit-transition: all .5s;}
.n-foot-main .n-foot-right ul li:hover .er-box{transform: scale(1);-webkit-transform: scale(1);}

@media(min-width:1601px){
	.f-partner .slider{margin-left: -20px; margin-right: -20px;}
	.f-partner  .slick-prev{right: -50px;top:30%;}
	.f-partner  .slick-next{right: -45px;top:70%;}
	}
@media(max-width:1600px){
	.f-partner  .slider{padding: 0 20px;}
	.f-partner  .slick-prev{right: -5px;top:30%;}
	.f-partner  .slick-next{right:0;top:70%;}
}

@media (max-width:1440px){
	.f-partner .f-partner-tit{font-size: 35px;width:12%;}
	.f-partner .f-partner-main{width:85%;}
}

@media (max-width:1366px){
	.f-partner .f-partner-tit{font-size: 30px;margin-top:0;width:12%;}
	.f-partner .f-partner-main{width:85%;}
}
@media (max-width:1024px){
	.f-partner .slider{padding:0;}
	.f-partner .f-partner-tit{font-size: 25px;margin-top:10px;width:15%;font-size: 20px;}
	.f-partner .f-partner-main{width:80%;}

	.n-foot-main{padding:30px 0;}
	.n-foot-main .n-foot-left p{font-size: 18px;}
}
@media (max-width:640px){
	.f-partner .slider{padding:0;}
	.f-partner .f-partner-tit{margin-top:10px;font-size: 30px;width:15%;font-size: 20px;}
	.f-partner .f-partner-main{width:80%;}

	.n-foot-main .n-foot-right{float:left;}
}


/* 内页bottom end */

.n-main{padding:100px 0;}


/* 公司介绍 */
.n-ban{margin-top:125px;}
.n-ban-box{position: relative;}
.ban-txt{position: absolute;bottom:0;left:0;width:100%;color:#fff;}
.ban-txt .ban-txt-box p{font-size: 30px;font-weight: lighter;margin:0;line-height: 50px;}
.ban-txt .ban-txt-box span{font-size:20px;font-weight: lighter;}
.ban-txt .n-nav{margin:30px 0;}
.ban-txt .n-nav ul li{display: inline-block;margin-right:25px;padding-bottom:10px;border-bottom:2px solid transparent;}
.ban-txt .n-nav ul li a{font-size: 24px;font-weight: lighter;color:#fff;}
.ban-txt .n-nav ul li:hover{border-bottom:2px solid #fff;}
.ban-txt .n-nav ul li.active{border-bottom:2px solid #fff;}
.ban-txt-color{color:#0c318a;}
.ban-txt-color .n-nav ul li a{font-size: 24px;font-weight: lighter;color:#2d303c;}
.ban-txt-color .n-nav ul li:hover{border-bottom:2px solid #0c318a;}
.ban-txt-color .n-nav ul li.active{border-bottom:2px solid #0c318a;}

.p-search{margin-top:-20px;}
/* .p-search .p-select, .p-search .search-box{display: inline-block;} */
.p-search .p-select{height:55px;width:150px;line-height: 55px;background:#fff;border-radius: 55px;text-align: center;position: relative;float:left;}
.p-search .p-select .select-box{background:#fff;position: absolute;top:58px;left:0;border-radius: 10px;line-height: 30px;text-align: center;display: none;width:150%;z-index:999;}
.p-search .p-select .select-box ul li{margin-right:0;}
.p-search .p-select .select-box ul li a{font-size: 16px;}
.p-search .p-select p{margin:0;font-size: 18px;text-transform:uppercase;line-height: 50px;}
.p-search .p-select p img{display: inline-block;margin-left:10px;}
.p-search .search-box{height:55px;width:350px;background:rgba(12,49,138,0.8);border-radius: 55px;position: relative;float:left;}
.p-search .search-box input{color:#fff;;font-size:16px;height:100%;border:none;background:none;padding:0 10px 0 20px;width:70%;}
.p-search .search-box button{height:100%;border:none;background:none;margin-right:10px;}
.p-search .search-box input::-webkit-input-placeholder { color:#fff; }
.p-search .search-box input::-moz-placeholder { color:#fff; } /* firefox 19+ */
.p-search .search-box input:-ms-input-placeholder { color:#fff; } /* Internet Explorer 10+ */
.p-search .search-box input:-moz-placeholder { color:#fff; } /* firefox 14-18 */



.n-about{background:url(../uploadfiles/n-bg.png) no-repeat top center;background-size: 100%;}
.n-tit{font-size: 40px;padding:0 0 30px 0;}
.n-tit:after{display: block; margin: 20px 0 0 0; width: 58px; height: 4px; background: #0b318b; border-left: 29px solid #0ec54d; content: '';}
.n-tit1{text-align: center;}
.n-tit1:after{margin:20px auto 0;}
.n-tit2{font-size: 40px;padding:0 0 30px 0;color:#fff;}
.n-tit2:after{display: block; margin: 20px auto 0; width: 58px; height: 4px; background: #fff; border-left: 29px solid #0ec54d; content: '';}

@media(max-width:1024px){
	.n-main{padding:50px 0;}
	.n-ban{margin-top:0;}
	.ban-txt .ban-txt-box p{font-size: 20px;line-height: 30px;}
	.ban-txt .ban-txt-box span{font-size: 16px;}
	.ban-txt .n-nav ul li{margin-right:10px;}
	.ban-txt .n-nav ul li a{font-size: 16px;}
	.n-tit{font-size: 25px;}
}

@media(max-width:768px){
.n-tit{ padding: 10px 0;font-size: 32px;}
}
@media(max-width:480px){
.n-tit{font-size: 24px;}
}

.n-about .n-about-left{width:60%;font-size: 16px;}
.n-about .n-about-left .n-about-con{height:350px;overflow: auto;padding-right:30px;}
.n-about .n-about-left .n-about-con p{text-indent: 2em;}
.n-about .n-about-right{width:35%;}
.n-about .n-about-right .n-about-img img{width:100%;}
.n-about .n-about-left .n-about-con::-webkit-scrollbar {width: 6px;}

.n-about .n-about-left .n-about-con::-webkit-scrollbar-track {
background-color: #e5e5e5;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}

.n-about .n-about-left .n-about-con::-webkit-scrollbar-thumb {
background-color: #0b318b;
-webkit-border-radius: 2em;
-moz-border-radius: 2em;
border-radius: 2em;
}

.n-about .links{margin-top:100px;}
.n-about .links li{float: left;width: 30%; text-align: center; font-size: 16px; color: #999;}
.n-about .links li:nth-child(2n){float: right;}
.n-about .links li:nth-child(3){margin:0 5%;}
.n-about .links li .pic{position: relative; border: 1px solid #eee; padding: 24px; margin-bottom: 15px;}
.n-about .links li .Ispic{background-size: contain; padding-bottom: 63.83%;}
.n-about .links li .pic:before,
.n-about .links li .pic:after{position: absolute; content:''; width: 25px; height: 15px; transition: 0.5s;}
.n-about .links li .pic:before{left: 0; top: 0; border-top: 2px solid #0b318b; border-left: 2px solid #0b318b;}
.n-about .links li .pic:after{right: 0; bottom: 0; border-right: 2px solid #0b318b; border-bottom: 2px solid #0b318b;}
.n-about .links li:hover .pic:before,
.n-about .links li:hover .pic:after{ width: 100%; height: 100%;}
.n-about .links li .dot{font-size: 16px;color:#0b318b;}

@media(max-width:1024px){
	.n-about .n-about-left{width:100%;}
	.n-about .n-about-left .n-about-con{height:365px;}
	.n-about .n-about-right{width:100%;margin-top:10px;}
	.n-about .links li{width:100%;}
	.n-about .links li:nth-child(3){margin:0;}
	.n-about .n-about-left .n-about-con{padding-right:0;}
}

@media(max-width:768px){
	.ban-txt .ban-txt-box {display: none;}
	.ban-txt .n-nav{margin:0;}
	.ban-txt .n-nav ul li{margin-right:5px;}
	.ban-txt .n-nav ul li a{font-size: 12px;}
}


/* 董事长致辞 */
.dsz{margin:100px 0;}
.dsz .dsz-box{background:#eef3ff;border-radius: 50px 0 50px 0;}
.dsz .dsz-box .dsz-bg{background:url(../uploadfiles/dsz-bg.png) no-repeat bottom center;background-size: 100%;padding:30px 100px;}
.dsz .dsz-box .dsz-bg .dsz-left{width:35%;}
.dsz .dsz-box .dsz-bg .dsz-left .dsz-img img{width:100%;}
.dsz .dsz-box .dsz-bg .dsz-right{width:60%;padding-top:50px;line-height: 30px;}
.dsz .dsz-box .dsz-bg .dsz-right .n-dsz-con p{font-size: 16px;text-indent: 2em;}
.dsz .dsz-box .dsz-bg .dsz-right .n-dsz-con p.p-color{color:#0b318b;text-indent: 0;margin-top:30px;}

@media(max-width:1024px){
	.dsz .dsz-box .dsz-bg{padding:20px;}
}

@media(max-width:768px){
	.dsz .dsz-box .dsz-bg .dsz-left{width:100%;margin-bottom:10px;}
	.dsz .dsz-box .dsz-bg .dsz-right{width:100%;}
}

/* 发展历程 */
.dev{background:url(../uploadfiles/dev-bg.png) no-repeat bottom center;background-size: 100%;padding:100px 0;}
.dev .dev-box .dev-list .dev1{width:45%;}
.dev .dev-box .dev-list .dev-center{width:10%;margin:0 auto;}
.dev .dev-box .dev-list .dev-center .dev-cen-box{width:40px;height:40px;border:1px solid #ccd6ed;border-radius: 50%;margin:0 auto;box-sizing: border-box;}
.dev .dev-box .dev-list .dev-center .dev-cen-box .cen-dian{background:#1c51cd;border-radius: 50%;width:20px;height:20px;margin:9px auto;}
.dev .dev-box .dev-line{height:100px;width:1px;background:#ccd6ed;margin:0 auto;}
.dev .dev-box .dev-list .dev1 .dev_1{display: inline-block;}
.dev .dev-box .dev-list .dev1 .dev-img{width:153px;height:96px;border-radius: 30px 0 30px 0;overflow: hidden;}
.dev .dev-box .dev-list .dev1 .dev-img img{width:100%;}
.dev .dev-box .dev-list .dev1 .dev-txt p{color:#1c51cd;font-size: 18px;margin:0;}
.dev .dev-box .dev-list .dev1 .dev-txt p strong{font-size: 36px;}
.dev .dev-box .dev-list .dev1 .dev-txt span{font-size: 16px;}
.dev .dev-box .dev-list .dev-left{text-align: right;}
.dev .dev-box .dev-list .dev-left .dev-txt{margin-right:20px;}
.dev .dev-box .dev-list .dev-right{text-align: left;margin-top:-40px;}
.dev .dev-box .dev-list .dev-right .dev-txt{margin-left:20px;}
.dev .dev-box .dev-list .dev1 .dev-txt{position: relative;top:-10px;}
.dev .dev-box .dev-more{width:50px;height:50px;border:1px solid #ccd6ed;border-radius: 50%;margin:0 auto;text-align: center;line-height: 50px;}
.dev .dev-box .dev-more img{transition: all .5s; -webkit-transition: all .5s;}

.dev .dev-box .dev-part2{display: none;}
.dev .dev-box .dev-more.on img{transform: rotateX(180deg);-webkit-transform: rotateX(180deg);}


@media(max-width:1024px){
	.dev .dev-box .dev-list .dev1 .dev-img{width:100px;height:63px;display: none;}
	.dev .dev-box .dev-list .dev1 .dev-txt p{font-size: 14px;}
	.dev .dev-box .dev-list .dev1 .dev-txt p strong{font-size: 16px;}
	.dev .dev-box .dev-list .dev1 .dev-txt span{font-size: 14px;}
	.dev .dev-box .dev-list .dev-center .dev-cen-box{width:30px;height:30px;}
	.dev .dev-box .dev-list .dev-center .dev-cen-box .cen-dian{width:10px;height:10px;}
}



/* 企业文化 */
.culture{background:url(../uploadfiles/culture-bg.png) no-repeat bottom left;}
.culture-box{padding:100px 0;}
.culture-box .cul-list{float:left;width:31.33%;border-radius: 50px 0 50px 0;overflow: hidden;min-height:527px;transition: all .5s; -webkit-transition: all .5s;}
.culture-box .cul-list1{background:url(../uploadfiles/cul1.png) no-repeat;background-size: 100% 100%;}
.culture-box .cul-list2{background:url(../uploadfiles/cul2.png) no-repeat;background-size: 100% 100%;margin:0 3%;margin-top:100px;}
.culture-box .cul-list3{background:url(../uploadfiles/cul3.png) no-repeat;background-size: 100% 100%;}
.culture-box .cul-list .cul-list-box{text-align: center;color:#fff;margin-top:80px;}
.culture-box .cul-list .cul-list-box p{font-size: 30px;margin:20px 0 8px 0;}
.culture-box .cul-list .cul-list-box b{display: inline-block;width:30px;height:3px;background:#fff;}

.culture-box .cul-list .cul-list-box .cul-content p{font-size: 16px;line-height: 30px;}

.culture-box .cul-list:hover{background-size: 120% 120%;}


/* 荣誉资质 */
.honor .honor-box .slider .n-honor-list .n-honor-img{padding:5px; height:450px;display: flex;align-items: center;justify-content: center;border:1px solid #ddd;margin: 0 10px;background:#fff;overflow: hidden;}
.honor .honor-box .slider .n-honor-list .n-honor-img img{width:100%; max-height:450px;transition: all .5s; -webkit-transition: all .5s;}
.honor .honor-box .slider .n-honor-list p{text-align: center;font-size: 16px;padding:10px 0 0 0;}

.honor .honor-box .slider .n-honor-list .n-honor-img:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);box-shadow: 0 0 10px #ddd;}

.honor .slick-arrow{position: absolute; top: 50%; margin-top: -20px;background: #e7e7e7; cursor: pointer; padding: 0;font-size: 0; width: 40px; height: 40px; border-radius: 50%; border: none}
.honor .slick-arrow:after{position: absolute; content: ''; width: 10px; height: 10px; border-top:2px solid #0c318a; border-right: 2px solid #0c318a; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(-135deg);}
.honor .slick-next:after{transform: rotate(45deg);}
.honor .slick-arrow:hover{background:#0c318a;}
.honor .slick-arrow:hover:after{position: absolute; content: ''; width: 10px; height: 10px; border-top:2px solid #fff; border-right: 2px solid #fff; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(-135deg);}
.honor .slick-next:hover:after{transform: rotate(45deg);}
@media(min-width:1601px){
	.honor .slider{margin-left: -20px; margin-right: -20px;}
	.honor .slick-prev{left: -60px;}
	.honor .slick-next{right: -60px;}
}
@media(max-width:1600px){
	.honor .slider{padding: 0 40px;}
	.honor .slick-prev{left: 0;}
	.honor .slick-next{right:0;}
}

@media(max-width:1024px){
	.culture-box .cul-list{width:100%;}
	.culture-box .cul-list2{margin:10px 0;}
}
@media(max-width:640px){
.honor .honor-box .slider .n-honor-list .n-honor-img{height:280px;}
.honor .honor-box .slider .n-honor-list .n-honor-img img{max-height:280px; width:auto; max-width:100%;}
}


/* 研发技术 */
.yf .yf-part1 .yf-part1-con{padding:100px 0;background:Url(../uploadfiles/yf.jpg) no-repeat;background-size: cover;color:#fff;}
.yf .yf-part1 .yf-part1-con .yf-part1-tit{text-align: center;}
.yf .yf-part1 .yf-part1-con .yf-part1-tit p{line-height: 50px;font-size: 40px;margin:0;font-weight: lighter;}
.yf .yf-part1 .yf-part1-con .yf-part1-tit span{font-size: 20px;font-weight: lighter;}
.yf .yf-part1 .yf-part1-con .yf-part1-menu{margin-top:50px;}
.yf .yf-part1 .yf-part1-con .yf-part1-list{float:left;width:50%;}
.yf .yf-part1 .yf-part1-con .yf-part1-list{padding: 0 120px;text-align: center;}
.yf .yf-part1 .yf-part1-con .yf-part1-list .yf-list-img{width:290px;height:290px;border-radius: 50%;overflow: hidden;margin:0 auto;}
.yf .yf-part1 .yf-part1-con .yf-part1-list .yf-list-img img{width:100%;transition: all .5s;-webkit-transition: all .5s;}
.yf .yf-part1 .yf-part1-con .yf-part1-list .yf-list-img:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);}
.yf .yf-part1 .yf-part1-con .yf-part1-list p{font-size: 21px;margin:10px 0;font-family:syr;}
.yf .yf-part1 .yf-part1-con .yf-part1-list span p{font-size: 16px !important;display: block;font-family:syr;}

@media(max-width:1024px){
	.yf .yf-part1 .yf-part1-con .yf-part1-list{padding:0 50px;}
	.yf .yf-part1 .yf-part1-con .yf-part1-list .yf-list-img{width:150px;height:150px;}
	.yf .yf-part1 .yf-part1-con .yf-part1-list p{font-size: 16px;}
	.yf .yf-part1 .yf-part1-con .yf-part1-list span{font-size: 13px;}
	.yf .yf-part1 .yf-part1-con .yf-part1-tit p{font-size: 25px;line-height: 40px;}
	.yf .yf-part1 .yf-part1-con .yf-part1-tit span p{font-size: 14px;}

}

@media(max-width:768px){
	.yf .yf-part1 .yf-part1-con .yf-part1-list{width:100%;margin-bottom:20px;padding:0 20px;}
}

/* 技术链条 */
.yf-part2{background:url(../uploadfiles/yf-bg.png) no-repeat top center;background-size: 100% ;margin:0;position: relative;}
.yf-part2 .jslt-tit{position: absolute;top:100px;left:20%;text-align: left;}
.yf-part2 .jslt-tit::after{margin:20px 0 0 0 !important;}
.jslt .jslt-img{text-align: center;}

@media(max-width:1024px){
	.yf-part2{margin-top:30px;}
}

/* 功能模块 */
.gnmk {margin:0 0 80px 0;}
.gnmk .gnmk-box{width:100%;border-radius: 50px 0 50px 0;overflow: hidden;}
.gnmk .gnmk-box .gnmk-bg{background:url(../uploadfiles/gnmk-bg.jpg) no-repeat;background-size: cover;padding:60px 0 160px 0;}

.gnmk .gnmk-box .gnmk-con{text-align: center;}
.gnmk .gnmk-box .gnmk-con ul li{position: relative;display: inline-block;width:168px;height:188px;background:url(../uploadfiles/gnmk-icon-bg.png) no-repeat;background-size: cover;margin:0 15px;padding-top:50px;color:#0c318a;transition: all .5s;-webkit-transition: all .5s;}
.gnmk .gnmk-box .gnmk-con ul li:hover{transform: scale(1.2);-webkit-transform: scale(1.2);}
.gnmk .gnmk-box .gnmk-con ul li:nth-child(2n){position: relative;top:100px;}

.gnmk .gnmk-box .gnmk-con ul li img{transition: all .5s;-webkit-transition: all .5s;}
.gnmk .gnmk-box .gnmk-con ul li:hover img{transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
/* 配套资源 */
.ptzy .ptzy-list {margin: 0 10px;transition: all .5s;}
.ptzy .ptzy-list .ptzy-img{overflow: hidden;}
.ptzy .ptzy-list .ptzy-img img{width:100%; transition: all .5s;}
.ptzy .ptzy-list:hover .ptzy-img{box-shadow: 0 0 10px #ddd;}
.ptzy .ptzy-list:hover .ptzy-img img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.ptzy .ptzy-list p{text-align: center;font-size: 18px;}
.ptzy .slick-arrow{position: absolute; top: 50%; margin-top: -20px;background: #e7e7e7; cursor: pointer; padding: 0;font-size: 0; width: 40px; height: 40px; border-radius: 50%; border: none}
.ptzy .slick-arrow:after{position: absolute; content: ''; width: 10px; height: 10px; border-top:2px solid #0c318a; border-right: 2px solid #0c318a; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(-135deg);}
.ptzy .slick-next:after{transform: rotate(45deg);}
.ptzy .slick-arrow:hover{background:#0c318a;}
.ptzy .slick-arrow:hover:after{position: absolute; content: ''; width: 10px; height: 10px; border-top:2px solid #fff; border-right: 2px solid #fff; left: 50%; top: 50%; margin: -5px 0 0 -5px; transform: rotate(-135deg);}
.ptzy .slick-next:hover:after{transform: rotate(45deg);}



@media(min-width:1601px){
	.ptzy .slider{margin-left: -20px; margin-right: -20px;}
	.ptzy .slick-prev{left: -60px;}
	.ptzy .slick-next{right: -60px;}
}
@media(max-width:1600px){
	.ptzy .slider{padding: 0 40px;}
	.ptzy .slick-prev{left: 0;}
	.ptzy .slick-next{right:0;}
}

@media(max-width:1200px){
	.gnmk .gnmk-box .gnmk-con ul li{width:120px;height:134px;padding-top:40px;}
	.gnmk .gnmk-box .gnmk-con ul li img{height:30px;}
}

@media(max-width:1024px){
	.gnmk .gnmk-box .gnmk-bg{padding:30px 0;}
	.gnmk .gnmk-box .gnmk-con ul li{margin-bottom:10px;}
	.gnmk .gnmk-box .gnmk-con ul li:nth-child(2n){top:0;}
}



/* 研发技术 :end */

/* 产品中心 */
.n-pro{background:url(../uploadfiles/pro-bg.png) no-repeat;background-size: 100%;}
.n-pro .n-pro-box{margin-left:-4%;}
.n-pro .pro-list{float: left;width:41%;margin-left:8%;padding:50px;background:#f7f6fb;border:1px solid #edecf1;border-radius: 50px 0 50px 0;margin-bottom:50px;}
.n-pro .pro-list .pro-img{overflow: hidden;text-align: center;}
.n-pro .pro-list .pro-img img{width:90%;transition: all .5s;-webkit-transition: all .5s;height: 310px;}
.n-pro .pro-list .pro-name h3{color:#0c318a;position: relative;padding:10px 0 10px 30px;}
.n-pro .pro-list .pro-name h3::before{content:'';display: block;width:3px;height:16px;background:#0c318a;position: absolute;top:13px;left:0;}
.n-pro .pro-list .pro-name .pro-cs{padding-left:30px;}
.n-pro .pro-list .pro-name .pro-cs .pro-cs-left{width:70px;height:25px;line-height: 25px;text-align: center;background:#ebecf1;color:#0c318a;}
.n-pro .pro-list .pro-name .pro-cs .pro-cs-right{width:80%;margin-bottom:10px;}
.n-pro .pro-list .pro-name .pro-cs_1 .pro-cs-right{height:60px;overflow: hidden;}

.n-pro .pro-list:hover .pro-img img{transform: scale(1.2);-webkit-transform: scale(1.2);}

@media(max-width:1200px){
	.n-pro .pro-list .pro-name .pro-cs .pro-cs-right{width:70%;}
	.n-pro .pro-list .pro-img img{height: 200px;}
}

@media(max-width:992px){
	.n-pro .n-pro-box{margin-left:0;}
	.n-pro .pro-list{width:100%;margin-left:0;padding:20px;border-radius: 20px 0 20px 0;}
	.n-pro .pro-list .pro-name h3{font-size: 14px;padding:10px 0 10px 20px;}
	.n-pro .pro-list .pro-name .pro-cs{padding-left:20px;
	}
}


/* 产品详情 */
.pro-info{border:1px solid #d7dae3;border-radius: 50px 0 50px 0;padding:70px;background:#fff;}
.pro-info h3{font-size: 30px;font-weight: bold;text-align: center;}
.pro-info .pro-info-box{margin-top:50px;margin-bottom:50px;}
.pro-info .pro-info-box .pro-info-tit{width:10%;font-size: 16px;font-weight: bold;color:#0c318a;padding-left:30px;position: relative;}
.pro-info .pro-info-box .pro-info-tit::before{content:'';display: block;width:3px;height:16px;background:#0c318a;position: absolute;top:4px;left:0;}
.pro-info .pro-info-box .pro-info-con{width:85%;}
.pro-info .pro-info-box .pro-info-con .pro-info-txt{width:60%;}
.pro-info .pro-info-box .pro-info-con .pro-info-txt .pro-cs .pro-cs-left{width:85px;height:25px;line-height: 25px;text-align: center;background:#ebecf1;font-weight: bold;}
.pro-info .pro-info-box .pro-info-con .pro-info-txt .pro-cs .pro-cs-right{width:80%;margin-bottom:20px;margin-left:10px;}

.pro-info .p-down{width:100%;margin-left:-3%;}
.pro-info .p-down::after{content:'';display: block;clear: both;}
.pro-info .p-down .pro-download{width:30.33%;float:left;margin-left:3%;}

.pro-info .pro-download{height:50px;line-height: 50px;border:1px solid #d7dae3;margin:30px 0;}
.pro-info .pro-download .pro-download-tit{padding:0 20px;font-weight: bold;width:65%;}
.pro-info .pro-download .download{border-left:1px solid #d7dae3;width:35%;text-align: center;color:#0c318a;font-weight: bold;}
.pro-info .pro-download .download .download-icon{display: inline-block;width:40px;height:40px;background:#0c318a;border-radius: 50%;line-height: 40px;text-align: center;margin-left:10px;}
.pro-info .pro-download .download .download-icon img{width:28px;animation: down 1s infinite;-webkit-animation: down 1s infinite;}

@keyframes down{
	0%{transform: translateY(-5px);opacity: 1;}
	50%{transform: translateY(5px);}
	100%{transform: translateY(5px);opacity: 0;}
  }

  @-webkit-keyframes down{
	0%{-webkit-transform: translateY(-5px);opacity: 1;}
	50%{-webkit-transform: translateY(5px);}
	100%{-webkit-transform: translateY(5px);opacity: 0;}
  }


  @media(max-width:992px){
	.pro-info .p-down{width:100%;margin-left:0;}
	.pro-info .p-down::after{content:'';display: block;clear: both;}
	.pro-info .p-down .pro-download{width:100%;float:left;margin-left:0%;}
  }

  .pro-info .pro-download .download:hover .download-icon img{animation: down 1s infinite;-webkit-animation: down 1s infinite;}
  


.pro-info .pro-info-gg{padding-top:50px;border-top:3px solid #d7dae3;margin-top:80px;}
.pro-info .pro-info-table table{width:100%;}
.pro-info .pro-info-table table tr td{padding-left: 20px;border:1px solid #d7dae3;line-height: 40px;}
.pro-info .go-back{text-align: center;margin-top:50px;}
.pro-info .go-back a{display: inline-block;padding:5px 15px;background:#0c318a;border-radius: 10px 0 10px 0;color:#fff;}

/* 产品详情弹出层 */
.modal{width:100vw;height:100vh;background:rgba(0,0,0,0.7);position: fixed;top:0;left:0;z-index:999;transform: scale(0);-webkit-transform: scale(0);transition: all .5s;-webkit-transition: all .5s;}
.modal.show{transform: scale(1);-webkit-transform: scale(1);}
.modal .modal-box{width:100%;height:100%;position: relative;}
.modal .modal-box .modal-form{width:580px;height:490px;background:#fff;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);padding:35px;}
.modal .modal-box .modal-form h3{font-size: 36px;color:#036fe1;text-align: center;margin: 20px 0 30px 0;}
.modal .modal-box .modal-form .modal-input{height:48px;line-height: 48px;border:1px solid #eeeeee;margin-bottom:15px;}
.modal .modal-box .modal-form .modal-input .modal-input-name{width:100px;text-align: right;font-size: 16px;}
.modal .modal-box .modal-form .modal-input .modal-input-name span{color:#036fe1;}
.modal .modal-box .modal-form .modal-input .modal-input-box input{height:100%;border:none;padding:0 0 0 10px;}
.modal .modal-box .modal-form .modal-button button{width:100%;height:50px;background:#036fe1;color:#fff;border:none;font-size: 16px;}
.modal .modal-box .modal-form .modal-close{width:35px;height:35px;text-align: center;position: absolute;top:15px;right:30px;}
.modal .modal-box .modal-form .modal-close img{width:35px;}

/* 产品应用 */
.yy-nav{text-align: center;}
.yy-nav ul li{display: inline-block;margin:0 20px;padding:10px 0;position: relative;}
.yy-nav ul li::after{content:'';display: block;width:100%;height:3px;background:#0c318a;position: absolute;bottom:0;left:0;transform: rotateY(-90deg);-webkit-transform: rotateY(-90deg);transition: all .5s;-webkit-transition: all .5s;}
.yy-nav ul li a{font-size: 18px;color:#0c318a;font-weight: bold;}
.yy-nav ul li:hover::after{transform: rotateY(0);-webkit-transform: rotateY(0);}
.yy-nav ul li.on::after{transform: rotateY(0);-webkit-transform: rotateY(0);}


.yy-box{padding:70px 70px 150px 70px;background:#f7f6fb;border:1px solid #edecf1;border-radius: 50px 0 50px 0;margin-top:30px;}
.yy-box .yy-list .yy-list-img {width:45%;}
.yy-box .yy-list .yy-list-img img{width:100%;}
.yy-box .yy-list .yy-list-txt{width:48%;}

.yy-box .yy-list .yy-list-img .owl-nav{text-align: right;}
.yy-box .yy-list .yy-list-img .owl-nav button{width: 150px; height: 90px; border: none;font-size: 50px;}
.yy-box .yy-list .yy-list-img .owl-nav button.owl-prev{background:#0c318a;color:#fff;}
.yy-box .yy-list .yy-list-img .owl-nav button.owl-next{background:#fff;}

.yy-box .yy-list .yy-list-txt h3{font-size: 18px;font-weight: bold;color:#0c318a;}
.yy-box .yy-list .yy-list-txt .yy-list-con p{text-indent: 2em;font-size: 16px;}



@media(min-width:1601px){
	.yy-box .yy-list .yy-list-img .slider{margin-left: -20px; margin-right: -20px;}
}
@media(max-width:1024px){
	.culture-box .cul-list{width:100%;}
	.culture-box .cul-list2{margin:10px 0;}
	.p-search{display: none;}

	.pro-info{padding:20px;}
	.pro-info h3{font-size: 20px;}
	.pro-info .pro-info-box .pro-info-tit{width:100%;}
	.pro-info .pro-info-box .pro-info-con{width:100%;}
	.pro-info .pro-info-box .pro-info-con .pro-info-txt{width:100%;}

	.pro-info .pro-download{margin:30px 0;}
	.pro-info .pro-download .pro-download-tit{width:70%;}
	.pro-info .pro-download .download{width:30%;}
	.pro-info .pro-download .download span{display: none;}

	.pro-info .pro-info-table table tr td{padding-left:5px;font-size: 12px;}

	.modal .modal-box .modal-form{width:350px;height:320px;}
	.modal .modal-box .modal-form h3{font-size: 18px;margin:0 0 10px 0;}
	.modal .modal-box .modal-form .modal-input{height:35px;line-height: 35px;}
	.modal .modal-box .modal-form .modal-input .modal-input-name{width:30%;}
	.modal .modal-box .modal-form .modal-input .modal-input-box{width:60%;}
	.modal .modal-box .modal-form .modal-button button{height:35px;}
	

}



/* 新闻中心 */
.n-news  .n-news-list{border:1px solid #0c318a;border-radius: 50px 0 50px 0;padding:40px;margin-bottom:30px;transition: all .5s;}
.n-news  .n-news-list .n-news-img{width:30%;}
.n-news  .n-news-list .n-news-img img{width:100%;}
.n-news  .n-news-list .n-news-con{width:65%;}
.n-news  .n-news-list .n-news-con h3{color:#0b318b;font-size: 20px;font-weight: lighter;}
.n-news  .n-news-list .n-news-con p{color:#adb2c0;padding-bottom:20px;font-size: 16px;}
.n-news  .n-news-list .n-news-con .news-time{padding:30px 0 0 0;border-top:1px solid #ced6ea;}
.n-news  .n-news-list .n-news-con .news-time .news-time-box{color:#c2c7d3;}
.n-news  .n-news-list .n-news-con .news-time .news-time-box span{color:#959aa8;}
.n-news  .n-news-list .n-news-con .news-time .news-more{width:95px;height:28px;background:#0b318b;border-radius: 10px 0 10px 0;text-align: center;line-height: 28px;}

.n-news  .n-news-list:hover{box-shadow: 0 10px 20px #e0eaff;}

@media(max-width:1024px){
	.n-news .n-news-list{padding:20px;}
	.n-news .n-news-list .n-news-img{width:100%;}
	.n-news .n-news-list .n-news-con{width:100%;}
	.n-news .n-news-list .n-news-con h3{font-size: 16px;}
	.n-news .n-news-list .n-news-con p{font-size: 14px;}
}

/* 新闻详情 */
.news-info .news-info-title{text-align: center;border-bottom:1px solid #ddd;padding:20px 0;}
.news-info .news-info-title h3{font-size: 26px;padding:10px 0;}
.news-info .news-info-title .date{color:#808080;padding:5px 0 0 0;}
.news-info .news-info-title .bshare-custom{display: inline-block;}
.news-info .news-info-content{margin:50px 0 100px 0;}
.news-info .news-info-content p{text-indent: 2em;line-height: 28px;}

.prev-next .prev-next-box{width:50%;padding:20px 0;border-top:1px dotted #eee;}
.prev-next .prev-next-box.next_1{text-align: right;}

@media(max-width:1024px){
    .news-info .news-info-title h3{font-size: 16px;}
    .prev-next .prev-next-box{width:100%;}
    .prev-next .prev-next-box.next_1{text-align: left;}
}

/* 岗位申请 */
.job{margin:50px 0;}
.job .job-list{border:1px solid #eee;border-left:5px solid #ced6ea;margin-bottom:20px;cursor: pointer;}
.job .job-list .job-name{height:50px;line-height: 50px;padding:0 20px;}
.job .job-list .job-name .span0{font-size: 18px;font-weight: bold;}
.job .job-list .job-name .job-more{float:right;width:55px;height:25px;margin-top:12px;line-height: 25px;border-radius: 10px 0 10px 0;text-align: center;color:#fff;background:#0c318a;}
.job .job-list .job-name .job-more2{display: none;}
.job .job-list.on{border-left:5px solid #0c318a;}
.job .job-list.on .job-name .job-more1{display: none;}
.job .job-list.on .job-name .job-more2{display: inline-block;}
.job .job-list .job-detail{padding:0 50px;display: none;}
.job .job-list .job-detail .yq{margin-bottom:20px;}
.job .job-list .job-detail .yq h3{font-weight: normal;margin-bottom:10px;position: relative;}
.job .job-list .job-detail .yq h3::before{content:'';display: inline-block;width:8px;height:8px;border-radius: 50%;background:#d2d2d2;position: absolute;top:12px;left:-20px;}
.job .job-list .job-detail p.warn{color:#df1616;font-size: 14px;}
.job .job-list .job-detail a.sq{display: block;width:100px;height:27px;line-height: 27px;background:#0ec54d;color:#fff;font-size: 14px;text-align: center;border-radius: 27px;margin:20px 0 40px;}
@media(max-width:1024px){
    .job .job-list .job-detail{padding: 0 30px;}
}

.Jobbox{ line-height:38px; width:68%; position:relative; padding:4%; border-radius:10px; margin:20px auto; background:#fff;}
.Jobtit{ text-align:center; color:#333; padding-bottom:3%; font-size:24px;}
.Jobitem{ color:#222222;}
.Jobitem dd{ margin-bottom:8px; width:33.333%; float:left;}
.Jobtit2{ font-size:18px; color:#0080af;}
.jobbtn{ display:block; margin-top:5%; color:#fff; font-size:18px; width:140px; line-height:45px; text-align:center; background:#d7b36f; border-radius:20px;}
.Jobbox .mfp-close{ border-radius:50%; background:#0c318a; font-size:40px; color:#fff; font-weight:bold; opacity:1; width:39px; height:39px; position:absolute; right:-15px; top:-15px;}
.mfp-close-btn-in .mfp-close{ color:#fff !important;}

.JobForm{ color:#666666; margin:0px 0px 0px 0px;}
.JobForm dl{ width:48%; float:left; padding-left:1%; line-height:28px;}
.JobForm dl dt{ width:22%; float:left; text-align:right; padding:5px 2% 5px 0;}
.JobForm dl dd{ width:70%; float:left;}
.JobForm dl.other{ width:99%; float:none; padding-left:1%;}
.JobForm dl.other dt{ width:10.8%; padding-right:1%;}
.JobForm dl.other dd{ width:84%;}
.JobForm dd{ padding:5px 0px;}
.JobForm .input { background:#fff; border:1px solid #dbdbdb; width:99%; height:28px; line-height:28px;}
.JobForm .input2 { background:#fff; border:1px solid #dbdbdb; width:99%; height:116px; line-height:23px;}
.JobForm select { border:1px solid #dbdbdb; width:190px; height:23px; line-height:23px;}
.JobForm .sendbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#0c318a; margin-right:8px;border:none;}
.JobForm .resetbtn{ cursor:pointer; color:#fff; width:120px; height:40px; font-size:16px; background:#999;border:none;}

@media ( max-width:768px){
	.Jobtit{ font-size:18px;}
	.JobForm dl{ width:auto; float:none; padding-left:0%;}
	.JobForm dl.other{ width:auto;padding-left:0%;}
	.JobForm dl dt{ width:25%;}
	.JobForm dl dd{ width:70%;}
	.JobForm dl.other dt{ width:25%;}
	.JobForm dl.other dd{ width:70%;}
	.JobForm .sendbtn{ width:100px; height:35px;}
	.JobForm .resetbtn{ width:100px; height:35px;}
	.Jobbox{ width:92%;}
	.Jobbox .mfp-close{ right:0; top:0; width:28px; height:28px; line-height:28px; font-size:30px;}
	}
	

/* 联系我们 */
.contact .con-tit{font-size: 40px;font-weight: 100;padding:0 0 10px 0;border-bottom:2px solid #333;}
.contact .con-box{margin:50px 0;}
.contact .con-box .con-part{width:40%;}
.contact .con-box .con-part-1{width:30%;padding:0 30px;border-left:1px solid #c8d3e0;}
.contact .con-box .con-part .con-add h3{font-size: 28px;margin: 0 0 15px 0;}
.contact .con-box .con-part .con-add strong{font-size: 20px;font-weight: bold;color:#0b318b;}
.contact .con-box .con-part .con-add p{font-size: 16px;margin:5px 0 0 0;}

.contact .con-box .con-part .con-tel{margin-top:30px;}
.contact .con-box .con-part .con-tel ul li{padding:20px 0 0 0;}
.contact .con-box .con-part .con-tel ul h1{font-size: 16px;margin: 0;}
.contact .con-box .con-part .con-tel1 ul{float:left;width:50%;}
.contact .con-box .con-part .con-tel1 ul li{padding:4px 0;}

.contact .map{margin:100px 0; position: relative;}
.contact .map .map-img{width:60%;}
.contact .map .map-img img{width:100%;}
.contact .map .map-txt{width:30%;position: absolute;right:0;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.contact .map .map-txt p{font-size: 30px;font-weight: bold;color:#0b318b;margin:0 0 10px 0;}
.contact .map .map-txt b{display: block;width:20px;height:3px;background:#ced6ea;margin:20px 0;}
.contact .map .map-txt span{font-size: 16px;color:#0b318b;line-height: 30px;}

.message .message-left{width:35%;}
.message .message-left .message-tit{border:1px solid #ced6ea;width:60%;padding:50px 50px 50px 30px;border-radius: 30px 0 30px 0;margin-left:50px;box-shadow: 10px 10px 10px #f3f6ff;;}
.message .message-left .message-tit .zs{margin:10px 0;}
.message .message-left .message-tit .zs1{text-align: right;}
.message .message-left .message-tit p{font-size: 40px;margin:0 0 20px 0;}
.message .message-right{width:65%;}
.message .message-right form{width:100%;}
.message .message-right form .form-list{margin-left:-2%;}
.message .message-right form .input-box{position: relative;padding:8px 0;border-bottom:2px solid #ddd;margin:15px 0;}
.message .message-right form .input-box1{width:31.33%;margin-left:2%;float:left;}
.message .message-right form .input-box input{width:100%;height:100%;border:none;text-indent: 3em;font-size: 16px;}
.message .message-right form .input-box img{position: absolute;top:8px;left:0;}
.message .message-right form .input-box textarea{width:100%;height:120px;border:none;text-indent: 3em;font-size: 16px;resize: none;}
.message .message-right form .form-button{margin-top:20px;text-align: right;}
.message .message-right form .form-button .tj{height:50px;width:150px;border:none;background:#1f4dbd;border-radius: 20px 0 20px 0;color:#fff;font-size: 16px;cursor: pointer;}

@media (max-width:1024px){
	.contact .con-tit{font-size: 20px;}
	.contact .con-box .con-part{width:100%;margin-bottom:30px;}
	.contact .con-box .con-part-1{width:100%;padding:0;border:none;}
	.contact .con-box .con-part .con-add h3{font-size: 18px;}
	.contact .con-box .con-part .con-tel{margin-top:10px;}
	.contact .con-box .con-part .con-tel ul li{padding:10px 0 0 0;}
	.contact .con-box .con-part .con-tel1 ul{width:100%;margin-bottom:30px;}

	.contact .map{margin:30px 0;}
	.contact .map .map-img{width:100%;}
	.contact .map .map-txt{width:100%;display: none;}

	.message .message-left{width:100%;}
	.message .message-left .message-tit{width:100%;padding:20px;margin-left:0;}
	.message .message-right{width:100%;font-size: 14px;}
	.message .message-right form .input-box1{width:100%;}
}


/* 公益活动 */
.gy .gy-list{margin-bottom:80px;border:1px solid #ddd;}
.gy .gy-list .gy-img{width:45%;float:left;}
.gy .gy-list:nth-child(2n) .gy-img{float:right;}
.gy .gy-list .gy-img img{transform: scale(1.1);}
.gy .gy-list .gy-txt{width:50%;float:right;padding:30px;}
.gy .gy-list:nth-child(2n)  .gy-txt{float: left;}
.gy .gy-list .gy-txt span{color:#959aa8;font-size:16px;}
.gy .gy-list .gy-txt p{font-size: 20px;color:#0c318a;margin:0 0 15px 0;padding:10px 0 15px 0;border-bottom:1px solid #ced6ea;}
.gy .gy-list .gy-txt .gy-dec{color:#adb2c0;font-size: 16px;line-height: 30px;}
.gy .gy-list .gy-txt .gy-more{width:95px;height:28px;background:#0b318b;border-radius: 10px 0 10px 0;text-align: center;line-height: 28px;margin:50px 0 0 0;}

.gy .gy-list:hover{box-shadow: 0 0 10px #d5def8;}

@media(max-width:1200px){
	.gy .gy-list .gy-txt .gy-more{margin:30px 0 0 0 ;}
}
@media(max-width:1024px){
	.gy .gy-list .gy-img{width:100%;}
	.gy .gy-list .gy-img img{transform: scale(1);width: 100%;}
	.gy .gy-list .gy-txt{width:100%;padding:10px;}
	.gy .gy-list .gy-txt p{font-size: 16px;}
	.gy .gy-list .gy-txt .gy-dec{font-size: 14px;}
}

/* 人力资源 */
.rlzy .rlzy-img{width:45%;padding:0 30px;}
.rlzy .rlzy-img img{width:100%;}
.rlzy .rlzy-txt{width:50%;}
.rlzy .rlzy-txt .n-tit{margin-top:20px;}
.rlzy .rlzy-txt .rlzy-content p{font-size: 28px;}
.rlzy .rlzy-txt .rlzy-content span{font-size: 16px;}

@media(max-width:1024px){
	.rlzy .rlzy-img{width:100%;}
	.rlzy .rlzy-txt{width:100%;margin-top:30px;}
	.rlzy .rlzy-txt img{height:30px;}
	.rlzy .rlzy-txt .n-tit{margin-top:10px;}
	.rlzy .rlzy-txt .rlzy-content p{font-size: 18px;}
	.rlzy .rlzy-txt .rlzy-content span{font-size: 14px;}
}

/* 职业卫生 */
.zyws .zyws-img{width:45%;overflow: hidden;border-radius: 50px 0 50px 0;position: relative;}
.zyws .zyws-img img{width:100%;}
.zyws .zyws-img .zyws-tit{position: absolute;left:20%;top:20%;color:#0c318a;max-width:250px}
.zyws .zyws-img .zyws-tit p{font-size: 40px;font-weight: bold;margin:0 0 10px 0;}
.zyws .zyws-img .zyws-tit span{font-size: 28px; color:#dce2ef;}
.zyws .zyws-txt{width:50%;padding:50px 0;font-size: 16px;}
.zyws .zyws-box{margin-top:50px;}

@media(max-width:1024px){
	.zyws .zyws-img{width:100%;}
	.zyws .zyws-txt{width:100%;}
	.zyws .zyws-img .zyws-tit p{font-size: 25px;}
    .zyws .zyws-img .zyws-tit span{font-size: 18px;}
}

/* 环境保护 */
.hjbh-box{margin-top:30px;}
.hjbh-box .hjbh-part1{border-radius: 50px 0 50px 0;overflow: hidden;position: relative;}
.hjbh-box .hjbh-part1 img{width:100%;}
.hjbh-box .hjbh-part1 .hjbh-tit{position: absolute;left:10%;top:20%;color:#0c318a;}
.hjbh-box .hjbh-part1 .hjbh-tit p{font-size: 40px;font-weight: bold;margin:0 0 10px 0;}
.hjbh-box .hjbh-part1 .hjbh-tit span{font-size: 28px;color:#dce2ef;}
.hjbh-box .hjbh-part2{padding:0 100px;margin-left:-3%;position: relative;top:-100px;}
.hjbh-box .hjbh-part2 .hjbh-list{width:30.33%;margin-left:3%;float:left;margin-bottom:30px;transition: all .5s;}
.hjbh-box .hjbh-part2 .hjbh-list .hjbh-list-img img{width:100%;}
.hjbh-box .hjbh-part2 .hjbh-list p{text-align: center;font-size: 16px;border:1px solid #e2e7f3;border-top:none;box-sizing: border-box;margin:0;padding:15px 0;}

.hjbh-box .hjbh-part2 .hjbh-list:hover{transform: scale(1.1);box-shadow: 0 0 10px #ddd;}


@media(max-width:1024px){
	.hjbh-box .hjbh-part1 .hjbh-tit p{font-size: 25px;}
	.hjbh-box .hjbh-part1 .hjbh-tit span{font-size: 18px;}
	.hjbh-box .hjbh-part2{padding:0 20px;top:20px;}
	.hjbh-box .hjbh-part2 .hjbh-list{width:100%;}
}



/* Pages */
.Pages a{font-size: 16px;color:#808080;font-weight: 100;}
.Pages .num{text-align: center;width:70%;display: block;font-style:normal;}
.Pages .num a{display: inline-block;padding:0 5px;}
.Pages .a_prev,.Pages .a_next{display: block;width:15%;}
.Pages .a_next{text-align: right;}
.Pages a:hover{color:#0c318a;}

@media(max-width:768px){
	.Pages a{font-size: 14px;}
    .Pages .num{width:56%;}
	.Pages .a_prev,.Pages .a_next{width:22%;}
}


.addnav{margin:0 0 50px 0;}
.addnav ul li{display: inline-block;line-height: 55px;width:140px;margin-right:10px;}
.addnav ul li a{display: block;border:2px solid #e6e6e6;text-align: center;line-height: 40px;font-size: 16px;font-weight: bold;}
.addnav ul li a:hover{border:2px solid #0b318b;}
.addnav ul li.on a{border:2px solid #0b318b; color:#0b318b;}