.wrap{ width:100%; max-width:1400px; margin:0 auto}
@media screen and (max-width:1440px){.wrap{ width:90%;}}
@media screen and (max-width:1200px){.wrap{ width:98%;}}

.wrapz{ width:92%; margin:0 auto;}
@media screen and (max-width:1600px){.wrapz{ width:98%; margin:0 auto;}}
.wrapa{ width:98%; max-width:1600px; margin:0 auto}


@font-face {	
font-family: 'dincondensedc';	
src: url("../fonts/dincondensedc.eot");
src: url("../fonts/dincondensedc.eot") format("embedded-opentype"), 
url("../fonts/dincondensedc.woff") format("woff"), 
url("../fonts/dincondensedc.ttf") format("truetype"), 
url("../fonts/dincondensedc.svg") format("svg");	
font-weight: normal;
font-style: normal;}


@charset "utf-8";
*{margin:0;padding:0}
HTML {OVERFLOW-X: hidden;}
body{ font-family:"Microsoft Yahei", Arial; font-size:16px;line-height:30px;color:#333;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; }
a{color:#000; text-decoration:none;outline:none; /*transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;*/}
a:hover{color: #2f318b;text-decoration: none;}
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;}
.fl{float:left;}
.fr{float:right}
table{ border-collapse:collapse;}
img{ border:none;}
input,textarea,select,button{ outline:none;font-family:"Microsoft Yahei", Arial;}


#a01{ position: absolute;  margin-top:-160px;}
#a02{ position:absolute; margin-top:-160px;}
#a03{ position:absolute; margin-top:-160px;}
#a04{ position:absolute; margin-top:-160px;}
#a05{ position:absolute; margin-top:-160px;}
#a06{ position:absolute; margin-top:-160px;}





.mbg{ background:#eeeeee;}


.pic{ height:auto; display:block; overflow:hidden;}
.pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s;}
.pic:hover img{transform:scale(1.2);}

.header{ background-color:#fff; box-shadow: 2px 0px 10px rgba(0,0,0,0.2);position:fixed; left:0;top:0; width:100%; z-index:999;-webkit-transition: all 334ms ease-in-out;transition: all 334ms ease-in-out;-webkit-animation: 2s dong;animation: 1s dong; }

@-webkit-keyframes dong{
0%{ -webkit-transform:translateY(-100px); transform:translateY(-100px) }
100%{ -webkit-transform:translateY(0); transform:translateY(0) }
}

@keyframes dong{
0%{ -webkit-transform:translateY(-100px); transform:translateY(-100px) }
100%{ -webkit-transform:translateY(0); transform:translateY(0) }
}

.header .wrapz{ position:relative;}
.header .logo{ position:absolute; top:50%; margin-top:-27.5px; left:0%;}
.header .logo img{ height:55px; width:auto;} 

.header .use{  height:34px; position:absolute; right:0;top:50%; margin-top:-16px; }
.header .use .tel{ float:right; font-size:16px; color:#888; background:url(../images/tel.png) no-repeat left center; padding-left:26px;}
.header .use .language{ float:right; margin-left:10px; text-transform:uppercase;}
.header .language li{ float:left; margin-left:12px;}
.header .language li a{ display:block; line-height:32px; width:32px; height:32px; border-radius:50%; border:solid 1px #d9d9d9; text-align:center; color:#999;}
.header .language a:hover, .header .language .cur{background-color:#2f318b;border:solid 1px #2f318b; color:#fff; border-radius:50%; }


.header .menu{ text-align:center;}
.header .menu ul{ text-align:center; display:inline-block; vertical-align:middle;}
.header .menu li{ display:inline-block; position:relative;}
.header .menu .cur a{color:#2f318b;}
.header .menu li .menu_a{ font-size:16px; line-height:100px; display:block; margin:0 20px; position:relative}
.header .menu li:hover .menu_a{color:#2f318b;}
.header .menu li .menu_a:after {content: '';width: 0;height: 3px;background-color: #2f318b;position: absolute;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);bottom: 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.header .menu .cur a:after, .header .menu li:hover .menu_a:after {width: 100%}

.header .menu li .sub{ display:none; border-bottom:solid 2px #2f318b; position: absolute; font-size:14px; width:120%; margin-left:-10%; line-height: 40px; text-align:left;  background: #fff;box-shadow: 0px 3px 5px rgba(0,0,0,0.3); padding-left:15px;padding-right:15px; }
.header .menu li .sub p a{ display:block; color:#333; border-bottom:solid 1px #d9d9d9;}
.header .menu li .sub p a:hover{ color:#2f318b}


.mouse{ position:absolute; bottom:20px; width:33px; left:50%; margin-left:-16.5px; z-index:9999}
@-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);}
}
.animate-bounce-up{-webkit-animation: bounce-up 2.5s linear infinite;animation: bounce-up 2.5s linear infinite;}


.banner {width: 100%; overflow: hidden; position:relative; }
.banner .swiper-slide {position: relative;overflow: hidden;margin-top:100px;}
.banner a{ display:block; width:100%; min-height:500px;}
.banner .img{position: absolute;width: 100%;height: 100%;background: no-repeat center/cover;top: 0;left: 0;-webkit-transition:1s linear .3s;-moz-transition:1s linear .3s;transition:1s linear .3s;}
.banner .swiper-slide-active .img{-webkit-transition:16s linear;-moz-transition:16s linear;transition:16s linear;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}	
.banner .txt{ position:absolute; top:28%; left:10%; width:80%; max-width:640px; }
.banner .txt h3{ font-size:45px; line-height:80px; margin-bottom:15px; color:#333;}
.banner .txt h4{ font-size:18px; margin-bottom:15px; color:#444;}
.banner .txt .more{ display:inline-block;  color:#fff; font-size:18px; line-height:46px; border:solid 2px #2f318b; color:#2f318b; padding:0 50px; margin-top:30px;}
.banner .txt .more:hover{ color:#fff; background-color:#2f318b;}
.banner .txtcon{-webkit-transform: translate3d(0, 20px, 0);-moz-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);opacity: 0;-webkit-transition: 1s ease;-moz-transition: 1s ease;transition: 1s ease;}
.banner .swiper-slide-active .txtcon{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;-webkit-transition: 1s ease .5s;-moz-transition: 1s ease .5s;transition: 1s ease .5s;}
.banner .swiper-button-prev, .banner .swiper-button-next{width: 15%;height: 100%;top:0;background:none;}
.banner .swiper-button-prev{left:0;}	
.banner .swiper-button-next{right:0;}	
.banner .swiper-button-prev span,.banner .swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(0,0,0,0.35);
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.banner .swiper-button-next span{
	background: rgba(0,0,0,0.35);
	left:auto;
	right:20px;
	}
.banner .swiper-button-prev:hover span, .banner .swiper-button-next:hover span{
	opacity: .6;
}
.banner .swiper-button-prev span:after{ content:""; display:block; width:15px; height:15px; border-top:2px solid rgba(255,255,255,.7);border-left:2px solid rgba(255,255,255,.7); -moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg); position:absolute; left:50%; margin-left:-5px; top:25px;}
.banner .swiper-button-next span:after{ content:""; display:block; width:15px; height:15px; border-top:2px solid rgba(255,255,255,.7);border-right:2px solid rgba(255,255,255,.7); -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; left:50%; margin-left:-12px; top:25px;}

/*分页器*/
.banner .swiper-pagination{ bottom:40px}
.banner .swiper-pagination-bullet{ width:12px; height:12px; background:none;background:#eee; opacity:1}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 8px;}
.banner .swiper-pagination-bullet-active{ background:#2f318b}




.i-about .wrapa{width: 98%; max-width: 1260px;margin: 0 auto;}
.i-about .linebg{ width:100%; height:100%; background:#fff; position:absolute; left:0; bottom:0; z-index:-9 }
.i-about .abconn{/*background:url(../images/about.png) #fff no-repeat left top; padding-left:20%; */width:100%; padding-top:40px; position:relative}
.i-about .abconn .ableft{ width:58%; float:left;}
.i-about .abconn .abpic{ width:40%; background:url(../images/about02.png) no-repeat center center; background-size:cover; float:right; position:relative }

.i-about .abconn .abpic img{ display:block; left:0; bottom:0; position:absolute}

.i-about .abconn .abdpic{ margin-top:30px; width:100%}
.i-about .abconn img{ width:auto; max-width:100%; height:auto;display: block}
.i-about .abconn .pcshow{ display:block !important;}
.i-about .abconn .phshow{ display:none !important;}
.i-about .abconn .ableft .title h3{
	font-size:24px;
	color:#2f318b;
	margin-bottom:50px;
	font-weight:bold;
	text-transform: uppercase;
}
.i-about .abconn .ableft .conn p{ line-height:24px;}

.i-about .abconn .more{ display:inline-block;  color:#fff; font-size:18px; line-height:46px; border:solid 2px #2f318b; color:#2f318b; padding:0 50px; margin-top:30px;}
.i-about .abconn .more:hover{ color:#fff; background-color:#2f318b;}

.i-products .linebg{ width:100%; height:100%; background:url(../images/probg.jpg) no-repeat center bottom; background-size:cover; position:absolute; left:0; bottom:0; z-index:-9 }
.i-products .title{ text-align:center; padding-top:40px; margin-bottom:50px;}
.i-products .title h3{ font-size:36px; color:#2f318b; font-weight:bold; margin-bottom:30px; line-height:40px;}
.i-products .title p{ font-size:16px;}

.i-products .conn{}



.i-products .item{ float:left; width:13.66%; padding:0 1.5%;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s;margin-top: 10px;}
.i-products .item:hover{ margin-top:0}
.i-products .item .pic{ height:auto; display:block; overflow:hidden;border-radius:50%; border:solid 15px #b8d0e8; background:#fff;}
.i-products .item .pic img{ width:100%; max-width:186px; height:auto;cursor: pointer;transition: all 1.5s; display:block; }
.i-products .item:hover .pic img{transform:scale(1.1);}
.i-products .item .wenzi{ line-height:24px; padding:30px 0; text-align:center; font-size:18px;}
.i-products .swiper-slide{ padding-bottom:100px;}
.i-products .swiper-pagination{ text-align:center; width:auto; right:20px}
.i-products .swiper-pagination-bullet{ background:#666; opacity:1}
.i-products .swiper-pagination-bullet-active{ background:#2f318b}


.i-news .title{ text-align:center; padding-top:40px; margin-bottom:40px;}
.i-news .title h3{ font-size:36px; color:#2f318b; font-weight:bold; margin-bottom:20px; line-height:40px;}
.i-news .title p{ font-size:16px;}
.i-news .linebg{ width:100%; height:100%; background:url(../images/newsbg.png) no-repeat center bottom; background-size:cover; position:absolute; left:0; bottom:0; z-index:-9}
.i-news .wrapa .proconn .conn{}
.i-news .wrapa .proconn .conn ul{ width:80%; max-width:1200px; margin:0 auto;}
.i-news li{ float:left; width:32%; margin-right:2%;box-shadow: 2px 0px 10px rgba(0,0,0,0.2); background:#fff;}
.i-news li:nth-child(3){ margin-right:0}
.i-news li .wenzi{ padding:20px 4%;}
.i-news li .pic{ height:auto; display:block; overflow:hidden;}
.i-news li .pic img{ width:100%;height:auto;cursor: pointer;transition: all 1.5s; display:block; }
.i-news li:hover .pic img{transform:scale(1.1);}
.i-news li .wenzi .date{background:url(../images/line.png) no-repeat center center; }
.i-news li .wenzi .date .day{ float:left; font-size:60px; line-height:50px; height:50px; color:#2f318b;font-family: 'dincondensedc'; margin-right:10px;}
.i-news li .wenzi .date .ym{ float:left; color:#666}
.i-news li .wenzi .date .ym h3{ font-size:20px; line-height:25px; height:25px; text-transform:uppercase}
.i-news li .wenzi .date .ym p{ font-size:14px;}
.i-news li .wenzi .ti{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; line-height:30px; padding:10px 0 20px 0;}
.i-news li .wenzi .more{ line-height:26px; padding-left:30px; color:#999; background:url(../images/jianh.png) no-repeat left center;}
.i-news li:hover .wenzi .more{ background:url(../images/jian.png) no-repeat left center; color:#2f318b;}

.i-news .mores {margin-top:50px;}
.i-news .mores a{ display:block;  margin:0 auto; font-size:18px; line-height:46px; border:solid 2px #2f318b; color:#2f318b; width:150px; text-align:center }
.i-news .mores a:hover{ color:#fff; background-color:#2f318b;}


.i-case .linebg{ width:100%; height:100%; background:url(../images/casebg.jpg) no-repeat center bottom; background-size:cover; position:absolute; left:0; bottom:0; z-index:-9 }
.i-case .title{ text-align:center; padding-top:40px; margin-bottom:50px;}
.i-case .title h3{ font-size:36px; color:#2f318b; font-weight:bold; margin-bottom:30px; line-height:40px;}
.i-case .title p{ font-size:16px;}

.i-case .conn{}



.i-case{overflow:hidden;}
.i-case ul{ margin:0 -1%;}
.i-case li{ float:left; width:11.7857%; margin:0 1.25%; position:relative;line-height:0;}
.i-case li a{ float:left; width:100%; overflow:hidden;}
.i-case li .par1{opacity:1;filter: alpha(opacity=100); float:left; width:100%; position:relative; z-index:3;}
.i-case li .par2{opacity:0;filter: alpha(opacity=0); float:left; width:100%; position:absolute; z-index:3; left:0; top:50%; transform:translateY(-50%); z-index:2; color:#fff; font-size:18px; line-height:28px; text-align:center;-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;
}
.i-case li .par2 span{ font-size:14px;}
.i-case li .par3{ float:left; width:100%; position:absolute; left:0; top:0; z-index:1;}
.i-case li .par4{opacity:0;filter: alpha(opacity=0); float:left; width:100%; position:absolute; left:0; top:0; z-index:1;
        transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
     -o-transition: all 0.5s linear;}
.i-case li:hover .par1{opacity:0;filter: alpha(opacity=0);}
.i-case li:hover .par2{opacity:1;filter: alpha(opacity=100);}
.i-case li:hover .par4{opacity:1;filter: alpha(opacity=100);-webkit-transition: 1s ease;
-webkit-transform: rotateY(360deg);
   -moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	 -o-transform: rotateY(360deg);
		transform: rotateY(360deg);}
.i-case li.lc1{ margin-top:-1.3%;}
.i-case li:nth-child(8){ margin-left:6%;}


.footer{ background:#3e3e3e; color:#fff;}
.footer_top{ padding:45px 0; position:relative; }

.footer_top .wrap{position:relative}
.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 {font-size:14px;line-height:30px;display:inline-block;cursor:pointer;}
.footer li:last-child{ margin-left:40px;}
.footer h3{ line-height:30px; font-size:18px; margin-bottom:15px; font-weight:bold; color:#fff; display:block;}
.footer a{ font-size:14px;color:#fff;}
.footer a:hover{ font-size:14px;color:#fff;}
.footer li .erweima li{ float:left; text-align:center; margin-top:0px}
.footer li .erweima li:nth-child(2){ float:right; margin-left:25px;}
.footer li img{ display:block; width:102px; height:auto;}
.footer_top{ border-bottom:solid 1px #4a4a4a;}
.copyright .wrap{ padding:20px 0;font-size:14px; }

.footer .liuyan{ margin-top:20px;}
.footer .liuyan a{ width:160px; height:38px; line-height:38px; background:#2f318b; border:solid 1px #2f318b; color:#fff; text-align:center; display:block}
.footer .liuyan a:hover{border:solid 1px #2f318b;color:#2f318b; background:none;}

.nbanner{ padding-top:100px; position:relative}
.nbanner img{ display:block; width:100%; height:auto;}
.nbanner .text{ position: absolute; top:50%; left:0; width:100%; margin-top:0px; color:#fff; }
.nbanner .nbannpic{ position:absolute;bottom:0%; left:0;  width:100%;background: url(../images/abb.png) no-repeat center center; background-size:auto 100%}


.nguide {color: #333333;text-align:center; background: #eeeeee; line-height:60px;}
.nguide{transform:perspective(800px) rotateX(-90deg);transform-style:preserve-3d;transition:all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;transform-origin:top center;opacity:0;filter:alpha(opacity=0)}
.nguide.animate{transform:perspective(800px) rotateX(0deg);opacity:1;filter:alpha(opacity=100)}
.nguide ul { text-align:center}
.nguide li { text-align:center; display:inline-block;}
.nguide li a {color: #333333;display: block; line-height: 60x; text-align:center; display:block; padding:0 25px;position:relative}
.nguide li a:hover, .nguide li .cur {color: #fff;background-color:#2f318b;}


.nsection{ padding:60px 0;}
.ntitle{ margin-bottom:35px;}
.jvzhong .ntitle{ text-align:center}
.ntitle .shouzi{
	font-size:36px;
	color:#2f318b;
	font-weight:bold;
	display: inline-block;
	line-height:65px;
	height:65px;


}
.nbanner .ntitle .shouzi{ color:#fff;}
.ntitle .tother{ display: inline-block; text-align:left;}
.ntitle .tother h3{font-size:36px; color:#2f318b; font-weight:bold; margin-bottom:5px; height:36px;}
.nbanner .ntitle .tother h3{ color:#ffff}
.ntitle .tother p{ line-height:25px; font-size:22px;  color:#999;font-family: 'dincondensedc'; text-transform:uppercase}
.nbanner .ntitle .tother p{ color:#fff}
.ntitle .tother p span{ display:inline-block; width:10px;}

.nmain .jianjie{ line-height:30px;}
.nmain .jianjie h3{ color:#2f318b; font-size:30px; line-height:40px;}
.nmain .jianjie img{ display:block; width:auto; max-width:100%; height:auto}
.nmain img{ display:block; width:auto; max-width:100%; height:auto;margin: 0 auto;}


.xiangmu li{ float:left; width:32%; margin-right:2%}
.xiangmu li:nth-child(3){ margin-right:0}
.xiangmu li .pic{ height:auto; display:block; overflow:hidden;}
.xiangmu li .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s; display:block; }
.xiangmu li:hover .pic img{transform:scale(1.1);}
.xiangmu li .wenzi{ text-align:center; line-height:30px; font-size:16px;}
.xiangmu li .wenzi h3{
	padding:20px 0;
	line-height:32px;
	font-weight: bold;
}



.qywh li{ float:left; width:23%; margin-right:2%}
.qywh li:nth-child(4){ margin-right:0}
.qywh li .pic{ height:auto; display:block; overflow:hidden;}
.qywh li .pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s; display:block; }
.qywh li:hover .pic img{transform:scale(1.1);}
.qywh li .wenzi{ text-align:center; line-height:30px; font-size:16px;}
.qywh li .wenzi h3{
	padding:20px 0;
	line-height:32px;
	font-weight: bold;
}



.minheight{ min-height:550px;}


.nabteam li{ float:left; width:calc(32% - 2px); margin-right:2%; margin-bottom:2%; border:solid 1px #ddd;}
.nabteam li:hover{box-shadow: 0 0 10px #ccc;}
.nabteam li:nth-child(3n){ margin-right:0}
.nabteam li:nth-child(3n+1){ clear:both; }
.nabteam li:hover .pic img{transform:scale(1.1);}
.nabteam li .wenzi{ text-align:center; background-color:#fff; padding:0 5% 25px 5%; color:#333;}
.nabteam li .wenzi h3{ line-height:35px; margin-top:15px; font-size:20px; font-weight:bold}
.nabteam li:hover .wenzi h3{color: #2f318b;}


#gallery-overlay {background-color: rgba(0,0,0,0.6)}
#gallery-container {font: 16px/22px verdana, arial, sans-serif; margin:0 auto;}
#gallery {color:#999; display:none; width:100%; max-width:640px; height:auto !important;margin:0 auto; position:relative;box-shadow:0 0 5px #000; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; background-color:#fff; }
#gallery img{ width:auto; max-width:calc(100% - 16px);}
#gallery-image-container {display:none;}
#gallery-controls {display: block; height:100%; left:0; position:absolute; top:0; width:100%; z-index:999999;}
#gallery-controls div {float:left; height:100%; width:50%;}
#gallery-controls a {color:#000; font-size:16px; outline-style:none; position:absolute; text-decoration:none; top:45%;}
#gallery-previous-link {left:0; padding:6px 10px 6px 6px; border-radius:0 6px 6px 0; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;}
#gallery-next-link {padding:6px 6px 6px 10px; right:0; border-radius:6px 0 0 6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;}
#gallery-meta-container {background:#fff; color:#999; display:none; margin:0 auto; overflow:auto;}
#gallery-image {padding:8px ; background-color:#fff; }
#gallery-meta {display:none; height:44px; padding:0px 8px;}

#gallery-info {text-align:center; display:block; width:100%}
#gallery-close { position: relative; display:block; float:right; margin-top:-35px; background-color:#fff; width:100%; text-align:right;}
#gallery-close a {color:#fff; font-size:16px; outline-style:none; text-decoration:none; background-color:#2f318b; line-height:35px; width:35px; display:block; float:right; text-align:center;border-radius: 50%; margin-right:8px;margin-top:8px}
#gallery-close a:hover {color:#bbb;}
#gallery-close img{ display:block; float:right}

#gallery-title a, #gallery-title a:link, #gallery-title a:visited {color:#333; font-size:18px;line-height:32px; text-decoration: none;}
#gallery-title a:visited:hover {color:#999}


.fr {float: right;}

@media (min-width: 1025px) {
.js-m .js-m-left {transform: translate(-200px, 0);opacity: 0; }
.js-m .js-m-right {transform: translate(200px, 0);opacity: 0; }
.js-m .js-m-top {transform: translate(0, -200px);opacity: 0; }
.js-m .js-m-btm {transform: translate(0, 200px);opacity: 0; }
.js-m.animate .js-m-left {transition: all .8s ease-in-out;transform: translate(0, 0);opacity: 1; }
.js-m.animate .js-m-right {transition: all .8s ease-in-out;transform: translate(0, 0);opacity: 1; }
.js-m.animate .js-m-top {transition: all .8s ease-in-out;transform: translate(0, 0);opacity: 1; }
.js-m.animate .js-m-btm {transition: all .8s ease-in-out;transform: translate(0, 0);opacity: 1; } 
}

.main_sw.his .box1 {margin-bottom: 7.5%; }
.main_sw.his .box1 .title_box {margin-bottom: 54px; }
.main_sw.his .box1 .wrap {position: relative;padding-top: 5.4%; }
.main_sw.his .box1 .wrap .top-icon {position: absolute;top: 0;left: 50%;width: 42px;height: 42px;margin-left: -21px; }
.main_sw.his .box1 .wrap .top-icon img {width: 100%;height: 100%; }
.main_sw.his .box1 .wrap .line {position: absolute;left: 50%;top: 0;width: 1px;height: 100%;margin-left: -0.5px;background: #e1e1e1; }
.main_sw.his .box1 .wrap .list {padding-bottom: 140px;transition: transform 0.4s; }
.main_sw.his .box1 .wrap .list .cont {position: relative;width: 50%;box-sizing: border-box; }
.main_sw.his .box1 .wrap .list .cont.fr {padding-left: 40px;text-align: left; }
.main_sw.his .box1 .wrap .list .cont.fr .y {color: #2f318b; }
.main_sw.his .box1 .wrap .list .cont.fr .icon {left: -19px; }
.main_sw.his .box1 .wrap .list .cont.fl {padding-right: 40px;text-align: right; }
.main_sw.his .box1 .wrap .list .cont .y {position: relative;font-size: 70px; line-height:70px; height:70px; color: #666;font-family: 'dincondensedc';}
.main_sw.his .box1 .wrap .list .cont .text {font-size: 14px;line-height: 1.6;color: #666; }
.main_sw.his .box1 .wrap .list .cont .icon {position: absolute;top: 18px;right: -19px;width: 38px;height: 38px;background: url(../images/his-point.png) no-repeat center center; }


.nabhonor{ margin-top:30px;}
.nabhonor li{ float:left; width:calc(32% - 2px); margin-right:2%; margin-bottom:2%; border:solid 1px #ddd;}
.nabhonor li:hover{box-shadow: 0 0 10px #ccc;}
.nabhonor li:nth-child(3n){ margin-right:0}
.nabhonor li:nth-child(3n+1){ clear:both; }
.nabhonor li:hover .pic img{transform:scale(1.1);}
.nabhonor li .wenzi{ text-align:center; background-color:#fff; padding:0 5% 25px 5%; color:#333;}
.nabhonor li .wenzi h3{ line-height:35px; margin-top:15px; font-size:20px; font-weight:bold}
.nabhonor li:hover .wenzi h3{color: #2f318b;}


.npartners li{box-shadow: 0 0 6px 4px rgba(134,141,164,0.1); position:relative;}
.npartners img{opacity: 1;max-width:100%; max-height:100%; object-fit: cover; -webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%);filter: gray;}
.npartners li:hover img{opacity:1;filter:alpha(opacity=0);-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}

.npartners li{ float:left; width:18.4%; margin-right:2%; margin-bottom:2%; height:100px; overflow:hidden}
.npartners li:nth-child(5n){ margin-right:0}
.npartners li:nth-child(5n+1){ clear:both}
.npartners li span{ display:block; position:absolute; height:180px; top:50%; left:50%; margin-top:-90px;margin-left:-90px;   }


.nproducts li{ float:left; width:calc(32% - 2px); margin-right:2%; margin-bottom:2%; border:solid 1px #ddd;}
.nproducts li:hover{box-shadow: 0 0 10px #ccc;}
.nproducts li:nth-child(3n){ margin-right:0}
.nproducts li:nth-child(3n+1){ clear:both; }
.nproducts li:hover .pic img{transform:scale(1.1);}
.nproducts li .wenzi{ text-align:center; background-color:#fff; padding:0 5% 25px 5%; color:#333;}
.nproducts li .wenzi h3{ line-height:35px; margin-top:15px; font-size:20px; font-weight:bold}
.nproducts li:hover .wenzi h3{color: #2f318b;}

.show01{ position:relative;}
.pro-switch {overflow: hidden;width:100%;position: relative; height:80%}
.pro-switch .flexslider{ height:100%}
.pro-switch .flexslider .flex-viewport, .pro-switch .flexslider .flex-viewport .slides{ height:100%}
.pro-switch .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; }

.flexslider .slides img {width: 100%;display: block; height:auto}
.flexslider .slides li a{display:block}
.flexslider .slides li p{ margin-top:30px;}
.flexslider .slides li p a{ display:block; ; border: solid 2px #fff; color:#fff; line-height:40px; width:40px; width:165px; text-align:center;}

.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}
.flexslider .slides {zoom: 1;}
.flex-direction-nav {*height: 0;}

.flex-direction-nav a {width: 65px;height: 84px;margin: -65px 0 0;display: block;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position:0 -84px;right:6%;}
.flex-direction-nav .flex-prev {left: 6%;}
.flexslider:hover .flex-next {opacity:0.2;filter:alpha(opacity=20);}
.flexslider:hover .flex-prev {opacity:0.2;filter:alpha(opacity=20);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:0.2;filter:alpha(opacity=20);}
.show01 .pro-switch{ float:left; width:45%; border:solid 1px #ddd;}
.show01 .flex-control-nav {width: 100%;position: absolute;bottom: 40px;text-align: center;}
.show01 .flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}
.show01 .flex-control-paging li a {background:#2f318b;display:block;height:14px;width:14px;overflow: hidden;text-indent:-99em;cursor: pointer;border-radius: 50%;transition: all .3s ease; }
.show01 .flex-control-paging li a.flex-active {background:#ccc;margin-top:0px;}

.show01 .wenzi{ float:right; width:50%; }
.nmain .stitle h3{ line-height:45px; font-size:36px; font-weight:bold}
.nmain .stitle h3 span{ color:#2f318b;}

.nmain .newstitle{ text-align:center; margin-top:-40px}
.nmain .newstitle h3{ font-size:24px !important;}
.nmain .newstitle p{ color:#999}

.nmain .sconn{ line-height:30px; font-size:16px; padding:20px 0 40px 0;  }

.lianxiq{ position: absolute; background:url(../images/ntel.png) no-repeat left 25px; line-height:24px; height:50px; padding-left:60px;border-top:solid 1px #ddd; width:calc(50% - 60px); right:0; bottom:20px; padding-top:20px; }
.lianxiq h3{ font-size:30px; font-family: 'dincondensedc';}

.lianxiq .zixun{  width:150px; float:right; margin-top:-40px}
.lianxiq .zixun a{ display:block; color:#fff; width:100%; line-height:45px; border-radius:5px; text-align:center;background:url(../images/zixun.png) #2f318b no-repeat 30px center; padding-left:10%;}
.lianxiq .zixun a:hover{background:url(../images/zixun.png) #fd4040 no-repeat 30px center;}

.nmain .nav{}
.nmain .tabmenu { text-align:center; }
.nmain .tabmenu li {color:#fff; background-color:#999; font-size:20px;line-height:45px; padding:0px 36px; margin:0 5px;display:inline-block; border:solid 1px #ddd; border-radius:5px 5px 0 0; cursor:pointer}

.nmain #tabcontent { clear:both;border-top:solid 2px #2f318b; padding:30px 0 20px 0; position: relative;z-index: 999;margin-top: -1px;}
.nmain .tabmenu .cli { background-color: #2f318b; color:#fff; }
.nmain #tabcontent .hidden {display:none;}
.nmain #tabcontent ul{ -webkit-transition: all .4s ease;-moz-transition: all .4s ease;-ms-transition: all .4s ease;transition: all .4s ease}
.nmain #tabcontent ul img{ width:auto; max-width:100%; height:auto; display:block}

.nmain .ntitle001 h3{ font-size:30px; font-weight:bold; text-align:center; margin-bottom:30px; font-weight:bold}

.pyingy li{ float:left; width:calc(23.5% - 2px); margin-right:2%; margin-bottom:2%; border:solid 1px #ddd;}
.pyingy li:hover{box-shadow: 0 0 10px #ccc;}
.pyingy li:nth-child(4n){ margin-right:0}
.pyingy li:nth-child(4n+1){ clear:both; }
.pyingy li:hover .pic img{transform:scale(1.1);}
.pyingy li .wenzi{ text-align:center; background-color:#fff; padding:0 5% 25px 5%; color:#333;}
.pyingy li .wenzi h3{ line-height:30px; margin-top:10px; font-size:17px; font-weight:bold}
.pyingy li:hover .wenzi h3{color: #2f318b;}



.nnews .pic{ float:left; width:28%; padding:1%; border:solid 1px #ddd;}
.nnews .wenzi{ float:right; width:68%}
.nnews .wenzi h3 { padding:15px 0; line-height:32px; font-size:24px; font-weight:bold}
.nnews .wenzi h3 span{ float:right; color:#999; font-weight:normal; font-size:16px;}
.nnews li{ position:relative; padding-bottom:30px; margin-bottom:30px; border-bottom:solid 1px #ddd}
.nnews li:hover .wenzi h3{ color:#2f318b}
.nnews .wenzi p{ color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden; line-height:30px;}
.nnews li .more{ width:120px; line-height:45px; background:url(../images/njianh.png) #fff no-repeat 80% center; text-align:center; padding-right:30px; border:solid 1px #ddd; border-radius:5px; color:#999; position:absolute;right:0; bottom:30px}
.nnews li:hover .more{ color:#fff;background:url(../images/njianb.png) #2f318b no-repeat 80% center; border:solid 1px #2f318b}

.show02{ margin-top:30px;}
.show02 .stitle{ border-bottom:solid 1px #ddd; padding-bottom:15px;}
.show02 img{ display:block; width:auto; max-width:100%; height:auto; margin:0 auto;}

.shangxia{ border:solid 1px #ddd; line-height:30px; padding:15px; }
.shangxia li{ float:left;}
.shangxia li:last-child{ float:right;}
.shangxia a:hover{ color:#2f318b}



.nabhr .hrlistt{ float:left; width:70%}
.nabhr .hrlianxi {
	float:right;
	width:24%;
	padding:1.5% 2% 2% 2%;
	border-radius:8px;
	color:#000;
	background-image: url(../images/hrbg.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.nabhr .hrlianxi h3{ margin-bottom:12px; font-size:24px;}
.nabhr .hrlianxi p{ line-height:30px;}
.hrlistt li{ margin-bottom:15px; }
.hrlistt li .hrlist_tit{background:url(../images/jia.png) #f2f2f2 no-repeat calc(100% - 15px) center; padding:0 30px}
.hrlistt li.cur .hrlist_tit{background:url(../images/jian.png) #f2f2f2  no-repeat calc(100% - 15px) center;}
.hrlistt .hrlist_tit{ color:#666; line-height:52px; border-radius:8px;}
.hrlistt li .hrlist_tit span{ float:left; width:35%}
.hrlistt li .hrlist_tit span:last-child{ width:30%}
.hrlistt li .hrlist_tit span:first-child{ font-size:18px; color:#000;}
.hrlistt .hrlist_con{ display:none; background:#fff; border-radius:8px; border-top:solid 12px #f2f2f2;border-left:solid 20px #f2f2f2;border-right:solid 20px #f2f2f2;border-bottom:solid 20px #f2f2f2; padding:15px; line-height:30px; position:relative; margin-top:-8px;}
.hrlistt .mail{ text-align: center;}
.hrlistt .mail a{ padding:0 40px; background-color:#2f318b; font-size:16px; line-height:30px; padding:10px 0; text-align:center; display:inline-block; vertical-align:middle; color:#fff; margin:30px auto; border-radius:8px;}


.nablianxi{ margin:60px 0;}
.nablianxi .lianxil{ float:left; width:49%;}
.nablianxi .liuyan{ float:right; width:49%;}
.nablianxi .lianxil h3{ font-size:24px; font-weight:bold; margin-bottom:10px;}
.nablianxi .lianxil p{ font-size:18px; line-height:40px;}



.lianxixiang .conn{ margin:0px 0 60px 0;}
.lianxixiang .lianxi li{ float:left; width:25%;}
.lianxixiang .lianxi p{ line-height:28px; color:#333; text-align:center; font-size:16px;}
.lianxixiang .lianxi .pic{ width:60%; max-width:124px; margin:20px auto;}
.lianxixiang .lianxi .pic img{ width:100%; height:auto}


.lliuyan{ width:100%; max-width:760px; margin:0px auto;}
.lianxixiang .lliuyan input{float:left;border:solid 1px #ddd; line-height:42px; height:42px; padding-left:2%; margin-bottom:20px;}
.lianxixiang .lliuyan  ::-webkit-input-placeholder { color: #999;}

.lianxixiang .lliuyan .input01{ padding-left:2%; width:98%; font-size:14px;}
.lianxixiang .lliuyan .input03{ border:solid 1px #ddd; line-height:42px; height:160px;padding-left:2%; width:98%; margin-bottom:20px;font-size:14px;}
.lianxixiang .lliuyan .input04{ padding-left:2%; width:25%;font-size:14px;}

.lianxixiang .lliuyan .button{ width:336px; margin:20px auto;}
.lianxixiang .lliuyan .button01{ width:138px; line-height:40px; text-align:center; border-radius:25px; color:#fff; background:#2f318b; border:none; margin:0 10px;font-size:14px;}
.lianxixiang .lliuyan .button02{ width:138px; line-height:40px; text-align:center; border-radius:25px; color:#333; background:#d4d4d4; border:none; margin:0 10px;font-size:14px;}

.back02 a{ width:150px; font-size:18px; height:48px; line-height:48px; margin-top:40px; float:right; border-radius:25px; display:block; border:solid 1px #888; color:#888; text-align:center;}
.back02 a:hover{ background:#2f318b; color:#fff}