body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:14px/1.5 '\5FAE\8F6F\96C5\9ED1',arial,'Hiragino Sans GB'; color:#666; background:#f8f8f8; }
img{vertical-align: middle; border:none;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle; outline:none; font-family:'arial';}
a{ color:#333; text-decoration: none; }
a:focus {outline: 0 none;}
h1,h2,h3,h4{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.zbtn,.btn,textarea{font-family:"\5FAE\8F6F\96C5\9ED1",arial,'Hiragino Sans GB';}
.wrap{ width:1200px; min-width: 1200px; margin:auto;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
.btn{ border: none; cursor: pointer;}
html,body{ width: 100%; height: 100% ; min-width: 1200px;}


.yuy,.searchbtn,.slide .flex-direction-nav a,.search .btn,.close,.bdsharebuttonbox a{ background: url(../images/icon1.png) no-repeat ; display: inline-block; vertical-align: middle; }
.yuy,.close{ -webkit-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
.header-bar{ -webkit-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; transition: all 1s ease 0s;}
.pages a,.news-title a,.news-pic img,.hot li a,.pice a,.menus li a,.tbtn,.nav li a{ -webkit-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;  }

.header-bar{ height: 72px; background: rgba(0,0,0,0.45); width: 100%; position: fixed; left: 0; top: 0; z-index: 9999; }
.logo{ float: left; font-size: 0; margin-top: 11px; }
.nav{ float: left; padding-left: 80px;}
.nav li{ float: left; height: 72px; line-height: 72px; font-size: 18px; margin-right: 30px; position: relative;}
.nav li a{ color: #fff; }
.nav li a:hover,.nav li .active{ color:#00688e; }
.language{ float: left; width: 31px; height: 31px; margin: 21px 21px 0 0; position: relative;}
.yuy{ background-position: 0 0; width: 31px; height: 31px;  font-size: 0; text-indent: -9999px; position: absolute; left: 0; top: 0; z-index: 2; transform: scale(1);}
.close{ background-position: -89px 0; width: 31px; height: 31px; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; filter: alpha(opacity=0); transform: scale(0); cursor: pointer;}
.bn .yuy{ transform: scale(0); opacity: 0; filter:alpha(opacity=0); z-index: 1;}
.bn .close{ transform: scale(1); opacity: 1; filter:alpha(opacity=100); z-index: 2;}
.dm{ width: 120px; background: #7bb237; position: absolute; left: 50%; margin-left: -60px; top: 72px; display: none;}
.nav .dm a{ font-size: 14px; display: block; text-align: center;line-height: 1; padding: 15px 0; border-bottom: 1px solid #adcf83; }
.nav .dm a:hover{ background: #adcf83; color: #fff;}
.current .dm { display: block; }

.searchbtn,.search .btn{ background-position: -54px -5px; width: 20px; height: 21px; float: left; font-size: 0; text-indent: -9999px; margin-top: 26px; cursor: pointer;}
.ts .nav li{
    -webkit-animation:navIn 0.3s ease 0.35s both ;
    -ms-animation:navIn 0.3s ease 0.35s both ;
    animation:navIn 0.3s ease 0.35s both ;
}
.ts .nav li:nth-of-type(2){
    -webkit-animation-delay: 0.3s;
    -ms-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.ts .nav li:nth-of-type(3){
    -webkit-animation-delay: 0.25s;
    -ms-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.ts .nav li:nth-of-type(4){
    -webkit-animation-delay: 0.2s;
    -ms-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.ts .nav li:nth-of-type(5){
    -webkit-animation-delay: 0.15s;
    -ms-animation-delay: 0.15s;
    animation-delay: 0.15s;
}
.ts .nav li:nth-of-type(6){
    -webkit-animation-delay: 0.1s;
    -ms-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.ts .nav li:nth-of-type(7){
    -webkit-animation-delay: 0.05s;
    -ms-animation-delay: 0.05s;
    animation-delay: 0.05s;
}
.ts .nav li:nth-of-type(8){
    -webkit-animation-delay: 0s;
    -ms-animation-delay: 0s;
    animation-delay: 0s;
}

.zs .nav li{
    -webkit-animation:navOut 0.3s ease 0s both ;
    -ms-animation:navOut 0.3s ease 0s both ;
    animation:navOut 0.3s ease 0s both ;
}
.zs .nav li:nth-of-type(2){
    animation-delay: 0.05s;
}
.zs .nav li:nth-of-type(3){
    animation-delay: 0.1s;
}
.zs .nav li:nth-of-type(4){
    animation-delay: 0.15s;
}
.zs .nav li:nth-of-type(5){
    animation-delay: 0.2s;
}
.zs .nav li:nth-of-type(6){
    animation-delay: 0.25s;
}
.zs .nav li:nth-of-type(7){
    animation-delay: 0.3s;
}
.zs .nav li:nth-of-type(8){
    animation-delay: 0.35s;
}

.pa{ position: relative; }
.search{ position: absolute; left: 600px; top: 11px;  visibility: hidden; width: 651px;}
.search .text{ height: 30px; line-height: 30px; padding: 10px; width: 600px; background: none;  border:0; color: #fff; float: left;}
.search .btn{ margin: 10px 0 0 0; width: 30px; height: 30px; background-position: -49px 0px;}
.ts .search{ display: block; }
.ts .header-bar{ background: rgba(0,0,0,0.9); }
.ts .search{ left: 275px; visibility: visible; -webkit-transition: all 0.5s cubic-bezier(0.18, 0.19, 0.04, 1.28) 0.4s; -ms-transition: all 0.5s cubic-bezier(0.18, 0.19, 0.04, 1.28) 0.4s; transition: all 0.5s cubic-bezier(0.18, 0.19, 0.04, 1.28) 0.4s;}

.no-cssanimations .ts .nav li{ display: none; }
.no-cssanimations .zs .nav li{ display: block; }
.no-cssanimations .ts .language{ float: right; }

.slide{ position: relative; }
.slide,.slide-pic,.slide-pic li{ width: 100%; height: 100%; }
.slide-pic li{ background-size: cover!important; position: absolute; left: 0; top: 0;}
.slide .flex-control-nav{ display: none; }
.slide .flex-direction-nav a{ width: 80px; height: 80px; position: absolute; top: 50%; margin-top: -40px; z-index: 99; font-size: 0; text-indent: -9999px; }
.slide .flex-direction-nav .flex-prev{ background-position: 0 -48px;  left: 4%;}
.slide .flex-direction-nav .flex-next{ background-position: 0 -134px; right: 4%;}
.imgbox{ width: 813px; height: 198px; position: absolute; top: 37%; left: 50%; margin-left: -406px; }
.img1-1,.img1-2{ background: url(../images/img1.png) no-repeat; visibility: hidden;}
.img1-1{ width: 813px; height: 106px; background-position: 0 0; }
.img1-2{ background-position: 0 -106px; height: 92px; width: 813px; }


.footer{ z-index: 999; width: 100%; min-width: 1200px;}
.bmBar{ background: #7d7c7c; padding: 26px 0 20px; min-height: 160px; }
.bMenus{ float: left; width: 140px; }
.bMenus dt{ color: #fff; margin-bottom: 12px; }
.bMenus dd{ margin-bottom: 5px; }
.bMenus dd a{ color: #d6d4d4; }
.cInfo{ color: #fff; float: left; }
.cInfo li{ margin-bottom: 5px; }
.bShare{ float: right; color: #fff;}
.fr{ font-size: 14px; float: left;}
.er{ float: left; margin-right: 10px; }
.bt{ padding: 10px 0; background: #484747; text-align: center; color: #fff; font-size: 12px;}
.bt a,.bMenus dd a:hover{ color: #fff; }
.xdown{ background: url(../images/icon13.png) no-repeat; width: 18px; height: 33px; position: absolute; left: 50%; 
    margin-left: -9px; bottom: 60px; z-index: 99; -animation:fadeInUp 1s ease 0s infinite alternate;}


.flex-active-slide .animateImg{
    -webkit-animation:fadeInUp 0.5s ease 0.4s both;
    -ms-animation:fadeInUp 0.5s ease 0.4s both;
    animation:fadeInUp 0.5s ease 0.4s both;
    visibility: visible;
}
.flex-active-slide .img1-2{
    -webkit-animation-delay: 0.6s;
    -ms-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.content{ padding: 100px 0 50px; }
.leftblock{ float: left; }
.main{ padding: 20px; width: 842px; background: #fff; min-height: 600px; margin-bottom: 50px; }
.news-slide{ width: 842px; height: 484px; position: relative; overflow: hidden; margin-bottom: 35px; }
.news-slide-pic li{ position: absolute; left: 0; top: 0; }
.news-slide-pic li img{ width: 842px; height: 484px; }
.news-slide .flex-direction-nav{ display: none; }
.news-slide-pic li a{ display: block; position: relative; }
.news-slide-pic li h3{ color: #fff; position: absolute; left: 0; bottom: 48px; text-align: center; width: 100%; font-size: 18px; }
.news-slide .flex-control-nav{ position: absolute; left: 0; bottom: 15px; line-height: 12px; width: 100%; text-align: center; z-index: 9;}
.news-slide .flex-control-nav li{ display: inline-block; margin:0 3px; cursor: pointer; }
.news-slide .flex-control-nav li a{width: 10px; height: 10px; display: block; font-size: 0; text-indent: -9999px; border: 1px solid #fff; border-radius: 50%;}
.news-slide .flex-control-nav li .flex-active{ background: #fff; }

.news-list{ border-top: 1px solid #e4e3e3;}
.news-list li{ overflow: hidden; padding: 28px 0; border-bottom: 1px solid #e4e3e3; }
.news-pic{ float: left; margin-right: 18px; width: 170px; height: 100px;  overflow: hidden;}
.nr{ float: left; width: 648px; }
.news-title{ font-size: 18px; height: 24px; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; margin-bottom: 15px;}
.nr .intro{ line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 20px;}
.from{ font-size: 12px; color: #999; }
.pages{ text-align: center; }
.pages a{ display: inline-block; padding: 7px 15px; border-top: 1px solid #e4eaec; border-right: 1px solid #e4eaec; background: #fff; }
.pgc{ float: left;  border-bottom: 1px solid #e4eaec; border-left: 1px solid #e4eaec;}
.p-wrap{ height: 37px; display: inline-block; }
.pages a:hover,.pages .cur{ background: #393939; color: #fff; }

.list{ padding-bottom: 30px; }
.news-title a{ display: inline-block; }
.news-title a:hover{ color: #00688e; transform: translateX(5px); }
.news-pic:hover img{ transform: scale(1.08); }
.hot li a:hover{color: #00688e;}

.rightblock{ width: 300px; float: right; }
.side{ padding: 20px; background: #fff; }
.hot-title{ color: #7e7e7e; font-size: 18px; margin-bottom: 15px; }
.hot{ border: 1px solid #dcdcdc; }
.hot li{ padding: 12px; border-bottom: 1px solid #f0f0f0;  }
.hot li:last-child{
    border:none;
}
.all-a{ margin:25px 0 0 0; padding-top: 15px; border-top: 1px solid #f0f0f0; }
.article-head{ padding-bottom: 20px; border-bottom: 1px solid #e4e3e3; }
.article-head h1{ font-size: 18px; margin-bottom: 10px; color: #333; }
.article{ line-height: 24px; overflow: hidden; padding: 30px 0; border-bottom: 1px solid #e4e3e3;}
.article img{ max-width: 100%; }
.up{ float: left; }
.down{ float: right; }
.up a,.down a{  display: block; padding: 15px 25px; border: 1px solid #dcdcdc; border-radius:30px; }
.pice{ padding-top: 35px; }
.box{ padding-bottom: 20px; }
.pice a:hover{ background: #00688e; color: #fff; }

.tongLan{ padding: 30px; background: #fff; min-height: 500px; }
.menus{ padding-bottom: 15px; border-bottom: 1px solid #e4e3e3; }
.menus li{ float: left; font-size: 16px; margin-right: 35px; }
.menus li a{ color: #999a9a; }
.menus li .hover,.menus li a:hover{ color: #030303; }
.tong-article{ line-height: 30px; padding: 30px 0; overflow: hidden; }

.cb{ font-size: 16px; line-height: 30px; padding: 20px 0 40px ; color: #696a6a; }
.base-box{ border: 1px solid #dcdcdc; padding: 30px 0; }

.form .text,.form textarea{ width: 285px; height: 30px; line-height: 30px; padding: 0 5px; border: 1px solid #d2d2d2; }
.form td{ padding: 9px; }
.form select{ width: 297px; height: 34px; padding: 2px 5px; border: 1px solid #d2d2d2; }
.danwei{ margin:0 7px; }
.form textarea{ width: 430px; height: 75px; }
.form label{ margin-right: 10px; }
.sex{ margin-right: 5px; }
.code{ margin-left: 10px; cursor: pointer; }
.tbtn{ background: #00638a; width: 188px; border: 1px solid #00638a; height: 40px; color: #fff; margin-top: 30px; }
.base{ text-align: center; font-size: 24px; color: #3a3b3b; margin-bottom: 20px; }
.base-box{ margin-bottom: 10px; }
.tbtn:hover{ background: #fff; color: #00638a;}
.form .focus{ border-color:#00638a; }

.job-list{ border-bottom: 1px solid #e4e3e3; }
.job-list dt{ height: 60px; line-height: 60px;position: relative; cursor: pointer;}
.job-name{ font-size: 16px; margin-left: 26px; float: left; }
.job-list dt i{ background: url(../images/icon2.png) no-repeat; width: 18px; height: 18px; position: absolute; right: 30px; top: 20px;}
.job-list dd{ background: #f8f8f8; padding: 25px; line-height: 30px; overflow: hidden; display: none;}
.job-box{ margin-top: 30px; border-top: 1px solid #e4e3e3;}
.job-list .act{ background: #808080; color: #fff; }
.job-list .act i{ background-position: 0 -30px; width: 18px; height: 2px; top: 28px; }
.res li a:hover{ color: #00638a; }
@-webkit-keyframes navIn{
    0%{ opacity: 1; -webkit-transform: scale(1); }
    100%{ opacity: 0; -webkit-transform: scale(0); }
}
@keyframes navIn{
    0%{ opacity: 1; transform: scale(1); }
    100%{ opacity: 0; transform: scale(0); }
}
@-webkit-keyframes navOut{
    0%{ opacity: 0; -webkit-transform: scale(0); }
    100%{ opacity: 1; -webkit-transform: scale(1); }
}
@keyframes navOut{
    0%{ opacity: 0; transform: scale(0); }
    100%{ opacity: 1; transform: scale(1); }
}
.res li{    overflow: hidden;
    padding: 15px 0;
    border-bottom: 1px solid #e4e3e3;}
.bdsharebuttonbox a{ width: 33px!important; height: 33px!important; padding: 0!important; }
.bdsharebuttonbox .bds_qzone{ background:url(../images/icon1.png) 0 -231px!important; }
.bdsharebuttonbox .bds_tsina{ background:url(../images/icon1.png) -39px -231px!important; }
.attend{ margin-top: 10px; }
.bdsharebuttonbox{ padding: 12px 0 0 6px; }


@media screen and (max-width:640px){
    .bmBar,.bMenus,.cInfo{display: none;}
    html, body,.footer,.wrap{max-width: 1200px;min-width: 100%;margin:0 auto;overflow-x: hidden;}
    .wrap{width:100%;}
    .nav{background: rgba(0,0,0,.75);position: fixed;top:72px;display: none;}
    .nav li{width:100%;height:30px;line-height: 30px;font-size: 14px;margin:0 auto;}
    .nav li.drop .dm{display: none;}
    .nav_btn{width:30px;height:30px;background: #fff;position: absolute;right:15px;top:22px;}
    .nav_btn::before,.nav_btn::after{content: "";display: block;width:20px;height:1px;background: #666;margin:0 auto;position: absolute;left:0;;right:0;top:12px;text-align: center;transition: all .5s;}
    .nav_btn::after{top:17px;}
    .header-bar .on .nav_btn::before,.header-bar .on .nav_btn::after{top:15px;transition: all .5s;}
    .header-bar .on .nav_btn::before{transform: rotate(-45deg);}
    .header-bar .on .nav_btn::after{transform: rotate(45deg);}
    .header-bar .on .nav{display: block;width:94%;padding:15px;}
    .imgbox{width:80%;margin-left:-40%;}
    .img1-1, .img1-2{background-size:contain;width:80%;margin:0 auto;}
    .slide .flex-direction-nav a{width:30px;height:30px;}
    .slide .flex-direction-nav .flex-prev{background-position: 0 -15px;}
    .slide .flex-direction-nav .flex-next {background-position: 0 -44px;}
    .slide .flex-direction-nav a, .search .btn, .close, .bdsharebuttonbox a{background-size: 135%;}
    .searchbtn{display: none;}
    .rightblock{display: none;}
    .main{width:90%;margin:0 auto;padding:3%;}
    .leftblock{width:100%;}
    .news-slide{width:100%;height:auto;}
    .news-slide-pic li img{max-width: 100%;margin:0 auto;height:auto;}
    .news-slide-pic li h3{font-size: 12px;}
    .news-pic{float: none;margin:0 auto;}
    .news-pic img{margin:0 auto;display: block;}
    .nr{max-width: 100%;}
    .news-title{text-align: center;margin-top:15px;font-size: 16px;}
    .tong-article img{max-width: 100%;margin: 0 auto;height:auto;}
    .form .text, .form textarea{width:150px;}
    .form select{width:150px;}
    .form label{margin-left:15px !important;}
}
























