@charset "gb2312";
*{margin:0;padding:0;border:0}
body{font-family:Microsoft YaHei,SimSun,Arial,Helvetica,sans-serif;margin:0 auto;font-size:12px;background-color:#fff}
img{display:block;width:100%;border:none}
li{list-style:none}
a{text-decoration:none;cursor:pointer;color:#000}
input[type=button],input[type=submit],input[type=reset],input[type=text]{-webkit-appearance:none}
.clear{clear:both;overflow:hidden}
.red{color:red!important}
.public{display:flex;display:-webkit-flex;display:-moz-flex;display:-o-flex;justify-content:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-o-justify-content:space-between;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-o-flex-wrap:nowrap;flex-direction:row;-webkit-flex-direction:row;-moz-flex-direction:row;-o-flex-direction:row}

/* logo  & nav   start*/
.logo {width: 100%; max-width: 960px; height: auto; margin: 1.6em auto; overflow: hidden;}
.navbox {width: 100%; height: auto; margin: 0 auto; overflow: hidden; background-color: #226DC2; }
.navs { width: 96%; max-width: 960px; height: auto; margin: 0 auto; overflow: hidden;}
.navs a {display: block; width: auto; height: auto; overflow: hidden; font-size: 1.3em; font-weight: bold; color: #fff; margin: 1em auto;}
@media screen and (min-width:320px) and (max-width:380px){ .navs a {font-size: 1.1em; }  }
/* logo  & nav   end*/

.banner_box{ width:100%; max-width:960px; height:auto; overflow:hidden; margin:0 auto;  }

/* centent  start*/
.center_box {width: 98%; max-width: 960px; height: auto; margin: 0em auto; overflow: hidden;}
.titlebox{ width:100%; height: auto; margin:2em auto; overflow: hidden; border-left: 4px solid #226DC2; align-items: center;  }
.titlebox a{ display: block; }
.titlebox a:nth-child(1){ width: 85%; font-size: 2.2em; font-weight: bold; padding-left: 3%; color: #226DC2; }
.titlebox a:nth-child(2){ width: 15%; font-size: 1.1em; font-weight: bold; line-height: 1.6em; color: #a0a0a0; text-align: center; }

.news_list{ width: 100%; height: auto; margin: 1.5em auto 2em; overflow: hidden; }
.news_list a {display:inline-block; width: 100%; height: auto; line-height: 1.6em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.3em; text-indent: 1em; position: relative;}
.news_list a:before{position: absolute; content: ""; width: 0.3em; height: 0.3em; top: 45%; left: 0.2em; background-color:#000; border-radius: 50%;}

.hr {height: 1px; border-bottom: 1px solid #e5e5e5;}

.imgbox{ width:100%; height: auto; margin: 2em auto; overflow: hidden; }
.imgbox a{ display: block; width: 33%; height: auto; overflow: hidden; }
.imgbox a img{ width: 45%; height: auto; margin: 1em auto;}

.imgbox p{ font-size: 1.1em; text-indent: 2em; line-height: 1.6em; }
/* centent  end*/

/* footer  start*/
.footbox {width: 100%; height: auto; box-sizing: border-box; padding: 1em 0 5em 0; margin-top: 1em;  background-color: #226DC2; }
.footer{width: 96%; max-width: 960px; height: auto; margin: 0 auto; overflow: hidden; color: #fff; font-size: 1.4em; }

.foot_img{ width:100%; height: auto; margin: 0 auto; overflow: hidden; align-items: center; }
.foot_img .p1{ width:13%; }
.foot_img .p1 img{ max-width: 4em;height: auto; max-height: 4em; }
.foot_img .p2{ width:25%; height: auto; line-height: 1.6em; }
.foot_img .p3{ width:56%; height: auto; line-height: 1.6em; }

.foot_txt{ width:100%; height: auto; margin: 1em auto 0; overflow: hidden; align-items: center; }
.foot_txt .p1{ width:13%; }
.foot_txt .p2{ width:85%; height: auto; line-height: 1.6em; overflow: hidden; }
/* footer  end*/

/* yyjj  start*/
.title_img { width: 100%; height: auto; overflow: hidden; background: url('../images/sub_bg.jpg') no-repeat; }
.title { width: 96%; max-width: 960px; margin: 0 auto; font-weight: bold; font-size: 3em; line-height: 4em; }
.positions{ width:96%; max-width: 960px; height: auto; overflow: hidden; margin: 0 auto; justify-content: flex-start;   }
.positions a{ display: inline-block; width:auto; height: auto; line-height: 2.4em; font-size: 1.2em;  color: white; margin-right: 2%; padding-right: 2%; background: url(../images/nav_arrow.png)no-repeat center right; }
.positions a:last-child{ background: none; }
@media screen and (min-width:320px) and (max-width:380px){ .positions a{ font-size: 1.1em; }  }

.content_box{ width:96%; max-width: 960px; height: auto; margin: 1em auto 1.5em; overflow: hidden; }
.con_title{ line-height: 1.6em; font-size: 2em; font-weight: bold; color:#226DC2; border-left: 4px solid #226DC2; box-sizing: border-box; padding-left: 1em; margin: 1em auto; }

.texts{ width: 100%; height: auto; margin: 1em auto; overflow: hidden;color: #3d3d3d; }
.texts p { margin:0 auto 1.2em auto ; font-size: 1.3em; text-indent: 2em; line-height: 1.6em;  }
.texts img { display: inline-block; margin:1em auto; }
.tzbox{ width:100%; height: auto; margin: 1em auto; overflow: hidden; }
.tzbox a{ display: inline-block; width:auto; height: auto; line-height: 1.6em; font-size: 1.3em; color: #3d3d3d; }
/* yyjj  end*/