@import url("../font/font.css");
body, div, dl, dt, dd, del, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, menu {
  margin: 0;
  padding: 0;
}

html {
  font: 100px "siyuan";
  font-weight: 100;
  background: #fff;
  color: #231917;
}

.dh {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

/*@media only screen and (max-width: 1200px) {
        html {
            font-size: 100px;
        }
    }
    @media only screen and (max-width: 1100px) {
        html {
            font-size: 95px;
        }
    }
    @media only screen and (max-width: 1000px) {
        html {
            font-size: 90px;
        }
    }
    @media only screen and (max-width: 900px) {
        html {
            font-size: 85px;
        }
    }
    @media only screen and (max-width: 800px) {
        html {
            font-size: 80px;
        }
    }  
    @media only screen and (max-width: 700px) {
        html {
            font-size: 100px;
        }
    }
    @media only screen and (max-width: 600px) {
        html {
            font-size: 90px;
        }
    }
    @media only screen and (max-width: 500px) {
        html {
            font-size: 80px;
        }
    }
    @media only screen and (max-width: 400px) {
        html {
            font-size: 70px;
        }
    }
    @media only screen and (max-width: 300px) {
        html {
            font-size: 60px;
        }
    }*/
a {
  border: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  text-decoration: none;
}

a img {
  border: 0;
}

a, a:visited {
  color: #231917;
}

a:hover, a:focus {
  color: #231917; text-decoration: none;
}

ol, ul, li {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

.toup {
  text-transform: uppercase;
}

input, textarea, select {
  outline: none;
  border: 0;
  resize: none;
}

.clear {
  clear: both;
}

.fixed {
  position: fixed;
}

img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}

body {
  width: 100%;
  /*min-width: $basewidth;*/
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.basebigw, .nnavbg {
  width: 100%;
  min-width: 1200px;
  margin: 0 auto;
  position: relative;
}

.basew, .nnavbg .nnav {
  width: 1200px;
  margin: 0 auto;
  z-index: 999;
  position: relative;
}

.h7 {
  height: 7px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.fclear:after {
  display: block;
  clear: both;
  content: "";
}

.mr75 {
  margin-right: 75px;
}

.mt18 {
  margin-top: 18px;
}

.bg-01033e {
  background-color: #013366;
}

.bg-020635 {
  background-color: #013366;
}

.bg-f5f5f5 {
  background-color: #f5f5f5;
}

.c-fff {
  color: #fff;font-weight: bold;
}

.lh-30 {
  line-height: 40px;
}

.h1 {
  font-style: normal;
  font-size: 14px;
  color: #fff;
  float: left;
}

.headertop {
  font-size: 13px;
}
.headertop .h1{height:40px;line-height:40px;margin:0;}
.headertop .lang {
  line-height: 1;
  margin-top: 7px;
}

.headertop .lang a {
  display: inline-block;
  color: #fff;
  padding: 0 5px;
}

.headertop .lang a.on, .headertop .lang a:hover {
  color: #013366;
}

.headertop .lang a + a {
  border-left: 1px solid #fff;
}

.header .menu li {
  float: left;
  margin: 0 13px;
  height:90px;line-height: 90px;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  font-size: 15px;
  color: #000;
  padding: 0 8px;
}

.header .menu li:hover, .header .menu li.on {
  border-color: #013366;
  /*background: url(../images/index_07.png) no-repeat;*/
  background-position: center 30px;
}

.header .menu li:hover a, .header .menu li.on a {
  color: #013366;
}

.ipro {
  overflow: hidden;
}

.ipro .t1 {
  display: block;
  margin: 0 auto;
  margin-top: 60px;
  margin-bottom: 30px;
}

.ipro .class {
  position: relative;
  font-size: 0;
  line-height: 48px;
}

.ipro .class:after, .ipro .class:before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  /*position: absolute;*/
  background-color: #dadada;
  z-index: -1;
}

.ipro .class:after {
  top: 24px;
  left: 0;
}

.ipro .class:before {
  bottom: 24px;
  right: 0;
}

.ipro .class a {
  display: inline-block;
  padding: 0 11px;
  font-size: 16px;
  color: #013366;
  vertical-align: middle;
  background-color: #fff;
}
.ipro .class a:hover{background:#013366;color:#fff;}
.ipro .class span {
  display: inline-block;
  height: 15px;
  width: 6px;
  background: url(../images/iprofg.png) #fff no-repeat;
  vertical-align: middle;
}

.ipro .class i {
  display: inline-block;
  height: 15px;
  width: 1px;
  background-color: #dadada;
  vertical-align: middle;
}

.ipro .list:after {
  display: block;
  clear: both;
  content: "";
}
.ipro .list {margin-top:30px;}
.ipro .list .item {
  background: url(../images/iproitembg.png) no-repeat;
  width: 283px;
  height: 348px;
  padding: 11px;
  box-sizing: border-box;
  float: left;
  margin: 0 8px;
  margin-bottom: 35px;
}

.ipro .list .item img {
  display: block;
  height: 262px;
  width: 262px;
}

.ipro .list .item span {
  display: block;
  margin-top: 25px;
  font-size: 16px;
  color: #666666;
  text-align: center;
}

.ipro .more {
  display: block;
  width: 215px;
  text-align: center;
  margin: 0 auto;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid #d5d5d5;
  color: #ccc;
  font-size: 18px;
  margin-top: 15px;
}

.iabout {
  margin-bottom: 30px;
}

.iabout .t1 {
  display: block;
  margin: 0 auto;
  margin-top: 55px;
  margin-bottom: 53px;
}

.iabout .tbox {
  margin-left: 40px;
  width: 580px;
  padding: 0 5px;
}

.iabout .tbox .text {
  color: #555;
  line-height: 24px;
  margin-top: 20px;
  text-indent: 2em;
}

.iabout .tbox .text em{font-style: normal;}

.iabout .tbox .text strong{font-weight: normal;}

.iabout .tbox .more {
  display: block;
  width: 115px;
  text-align: center;
  line-height: 30px;
  border-radius: 15px;
  border: 1px solid #dd5555;
  color: #cc0000;
  font-size: 12.5px;
  margin-top: 35px;
  margin-bottom: 45px;
}

.inews .t1 {
  display: block;
  margin: 0 auto;
  margin-top: 70px;
  margin-bottom: 55px;
}

.inews .list .item1 {
  width: 484px;
  height: 396px;
  position: relative;
  margin-left: 10px;
  margin-right: 60px;
  float: left;
}

.inews .list .item1:after {
  display: block;
  clear: both;
  content: "";
}

.inews .list .item1 img {
  width: 100%;
  height: 100%;
}

.inews .list .item1 .title {
  position: absolute;
  bottom: 0;
  font-size: 16px;
  color: #fefefe;
  line-height: 74px;
  background: url(../images/inews1tbg.png) no-repeat;
  width: 100%;
  padding-left: 20px;
}

.inews .list .item {
  width: 640px;
  color: #666666;
  border-bottom: 1px solid #d7d7d7;
  float: left;
  margin-bottom: 28px;
}

.inews .list .item:after {
  display: block;
  clear: both;
  content: "";
}

.inews .list .item img {
  float: left;
  width: 133px;
  height: 102px;
  margin-right: 18px;
  margin-bottom: 10px;
}

.inews .list .item .title {
  font-size: 15px;
  color: #000;
  overflow: hidden;
  float: left;
  width: 480px;
  line-height: 33px;
}

.inews .list .item .text {
  font-size: 14px;
  line-height: 26px;
  color: #666666;
  float: left;
  width: 480px;
}

.inews .more {
  display: block;
  width: 215px;
  text-align: center;
  margin: 0 auto;
  line-height: 40px;
  border-radius: 20px;
  border: 1px solid #d5d5d5;
  color: #ccc;
  font-size: 18px;
  margin-top: 35px;
  margin-bottom: 40px;
}

.icontact {
  overflow: hidden;
  padding-bottom: 85px;
}

.icontact .t1 {
  display: block;
  margin: 0 auto;
  margin-top: 70px;
  margin-bottom: 65px;
}

.icontact ul {
  padding: 0 50px;
}

.icontact ul:after {
  display: block;
  clear: both;
  content: "";
}

.icontact ul li {
  height: 185px;
  width: 300px;
  background-color: #fff;
  position: relative;
  float: left;
  margin: 0 32.5px;
/*animation: fly 3s;
animation-direction: alternate;
animation-iteration-count:999;*/
}
.icontact ul li:hover{
/*animation:fly2 1s;*/
}
.icontact ul li i {
  position: absolute;
  height: 58px;
  width: 58px;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
}

.icontact ul li span {
  text-align: center;
  font-size: 15px;
  color: #333;
  display: block;
  margin-top: 40px;
}

.icontact ul li span:after {
  content: '';
  display: block;
  margin: 0 auto;
  margin-top: 8px;
  width: 28px;
  height: 1px;
  background-color: #333333;
}

.icontact ul li p {
  color: #666;
  line-height: 22px;
  padding: 0 35px;
  margin-top: 20px;
}
@keyframes fly
{
0%   {transform: rotateX(45deg) rotateY(44deg);}

100%  {transform: rotateX(45deg) rotateY(-44deg);}

}

.footer .fbox {
  width: 1025px;
}

.footer .fbox ul {
  text-align: center;
  font-size: 0;
  margin-top: 30px;
}

.footer .fbox ul li {
  display: inline-block;
  font-size: 15px;
  color: #fff;
  padding: 0 15px;
}

.footer .fbox ul li a {
  color: #fff;
}

.footer .fbox ul li + li {
  border-left: 2px solid #dddee1;
}

.footer .fbox p {
  margin-top: 40px;
  text-align: center;
  line-height: 24px;
}

.nnav {
  line-height: 40px;
  color: #666666;
}

.nnav a {
  color: #666;
}

.nprolist .t1 {
  font-size: 30px;
  font-weight: bold;
  color: #013366;
  text-align: center;
  margin-top: 40px;
  background: url(../images/t1bg.png) no-repeat;
  background-position: center 60px;
  height: 65px;
  margin-bottom: 40px;
}

.nprolist .class {
  position: relative;
  font-size: 0;
  line-height: 48px;
}

.nprolist .class:after, .nprolist .class:before {
  content: '';
  display: block;
  width: 1200px;
  height: 1px;
  position: absolute;
  background-color: #dadada;
  z-index:0;
}

.nprolist .class:after {
  top: 24px;
  left: 0;
}

.nprolist .class:before {
  bottom: 24px;
  right: 0;
}
.nprolist .class .on{background:#013366;color:#fff;}
.nprolist .class a {
  display: inline-block;
  padding: 0 11px;
  font-size: 16px;
  color: #013366;
  vertical-align: middle;
  background-color: #fff;
}

.nprolist .class span {
  display: inline-block;
  height: 15px;
  width: 6px;
  background: url(../images/iprofg.png) #fff no-repeat;
  vertical-align: middle;
}

.nprolist .class i {
  display: inline-block;
  height: 15px;
  width: 1px;
  background-color: #dadada;
  vertical-align: middle;
}

.nprolist .list {
  margin-top: 30px;
}

.nprolist .list:after {
  display: block;
  clear: both;
  content: "";
}

.nprolist .list .item {
  width: 265px;
  height: 340px;
  float: left;
  padding: 5px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0px 1px 8px 0px #9e9e9e;
  margin: 0 15px;
  margin-bottom: 35px;
  position: relative;
}

.nprolist .list .item:hover {
  text-align: center;
}

.nprolist .list .item:hover .zg {
  z-index: 1;
}

.nprolist .list .item:hover .title {
  position: absolute;
  width: 100%;
  top: 260px;
  color: #fff;
  z-index: 2;
}

.nprolist .list .item:hover .title:after {
  background-color: #fff;
  margin: 10px auto 0 auto;
}

.nprolist .list .item:hover .text {
  position: absolute;
  top: 320px;
  width: 100%;
  color: #fff;
  z-index: 2;
}

.nprolist .list .item:hover .more {
  display: none;
}

.nprolist .list .item .imgbox {
  padding-bottom: 100%;
  position: relative;
}

.nprolist .list .item .imgbox img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nprolist .list .item .zg {
  position: absolute;
  background: url(../images/nproitembg.png) no-repeat;
  z-index: -1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.nprolist .list .item .title {
  font-size: 18px;
  color: #464646;
  margin-top: 10px;
}

.nprolist .list .item .title:after {
  content: '';
  display: block;
  width: 42px;
  height: 3px;
  background-color: #013366;
  margin-top: 10px;
}

.nprolist .list .item .text {
  color: #585858;
  margin-top: 8px;
}

.nprolist .list .item .more {
  display: block;
  width: 29px;
  height: 29px;
  background: url(../images/jiantou.png) no-repeat;
  position: absolute;
  right: 15px;
  bottom: 5px;
}

.page {
  font-size: 0px;
  border: 1px solid #e5e5e5;
  text-align: center;
  border-radius: 5px;
  display: inline-block;
  overflow: hidden;
  margin-top: 30px;
  margin-bottom: 65px;
}

.page a {
  font-size: 15px;
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
}

.page a + a {
  border-left: 1px solid #e5e5e5;
}

.page a.page-num-current {
  background-color: #013366;
  color: #fff;
}

.procc {
  margin-top: 50px;
}

.procc .basew .slide{text-align: center;}

.procc .basew .title, .procc .nnavbg .nnav .title, .nnavbg .procc .nnav .title {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #414b56;
  margin-top: 15px;
}

.procc .basew .text, .procc .nnavbg .nnav .text, .nnavbg .procc .nnav .text {
  text-align: center;
  font-size: 16px;
  color: #676f78;
  line-height: 1.5;
  margin-top: 15px;
}

.procc .basew .but, .procc .nnavbg .nnav .but, .nnavbg .procc .nnav .but {
  text-align: center;
  margin-top: 25px;
}

.procc .basew .but a, .procc .nnavbg .nnav .but a, .nnavbg .procc .nnav .but a {
  width: 234px;
  height: 58px;
  display: inline-block;
  color: #fff;
  background: #013366;
  font-size: 16px;
  line-height: 58px;
  text-align: center;
}

.procc .basew .conn, .procc .nnavbg .nnav .conn, .nnavbg .procc .nnav .conn {
  margin-top: 30px;
  color: #677079;
  line-height: 1.5;
  margin-bottom: 65px;
  background-color: #f3f2f2;
  padding: 30px;
}

.nnavbg {
  height: 66px;
  border-bottom: 1px solid #e2e1e0;
  margin-bottom: 5px;
}

.nnavbg .nnav {
  position: relative;
}

.nnavbg .nnav:after {
  display: block;
  clear: both;
  content: "";
}

.nnavbg .nnav .l {
  float: left;
  line-height: 64px;
  padding: 0 15px;
  transition: all 0.5s;
}

.nnavbg .nnav .l a {
  color: #333;
}

.nnavbg .nnav .l.on, .nnavbg .nnav .l:hover {
  border-bottom: 5px solid #013366;
}

.nnavbg .nnav .l.on a, .nnavbg .nnav .l:hover a {
  color: #013366;
}

.nnavbg .nnav .map {
  position: absolute;
  top: 13px;
  right: 0;
  color: #666666;
}

.nnavbg .nnav .map a {
  color: #666666;
}

.content_gsxw_z {
  width: 1200px;
  margin: auto;
  overflow: hidden;
}

.content_gsxw_z ul {
  margin-top: 27px;
}

.content_gsxw_z ul li {
  padding: 25px 0px 20px 0px;
}

.content_gsxw_z ul li a {
  color: #013366;
}

.content_gsxw_z .xw li {
  float: left;
  border-bottom: 1px dashed #eaeaea;
  width: 100%;
}

.content_gsxw_z .xw.class9 li {
  width: 201px;
  margin: 1px 10px;
  border-bottom: 0px;
}

.content_gsxw_z .xw .pic {
  width: 200px;
  float: left;
}

.content_gsxw_z .xw .nr {
  width: 880px;
  padding-left: 20px;
  float: left;
}

.content_gsxw_z .xw.class9 .nr {
  width: 200px;
  padding-left: 0;
  float: none;
  text-align: center;
  line-height: 2;
}

.content_gsxw_z .xw .nr p {
  font-size: 14px;
  color: #666;
  padding-bottom: 20px;
}

.content_gsxw_z .xw .nr .ds {
  width: 100%;
  float: left;
  padding-bottom: 6px;
}

.content_gsxw_z .xw .nr .ds .pp {
  float: left;
  *padding-top: 3px;
}

.content_gsxw_z .xw .nr .ds .ss p {
  float: left;
  font-size: 12px;
  color: #999;
  padding-left: 9px;
  padding-top: 1px;
  padding-bottom: 0px;
}

.content_gsxw_z .xw .nr .h1 {
  font-size: 16px !important;
  color: #555;
  padding: 5px 0;
  float:none;
  margin-bottom:20px;
}

.content_gsxw_z .xw .nr span {
  font-size: 12px;
  color: #666;
  float: right;
  background: url(../images/yj1.png) right no-repeat;
  width: 65px;
}

.content_gsxw_z .xw .nr span:hover {
  font-size: 12px;
  color: #0d61a8;
  float: right;
  background: url(../images/yj2.png) right no-repeat;
  width: 65px;
}

.content_gsxw_z .xw .nrs {
  width: 97.5%;
  float: left;
}

.content_gsxw_z .xw .nrs p {
  font-size: 14px;
  color: #666;
  padding-bottom: 20px;
}

.content_gsxw_z .xw .nrs .ds {
  width: 100%;
  float: left;
  padding-bottom: 6px;
}

.content_gsxw_z .xw .nrs .ds .pp {
  float: left;
  *padding-top: 3px;
}

.content_gsxw_z .xw .nrs .ds .ss p {
  float: left;
  font-size: 12px;
  color: #999;
  padding-left: 9px;
  padding-top: 1px;
  padding-bottom: 0px;
}

.content_gsxw_z .xw .nrs h1 {
  font-size: 16px;
  color: #555;
  padding: 5px 0;
}

.content_gsxw_z .xw .nrs span {
  font-size: 12px;
  color: #666;
  float: right;
  background: url(../images/yj1.png) right no-repeat;
  width: 65px;
}

.content_gsxw_z .xw .nrs span:hover {
  font-size: 12px;
  color: #0d61a8;
  float: right;
  background: url(../images/yj2.png) right no-repeat;
  width: 65px;
}

.content_gsxw_z .pic img {
  width: 202px;
  height: 131px;
}

.content_gsxw {
  width: 1200px;
  margin: auto;
  overflow: hidden;
}

.content_gsxw_top {
  text-align: center;
  border-bottom: 1px dashed #e5e5e5;
  margin-bottom: 20px;
  padding-bottom: 8px;
}

.content_gsxw h1 {
  font-size: 28px;
  color: #333;
  padding-top: 48px;
  width: 1114px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 28px;
}

.content_gsxw p {
  font-size: 14px;
  color: #666666;
  padding: 12px 0;
}

.content_gsxw .s img {
  padding-bottom: 30px;
}

.content_gsxw_content {
  overflow: hidden;
}

.content_gsxw_content p {
  font-size: 14px;
  color: #666;
  text-indent: 2em;
  line-height: 28px;
  padding: 6px;
  overflow: hidden;
}

.content_gsxw_content .texts {
  padding-bottom: 50px;
  border-bottom: 1px dashed #e5e5e5;
  margin-bottom: 45px;
}
.content_gsxw_content .texts img{max-width: 100%;width:auto;}

.content_gsxw_content .other1 {
  text-align: center;
  border-bottom: 1px dashed #e5e5e5;
  padding-bottom: 40px;
  margin-bottom: 45px;
}

.content_gsxw_content .other2 {
  margin-bottom: 60px;
}

.content_gsxw_content .other2 a {
  font-size: 14px;
  color: #666;
}

.content_gsxw_content .other2 p:hover {
  color: #013366;
}

.other2 a {
  font-size: 14px;
  color: #666;
}

.other2 p:hover {
  color: #013366;
}

.other2 button {
  width: 102px;
  height: 33px;
  background-color: #666666;
  border: 0;
}

.other2 button:hover {
  width: 102px;
  height: 33px;
  background-color: #013366;
  border: 0;
}

.other2 img {
  padding: 0px 10px 1px 0px;
}

.other2 span {
  font-size: 14px;
  color: #fff;
}

.prozx .basew, .prozx .nnavbg .nnav, .nnavbg .prozx .nnav {
  padding: 0 62px;
  box-sizing: border-box;
}

.prozx .t1 {
  font-size: 24px;
  color: #333;
  margin-top: 80px;
  margin-bottom: 30px;
}

.prozx .g {
  position: relative;
  line-height: 40px;
  float: left;
  margin-bottom: 20px;
}

.prozx .g input {
  width: 465px;
  height: 40px;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  padding-left: 75px;
  padding-right: 45px;
  box-sizing: border-box;
}

.prozx .g textarea {
  width: 976px;
  height: 130px;
  border: 1px solid #c9c9c9;
  border-radius: 5px;
  padding-left: 75px;
  padding-right: 45px;
  box-sizing: border-box;
  padding-top: 13px;
}

.prozx .g span {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 75px;
  text-align: center;
  font-size: 12px;
  color: #666666;
}

.prozx .g .ico {
  position: absolute;
  right: 0px;
  top: 12px;
  width: 45px;
  height: 20px;
  border-left: 1px solid #e5e5e5;
  background: url(../images/3.png) no-repeat;
  background-position: 13px 0px;
}

.prozx .g .ico.ch {
  background-position: 13px -10px;
}

.prozx .g .ico.yx {
  background-position: 13px -64px;
}

.prozx .g .ico.ch {
  background-position: 13px -119px;
}

.prozx .g .ico.dh {
  background-position: 13px -176px;
}

.prozx .g .ico.dw {
  background-position: 13px -230px;
}

.prozx .g .ico.qtlx {
  background-position: 13px -294px;
}

.prozx .g .ico.zxly {
  background-position: 13px -359px;
}

.prozx .g.margin {
  margin-right: 46px;
}

.prozx input[type=submit] {
  width: 156px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #df000b;
  color: #fff;
  margin-bottom: 90px;
  border-radius: 5px;
}

@media screen  and (max-width:1221px){
  body,.headertop,.basew, .nnavbg .nnav,.content_gsxw,.nbanner,.footer,.icontact,.ipro,.swiper-container,.bg-01033e {width:100%;min-width: 1200px;margin:0 auto;}
  .logo{    width: 266px;
    display: inline-block;
    line-height: 100px;}

  .inews .list .item{width:400px;}
  .inews .list .item img{display: none;}

}