body{font-size: 16px;}
.width1200{ width:1200px; margin:0 auto; letter-spacing:1px;}
.top{ height:60px; line-height:60px;}
.top .f-fl img{width: 200px; display: inline-block;vertical-align: middle;}

.banner{ background: url(/pubimages/web/P020181206514340251708.png) no-repeat center #0079ca; background-size:cover; height: 350px;    position: relative;}
.banner .f-fl{ width:100%; color:#fff;    padding: 112px 0;}
.banner .f-fl h2{ margin: 0 auto; display: block; color: #629c2a;width: auto;text-align: center;font-size:65px; font-weight:normal; animation: zoomInDown 1.5s;-moz-animation: zoomInDown 1.5s;-webkit-animation: zoomInDown 1.5s;-o-animation: zoomInDown 1.5s;animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  100%{
  opacity: 1;
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  100%{
  opacity: 1;
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}

.banner .f-fl p{ font-size:16px; line-height:32px; padding-bottom:20px; text-indent:32px;}
.banner .f-fl a{ display:inline-block; background:#aa3c14; color:#fff; height:50px; line-height:50px; padding:0 60px 0 50px; margin-right:20px; font-size:16px;}
.contactbox{ padding:50px 0 0 0;}
.listright h2 a.more{    float: right;font-size: 16px; color: #0773ba;}
.footer {width:100%; background:#2a3e57; margin:30px 0 0 0; padding:30px 0;}
.footer_con{ width:1002px; margin:0 auto; color:#fff ; font-size:14px;text-align:center; line-height:24px;}
	

@media screen and (min-width:300px) and (max-width:1024px) {
.cen{ text-align:center;}		 
.width1200{ width:100%; margin:0 auto; letter-spacing:1px;}
.top{ height:60px; line-height:60px;}
.top .f-fl{ background:url(../images/szhec_zt_logo.png) no-repeat 15px center; padding-left:55px;    background-size: 36px;    font-size: 14px;}
.top .f-fl i{ font-size:14px; font-weight: bold}
.top .f-fr{ display:none;}

.banner{ background: url(/pubimages/web/P020181206514340251708.png) no-repeat center #0079ca;background-size:cover; height: auto;    position: relative;}
.banner .f-fl{ width:100%; color:#fff; }
.banner .f-fl h2{ margin: 0 auto; display: block; color: #629c2a;width: auto;font-size:38px; font-weight:normal; }
.banner .f-fl p{ font-size:16px; line-height:32px; padding-bottom:20px; text-indent:32px;}
.banner .f-fl a{ display:inline-block; background:#aa3c14; color:#fff; height:50px; line-height:50px; padding:0 30px 0 30px; margin-right:20px; font-size:16px;}
.twoPart {padding-top: 10px;}
.contactbox{ padding:20px 20px; overflow:hidden}
.footer {width:100%; background:#2a3e57; margin:30px 0 0 0; padding:30px 0;}
.footer_con{ width:90%; margin:0 auto; color:#fff ; font-size:14px;text-align:center; line-height:24px;}