* { margin: 0; padding: 0; list-style: none; text-decoration: none; font-family: "Microsoft YaHei"; }
a { color: #000; }
a:hover{color: #ed1c24;}
img { border: 0; max-width: 100%;}
// html *,html *:before,html *:after {box-sizing: border-box;-webkit-transition: 0.5s;transition: 0.5s;}
.clearfix:after { content: " "; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; }
.center{width: 1200px;margin: 0 auto;position: relative;}
.fl{float: left;}
.fr{float: right;}
html, body {width: 100%;height: 100%;}
body {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10+ and Edge */
    user-select: none; /* Standard syntax */
  }
  img {
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
    user-drag: none;}
section, article {
    width: 100%;
    height: 100%;
    position: relative;
}
article .txthide {
    text-indent: -999999em;
    overflow: hidden;
    line-height: 0;
    font-size: 0px;
    display: none;
}
.sectionTitle {
    width: 100%;
    height: 55%;
    margin: 0 auto;
    padding-top: 0px;
    text-align: center;
    position: absolute;
    top: 7%;
    left: 0;
    opacity: 0;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    -webkit-transition: all 1s ease-out;
    transition: all 1s ease-out;
    z-index: 8;
}
.fadeInDown .sectionTitle {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.sectionWrapper {
    width: 100%;
    min-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1000?"1000px":"100%")
}
.sectionBtndiv {
    width: 100%;
    position: absolute;
    bottom: auto;
    left: 0px;
    text-align: center;
    z-index: 10;
}
.sectionBtnsub {
    width: 13%;
    margin: 0 auto;
    text-align: center;
    display: block;
    max-width: 195px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>195?"195px":"13%");
}
.sectionBtnsub img {
    width: 100%;
}
.sectionbg {
    width: 100%;
    height: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>1920?"1920px":"100%");
}
.section1, .section2, .section3, .section4, .sectionbg5 {
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
}
.secitonbottombg {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 20%;
    left: 0px;
    z-index: 1;
}
.section1 .secitonbottombg {
    position: absolute;
    bottom: 0;
    left: 0;
}
.section2 .secitonbottombg img, .section5 .secitonbottombg img, .section6 .secitonbottombg img {
    width: 70%;
    max-width: 1000px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1000px":"70%");
}
.section3 .secitonbottombg img, .section4 .secitonbottombg img {
    width: 79%;
    max-width: 1128px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1128px":"79%");
}
.section1 .secitonbottombg img {
    width: 100%;
    max-width: 1622px;
    height: auto;
    max-height: 705px;
_width:expression((document.documentElement.clientWidth||document.body.clientWidth)>100?"1622px":"100%");
}
.section2 .secitonbottombg img {
    height: auto;
    max-height: 510px;
}
.section3 .secitonbottombg img {
    height: auto;
    max-height: 610px;
}
.section4 .secitonbottombg img {
    height: auto;
    max-height: 578px;
}
.section5 .secitonbottombg img {
    height: auto;
    max-height: 530px;
}
.section6 .secitonbottombg img {
    height: auto;
    max-height: 630px;
}
.section1 .sectionTitle {
    text-align: center;
    opacity: 1;
    top: 28%;
    _top: 26%;
    left: 20%;
    z-index: 30;
}
.section1 .sectionTitle h2 {
    position: absolute;
    top: 0;
    left: 0;
    height: 52%;
    width: 100%;
    text-align: center;
}
.section1 .sectionTitle h2 img {
    height: 100%;
    width: auto;
}
.section1 .dload {
    position: absolute;
    top: 60%;
    left: 0;
    height: 40%;
    width: 100%;
    text-align: center;
}
.section1 .iph_dload {
    position: absolute;
    top: 60%;
    left: 0;
    height: 18%;
    width: 100%;
    text-align: center;
}
.section1 .iph_dload img, .section1 .andr_dload img {
    height: 100%;
    width: auto;
}
.section1 .andr_dload {
    position: absolute;
    top: 85%;
    left: 0;
    height: 18%;
    width: 100%;
    text-align: center;
}
.section6 .secitonbottombg a {
    position: absolute;
    left: 0;
    bottom: 5%;
    height: 15%;
    width: 100%;
    z-index: 99;
}
.section6 .secitonbottombg a img {
    height: 100%;
    width: auto;
}


.menu{float: right;}
// .menu a{float: left;margin-left: 26px;line-height: 102px;position: relative;}
.menu li{float: left;line-height: 50px;position: relative;width: 170px;text-align: center;font-size: 18px;}
.menu a{color: #fff;display: block;}
.menu a:hover{background: #d50005;}
.xiala{position: absolute;top: 50px;left: 0;width: 100%;z-index: 10;background: #ff282d;display: none;}
.menu li:hover .xiala{display: block;}
// .menu a:after{
//     content:'';
//     display:block;
//     width:0;
//     height:2px;
//     position:absolute;
//     left:0;
//     bottom:-2px;
//     background: #ed1c24;
//     transition:all 0.5s ease-in-out;
// }
// .menu a:hover:after{width: 100%;}
/* banner */
.index_banner{position:relative;height:90%;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:95%;}
.index_banner li.si{background:url(http://www.hsgcjc.com/wp-content/uploads/2018/07/2018071700133167.jpg) center center / 100% 100% no-repeat;}
.index_banner li.yi{background:url(../images/qh1.jpg) center center / 100% 100% no-repeat;}
.index_banner li.er{background:url(../images/qh2.jpg) center center / 100% 100% no-repeat;}
.index_banner li.san{background:url(../images/qh3.jpg) center center / 100% 100% no-repeat;}
.index_banner cite{position:absolute;bottom:10%;left:50%;z-index:999;display:block;margin-left:-50px;width:100px;height:15px;_display:none;}
.index_banner cite span{float:left;display:block;margin:0 4px;width:40px;height:8px;background-color:#e5e5e5;text-indent:-999em;opacity:.8;cursor:pointer;}
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{background-color:#1d8bd8;cursor:default;}

.about{text-align: center;font-weight: lighter;color: #444444;font-size: 55px;margin: 4% 0 1% 0;}
.line{width: 38px;height: 3px;background: #de2323;margin: 0 auto;}
.gy{text-align: center;font-size: 36px;color: #444444;margin: 2% 0 3% 0;}
.gytit{text-align: center;font-size: 28px;color: #ed1c24;}
.gynr{text-align: center;color: #707070;font-size: 16px;line-height: 42px;margin: 3% 0;}
.gynr a{color: #ed0016;}
.dz{width: 43%;margin: 0 auto;}
.dz li{width: 31%;float: left;}
.dz strong{font-size: 56px;color: #ff282d;display: block;letter-spacing: -2px;}
.dz span{font-size: 15px;}
.more{padding: 0 34px;width: 164px;margin: 5% auto 0;line-height: 43px;border: solid 1px #cbcbcb;font-size: 16px;color: #858585;display: block;background: url('../images/more1.png') right 34px center no-repeat;}
.more2{padding: 0 34px;width: 164px;margin: 2% auto 0;line-height: 43px;font-size: 16px;color: #fff;display: block;background: #ff282d url('../images/more2.png') right 34px center no-repeat;}
.more3{padding: 0 34px;width: 164px;margin: 10% auto 0;line-height: 43px;font-size: 16px;color: #fff;display: block;background: url('../images/more2.png') right 34px center no-repeat;border: solid 1px white;}
.more2:hover{color: #fff;}
.bg1{width: 100%;height: 100%;background: url("../images/bg1.jpg") center center / 100% 100% no-repeat;overflow: hidden;}
.bg2{width: 100%;height: 100%;background: url("../images/bg2.jpg") center center / 100% 100% no-repeat;overflow: hidden;}
.gc1{text-align: center;color: white;font-size: 36px;margin: 3% 0 10px 0;}
.gc2{font-size: 18px;font-weight: lighter;text-align: center;color: white;}
.xgt{margin-top: 3%;}
.xgt li{float: left;width: 25%;}
.xgt img{width: 100%;display: block;height: 230px;}
.xgtit{font-size: 18px;color: #6f6f6f;display: block;line-height: 74px;padding-left: 6%;background: -webkit-linear-gradient(left, #f9f9f9 , #ebebeb); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #f9f9f9 , #ebebeb); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #f9f9f9 , #ebebeb); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #f9f9f9 , #ebebeb); /* 标准的语法 */}
.xwzx{margin-top: 8%;}
.xwzx li{width: 29.2%;float: left;border-right: solid 1px #efefef;text-align: center;padding: 0 2%;}
.xwzx li:last-child{border-right: 0;}
.xwzx strong{font-size: 75px;color: #d4d4d4;}
.xwzx div{width: 35px;height: 1px;background: #d9d9d9;margin: 0 auto;}
.xwzx span{font-size: 16px;color: #c2c2c2;display: block;margin: 7% 0;}
.xwzx a{font-size: 18px;color: #2e2e2e;}
.xwzx p{width: 92%;margin: 2% auto 8%;text-align: justify;font-size: 16px;line-height: 24px;color: #828282;}
.xwzx img{display: block;width: 100%;}
.xwzx li:hover #red{color: #ed182a;}
.zzry li{width: 31.3%;float: left;margin: 0 1%;}
.zzry img{width: 100%;display: block;}
.zzry .zztit{background: #3e3e3e;color: white;font-size: 18px;font-weight: bold;padding-left: 5%;display: block;line-height: 76px;}
.zzry li:hover .zztit{background: #ff282d;}
.dn{width: 90%;margin: 10% auto 0;}
.dn img{float: left;}
.zxly{float: right;}
.lytit span{font-size: 28px;color: #2a2a42;}
.lytit label{font-size: 16px;color: #717171;display: block;margin-top: 12px;}
.footer{width: 100%;background: #323131;padding: 32px 0;position: absolute;bottom: 0;left: 0;}
.footer div{line-height: 32px;color: white;font-size: 16px;}
.footer a{color: white;}
.footer a:hover{color: #ed1c24;}
.code{position: absolute;right: 0;top: -10px;width: 87px;display: block;}


@media screen and (max-height: 768px){
    .xwzx{margin-top: 3%;}
    #xw{margin-top: 5% !important;}
    .more3{margin-top: 3%;}
    .dn{margin: 4% auto 0;}
}


/* 内页 */
.leftt{float: left;margin-top: 34px;}
.hs{width: 245px;border: solid 1px #e1e1e1;border-bottom: 0;margin-bottom: 12px;}
.hs div{background: #ff282d;color: white;text-align: center;padding: 3% 0;}
.hs strong{font-size: 25px;display: block;}
.hs span{font-size: 13px;}
.hs a{display: block;line-height: 42px;border-bottom: solid 1px #e3e3e3;color: #444444;padding: 0 18px;background: url("../images/in.png") right 25px center no-repeat;}
.hs a:hover{background: #f5f5f8 url("../images/in.png") right 25px center no-repeat;}
.foot{position: relative;width: 100%;height: 128px;}
.link{width: 245px;border: solid 1px #e1e1e1;padding-bottom: 10px;}
.link div{border-bottom: solid 1px #dddddd;line-height: 42px;padding: 0 10px;}
.link span{font-size: 22px;}
.link em{font-size: 12px;}
.link img{width: 218px;display: block;margin: 16px auto 10px;}
.link p{font-size: 16px;line-height: 30px;width: 218px;margin: 0 auto;}
.rightt{float: right;width: 936px;border: solid 1px #ebebeb;margin: 34px 0 80px 0;min-height: 740px;}
.topp{border-bottom: solid 1px #e3e3e3;width: 94%;margin: 0 auto;line-height: 60px;}
.topp label{float: left;font-size: 26px;}
.topp em{float: left;font-style: normal;font-size: 16px;color: #989898;padding-left: 10px;text-transform : uppercase;}
.ss{float: right;font-size: 16px;color: #989898;}
.tom{font-size: 16px;line-height: 32px;color: #676767;width: 94%;margin: 2% auto 0;}

/** 等于或大于550px正常模式 **/
@media screen and (min-width: 550px) {
.pagination {float: right;}
.pagination a, .pagination a:visited {float: left;background: #fff;margin: 0 5px 10px 0;padding: 8px 11px;line-height: 100%;border: 1px solid #ebebeb;border-radius: 2px;}
.pagination .current, .pagination .dots {background: #fff;float: left;margin: 0 5px 0 0;padding: 8px 11px;line-height: 100%;border: 1px solid #ebebeb;border-radius: 2px;}
.pagination span.pages {}
.pagination span.current, .pagination a:hover {background: #0088cc;color: #fff;border: 1px solid #0088cc;}
.screen-reader-text, .pages  {display: none;}
}


.news{width: 94%;margin: 0 auto;}
.news li{border-bottom: dashed 1px #c3c2c2;line-height: 48px;font-size: 16px;}
.news a{float: left;}
.news span{float: right;}
.pics{width: 96%;margin: 2% auto 0;}
.pics li{width: 31.3%;float: left;margin: 0 1%;text-align: center;font-size: 16px;line-height: 48px;}
.pics img{display: block;width: 100%;border: solid 1px #ccc;}
.pre{margin: 80px 0;}

/* 首页表单 */
.nf-field-element{float: left;width: 78% !important;height: 38px;}
.nf-field-label{float: left;line-height: 38px;margin-right: 2%;margin-bottom: 0 !important;width: 20%;}

.sy-form {width: 420px;margin-top: 30px;}
.sy-form .input-group{margin-bottom: 14px !important;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.sy-form label{margin-right: 2%;width: 20%;line-height: 38px;font-weight: 600;}
.sy-form label span{color: #e80000;margin-left: 5px;}
.sy-form input{height: 38px !important;width: 325px;}
.sy-form textarea{height: 100px !important;resize: none;width: 325px;}
.sy-form #j_btn{width: 325px;border: 0;background: #1b3b7b;color: white;line-height: 38px;float: right;}

/* 修改 */
.logo_right{float:right;margin-top: 2.3%;}
.logo_right .logo_right_left{float:left;width:46px;margin-right:10px;}
.logo_right .logo_right_left img{width:100%;}
.logo_right  .logo_right_right{float:left;font-size: 20px;}
.logo_right  .logo_right_right p:nth-child(1){font-weight:bolder;color:#e40000;}
.logo_right  .logo_right_right p:nth-child(2){font-weight:bolder;color:#e40000;}
.nav{width: 100%;background: #ff282d;}
.wrap{width: 100%;height: 100%;background: rgba(0,0,0,.6);position: fixed;top: 0;left: 0;display: none;z-index: 999;}
.wrap img{width: 860px;margin: 6% auto 0;}

/*内容页上一篇、下一篇*/
.m-clips{margin: 40px 0;}