

/*



By  鱼 2017-06-16

QQ  594074555



*/



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{margin:0;padding:0}

ul,li,ol,dl,dt,dd{list-style: none;}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }

table{border-collapse:collapse;border-spacing:0}

audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}

fieldset,img{border:0}

caption,th{text-align:left}

q:before,q:after{content:''}

abbr,acronym{border:0;font-variant:normal}

sup{vertical-align:text-top}

sub{vertical-align:text-bottom}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}

input,textarea,select{*font-size:100%}

a{text-decoration:none;color: #666;}

a:hover{text-decoration:none;cursor: pointer;}

html,body{

	font-family: "arial" ,'Microsoft Yahei';

	*font-family: "微软雅黑";

	*font-family: "Microsoft Yahei";

	color: #666;

}

*{

	box-sizing:border-box;

	-moz-box-sizing:border-box;

	-webkit-box-sizing:border-box;

}

img{

	-moz-user-select:none;/*火狐*/

	-webkit-user-select:none;/*webkit浏览器*/

	-ms-user-select:none;/*IE10*/

	-khtml-user-select:none;/*早期浏览器*/

	user-select:none;

}

body{position: relative;min-width: 1200px;}

.fr{float: right;}

.fl{float: left;}

.clear{clear: both;}

.after:after{

    content: "";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}

.mid1200{

	width: 1200px;

	margin: 0 auto;

}

.mid1200:after{

    content: "";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;

}



/*********************************/

.Pub_top{

	width: 1200px;

	height: 135px;

	margin: 0 auto;

	position: relative;

	background: url(../images/b1.jpg) right center no-repeat;

	overflow: hidden;

}

.Pub_top img{

	display: block;

	width: 392px;

	height: 121px;

	margin: 0;

}

.Pub_nav{

	width: 100%;

	height: 44px;

	background: #0362ba;

}

.Pub_nav .Pub_nav1200{

	width: 1200px;

	height: 44px;

	margin: 0 auto;

}

.Pub_nav .Pub_nav1200>ul{

	float: left;

}

.Pub_nav .Pub_nav1200>ul li{

	float: left;

	height: 44px;

	line-height: 44px;

	text-align: center;

	position: relative;

}

.Pub_nav .Pub_nav1200>ul li.on>a{

	background: #00529e;

}

.Pub_nav .Pub_nav1200>ul li>a{

	display: block;

	padding: 0 20px;

	font-size: 16px;

	color: #fff;

	/*-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	-ms-transition: all .3s ease-in-out 0s;

	-o-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;*/

}

.Pub_nav .Pub_nav1200>ul li:hover>a{

	background: #00529e;

}

.Pub_nav .Pub_nav1200>ul li dl{

	position: absolute;

	left: 0;

	background: #00529e;

	width: 100%;

	/*-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	-ms-transition: all .3s ease-in-out 0s;

	-o-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;*/

	opacity: 0;

	filter:alpha(opacity=0);

	top: 20px;

	visibility: hidden;

	z-index: 500;

}

.Pub_nav .Pub_nav1200>ul li dl dd{

	height: 44px;

	line-height: 44px;

	text-align: center;

	width: 100%;

	overflow: hidden;

}

.Pub_nav .Pub_nav1200>ul li dl dd>a{

	display: block;

	padding: 0 8px;

	font-size: 14px;

	color: #fff;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	-ms-transition: all .3s ease-in-out 0s;

	-o-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.Pub_nav .Pub_nav1200>ul li dl dd:hover>a{

	background: #0362ba;

}

.Pub_nav .Pub_nav1200>ul li:hover dl{

	opacity: 1;

	filter:alpha(opacity=100);

	top: 44px;

	visibility: visible;

} 

.Pub_nav .Pub_nav1200>div.search{

	float: right;

	width: 194px;

	height: 32px;

	border: 1px solid #066fcf;

	border-radius: 30px;

	-o-border-radius: 30px;

	-ms-border-radius: 30px;

	-moz-border-radius: 30px;

	-webkit-border-radius: 30px;

	margin: 7px 0 0 0;

	background: #00529e;

}

.Pub_nav .Pub_nav1200>div.search input[type="text"]{

	width: 155px;

	height: 30px;

	float: left;

	display: block;

	border: none;

	background: none;

	outline: none;

	padding: 0 10px 0 15px;

	color: #fff;

	line-height: 30px;

}

.Pub_nav .Pub_nav1200>div.search input[type="button"]{

	display: block;

	width: 34px;

	height: 30px;

	float: right;

	border: none;

	background: none;

	outline: none;

	background: url(../images/a2.png) center no-repeat;

	cursor: pointer;

}

.Pub_nav .Pub_nav1200>div.search i{

	display: block;

	float: left;

	width: 1px;

	height: 15px;

	background: #066fcf;

	margin: 8.5px 0 0 0;

}



.index_one{

	width: 1200px;

	height: 40px;

	background: #60b8ff;

	position: relative;

	overflow: hidden;

	margin: 25px 0;

}

/* 本例子css */

.txtScroll-top{ 

	width:1200px;  

	overflow:hidden;

	position:relative;

	height: 40px;    

	background: url(../images/b9.jpg) right center no-repeat;

}

.txtScroll-top .hd{

	position: absolute;

	right: 60px;

	top: 0;

	height: 40px;

	z-index: 2;

}

.txtScroll-top .hd ul{}

.txtScroll-top .hd ul li{

	float: left;

	width: 9px;

	height: 9px;

	background: #90cdff;

	font-size: 0;

	border-radius: 50%;

	-o-border-radius: 50%;

	-ms-border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	margin: 15px 10px 0 0;

	cursor: pointer;

}

.txtScroll-top .hd ul li.on{background: #fff;}

.txtScroll-top .bd{width: 100%;}

.txtScroll-top .infoList li{

	width: 100%;

	height: 40px;

	line-height: 40px;

}

.txtScroll-top .infoList li a{

	display: block;

	width: 100%;

	height: 40px;

	line-height: 40px;

}

.txtScroll-top .infoList li a span{

	display: block;

	width: 70%;

	height: 40px;

	line-height: 40px;

	font-size: 20px;

	color: #fff;

	padding: 0 0 0 15px;

	overflow: hidden;

	white-space:nowrap; 

	text-overflow:ellipsis;

	-o-text-overflow:ellipsis;

}



.index_two{

	width: 1200px;

	position: relative;

}

.indextw_a{

	float: left;

	width: 375px;

	height: 345px;

	position: relative;

	overflow: hidden;

}

.fullSlide{ 

	width:100%;  

	position:relative;  

	height:345px; 

}

.fullSlide .bd{ 

	margin:0 auto; 

	position:relative; 

	z-index:0; 

	overflow:hidden;  

}

.fullSlide .bd ul{ width:100% !important; }

.fullSlide .bd li{ 

	width:100% !important;  

	height:345px; 

	overflow:hidden; 

}

.fullSlide .bd li div.img{

	width: 100%;

	height: 305px;

	position: relative;

	overflow: hidden;

}

.fullSlide .bd li div.img img{

	display: block;

	width: 100%;

	height: 305px;

}

.fullSlide .bd li div.word{

	width: 100%;

	height: 40px;

	padding: 0 60px 0 40px;

	overflow: hidden;

	background-color: #b2b2b2;

	background-image: url(../images/b3.jpg);

	background-repeat: no-repeat;

	background-position: left center;

}

.fullSlide .bd li div.word span{

	display: block;

	width: 100%;

	height: 40px;

	line-height: 40px;

	color: #fff;

	overflow: hidden;

	white-space:nowrap; 

	text-overflow:ellipsis;

	-o-text-overflow:ellipsis;

}

.fullSlide .hd{

	position: absolute;

	right: 0;

	bottom: 0;

	height: 40px;

	z-index: 5;

}

.fullSlide .hd ul li{

	display: block;

	width: 9px;

	height: 9px;

	font-size: 0;

	background: #c6c6c6;

	border-radius: 50%;

	-o-border-radius: 50%;

	-ms-border-radius: 50%;

	-moz-border-radius: 50%;

	-webkit-border-radius: 50%;

	float: left;

	margin: 15px 5px 0 0;

	cursor: pointer;

}

.fullSlide .hd ul li.on{

	background: #fff;

}



.indextw_b{

	float: left;

	width: 380px;

	height: 345px;

	position: relative;

	overflow: hidden;

	margin: 0 0 0 32px;

}

.indextab_box .title{

	width: 100%;

	height: 30px;

	position: relative;

	overflow: hidden;

}

.indextab_box .title:before{

	content: "";

	width: 100%;

	height: 2px;

	background: #d1d1d1;

	position: absolute;

	left: 0;

	bottom: 0;

}

.indextab_box .title span{

	display: block;

	float: left;

	height: 30px;

	position: relative;

	text-align: center;

	padding: 0 8px;

	cursor: pointer;

	-moz-user-select:none;

	-webkit-user-select:none;

	-ms-user-select:none;

	-khtml-user-select:none;

	user-select:none;

}

.indextab_box .title span i{

	display: block;

	position: absolute;

	left: 0;

	bottom: 0;

	width: 100%;

	height: 2px;

	background: #0362ba;

	border-right: 1px solid #fff;

}

.indextab_box .title span.on{

	color: #e54b00

}

.indextab_box .title span.ono{

	color: #333;

}

.indextab_box .title span.on i{

	background: #e54b00;

}

.indextab_box .title span.ono i{

	background: #0362ba;

}

.indextab_box .listbox{

	width: 100%;

	display: none;

}

.indextab_box .listbox.on{

	display: block;

}

.indextab_box .listboxdl dl{

	width: 100%;

}

.indextab_box .listboxdl dl dd{

	width: 100%;

	height: 25px;

	position: relative;

	padding: 0 5px 0 10px;

	margin: 10px 0 0 0;

}

.indextab_box .listboxdl dl dd:before{

	content: "";

	width: 2px;

	height: 100%;

	border-right: 2px solid #fff;

	background: #dddddd;

	position: absolute;

	left: 0;

	top: 0;

}

.indextab_box .listboxdl dl dd p{

	float: left;

	max-width: 88%;

	height: 25px;

	font-size: 14px;

	color: #333333;

	overflow: hidden;

	white-space:nowrap; 

	text-overflow:ellipsis;

	-o-text-overflow:ellipsis;

}

.indextab_box .listboxdl dl dd i{

	display: block;

	font-style: normal;

	font-size: 12px;

	color: #ffffff;

	background: #e54b00;

	float: left;

	height: 12px;

	line-height: 12px;

	text-transform: uppercase;

	margin: 5px 0 0 3px;

}

.indextab_box .listboxdl dl dd span{

	float: right;

	display: block;

	font-size: 12px;

	color: #999999;

	height: 25px;

	line-height: 25px;

}

.indextab_box .listboxdl dl dd:hover{

	background: #f8f8f8;

}

.indextab_box .listboxdl dl dd:hover p,.indextab_box .listboxdl dl dd:hover span{

	color: #e54b00;

}

.indextw_c{

	float: right;

	width: 380px;

	height: 345px;

	position: relative;

	overflow: hidden;

}

/*广告一*/

.index_three{

	width: 1200px;

	margin: 35px 0;

}

.index_three img{

	width: 100%;

	max-height: 300px;

}

/*四部分*/

.index_four{

	width: 1200px;

	position: relative;

}

.index_four .indexfol{

	float: left;

	width: 815px;

}

.index_four .indexfol .indexfola{

	clear: both;

	float: left;

	width: 380px;

}

.index_four .indexfol .indexfolb{

	clear: none;

	float: left;

	margin: 0 0 0 30px;

}

.indexfola .listboxdiv{

	width: 100%;

}

.indexfola .listboxdiv div.box{

	width: 100%;

	height: 130px;

	position: relative;

	overflow: hidden;

	margin: 25px 0;

}

.indexfola .listboxdiv div.box img{

	display: block;

	float: left;

	width: 198px;

	height: 130px;

}

.indexfola .listboxdiv div.box div.word{

	float: right;

	width: 170px;

	height: 130px;

	overflow: hidden;

}

.indexfola .listboxdiv div.box div.word h1{

	font-size: 14px;

	color: #313131;

	font-weight: normal;

	line-height: 1.5em;

	width: 100%;

	height: 1.5em;

	overflow: hidden;

	white-space:nowrap; 

	text-overflow:ellipsis;

	-o-text-overflow:ellipsis;

	margin: 5px 0 0 0;

}

.indexfola .listboxdiv div.box div.word p{

	font-size: 12px;

	color: #999999;

	width: 100%;

	line-height: 1.8em;

	height: 9em;

	overflow: hidden;

}

.indexfola .listboxdiv ol{

	width: 100%;

}

.indexfola .listboxdiv ol li{

	padding-left: 10px;

	height: 45px;

	position: relative;

	border-bottom: 1px dashed #dcdcdc;

}

.indexfola .listboxdiv ol li:first-child{

	border-top: 1px dashed #dcdcdc;

}

.indexfola .listboxdiv ol li:before{

	content: "";

	width: 4px;

	height: 4px;

	background: #cccccc;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -2px;

}

.indexfola .listboxdiv ol li a{

	display: block;

	width: 100%;

	height: 44px;

	line-height: 44px;

	font-size: 14px;

	color: #333333;

	overflow: hidden;

	/*white-space:nowrap; 

	text-overflow:ellipsis;

	-o-text-overflow:ellipsis;*/

}

.indexfola .listboxdiv ol li:hover a{

	color: #e54b00;

}





.indexfola .listboxdiv ul{

	width: 100%;

}

.indexfola .listboxdiv ul li{

	padding-left: 10px;

	height: 45px;

	position: relative;

	border-bottom: 1px dashed #dcdcdc;

}

.indexfola .listboxdiv ul li:before{

	content: "";

	width: 4px;

	height: 4px;

	background: #cccccc;

	position: absolute;

	left: 0;

	top: 50%;

	margin-top: -2px;

}

.indexfola .listboxdiv ul li a{

	display: block;

	width: 100%;

	height: 44px;

	line-height: 44px;

	font-size: 14px;

	color: #333333;

	overflow: hidden;

	/*white-space:nowrap; 

	text-overflow:ellipsis;

	-o-text-overflow:ellipsis;*/

}

.indexfola .listboxdiv ul li:hover a{

	color: #e54b00;

}

.indexfolc{
/*
	width: 815px;
*/
	height: 105px;

	padding: 0 0 25px 0;

	clear: both;

}

.indexfolc li{

	float: left;

	width: 11.9%;

	height: 80px;

	border: 1px solid #dddddd;

	background: #ebebeb;

	margin: 0 0 0 5px;

	padding: 5px;

	overflow: hidden;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	-ms-transition: all .3s ease-in-out 0s;

	-o-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

.indexfolc li:first-child{

	margin: 0;

}

.indexfolc li i{

	display: block;

	width: 50px;

	height: 50px;

	background-image: url(../images/a4.png);

	background-repeat: no-repeat;

	float: left;

	-webkit-transition: all .3s ease-in-out 0.1s;

	-moz-transition: all .3s ease-in-out 0.1s;

	-ms-transition: all .3s ease-in-out 0.1s;

	-o-transition: all .3s ease-in-out 0.1s;

	transition: all .3s ease-in-out 0.1s;

}


/* .indexfolc li.btn7 i,.indexfolc li.btn8 i{

	display: block;

	width: 50px;

	height: 50px;

	background-image: url(../images/a9.png);

	background-repeat: no-repeat;

	float: left;

	-webkit-transition: all .3s ease-in-out 0.1s;

	-moz-transition: all .3s ease-in-out 0.1s;

	-ms-transition: all .3s ease-in-out 0.1s;

	-o-transition: all .3s ease-in-out 0.1s;

	transition: all .3s ease-in-out 0.1s;

} */


.indexfolc li em{

	display: block;

	float: left;

	width: 50px;

	height: 50px;

	background-image: url(../images/a6.png);

	background-repeat: no-repeat;

	float: left;

	background-position: -50px 0;

	position: relative;

	left: -10px;

	-webkit-transition: all .3s ease-in-out 0.1s;

	-moz-transition: all .3s ease-in-out 0.1s;

	-ms-transition: all .3s ease-in-out 0.1s;

	-o-transition: all .3s ease-in-out 0.1s;

	transition: all .3s ease-in-out 0.1s;

}

.indexfolc li span{

	display: block;

	clear: both;

	font-size: 13px;

	color: #408ed6;

	position: relative;

	top: -5px;

	-webkit-transition: all .3s ease-in-out 0s;

	-moz-transition: all .3s ease-in-out 0s;

	-ms-transition: all .3s ease-in-out 0s;

	-o-transition: all .3s ease-in-out 0s;

	transition: all .3s ease-in-out 0s;

}

/* .indexfolc li.btn1 i{background-position: 0 0}

.indexfolc li.btn2 i{background-position: 0 -50px}

.indexfolc li.btn3 i{background-position: 0 -100px}

.indexfolc li.btn4 i{background-position: 0 -150px}

.indexfolc li.btn5 i{background-position: 0 -200px}

.indexfolc li.btn6 i{background-position: 0 -250px}

.indexfolc li.btn7 i{background-position: 0 -50px}

.indexfolc li.btn8 i{background-position: 0 0px} */

/* .indexfolc li:hover{

	background: #0362ba;

	border: 1px solid #0362ba;

} */

.indexfolc li:hover span{

	color: #ffffff;

}

.indexfolc li:hover em{

	background-position: 0 0;

}

/* .indexfolc li.btn1:hover i{background-position: -50px 0}

.indexfolc li.btn2:hover i{background-position: -50px -50px}

.indexfolc li.btn3:hover i{background-position: -50px -100px}

.indexfolc li.btn4:hover i{background-position: -50px -150px}

.indexfolc li.btn5:hover i{background-position: -50px -200px}

.indexfolc li.btn6:hover i{background-position: -50px -250px}

.indexfolc li.btn7:hover i{background-position: -50px -50px}

.indexfolc li.btn8:hover i{background-position: -50px 0px} */


/*right*/

.index_four .indexfor{

	float: right;

	width: 375px;
/*
	height: 495px;

	border: 1px solid #eeefe7;

	background: url(../images/a5.png) center top no-repeat;
*/

}

.index_four .indexfor>h1{

	font-size: 24px;

	color: #0362ba;

	font-weight: normal;

	text-align: center;

	margin: 45px 0 26px 0;

}

.index_four .indexfor .indexfora{

	margin: 0 20px;

}

/*五部分*/

.index_five{

	width: 1200px;

	position: relative;

}

.index_five .index_fivea{

	float: left;

	width: 380px;

	margin: 0 0 0 30px;

}

.index_five .index_fivea:first-child{

	margin: 0;

}



/*公共底部*/

.Pub_footer{

	width: 100%;

	background-color: #012438;

	margin: 30px 0 0 0;

	position: relative;

}

.Pub_footer>i{

	display: block;

	height: 220px;

	width: 550px;

	position: absolute;

	top: 0;

	background-image: url(../images/b8.jpg);

	background-repeat: no-repeat;

}

.Pub_footer>i.left{

	left: 0;

	background-position: 0 0;

}

.Pub_footer>i.right{

	right: 0;

	background-position: right 0;

}

.Pub_footer .Pub_footer1200{

	margin: 0 auto;

	overflow: hidden;

	position: relative;

}

.Pub_footer .Pub_footer1200 .footer_top{

	width: 100%;

	position: relative;

	border-bottom: 1px solid #1d3440;

}

.Pub_footer div.left{

	float: left;

	width: 165px;

	height: 132px;

	background-color: #1b3b4c;

	background-image: url(../images/b10.jpg);

	background-repeat: no-repeat;

	background-position: right center;

	overflow: hidden;

	margin: 60px 0 0 0;

}

.Pub_footer div.left img{

	display: block;

	float: left;

	width: 132px;

	height: 132px;

}

.Pub_footer .Pub_footer1200{

	float: right;

	width: 966px;

}

.Pub_footer .Pub_footer1200 .footer_top .right{

	margin: 60px 0 0 0;

	color: #ccc;

	position: relative;

	padding-left: 95px;

	padding-bottom: 10px;

}

.Pub_footer .Pub_footer1200 .footer_top .right p{

	width: 95px;

	color: #ccc;

	line-height: 2em;

	height: 2em;

	position: absolute;

	left: 0;

	top: 0;

}

.Pub_footer .Pub_footer1200 .footer_top dd{

	/*width:871px ;*/

	height: 2em;

	line-height: 2em;

	width: 25%;

	font-size: 14px;

	float: left;

	overflow: hidden;

}

.Pub_footer .Pub_footer1200 .footer_top dd a{

	color: #ccc;

}

.Pub_footer .footer_bottom{

	width: 100%;

	height: 50px;

	position: relative;

	overflow: hidden;

	font-size: 12px;

	color: #678494;

	line-height: 50px;

}



.pub_cen{

	max-width: 1200px;

	margin: 0 auto;

}

.Pub_footer .Pub_footer1200 .footer_bottom p{

	float: left;

}

.Pub_footer .Pub_footer1200 .footer_bottom span{

	display: block;

	float: right;

}

.Pub_footer .Pub_footer1200 .footer_bottom span a{

	color: #678494;

}

.Pub_footer .Pub_footer1200 .footer_bottom span a:hover{

	color: #d01e1e;

	text-decoration: underline;

}



