@font-face {
font-family:'MyWebFont';
src:url("../font/webfont.eot");
src:url("../font/webfont.eot?#iefix") format("embedded-opentype"), url("../font/webfont.woff") format("woff"), url("../font/webfont.ttf") format("truetype"), url("../font/webfont.svg#svgFontName") format("svg")
}
@font-face {
font-family:'iconfont';
src:url("../font/iconfont.eot");
src:url("../font/iconfont.eot?#iefix") format("embedded-opentype"), url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"), url("../font/iconfont.svg#iconfont") format("svg")
}
.iconfont {
	font-family:"iconfont" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing:antialiased;
	-webkit-text-stroke-width:0.2px;
	-moz-osx-font-smoothing:grayscale
}
a {
	color:#333
}
.to-top {
	display:none;
	width:50px;
	height:50px;
	text-align:center;
	color:#fff;
	background:#0062cb;
	line-height:50px
}
.container {
	width:1200px;
	margin:auto
}
.container:before, .container:after {
	display:table;
	content:""
}
.container:after {
	clear:both
}
.container-full {
	width:100%;
	margin:auto
}
.container-full:before, .container-full:after {
	display:table;
	content:""
}
.container-full:after {
	clear:both
}
.grid50 {
	float:left;
	width:50%
}
.row {
	overflow:hidden;
	height:410px;
	background:#fff
}
.header {
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:80px;
	padding:0 40px;
	background:#fff
}
.header .logo {
	float:left;
	width:135px;
	height:41px;
	margin-top:20px
}
.header .logo img {
	width:135px;
	height:41px
}
.header .nav {
	position:relative;
	z-index:2;
	z-index:999999;
	float:right;
	width:882px;
	height:80px
}
.header .nav li {
	position:relative;
	float:left;
	width:110px;
	height:80px
}
.header .nav li:hover {
	color:#333;
	background:#2453b3
}
.header .nav li:hover a.tit {
	color:#fff
}
.header .nav li .cur {
	color:#fff;
	background:#2453b3
}
.header .nav li .cur a.tit {
	color:#fff
}
.header .nav li a.tit {
	display:inline-block;
	width:100%;
	padding:22px 0;
	text-align:center;
	color:#333;
	font-size:15px;
	line-height:36px
}
.header .subnav {
	padding:10px 0
}
.header .subnav a {
	display:inline-block;
	margin:0 12px;
	color:#fff;
	font-size:14px;
	line-height:2
}
.header .subnav a:hover {
	color:#0062cb
}
.header .nav-bg {
	position:absolute;
	z-index:9999;
	top:80px;
	left:0;
	display:block;
	width:100%;
	height:48px;
	background:#000;
	background:rgba(0, 0, 0, 0.8)
}
.header .language {
	float:right;
	width:100px;
	height:80px;
	margin-left:20px;
	text-align:center;
	background:#F4F4F4;
	line-height:80px
}
.header .language a {
	padding:0 5px;
	color:#333
}
.banner {
	width:100%;
	height:580px;
	background:url(../images/banner.jpg) center no-repeat;
	background-size:auto 580px
}
.banner-other {
	width:100%;
	height:280px
}
.banner-about {
	background:url(../images/b1.jpg) center no-repeat;
	background-size:auto 280px
}
.wrap {
	box-sizing:border-box;
	width:1200px;
	margin:30px auto;
	padding:50px;
	background:#fff
}
.wrap:before, .wrap:after {
	display:table;
	content:""
}
.wrap:after {
	clear:both
}
.index-about {
	padding:30px 40px;
	background-color:#fff
}
.index-about .en-title {
	text-transform:uppercase;
	font-size:16px
}
.index-about .about-name {
	color:#133E94;
	font-size:30px
}
#about-swiper .swiper-container2 {
	width:600px;
	height:410px;
	overflow:hidden
}
#about-swiper .swiper-container2 .swiper-slide {
	width:600px;
	height:400px
}
#about-swiper .swiper-container2 .swiper-slide img {
	width:100%
}
.more {
	position:relative;
	box-sizing:border-box;
	width:160px;
	height:40px;
	margin-top:20px;
	padding:0 40px;
	border:1px solid #133E94;
	border-radius:21px;
	line-height:40px
}
.more a {
	color:#133E94
}
.more:after {
	position:absolute;
	top:14px;
	right:25px;
	display:block;
	width:26px;
	height:10px;
	content:'';
	background:url(../images/right.png) no-repeat;
	background-size:26px 10px
}
.index-fuwu {
	width:431px;
	height:250px;
	margin:82px auto
}
.index-fuwu img {
	width:431px;
	height:250px
}
.chanpin {
	width:100%;
	height:660px;
	padding:50px 0;
	background:url(../images/chanpin-bg.jpg) no-repeat center;
	background-size:cover
}
.chanpin .chanpin-tit {
	float:left;
	overflow:hidden;
	width:120px;
	height:70px
}
.chanpin .chanpin-tit img {
	width:100%
}
.chanpin .chanpin-more {
	float:right;
	width:43px;
	height:25px;
	margin-top:20px
}
.chanpin .chanpin-more img {
	width:100%
}
.chanpin-list {
	width:1230px;
	margin:40px auto
}
.chanpin-list:before, .chanpin-list:after {
	display:table;
	content:""
}
.chanpin-list:after {
	clear:both
}
.chanpin-list .swiper-container {
	height:570px
}
.chanpin-list .swiper-pagination {
	bottom:0
}
.chanpin-list .swiper-pagination-bullet {
	width:12px;
	height:12px;
	background:#fff
}
.chanpin-box {
	float:left;
	width:380px;
	height:500px;
	margin:0 15px;
	background-color:#fff
}
.chanpin-box .chanpin-pic {
	width:380px;
	height:270px
}
.chanpin-box .chanpin-pic img {
	width:380px;
	height:270px
}
.chanpin-box .chanpin-info {
	padding:20px 30px
}
.chanpin-box .chanpin-info h1 {
	font-size:22px
}
.chanpin-box .chanpin-info p {
	color:#9B9B9B;
	line-height:1.7
}
#gg1 {
	background-color:#133E94
}
#gg1 .gg1 {
	overflow:hidden;
	width:385px;
	height:116px;
	margin-top:80px;
	padding:50px
}
#gg1 .gg1 img {
	width:100%
}
.notice .notice-tit {
	width:92px;
	height:74px;
	margin:40px auto
}
.notice .notice-tit img {
	width:100%
}
.notice .notice-box {
	position:relative;
	float:left;
	box-sizing:border-box;
	width:400px;
	height:300px;
	padding:30px;
	border-right:1px solid #f4f4f4;
	background:#fff
}
.notice .time {
	position:absolute;
	top:10px;
	width:70px;
	font-family:'MyWebFont'
}
.notice .time span {
	display:block;
	height:70px;
	font-size:50px
}
.notice .time p {
	text-transform:uppercase;
	font-size:18px;
	
}
.notice .notice-content {
	position:absolute;
	top:26px;
	right:30px;
	left:120px
}
.notice .notice-content h1 {
	position:relative;
	overflow:hidden;
	height:60px;
	white-space:nowrap;
	text-overflow:ellipsis;
	word-wrap:normal;
	word-wrap:break-word;
	word-break:break-all;
	font-size:18px
}
.notice .notice-content h1:after {
	position:absolute;
	bottom:10px;
	display:block;
	width:50px;
	height:2px;
	content:'';
	background:#D8D8D8
}
.notice .notice-content p {
	color:#9B9B9B;
	line-height:1.7;
	height: 94px;
    overflow: hidden;
}
.notice .notice-content .en-more {
	width:80px;
	height:30px;
	margin-top:30px;
	text-align:center;
	text-transform:uppercase;
	border:1px solid #133E94;
	border-radius:15px
}

.notice .notice-content .en-more a {
	color:#133E94
}

     
.notbg {
	background:#133E94
}
.gg2 {
	overflow:hidden;
	height:380px
}
.gg2 img {
	width:100%
}
.crumbs {
	width:100%;
	height:60px;
	color:#666;
	border-bottom:1px solid #ededed;
	background:#fff;
	line-height:60px
}
.crumbs .jt {
	padding:0 5px;
	vertical-align:top;
	font-size:10px !important
}
.crumbs .fl {
	float:left
}
.crumbs .fr {
	float:right
}
.crumbs .menu {
	height:60px
}
.crumbs .menu a {
	position:relative;
	display:inline-block;
	margin:0 16px;
	color:#666;
	font-size:14px;
	line-height:60px
}
.crumbs .menu a:hover:after, .crumbs .menu a.active:after {
	position:absolute;
	bottom:-1px;
	left:0;
	display:inline-block;
	width:100%;
	height:3px;
	content:'';
	background:#133E94
}
.box {
	width:100%
}
.box:before, .box:after {
	display:table;
	content:""
}
.box:after {
	clear:both
}
.about .aleft {
	float:left;
	width:525px
}
.about .aleft img {
	display:block
}
.about .aright {
	display:block;
	float:right;
	width:525px
}
.about .aboutyear {
	margin:30px 0;
	padding:30px 0;
	text-align:center;
	background:#f4f4f4
}
.mgtb30 {
	margin:30px auto
}
.left {
	float:left;
	width:210px
}
.left h1 {
	height:80px;
	text-indent:40px;
	color:#fff;
	background:#133E94;
	font-size:20px;
	font-weight:500;
	line-height:80px
}
.left .left-nav {
	width:210px;
	margin-top:1px
}
.left .left-nav li {
	position:relative;
	width:210px;
	height:50px;
	margin-bottom:1px;
	text-indent:40px;
	background:#fff;
	font-size:14px;
	line-height:50px
}
.left .left-nav li a {
	display:block;
	width:210px;
	height:50px;
	color:#333
}
.left .left-nav li a:hover {
	color:#fff;
	background:#133E94
}
.right {
	float:right;
	width:970px
}
.crumbs-box {
	position:relative;
	box-sizing:border-box;
	height:46px;
	margin:0 auto 20px;
	padding:0 30px;
	background:#fff;
	line-height:46px
}
.pro-tit {
	width:100%;
	height:70px;
	border-bottom:1px solid #f4f4f4;
	font-size:26px;
	line-height:70px;
	margin-bottom:30px
}
.pro-info {
	padding:20px 30px;
	line-height:1.8;
	background-color:#f4f4f4;
	margin:20px auto
}
.pro-box table tr td {
	padding:15px 10px;
	font-size:12px
}
.pro-box table thead {
	text-align:center;
	font-weight:bold;
	font-size:14px
}
.pro-box ul.plist li {
	width:32%;
	float:left;
	font-size:14px;
	padding:5px 10px;
	box-sizing:border-box
}
.right-box {
	box-sizing:border-box;
	min-height:500px;
	padding:30px;
	background:#fff
}
.right-box:before, .right-box:after {
	display:table;
	content:""
}
.right-box:after {
	clear:both
}
.right-box .right-box-l {
	margin:auto;
	width:630px
}
.right-box .right-box-l:before, .right-box .right-box-l:after {
	display:table;
	content:""
}
.right-box .right-box-l:after {
	clear:both
}
.list li {
	position:relative;
	height:60px;
	margin-bottom:10px;
	list-style:none
}
.list li a {
	display:block;
	height:50px;
	padding:5px 20px;
	background:#f4f4f4;
	line-height:50px
}
.list li a:hover {
	color:#fff;
	background:#133E94
}
.list li .time {
	position:absolute;
	right:20px;
	font-family:'MyWebFont';
	font-size:18px
}
#proimg .swiper-container {
	width:100%;
	height:300px;
	margin-right:auto;
	margin-left:auto
}
#proimg .swiper-slide {
	background-position:center;
	background-size:cover
}
#proimg .gallery-top {
	width:630px;
	height:350px
}
#proimg .gallery-thumbs {
	box-sizing:border-box;
	height:100px;
	padding:10px 0
}
#proimg .gallery-thumbs .swiper-slide {
	width:120px;
	height:66px;
	opacity:0.4
}
#proimg .gallery-thumbs .swiper-slide img {
	width:100%
}
#proimg .gallery-thumbs .swiper-slide-active {
	opacity:1
}
.article {
	width:100%
}
.article h1 {
	text-align:center;
	font-size:20px
}
.article .newsother {
	height:50px;
	margin-bottom:40px;
	text-align:center;
	color:#9B9B9B;
	border-bottom:1px solid #f4f4f4;
	line-height:50px
}
.article .article-content {
	line-height:2
}
.article .article-content p {
	margin-bottom:10px
}
.footer {
	width:100%;
	color:#fff;
	background-color:#1F2532
}
.footer .footer-top {
	width:100%;
	height:80px;
	border-bottom:1px solid #353B46;
	line-height:80px
}
.footer .footer-top .copyright {
	text-align:right
}
.footer .footer-nav li {
	float:left
}
.footer .footer-nav li a {
	padding-right:25px;
	color:#fff
}
.footer .footer-bottom {
	height:60px;
	line-height:60px
}
.page-wrap {
	position:relative;
	overflow:hidden;
	height:37px;
	margin-top:20px;
	margin-bottom:40px;
	padding:10px 0
}
.page {
	float:left;
	min-width:470px;
	margin-left:50%
}
.page .inner {
	float:left;
	margin-left:-40%
}
.page .item {
	position:relative;
	float:left;
	width:35px;
	height:35px;
	margin-left:-1px;
	cursor:pointer;
	cursor:pointer;
-webkit-transition:all .1s linear;
-moz-transition:all .1s linear;
-o-transition:all .1s linear;
transition:all .1s linear;
	text-align:center;
	color:#3e3e3e;
	border:solid 1px #ededed;
	background:#fff;
	font-family:'MyWebFont';
	font-size:16px;
	line-height:35px
}
.page .page-item {
	float:left;
	min-width:390px
}
.page .next-disabled, .page .prev-disabled {
	color:#ccc
}
.page .prev {
	margin-right:6px;
	margin-left:0
}
.page .next, .page .prev {
	width:70px;
	font-weight:400
}
.page .input, .page .text, .page .total {
	color:#999
}
.page .total {
	margin-left:10px
}
.page .text, .page .total {
	float:left;
	height:37px;
	line-height:37px
}
.page .active, .page .active:hover {
	position:relative;
	z-index:1;
	cursor:default;
	text-decoration:none;
	color:#fff;
	border-color:#133E94;
	background:#133E94
}
.page .item .num {
	position:relative;
	z-index:1;
	display:inline-block;
	width:100%;
	text-decoration:none;
	font-size:14px
}
.page .dot {
	width:24px;
	cursor:default;
	border:none;
	background:none;
	line-height:37px
}
.page .next, .page .prev {
	width:70px;
	font-weight:400
}
.page .dot+.next {
	margin-left:-1px
}
.sociales {
	text-align:center;
	margin-bottom:20px
}
#timeline {
	width:1000px;
	height:auto;
	overflow:hidden;
	margin:100px auto;
	position:relative;
	background:url("../images/dot.gif") left 45px repeat-x
}
#dates {
	width:1000px;
	height:60px;
	overflow:hidden
}
#dates li {
	list-style:none;
	float:left;
	width:80px;
	height:50px;
	font-size:24px;
	text-align:center;
	background:url("../images/biggerdot.png") center bottom no-repeat;
	font-family:'MyWebFont'
}
#dates a {
	line-height:38px;
	padding-bottom:10px;
	color:#9B9B9B
}
#dates .selected {
	font-size:38px;
	color:#133E94
}
#issues {
	width:1000px;
	overflow:hidden
}
#issues li {
	width:1000px;
	list-style:none;
	float:left
}
#issues li img {
	float:left
}
#issues li h1 {
	color:#ffcc00;
	font-size:48px;
	margin:20px 0
}
#issues li p {
	font-size:14px;
	margin-right:70px;
	font-weight:normal;
	line-height:22px
}
#next, #prev {
	position:absolute;
	font-size:70px;
	top:270px;
	width:22px;
	height:41px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	overflow:hidden
}
#next:hover, #prev:hover {
	background-position:0 -76px
}
#next {
	right:0;
	background-image:url("../images/next.png")
}
#prev {
	left:0;
	background-image:url("../images/prev.png")
}
#next.disabled, #prev.disabled {
	opacity:0.2
}
#map .maptitle {
	font-size:17px;
	font-weight:bold;
	color:#cc5522
}
#map .content {
	font-size:13px;
	color:#666
}
.service-row {
	width:100%;
	height:300px;
	padding-bottom:20px
}
.service-row:before, .service-row:after {
	display:table;
	content:""
}
.service-row:after {
	clear:both
}
.service-row .service-col {
	width: 250px;
	heigth:300px;
	padding:20px;
	float:left;
	background:#f4f4f4
}
.service-row .service-col h1 {
	font-size:18px;
	border-bottom:1px solid #fff;
	padding-bottom:10px;
	margin-bottom:10px
}
.sideMenu {
	width:100%
}
.sideMenu h3 {
	height:62px;
	line-height:62px;
	padding-left:15px;
	cursor:pointer;
	border-bottom:1px solid #f4f4f4
}
.sideMenu h3 em {
	float:right;
	display:block;
	width:40px;
	height:32px;
	background:url(../images/icoAdd.png) 16px 22px no-repeat;
	cursor:pointer
}
.sideMenu .side-box {
	padding:20px 30px;
	color:#999;
	display:none;
	background:#F8F8F8
}
.sideMenu h3.on {
	background:#DEDEDE;
	color:#AE151F
}
.sideMenu h3.on em {
	background-position:16px -40px
}
.net-list {
	width:100%;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #f4f4f4
}
.net-list h1 {
	font-size:16px;
	color:#133E94;
	padding-bottom:10px
}
.net-list span {
	padding-right:25px
}
.shichangbu {
	background-color:#133E94;
	text-align:center;
	color:#fff;
	padding:20px 30px;
	margin-bottom:30px;
	border-radius:6px
}
.shichangbu h1 {
	font-size:20px;
	height:50px;
	width:100%;
	line-height:50px;
	display:block;
	border-bottom:1px solid rgba(255, 255, 255, 0.2);
	margin-bottom:20px
}
.net-title {
	font-size:20px;
	color:#000;
	border-bottom:2px solid #1F2532;
	padding-bottom:5px;
	margin-bottom:20px
}
.tb table tr td {
	padding:10px;
	font-size:12px
}
.system p {
	margin-bottom:10px
}
.system h1 {
	font-size:22px;
	color:red
}
.system .system-font {
	font-size:16px;
	color:#133E94
}
.back {
	line-height:40px;
	display:block;
	width:200px;
	height:40px;
	text-align:center;
	background:#133E94;
	color:#fff
}
.back:hover {
	border:1px solid #133E94;
	background:none;
	box-sizing:border-box;
	color:#133E94
}