.banner {

  height: 580px;

  overflow: hidden;

  position: relative;

  z-index: 1;

}



.banner a {

  display: block;

  height: 100%;

}



.banner .slick-slide {

  background-repeat: no-repeat;

  background-position: 50%;

  background-size: cover;

}



.banner .slick-dots {

  position: absolute;

  left: 0;

  bottom: 10px;

  width: 100%;

  text-align: center;

  z-index: 2;

}



.banner .slick-dots li {

  display: inline-block;

  margin: 0 5px;

}



.banner .slick-dots li a {

  display: block;

  width: 10px;

  height: 10px;

  font-size: 0;

  line-height: 0;

  text-indent: 999px;

  background-color: #fff;

}



.banner .slick-dots li.slick-active a {

  background-color: #0045ab;

}



.ind-slick {

  height: 0;

  opacity: 0;

  -webkit-transition: .3s;

  transition: .3s;

}



.ind-slick.on {

  height: auto;

  opacity: 1;

}



.m-index {

  width: 100%;

  overflow: hidden;

  margin: 35px 0 65px;

}



.m-ind-roll {

  width: 37.4%;

  float: left;

  position: relative;

}



.ind-rollbtn {

  position: absolute;

  z-index: 2;

  left: 0;

  bottom: 0;

  width: 100%;

  height: 34px;

  line-height: 34px;

}



.ind-rollbtn ul {

  margin-left: -2px;

  margin-right: -2px;

}



.ind-rollbtn li {

  width: 33.3%;

  height: 100%;

  float: left;

}



.ind-rollbtn li a {

  display: block;

  margin: 0 2px;

  height: 100%;

  background-color: rgba(0,0,0,.5);

  color: #fff;

  font-size: 14px;

  text-align: center;

}



.ind-rollbtn li.on a,

.ind-rollbtn li a:hover {

  background-color: rgba(2,58,128,.5);

}



.ind-slick {

  overflow: hidden;

  z-index: 1;

}



.ind-slick,

.ind-slick .item {

  position: relative;

}



.banner .slick-list,

.banner .slick-slide,

.banner .slick-slider,

.banner .slick-track {

  height: 100%;

}



.ind-slick .item a {

  display: block;

  padding-top: 66.6%;

}



.ind-slick .item img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.ind-slick .slick-dots {

  position: absolute;

  left: 0;

  bottom: 46px;

  width: 98%;

  text-align: right;

  z-index: 2;

}



.ind-slick .slick-dots li {

  display: inline-block;

  margin: 0 3px;

}



.ind-slick .slick-dots li a {

  display: block;

  width: 6px;

  height: 6px;

  font-size: 0;

  line-height: 0;

  text-indent: 999px;

  background-color: #fff;

  border-radius: 3px;

}



.ind-slick .slick-dots li.slick-active a {

  background-color: #f39801;

}



.ind-slick.dn {

  display: none;

}



.m-ind-txt {

  width: 37.6%;

  padding-top: 25%;

  float: right;

  position: relative;

}



.m-ind-txt .inner-box {

  position: absolute;

  top: 0;

  left: 0;

  width: 92%;

  height: 100%;

  margin: 0 4%;

  background: #fff;

}



.ind-txt-tit {

  padding-top: 5px;

  margin: 0 10px;

  height: 35px;

}



.ind-txt-tit h2 {

  margin-top: 6px;

  display: inline-block;

  font-size: 14px;

  color: #333;

  line-height: 20px;

  height: 20px;

}



.ind-txt-tit h2 span {

  display: inline-block;

  margin-right: 4px;

  width: 5px;

  height: 20px;

  background: #f39801;

  vertical-align: middle;

}



.ind-txtbtn {

  float: right;

  overflow: hidden;

}



.ind-txtbtn li {

  float: left;

  width: 80px;

  height: 35px;

  margin-left: 7px;

  line-height: 35px;

  background: url(../images/bg-l1.jpg) repeat-x 0 0;

  text-align: center;

}



.ind-txtbtn li a {

  height: 31px;

  display: block;

  font-size: 12px;

  color: #666;

}



.ind-txtbtn li.on a,

.ind-txtbtn li:hover a {

  color: #01479d;

  border-bottom: 4px solid #e6c885;

}



.ind-txtcon {

  padding: 17px 26px 0;

}



.ind-txtcon li {

  background: url(../images/bg-l2.jpg) no-repeat 0;

  font-size: 12px;

  line-height: 30px;

}



.ind-txtcon li span {

  float: right;

  color: #b8b8b8;

}



.ind-txtcon li a {

  display: block;

  text-indent: 8px;

  color: #666;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

}



.ind-txtcon li a:hover {

  color: #01479d;

}



.ind-txtcon li:first-child {

  background: none;

  margin-bottom: 10px;

}



.ind-txtcon li:first-child .time {

  float: left;

  width: 54px;

  height: 54px;

  background: #205da9;

  font-size: 26px;

  color: #fff;

  text-align: center;

  line-height: 36px;

  font-weight: 700;

}



.ind-txtcon li:first-child .time em {

  display: block;

  height: 18px;

  line-height: 18px;

  font-size: 14px;

  background: #e3cb9a;

}



.ind-txtcon li:first-child .txt-box {

  margin-left: 62px;

}



.ind-txtcon li:first-child .txt-box a {

  text-indent: 0;

  font-size: 14px;

  line-height: 1em;

  color: #000;

  font-weight: 700;

}



.ind-txtcon li:first-child .txt-box a:hover {

  color: #01479d;

}



.ind-txtcon li:first-child .txt-box p {

  padding-top: 6px;

  font-size: 12px;

  color: #090909;

  line-height: 17px;

  height: 34px;

  overflow: hidden;

  display: -webkit-box;

  display: box;

  -webkit-box-orient: vertical;

  -webkit-line-clamp: 2;

}



.m-ind-pic {

  width: 25%;

  float: right;

}



.ind-piclist li {

  overflow: hidden;

}



.ind-piclist li .pic-box {

  float: right;

  width: 50%;

  overflow: hidden;

}



.ind-piclist li .pic {

  padding-top: 100%;

  position: relative;

  -webkit-transition: all .3s;

  transition: all .3s;

}



.ind-piclist li:hover .pic {

  -webkit-transform: scale(1.2);

  transform: scale(1.2);

}



.ind-piclist li img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.ind-piclist li .txt-box {

  float: left;

  width: 50%;

}



.ind-piclist li .txt {

  padding-top: 100%;

  background: #01479d url(../images/img-l5.png) no-repeat 50%;

  color: #fff;

  text-align: center;

  position: relative;

}



.ind-piclist li .txt h2 {

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  width: 82px;

  height: 58px;

  font-size: 16px;

  line-height: 34px;

  font-weight: 400;

}



.ind-piclist li .txt h2 span {

  display: block;

  border-top: 1px solid #fff;

  font-size: 12px;

  line-height: 22px;

}



.ind-piclist li:nth-child(even) .pic-box,

.ind-piclist li:nth-child(even) .txt-box {

  float: right;

}



.ind-piclist li:nth-child(even) .txt {

  background: #868f98 url(../images/img-l6.png) no-repeat 50%;

}



.ind-piclist li:nth-child(even) .pic span {

  display: block;

  width: 25px;

  height: 25px;

  background: url(../images/img-l4.png) no-repeat 50%;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

}



.m-contact-list1 {

  padding-bottom: 60px;

}



.m-list1 {

  overflow: hidden;

  padding: 14px 15px 0;

  margin-bottom: 18px;

}



.ul-list1 {

  overflow: hidden;

  margin: 0 -30px;

}



.ul-list1 li {

  float: left;

  width: 33.33%;

  margin-bottom: 38px;

}



.ul-list1 li a {

  display: block;

  margin: 0 30px;

}



.ul-list1 li .pictxt {

  padding-top: 73.9%;

  position: relative;

  overflow: hidden;

}



.ul-list1 li .pictxt img {

  display: block;

  border: 1px solid #dadad9;

}



.ul-list1 li .pictxt .txt,

.ul-list1 li .pictxt img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



.ul-list1 li .txt {

    filter:alpha(opacity=0);   

    -moz-opacity:0;   

    -khtml-opacity: 0;   

    opacity: 0; 

    transition: .3s linear;

    -webkit-transition: .3s linear;

    -mos-transition: .3s linear;

    -o-transition: .3s linear;

    -ms-transition: .3s linear;

    background: url(../images/list1-bg.png);

}



.ul-list1 li .txt p {

    width: 80%;

    margin: 0 10%;

    text-align: center;

    overflow: hidden;

    position: absolute;

    top: 80%;

    left: 0;

    font-size: 24px;

    line-height: 24px;

    color: #fff;

    filter:alpha(opacity=0);   

    -moz-opacity:0;   

    -khtml-opacity: 0;   

    opacity: 0; 

}

.ul-list1 li a:hover p,

.ul-list1 li a:hover .txt {

    filter:alpha(opacity=100);   

    -moz-opacity:1;   

    -khtml-opacity: 1;   

    opacity: 1; 

}





.h30 {

  height: 30px;

}



.m-list2 {

  padding: 8px 15px 0;

  overflow: hidden;

}



.ul-list2 {

  margin: 0 -19px;

  overflow: hidden;

}



.ul-list2 li {

  width: 25%;

  float: left;

  margin-bottom: 27px;

}



.ul-list2 li a {

  display: block;

  margin: 0 19px;

}





.ul-list2 li a .tit {

  display: block;

  width: 100%;

  height: 62px;

  overflow: hidden;

  margin-bottom: 8px;

  line-height: 62px;

  text-align: center;

  font-size: 16px;

  font-weight: 700;

  background-color: #f4f4f4;

}



.ul-list2 li a .tit p {

  display: inline-block;

  padding: 0 15px;

  vertical-align: middle;

  line-height: 24px;

  max-height: 48px;

  overflow: hidden;

}



.ul-list2 li a:hover .txt {

  opacity: 1;

  filter: alpha(opacity=100);

}



.ul-list2 li a:hover .tit {

  color: #fff;

  background-color: #0e438f;

}



.ul-list2 li .imgtxt {

  position: relative;

  padding-top: 72.18%;

  overflow: hidden;

}



.ul-list2 li .imgtxt .txt,

.ul-list2 li .imgtxt img {

  position: absolute;

  top:50%;

  left: 50%;
  transform: translate(-50%,-50%);
  /* width: 100%; */

  height: 100%;

}



.ul-list2 li .imgtxt .txt {

  opacity: 0;

  filter: alpha(opacity=0);

  transition: .3s linear;

  -webkit-transition: .3s linear;

  -mos-transition: .3s linear;

  -o-transition: .3s linear;

  -ms-transition: .3s linear;

  background-color: rgba(0,0,0,.4);

}



.ul-list2 li .imgtxt .txt .inner {

  position: absolute;

  top: 50%;

  left: 0;

  -webkit-transform: translateY(-50%);

  transform: translateY(-50%);

}



.ul-list2 li .imgtxt .txt .inner p {

  padding: 0 26px;

  overflow: hidden;

  font-size: 14px;

  color: #fff;

  line-height: 22px;

}



.m-honor {

  overflow: hidden;

  padding: 24px 18px 49px 16px;

  background-color: #fff;

}



.g-list-btn {

  overflow: hidden;

  border-bottom: 1px solid #d6d6d6;

}



.g-list-btn li {

  float: left;

  margin-right: 16px;

  width: 123px;

  height: 36px;

  text-align: center;

  font-size: 17px;

  line-height: 36px;

  border-top-left-radius: 3px;

  border-top-right-radius: 3px;

  background-color: #eee;

}



.g-list-btn .on,

.g-list-btn li:hover {

  cursor: pointer;

  background-color: #0084e9;

  color: #fff;

}

.g-list-btn .on a,

.g-list-btn li:hover a {

  cursor: pointer;

  background-color: #0084e9;

  color: #fff;

  display:block;

  width:100%;

  height:100%;

}



.m-list7 {

  overflow: hidden;

  padding-top: 32px;

}



.ul-list7 {

  overflow: hidden;

  margin: 0 -19px;

  text-align: center;

  margin-bottom: 37px;

}



.ul-list7 li {

  float: left;

  width: 25%;

}



.ul-list7 .inner {

  overflow: hidden;

  height: 240px;

  line-height: 236px;

  padding: 10px;

  text-align: center;

  background-size: 100%;

  box-shadow: inset 0 0 1px #cbcbcb,0 1px 1px #cbcbcb,0 0 1px #cbcbcb;

}



.ul-list7 a {

  display: block;

  margin: 0 19px;

  padding: 1px;

  padding-top: 1px;

}



.ul-list7 img {

  display: inline-block;

  max-width: 100%;

  max-height: 100%;

  vertical-align: middle;

}



.ul-list7 .txt {

  padding-top: 11px;

  font-size: 13px;

  line-height: 1.5em;

  margin-bottom: 14px;

}



.ul-list7 .txt p {

  overflow: hidden;

  width: 100%;

  height: 18px;

}







.m-page{text-align: center;}

.m-page a {

    display: block;

    text-align: center;

   padding:5px 10px;

   float:left;

    border: 1px solid #e1e1e1;

}

.m-page span {

    display: block;

    text-align: center;

   padding:5px 10px;

   float:left;

    background-color: #0078d7;

  border: 1px solid #0078d7;

  color: #fff;

}



.m-page li{

  display: inline-block;

  margin: 5px;

}



.m-page .on a,

.m-page a:hover {

  background-color: #0078d7;

  border: 1px solid #0078d7;

  color: #fff;

}

.m-page li:first-child a:hover,

.m-page li:last-child a:hover {

  background-color: #6b6b6b;

  border: 1px solid #6b6b6b;

}



.m-information {

  overflow: hidden;

  margin-top: 20px;

  padding: 14px 15px 133px 18px;

  background-color: #fff;

}



.ul-list8 {

  overflow: hidden;

  margin-bottom: 37px;

}



.ul-list8 li {

  width: 100%;

  margin-top: 30px;

  padding-bottom: 43px;

  border-bottom: 1px solid #d7d7d7;

}



.ul-list8 li:first-child {

  margin-top: 0;

}



.ul-list8 li:last-child {

  border: none;

}



.ul-list8 .pic {

  float: right;

  overflow: hidden;

  width: 286px;

  height: 126px;

}



.ul-list8 .pic img {

  width: 286px;

  height: 126px;

  font-size: 0;

}



.ul-list8 .txt {

  padding-top: 16px;

  font-size: 18px;

  overflow: hidden;

}



.ul-list8 .txt p {

  overflow: hidden;

  line-height: 30px;

 

  font-size: 17px;

}



.ul-list8 .txt .date {

  overflow: hidden;

  font-size: 18px;

  color: #999;

}



.ul-list8 .txt a {

  overflow: hidden;

  display: block;

  font-size: 14px;

  color: #999;

  line-height: 36px;

}



.ul-list8 .txt a:hover {

  color: #0078d7;

}



.ul-list8 .pic a:hover {

  opacity: .8;

}



.m-address {

  padding: 17px 38px;

}



.m-address-info {

  margin-bottom: 35px;

}



.m-address-info h3 {

  font-size: 18px;

  line-height: 40px;

  color: #0e438f;

}



.m-address-info p {

  font-size: 14px;

  line-height: 36px;

  color: #666;

}



#dituContent {

  width: 100%;

  height: 540px;

}



.m-address-map {

  padding-bottom: 215px;

}



.m-feedback .m-feedback-form {

  padding: 35px;

}



.m-feedback .m-feedback-form input[type=text] {

  height: 35px;

  line-height: 35px;

  margin-bottom: 17px;

  padding: 0 12px;

}



.m-feedback .m-feedback-form input[type=text],

.m-feedback .m-feedback-form textarea {

  width: 100%;

  background-color: #eaeaea;

  color: #343434;

  border: none;

  outline: none;

  font-size: 14px;

  border-radius: 3px;

  box-sizing: border-box;

}



.m-feedback .m-feedback-form textarea {

  padding: 10px 12px;

  height: 140px;

  resize: none;

}



.m-feedback .m-feedback-form input[type=submit] {

  float: right;

  line-height: 36px;

  font-size: 18px;

  text-align: center;

  width: 132px;

  cursor: pointer;

  border: none;

  border-radius: 3px;

  background-color: #0078d7;

  color: #fff;

  font-family: Microsoft Yahei;

  -webkit-transition: .3s;

  transition: .3s;

}



.m-feedback .m-feedback-form input[type=button]:hover {

  opacity: .8;

  filter: alpha(opacity=80);

}



.m-feedback .m-feedback-form ::-moz-placeholder {

  color: #333;

}



.m-feedback .m-feedback-form ::-webkit-input-placeholder {

  color: #333;

}



.m-feedback .m-feedback-form :-ms-input-placeholder {

  color: #333;

}



.m-feedback .m-feedback-form .col-l {

  width: 36%;

}



.m-feedback .m-feedback-form .col-r {

  width: 59%;

}



.m-feedback .ul-list5 {

  padding: 46px 17px;

}



.m-feedback .ul-list5 li {

  border-bottom: 1px dashed #a1a1a1;

  padding-left: 65px;

  background: url(../images/list5-ico.png) no-repeat left 15px;

}



.m-feedback .ul-list5 li .view {

  float: right;

  font-size: 14px;

  color: #007acf;

  margin-right: 30px;

  line-height: 80px;

}



.m-feedback .ul-list5 li h4 {

  color: #656565;

  font-size: 18px;

  line-height: 80px;

  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;

}

.ul-list5 li .txt {

	display: none;

	font-size: 14px;

	line-height: 1.73em;

	text-indent: 2.2em;

	color: #666;

}

.ul-list5 li .txt p {

	margin-bottom: 1.78em;

}

.ul-list5 li.on {

	border-bottom-color: #0078d7;

}



body.perbody,

html.perhtml {

  margin: 0;

  height: 100%;

}



.performance {

  height: 100%;

  position: relative;

}



.performance-header {

  padding-top: 6.14%;

  background-color: #222;

  z-index: 3;

}



.performance-header,

.performance-header .header {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

}



.m-list6,

.m-list6 li,

.ul-list6 {

  height: 100%;

}



.m-list6 li {

  float: left;

  width: 33.33%;

}



.m-list6 li .pic {

  width: 100%;

  height: 100%;

  background-repeat: no-repeat;

  background-position: center center;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

}





.m-list6 li .pic {

  position: relative;

}



.m-list6 li .pic .mask {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0,0,0,.4);

  -webkit-transition: .3s;

  transition: .3s;

}



.m-list6 li .pic .mask .con {

  color: #fff;

  padding-left: 14px;

  position: absolute;

  left: 0;

  top: 35%;

}



.m-list6 li .pic .mask .con h2 {

  font-weight: 400;

  font-size: 26px;

  line-height: 2em;

}



.m-list6 li .pic .mask .con h2 em {

  display: block;

  width: 73px;

  height: 2px;

  background-color: #fff;

  margin-bottom: 16px;

}



.m-list6 li .pic .mask .con p {

  font-size: 24px;

  margin: 9px 0 30px;

}



.m-list6 li .pic .mask .con span {

  display: block;

  width: 40px;

  height: 40px;

  background: url(../images/list6-a.png) no-repeat;

}



.m-list6 li .pic:hover .mask {

  background-color: transparent;

}



.m-article1 {

  padding: 0 80px;

}



.m-article1 h1 {

  text-align: center;

  font-weight: 400;

  font-size: 20px;

  color: #333;

  height: 44px;

  padding-top: 20px;

}



.m-article1 .time {

  text-align: center;

  height: 35px;

  line-height: 35px;

  font-size: 12px;

  color: #999;

  border-top: 1px solid #e5e5e5;

  border-bottom: 1px solid #e5e5e5;

}



.m-article1 .time a {

  font-size: 12px;

  color: #999;

  margin-right: 22px;

}



.m-article1 .time a:hover {

  color: #005bac;

}



.m-article1 .con img {

  display: block;

  margin: 26px auto 70px;

}



.m-article1 .con {

  font-size: 14px;

  color: #656565;

  padding-bottom: 124px;

  line-height: 2.5em;

}



.m-article2 {

  padding: 0 25px 0 38px;

}



.g-tit {

  color: #005bac;

  font-size: 24px;

  padding-top: 24px;

}



.g-tit span {

  display: block;

  font-size: 12px;

  font-weight: 400;

}



.g-tit em {

  margin-bottom: -12px;

  display: block;

}



.m-article2 .con {

  padding-bottom: 145px;

  padding: 7px 0 30px;

  font-size: 14px;

  color: #333;

  line-height: 2.5em;

}



.m-article2 .con img {

  display: block;

  margin: 0 auto;

}



.m-article3 {

  padding: 0 24px;

}



.g-tit2 {

  padding-top: 37px;

}



.m-article3 .con h4 {

  padding: 0 0 16px;

  font-size: 16px;

  line-height: 1.4em;

  color: #333;

}



.m-article3 .con {

  padding-top: 12px;

  font-size: 14px;

  color: #333;

  margin-bottom: 34px;

  line-height: 2.5em;

}



.m-article3 .con a {

  color: #005bac;

}



.m-article3 .con img {

  display: block;

  margin: 0 auto 35px;

  padding-top: 38px;

  padding-bottom: 48px;

  border-bottom: 1px dashed #797979;

}



.m-article3 .con h5 {

  font-size: 12px;

  font-weight: 400;

}



.m-article3 .con h5 span {

  display: block;

  font-weight: 700;

  font-size: 16px;

  color: #333;

}



.ul-list10 {

  overflow: hidden;

  padding: 26px 100px 60px;

}



.ul-list10 li {

  width: 50%;

  float: left;

  overflow: hidden;

}



.ul-list10 .pic-box,

.ul-list10 .txt-box {

  width: 50%;

}



.ul-list10 .pic {

  padding-top: 68%;

  position: relative;

}



.ul-list10 .pic img {

  position: absolute;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

}



.ul-list10 li .txt {

  padding-top: 68%;

  background: #3ba6dc;

  color: #fff;

  position: relative;

}



.ul-list10 li .txt-inner {

  position: absolute;

  left: 18%;

  top: 50%;

  width: 82%;

  transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  -webkit-transform: translateY(-50%);

  -o-transform: translateY(-50%);

  -moz-transform: translateY(-50%);

}



.ul-list10 li .txt h3 {

  font-size: 18px;

  line-height: 36px;

  font-weight: lighter;

}



.ul-list10 li .txt p {

  font-size: 16px;

  line-height: 24px;

  color: #fff;

}



.ul-list10 .li01 .txt {

  background-color: #3ba6dc;

}



.ul-list10 .li02 .txt {

  background-color: #d77c2d;

}



.ul-list10 .li03 .txt {

  background-color: #4589c6;

}



.ul-list10 .li04 .txt {

  background-color: #85b71a;

}



.ul-list10 .li01 .pic-box,

.ul-list10 .li02 .pic-box {

  float: left;

}



.ul-list10 .li01 .txt-box,

.ul-list10 .li02 .txt-box,

.ul-list10 .li03 .pic-box,

.ul-list10 .li04 .pic-box {

  float: right;

}



.ul-list10 .li03 .txt-box,

.ul-list10 .li04 .txt-box {

  float: left;

}



.m-article4 {

  padding: 0 20px 70px;

}



.m-article4 .con {

  font-size: 16px;

  color: #666;

  line-height: 2.1em;

}



.ul-infolist {

  overflow: hidden;

  margin: 0 -17px;

  padding-top: 22px;

}



.ul-infolist li {

  width: 50%;

  float: left;

  margin-bottom: 27px;

  overflow: hidden;

}



.ul-infolist li .listcon {

  margin: 0 17px;

  border-radius: 10px;

  border: 2px solid #72b6d9;

}



.ul-infolist .listcon h3 {

  padding: 18px 0 0 17px;

  font-size: 22px;

  font-weight: 400;

  color: #333;

  height: 80px;

  overflow: hidden;

}



.ul-infolist .listcon h3 span {

  display: block;

  font-size: 18px;

  font-family: Arial;

  color: #666;

}



.ul-infolist li .img {

  padding: 10px 20px;

  height: 330px;

  text-align: center;

}



.ul-infolist li .img img {

  max-width: 100%;

  max-height: 100%;

}



.m-article4 .con img {

  display: block;

  margin: 0 auto 10px;

}



.dl-histary {

  background: url(../images/mline.png) repeat-y 188px top;

  margin: 30px 0;

}



.dl-histary .hist-tit {

  margin-bottom: 35px;

  padding-left: 225px;

  font-size: 24px;

  height: 38px;

  color: #0063af;

  background: #fff url(../images/htime.png) no-repeat 170px top;

}



.m-list4 {

  margin-bottom: 200px;

}



.m-list4 li {

  margin-bottom: 25px;

}



.m-list4 li span {

  display: block;

  font-size: 24px;

  float: left;

  color: #0063af;

  text-align: right;

  padding-right: 20px;

  background: url(../images/cir.png) no-repeat right center;

  width: 175px;

}



.m-list4 li .pictxt {

  display: block;

  overflow: hidden;

  font-size: 16px;

  padding-left: 25px;

  padding-right: 20px;

}



.m-list4 li .pictxt:hover {

  cursor: pointer;

  color: #0063af;

}



.m-list4 li .pictxt .pic {

  float: left;

  width: 124px;

  height: 93px;

  overflow: hidden;

}



.m-list4 li .pictxt .pic .img {

  width: 100%;

  height: 100%;

}



.m-list4 li .pictxt .txt {

  padding-left: 15px;

  overflow: hidden;

  line-height: 2em;

  font-weight: bold;

}



.m-culture3 {

  margin: 6px 10px;

  background: #fff;

  overflow: hidden;

  padding-bottom: 200px;

}



.m-culture3 li {

  width: 50%;

  float: left;

}



.m-culture3 li .inner {

  margin: 3px 33px;

}



.m-culture3 li .tit p {

  font-size: 18px;

  line-height: 3em;

}



.m-culture3 li a {

  display: block;

  overflow: hidden;

}



.m-culture3 li .pic {

  padding-top: 45.6%;

  position: relative;

}



.m-culture3 li .pic img {

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  position: absolute;

}



.m-culture3 a:hover {

  opacity: .8;

  -webkit-transition: .3s;

  transition: .3s;

}



.dl-sys-pic {

  margin: 5px 0;

}



.m-ddtxt {

  display: none;

}



.m-ddtxt h5 {

  font-size: 16px;

  line-height: 17px;

}



.m-ddtxt p {

  font-size: 13px;

  line-height: 30px;

}



.dl-sys-pic .m-ddtxt {

  padding: 16px;

  background-color: #f8f8f8;

}



.dl-sys-pic .m-ddtxt h5 {

  margin-bottom: 6px;

}



.dl-sys-pic .m-ddtxt p {

  margin-bottom: 7px;

}



.dl-sys-pic .m-ddtxt img {

  display: block;

  max-width: 70%;

  margin: 35px auto;

}



.recruit-txt {

  font-size: 16px;

  line-height: 24px;

  color: #515151;

  margin-bottom: 20px;

}



.recruit-txt p {

  text-indent: 2.4em;

}



.dl-sys-pic dt {

  position: relative;

  height: 40px;

  line-height: 40px;

  font-size: 14px;

  color: #333;

  padding-left: 8px;

  background-color: #e6e6e6;

  border-radius: 5px;

  cursor: pointer;

}



.dl-sys-pic dt span {

  position: absolute;

  right: 16px;

  top: 50%;

  margin-top: -9px;

  display: inline-block;

  width: 18px;

  height: 18px;

  background: url(../images/ul-sys-btn.png) no-repeat 0 100%;

}



.dl-rec-txt {

  margin-bottom: 10px;

  border-bottom: 1px solid #ececec;

}



.dl-rec-txt dt {

  position: relative;

  font-size: 16px;

  font-weight: 700;

  line-height: 86px;

  cursor: pointer;

}



.dl-rec-txt dt span {

  position: absolute;

  display: block;

  top: 50%;

  right: 14px;

  margin-top: -15px;

  width: 30px;

  height: 30px;

  background: url(../images/ul-rec-btn.png) no-repeat 0 100%;

}



.m-product-list {

  display: none;

  margin: 20px 0 30px;

}



.m-product-list .up {

  border-bottom: 5px solid #0063af;

  margin-bottom: 20px;

}



.m-product-list .up dt {

  background-color: #0063af;

  color: #fff;

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

}



.m-product-list .up dt span {

  background-position: 0 0;

}



.list-recruit {

  margin-bottom: 50px;

}



.list-recruit .up {

  border-bottom-color: #0e438f;

}



.dl-rec-txt dt:hover,

.dl-sys-pic dt:hover

{

    color: #0e438f;

}

.list-recruit .up dt span {

  background-position: 0 0;

}



.dl-sys-pic.up dt:hover{color: #fff;}

.list-recruit .up dt:hover{color: #444;}



.dl-rec-txt dd {

  max-width: 820px;

  width: 70%;

  margin: 0 auto;

  color: #666;

}



.dl-rec-txt dd .txt-box {

  margin-bottom: 25px;

}



.dl-rec-txt dd h5 {

  line-height: 30px;

}



.dl-rec-txt dd p {

  line-height: 24px;

}



.ul-list9 {

  display: none;

  padding-top: 27px;

  margin-bottom: 40px;

  overflow: hidden;

  margin: 0 -10px;

}



.ul-list9 li {

  float: left;

  width: 33.333%;

  margin-bottom: 25px;

}



.ul-list9 li a {

  display: block;

  margin: 0 25px;

  background-color: #eee;

  -o-transition:.3s;

  -ms-transition:.3s;

  -moz-transition:.3s;

  -webkit-transition:.3s;

  transition:.3s;

}



.ul-list9 li .pic {

  position: relative;

  padding-top: 56.02%;

  overflow: hidden;

}



.ul-list9 li .pic img {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  -webkit-transition: .3s;

  transition: .3s;

}



.ul-list9 li .txt {

  padding: 0 10px;

  height: 54px;

  overflow: hidden;

  text-align: center;

  font-size: 14px;

  line-height: 54px;

}



.ul-list9 a:hover {

  color: #fff;

  background-color: #0e438f;

}



.ul-list9 a:hover img {

  -webkit-transform: scale(1.2);

  transform: scale(1.2);

}



.m-contact .TAB_CLICK+.m-product-list,

.m-contact .TAB_CLICK+.ul-list9 {

  display: block;

}



.pd-cont {

  padding: 20px;

}



@media only screen and (max-width:1535px) {

  .banner {

    height: 400px;

  }



  .ind-txtcon {

    padding: 10px 26px 0;

  }



  .ind-txtcon li {

    line-height: 21px;

  }

}



@media only screen and (max-width:1295px) {

  .m-contact-list1 {

    padding-bottom: 50px;

  }



  .ul-list1 {

    margin: 0 -10px;

  }



  .ul-list1 li {

    margin-bottom: 20px;

  }



  .ul-list1 li a {

    margin: 0 10px;

  }



  .ul-list1 li .pictxt .txt p {

    font-size: 18px;

  }



  .ul-list2 {

    margin: 0 -10px;

  }



  .ul-list2 li {

    margin-bottom: 20px;

  }



  .ul-list2 li a {

    margin: 0 10px;

  }



  .ul-list2 li a .tit {

    height: 48px;

    line-height: 48px;

  }



  .ul-list2 li a .tit p {

    font-size: 14px;

    line-height: 18px;

    max-height: 36px;

  }



  .ul-list2 li .imgtxt .txt .inner p {

    padding: 0 15px;

    line-height: 18px;

    font-size: 12px;

  }



  .ul-list10 li .txt-inner {

    left: 10%;

    width: 80%;

  }



  .ul-list9 li a {

    margin: 0 10px;

  }

}



@media only screen and (max-width:1199px) {

  .m-index {

    margin: 20px 0;

  }



  .m-ind-roll {

    width: 60%;

    margin-bottom: 10px;

  }



  .m-ind-pic {

    width: 40%;

    margin-bottom: 10px;

  }



  .m-ind-txt {

    float: none;

    width: 100%;

    position: static;

    padding-top: 0;

    clear: both;

  }



  .m-ind-txt .inner-box {

    width: 100%;

    margin: 0;

    position: static;

  }



  .ind-txtcon {

    padding: 17px 26px;

  }



  .ind-txtcon li {

    line-height: 30px;

  }



  .m-contact-list1 {

    padding-bottom: 40px;

  }



  .ul-list1 li .pictxt .txt p {

    font-size: 16px;

  }



  .ul-list2 li {

    width: 33.33%;

  }



  .ul-list2 li a .tit p {

    font-size: 14px;

    line-height: 20px;

    max-height: 40px;

  }



  .ul-list2 li .imgtxt .txt .inner p {

    font-size: 14px;

  }



  .m-list6 li .pic .mask .con h2 {

    font-size: 18px;

    line-height: 1.2em;

  }



  .m-list6 li .pic .mask .con p {

    font-size: 14px;

    line-height: 1.2em;

  }



  .m-article3 .con img {

    padding: 20px 0;

  }



  .m-article1 .con {

    padding-bottom: 30px;

    line-height: 1.5em;

  }



  .m-article1 h1 {

    padding-top: 10px;

  }



  .m-article1 .con img {

    margin: 10px auto;

  }



  .ul-list10 {

    padding: 0 0 20px;

  }



  .m-article2 {

    padding: 0 20px;

  }



  .ul-infolist li .img {

    height: 240px;

  }



  .m-article4 .con2 {

    padding-bottom: 50px;

  }



  .dl-histary {

    background: url(../images/mline.png) repeat-y 30px top;

    margin-bottom: 50px;

    margin-top: 10px;

  }



  .m-list4 li {

    margin-bottom: 18px;

  }



  .dl-histary .hist-tit {

    padding-left: 80px;

    margin-bottom: 20px;

    font-size: 18px;

    height: 30px;

    background: #fff url(../images/htime1.png) no-repeat 15px bottom;

  }



  .m-list4 li span {

    padding-left: 65px;

    text-align: left;

    float: none;

    font-size: 16px;

    line-height: 2em;

    display: block;

    background: url(../images/cir.png) no-repeat 24px;

  }



  .m-list4 li .pictxt {

    overflow: hidden;

    font-size: 14px;

    line-height: 1.8em;

    padding-left: 65px;

    padding-right: 15px;

  }



  .m-culture3 {

    padding-bottom: 10px;

  }



  .m-culture3 li {

    width: 50%;

    float: left;

  }



  .m-culture3 li .inner {

    margin: 0 15px;

  }



  .m-culture3 li .tit p {

    font-size: 16px;

    line-height: 3em;

  }



  .m-culture3 li .pic {

    padding-top: 45.6%;

    position: relative;

  }



  .m-culture3 li .pic img {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: absolute;

  }

}



@media only screen and (max-width:1190px) {

  .wp {

    width: 100%;

  }



  .ul-list7 .inner {

    height: 140px;

    line-height: 136px;

  }

  .ul-list7 {

    margin: 0 -14px;

  }



  .ul-list7 a {

    margin: 0 14px;

  }

}



@media only screen and (max-width:959px) {

  .banner {

    height: 300px;

  }



  .ul-list2 li {

    width: 50%;

  }



  .ul-list2 li .imgtxt .txt .inner p {

    padding: 0 48px;

    font-size: 14px;

    line-height: 24px;

  }

  .m-information{padding: 15px;}

  .ul-list7 {

    margin: 0 -10px;

  }



  .ul-list7 a {

    margin: 0 10px;

  }

  .ul-list7 .inner {

    height: 150px;

    line-height: 146px;

  }

  #dituContent {

    height: 270px;

  }



  .m-address {

    padding: 17px 15px;

  }



  .m-address-map {

    padding-bottom: 100px;

  }



  .m-feedback .m-feedback-form .col-l,

  .m-feedback .m-feedback-form .col-r {

    float: none;

    width: 100%;

  }



  .m-feedback .m-feedback-form input[type=button] {

    float: none;

    margin-top: 10px;

  }



  .m-feedback .ul-list5 {

    padding-top: 0;

  }



  .m-list6 li .pic .mask .con h2 {

    font-size: 14px;

  }



  .m-list6 li .pic .mask .con p {

    font-size: 12px;

  }



  .m-article3 .con img {

    margin-bottom: 20px;

    padding: 10px 0;

  }



  .m-article3 .con {

    margin-bottom: 10px;

  }



  .m-article1 h1 {

    font-size: 18px;

    height: 30px;

  }



  .m-article1 {

    padding: 0 30px;

  }



  .m-article1 .time {

    height: 30px;

    line-height: 30px;

  }



  .ul-infolist .listcon h3 {

    font-size: 18px;

    height: 72px;

  }



  .ul-infolist .listcon h3 span {

    font-size: 14px;

  }



  .m-article2 .con {

    padding-bottom: 50px;

    line-height: 1.5em;

  }



  .dl-histary {

    background: url(../images/mline.png) repeat-y 30px top;

    margin-top: 0;

  }



  .dl-histary,

  .m-list4 {

    margin-bottom: 0;

  }



  .m-list4 li {

    margin-bottom: 15px;

  }



  .dl-histary .hist-tit {

    padding-left: 80px;

    margin-bottom: 20px;

    font-size: 18px;

    height: 30px;

    background: #fff url(../images/htime1.png) no-repeat 15px bottom;

  }



  .m-list4 li span {

    padding-left: 65px;

    text-align: left;

    float: none;

    font-size: 14px;

    line-height: 2em;

    display: block;

    background: url(../images/cir.png) no-repeat 24px;

  }



  .m-list4 li .pictxt {

    overflow: hidden;

    line-height: 1.8em;

    padding-left: 65px;

    padding-right: 10px;

  }



  .m-culture3 {

    margin: 6px 8px;

  }



  .m-culture3 li {

    width: 50%;

    float: left;

  }



  .m-culture3 li .inner {

    margin: 0 5px;

  }



  .m-culture3 li .tit p {

    font-size: 16px;

    line-height: 2.4em;

  }



  .m-culture3 li .pic {

    padding-top: 45.6%;

    position: relative;

  }



  .m-culture3 li .pic img {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: absolute;

  }

}



@media only screen and (max-width:767px) {

  .m-ind-pic,

  .m-ind-roll {

    width: auto;

    float: none;

  }



  .m-index {

    margin: 10px 0;

  }



  .m-contact-list1 {

    padding-bottom: 30px;

  }



  .ul-list1 li {

    width: 50%;

    margin-bottom: 30px;

  }



  .ul-list1 {

    margin: 0 -15px;

  }



  .ul-list1 li a {

    margin: 0 15px;

  }



  .ul-list1 li .pictxt .txt p {

    font-size: 16px;

  }



  .ul-list2 li {

    width: 100%;

  }



  .ul-list2 li a .tit {

    height: 48px;

    line-height: 48px;

  }



  .ul-list2 li .imgtxt .txt .inner p {

    line-height: 36px;

  }



  .m-honor {

    padding: 10px;

  }



  .ul-list7 li {

    width: 33.33%;

  }



  .ul-list7 .inner {

    height: 150px;

    line-height: 146px;

  }

  .g-list-btn li {

    width: 25%;

    height: 45px;

    padding: 0 10px;

    box-sizing: border-box;

    border-radius: 8px;

    margin-right: 0;

    background-clip: padding-box;

    border: 5px solid #fff;

    font-size: 13px;

  }



  .ul-list8 li {

    padding-bottom: 0;

  }



  .ul-list8 .pic,

  .ul-list8 .pic img {

    float: none;

    width: 100%;

    height: auto;

  }

  .ul-list7 {margin: 0 -5px;}

  .ul-list7 a{margin: 0 5px;}



  .ul-list9{padding-top:15px;}



  .m-feedback .ul-list5 li h4 {

    font-size: 14px;

    line-height: 50px;

  }



  .m-feedback .ul-list5 li .view {

    margin-right: 0;

    font-size: 12px;

    line-height: 50px;

  }



  .m-feedback .ul-list5 li {

    background-size: 25px;

    padding-left: 35px;

  }



  .m-feedback .m-feedback-form input[type=button] {

    font-size: 14px;

    line-height: 25px;

    width: 65px;

  }



  .m-feedback .m-feedback-form {

    padding: 15px;

  }



  .m-address-info h3 {

    font-size: 14px;

  }



  .m-address-info h3,

  .m-address-info p {

    line-height: 1.5em;

  }



  .m-address-map {

    padding-bottom: 50px;

  }



  .m-list6 li {

    float: none;

    width: 100%;

    height: 480px;

  }



  .g-tit {

    font-size: 18px;

    padding-top: 6px;

  }



  .m-article3 .con h4 {

    font-size: 16px;

    padding-bottom: 5px;

  }



  .g-tit em img {

    width: 100px;

  }



  .g-tit em {

    margin-bottom: -7px;

  }



  .m-article3 .con h5 {

    line-height: 1.5em;

  }



  .m-article3 .con h5 span {

    font-size: 14px;

  }



  .m-article3 {

    padding: 0 10px;

  }



  .m-article3 .con img {

    margin-bottom: 10px;

    padding: 3px 0;

  }



  .m-article3 .con {

    line-height: 1.5em;

    text-align: justify;

  }



  .ul-list10 li {

    width: 100%;

  }



  .ul-list10 .li02 .pic-box {

    float: right;

  }



  .ul-list10 .li03 .pic-box {

    float: left;

  }



  .ul-list10 li .txt-inner {

    text-align: center;

  }



  .m-article1 {

    padding: 0 15px;

  }



  .m-article1 .con {

    line-height: 1.5em;

    padding-bottom: 15px;

  }



  .m-article1 .con img {

    margin: 5px auto;

  }



  .ul-infolist li .img {

    height: auto;

  }



  .m-article4 {

    padding: 0 10px 10px;

  }



  .m-article4 .con p {

    line-height: 1.5em;

    font-size: 14px;

  }



  .m-article4 .con img {

    margin-bottom: 5px;

  }



  .m-article4 .pic {

    margin: 10px auto;

  }



  .m-article4 .pic,

  .m-article4 .pic2 {

    width: 98%;

  }



  .m-article4 .pic2 {

    padding-bottom: 10px;

  }



  .m-article4 .pic2 img {

    margin-bottom: 5px;

  }



  .ul-infolist .listcon h3 {

    height: 60px;

  }



  .ul-infolist {

    margin: 0;

  }



  .ul-infolist li {

    width: 100%;

    margin-bottom: 10px;

  }



  .ul-infolist li .listcon {

    text-align: center;

    height: auto;

    margin: 0;

  }



  .ul-list10 li .txt h3 {

    line-height: 20px;

    font-size: 16px;

  }



  .ul-list10 li .txt p {

    line-height: 20px;

    font-size: 12px;

  }



  .m-article2 {

    padding: 0 15px;

  }



  .m-article2 .con {

    padding-bottom: 20px;

    font-size: 12px;

  }



  .dl-histary {

    background: url(../images/mline.png) repeat-y 30px top;

    margin-bottom: 0;

    margin-top: 0;

  }



  .m-list4 li {

    margin-bottom: 12px;

  }



  .dl-histary .hist-tit {

    padding-left: 80px;

    margin-bottom: 20px;

    font-size: 18px;

    height: 30px;

    background: #fff url(../images/htime1.png) no-repeat 15px bottom;

  }



  .m-list4 li span {

    padding-left: 65px;

    text-align: left;

    float: none;

    font-size: 14px;

    line-height: 2em;

    display: block;

    background: url(../images/cir.png) no-repeat 24px;

  }



  .m-list4 li .pictxt {

    overflow: hidden;

    padding-left: 65px;

  }

  .m-list4 li .pictxt .txt{font-weight: lighter;}

  .m-list4 li .pictxt .pic {

    width: 99px;

    height: 74px;

  }



  .m-culture3 {

    margin: 5px;

  }



  .m-culture3 li {

    width: 100%;

    float: left;

  }



  .m-culture3 li .inner {

    margin: 0;

  }



  .m-culture3 li .tit p {

    text-align: center;

    font-size: 16px;

    line-height: 2.4em;

  }



  .m-culture3 li .pic {

    padding-top: 45.6%;

    position: relative;

  }



  .m-culture3 li .pic img {

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    position: absolute;

  }



  .m-ddtxt h5 {

    font-size: 14px;

  }



  .m-ddtxt h5 p {

    font-size: 12px;

  }



  .pd-cont {

    padding: 10px;

  }



  .dl-sys-pic .m-ddtxt img {

    max-width: 80%;

    margin: 10px auto;

  }



  .recruit-txt {

    font-size: 14px;

  }



  .dl-rec-txt dt {

    line-height: 55px;

    font-weight: 400;

  }



  .dl-rec-txt dd {

    width: 80%;

  }



  .ul-list9 li {

    width: 50%;

    margin-bottom: 8px;

  }



  .ul-list9 li .txt {

    height: 40px;

    line-height: 40px;

  }

}



@media only screen and (max-width:480px) {

  .ul-list7 li {

    width: 50%;

  }



  .ul-list7 .inner {

    height: 130px;

    line-height: 126px;

  }



  .g-list-btn li {

    width: 50%;

  }



  .ul-list7 {

    margin-bottom: 20px;

  }



  .m-page li{margin: 0;}





  .ul-list8 .txt p {

    font-size: 14px;

  }



  .ul-list8 .txt .date {

    font-size: 15px;

  }



  .ul-list8 .txt a {

    font-size: 12px;

    line-height: 16px;

    padding-bottom: 5px;

  }



  .ul-list7 {

    margin-bottom: 10px;

  }

  .ul-list8 li {

    padding-bottom: 0;

  }



  .ul-list8 {

    margin-bottom: 0;

  }

}



@media only screen and (max-width:479px) {

  .banner {

    height: 150px;

  }



  .ind-txtbtn li {

    width: 62px;

  }



  .ind-txtcon {

    padding: 16px 10px;

  }



  .ind-txtcon li {

    line-height: 24px;

  }



  .banner .slick-dots li a {

    width: 6px;

    height: 6px;

  }



  .ind-rollbtn li a {

    font-size: 12px;

  }



  .ind-piclist li .txt h2 {

    width: 60px;

    font-size: 14px;

  }



  .ind-piclist li .txt h2 span {

    font-size: 12px;

  }



  .ind-txtcon li:first-child .time {

    font-size: 18px;

  }



  .ul-list1 {

    margin: 0 -10px;

  }



  .ul-list1 li a {

    margin: 0 10px;

  }



  .ul-list1 li {

    width: 100%;

    margin-bottom: 20px;

  }



  .ul-list2 li .tit p {

    font-size: 14px;

    line-height: 16px;

  }



  .ul-list2 li .imgtxt .txt .inner p {

    padding: 0 26px;

    line-height: 22px;

  }



  .m-list6 li {

    float: none;

    width: 100%;

    height: 480px;

  }



  .m-article1 {

    padding: 0 10px;

  }



  .ul-infolist .listcon h3 {

    font-size: 16px;

  }



  .ul-infolist .listcon h3 span {

    font-size: 12px;

  }



  .dl-histary {

    background: url(../images/mline.png) repeat-y 11px top;

    margin-bottom: 0;

    margin-top: 0;

  }



  .dl-histary .hist-tit,

  .m-list4 li {

    margin-bottom: 10px;

  }



  .dl-histary .hist-tit {

    padding-left: 40px;

    font-size: 15px;

    height: 24px;

    background: #fff url(../images/htime2.png) no-repeat 2px;

  }



  .m-list4 li span {

    padding-left: 30px;

    text-align: left;

    float: none;

    display: block;

    background: url(../images/cir.png) no-repeat 6px;

  }



  .m-list4 li .pictxt {

    overflow: hidden;

    padding-left: 30px;

  }



  .dl-rec-txt dd {

    width: 90%;

  }



  .ul-list9 li {

    width: 100%;

  }

}

/*# sourceMappingURL=all.css.map */