/*css reset*/
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:13px arial,\5b8b\4f53;}
header, section, footer, aside, nav, main, article, figure {display: block;}
h1,h2,h3,h4,h5,h6{font-size:100%; color:#333;}
h3{ font-weight:normal;}
form{display:inline;}
ul,ol,li{list-style:none;}
i{ font-style:normal; font-weight:normal;}
em{ font-style:normal;}
body{color:#333;font-family:"Microsoft YaHei"; background:#fff;}
a{text-decoration:none;color:#666;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
a:hover{text-decoration:none;color:#004a91;}
img{vertical-align:top;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%;}
input,button,select,textarea{outline:none;}
table{border-collapse:collapse;border-spacing:0;}
textarea{resize:none;}
html>/**/body .clearfix{overflow:hidden;}
.clearfix{zoom:1;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline: 0;}
.f-l{float: left;}
.f-r{float: right;}
.clearfix:after{clear: both;height: 0;content: "";line-height: 0;font-size: 0;display: block;}
/*public*/
.fl{ float:left;}
.fr{ float:right;}
.box1200{ width:1200px; margin:0 auto;}
.h100{ display:none;}
.absolute{ position:absolute;}
.relative{ position:relative;}
.all_img a img{cursor: pointer;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.all_img a:hover img{transform: scale(1.1);}
.clear{ height:0px; clear:both; overflow:hidden;}
/*header*/
.header{ background:rgba(255,255,255,0.9); width:100%;position:fixed; height:80px; min-width:1200px;-moz-box-shadow:0px 1px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 5px rgba(0,0,0,0.3); box-shadow:0px 1px 5px rgba(0,0,0,0.3); z-index:999;-webkit-transform: translateZ(0);}
.header .box1200{ position:relative;}
/*logo*/
.header .logo{ margin-top:7px;}
.header .logo img{height:66px;}
/*nav*/
nav, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0;}
ul,li {list-style-type:none; text-transform:capitalize;}
#nav {margin-left:60px;width:800px; display:block;}
#nav .mainlevel {float:left;width:96px;background-image: url(nav_line.jpg);background-repeat: no-repeat;background-position: right;}
#nav .mainlevel a {color:#666; text-decoration:none;line-height:80px; display:block; text-align: center; width:96px;font-size:14px;font-family: "Microsoft Yahei";}
#nav .mainlevel a:hover {color:#FFFFFF; text-decoration:none;background:#004a91;}
#nav .mainlevel ul {display:none; position:relative;z-index:99999999;width:96px;}
#nav .mainlevel li {border-bottom:1px solid #003674;color:#FFFFFF;background:#014da5; height:40px;/*IE6 only*/}
#nav .mainlevel ul li a{font-weight:normal;height:40px;line-height:40px;font-size:12px;width:100%;color:#FFFFFF;}
#nav .mainlevel ul li a:visited{font-weight:normal;height:40px;}
#nav .mainlevel ul li a:hover {color:#FFFFFF; text-decoration:none; }
#nav .this, #nav .this a{background:#004a91;color:#fff;}

/*search*/
.search{ background:#fff; border:1px #ccc solid; border-radius:60px; width:250px; height:31px; position:absolute; z-index:99; right:0; top:24px; display:none; padding-left:10px;}
.search .text{ border:none; width:180px; height:31px; line-height:31px; background:none; margin-left:36px;}
.search .button{ background:url(search_but.png) no-repeat; width:24px; height:24px; position:absolute; top:3px;border:none; cursor:pointer;}
.search .close{ position:absolute;top:3px; left:10px; cursor:pointer;}
/*header_inp*/
.header_inp{ margin-top:24px;}
.header_inp a{ display:block; float:left;}
.header_inp .search_inp{ background:#ccc; width:32px; height:32px; line-height:32px; text-align:center; border-radius:100%;}
.header_inp .search_inp:hover{ background:#3c78b0;}
.header_inp .en_inp{ font-size:14px; line-height:32px; margin-right:10px; color:#333;}
/*.header_inp .en_inp{ background:url(../images/en-icon.png) no-repeat; display:block; font-size:0;margin-left:10px;}
.header_inp .en_inp:hover{}*/
/*index_tit*/
.index_tit{ background:url(title_bg.png) bottom no-repeat; width:240px; margin:35px auto; font-size:24px; text-align:center; line-height:54px; padding-bottom:2px;}
.index_tit01{ background:url(title01_bg.png) bottom no-repeat; width:240px; margin:35px auto; font-size:24px; text-align:center; line-height:54px; padding-bottom:2px; color:#fff;}

/*index_contact*/
.index_contact{ background:url(index_contact_bg.jpg) top no-repeat; height:414px; overflow:hidden;}
.index_contact .index_contact_list{ margin-left:-30px;}
.index_contact .index_contact_list li{ background:rgba(221,221,221,0.6); width:380px; height:200px; overflow:hidden; float:left; margin-left:30px; cursor:pointer;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; text-align:center;}
.index_contact .index_contact_list li:hover{background:rgba(0,74,145,0.9); color:#fff;}
.index_contact .index_contact_list .icon{-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; display:block; margin:46px auto 25px auto;}
.index_contact .index_contact_list .add .icon{ background:url(add_icon.png) 0 0 no-repeat; width:44px; height:64px;}
.index_contact .index_contact_list li:hover.add .icon{ background:url(add_icon.png) 0 -64px no-repeat;}
.index_contact .index_contact_list .tel .icon{ background:url(tel_icon.png) 0 0 no-repeat; width:52px; height:64px;}
.index_contact .index_contact_list li:hover.tel .icon{ background:url(tel_icon.png) 0 -64px no-repeat;}
.index_contact .index_contact_list .email .icon{ background:url(email_icon.png) 0 0 no-repeat; width:58px; height:64px;}
.index_contact .index_contact_list li:hover.email .icon{ background:url(email_icon.png) 0 -64px no-repeat;}
/*footer*/
.footer{ background:#333; height:50px; line-height:50px; width:100%; color:#ccc; font-size:12px;}
.footer a{ color:#ccc;}
.footer .fl a{ margin-right:2px;}
.footer .fl a:hover{ color:#fff;}
/*fixed_tool*/
.fixed_tool{ position:fixed; bottom:20px; right:20px; width:56px;z-index:999; background:#fff;-moz-box-shadow:0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2); box-shadow:0 0 5px rgba(0,0,0,0.2); text-align:center; font-size:12px; padding:10px 0;}
.fixed_tool .pub{ display:block; padding:10px 0;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; position:relative; cursor:pointer;}
.fixed_tool .pub:hover{ color:#004a91;}
.fixed_tool .icon{ display:block;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in; margin:0 auto;}
.fixed_tool .qq .icon{ width:22px; height:22px; background:url(tool_user.png) 0 0 no-repeat;}
.fixed_tool .qq:hover .icon{background:url(tool_user.png) 0 -22px no-repeat;}
.fixed_tool .ewm .icon{ width:22px; height:22px; background:url(tool_ewm.png) 0 0 no-repeat;}
.fixed_tool .ewm:hover .icon{background:url(tool_ewm.png) 0 -22px no-repeat;}
.fixed_tool .text{ display:block; width:100%; line-height:24px;}
.fixed_tool .line{ width:40px; height:1px; font-size:0; background:#eee; margin:0 auto;}
.fixed_tool .btn_top{ width:22px; height:12px; background:url(top_icon.png) 0 0 no-repeat; font-size:0; margin:10px auto; cursor:pointer; display:block;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.fixed_tool .btn_top:hover{background:url(top_icon.png) 0 -12px no-repeat;}
.fixed_tool .qq_box{ position:absolute; z-index:99; background:#fff; border:1px #eee solid; padding:15px 15px 5px 15px; width:130px; text-align:left; display:none; top:-10px; right:56px;}
.fixed_tool .qq_box p{ margin-bottom:10px;}
.fixed_tool .ewm_box{position:absolute; z-index:99; background:#fff; border:1px #eee solid; padding:15px; display:none; bottom:-9px; right:56px;}
.footer_menu{ display:none;}

/*文章列表*/
.news_box {
  background: #f1efef;
  padding: 40px 0 60px;
}
.news_box .left {
  width: 85%;
  margin:0 auto;
}
.news_box .left ul li {
  margin-bottom: 3%;
  float: left;
  width: 100%;
  background: #fff;
  padding: 3% 0;
}
.news_box .left ul li .data {
  width: 17%;
  margin: 0 3%;
  padding: 2.7% 0 3.3%;
  float: left;
  text-align: center;
  background: #f9f9f9;
  transition: all .5s;
}
.news_box .left ul li .data p {
  color: #124189;
  font-size: 32px;
  font-family: arial;margin-bottom:12px;
}
.news_box .left ul li .data span {
  color: #8c8c8c;
  font-size: 14px;
}
.news_box .left ul li .text {
  float: right;
  width: 77%;
  padding-right: 3%;
}
.news_box .left ul li .text h3 {
  color: #18478e;
  font-size: 18px;
  font-weight: normal;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  transition: all .5s;
}
.news_box .left ul li .text em {
  display: none;
}
.news_box .left ul li .text p {
  margin-top: 12px;
  color: #777777;
  font-size: 14px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
.news_box .left ul li .text span {
  margin-top: 15px;
  display: inline-block;
  border: 1px solid #e8e8e8;
  line-height: 32px;
  padding: 0 18px;
  color: #999999;
  font-size: 14px;
}
.news_box .left ul li:hover .text h3 {
  color: #f08921;
}
.news_box .left ul li:hover .data {
  background: #124189;
}
.news_box .left ul li:hover .data p,
.news_box .left ul li:hover .data span {
  color: #fff;
}

.news_box .left .more_btn {
  margin: 1% auto 0;
  width: 11%;
  display: block;
}
.news_box .left .news_con {
  background: #fff;
  padding: 5% 4%;
}
.news_box .left .news_con h3 {
  text-align: center;
  color: #666666;
  font-size: 24px;
  font-weight: normal;
  border-bottom: 1px solid #f1efef;
  padding-bottom: 3%;
}
.news_box .left .news_con .name {
  text-align: center;
  color: #a8a8a8;
  font-size: 14px;
  margin-top: 2.2%;
}
.news_box .left .news_con .name span {
  display: inline-block;
  margin: 0 5px;
}
.news_box .left .news_con .con {
  color: #666666;
  font-size: 14px;
  line-height: 32px;
  padding: 4% 0 0;
}
.news_box .left .news_con .bottom {
  margin-top: 4%;
}
.news_box .left .news_con .bottom ol {
  float: left;
  width: 85%;
}
.news_box .left .news_con .bottom ol li {
  float: left;
  padding: 2% 0;
  width: 100%;
  border-bottom: 1px dashed #e9e9e9;
}
.news_box .left .news_con .bottom ol li:last-child {
  border-bottom: none;
}
.news_box .left .news_con .bottom ol li a {
  display: inline-block;
  color: #777777;
  font-size: 14px;
}
.news_box .left .news_con .bottom ol li a span {
  display: inline-block;
  color: #333333;
  font-size: 16px;
}
.news_box .left .news_con .bottom .return {
  margin-top: 4%;
  float: right;
  display: inline-block;
  background: #17478e;
  color: #fff;
  font-size: 14px;
  line-height: 34px;
  border-radius: 4px;
  padding: 0 20px;
}
/*内容页*/

.portfolio-description {
    padding-left: 10%;
}

.portfolio-description p,
.portfolio-description ul,
.portfolio-description a.btn {
    margin-bottom: 30px;
}

.portfolio-description h2 {
    font-size: 22px;
}

.portfolio-description .socials-share {
    border-top: 1px solid #e6ebed;
    padding-top: 20px;
}

.portfolio-description .socials-share span {
    display: inline-block;
    margin-top: 5px;
}

.portfolio-description .socials-share .social-icons {
    float: right;
    margin-top: 0;
}
.pcontent{}
.pcontent img{width:1200px;}

/*文章分页样式*/
#fenye{clear:both; margin:30px 20px 20px 0;}
#fenye a{ width:32px; text-align:center; float:left; border:1px solid #bfbfc7;background:#fff; height:32px; font-size:12px;color:#666; line-height:32px; margin-left:5px;border-radius:1px; display:inline-block;}
#fenye .prev,#fenye .next{width:60px;}
#fenye a.curr{background:#004a91;border:1px solid #bfbfc7;color:#fff;}
#fenye a:hover{background:#004a91;border:1px solid #bfbfc7;color:#fff; text-decoration:none}
#pageNext{ margin:10px;}
#pageNext .prev,#pageNext .next{text-align:center;width: 60px;}
#pageNext a.curr{background: #bfbfc7;border: 1px solid #bfbfc7;color: #fff;}
#pageNext a.curr span{ color:#fff !important;}
#pageNext a{width: 32px;text-align: center;float: left;border: 1px solid #bfbfc7;background: #fff;height: 32px;font-size: 12px;color: #666;line-height: 32px;margin-left: 5px;border-radius: 1px;}
#pagelist span{ line-height:32px;margin:10px 10px;}