﻿@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-size: 14px;
	font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑";
	color: #333;
	line-height: 24px
}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
a{ color:#333}
a:hover{ color:#0f3389}
dd, dl, dt, li, ol, ul {
	margin: 0;
	padding: 0;
	list-style: none
}
input {
	font-size: 12px;
	font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑";
	vertical-align: middle
}
select {
	font-family: Arial;
	font-size: 12px
}
textarea {
	font-family: Tahoma, Geneva, Microsoft YaHei, "微软雅黑";
	font-size: 12px
}
h3, h4, h5 {
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	font-size: 14px
}
.fl {
	float: left
}
.fr {
	float: right
}
.cl {
	clear: both
}
a {
	text-decoration: none;
}
:focus {
	outline: 0
}
img {
	border: 0
}
.mt50{ margin-top:50px;}
.fixed {
	position: fixed;
	top:0px;
	z-index: 99;
	width:100%; border-top:2px solid #0f3389; background-color:#fff; border-bottom:2px solid #ddd
}
.w {
	width:1150px;
	margin:0 auto
}
.top {
	background:#0f3389;
	height:110px;
}
.search {
	width:230px;
	margin-top:35px
}
.inp_text {
	padding:0 10px;
	margin:0;
	border:0;
	background-color:#fff;
	width:160px;
	line-height:30px;
}
.inp_button {
	width:40px;
	background-color:#ccc;
	text-align:center;
	line-height:30px;
	border:0
}

.menu {
	position: relative; margin-top:25px; margin-bottom:25px;
}
.nav > li {
	display: inline-block;
	position: relative;
}
.nav > li > a {
	line-height:40px;
	text-decoration:none; padding:0 20px; color:#333; font-size:16px;
}
.nav > li > a span{ font-size:6px; margin-left:10px; width:5px; height:5px;}
.nav > li:hover > a {
	color:#FFF; background:#0f3389 url(../images/navbg.jpg) right center no-repeat ;
}
.nav a {
	color:#f5f5f5;
	display: block;
	text-decoration: none;
}
.nav ul {
	display: none;
	position:absolute;
	background-color:transparent;
}
.nav ul li {
	position:relative; z-index:100
}
.nav li a.cur{	color:#FFF; background:#0f3389 url(../images/navbg.jpg) right center no-repeat ;
 }
.nav ul li + li {
}
.nav > li:hover > ul {
	display: block;
}
.nav > li > ul > li > a {
	width: 10em;
	line-height:40px;
	background-color:#0f3389; padding-left:20px; padding-right:20px;
}
.nav > li > ul > li:hover > a {
	background:#ffffff url(../images/jt.jpg) 160px center no-repeat; 
	color:#0f3389; 
}

.nav > li > ul > li > ul {
	left:100%;
	top:0;
}
.nav > li:last-child > ul > li > ul {
	left:100%;
	top:0;
}
.nav > li > ul > li:hover >ul {
	display: block;
}
.nav > li > ul > li > ul > li > a {
	width: 10em;
	line-height:40px;
	background-color:#0f3389;  padding-left:20px; padding-right:20px;
}
.nav > li > ul > li > ul > li:hover > a {
	background-color:#ffffff; 
	color:#0f3389;
}
.top .tel{ background:url(../images/tel.png) left center no-repeat; padding-left:60px; line-height:50px; margin-top:25px; color:#FFF; font-size:24px; padding-right:30px;}

/* flexslider */
.flexslider{position:relative;height:638px;overflow:hidden;background:url(../Images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:638px;}
.slides li a{ display:block; width:100%; height:100%; text-align:left; text-indent:-9999px}
.flex-control-nav{position:absolute;bottom:10px;z-index:2; left:45%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px; float:left;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}

.flex-direction-nav{position:absolute;z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:60px;background:url(../Images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:60px;background:url(../Images/next.png) center center no-repeat;}

.hbg{ height:30px; background:url(../images/shadow1.png) center top no-repeat}
.tit{border-bottom: 4px solid #0f3389 !important; color: #3b3b3b; width:180px; margin:0 auto; font-size: 30px;
    font-weight: 500;
    /* text-transform: uppercase; */
    font-weight: 600;
    font-family: 'Open Sans', sans-serif; padding:20px 0; margin:30px auto; text-align:center}
.servicelist{ overflow:hidden}
.servicelist dl { float:left; width:33%; overflow:hidden; margin-top:30px; font-size:16px;}
.servicelist dl dt{ margin:0 20px;float:left; }
.servicelist dl dt a{ width:90px; height:90px; display:block; border:5px solid #0f3389; background-color:#0f3389; color:#FFF; border-radius:48px; text-align:center;}
.servicelist dl dt span{ display:block; font-size:60px; line-height:90px; }
.servicelist dl dt a:hover{border:5px solid #0f3389; background-color:#fff; color:#0f3389}
.servicelist dl h3 a{ font-size:16px; margin-bottom:10px; color:#333}
.servicelist dl dd{ color:#999}

.bg1{ background-color:#ecf0f1; border-bottom:1px solid #dee1e2; border-top:1px solid #dee1e2}
.bg2{ background-color:#0f3389;}


.owl-carousel { position: relative;}
.owl-carousel .item{ display: block; margin:10px; overflow:hidden}
.owl-carousel img { display: block; width: 100%; height: 160px;}
.owl-carousel span { width: 100%; font-size:24px; display:block; text-align: center; padding-top:20px; background-color:#FFF}
.owl-carousel span a{ color:#000;}
.owl-carousel b { background-color:#FFF; width: 100%; font-size:16px; display:block; text-align: center; color:#999; font-weight:normal; line-height:40px;}
.owl-carousel .item:hover span{ background-color:#0f3389; color:#FFF}
.owl-carousel .item:hover b{ background-color:#0f3389; color:#FFF}
/*.owl-carousel .item img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} 
.owl-carousel .item:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
*/
.owl-carousel em{ background-image:url(../images/shadow.png); height:26px; background-size:100% 100%; border-top:3px solid #0f3389; display:block}
.owl-carousel .owl-pagination { position: absolute; left: 0; bottom: 50px; width: 100%; height: 22px; text-align: center; display:none}
.owl-carousel .owl-page { display: inline-block; width: 10px; height: 10px; margin: 0 5px; background-image: url(../images/bg15.png); *display: inline; *zoom: 1;}
.owl-carousel .owl-pagination .active { width: 25px; background-image: url(../images/bg16.png);}

.owl-buttons { text-align:center}
.owl-buttons div { display:inline-block; margin:20px 5px;}
.owl-prev { border:3px solid #0f3389;  background:#fff url(../images/bg17.png) center center no-repeat; padding:20px;}
.owl-next { border:3px solid #0f3389;  background:#fff url(../images/bg18.png) center center no-repeat; padding:20px;}
.owl-prev:hover { border:3px solid #0f3389;  background:#0f3389 url(../images/bg19.png) center center no-repeat; padding:20px;}
.owl-next:hover { border:3px solid #0f3389;  background:#0f3389 url(../images/bg20.png) center center no-repeat; padding:20px;}


.owl-carouse2 { position: relative;}
.owl-carouse2 .item{ display: block; margin:10px; overflow:hidden;  border-radius: 5px; -moz-box-shadow:0px 0px 5px #dddddd; -webkit-box-shadow:0px 0px 5px #dddddd; box-shadow:0px 0px 5px #dddddd; border:1px solid #ddd; border-bottom:5px solid #0f3389;padding:20px;
}
.owl-carouse2 .item p{ color:#999}
.owl-carouse2 .item h3{ font-size:16px; color:#0f3389; line-height:35px;}
.owl-carouse2 .item h4{background-color:#0f3389; color:#FFF; font-size:14px; display:inline-block; padding:0 10px;}
.owl-carouse2 .item span{ display:block; width:120px; height:35px; line-height:35px;  border:2px solid #0f3389; background-color:#0f3389; color:#FFF; font-size:14px; padding:0}
.owl-carouse2 .item:hover span{ background-color:#FFF; color:#0f3389;}
.owl-carouse2 .owl-pagination {display:none}

.wz2{ padding:50px 0; font-size:24px; color:#FFF}
.wz2 .fl{ padding-right:10px; line-height:50px;}
.wz2 .fl span{ line-height:50px;}
.wz2 .fr a{ display:block;  border-radius: 10px; border:5px solid #333; color:#FFF; line-height:50px; font-size:16px; padding:0 20px;}
.wz2 .fr a:hover{ background-color:#333;}

.footernav{ background:#34495e url(../images/shadow3.png) center top no-repeat; overflow:hidden; padding:30px 0;}
.footernav li{ float:left; width:25%;}
.footernav li a{ color:#FFF}
.footernav li h3 a{ font-size:24px; border-bottom:3px solid #fff; color:#FFF}
.footernav li ul{ margin-top:30px;}
.footernav li ul li{ float:none; line-height:35px; font-size:16px; width:100%;}

.copyright{ background-color:#0f3389; line-height:50px; color:#FFF; font-size:16px;}
.copyright a{ color:#FFF}
.contit{ padding:20px 0;}
.contit h1{ font-size:36px; font-weight: normal; color: #666;}
.local{ font-size:16px; color:#999}
.local a{ color:#0f3389}

.con{ padding:50px 0;}
.con .fl{ width:740px; margin-top:-50px;}
.con .fr{ width:360px;}
.nlist{ border-bottom:3px solid #dddddd; padding-bottom:50px; padding-top:50px;}
.ntime{ width:100px; height:100px;  background-color:#0f3389; float:left;}
.ntime span{ font-size:60px; color:#FFF; text-align:center; display:block; padding-top:30px;}
.ntime b{ display:block; text-align:center; font-size:14px; color:#FFF; padding-top:15px;}
.ncon{ float:right; width:620px; }
.ncon .ndesc{margin:10px 0;}
.ncon h3 a{ color:#0f3389; font-size:16px; margin-bottom:10px;}
.ncon .rmore a{ display:block; width:100px; height:35px; line-height:35px;  border:2px solid #0f3389; background-color:#0f3389; color:#FFF; font-size:14px; padding:0 10px}
.ncon .rmore a:hover{ background-color:#FFF; color:#0f3389;}

.newstj{ border:3px solid #0f3389; -moz-box-shadow:0px 0px 5px #666; -webkit-box-shadow:0px 0px 5px #666; box-shadow:0px 0px 5px #666;}
.newstj h3{ display:block; text-align:center; line-height:50px; background-color:#0f3389; color:#FFF; font-size:24px; font-weight:normal}
.newstjlist{ padding:20px; line-height:25px; font-size:16px;}
.newstjlist li{ margin-top:10px;}
.listother{ padding-top:30px; line-height:35px;}

/*第二种形式*/ 
.leftnav{  overflow:hidden;}
.leftnav li{ float:left; display:block; margin-right:10px; background-color:#f5f5f5; line-height:40px; padding:0 30px; border:1px solid #f5f5f5; border-bottom:0; cursor:pointer; border-radius:5px 5px 0 0; height:40px;}
.leftnav li:hover,.leftnav li.hover{ background-color:#FFF; border:1px solid #ddd; border-bottom:0; height:40px; line-height:41px;}
.bor1{ border-top:1px solid #ddd; margin-top:-1px; height:1px; overflow:hidden}
.pro{ width:750px; margin-bottom:50px;}
.pro ul { display: none; } 
.pro ul.block { display: block; } 
.prolist li{ margin-top:50px;}
.prolist a{color: #0f3389; font-size:24px;}
.prolist a h3{ font-size:24px}
.procon{ margin:30px 0;}
.procon img{ width:150px;}
.procon .fr{ width:590px; font-size:16px; color:#777777}

.type h3{ font-weight:normal; font-size:36px; color:#666; margin-top:30px;}
.typecon{ margin-top:20px; line-height:35px; font-size:16px; color:#777777}

.prolist1{ overflow:hidden}
.prolist1 li{ float:left; width:25%;}
.prolist1 a{ display:block; border:1px solid #dddddd; overflow:hidden; color: #0f3389; font-weight:normal; font-size:12px;  padding:10px; text-align:center}
.prolist1 a img{ display:block; max-width:100px; max-height:60px; float:left}
.prolist1 a h3{  display:block; line-height:60px; float:left; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width:150px; }

.prolist2{ overflow:hidden}
.prolist2 li{ float:left; width:25%;}
.prolist2 a{ display:block; border:1px solid #dddddd; overflow:hidden; color: #0f3389; font-weight:normal; font-size:12px;  padding:10px; text-align:center}
.prolist2 a img{ display:block; max-width:100px; max-height:60px; margin:0 auto}
.prolist2 a h3{  display:block; line-height:60px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width:150px;}

.tit2{ font-size:36px; color:#666; height:50px;}

.prolist3{ overflow:hidden}
.prolist3 li{ margin-bottom:30px}
.prolist3 a{ display:block; overflow:hidden; color: #0f3389; font-weight:normal; font-size:12px;}
.prolist3 a img{ display:block; width:120px; margin:0 auto; float:left}
.prolist3 a h3{  display:block; line-height:30px; font-size:16px}