/*******************************
    -------[公用]-------
********************************/



body,ul,li,div,span,img,h1,h2,h3,h4,select,input,p{
	margin:0 ;
	padding: 0;}


body{
	font-family: "微软雅黑";
	color:#3b3b3b;
	font-size: 12px;}

li{
	list-style-type: none;}

a{
	text-decoration: none;}

input{
	outline: none;}


img{
	border:0;}
.wp{
	width: 1000px;
	margin:0 auto;}


.clear{
	clear: both;
	width: 0;
	height: 0
;}




/*******************************
    -------[header]-------
********************************/



.login{
	height: 28px;
	background-color: #fafafa;}

.lo-1{
	float: left;
	line-height: 28px;
	margin-left: 35px;}

.lo-2{
	float: right;
	line-height: 28px;
	margin-right: 23px;}

.lo-2 a{
	color:#3b3b3b;}

.lo-2 a:hover{
	text-decoration: underline;}

.lo-2 input[type="submit"]:hover{
	text-decoration: underline;}



.header-top{
	height: 98px;}

.header-top img{
	display: block;}

.header-top-left{
	float: left;}

.header-top-right{
	float: right;
	margin-right: 20px;}

.header-bottom{
	background-color: #0d59a7;
	height: 69px;
	border-bottom: 3px solid #f7941e;}

.nav li{
	float: left;
	height: 68px;
	width: 99px;
	line-height: 69px;
	text-align: center;
	border-right: 1px solid #3d7ab9;}

.nav li a{
	display: inline-block;
	color:#fff;
	font-size: 14px;
	height: 61px;
	margin-top: 9px;
	width: 90px;
	transition: .3s;}

.nav li a:hover{
	background-color: #f7941e;}


/*******************************
    -------[main]-------
********************************/




/*******************************
    -------[banner]-------
********************************/


.banner{
	width: 100%;
	height: 426px;

	overflow: hidden;
	position: relative;}

.banner .wp{
	position: relative;
	height: 426px;}


.b-img{
	height: 426px;}

.b-img a{
	display: inline-block;
	height: 426px;
	width: 100%;
	background-repeat: no-repeat;}

.arrow{
	position: absolute;
	left: 50%;
	margin-left: -45px;
	bottom:28px;
	z-index: 1;}

.arrow span{
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #000;
	border-radius: 50% 50%;
	margin-left: 10px;
	cursor: pointer;}


.arrow span.s-active{
	background-color: #f7941e;}

.b-img{
	position: absolute;
	float: left;
	left: 0;
	top: 0;}

.banner .wp{
	overflow: hidden;}

.b-img a{
	float: left;}




/*******************************
    -------[news]-------
********************************/


.news{
	height: 412px;
	background-color: #fafafa;}

.news-left{
	width: 700px;
	float: left;
	margin-right: 20px;}




.news-title{
	margin-top: 22px;}


.news-title h1{
	float: left;
	height: 40px;
	font-size: 18px;
	color:#fff;
	font-weight: normal;
	width: 181px;
	line-height: 40px;
	padding-left: 15px;
	background-image: url(../images/title-bg.jpg);}





.news-left .news-title div{
	margin-right:15px;}
.news-title div{
	margin-top:20px;}


.news-title div img{
	display: block;}

.news-title>div{
	float: right;}


.news-right{
	width: 280px;
	float: right;}




.news-left-content{
	width: 670px;
	background-color: #fff;
	padding:13px 15px 0;
	height: 313px;}

.notice{
	width: 250px;
	background-color: #fff;
	padding:0 15px;}










.news-pic{
	float: left;
	border:8px solid #ddd;
	transition: .3s;}


.news-pic:hover{
	border-color:#bbb;}

.news-pic img{
	display: block;}

.pic-content{
	float: left;
	width: 424px;
	padding-left: 22px;}

.pic-content h1{
	margin-top: 10px;
	color:#003d7b;
	font-size: 14px;}


.pic-content p{
	color:#5c5c5c;
	line-height: 20px;
	margin-top:5px;
	position: relative;}


.news-ledt-list{
	border-top: 1px solid #ddd;
	margin-top: 10px;}

.news-ledt-list li{
	margin-top: 15px;
	padding-left: 20px;
	background-image: url(../images/zuojiantou.jpg);
	background-repeat: no-repeat;
	background-position: left center;}

.news-ledt-list li a{
	color:#3b3b3b;
	transition: .3s;}

.news-ledt-list li a.news-active{
	color:#ff8b00;}

.news-ledt-list li a:hover{
	color:#ff8b00;}

.news-ledt-list li span{
	float: right;}


.notice{
	height: 313px;
	background-color: #fff;
	padding:33px 15px 0;
	height: 293px;}

.notice h1{
	margin:15px 0 10px 0;} 
.notice h1 {
	font-size: 12px;
	color:#003d7b;
	padding-left: 10px;
	background-image: url(../images/zuojiantou.jpg);
	background-repeat: no-repeat;
	background-position: left center;}


.notice p{
	line-height: 20px;
	color:#5c5c5c;}

.notice-content-2{
	border-top: 1px solid #ddd;
	margin-top: 20px;}



/*******************************
    -------[kexue]-------
********************************/


.kexue{
	height:280px;
	background-color: #0d59a7;
	padding-top: 30px;
	border-bottom: 3px solid #f7941e;
	overflow: hidden;}

.kexue h1{
	font-size: 24px;
	color:#fff;
	text-align: center;
	font-weight: normal;
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 15px;}

.kexue .wp>p{
	color:#fff;
	text-align: center;
	width: 145px;
	margin:-10px auto 0;
	background-color: #0d59a7;}




.ke-list {
	margin-top: 28px;}

.ke-list li{
	float: left;
	margin-right: 34px;}
.ke-list li a{
	background-repeat: no-repeat;
	display: inline-block;
	width: 173px;
	height: 173px;
	text-align: center;
	transition: .3s;}





.ke-list ul{
	width: 1500px;}

.ke-list li h2{
	margin-top: 123px;
	font-size: 18px;
	color:#474747;
	font-weight: normal;}

.ke-list li p{
	font-size:9px;
	color:#474747;
	text-transform:uppercase;
	margin-top: 3px;}


.list-1{
	background-image: url(../images/l1.jpg);}

.list-1:hover{
	background-image: url(../images/l1-h.jpg);}

.list-1:hover h2,.list-1:hover p{
	color:#fff;}

.list-2{
	background-image: url(../images/l2.jpg);}
.list-2:hover{
	background-image: url(../images/l2-h.jpg);}

.list-2:hover h2,.list-2:hover p{
	color:#fff;}



.list-3{
	background-image: url(../images/l3.jpg);}

.list-3:hover{
	background-image: url(../images/l3-h.jpg);}

.list-3:hover h2,.list-3:hover p{
	color:#fff;}
.list-4{
	background-image: url(../images/l4.jpg);}


.list-4:hover{
	background-image: url(../images/l4-h.jpg);}

.list-4:hover h2,.list-4:hover p{
	color:#fff;}
.list-5{
	background-image: url(../images/l5.jpg);}


.list-5:hover{
	background-image: url(../images/l5-h.jpg);}

.list-5:hover h2,.list-5:hover p{
	color:#fff;}


/*******************************
    -------[about]-------
********************************/

.about{
	height: 566px;
	background-color: #fafafa;}


.about-left{
	width: 700px;
	height: 536px;
	float: left;
	margin-right: 20px;
	
	padding-top: 30px;}

.about-left>h1{
	font-size: 18px;
	color:#fff;
	background-image: url(../images/title-bg-2.jpg);
	background-repeat: no-repeat;
	width: 205px;
	font-weight: normal;
	height: 40px;
	line-height: 40px;
	padding-left: 20px;}


.about-2{
	background-color: #fff;
	padding-top: 20px;
	padding-left: 15px;
	position: relative;
	height: 191px;}


.know{
	position: absolute;
	left: 249px;
	bottom: 15px;
	display: inline-block;
	width: 108px;
	height: 26px;
	line-height: 26px;	
	color:#fff;
	background-color: #00458d;
	text-align: center;
	transition: .3s;
	z-index: 30000
;}

.know:hover{
	background-color: #f7941e;}

.about-bottom{
	height: 206px;
	width: 646px;
	background-color: #fff;
	margin-top: 24px;
	padding-top: 18px;
	padding-left: 27px;
	padding-right:27px; 
	position: relative;}

.about-bottom h1{
	font-size: 18px;
	color:#014da5;
	font-weight: normal;
	padding-left: 15px;
	background-image: url(../images/xx.jpg);
	background-repeat: no-repeat;
	background-position: left center;}





.win{
	width: 631px;
	margin:25px auto 0;
	overflow: hidden;}

.win ul{
	width: 5000px;
	position: relative;}



.win li{
	float: left;
	margin-right: 25px;
	position: relative;}

.win a{}

.win .h-wp{

	position: absolute;
	left: 0;
	top: 0;
	
	height: 129px;
	width: 194px;
	line-height: 129px;
	text-align: center;
	background-image: url(../images/heizhao.jpg);
	color:#fff;
	display: none;}


.about-bottom span{
	display: inline-block;
	width: 10px;
	height: 18px;
	position: absolute;
	top:123px;
	cursor: pointer;}

.sss1{
	background-image: url(../images/left.jpg);
	left: 12px;}

.sss2{
	background-image: url(../images/right.jpg);
	right: 12px;}



.about-right{
	width: 280px;
	height: 566px;	
	float: right;}






.about-right-top{
	width: 282px;
	height: 382px;
	margin-top: 19px;
	background-image: url(../images/aa.jpg);}

.about-right-top>div{
	width: 219px;
	height: 310px;
	margin:0px auto 0;
	padding-top: 25px;}

.about-right-top h1{
	font-size: 18px;
	color:#014da5;
	font-weight: normal;
	padding-left: 15px;
	background-image: url(../images/xx.jpg);
	background-repeat: no-repeat;
	background-position: left center;}

.about-bottom h1 a{
	float: right;
	margin-top: 4px;}

.about-right-top h1 a{

	float: right;
	margin-top: 4px;}


.about-pic{
	    border: 8px solid #ddd;
	    margin-top: 16px;
	    transition: .3s;}

.about-pic:hover{
	border-color: #bbb;}

.about-right-top h2{
	font-size: 12px;
    color: #003d7b;
    padding-left: 13px;
    background-image: url(../images/zuojiantou.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    margin-top: 10px;}


.about-right-top p{
	width: 194px;
	color: #5c5c5c;
    line-height: 18px;
    margin-top: 5px;
    margin:5px auto 0;}


.about-right-bottom{
	width: 252px;
	height:96px ;
	margin-top: 12px;
	background-color: #fff;	
	padding-top: 20px;
	padding-left: 28px;
	position: relative;}
.about-right-bottom h1{

	
    font-size: 18px;
    color: #014da5;
    font-weight: normal;
    padding-left: 10px;
    background-image: url(../images/xx.jpg);
    background-repeat: no-repeat;
    background-position: left center;}

.about-right-bottom select{
	width: 184px;
	height: 30px;
	margin:19px 0 0 10px;
	outline: none;
    cursor: pointer;}





/*******************************
    -------[footer]-------
********************************/

.footer{
	height: 179px;
	background-color: #303030;
	overflow: hidden;}

.footer-1,.footer-2,.footer-3{
	float: left;
	height: 179px;
	width: 25%;
	text-align: center;}

.footer-1{
	margin-top: 45px;}
.footer-2{
	margin-top:25px;
	width: 38%;}
.footer-3{
	margin-top: 35px;
	float: right;}

.footer-2 p{
	color:#fff;
	text-align: left;
	line-height: 22px;}








/*******************************
    -------[content-left]-------
********************************/





.baner{
	position: relative;}

.baner-con{
	position: absolute;
	left: 0;
	top: 30%;
	color:#fff;
	width: 100%;
	height: 100%;}
.baner-con h1{
	font-size: 30px;
	font-weight: normal;
		text-align: center;}


.baner-con p{
	font-size: 38px;
	text-transform: uppercase;
	text-align: center;}


.content{
	margin-top: 26px;}
.content-left{
	width: 238px;
	float: left;
	margin-right: 30px;}
.content-right{
	width: 726px;
	float: left;}

.top-1{
	height: 15px;
	background-color: #3981cd;}

.top-2{
	height:60px;
	background-color: #0d59a7;
	padding-top: 20px;}

.top-2 p{
	color:#fff;
	width: 170px;
	margin-left: 20px;
	font-size: 14px;}

.top-3{
	height: 57px;
	background-color: #eff0f0;
	border-bottom: 1px solid #ddd;
	color:#343434;
	cursor: pointer;}

.av1{
	display: block;
	height: 57px;
	line-height: 57px;
	font-size: 14px;
	margin-left: 50px;
	color:#464646;}

.av2{

	display: inline-block;
	color:#464646;
	float: right;
	height: 57px;
	line-height: 57px;
	margin-right: 24px;
          background-image:url(../images/right-1.png) no-repeat 0 center;
}


.av2 img{}

.top-4{
	height: 57px;
	background-color: #eff0f0;
	border-bottom: 1px solid #ddd;
		color:#343434;
		cursor: pointer;}


.bottom-1{
	margin-top: 25px;
	height: 56px;
	line-height: 56px;
	background-color: #0d59a7;
	color:#fff;
	font-size: 14px;
	padding-left: 20px;}

.bottom-2{
	height: 240px;
	background-color: #f6f7f8;
	text-align: center;}



.bottom-2 img{
	margin-top: 15px;}

.bottom-2 p{
	width: 200px;
	margin:10px  auto 0;
	text-align: left;
	line-height: 20px;}


/*******************************
    -------[content-right]-------
********************************/

.content-right{
	position: relative;}




.content-right>h1{
	text-align: center;
	width: 275px;
	margin:0 auto;
	font-size: 24px;
	color:#464646;
	font-weight: normal;
	border-bottom: 1px solid #ddd;
	padding-bottom: 28px;
	margin-top: 30px;
	text-transform: uppercase;}



.content-right>p{
	text-align: center;
	position: absolute;
	top:79px;
	left: 309px;
	width: 100px;
	background-color: #fff;}


#aaa img{
	float: left;
	margin-right: 30px;
	margin-left: 10px;}


#aaa{
	margin-top: 50px;}

#aaa h1{
	font-size: 16px;
	color:#0d59a7;
	padding-top: 5px;
	margin-bottom: 10px;
	font-weight: normal;}

#aaa p{
	color:#464646;
	line-height: 30px;}


.content-right #ul li{
	padding-left: 10px;
	height: 35px;
	line-height: 35px;}


.content-right #ul li a{
	background-image: url(../images/dian.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;}

.content-right ul{
	
	margin-top: 25px;}

.content-right #ul li a{
	display: inline-block;
	color:#464646;
	font-size: 14px;
	border-bottom: 1px dotted #ccc;
	width: 100%;}


.bt-page{
	text-align: right;
	margin-top: 50px;
	margin-bottom: 50px;	
	float: right;
	height: 20px;}
.bt-page *{
	float: left;
	margin-left: 2px;}


.bt-page div{
	width: 26px;
	height: 18px;
	line-height: 18px;
	border:1px solid #ddd;
	text-align: center;
	cursor:pointer;
	background-color: #efefef;
	color:#000;}

.ccc{
	
    width: 20px;
    height: 18px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 18px;
    cursor: pointer;
    background-color: #efefef;
    color: #000;}

.ccc:hover{
	background-color: #0166b6;
	color:#fff;}



.bt-page div:hover{
	background-color: #0166b6;
	color:#fff;}


.ccc-active{
	background-color: #0166b6;
	color:#fff;}


#bbb p{
	font-size: 14px;
	color:#464646;
	line-height: 27px;}



.people{
	margin-top: 57px;
	text-align: center;}


.p-name{
	float: left;
	width: 50%;}

.p-name p{
	margin-top: 19px;
	margin-bottom: 60px;
	color:#464646;}

.p-name img{
	width: 169px;
	height: 216px;}


.load{
	margin-bottom: 55px;
	display: inline-block;
	width: 70px;
	height: 70px;
	background-color: #999999;
	border-radius: 50%;
	position: relative;
	transition:.3s;}

.load:hover{
	background-color: #0d59a7;}

.load p{
	color:#fff;
	margin-top: 20px;}

.load a{
	display: inline-block;
	width: 70px;
	height: 70px;}


.load img{
	position: absolute;
	left: 24px;
	top:28px;}





.product li{
	height: 200px;
	border-bottom: 1px dotted #ddd;
	margin-top: 30px;}
.pro-left{
	float: left;
	width: 194px;}

.pro-left img{
	display: block;
	width: 217px;
	height: 144px;}
.pro-right{
	float: right;
	width: 479px;}

.pro-right h1{
	font-size: 18px;
	font-weight: normal;
	color:#464646;}

.pro-right p{
	margin-top: 10px;
	line-height: 18px;
	color:#464646;}

.pro-right a{
	display: inline-block;
	width: 150px;
	height:25px;
	line-height: 25px;
	text-align: center;
	background-color: #4476ba;
	color:#fff;
	border-radius: 50px;
	margin-top: 10px;
	transition: .3s;}


.pro-right a:hover{
	background-color: #f7941e;}



.product .bt-page{
	float: none;
	width: 400px;
	margin: 28px auto  111px;}



#di{
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left: 0;
	background-color: rgba(0,0,0,0.8);
	display: none;}

.yuyue{
	width: 810px;
	height: 700px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -405px;
	margin-top: -350px;
	background-color: #fff;}

.yuyue span{
	display: inline-block;
	height: 50px;
	width: 50px;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 40px;
	cursor: pointer;}


/* liuyan 留言 */
	.ts{
		color: red;
		margin-left: 10px;}
	.service1{ float:left;}
	.service1 .in{
		min-height:41px;
		margin-bottom:16px;
		clear:both;}
	.service1 .in span{
		display:inline-block;
		width:100px;
		padding-right:6px;
		float:left;
		line-height:41px;
		height:41px;
		text-align:right;	
		font-size:14px;}
	.service1 .text{
		width:490px;
		padding-left:10px;
		height:34px;
		+line-height:39px;
		line-height:39px\9;
		border:1px solid #DADADA;	
		background:#fff;}
	.service1 . select{
		width:400px;
		padding-left:10px;
		height:39px;
		+line-height:39px;
		line-height:39px\9;
		border:1px solid #39395B;	
		background:#fff;
		border-radius:5px;}
	.service1 textarea{
		width:480px;
		height:120px;	
		border:1px solid #DADADA;	
		background:#fff  525px 10px;
		padding:10px;
		overflow:hidden;}
	.service1 .sub{	
		width: 80px;
	    height: 35px;
	    line-height: 32px;
	    background: #4476BA;
	    cursor: pointer;
	    border-radius: 5px;
	    font-size: 16px;
	    color: #fff;
	    float: left;
	    margin-left: 17%;}
	.cm_head dt {
	    height: 50px;
	    line-height: 48px;
	    background: url(../images/cm_head.jpg) no-repeat bottom center;
	    font-size: 20px;
	    color: #151a40;
		text-align:center;}
	.cm_head dd{
		text-align:center;}