body{min-width:1003px}
.header{position: fixed; z-index: 1000; width: 100%;}
.navHome,.navBar,.navDir{width: 100%;}
.navHome .wrap,.navBar .wrap,.footer .wrap{ padding: 0 70px;}


.navHome{background:rgba(255,255,255,0.9);height: 70px;-webkit-transition:all ease-out 0.7s; transition:all ease-out 0.7s;}
.navHome .wrap{padding-top: 10px;}
.navCommon{background:#fff; height: 70px;-webkit-transition:all ease-out 0.7s; transition:all ease-out 0.7s;}
.navCommon .wrap{padding-top: 20px;}



/* 首页导航 样式*/
.page-index .navHome {background: url(../images/mask-top-bg.png) repeat-x; height: 143px; position: fixed; z-index: 1}
.page-index .navHome .wrap{padding-top: 20px;}
.page-index .navCommon{background:#fff; background-image: none; height: 90px;}
.page-index .navCommon .wrap{padding-top: 20px;}

.page-index .navHome a.logo{ float: left; width: 370px; height: 52px; background: url(../images/logo-home-a.png) no-repeat;}
.page-index .navHome a.menu{float: right; width: 26px; height: 20px; padding-top: 18px;}
.page-index .navHome a.menu span{display: block;background-color: #fff; height: 3px;}
.page-index .navHome a.menu span.mid{margin: 3px 0;}
.page-index .navHome .mainMenu{float: right;}
.page-index .navHome .mainMenu li{float: left;padding-right: 25px;}
.page-index .navHome .mainMenu li a{display: block; height: 60px; line-height: 60px; color: #fff;}

.page-index .navCommon a.logo{ float: left; width: 370px; height:52px; background: url(../images/logo.png) no-repeat;}
.page-index .navCommon a.menu{float: right; width: 26px; height: 20px; padding-top: 13px;}
.page-index .navCommon a.menu span{display: block;background-color: #000; height: 3px;}
.page-index .navCommon a.menu span.mid{margin: 3px 0;}
.page-index .navCommon .mainMenu{float: right;}
.page-index .navCommon .mainMenu li{float: left;padding-right: 25px;}
.page-index .navCommon .mainMenu li a{display: block; height: 52px; line-height: 52px; color: #000;}
.page-index .navHome .btn-lang{float: right; font-size: 16px; height: 18px; line-height: 18px;padding-top: 16px; margin-right: 40px; color: #fff;}
.page-index .navCommon .btn-lang{float: right; font-size: 16px; height: 18px; line-height: 18px;padding-top: 16px; margin-right: 40px;color: #000;}
.page-index .navHome .btn-lang:hover{font-weight:bold}
.page-index .navCommon .btn-lang:hover{font-weight:bold}




/* 标准导航 样式*/
.navHome a.logo{ float: left; width: 370px; height: 52px; background: url(../images/logo.png) no-repeat;}
.navHome a.menu{float: right; width: 26px; height: 20px; padding-top: 18px;}
.navHome a.menu span{display: block;background-color: #000; height: 3px;}
.navHome a.menu span.mid{margin: 3px 0;}
.navHome .mainMenu{float: right;}
.navHome .mainMenu li{float: left;padding-right: 40px;}
.navHome .mainMenu li a{display: block; height: 52px; line-height: 52px; color: #000;}
.navHome .mainMenu li a:hover{color: #3b7fc8;}
.navCommon a.logo{ float: left; width: 370px; height: 52px; background: url(../images/logo.png) no-repeat;}
.navCommon a.menu{float: right; width: 26px; height: 20px; padding-top: 12px;}
.navCommon a.menu span{display: block;background-color: #000; height: 3px;}
.navCommon a.menu span.mid{margin: 3px 0;}
.navCommon .mainMenu{float: right;}
.navCommon .mainMenu li{float: left;padding-right: 40px;}
.navCommon .mainMenu li a{display: block; height: 52px; line-height: 52px; color: #000;}




.navHome .btn-lang{float: right; font-size: 16px; height: 18px; line-height: 16px;padding-top: 18px; margin-right: 40px; color: #000;}
.navCommon .btn-lang{float: right; font-size: 16px; height: 18px; line-height: 16px;padding-top: 18px; margin-right: 40px;color: #000;}


.navBar{background: #fff; height: 52px;padding: 10px 0; position: fixed; z-index: 2; display: none;}
.navBar a.logo{ float: left; width: 370px; height: 52px; background: url(../images/logo.png) no-repeat;}
.navBar .btn-close{float: right;  padding-top: 17px;}
.navBar .btn-close i{float:left; height: 18px; width: 18px; 
	background: url(../images/ico-close.png) no-repeat; margin-top: 2px;}
.navBar .btn-close span{float:left;height: 18px; line-height: 18px;  font-size: 16px; margin:0 10px;}

.navDir {display: none; position: fixed; top:71px; z-index: 10000; }
.navDir li{width: 100%; background:#eee;  background:rgba(240,240,240,0.9); filter:alpha(opacity=80); margin-top: 1px;
 -webkit-transition:all ease-out 0.3s; transition:all ease-out 0.3s;overflow: hidden;}
.navDir li:hover{background:rgba(255,255,255,0.9); filter:alpha(opacity=90);}
.navDir li a,.navDir li ul{display: block; position: relative;color: #000000;}
.navDir li ul li{background: none;
 -webkit-transition:all ease-out 0.3s; transition:all ease-out 0.3s; }
.navDir li ul li:hover{background: none;}
.navDir li ul li a{font-size: 14px; line-height: 26x; display: inline;}
.navDir li ul li a:hover{color: #3f66ad;}
.navDir a.title{float: left; padding-left: 20%; width: 20%; font-size: 20px;}
.navDir ul.submenu{float: left; width: 60%; padding: 10px 0; display: none;}


/* home css */

.bannerHome{position: relative; z-index: 1;}
.bannerHome .bxslider li{position: absolute; top:0; left: 0px; }
.bannerHome .bxslider li a{display: block; width: 100%; height: 100%; overflow: hidden; position: relative; }
.bannerHome .wrap{position:relative; z-index: 1000; margin-top: -130px; margin-left: 90px;margin-right: 90px; height: 130px; }
.bannerHome .wrap .pager{width: 66px; height: 22px;
 margin-bottom: 20px;
}
.bannerHome .pager a{display: block;
	float: left; width: 22px; 
	height: 22px; 
	background: url(../images/ico-prev.png) no-repeat;
}
.bannerHome .pager a.btn-next{background: url(../images/ico-next.png) no-repeat right; }
.bannerHome .pager a.btn-stop{ background: url(../images/ico-stop.png) no-repeat; }
.bannerHome .pager a.btn-start{ background: url(../images/ico-start.png) no-repeat; }

.bannerHome .captions li div{ height: 30px; width: 320px; color: #fff; font-size: 20px;letter-spacing:8px;}
.bannerHome .btn-down{display: block;position: absolute; left: 50%; width: 30px; margin-left: -15px;}
.bannerHome .btn-down i{ display: block; height: 4px; background: #fff; margin:0 auto 3px auto;
     -webkit-animation-name:'downIco';/*动画属性名，也就是我们前面keyframes定义的动画名*/
     -webkit-animation-duration: 0.5s;/*动画持续时间*/
     -webkit-animation-timing-function: ease-in-out; /*动画频率，和transition-timing-function是一样的*/
     -webkit-animation-delay: 0.5s;/*动画延迟时间*/
     -webkit-animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
     -webkit-animation-direction: alternate;/*定义动画方式*/
     animation-name:'downIco';/*动画属性名，也就是我们前面keyframes定义的动画名*/
     animation-duration: 0.5s;/*动画持续时间*/
     animation-timing-function: ease-in-out; /*动画频率，和transition-timing-function是一样的*/
     animation-delay: 0.5s;/*动画延迟时间*/
     animation-iteration-count: infinite;/*定义循环资料，infinite为无限次*/
     animation-direction: alternate;/*定义动画方式*/
}

/* 向下箭头动画 */
.bannerHome .btn-down i:nth-child(2){width: 60%; -webkit-animation-delay: 0.9s;animation-delay: 0.9s; } 
.bannerHome .btn-down i:nth-child(3){width: 20%; -webkit-animation-delay: 1.2s;animation-delay: 1.2s; } 
@-webkit-keyframes 'downIco' {0% {opacity: 0.5;}100% {opacity: 1;} }



/* 首页新闻 滚动样式 */
.page-index .sliderBox{display: block; overflow: hidden; width: 100%;}
.page-index #eventListBox{position: relative;}
.page-index #eventListBox .controls a{display: block; width: 27px; height: 27px; position: absolute; top:50%;
opacity: 0.6; filter:alpha(opacity=60);
 -webkit-transition:all ease-out 0.3s; transition:all ease-out 0.3s;
}
.page-index #eventListBox .controls a.btn-prev{left: 30px; background: url(../images/ico-home-left.png) no-repeat;}
.page-index #eventListBox .controls a.btn-next{right: 30px;background: url(../images/ico-home-right.png) no-repeat;}
.page-index #eventListBox .controls a.btn-prev:hover{left: 25px;opacity: 1; filter:alpha(opacity=100);}
.page-index #eventListBox .controls a.btn-next:hover{right: 25px;opacity: 1; filter:alpha(opacity=100);}




/* 4 grid */
.wrap_1{padding: 60px 60px 0 60px; padding-top: 0px;padding-top: 120px; overflow:hidden}
.list_1{display: block; overflow:hidden; width:100%;}
.list_1 li{width: 25%; float: left; overflow:hidden; text-align:center}
.list_1 li a img{width: 100%; height: auto;}
.list_1 li a{display: block; margin:20px; overflow:hidden;font-size: 16px; background:#ebebeb;display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
	transition: all .3s ;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
}
.list_1 li a:hover{background:#75b2de; color:#FFFFFF;}
/*.list_1 li p{font-size: 14px; color: #999; line-height: 26px;}
.list_1 li a span.title{display:block; margin:40px 0; font-size: 18px; line-height: 26px; }
.list_1 li a span.title:hover{text-decoration: underline;}
.list_1 li datetime{ font-size: 14px; display: block;}
.list_1 li .desp{font-size: 14px; line-height: 20px; color: #888;}
.list_1 li a:hover{margin-top: -15px; }
.list_1 li a:hover img{border-top: 3px solid #2655aa;}*/
.pro{overflow:hidden}
/*.list_1 li a:hover img{transform:scale(1.3);}
.list_1 li a img{
	transition: all 1s ;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}
*/

.list_1 li h3{display:block;font-size: 15px; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:6px 10px 10px 10px;}


/* list 3*/
.list_1 li.even a{display: block;padding: 30px;-webkit-transition:all ease-out 0.3s; transition:all ease-out 0.3s;}
.list_1 li.even a .title{display:block; margin:40px 0; font-size: 16px; line-height: 26px; }
.list_1 li.even datetime{ font-size: 14px; display: block;}
.list_1 li.even .desp{font-size: 14px; line-height: 20px; color:#333}
.list_1 li.even a:hover{margin-top: -15px; }
.list_1 li.even a:hover img{border-top: 3px solid #cc0000;}
.list_1 li.even h3{display:block; margin:30px 0 0 0; font-size: 16px; line-height: 26px;}
.list_1 li.even span{font-size: 14px; color: #999;}
/*.list_1 li.even picture{display: block; position:relative; overflow:hidden; padding:20px; background:#FF0000}*/

/* 2 grid */
.wrap_2{padding: 0px;padding-top: 70px;}
.list_2{display: block;}
.list_2 li{width: 100%; float: left; background-color: #fafafa; margin-bottom: 30px; overflow:hidden;}
.list_2 li a{float: left;width: 50%; position:relative; overflow: hidden; }
.list_2 li a.pic img{width: 100%; height: auto;-webkit-transition:all ease-out 0.5s; transition:all ease-out 0.3s;}
.list_2 li a.pic:hover img{
	 -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
}
.list_2 li a.text{}
.list_2 li a.text .box{padding: 40px; position:absolute;}
.list_2 li a.text span{display: inline-block;}
.list_2 li a.text .title{display:block;font-size:28px; color:#5c88d6}
.list_2 li a.text .smallTitle{font-size:18px; color: #b6b6b6;clear: both; float: none; text-transform:uppercase;}
.list_2 li a.text .info{ padding-top: 40px; padding-bottom:50px; padding-right:40px; font-size: 14px; line-height: 26px;}
.list_2 li a.text .info label{color: #666;}
.list_2 li a.text .btn-more{width: 24px; height: 24px; background: url(../images/ico-add.png) no-repeat; 
    position: absolute; bottom: 40px; right: 40px;
    transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;

}
.list_2 li a.text .btn-more:hover{
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    opacity: 0.6; filter:alpha(opacity=60);
}


/* common */
.first_row{padding-top: 90px;}
.toolsBar{position: fixed; top: 70px; width:100%;z-index: 800; display:block; border-top:solid 1px #e7e7e7;
    background-color: #fff;
    background:rgba(255,255,255,0.9); filter:alpha(opacity=0); opacity:0;
    -webkit-transition:all ease-out 0.3s; transition:all ease-out 0.3s;
}
.toolsBar.show{top: 70px;filter:alpha(opacity=90); opacity:100; }

.toolsBar .wrap{padding: 15px 90px 15px 90px;}
.toolsBar .categorys{float: left;}
.toolsBar .categorys a{float: left; margin-right: 15px; color: #000; padding:7px 12px 7px 12px;background:#e5e5e5;
	border-radius:3px;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
}
.toolsBar .categorys a:hover,.toolsBar .categorys a.current{color: #FFF; background:#3b7fc8;-webkit-transition:all ease-out 0.2s; transition:all ease-out 0.2s;}
.toolsBar .views{float: right;}
.toolsBar .views a{float: right; width: 24px; height: 18px; margin-left: 10px;}
.toolsBar .views a.list{background: url(../images/ico-list.jpg) no-repeat;}
.toolsBar .views a.list:hover,.toolsBar .views a.list.current{background: url(../images/ico-list2.jpg) no-repeat;}
.toolsBar .views a.grid{background: url(../images/ico-grid.jpg) no-repeat;}
.toolsBar .views a.grid:hover,.toolsBar .views a.grid.current{background: url(../images/ico-grid2.jpg) no-repeat;}




.detailsRow1{font-size: 14px; max-width: 1080px; margin: 0 auto; padding: 0 50px; color:#444}
.desp{line-height:28px;}
.leftGrid{float: left; width: 50%;}
.rightGrid{float: right; width: 50%;}
.leftGrid2{float: left; width: 50.5%;}
.rightGrid2{float: right; width: 49.5%;}
.leftGrid img,.leftGrid2 img{width:95%}
.lineFull{width: 100%; height: 1px; line-height: 1px; background: #eee; margin: 0 30px;
clear:both;float: none;
}
.leftGrid {line-height: 26px;}

.fullBanner{position: relative; overflow: hidden; background: #fff;}
.sliderBig .bx-viewport ul li div{width: 100%; position: relative;}
.sliderBig .bx-viewport ul li img{ position: absolute;}

.fullBanner .pager{position: absolute;left: 90px;
 bottom: 120px;z-index: 1003; width: 114px;height: 22px;}
.fullBanner .pager a{float: left;width: 14px; height: 22px; color: #fff; font-size: 16px;}
.fullBanner .pager a.num-cur{width: 14px;}
.fullBanner .pager a.num-max{width: 22px;}
.fullBanner .pager a.btn-prev{background: url(../images/ico-prev2.png) no-repeat;
 opacity: 0.8; filter:alpha(opacity=80); margin-right: 10px;}
.fullBanner .pager a.btn-next{background: url(../images/ico-next2.png) no-repeat;
    opacity: 0.8; filter:alpha(opacity=80);  margin-left: 10px;}
.fullBanner .pager a.btn-prev:hover{opacity: 1;filter:alpha(opacity=100); }
.fullBanner .pager a.btn-next:hover{opacity: 1;filter:alpha(opacity=100); }
.fullBanner .pager a.btn-line{width: 1px; background: #fff;opacity: 0.5; filter:alpha(opacity=50); margin: 0 10px;  }


.fullBanner .captions{position: absolute; bottom: 0px;  z-index: 701; 
    color: #fff;
    width: 100%; height: 206px; background: url(../images/bg-txtmask.png) repeat-x;
}
.fullBanner .captions .box{padding-left: 90px; padding-top: 100px;}
.fullBanner .captions li span{font-size: 26px; display: block; line-height: 28px;}
.fullBanner .captions li span.en{font-size: 14px;}



a.btn-back{display: block; height: 20px; line-height:20px;text-indent: 30px; background: url(../images/ico-left-zt.jpg) no-repeat;}
a.btn-back:hover{text-decoration: underline;}
.artNav{height: 20px; line-height: 20px; float: right;}
.artNav a{ float: left; height: 20px; line-height: 20px;opacity: 0.8; filter:alpha(opacity=80);}
.artNav a.prev{width: 20px; background: url(../images/ico-left-zt.jpg) no-repeat;}
.artNav a.next{width: 20px; background: url(../images/ico-right-zt.jpg) no-repeat; margin-right: 10px;}
.artNav a.line{width: 20px; background: url(../images/ico-line.jpg) no-repeat;}
.artNav a:hover{opacity: 1;filter:alpha(opacity=100); text-decoration: underline; }


a.link:hover{color: #cc0000;}
a.link-mail{ text-decoration: underline;}
/*footer */
.fl{float: left;}.fr{float: right;}
.footer{padding-top: 20px; padding-bottom:20px; border:solid 1px #e5e5e5; overflow:hidden}
.footer a{font-size: 14px;}
.footer span{font-size: 14px;}
.footer .fl{ margin-right: 20px;}.footer .fr{ margin-left: 20px;}
.footer .location{text-indent: 24px; background: url(../images/ico-local.png) no-repeat; color: #333;}
.footer .btn-sina{width: 18px; height: 14px; background: url(../images/share-sina.png) no-repeat; background-size: 18px 14px; opacity: 0.7;}
.footer .btn-wx{width: 18px; height: 14px; background: url(../images/share-wx.png) no-repeat; background-size: 18px 14px;opacity: 0.7;}
.footer .btn-sina:hover,.footer .btn-wx:hover{opacity: 1;}


/*projects*/

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(../images/bx_loader.gif) center center no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

@media only screen and (max-width: 1024px) {
    .navHome .wrap,.navBar .wrap,.footer .wrap{ padding: 0 20px;}
    .page-index .navHome .wrap{padding-top: 20px;}
    .page-index .navHome a.menu{padding-top: 14px;}
    .page-index .navHome .btn-lang{padding-top: 13px; margin-right: 10px;}
    .page-index .navCommon{height: 70px;}
    .wrap_1{padding:152px 10px 20px 10px; }
    .detailsRow1{padding: 0 30px 30px 30px;}
    .page-index .navHome a.logo{  width: 370px; height: 52px; background-size: 370px 52px;}  

    .navHome{height:70px;}
    /*.navHome .mainMenu{display: none;}*/
    .navHome a.logo{  width: 370px; height: 52px; background-size: 370px 52px; margin-top:10px;}

    .navHome .btn-lang{margin-right: 10px;padding-top: 25px;}
    .navHome a.menu{padding-top: 25px;}
	
	.navHome .mainMenu li a{display: block; height: 68px; line-height: 68px; color: #000;}

    .navBar{padding: 10px 0; height: 70px;}
    .navBar a.logo{  width: 370px; height: 52px;background-size: 370px 52px;}
    .navBar .btn-close{padding-top: 18px}
    .navDir{top:70px;}
    .navDir a.title{padding-left: 5%; width: 40%; font-size: 16px;}
    /*.navDir ul.submenu{width: 50%; padding: 10px 0; display: none;}*/
    .toolsBar{top:38px;}
    .toolsBar.show{top:70px;}
    .toolsBar .wrap {
      padding: 20px 20px 20px 20px;
    }

    .first_row{padding-top: 50px;}
	
}



/*----------------------------------------*/
.he1{height:20px}

.ym{width:100%; padding-top:20px; padding-bottom:15px; overflow:hidden; text-align:center}
.ym a{border:solid 1px #e3e3e3; padding:5px 10px 5px 10px; color:#545454; margin-right:5px; margin-bottom:5px;display:inline-block;}
.ym a:hover{background:#75bd3e; color:#FFF; border:solid 1px #75bd3e;}
a.select{background:#3b7fc8; color:#FFF; border:solid 1px #3b7fc8;}
a.select:hover{background:#3b7fc8; color:#FFF; border:solid 1px #3b7fc8;}

.about{background:rgba(255,255,255,0.85); margin:0 5% 0 5%;}

#timeline {height: 300px;overflow: hidden;margin: 100px auto;position: relative;background: url(../fz/img/dot.gif) left 45px repeat-x;}
#dates {width: 760px;height: 60px;overflow: hidden;}
#dates li {list-style: none;float: left;width: 100px;height: 50px;font-size: 24px;text-align: center;background: url(../fz/img/biggerdot.png) center bottom no-repeat;}
#dates a {line-height: 38px;padding-bottom: 10px;}
#dates .selected {font-size: 38px;}
#issues {width: 760px;height: 300px;overflow: hidden;}	
#issues li {width: 760px;height: 300px;list-style: none;float: left;}
#issues li h1 {color: #ffcc00;font-size: 42px;margin: 20px 0;text-shadow: #000 1px 1px 2px;}
#issues li p {font-size: 14px;margin-right: 70px; margin:10px; font-weight: normal;line-height: 22px;}