@charset "utf-8";

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite, code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio, video{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; outline-style:none;/*FF*/font-size:10px;  font-family: "Arial","Microsoft Yahei";  list-style:none;}
body { line-height:1; }
a{ margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline; background:transparent;text-decoration:none; color:#333; cursor:pointer;outline:0;}
a:hover,a:focus{ text-decoration:none;  outline-style:none;/*FF*/ }
table { border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
/*css为clearfix，清除浮动*/
.clearfix::before,.clearfix::after{content:""; height:0; line-height:0; display: block;visibility: hidden; clear:both;}
.clearfix:after{clear:both;} 
.clearfix{*zoom:1;/*IE/7/6*/}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
 
.warp{ width:1200px; padding:0 0px;  margin:0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear{ overflow:hidden;}
.clear2{ clear:both;}
body>div{ min-width: 1200px;}

/*header*/
.header .mune a{transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.header .logo{ padding: 40px; background: url(../images/hd-bg.jpg) center center no-repeat; background-size:cover !important;}
.header .logo h3{ text-shadow:1px 0 4px #00429b; font-size: 4.4em; color: #fff; line-height: 1.5;}
.header .mune{ background: #0075db; padding: 0px 5px;}
.header .mune a{ padding: 20px 12px; font-size: 1.8em; color: #fff; line-height: 1.5; font-weight: 500;  display: inline-block; width:140px;}
.header .mune a img{ margin: 0 4px -7px 0;}
.header .mune a:hover{ background: #055ca8;}

/*bottom*/
.bottom{ text-align: center; margin-top: 20px;}
.bottom .warp{ background: #0075db; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px;}
.bottom p{ font-weight: bold;color: #fff; line-height: 1.8; font-size: 1.6em;}

/*sreach*/
.top-line .warp{ background: #f5f5f5; margin:12px auto; overflow:hidden;}
.top-line .date{ float:left; }
.top-line .date p{ font-size: 1.4em; color: #333; line-height: 1.5; padding: 6px 40px;}
.top-line .date p span{ color: #1e7333; margin-left: 5px; font-size: 1em;}
.top-line form{ float:right; padding: 6px 20px;}
.top-line input{ font-size: 1.4em; outline:none; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  line-height:16px; color:#000;  padding: 2px 4px; float:left; background: none;}
.top-line input::-webkit-input-placeholder { color:#999;}
.top-line input:-moz-placeholder { color:#999;}
.top-line input::-moz-placeholder { color:#999;}
.top-line input:-ms-input-placeholder { color:#999;}
.top-line .hc{  border-radius: 2px; border: 1px solid #cecece;}
.top-line .hs{ cursor: pointer; width: 30px; background: url(../images/sreach.png) center center no-repeat; }
/*main*/
.main .tits span{ float:left;display: inline-block; padding:0 12px 6px 12px; border-bottom: 0px solid #0075db;}
.main .tits{ overflow: hidden; border-bottom: 1px solid #fff; }
.main .tits h3{ display: inline-block; font-size: 1.8em; color: #0075db; float:left; font-weight: bold; line-height: 32px; margin-left: 12px; width: calc(100% - 64px);}

.main .main-box{ padding: 12px; float:left; background: #e5f1fb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main .main-box .txts{transition:ease-out 0.6s all;-moz-transition: ease-out 0.6s all; -webkit-transition:ease-out 0.6s all; -o-transition: ease-out 0.6s all;}
.main .main-box .mt-list .btns{ margin-top: -32px; margin-left:60px;  width: 100%; overflow: hidden;line-height: 32px; height:32px;}
.main .main-box .mt-list .btns span{  margin-right:20px; padding:0 6px 6px 6px;  text-align: center; cursor: pointer; position: relative; border-bottom: 1px solid #eaeaea; float:left;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main .main-box .mt-list .btns span h3{opacity: 0.6; font-size: 1.6em; color: #0075db; font-weight: bold;}
.main .main-box .mt-list .btns span.hover h3{ opacity: 1; border-bottom: 0px solid #0075db; color: #0075db;font-size: 1.8em;}
.main .main-box .txts .box{ margin-top: 12px;}
.main .main-box .txts .box.hover{ display: block;}
.main .main-box .txts .box{ height: 240px; overflow: hidden; display: none;}
.main .main-box .txts a{ position: relative; display: inline-block; padding-left: 20px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main .main-box .txts a p{ font-size: 1.4em;  line-height:24px; float:left; width: calc(100% - 90px); height: 24px; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.main .main-box .txts a span{ text-align: right; font-size: 1.4em; color: #666; float:right; width: 90px; line-height: 24px;}
.main .main-box .txts a:after{ position: absolute; top:10px; left: 4px; width: 6px; height: 6px; border-radius: 50%; background: #333; content: "";}
.main .main-box .txts a:hover p{ text-decoration: underline; }

.main-p1{ overflow: hidden; margin-bottom: 24px;}
.main-p1 .img{ height: 300px; background-size:cover !important; float:left; width: 55%;}
.main-p1 .main-box{width: calc( 45% - 24px); margin-left: 24px; height: 300px;}

.main-line{ margin-bottom: 24px;}
.main-line img{ width: 100%;}

.main-p2{ overflow: hidden;}
.main-p2 .left{ float:left; overflow: hidden;  width: 70%;}
.main-p2 .p2-0box{ overflow: hidden;  margin-bottom: 0px; color: #fff; font-size: 1.8em; font-weight: bold;background: #0075db; line-height: 32px;margin-right: 24px;}
.main-p2 .p2-1box{ overflow: hidden;  margin-bottom: 24px;}
.main-p2 .p2-1box .main-box{ float:left; width:calc(50% - 24px); margin-right: 24px; height: 220px;}
.main-p2 .p2-1box .main-box .txts{ height: 168px; overflow: hidden; }
.main-p2 .p2-2box{ width: calc(100% - 24px); background: #0075db;  overflow: hidden; margin-bottom: 24px;}
.main-p2 .p2-2box .tit{ float:left; width: 44px;}
.main-p2 .p2-2box .tit h3{ color: #fff; font-size: 1.4em; font-weight: bold; padding: 12px 16px;}
.main-p2 .p2-2box .dot{ float:right; width:  calc(100% - 44px); overflow: hidden; margin-right: -1px;}
.main-p2 .p2-2box .dot .d{ text-align: center; background: #ddeffd; width: 20%; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main-p2 .p2-2box .dot .d a{ font-size: 1.8em; color: #0075db; font-weight: bold; padding: 45px 0; display: inline-block;}
.main-p2 .p2-2box .dot .d:nth-child(2n){ background: #c8e3f8;}
.main-p2 .p2-3box{ overflow: hidden;  margin-bottom: 24px;}
.main-p2 .p2-3box .main-box{ float:left; width:calc(50% - 24px); margin-right: 24px; height: 280px;}
.main-p2 .p2-3box .main-box .txts{ height: 216px; overflow: hidden; }
.main-p2 .right{ float:left; width: 30%;}
.main-p2 .right .dot:nth-child(1){ background: #0075db;}
.main-p2 .right .dot:nth-child(2){ background: #00686b;}
.main-p2 .right .dot:nth-child(3){ background: #987a62;}
.main-p2 .right .dot:nth-child(4){ background: #3c5bab;}
.main-p2 .right .dot:nth-child(5){ background: #f9b552;}
.main-p2 .right .dot:nth-child(6){ background: #17a6b6;}
.main-p2 .right .dot:nth-child(7){ background: #cccccc;}
.main-p2 .right .dot{ margin-bottom: 6px;}
.main-p2 .right .dot h3{ padding:20px 40px; font-size: 2.2em; color: #fff; line-height: 1.5; font-weight: bold; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.main-p2 .right .dot h3 img{ margin: 0 6px -11px 0;}
.main-p2 .right .b-dot{ margin-top: -6px; background: #e5f1fb; padding: 20px 40px; height: 158px; display: table; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} 
.main-p2 .right .b-dot>*{ display: table-cell; vertical-align: middle; text-align:center; }
.main-p2 .right .b-dot h3{ font-size: 1.8em; color: #0075db; font-weight: bold;}
.main-p2 .right .b-dot img{ max-width: 100px; border: 1px dashed #0075db; }

.main-p3{ overflow: hidden; margin-bottom: 24px;}
.main-p3 .left{ width: calc(70% - 24px); margin-right: 24px; float:left;}
.main-p3 .left a img{ width: 100%;}
.main-p3 .left .swiper-button-white{  background-color: #1b8df0; background-size: 20px 30px; z-index: 2;}
.main-p3 .left .p3d-slider{ margin:20px 40px 6px 40px;}
.main-p3 .left .swiper-button-prev{ left: 0;}
.main-p3 .left .swiper-button-next{right: 0;}
.main-p3 .left .dot .btns{ position: absolute; top:calc(50% - 20px); width: 100%; left: 0; height: 40px;}
.main-p3 .left .dot{ position: relative;}

.main-p3 .right{ width: 30%; float:left;}
.main-p3 .right .box img{width: 100%;}
.main-p3 .right .p3b-slider{ height: 243px;}

.main-p4{ width: 100%;}
.main-p4 .links{ padding: 30px 0px 20px 0;}
.main-p4 .links a{ display: inline-block; font-weight: bold; font-size: 1.6em; color: #0075db; margin: 0 12px 8px 0;}
.main-p4 .links a:hover{ text-decoration: underline;}

/*news*/
.news{ padding: 0 0 40px 0;}
.news .n-top{ background: #fff; border-bottom: 1px solid #eee; padding: 12px;}
.news .n-top p{ font-size: 1.2em; color: #999; line-height: 1.5;}
.news .n-top p img{ width: 14px; margin-bottom: -1px;}
.news .n-top p a{ font-size: 1em; color: #999;}
.news .n-top p a:hover{ text-decoration: underline;}
.news .n-boxs{ display: table; width: 100%;  overflow: hidden; background: #fff;}
.news .n-boxs>*{ display: table-cell; vertical-align: top; }
.news .n-boxs .n-list{  border-right: 1px solid #eee;  width: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.news .n-boxs .n-list .tit{ padding: 18px 30px; background: #0075db;}
.news .n-boxs .n-list .tit h3{font-size: 2em; color: #fff; line-height: 1.5; font-weight: bold; }
.news .n-boxs .n-list .dot a{ position: relative; padding: 14px 40px; display: block; border-bottom: 1px solid #eee; line-height: 1.5; font-size: 1.4em; color: #333;}
.news .n-boxs .n-list .dot a:after{ position: absolute;  border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #999;  content: " "; display: block; width: 0; height: 0; top: 20px; left: 24px;}
.news .n-boxs .n-list .dot a.lock:after{border-left: 5px solid #0075db;}
.news .n-boxs .n-list .dot a.lock{ border-bottom: 1px solid #0075db;}
.news .n-boxs .n-list .dot a.lock1:after{border-left: 5px solid #0075db;}
.news .n-boxs .n-list .dot a.lock1{ border-bottom: 0px solid #0075db; margin-left:15px;}
.news .n-boxs .n-box{ padding: 18px 20px;}
.news .n-boxs .n-box .tit{ border-bottom: 1px solid #eee;}
.news .n-boxs .n-box .tit h3{ padding: 12px; font-size: 1.8em; color: #333;   display: inline-block; border-bottom: 2px solid #0075db;}
.news .n-boxs .n-box .lists a{ padding: 6px 0; overflow: hidden; display: block; border-bottom: 1px solid #ddd;}
.news .n-boxs .n-box .lists a p{ padding-left: 20px; position: relative; font-size: 1.4em; color: #333; line-height: 24px; height: 24px; float:left; width: calc(100% - 80px); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden; -webkit-line-clamp:1;}
.news .n-boxs .n-box .lists a p:after{ position: absolute; left: 6px; top:10px; width: 6px; height: 6px; background: #ccc; border-radius: 50%; content: "";}
.news .n-boxs .n-box .lists a span{ font-size: 1.4em; color: #999; width: 80px; text-align: right; float:right; line-height: 24px;}
.news .n-boxs .n-box .lists a:hover p{ text-decoration: underline;}
.news .n-boxs .n-box .lists a:hover p:after{ background: #0075db;}
/*display*/
.display .imgs{ margin-top: 12px; overflow: hidden;}
.display .imgs .box{ float:left; width: calc(25% - 20px); margin: 12px 10px; overflow: hidden; }
.display .imgs .box img{ width: 100%; transition:ease .5s all;-moz-transition: ease .5s all; -webkit-transition:ease .5s all; -o-transition: ease .5s all;}
.display .imgs .box:hover img{ transform: scale(1.05);}

/*parts*/
div.fy {text-align:center;line-height:4rem; padding-top:55px;}
div.fy a { margin:2px 2px;padding:6px 10px;color:#7f7e7e;font-size:1.4em; display:inline; background: #fff; border: 1px solid #ddd;}
div.fy a:hover{color:#fff;  background: #0075db; border: 1px solid #0075db;}
div.fy a:active{ color:#fff;  background: #0075db; border: 1px solid #0075db;}
div.fy span.current{  margin:2px 2px;padding:6px 10px; color:#fff;  font-size:1.4em;  background: #0075db;border: 1px solid #0075db;}
div.fy span.disabled{  margin:2px 2px;padding:6px 10px; color:#7f7e7e; font-size:1.4em; background: #fff;  border: 1px solid #ddd;}



@media(max-width:920px){


	
	.news {width:100%!important;}
	.news .warp {width:100%!important;}
	.news .warp .n-boxs  {width:100%!important;}
	.news .warp .n-boxs .n-box {width:100%!important;}
	.news .warp .n-boxs .n-box .newsshow  {width:100%!important;}
	.news .warp .n-boxs .n-box .newsshow .KJXX2014_bd .KJXX2014_Bright {width:100%!important;}

	
}


/*newsshow*/
.newsshow{ padding: 30px 0;}
.newsshow .ns-tits{ padding: 0 0 12px 0; text-align: center; border-bottom: 1px solid #eee;}
.newsshow .ns-tits h3{ font-size: 1.8em; color: #333; line-height: 1.5; margin-bottom: 6px;}
.newsshow .ns-tits h4{ font-size: 1.2em; color: #999; line-height: 1.5;}
.newsshow .ns-tits h4 span{ font-size: 1em; padding: 0 4px; display: inline-block;}
.newsshow .txt{ padding:20px 12px ;}
.newsshow .txt>*{ font-size: 14px; line-height: 1.5;}
.newsshow .btn{ border-top:1px solid #eee; padding: 10px;}
.newsshow .btn a{ display: block; font-size: 1.4em; color: #999; line-height: 1.5;}
.newsshow .btn a:hover{  color: #666; text-decoration: underline;}




.KJXX2014_bd{
	width: 970px;
	margin: 0 auto 20px auto;
}
.KJXX2014_Bright{

	width: 910px;
}

.KJXX2014_Module4{
	border: 1px #CCCCCC solid;
	margin-bottom: 15px;
}
.KJXX2014_Module4 .M4_top{
	background-color: #F4F4F4;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	border-bottom: 1px #DDDDDD solid;
	font-family: "Microsoft YaHei";
	font-size: 15px;
	color: #000000;
}
.KJXX2014_Module4 .M4_middle{
	padding: 5px 10px;
}
.KJXX2014_Module4 .M4_middle .M4_TB1{
	width: auto;
	margin: 0 10px;
}
.KJXX2014_Module4 .M4_middle .M4_TB1 td{
	line-height: 25px;
	padding: 5px;
}



.KJXX2015_bd{
	width: 1200px;
	margin: 0 auto 20px auto;
}
.KJXX2015_Bright{

	width: 1200px;
}

.KJXX2015_Module4{
	border: 1px #CCCCCC solid;
	margin-bottom: 15px;
}
.KJXX2015_Module4 .M4_top{
	background-color: #F4F4F4;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	border-bottom: 1px #DDDDDD solid;
	font-family: "Microsoft YaHei";
	font-size: 15px;
	color: #000000;
}
.KJXX2015_Module4 .M4_middle{
	padding: 5px 10px;
}
.KJXX2015_Module4 .M4_middle .M4_TB1{
	width: auto;
	margin: 0 10px;
}
.KJXX2015_Module4 .M4_middle .M4_TB1 td{
	line-height: 25px;
	padding: 5px;
}



.underline
        {
            text-decoration: underline;
        }
.tbForm {
        background-color:#FFFFFF;
        }
.tbForm table{
         border-collapse: collapse;
		 background-color:#FFFFFF;
        }
.tbForm .FieldName {
           white-space:nowrap;
            }
.tbForm td {
                border: 1px solid #000000;
				background-color:#FFFFFF;
				 padding:5px;
            }
.tbForm td div {
                     padding:5px;
                }
.validStyle {
        color:red;
        }