@media (min-width:1199px){
	.hiddle_xc{ display: none}
}

/*手机版*/
@media (max-width:991px){
body{ font-size:1rem;}
#nav-header ,.hiddle_pc{ display:none}
.hiddle_xs{ display: block}
.structure h2{ font-size:1.8rem; color:#333333; text-align:center; font-weight:normal; margin-bottom:1%}
.structure p{ text-align:center; background:url(../image/line.png) no-repeat center; font-size:1rem;}

#waptop {height: auto}
#waptop #waptopbg {width: auto}
.nav-toggle {width: 100%;position: fixed;height: 48px;z-index: 90;top: 0;left: 0;background-color: #000}
.nav-toggle:before {width: 100%;height: 48px;background-color: #333;content: "";position: fixed;top: 0;left: 0;-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);
	-webkit-transition-duration: .3s;transition-duration: .3s;opacity: 0}
.nav-open .nav-toggle:before {width: 100%;height: 100%;background-color: #000;opacity: 1;-webkit-transition-duration: .3s;transition-duration: .3s}
.navv {position: fixed;top: 48px;left: 0;width: 100%;height: 100%;-webkit-transition-duration: .2s;transition-duration: .2s;opacity: 0;-webkit-transform: translateY(-20px);transform: translateY(-20px);
	z-index: -1}
.nav-open .navv {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);z-index: 91;-webkit-transition-duration: .2s;transition-duration: .2s}
.navv ul {padding: 0 48px}
.navv ul li {list-style: none;width: 100%;opacity: 0;-webkit-transform: translateY(10px);-ms-transform: translateY(10px);transform: translateY(10px)}
.nav-open .navv ul li {opacity: 1;-webkit-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);-webkit-transition: opacity 400ms ease, -webkit-transform 400ms ease;transition: opacity 400ms ease, -webkit-transform 400ms ease;-o-transition: transform 400ms ease, opacity 400ms ease;
	transition: transform 400ms ease, opacity 400ms ease;transition: transform 400ms ease, opacity 400ms ease, -webkit-transform 400ms ease}
.nav-open .navv ul li:nth-child(1) {transition-delay: .1s;-webkit-transition-delay: .1s}
.nav-open .navv ul li:nth-child(2) {transition-delay: .15s;-webkit-transition-delay: .15s}
.nav-open .navv ul li:nth-child(3) {transition-delay: .2s;-webkit-transition-delay: .2s}
.nav-open .navv ul li:nth-child(4) {transition-delay: .25s;-webkit-transition-delay: .25s}
.nav-open .navv ul li:nth-child(5) {transition-delay: .3s;-webkit-transition-delay: .3s}
.nav-open .navv ul li:nth-child(6) {transition-delay: .35s;-webkit-transition-delay: .35s}
.nav-open .navv ul li:nth-child(7) {transition-delay: .4s;-webkit-transition-delay: .4s}
.nav-open .navv ul li:nth-child(8) {transition-delay: .45s;-webkit-transition-delay: .45s}
.nav-open .navv ul li:nth-child(9) {transition-delay: .5s;-webkit-transition-delay: .5s}
.nav-open .navv ul li:nth-child(10) {transition-delay: .55s;-webkit-transition-delay: .55s}
.nav-open .navv ul li:nth-child(11) {transition-delay: .6s;-webkit-transition-delay: .6s}
.nav-open .navv ul li:nth-child(12) {transition-delay: .65s;-webkit-transition-delay: .65s}
.nav-open .navv ul li:nth-child(13) {transition-delay: .7s;-webkit-transition-delay: .7s}
.nav-open .navv ul li:nth-child(14) {transition-delay: .75s;-webkit-transition-delay: .75s}
.nav-open .navv ul li:nth-child(15) {transition-delay: .8s;-webkit-transition-delay: .8s}
.navv ul li a {display: block;padding: 0;text-align: left;line-height: 45px;height: 45px;color: #fff;text-decoration: none;font-size: 16px;border-bottom: 1px solid #222}
.navv ul li a.cur {color: #999}
.navv ul:hover li a {opacity: .5}
.navv ul:hover li:hover a {opacity: 1}
#nav-icon {height: 48px;width: 58px;display: block;z-index: 91;position: absolute;top: 0;left: 0}
.nav-icon:before, .nav-icon:after {width: 25px;height: 3px;background-color: #fff;content: "";position: absolute;left: 0;-webkit-transition-duration: .5s;transition-duration: .5s}
.nav-icon:before {top: -7px}
.nav-icon:after {top: 7px}
.nav-icon {width: 25px;height: 3px;background-color: #fff;position: fixed;top: 23px;left: 15px;-webkit-transition-duration: .5s;transition-duration: .5s}
.nav-open .nav-icon {width: 0}
.nav-open .nav-icon:before {-webkit-transform: translateY(7px) rotate(45deg);-ms-transform: translateY(7px) rotate(45deg);transform: translateY(7px) rotate(45deg)}
.nav-open .nav-icon:after {-webkit-transform: translateY(-7px) rotate(-45deg);-ms-transform: translateY(-7px) rotate(-45deg);transform: translateY(-7px) rotate(-45deg)}
#logo {display: block;position: fixed;color: #fff;width: 40%;text-align: center;top: 5px;left: 27%;margin: 0 0 0 0;z-index: 91;content: "";height: 40px;overflow: hidden}
#logo a {height: 30px;overflow: hidden;display: block}
#logo img {width: 100%;height: auto}
#qq {position: fixed;top: 0;right: 0;color: #fff;-webkit-transition-duration: .5s;transition-duration: .5s;z-index: 91;content: ""}
.nav-open #qq {right: -100px}
.actions {display: inline-block;
*zoom:1;
*display:inline;vertical-align: middle;position: absolute;right: 0;top: 0;height: 48px;width: 100px}
.actions a {display: block;float: right;padding: 10px;text-align: center}
.icon-qq {
	display: inline-block;
*zoom:1;
*display:inline;width: 22px;height: 26px;vertical-align: middle;background: url(../image/icon-fe.png) no-repeat center center;background-size: 80%
}
.icon-im {display: inline-block;*zoom:1;*display:inline;width: 26px;height: 26px;vertical-align: middle;background: url(../image/icon-im.png) no-repeat center center;background-size: 90%}
.icon-call {display: inline-block;*zoom:1;*display:inline;width: 25px;height: 26px;vertical-align: middle;background: url(../image/icon-call.png) no-repeat center center;background-size: 80%}

#menu22016 {font-size: 1rem;height: 55px;background-color: #fff;border-bottom: 1px solid #e5e5e5;margin-bottom: 10px; width:88%; padding:0 6%;}
#menu22016.fixed{position: fixed;top: 0;left: 0;z-index: 11;}
#menu22016 ul li {text-align: center;width: auto; margin-right: 23px;font-size: 1.1rem;line-height: 53px; float:left;}
#menu22016 ul li a {padding: 0 18px;display: inline-block;color: #666;margin-left: 5px}
#menu22016 li a:hover ,#menu22016 ul li a.cur { color: #b41732;border-bottom: 2px solid #b41732;position: relative;margin-bottom: -1px;}


.HomeBan {overflow:hidden; top:0; clear:both; position:relative;background:url(http://www.hagxkg.com/images/loading.gif) center center no-repeat;}
.HomeNews .Right .bd li .tit{ font-size:1.1rem; color:#333333; width:88%;}
.HomeNews .Right .bd li .date{ position:absolute; right:16px; top:0;color:#c1c1c1;}


.news01 .nleft{ width:96%; margin-right:0; float: left; background:#FFFFFF; padding:2%;}
.news01 .nleft .bd li{ position:relative; height:40px; width:84%; line-height:40px; background:url(../image/dot2.gif) 0px center no-repeat; padding:0 52px 0 16px;}
.news01 .nleft .bd li .tit{ font-size:1rem; color:#333333;}
.news01 .nleft .bd li .date{ position: absolute;right: 0;top: 0;color: #c1c1c1;width: 80px;overflow: hidden;height: 30px;}

.news01 .nright{ width:96%; float: right; background:#FFFFFF; padding:2%; margin-top:2%; margin-left:0;}
.news01 .nright .bd li{ position:relative; height:40px; width:65%; line-height:40px; background:url(../image/dot2.gif) 0px center no-repeat; padding:0 52px 0 16px;}
.news01 .nright .bd li .tit{ font-size:1rem; color:#333333;}
.news01 .nright .bd li .date{ position: absolute;right: -78px;top: 0;color: #c1c1c1;width: 80px;overflow: hidden;height: 30px;}

.Homenews li{ font-weight:bold; cursor:pointer; float:left; padding:0 5px; margin-right:1%; color:#333333; font-size:1.1rem;}
.HomeLink .hd{ text-align: center;font-size: 1.1rem;line-height: 35px;margin-bottom: 23px;border-bottom: 1px solid #e6e6e6;color: #000000;cursor: pointer;width: 100%;margin: 0 auto;float: left;padding: 0 0 0 32%;}

.HomeCol2{ width:100%; background:#FFFFFF; float:left; margin-bottom:2%; padding-bottom:2%;}
.HomeVideo{ width:100%; float:left;}
.HomeVideo .box{ background:#fff; padding:15px 20px 0; height:415px;}
.HomeVideo .HomeTit{ margin-bottom:26px;}
.HomeVideo .video{position:relative; overflow:hidden; height:315px;}
.HomeVideo .video .imgbox{ height:315px;}
.HomeVideo .video .a_play{ width:100%; height:100%; position:absolute; left:0; top:0;background:rgba(0,0,0,0.3) url(../image/play.png) center center no-repeat;  z-index:100;}
.HomeVideo .video video{ width:100%; height:315px; background:#000;}
.HomeVideo .video .close{ cursor:pointer; left:auto; border-radius:50%; background: #fff url(../image/closenav.png) center center no-repeat; position:absolute; right:0; top:0; width:25px; height:25px; z-index:501;}

.HomeZt { margin-bottom:10px;overflow:hidden; clear:both; display:none; position:relative;background:url(http://www.hagxkg.com/images/loading.gif) center center no-repeat;}
.case .tc img{ width:60%; height:auto}
#demoo {background: #FFF;overflow: hidden; margin-top:3%;width: 100%;}
 
#nbanner { position:relative; z-index:-1; width:100%; top:0; margin-bottom:0;}

.container{ max-width:100%; margin:0px auto;}
.container2{ max-width:1300px; margin:0 auto 0;}
.container3{ max-width:100%; margin:0 auto 0;}
.wp1200 { width: 88%; padding: 0 6%;height: auto;}

.profile-wrap .cont {width: 96%; padding:0 2%; margin-top: 2%;font-size: 16px;color: #333333;line-height: 2.3; margin-bottom:2%; float:left;}
.profile-wrap .left-images { width: 45%; margin-right: 3%;height: auto;overflow: hidden;}
.profile-wrap .right-words { width: 100% !important; float: none;}
.profile-wrap .right-words img{  margin-right:0;}
.profile-wrap .right-words:hover img { transition: .5s ease; transform: scale3d(1.05,1.05,1);}

h5{ text-align:center; font-size:1.3rem}

.know{padding-top:0;padding-bottom:0}
.know .container{background-color:#fff}
.progress{}
.progress .container{padding:60px 0;background-color:#fff}
.progress .progress-container{width:100%;margin:0 auto}
.progress .progress-container .progress-list{position:relative;padding:55px 0}
.progress .progress-container .time-line{position:absolute;top:0;left:50%;margin-left:-1px;height:100%;width:2px;background-color:#0193d8}
.progress .progress-container .time-tip{position:absolute;left:50%;width:26px;height:26px;margin-left:-13px;background:url('../image/know-icon-1.png') no-repeat center}
.progress .progress-container dl{position:relative;z-index:2;width:95%;margin:0 auto;font-size:0;background:url('../image/know-icon-1.png') no-repeat center}
.progress .progress-container .reverse{direction:rtl}
.progress .progress-container dt{display:inline-block;width:50%;margin-right:5%;vertical-align:middle}
.progress .progress-container dt img{width:80%;height: auto}
.progress .progress-container dt p{font-size:1rem;line-height:22px; padding:0 10%;text-align:left;color:#666}
.progress .progress-container .reverse dt{margin-right:0;margin-left:5%}
.progress .progress-container .reverse dt p{direction:ltr}
.progress .progress-container dd{display:inline-block;width:45%;margin-right:0;vertical-align:middle}
.progress .progress-container dd img{width:80%;height: auto}
.progress .progress-container dd p{font-size:16px;line-height:26px;text-align:left;color:#666}
.progress .progress-container .progress-feature{padding-top:60px;background:url(../image/know-icon-1.png) no-repeat top center}
.progress .progress-container .progress-feature>p{margin-bottom:20px}
.progress .progress-container .progress-1{position:relative; margin-top:50px;}
.progress .progress-container h5{font-size:24px;line-height:24px;padding:0 0 10px;text-align:center;color:#000}
.progress .progress-container p{font-size:16px;line-height:1.2;padding:15px 0;text-align:center;color:#666}


/****************新闻媒体**************/
.bg-gray {background-color: #f5f5f5;}
.news-infor{position: relative;}
.news-infor .top-wrap{padding-top: 40px;padding-bottom: 20px;transition: normal;}
.news-infor .top-wrap.m-wrap{padding: 20px 0 20px;width: 100%; display:none}
.news-infor .top-wrap .left-scroll{width: 49%;/*background: url(../../img/loading.gif) no-repeat center;*/min-height: 40px}
.news-infor .top-wrap .left{width: 100%;position: relative;overflow: hidden;display: none;}
.news-infor .top-wrap.long-wrap .left,.news-infor .top-wrap.long-wrap .left-scroll{width: 100%;}
.news-infor .top-wrap.long-wrap .right{width: 100%;margin-top: 30px;}
.news-infor .top-wrap.m-wrap .left,.news-infor .top-wrap.m-wrap .right{display: none;}
.news-infor .top-wrap .left .bd{width: 100%;}
.news-infor .top-wrap .left .butn{display: block;width: 49px;height: 81px;position: absolute;top: 50%;margin-top: -30px;cursor: pointer;}
.news-infor .top-wrap.twrap .left .butn{width: 30px;height: 50px;background-size: 100% auto;}
.news-infor .top-wrap .left .prev{background: url(../image/ico_45.png) no-repeat center top;left: 0;}
.news-infor .top-wrap .left .next{background: url(../image/ico_46.png) no-repeat center top;right: 0;}
.news-infor .top-wrap .left .butn:hover{background-position: center bottom;}
.news-infor .top-wrap .left li a{display: block;position: relative;cursor: pointer;width: 100%}
.news-infor .top-wrap .left li img{width: 100%;display: block;}
.news-infor .top-wrap .left li p{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;line-height: 70px;font-size: 24px;color: #fff;/*background: url(../img/bg_09.png) repeat center;*/}
.news-infor .top-wrap.owrap .left li p{line-height: 44px;font-size: 16px;}
.news-infor .top-wrap.twrap .left li p{line-height: 50px;font-size: 17px;}
.news-infor .top-wrap .left .btnbox{position: absolute;bottom: 16%;left: 50%;overflow: hidden}
.news-infor .top-wrap .btnbox span{width: 15px;height: 7px;margin-left: 8px;cursor: pointer;background: url(../image/ico_47.png) no-repeat right center;text-indent: 9999;display: block;float: left;transition: normal}
.news-infor .top-wrap .btnbox span.on{background: url(../image/ico_47.png) no-repeat left center;width: 25px;}
.news-infor .top-wrap .right{width: 48%;}
.news-infor .top-wrap .right ul{width: 100%;}
.news-infor .top-wrap .right li{width: 100%;padding-bottom: 15px;border-bottom: 1px solid #e5e5e5;margin-bottom: 40px;}
.news-infor .top-wrap.owrap .right li{margin-bottom: 10px;padding-bottom: 6px;}
.news-infor .top-wrap.twrap .right li{margin-bottom: 8px;padding-bottom: 6px;}
.news-infor .top-wrap .right li a{display: block;cursor: pointer;}
.news-infor .top-wrap .right .f24{display: block;color: #333;line-height: 24px;height: 24px;font-size: 16px;overflow: hidden;}
.news-infor .top-wrap.twrap .right .f24{font-size: 20px;line-height: 24px;height: 24px;overflow: hidden;}
.news-infor .top-wrap .right .date{display: inline-block;line-height: 22px;color: #a5a5a5;margin-top: 4px;font-size: 14px;}
.news-infor .top-wrap .right .word{display: block;line-height: 22px;color: #666;margin-top: 9px;height: 48px;overflow: hidden;font-size: 12px;}
.news-infor .top-wrap .right li a:hover .f24{color: #035cac;}
.news-infor .top-wrap .right li a:hover .date{color: #a3b9d8;}
.news-infor .top-wrap .right li a:hover .word{color: #5986be;}
.news-infor .top-wrap .m-scroll{display: none;padding-bottom: 30px;position: relative;overflow: hidden;}
.news-infor .top-wrap.m-wrap .m-scroll{display: block;}
.news-infor .top-wrap .m-scroll ul{width: 100%;}
.news-infor .top-wrap .m-scroll li{width: 100%;}
.news-infor .top-wrap .m-scroll li a{display: block;position: relative;width: 100%;}
.news-infor .top-wrap .m-scroll li img{display: block;width: 100%;}
.news-infor .top-wrap .m-scroll li p{position: absolute;left: 0;bottom: 0;width: 100%;text-align: center;line-height: 50px;font-size: 16px;background-color: #035cac;color: #fff;}
.news-infor .top-wrap .m-scroll .page-btn{position: absolute;bottom: 0;left: 50%;}
.news-infor .top-wrap .m-scroll .page-btn span{display: block;width: 15px;height: 7px;float: left;margin-right: 8px;background: url(http://www.hagxkg.com/img/ico_51.png) no-repeat left center;border-radius: 0;}
.news-infor .top-wrap .m-scroll .page-btn span.swiper-pagination-bullet-active{width: 25px;background: url(http://www.hagxkg.com/img/ico_51.png) no-repeat right center;}
.news-infor .wrap2{padding-top: 60px;}
.news-infor .wrap2.m-wrap{transition: normal;width: 90%;padding: 0 5%;margin-left: 0; margin-top:7%}
.news-infor .wrap2 .main{width: 100%;position: relative;overflow: hidden;padding-top: 0;}
.news-infor .wrap2 .box{background-color: #fff;float: left;}
.news-infor .wrap2.m-wrap .box{width: 100%;}
.news-infor .wrap2 .box a{display: block;/*width: 345px;*/width: 260px;padding: 30px;transition: all 0.3s ease 0s;cursor: pointer;}
.news-infor .wrap2.m-wrap .box a{width: 88%;padding: 15px 6%;}
.news-infor .wrap2 .box a:hover{background-color: #035cac;}
.news-infor .wrap2 .box a:hover .f18{color: #fff;}
.news-infor .wrap2 .box img{display: block;width: 100%;}
.news-infor .wrap2.m-wrap .box img{display: block;}
.news-infor .wrap2 .box .f18{line-height: 26px;display: block;color: #035cac;height: 52px;position: relative;overflow: hidden;}
.news-infor .wrap2.m-wrap .box .f18{font-size: 16px;}
.news-infor .wrap2 .box .more{line-height: 24px;display: inline-block;padding-right: 16px;background: url(http://www.hagxkg.com/img/ico_42.png) no-repeat right center;color: #333;margin-top: 19px;color: #333;}
.news-infor .wrap2.m-wrap .box .more{display: none;}
.news-infor .wrap2 .box a:hover .more{color: #fff;background: url(http://www.hagxkg.com/img/ico_43.png) no-repeat right center;}
.news-infor .wrap2 .box .date{line-height: 32px;color: #888;display: block;}
.news-infor .wrap2.m-wrap .box .date{font-size: 12px;line-height: 24px;}
.news-infor .wrap2 .box a:hover .date{color: #82a0cb;}
.news-infor .wrap2 .box .img{display: block;width: 100%;margin-top: 9px;}
.news-infor .wrap2 .box .word{margin-top: 13px;width: 100%;display: block;color: #666;height: 90px;overflow: hidden;}
.news-infor .wrap2.m-wrap .box .word{margin-top: 0;}
.news-infor .wrap2 .box a:hover .word{color: #c2d0e4;}
.news-infor .wrap2 .box .img{display: block;position: relative;}
.news-infor .wrap2 .box .img .bg-pic{width: 100%;}
.news-infor .wrap2 .box .img .up-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.news-infor .wrap2.m-wrap .page{display: none;}
.page{width: 100%;text-align: center;padding-top: 30px;padding-bottom: 60px;}
.news-infor .wrap2 .look-more{display: none;width: 100%;line-height: 40px;font-size: 16px;color: #878787;cursor: pointer;text-align: center;padding-bottom: 10px;}
.news-infor .wrap2.m-wrap .look-more{display: block}

.pd0{ padding:0!important;}
.wel-news-box .item {margin-bottom: 10px;float: left; padding: 17px 0; padding-right: 75px; box-sizing: border-box;}
.wel-news-box .item:hover { background: #0060a3; transition: .5s ease-in-out; color: #ffffff;}
.wel-news-box .item:hover .left { transition: .5s ease-in-out; color: #ffffff;}
.wel-news-box .item:hover .right .h0 { transition: .5s ease-in-out;color: #ffffff;}
.wel-news-box .item:hover .right .p { transition: .5s ease-in-out;color: #def1ff;}
.wel-news-box .item .left { width: 145px; text-align: center; line-height: 1;color: #222222; transition: .5s ease-in-out; font-family: "beba";}
.wel-news-box .item .left .num { font-size: 50px; line-height: 1; padding-bottom: 10px; margin-bottom: 10px; position: relative;}
.wel-news-box .item .left .num:after { content: ""; position: absolute;height: 1px; width: 45px; background: #dddddd; left: 0; bottom: 0; right: 0;margin: auto;}
.wel-news-box .item .left .time {font-size: 16px;}
.wel-news-box .item .right { width: calc(100% - 145px);}
.wel-news-box .item .right .h0 { font-size: 20px; color: #222222; line-height: 22px; height: 22px; overflow: hidden; transition: .5s ease-in-out;margin-bottom: 15px;}
.wel-news-box .item .right .p { transition: .5s ease-in-out;font-size: 14px; color: #666666;line-height: 26px;}

.news-infor.news-infor-2 .wrap2 .box{position: static!important; width: 48%; margin-left: 0; margin-right:3%}
.news-infor.news-infor-2 .wrap2 .box:nth-child(2n){ margin-left: 0; margin-right:0}
.news-infor.news-infor-2 .wrap2 .box a{ width: 100%; box-sizing: border-box;}
.news-infor.news-infor-2 .wrap2 .box{ margin-bottom: 3%; border:1px solid #dddddd; background-color:#FFFFFF; box-sizing: border-box;}
.news-infor.news-infor-2 .wrap2 .box .f18{ font-size: 1.1rem; color:#222222;line-height: 22px; height: 48px;}
.news-infor.news-infor-2 .wrap2 .box .date{font-size: 1rem;font-family: Arial;line-height: 1;margin-top: 3px;margin-bottom: 16px;}
.news-infor.news-infor-2 .wrap2 .box .word{font-size: 1rem; color:#666666;line-height: 22px; height: 48px; overflow:hidden; margin-top: 8px;}

.field{ width:100%; padding:2% 6%; background:#f7f7f7; float:left;}

nav.pagelist { clear: both; text-align: center; font-size: 1.4em; padding: 0 0px 35px 0px; width:100%;}
nav.pagelist a { border: #9aafe5 1px solid; margin-right: 5px; padding: 3px 7px; color: #2e6ab1; font-size:1.1rem;}
nav.pagelist a:hover { color: #e06f23; text-decoration: none; }
nav.pagelist span.current { color: #fff; background-color: #2e6ab1; margin-right: 5px; padding: 3px 7px; }
nav.pagelist span.disabled { border: #ccc 1px solid; margin-right: 5px; padding: 3px 7px; color: #3C3C3C; }
nav.pagelist a.selectedd{ color: #f00}

.n_body {overflow:hidden; margin-bottom:10px; float:left; width:100%; margin-top:30px;}
#news_info { min-height:468px; height:auto !important; height:468px; overflow:visible;}
#news_info a { color:#3C3C3C; font-size:1.1rem}
#news_info a:hover { color:#FA4A1F; }
#news_info .article_title { font-size:1.2rem; font-weight:bold; margin:0px; text-align:center; line-height:28px; padding:0 3%;}
#news_info .atdes { line-height:36px; text-align:center; border-bottom:1px dotted #BCBCBC; padding-bottom:8px;}
#news_info .atdes span{ padding:0px 6px; }
#news_info .news_body { font-size:14px; padding:18px 12px; line-height:28px; text-align:left;}
#news_info .news_body img { border:1px solid #CCC; }
#news_info .news_body p { font-size:1.1rem; margin:0px 0px 6px 0px; }
#news_info .news_body p.pcut span { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; font-weight:bold; color:#0473EC; }
#news_info .news_body p.pcut a { border:1px solid #B4B4B4; margin-right:2px; padding:2px 4px; color:#9E9E9E; }
#news_info .news_body p.pcut a:hover { text-decoration:none; color:#0473EC; }
#news_info .news_body a { color:#094B9F; }
#news_info .news_body a:hover { text-decoration:underline; color:#094B9F; }
#updown { font-size:14px; border-top:#BCBCBC 1px dotted; line-height:24px; padding-top:8px; padding-bottom:8px; text-align: center; float:left; width:100%; margin-top:18px;}
.prevnext { clear: both; padding: 16px 17px 5px 17px; text-align: center; height: auto !important; overflow: hidden; border-top:1px dashed #CCC; font-size:1rem}
.prevnext .previous { font-size: 14px; width: 100%; float: left; text-align: left; }
.prevnext .next { font-size: 14px; width: 100%; float: left; text-align: left; }


.ContactBox{background:#fff; box-shadow:0 5px 15px #bbbbbb; border-radius:5px; width:92%; margin:0 4% 6%;}
.ContactBox .lxwm{ width:100%; float:left; height:568px; background:url(../image/lxwmbg.jpg); background-size:cover; border-radius:5px 0px 0px 5px; font-size:18px; color:#fff;}
.ContactBox .lxwm .box{ padding:30px 10px 0px 30px;}
.ContactBox .lxwm h2{ padding-bottom:8%; width:60%;}
.ContactBox .lxwm p{ padding-bottom:8%; line-height:30px;}
.ContactBox .msg{ float:left; width:86%; padding:0 5% 1% 3%;}
.ContactBox .msg .tithead{ padding-top:25px; height:34px; color:#4d4d4d; font-size:24px;font-family:"方正小标宋简体";}
.ContactBox .msg .tithead span{ color:#e71a2f;}
.ContactBox .msg dl.w48{ width:100%;}
.ContactBox .msg dl dt{ padding:9px 0px 0px 21px; line-height:36px; color:#888888;}
.ContactBox .msg dl .input{ border:1px solid #ececec; width:99.5%; height:43px; line-height:43px; text-indent:1.5em; background:#f9f9f9;}
.ContactBox .msg dl .textarea{ border:1px solid #ececec; padding:10px; width:100%; background:#f9f9f9;}
.ContactBox .msg dl .textarea textarea{ height:130px;}
.ContactBox .msg dl.btn{ padding-top:41px; margin-bottom:20px;}
.ContactBox .msg dl .sendbtn{ margin-right:15px; color:#fff; cursor:pointer; border-radius:3px; width:179px; height:50px; background:#e71a2f; font-size:16px;}
.ContactBox .msg dl .sendbtn:hover{ box-shadow:0 0 10px #999;}
.ContactBox .msg dl .resetbtn{ color:#fff; cursor:pointer; display:none; border-radius:3px; width:179px; height:50px; background:#444444; font-size:16px;}
.ContactBox .msg dl .resetbtn:hover{ box-shadow:0 0 10px #999;}

#dituContent { width:640px; height:500px;position:relative;left:0;margin-left:0;}


/****************产业服务*************/
.industrial-service{width: 92%; padding:0 4%; margin-bottom:5%;}
.industrial-service.m-wrap{padding: 0;}
.industrial-service ul{width: 100%;}
.industrial-service li{width: 100%;}
.industrial-service li .imgbox{display: block;width: 100%; margin-top:2%;position: relative;}
.industrial-service.m-wrap li .imgbox{width: 100%;}
.industrial-service li .imgbox img{display: block;width: 100%;}
.industrial-service li .contbox{padding: 20px 0 0 0;width: 100%;}
.industrial-service li:nth-child(odd) .imgbox{ float:left;}
.industrial-service li:nth-child(odd) .contbox{ float:right;}
.industrial-service li:nth-child(even) .imgbox{ float:right;}
.industrial-service li:nth-child(even) .contbox{ float:left;}
.industrial-service.m-wrap li .contbox{padding: 18px 4.7% 13px;width: 90.6%;}
.industrial-service.owrap li .contbox{padding: 62px 12% 0 10%;width: 28%;}
.industrial-service.twrap li .contbox{padding: 62px 10% 0 10%;width: 29%;}
.industrial-service li .f48{font-size: 1.4rem;display: block;line-height: 30px;}
.industrial-service.owrap li .f48{font-size: 1.1rem;line-height: 40px;}
.industrial-service.twrap li .f48{font-size: 1.1rem;line-height: 40px;}
.industrial-service li .f48 a{color: #035cac;}
.industrial-service.m-wrap li .f48{font-size: 18px;line-height: 22px;}
.industrial-service li .f18{display: block;line-height: 22px; font-size:1rem; margin-top:0;}
.industrial-service.m-wrap li .f18{line-height: 18px;font-size: 12px;}
.industrial-service li .word{display: block;line-height: 20px;margin-top: 10px;}
.industrial-service.owrap li .word{margin-top: 5px;line-height: 22px;}
.industrial-service.twrap li .word{margin-top: 5px;line-height: 22px;display: none;}
.industrial-service.m-wrap li .word{font-size: 12px;line-height: 18px;margin-top: 7px;}
.industrial-service li .word a:hover{color: #035cac;}
.industrial-service li .more{display: inline-block;padding-right: 53px;line-height: 30px;font-size: 16px;color: #000;background: url(../image/ico_31.png) no-repeat right center;background-size:30px; margin-top: 20px;}
.industrial-service li .more:hover{}
.industrial-service.owrap li .more{margin-top: 10px;}
.industrial-service.twrap li .more{margin-top: 10px;}
.industrial-service.m-wrap li .more{margin-top: 12px;padding-right: 40px;background-size: auto 80%;}
.industrial-service li .more:hover{color: #035cac;background: url(../image/ico_103.png) no-repeat right center;background-size: 30px;}
.industrial-service.m-wrap li .more:hover{background: url(../image/ico_103.png) no-repeat right center;background-size: auto 80%;}
.industrial-service li .upbox{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url(http://www.hagxkg.com/images/bg_09.png) repeat center;display: none;}
.industrial-service li .upbox .ico{width: 22px;height: 15px;background: url(http://www.hagxkg.com/img/ico_83.png) no-repeat center;position: absolute;top: 0;left: 9%;display: none;}
.industrial-service.m-wrap li .upbox .ico{display: block;}
.industrial-service.m-wrap li .upbox{display: block;}
.industrial-service li .upbox a{display: inline-block;padding-right: 70px;font-size: 18px;color: #fff;line-height: 38px;background: url(http://www.hagxkg.com/img/ico_54.png) no-repeat right center;margin-right: 108px;}
.industrial-service li .upbox a:hover{opacity: 0.8;filter:Alpha(opacity=80);}
.industrial-service.owrap li .upbox a{margin-right: 60px;}
.industrial-service.twrap li .upbox a{margin-right: 30px;}
.industrial-service.m-wrap li .upbox a{font-size: 12px;padding-right: 40px;margin-right: 50px;background-size: auto 80%;}
.industrial-service li .upbox .box{display: block;position: absolute;width: 100%;text-align: center;top: 50%;}
.industrial-service.m-wrap li .upbox .box{margin-top: -19px;}



}

















.culture0-wrap .swiper-slide{
	position: static;
}
.culture0-wrap  .h1-1:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin:0 auto;
    top: -12px;
    width: 20px;
    height: 12px;
    background: url(http://www.hagxkg.com/img/lk.png) no-repeat center;
    background-size: 100%;}



.w1500 {
  width: 1500px;
  margin: 0 auto;
}


.w1680 {
  width: 1680px;
  margin: 0 auto;
}


.culture0-wrap {
  padding-top: 95px;
  padding-bottom: 55px; width:100%; background:#FFFFFF
}
.culture0-wrap .culture0-ul {
  position: relative;
  margin-top: 55px;
}
.culture0-wrap .culture0-line {
  position: absolute;
  width: 100%;
  height: 60px;
  border-bottom: 1px dashed #9c9c9c;
}
.culture0-wrap .items {
  cursor: pointer;
}
.culture0-wrap .images:hover {
  background: #0060a3;
  transition:.5s ease-in-out;
}
.culture0-wrap .images:hover .i1 {
  opacity: 1;
}
.culture2-wrap .culture2-ul .items .images{
  overflow: hidden;
}
.culture2-wrap .culture2-ul .items .images img{
  transition: .5s ease-in-out;
  display: block;
}
.culture2-wrap .culture2-ul .items:hover .images img{
  transform:scale3d(1.05,1.05,1);
  transition: .5s ease-in-out;
}
.culture1-wrap .culture1-ul .images{
  overflow:hidden;
}
.culture1-wrap .culture1-ul .images img{
  transition: .5s ease-in-out;
}
.culture1-wrap .culture1-ul .items:hover .images img{
  transition:.5s ease-in-out;
  transform:scale3d(1.05,1.05,1);
}
.culture0-wrap .images:hover .i0 {
  opacity: 0;
}
.culture0-wrap .images:hover img {
  transition: .5s ease-in-out;
}
.culture0-wrap .images {
  width: 120px;
  height: 120px;
  transition:.5s ease-in-out;
  position: relative;
  background: #f7f7f7;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
.culture0-wrap .images img {
  transition: .5s ease-in-out;
}
.culture0-wrap .images .i1 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.culture0-wrap .words {
  text-align: center;
  margin-top: 38px;
}
.culture0-wrap .words .h0 {
  color: #333333;
  font-size: 20px;
  line-height: 24px;
  height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.culture0-wrap .words .h1 {
  font-size: 15px;
  line-height: 20px;
  height: 40px;
  margin-top: 10px;
  color: #999999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.culture1-wrap {
  padding-top: 95px;
  padding-bottom: 140px;
}
.culture1-wrap .culture1-ul {
  margin-top: 80px;
}
.culture1-wrap .culture1-ul img {
  width: 100%;
  display: block;
}
.culture1-wrap .culture1-ul .words, .culture1-wrap .culture1-ul .images {
  width: 50%;
}
.culture1-wrap .culture1-ul .items {
  position: relative;
}
.culture1-wrap .culture1-ul .words {
  position: absolute;
  height: 100%;
  font-size: 16px;
  color: #666666;
  line-height: 30px;
  padding: 70px;
  box-sizing: border-box;
  background: #ffffff;
}
.culture1-wrap .culture1-ul .words .t0 {
  font-size: 36px;
  color: #0060a3;
  line-height: 40px;
  height: 40px;
  overflow: hidden;
  margin-bottom: 45px;
}
.culture1-wrap .culture1-ul .words .wbox {
  height: 100%;
}
.culture1-wrap .culture1-ul .words .wul .i {
  float: left;
  margin: 0 25px;
  font-size: 16px;
}
.culture1-wrap .culture1-ul .words .wul .i span {
  font-weight: bold;
  color: #0060a3;
}
.culture1-wrap .culture1-ul .words .wul .i:nth-child(1) {
  margin-left: 0;
}
.culture1-wrap .culture1-ul .words .p {
  height: calc(100% - 115px);
}
.culture1-wrap .culture1-ul .words.fr {
  right: 0;
  top: 0;
}
.culture1-wrap .culture1-ul .words.fl {
  left: 0;
  top: 0;
}

.culture2-wrap {
  padding-top: 100px;
  padding-bottom: 110px;
  box-sizing: border-box;
}
.culture2-wrap .culture2-ul {
  margin-top: 80px;
}
.culture2-wrap .culture2-ul .items {
  width: 820px;
  float: left;
  margin-left: 40px;
  position: relative;
}
.culture2-wrap .culture2-ul .items:nth-child(2n+1) {
  margin-left: 0;
}
.culture2-wrap .culture2-ul .items .words {
  position: absolute;
  width: 70%;
  bottom: 0;
  left: 0;
  font-size: 16px;
  color: #ffffff;
  padding: 55px 70px;
  box-sizing: border-box;
  height: 100%;
  overflow-y:auto;
}

.culture2-wrap .culture2-ul .items .words::-webkit-scrollbar {
  width: 4px;
  height: 1px;
}
.culture2-wrap .culture2-ul .items .words::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #535353;
}
.culture2-wrap .culture2-ul .items .words::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background: #EDEDED;
}



.culture2-wrap .culture2-ul .items .words .t1 {
  line-height: 30px;
}
.culture2-wrap .culture2-ul .items .words .t0 {
  line-height: 1;
  margin-bottom: 30px;
  font-size: 30px;
}



.ce{
  text-align: center;
}


@media screen and (max-width: 1850px){
  
  .w1500{
    width: 85%;
  }
  .w1680{
    width: 95%;
  }
  .culture2-wrap .culture2-ul .items{
    width: 49%;
    margin-left: 2%;
  }
  .culture1-wrap .culture1-ul .words{
    padding:60px;
  }
  .t60{
    font-size: 50px;
  }


}


@media screen and (max-width: 1750px) {
 
  .culture1-wrap .culture1-ul .words .t0{
    font-size: 28px;
  }

  .culture1-wrap .culture1-ul .words{
    padding:50px;
  }

 
  .culture1-wrap {
      padding-top: 75px;
      padding-bottom: 110px;
  }
  .culture1-wrap .culture1-ul{
    margin-top: 55px;
  }
  .culture2-wrap {
      padding-top: 80px;
      padding-bottom: 90px;
  }
  .culture2-wrap .culture2-ul{
    margin-top: 60px;
  }


}
@media screen and (max-width: 1650px){


  .culture1-wrap .culture1-ul .words .t0{
    font-size: 22px;
  }
  .culture0-wrap {
    padding-top: 75px;
    padding-bottom: 35px;
  }

  
}
@media screen and (max-width: 1450px) {
 
  .culture0-wrap .images{
    width: 100px;
    height:  100px;
  }
  .culture0-wrap .words .h0{
    font-size: 18px;
  }
  .culture0-wrap .culture0-line{
    height: 50px;
  }
  .c-tit.t40{
    font-size: 30px;
  }
  .culture2-wrap .culture2-ul .items .words{
    padding:35px 50px;
  }
  .culture2-wrap .culture2-ul .items .words .t1{
    font-size: 14px;
    line-height: 24px;
  }
  .culture2-wrap .culture2-ul .items .words .t0{
    font-size: 20px;
    margin-bottom: 20px;
  }
  .culture1-wrap .culture1-ul .words{
    padding:35px;
  }
  .culture1-wrap .culture1-ul .words .t0{
    font-size: 20px;
    line-height: 32px;
    height: 32px;
    margin-bottom: 25px;
  }
  .culture1-wrap .culture1-ul .words .wul{
    line-height: 20px;
  }
  .culture1-wrap .culture1-ul .words .p{
    height: calc(100% - 77px);
  }
  .culture1-wrap .culture1-ul .words .wul .i{
    margin:0 15px;
    font-size: 14px;
  }
  .culture1-wrap .culture1-ul .words .p{
    font-size: 14px;
    line-height: 25px;
  }
  
}

@media screen and (max-width: 1350px){
 
}
@media screen and (max-width: 1190px){
  
}
@media screen and (max-width: 1100px){
  




}
@media screen and (max-width: 1023px) {
 
	.culture0-wrap .h1-1{
		display: none!important;
	}
    
  .culture2-wrap .culture2-ul .items .images img{
    width: 100%;
  }
  .culture2-wrap .culture2-ul .items .words{
    width: 100%;
    position: static;
    color:#666;
  }
  
  .culture0-wrap {
    padding-top: 55px;
    padding-bottom: 20px;
  }
  .culture1-wrap {
      padding-top: 55px;
      padding-bottom: 80px;
  }
  .culture1-wrap .culture1-ul{
    margin-top: 35px;
  }
  .culture2-wrap {
      padding-top: 50px;
      padding-bottom: 60px;
  }
  .culture2-wrap .culture2-ul{
    margin-top: 40px;
  }

  .culture2-wrap .culture2-ul .items{
    width: 100%;
    margin-left:0;
    margin-bottom: 20px;
  }
  
  .culture1-wrap .culture1-ul .words, .culture1-wrap .culture1-ul .images{
    width: 100%;
  }
  .culture1-wrap .culture1-ul .words{
    position: static;
  }
  .culture1-wrap .culture1-ul .items{
    margin-bottom: 20px;
  }
  .culture1-wrap .culture1-ul .words .p{
    margin-bottom: 20px;
  }
  

}

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




}

@media screen and (max-width: 800px){
	
}
@media screen and (max-width: 780px){
 
  .culture2-wrap .culture2-ul .items .words .t0{
    font-size: 18px;
  }

}
@media screen and (max-width: 768px) {
	
  .culture1-wrap .culture1-ul{
    margin-top: 20px;
  }
  .culture0-wrap .culture0-ul{
    margin-top: 30px;
  }
  .culture0-wrap{
    padding-top: 35px; width:100%; background:#FFFFFF
  }
  .culture0-wrap .words{
    margin-top: 20px;
  }
  .culture0-wrap .words .h0{
    font-size: 16px;
  }
  .culture0-wrap .words .h1{
    font-size: 13px;
    margin-top: 5px;
  }
  .culture0-wrap .images{
    width: 70px;
    height: 70px;
  }
  .culture0-wrap .culture0-line{
    height: 35px;
  }
  .culture2-wrap .culture2-ul .items .words{
    padding:15px 20px;
  }
 
  .culture2-wrap{
    padding-top: 35px;
    padding-bottom: 30px; width:100%; background:#FFFFFF
  }
  .culture2-wrap .culture2-ul .items{
    margin-bottom: 15px;
  }
  .culture2-wrap .culture2-ul{
    margin-top: 25px;
  }
  .culture1-wrap{
    padding:35px 0;
  }
  .culture1-wrap .culture1-ul .words .wul .i{
    margin:0;
    width: 50%;
  }
  .culture1-wrap .culture1-ul .words{
    padding:20px;
  }
  .culture1-wrap .culture1-ul .words .p{
    line-height: 1.8;
  }
  .culture1-wrap .culture1-ul .words .t0{
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 15px;
    height:  auto;
  }
 
}