﻿@charset "utf-8";
/* CSS Document */

.banner{ width:100%;}
.banner img{ width:100%;}
.top{ width:160px; margin:0 auto; text-align:center; margin-top:50px;}
.top .lx{ width:9px; height:9px; }
.top .qx{ padding-left:30px; }
.top h1{ font-size:30px; font-weight:700;}
.top p{ font-size:15px; color:#f4a11c;font-family: 'chakaregular';text-transform: uppercase;}
.content .content-top { margin-top:30px;}
.content-js{ width:305px; position:absolute; top:75px; left:50%; margin-left:-150px;}
.content-js p{ margin-bottom:15px; text-align:center;}
.content span{ font-size:26px;}
.content .hpf{ padding-left:25px; font-weight:bold;}
.content img{ width:100%;display: block;}
.content .content-img{ width:46.7%; float:left; /*margin-left:6.5%;*/ position:relative; overflow: hidden;}
.content .content-img img{transition: all .5s linear;}
.content .content-img:hover img{transform: scale(1.1); width: 101%;}
.content .content-img-r{ width:46.7%; float:right; margin-left:6.5%; position:relative; overflow: hidden;}
.content .content-img-r img{transition: all .5s linear;}
.content .content-img-r:hover img{transform: scale(1.1); width: 101%;}
.content a{ font-size:14px; border:#000 1px solid;border-radius:8px; padding:6px 10px;     margin: 0 auto;display: block; width: 58px;  }
.cszm{ padding-left:10px; font-weight:bold;}
.jfys{ padding-right:10px;}
.fg{ width:2px; height:20px; background-color:#000; display:inline-block;}
 .content-js p .dzjz{ font-size:24px; /**/}
 .content-js p .jz{font-weight:bold;}
.content-js p  .txzg{font-size:24px;}
/*  .content-js p  .txzg:first-child{ font-weight:600;} */
 .content a:hover{ background-color:#000; color:#FFF; transition: all 1s;}
.content-bottom{ margin:65px 0 65px;}
@media screen and (max-width:1219px){
    .content-js {top: 50px;}
}
@media screen and (max-width:1024px){
    .content span {font-size: 24px;}
    .content-js p .txzg {font-size: 22px;}
    .content a {padding: 2px 8px;}
}
@media screen and (max-width:880px){
    .content-js {top: 36px;}
}
@media screen and (max-width:768px){ 
    .content .content-img { width: 100%;}
    .content .content-img-r{ width: 100%; margin-top:30px;}
    .content-bottom {margin-top: 30px;} 
    .content-js {top: 80px;} 
    .content a { font-size:12px;}
    .content span {font-size: 18px;} 
    .content a{ margin-left:17%;} 
    .content-js p .txzg {font-size: 20px;}
    .top h1 {font-size: 22px;}
    .top p {font-size: 12px;} 
    .top .qx { width:60%;padding-left: 18px;}
    .content-js {top: 22px;} .top { margin-top: 20px;}    
    .content-js p .dzjz {font-size:18px;}
    .content-js p .txzg { font-size: 18px;}
}
@media screen and (max-width:480px){
    .content-js {top: 36px;}
}
@media screen and (max-width:375px){
    .content-js {top: 22px;} 
    .top { margin-top: 20px;} 
    .top .h1{ font-size:28px;} 
    .content .content-top {margin-top: 22px;}
}
	