@charset "utf-8";
/* CSS Document */

/* css reset */
@media screen and (max-width:1100px){
body{width:1100px;}
}
    /* 清除内外边距 */
    body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
    dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
    pre, /* text formatting elements 文本格式元素 */
    fieldset, legend, button, input, textarea, /* form elements 表单元素 */
    th, td { /* table elements 表格元素 */
        margin: 0;
        padding: 0;
        border: 0px;
        font-weight: normal; 
        font-family: 微软雅黑, 宋体, 'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
    }
    
    /* 设置默认字体 */
    body,
    button, input, select, textarea {
	 font-family: 微软雅黑, 宋体, 'Microsoft Yahei',"Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
	font-size: 14px;
	color:#333;
	/* [disabled]outline:none; */
    }
    button, input, select, textarea{ outline:none;}
    html {line-height: 1; }
    address, cite, em, var,i { font-style: normal; } /* 将斜体扶正 */
    
    h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
    h2 { font-size: 16px; }
    h3 { font-size: 14px; }
    h4, h5, h6 { font-size: 100%; }
    
    /* 重置列表元素 */
    ul, ol, li { list-style: none; }
    
    /* 重置文本格式元素 */
    a { text-decoration: none; color:#666; cursor:pointer;}
    a:hover { text-decoration:none; color: #045bb8;  transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
	
	/* 重置图片元素 */	
    img {border: 0px;vertical-align:middle;-ms-interpolation-mode: bicubic;width: 100%;}

.bx_fl, .fl {float: left;}
.bx_fr, .fr {float: right;}
.container{width:1100px; margin:0 auto;}
.clear{ clear:both;}
.c10{height:10px;width:100%;}
.c20{height:20px;width:100%;}
.c30{height:30px;width:100%;}
.dis{display:block;margin:0px;padding:0;}
.undis{display:none;margin:0px;padding:0;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0}
.hot .item .img img, .hot .item .pic img{
	width:100%; height:100%;
	overflow-x: hidden;
    overflow-y: hidden;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.hot .item .img img:hover, .hot .item .pic img:hover{
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
	}
	 
body,html{background: #eeeeee;min-width: 1100px;}
/*top*/


.top-box { width: 100%; height: 125px; background-color: #fff;min-width: 1100px; }
.top-main { margin: 0 auto; width: 1100px; }
.top-logo { float: left; }
.top-logo img { width: 230px; height: auto; padding: 20px 0; }
.top-name { float: right; }
.top-name img { line-height: 125px; padding-top: 30px; }


/*head*/
.header{ width: 100%; height: 40px; line-height: 40px; background-color: #004c8f; position: relative; z-index: 10;min-width: 1100px;text-align:center; }
.header  * { font-size: 13pt; }
.
/*nav*/

.nav * { font-size: 13pt; }
.nav {height: 40px; margin: 0 auto;display: inline-block; }
.nav ul { list-style-type: none; margin: 0 auto; padding: 0; }
.nav ul li { display: inline-block; position: relative; }
.content > li { background: url(../image/123.png) 0 50% no-repeat; }
.content > li:first-child { background-image: none; }
/* sub navigation */
.nav li ul { background-color: #00b6d1; position: absolute; left: 0px; top: 40px; /* make this equal to the line-height of the links (specified below) */ }
.nav li li { position: relative; margin: 0; display: block; }
.nav li li ul { position: absolute; top: 0; left: 120px; /* make this equal to the width of the sub nav above */ margin: 0; }
/* style all links */
.nav a { line-height: 40px; padding: 0 25px;color: #fff; text-decoration: none; display: block; }
.nav-intro { width: 120px; }
.nav-terrace { width: 265px; text-align: left; }
.nav-holding { width: 165px; }
.nav a:hover,
.nav a:focus,
.nav a:active { background-color: #00b6d1;  color: rgb(0,0,0); }
.more:hover{ background-color: #00b6d1;}
/* style sub level links */
.nav li li a { border-bottom: solid 1px #019cb2; margin: 0 10px; padding: 0; }
.nav li li:last-child a { border-bottom: none; }
/* hide sub menu links */

/* show arrows for dropdowns */
.nav li.more > a { background-image: url('../image/arrow-down.png'); background-position: 100px 20px; background-repeat: no-repeat; }

.nav > .content li.on a{color: rgb(255,255,255); background-color:#00b6d1; }
.nav > .content li.on .menu-child a{color: #fff;}
.nav > .content li.on .menu-child a:hover{color: rgb(0,0,0);}
.nav > .content li.more{ position:relative; margin-right:0;}
.nav > .content li.more:before{content:''; position:absolute; right:-20px; top:13px; display:inline-block; width:12px; height:7px;background-repeat:no-repeat; background-position:-10px -69px; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
.nav > .content li.more:hover:before{background-position:-10px -86px; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
ul.menu-child { display: none; }
.nav > .content li > .menu-child li{float:none; margin-right:0;}



/*index banner*/
.banner-box { width: 100%; margin: 0 auto; overflow-x: hidden; z-index: 1; min-width: 1100px;}
.banner-main { width: 100%; min-width: 1100px;}
.banner-main img {  width: 100%;min-width: 1100px;}

/*搜索*/
.search { width: 1100px;margin: 30px auto; height: 40px; }
.search-left { width: 110px; background-color: #0665ad; text-align: center; color: #fff; height: 40px; line-height: 40px; font-size: 14px; float: left; font-weight: bold;}
.search-box { width: 830px; height: 40px; margin: 0 auto; float: left; margin-left: 15px; }
.search-content { margin: 0 auto; width: 830px; height: 40px; }
.search_form { width: 600px; height: 40px; border-radius: 10px; }
.searchCon{ width: 737px; height: 38px; line-height: 40px; float: left; background: #fff; outline: 1px solid #eee; border: none; margin-right: 12px; padding-left: 10px; }
.select-box { width: 80px; overflow: hidden; background: #fff url(../images/search_select.png) no-repeat 60px 50%; float: left; }
.select-had { width: 93px; border-right: none; display: block; line-height: 50px; height: 50px; overflow: hidden; }
.search-select-index { width: 98px; height: 50px; float: left; border: none; background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0; color: #333; font-size: 14px; line-height: 50px; }
.search-select-index option { width: 90px; padding-top: 105px; }
.searchMenu { border: none; background: #0665ad url(../image/search.png) no-repeat center center scroll; width: 70px; height: 40px; float: right }
.search-right { float: right; width: 120px; height: 40px; line-height: 40px; font-size: 14px; }
.search-right a,
.search-right p { float: left; display: block; color: #0665ad; }
.search-right p { margin: 0 10px; }





/*新闻样式开始*/

/*main*/
.main{padding:32px 0 50px; border-bottom:5px solid #ef3838; position:relative;}
.w860{width:860px; float:left;}

/*footer*/
#footer { height: 270px; background-color: #062641; width: 100%; color: #ffffff; min-width: 1100px; }
.footer-top { height: 40px; font-size: 12px; background-color: #0d518b; line-height: 40px; color: #b4dcff ;}
.footer-top a { color: #b4dcff }
#footer .footer-top a:hover { color: #03c2de }
.footer-blogroll { width: 1100px; margin: 0 auto; text-align: left;overflow: hidden;height: 40px; }
#footer a { margin: 0 5px }
#footer a:hover { color:  #045bb8; }
#footer-bottom { width: 900px; margin: 0 auto; margin-top: 40px; }
.footer-map { width: 700px; border-bottom: solid #ffffff 1px; ; margin: 0 auto 25px; height: 40px; text-align: center;}
.footer-map a { color: #ffffff }
.footer-content { height: 20px; line-height: 20px; margin: 0 auto 30px; text-align: center;}
.clearfix:after{ content:""; height:0; visibility:hidden; display:block; clear:both; }

.jjdt{width: 1100px;margin: 0 auto 15px;}
.jjdt .news-right{width: 336.666666px;float: left;margin-left: 15px;}
.jjdt .news-right:first-child{margin-left: 0;}
.jjdt .news-name{width: 215px;}
.jjbd {width: 1100px; margin: 0 auto 15px;box-sizing: border-box;}
.jjbd_img{padding-top: 15px;} 
.jjxt_img ul{padding: 20px 0;width: 100%; margin: 0 auto;}
.jjxt_img li{width: 30%;margin-left: 5%;float: left;text-align: center;}
.jjxt_img li a{display: block;}
.jjxt_img li a img{width: 90%;}
.jjxt_img li:first-child{margin-left: 0;}
/*新闻样式结束*/

/*main-bg*/
.main-bg { margin: 15px 0;}
.main-box { width: 1100px; margin: 0 auto; }
/*news*/
.box-bg { background-color: #fff; padding: 10px; }
.news,.box3 { height: 270px; margin-bottom: 10px; }
.box2,.box3{margin-bottom: 15px;}
.news-left { width: 405px; height: 245px; float: left; overflow: hidden;}
.news-right { width: 640px; height: 245px; float: right; overflow: hidden;}
.zone { width: 1100px; margin: 0 auto; }
.zone01 { margin-top: -90px; height: 770px; }
.news-list { height: 200px; display: block; }
.news-title { margin-top: 8px; margin-left: 10px; font-size: 14px; text-align: left; color: #5d5d5d; background-color: #eeeeee; display: block; width: 255px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }
.news-list > img { width: 405px; height: 210px; }
#slideshow_wrapper { POSITION: relative; PADDING-BOTTOM: 0px; BACKGROUND-COLOR: #eeeeee; PADDING-LEFT: 0px; WIDTH: 405px; PADDING-RIGHT: 0px; HEIGHT: 245px; OVERFLOW: hidden; PADDING-TOP: 0px }
#slideshow_footbar { Z-INDEX: 5; POSITION: absolute;  FILTER: progid:DXImageTransform.Microsoft.gradient(startColorstr=#32000000, endColorstr=#32000000);
WIDTH: 100%; BOTTOM: 0px; HEIGHT: 30px }
#slideshow_photo { POSITION: absolute; WIDTH: 100%; HEIGHT: 100%; CURSOR: pointer }
#slideshow_photo A { Z-INDEX: 1; BORDER-BOTTOM: 0px; POSITION: absolute; BORDER-LEFT: 0px; MARGIN: 0px; DISPLAY: block; BORDER-TOP: 0px; TOP: 0px; BORDER-RIGHT: 0px; LEFT: 0px }
#slideshow_footbar .slideshow-bt { BACKGROUND-COLOR: #d2d3d4; MARGIN: 10px 10px 0px 0px; WIDTH: 10px; DISPLAY: inline; FLOAT: right; HEIGHT: 10px; FONT-SIZE: 0px }
#slideshow_footbar .bt-on { BACKGROUND-COLOR: #30b1eb }
.span-top {  border-bottom: 1px solid #eee;height: 40px; font-size: 14px; }
.business .span-top{ border: none;}  
a.span-title,  a.span-title-normal{color: #fff;height: 40px; line-height: 40px; padding-left: 25px; padding-right: 10px; float: left; display: block; font-weight: bold; }
.business a.span-title,.business a.span-title-normal{color: #fff;}
.business a.span-title-normal{font-weight: 100;}
.business a.span-title-normal:hover,
.business a.span-title:hover { color: #ffffff;  }
.title-active { color: #ffffff; background: #005cad url("../image/title-active.png") 10px center no-repeat scroll; }
.title-normal { color: #888888; background: #ffffff url('../image/title-normal.png') 10px center no-repeat scroll; }
.span-more { float: right; line-height: 40px; margin-right: 10px; color: #888; }
.span-list ul li { line-height: 30px; height: 30px; font-size: 12px; }
.span-more:hover { color: #005cad }
.span-list ul { padding: 15px 10px; }
.span-list ul li a { padding: 20px 10px; }
.date { float: right; }
.news-date { width: 80px; }
.news-name { float: left; width: 430px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; }

/*公示公告*/
.notice{width: 1100px; height: 60px; box-sizing: border-box; margin: 0 auto;overflow: hidden; margin-bottom: 15px;}
.notice-list {line-height: 40px; font-size: 12px; height: 40px; width: 100%;  border-bottom: 1px solid #c2c2c2;}
.notice-list .span-top{margin-right: 50px;}
.notice-list .notice-ul{width: 900px;height: 40px;overflow: hidden;}
.notice-ul ul{padding-left: 50px;  height: 40px;}
.notice-ul ul li{width: 450px; padding-right: 50px;height: 40px;float: left;}
.notice-date { width: 100px;  float: left; text-align: right;}
.notice-name { float: left; width: 300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; padding-right: 50px; }
/*公示公告 结束*/

.business-c,.business { width: 542.5px; height: 245px; float: left;box-sizing: border-box;overflow: hidden;overflow: hidden;}
.business-c {margin-left: 15px;}

.business h4 { font-weight: bold;}
.business-box{width: 96px;height: 225px;background: url(../image/ywzc.png) no-repeat 100%;background-size: 96px 225px;}

.business-c-box{width: 522px;height: 95px;background: url(../image/jyms.png) no-repeat 100%;background-size: 522px 95px;}
.business-box .span-top,.business-c-box .span-top{border: none;overflow: hidden;}
.business-box .span-top a,.business-c-box .span-top a{display: block; color: #fff;height: 40px;text-align: left;font-size: 14px;line-height: 40px;font-weight: bold;background:url('../image/title-active.png') 10px center no-repeat scroll;padding-left: 25px;}
.business-content{width: 426px;height: 225px; overflow: hidden;}
.specialty{width: 262px; height: 225px; overflow: hidden;}
.pattern{width: 164px; height: 225px; overflow: hidden;}
.business-title {height: 40px;overflow: hidden; text-align: center;  display: table-cell; vertical-align: middle; overflow: hidden;}
 .business-title h4{height: 40px;line-height:40px;overflow: hidden;font-weight: bold;font-size: 15px;}
.specialty .business-title {width: 262px;background: url(../image/gyhjzl.png) no-repeat;background-size: 262px 40px;}
.pattern .business-title {width: 164px; background: url(../image/qystxf.png) no-repeat;background-size: 164px 40px;}
.specialty ul {padding: 15px 0px 0px 5px;width: 262px;box-sizing: border-box;overflow: hidden;}
.business ul li {box-sizing: border-box;font-size: 14px; text-align: left; line-height: 32px;height: 32px; list-style: none;background: url('../image/011.png') no-repeat 5px;background-size: 12px 12px; }
.specialty ul li{width: 222px;overflow: hidden;padding-left: 25px;}
.pattern ul {margin-top: 20px;border-left: 1px solid #eeeeee; padding: 30px 0 30px 5px;width: 164px;box-sizing: border-box;overflow: hidden;}
.pattern ul li{width: 129px;overflow: hidden;padding-left: 25px;}
.pattern-content{margin-top: 20px;}
.pattern-content ul{margin: 0 auto;}
.pattern-content ul li {padding-left:25px;width: 172px;border-right: 1px solid #eeeeee; float: left;overflow: hidden;}
.pattern-content ul li:nth-child(3n){border-right: none;width: 180px;}
.pattern-content ul li:nth-child(3n+2){width: 160px;}
.business a{color: #666;}
.business a:hover{ color: #045bb8;}
.business-box a:hover,.business-c-box a:hover{color: #fff;}


/*创新平台*/
.terrace{width: 1080px; margin:0 auto 15px;height: 210px;}
.terrace-list {width: 1080px; height: 149px;overflow: hidden;position: relative; }
.terrace ul { padding-top: 10px; position: absolute;top: 0;left: 0;}
.terrace ul li { float: left; width: 255px; margin-left: 20px;height: 139px;text-align: center; }
.terrace ul li:first-child{margin: 0;}

.terrace ul li a { padding: 0;text-align: center; }
.terrace ul li img { height: 139px;}
.box3-bg { background-color: #ffffff; }
.case-box { padding: 10px; }
.terrace-list-con { width: 100%; height: 150px; margin: 0 auto; position: relative; overflow: hidden; }
.btnC_left { display: block; width: 33px; height: 68px; background: url(../image/roll.png) no-repeat right top; position: absolute; top: 42px; left: 14px; z-index: 1; }
.btnC_left:hover { background: url(../image/roll.png) no-repeat -3px top; }
.btnC_right { display: block; width: 33px; height: 68px; background: url(../image/roll.png) no-repeat right bottom; position: absolute; top: 42px; right: 14px; z-index: 1; }
.btnC_right:hover { background: url(../image/roll.png) no-repeat -3px bottom; }
/*创新平台结束*/

/*滚动图*/
.roll { margin: 30px auto 0; position: relative; text-align: center;}
.btn_left { display: block; width: 33px; height: 68px; background: url(../image/roll.png) no-repeat right top; position: absolute; top: 20px; left: 14px; z-index: 1; }
.btn_left:hover { background: url(../image/roll.png) no-repeat -3px top; }
.btn_right { display: block; width: 33px; height: 68px; background: url(../image/roll.png) no-repeat right bottom; position: absolute; top: 20px; right: 14px; z-index: 1; }
.btn_right:hover { background: url(../image/roll.png) no-repeat -3px bottom; }
.roll .wrap { width: 960px; height: 150px; margin: 0 auto; position: relative; overflow: hidden; }
.roll .wrap img { width: 182px; height: 112px; border: 1px solid #ccc; }
.roll ul { position: absolute; top: 0; left: 0; }
.roll li { float: left; width: 192px; height: 150px; text-align: center; }
.roll li a:hover { position: relative; top: 2px; }
.wrap h4 { margin-top: 10px; }