.honor_list li:nth-child(3n){margin-right: 0}
.honor_list{width: 96%; margin:40px 2% 0 2%; float:left;}
.honor_list li{float: left;border: 1px solid #eee;text-align: center;padding: 0;width:31.8%;margin-right: 2%;position: relative; margin-bottom:3%;}
.honor_list li .bg{ position: absolute;z-index: 99999;top: 60px;}
.honor_list li div{width: 100%;height: auto;overflow: hidden;}
.honor_list li div img{ width:100%; height:auto;}
.honor_list li:hover img{transform: scale(1.03,1.03);}
.honor_list li h3{font-weight: normal;color: #999;line-height:50px; background:#FFFFFF; font-size:16px; padding:0; margin:0 0 0 0;}
.honor_list li i{display: block;width: 0;height: 1px;background: #ffac13;left: 0;bottom: 0;position: absolute;z-index: 1;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.honor_list li:nth-of-type(4n-3) i{background: #ffac13;}
.honor_list li:nth-of-type(4n-2) i{background: #83c44e;}
.honor_list li:nth-of-type(4n-1) i{background: #2196f3;}
.honor_list li:nth-of-type(4n) i{background: #e53935;}
.honor_list li:hover i{width: 100%;}
.honor_list li em{display: block;background: #004682;text-align: center;height: 20px;line-height: 20px;color: #fff;position: absolute;left: 0;top: 0;width: 50px;z-index: 1;}

nav.pagelist { clear: both; text-align: center; margin-bottom:30px; font-size: 1.4rem; padding: 38px 0px 35px 0px; width:100%; height:40px;}
nav.pagelist a { border: #9aafe5 1px solid; margin-right: 5px; padding: 3px 7px; color: #2e6ab1; font-size:14px;}
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}


.structure{ }
.structure h2{ font-size:32px; color:#333333; text-align:center; font-weight:normal; margin-bottom:1%}
.structure>p{ text-align:center; background:url(../image/line.png) no-repeat center center; font-size:14px;}
.structure .stext{ text-align:center; width:100%; margin:0 auto; margin-top:3%}
.leader
.honor

#nbanner { position:relative; z-index:-1; width:100%; top:93px; margin-bottom:88px;}
#nbanner img{ width:100%; height: auto;}


.profile-wrap .cont {width: 100%; margin-top: 5%;font-size: 16px;color: #333333;line-height: 2.3; margin-bottom:65px; 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 p {text-align: justify;}
.profile-wrap .right-words img{  margin-right:30px;width: 50%;}
.profile-wrap .right-words:hover img { transition: .5s ease; transform: scale3d(1.05,1.05,1);}

nav.pagelist { clear: both; text-align: center; font-size: 1.4em; padding: 18px 0px 35px 0px; width:100%;}
nav.pagelist a { border: #9aafe5 1px solid; margin-right: 5px; padding: 3px 7px; color: #2e6ab1; font-size:14px;}
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 ,nav.pagelist a.page-num-current{ 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; }
#news_info a:hover { color:#FA4A1F; }
#news_info .article_title { font-size:24px; 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 p img { border:1px solid #CCC;margin: 0 auto;text-align: center;display: block;width: 100%;max-width: 800px;}
#news_info .news_body p img.iconfont {border: none;margin: 0;width: 30px;display: inline-block;margin-right: 20px;}
#news_info .news_body p { font-size:14px; margin:0px 0px 6px 0px;text-indent: 28px;text-align: justify;}
#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 table p {text-indent: 0px !important;}
#news_info .news_body table td {border: 1px solid #EDEDED;}
#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;}
.prevnext .previous { font-size: 14px; width: 50%; float: left; text-align: left; }
.prevnext .next { font-size: 14px; width: 50%; float: right; text-align: right; }


@media (min-width: 992px) {

#waptop{ display:none;}


#menu22016 {font-size: 16px;height: 75px;background-color: #fff;border-bottom: 1px solid #e5e5e5;margin-bottom: 0; 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: 16px;line-height: 73px; 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;}

.contact_text{ margin:2.5% 1%; float:left;}

.contact {margin-left: 3.75%;margin-top: 3.4375%; margin-bottom:5%; float:right;}
.contact .en { color:  #008ecd; font-size: 50px; font-family: 'Impact';}
.contact .cn {color:  #333333;font-size: 30px;}
.contact .short{width: 60px;height: 1px;background: #585858; float:left;margin-top: 1.3%; margin-bottom:4%}
.contact .blue {color:  #008ecd;font-size: 20px; float:left; width:100%;}
.contact .blue_en {color: #676767;font-size: 12px; margin-top: 5px;margin-bottom: 25px;}
.contact .same { width: 65%; height: 1px; background:  #c4c4c4; margin-bottom: 2%;}
.contact .phone {margin-bottom: 2.2%; background:url(../image/phone2.jpg) no-repeat; padding-left:80px;}
.contact .phone p { color:  #008ecd; font-size: 14px;}
.contact .phone h2 {color:  #008ecd;font-size: 24px;}
.contact .way { color:  #777777;font-size: 14px;line-height: 30px;margin-top: 2.7%;}
.contact .img{width: 50%;}
.contact .content{width: 46.25%;}
.contact_img{ border:1px solid #C1C1C1; margin-top: 3.4375%; float:left;}
/*百度地图样式*/
#dituContent { width:1200px; height:550px;}

/****************新闻媒体**************/
.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%;}
.news-infor .top-wrap .left-scroll{width: 49%;/*background: url(../http://www.hagxkg.com/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: 100%;padding: 0 5%;margin-left: -5%;}
.news-infor .wrap2 .main{width: 100%;position: relative;overflow: hidden;padding-top: 30px;}
.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: none;}
.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: 0;float: left; padding: 20px 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;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; }

.news-infor.news-infor-2 .wrap2 .box{position: static!important; width: 23%; margin-left: 2.66%;}
.news-infor.news-infor-2 .wrap2 .box:nth-child(4n+1){ margin-left: 0;}
.news-infor.news-infor-2 .wrap2 .box a{ width: 100%; box-sizing: border-box;}
.news-infor.news-infor-2 .wrap2 .box{ margin-bottom: 50px; border:1px solid #dddddd; background-color:#FFFFFF; box-sizing: border-box;}
.news-infor.news-infor-2 .wrap2 .box .f18{ font-size: 20px; color:#222222;line-height: 28px; height: 56px;}
.news-infor.news-infor-2 .wrap2 .box .date{font-size: 14px;font-family: Arial;line-height: 1;margin-top: 15px;margin-bottom: 30px;}
.news-infor.news-infor-2 .wrap2 .box .word{font-size: 15px; color:#666666;line-height: 28px; height: 56px; overflow:hidden; margin-top: 26px;}

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

/*关于我们start*/
.about_us{ width:100%; padding:20px 6% 50px; background:url(../image/bg2.jpg) no-repeat; float:left;}
.about_intro{ width: 1200px; margin: 50px auto 0;}
.about_intro>img{ display: block; float: left; width: 240px; height: 240px;}
.about_intro .txt{ background: #fff; float: left; padding:30px; width:720px ; height:240px;}
.about_intro .txt h4{ color: #005bac; font-size: 24px; font-weight: normal;}
.about_intro .txt span{ color: #ccc; display: block;  font-family: arial; line-height: 180%; margin-top: 5px;}
.about_intro .txt p{ line-height: 180%; color: #9fa0a0; font-size: 14px; margin-top: 10px;}
.about_intro a{ float: right; width: 240px; height: 240px; display: block; background: url(../image/about_img.jpg) no-repeat; transition:  all 0.5s;}
.about_intro a:hover{background: url(../image/about_img_on.jpg) no-repeat;}
.num_scroll{ width: 1200px; margin: 60px auto 0;}
.num_scroll li{ float: left; width: 25%; text-align: center; position: relative;}
.num_scroll li span{ font-family: arial; color: #666; font-size: 48px;}
.num_scroll li i{ font-size: 16px; color: #aba8a8; margin-left: 10px;}
.num_scroll li p{ text-align: center; font-size: 16px;color: #333;margin-top: 15px;}
.num_scroll li:after{ content: ''; width: 1px; background: #dddadd; height: 68px; position: absolute; right: 0; top: 50%; margin-top: -34px;}


/****************企业文化*************/
.ce {text-align: center;}
.t40 {font-size: 40px;}
.w1500 { width: 1500px;margin: 0 auto;}
.w1680 {width: 1680px;margin: 0 auto;}
.culture0-wrap {padding-top: 160px; padding-bottom: 55px;}
.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; background:#fff}
.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;}

/****************产业服务*************/
.industrial-service{width: 100%;}
.industrial-service.m-wrap{padding: 0;}
.industrial-service ul{width: 100%;}
.industrial-service li{width: 100%;}
.industrial-service li .imgbox{display: block;width: 50%;position: relative;}
.industrial-service.m-wrap li .imgbox{width: 100%;}
.industrial-service li .imgbox img{display: block;width: 100%;}
.industrial-service li .contbox{padding: 100px 13% 0 10%;width: 27%;}
.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: 42px;display: block;line-height: 50px;}
.industrial-service.owrap li .f48{font-size: 34px;line-height: 40px;}
.industrial-service.twrap li .f48{font-size: 34px;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: 26px; font-size:14px; margin-top:16px;}
.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;}

.details{ padding: 3% 6%;width: 88%; float:left;}
.details .left{ float:left; width:50%; line-height:32px; font-size:18px;}
.details .right{ float: right; width:47%;}
.details .right img{ width:90%; height:auto}

.wrap{padding: 0 6%;width: 88%; float:left;}





.gonggao{width:100%; padding:0 6%; height:auto; height:50px; line-height:50px; background:#f7f7f7; margin-bottom:40px;}
.gonggao h2{ float:left; width:7%; font-weight:normal; font-size:15px; color:#b41732;}
#demo { overflow:hidden; width: 93%; float:left;}
#demo li{ width:auto; float:left; margin-right:30px; display:block; background:url(../image/jiantou.png) no-repeat 0 center; padding-left:16px;}
#demo li a{ font-size:14px;}
#demo li a:hover{ color:#FF0004;}
#demo img { border:1px solid #CCC; margin-left:4px; width:300px; height:auto;}
#indemo { float: left; width: 800%; }
#demo1 { float: left; }
#demo2 { float: left;}

 #wrap{ width: 100%; margin: 10px 0 0; padding:0 6%; float:left}
 .hiSlider{ overflow: hidden; height: auto; width: 34%; float:left; margin-bottom:40px;}
 .hiSlider-item{ float: left;}
 .hiSlider img{ width:570px; height:330px;}
 .hiSlider-pages,.hiSlider-title{position:absolute;z-index:3}
 .hiSlider-btn-prev,.hiSlider-btn-next{position:absolute;z-index:5;top:50%;height:30px;width:30px;background:url(http://www.hagxkg.com/images/hislider-arrow.png) no-repeat;margin-top:-15px;text-indent:-200px;overflow:hidden;opacity:.6;filter:alpha(opacity:60)}
 .hiSlider-btn-prev{left:10px}
 .hiSlider-btn-next{right:10px;background-position:-30px 0}
 .hiSlider-btn-prev:hover,.hiSlider-btn-next:hover{opacity:1;filter:alpha(opacity:100)}
 .hiSlider-title{bottom:0;width:100%;padding:6px 0;color:#fff;text-indent:10px;background:rgba(0,0,0,.6);z-index:2;font:14px/2 "Microsoft YaHei",Arial,Tahoma}
 .hiSlider-pages{bottom:10px;right:10px;text-align:right}
 .hiSlider-pages a{height:12px;width:12px;margin:0 6px;display:inline-block;overflow:hidden;text-indent:-100px;font-size:0;border-radius:50%;background:#ddd}
 .hiSlider-pages a.active{background:#5472BF}

video{ /* float:right; */ width:100%; height:auto;max-width: 600px;}

.index_box { float:left; width:31%; margin-left:3%;}
.index_box .video{cursor: pointer;width: 26.8125%;}
.index_box .ico{width: 100%;height: 100%;top: 0;bottom: 0;left: 0;right: 0;margin:auto;background: rgba(0,0,0,.6) url(http://www.hagxkg.com/images/video.png) no-repeat center center/70px 70px;}
.index_box .cate {height: 46px;border-bottom:1px solid #dfdfdf;}
.index_box .cate a.fl{line-height: 45px;padding-right: 11px;margin-right: 28px;color:#333333;font-size: 16px;border-bottom:2px solid transparent;}
.index_box .cate a.fr{line-height: 45px;color:#909090;font-size: 12px;border-bottom:2px solid transparent;}
.index_box .cate a:hover,
.index_box .cate a.on{border-bottom:2px solid #b41732;}
.index_box .list{width: 100%;}
.index_box .list .down{display: none;}
.index_box .list .li{margin-top: 3.125%;background: url(../image/four.jpg) no-repeat left center; overflow:hidden; height:26px;}
.index_box .list .li a{margin-left: 24px;font-size: 14px;color:#777777;}
.index_box .list .li a:hover{color:#008ab0;}
.index_box .img_box{width: 37.5%;}
.index_box .img_box .img1{margin-right: 3.3%;}
.index_box .img_box .img1,
.index_box .img_box .img2{width: 48%;}



.field h2 a{line-height: 80px;font-size: 24px;color: #333;font-weight: normal; background:none; margin-bottom:20px;}
.yw .ywCon{position: relative;width: 100%;height: 100%;overflow: hidden;}
.yw .ywCon .bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;transition:  transform .3s ease-in-out;-moz-transition:  transform .3s ease-in-out;-webkit-transition:  transform .3s ease-in-out;}
.yw .ywCon:hover .bg{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);transform: scale(1.05);}
.yw .ywCon a{display: none;}
.yw .ywCon img.icon{display: none;}
.yw .ywCon .ywSum{display: none;}
.yw .ywCon .ywName{position: absolute;font-size: 18px;line-height: 40px;border-bottom: 3px solid #fff;color: #fff;}
.leftYw .ywCon .ywName{top: 10px;left: 20px;}
.centerYw .ywCon .ywName{top: 10px;right: 20px;width:75px;}
.rightYw .ywCon .ywName{bottom: 10px;right: 20px;}
.rightYw .ywCon.con2 .ywName{left: 20px;width: 75px;}
.yw .ywCon:hover .conBg{width: 100%;height: 100%;background: rgba(0,44,78,0.75);position: relative;background-image:url(http://www.hagxkg.com/cctgroup/resource/cms/2017/11/yebg.png)\9;background-repeat:repeat-x;}
.leftYw .ywCon:hover a{display: block;width: 190px;line-height: 34px;color: #fff;font-size: 16px;margin: 0 auto;text-align: center;border: 1px solid #fff;border-radius: 4px;}
.leftYw .ywCon:hover img.icon{display: block;margin: 0 auto;padding-top: 30px;}
.leftYw .ywCon:hover .ywName{position: inherit;display: block;border-bottom: 3px solid #cf0808;width: 90px;text-align: center;margin-left: 40%;margin-bottom: 30px;}
.leftYw .ywCon:hover .ywSum{display: block;margin: 50px auto;line-height: 32px;color: #fff;font-size: 16px;width: 80%;clear: both;text-align: center;}
.leftYw{width: 33%;height: 483px;}
.centerYw{margin-left: 15px; width:32.5%;}
.centerYw .ywCon{width: 100%;height: 234px;}
.centerYw .ywCon.con2{margin-top: 15px;}
.centerYw .ywCon:hover a{display: block;width: 190px;line-height: 34px;color: #fff;font-size: 16px;margin: 0 auto;text-align: center;border: 1px solid #fff;border-radius: 4px;}
.centerYw .ywCon:hover img.icon{float: left;margin: 30px 0 10px 180px;display: block;}
.centerYw .ywCon:hover .ywName{position: inherit;float: right;margin: 40px 30% 10px 0;border-bottom: 3px solid #cf0808;width: 90px;text-align: center;}
.centerYw .ywCon:hover .ywSum{display: block;margin: 0px auto;line-height: 32px;color: #fff;font-size: 16px;width: 80%;clear: both;padding: 10px 0;margin-bottom: 10px;text-align:center;}
.rightYw{ width:33%; height:auto;}
.rightYw .ywCon{width: 100%;height: 234px; margin-bottom:15px;}
.rightYw .con2{margin-top: 15px;background: #002c4e url(http://www.hagxkg.com/cctgroup/resource/cms/2017/11/jia.png) center 70px no-repeat;width: 100%;height: 234px;}
.rightYw .con2:hover{background: #17446a url(http://www.hagxkg.com/cctgroup/resource/cms/2017/11/jia.png) center 70px no-repeat;}
.rightYw .con2 .more{display: block;text-align: center;padding-top: 145px;font-size: 16px;color: #fff;}
.rightYw .ywCon:hover a{display: block;width: 190px;line-height: 34px;color: #fff;font-size: 16px;margin: 0 auto;text-align: center;border: 1px solid #fff;border-radius: 4px;}
.rightYw .ywCon:hover img.icon{float: left;margin: 30px 0 0px 36%;display: block;}
.rightYw .ywCon:hover .ywName{position: inherit;margin: 58px 30% 0px 0;border-bottom: 3px solid #cf0808;width: 90px;text-align: center;float: right;}
.rightYw .ywCon:hover .ywSum{display: block;margin: 0px auto;line-height: 32px;color: #fff;font-size: 16px;width: 80%;clear: both;padding: 10px 0;text-align: center; margin-bottom:10px;}

.main_name{ width: 100%; text-align: center;}
.main_name h2{ font-size: 24px; color: #333; font-weight: normal; margin-bottom: 10px;}
.main_name img{ width: 190px; height: 5px;}
.main_name p{ margin-top: 10px; color: #999; font-size: 16px;}

/*快速入口start*/
.fast_enter{ width: 100%; padding:50px 6% 50px; float:left;}
.fast_show{ width: 1200px; margin: 50px auto 0;}
.fast_show li{ transition: all .3s ease-out 0s; width: 225px; text-align: center; background: #f4f2f2; padding: 35px 0; float: left; border-radius: 8px; margin-bottom: 20px; margin-right: 18px;}
.fast_show li span{ display: block;margin: 0 auto;}
.fast_show li.li_1 span{ background: url(../image/ico1.png) no-repeat center; width: 46px; height: 46px; }
.fast_show li.li_2 span{ background: url(../image/ico2.png) no-repeat center; width: 42px; height: 46px; }
.fast_show li.li_3 span{ background: url(../image/ico3.png) no-repeat center; width: 46px; height: 46px; }
.fast_show li.li_4 span{ background: url(../image/ico4.png) no-repeat center; width: 46px; height: 46px; }
.fast_show li.li_5 span{ background: url(../image/ico5.png) no-repeat center; width: 46px; height: 46px; }
.fast_show li.li_6 span{ background: url(../image/ico6.png) no-repeat center; width: 48px; height: 46px; }
.fast_show li.li_7 span{ background: url(../image/ico7.png) no-repeat center; width: 42px; height: 46px; }
.fast_show li.li_8 span{ background: url(../image/ico8.png) no-repeat center; width: 46px; height: 46px; }
.fast_show li.li_9 span{ background: url(../image/ico9.png) no-repeat center; width: 46px; height: 46px; }
.fast_show li.li_10 span{ background: url(../image/ico10.png) no-repeat center; width: 54px; height: 46px; }
.fast_show li i{ display: block; font-size: 12px;}
.fast_show li p{ font-size: 18px; color: #666;margin-top: 20px;}
.fast_show li.li_5,.fast_show li.li_10{ margin-right: 0;}
.fast_show li.li_1:hover span{ background: url(../image/ico1_on.png) no-repeat center;}
.fast_show li.li_2:hover  span{ background: url(../image/ico2_on.png) no-repeat center;}
.fast_show li.li_3:hover  span{ background: url(../image/ico3_on.png) no-repeat center;}
.fast_show li.li_4:hover  span{ background: url(../image/ico4_on.png) no-repeat center;}
.fast_show li.li_5:hover  span{ background: url(../image/ico5_on.png) no-repeat center;}
.fast_show li.li_6:hover  span{ background: url(../image/ico6_on.png) no-repeat center; }
.fast_show li.li_7:hover  span{ background: url(../image/ico7_on.png) no-repeat center;}
.fast_show li.li_8:hover  span{ background: url(../image/ico8_on.png) no-repeat center;}
.fast_show li.li_9:hover  span{ background: url(../image/ico9_on.png) no-repeat center;}
.fast_show li.li_10:hover  span{ background: url(../image/ico10_on.png) no-repeat center; }
.fast_show li:hover p{ color: #005bac;}
.fast_show li:hover { background: #fff;-webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 10px; -moz-box-shadow: rgba(0,0,0,0.3) 0px 0px 10px;
    box-shadow: rgba(0,0,0,0.3) 0px 0px 10px; }
/* 侧边栏悬浮框开始 */
.leftlx { float: left;width: 45px; height: 45px;}
.sibar li a { color: #fff;display: block; height: 45px;width: 300px;}
.sibar li { background-color: #9fa0a0; margin-bottom: 1px;}
.sibar li:hover { background-color: #005bac;}
.sibar li i.wx { display: block; width: 45px; height: 45px; margin: 0 auto; text-align: center; background: url(../image/sibar_ico4.png) no-repeat center;}
.qq_li .ewm { width: 92px; height: 92px;position: absolute; right: 80px; top: 46px;display: none;}
.wx_li .ewm { width: 92px; height: 92px; position: absolute; right: 65px; top: 184px; display: none; padding: 3px; border: #d9d8d8 1px solid; background: #fff;}
.ewm img { width: 100%;}
.sibar li i.qq {display: block; width: 45px; height: 45px; margin: 0 auto; text-align: center;background: url(../image/sibar_ico3.png) no-repeat center;}
.sibar li i.dh { display: block; width: 45px; height: 45px; margin: 0 auto; text-align: center; background: url(../image/sibar_ico2.png) no-repeat center;}
.sibar li i.kf { display: block; width: 45px; height: 45px; margin: 0 auto; text-align: center; background: url(../image/sibar_ico1.png) no-repeat center;}
.sibar li i.fh { display: block; width: 45px;height: 45px; margin: 0 auto; text-align: center; background: url(../image/sibar_ico5.png) no-repeat center; z-index: 11;}
.sibar {position: fixed;width: 45px;height: auto;top: 60%;right: 0;z-index: 1000;}
.sibar li a > span {color: #fff;font-size: 16px;line-height: 45px;display: none;float: left;}
.sibar li a:hover > span {display: block;}
.shang {width: 45px!important;}
/*右侧浮窗end*/



.footer { /*margin-top: 90px;*/ background: #333; position: relative; font-size: 13px; float:left; width:100%;}
.footer .links { position: relative;padding: 0 60px; background: #333; color: #fff; line-height: 60px; /*display: none;*/ }
.footer .links a {  color: #666;}
.footer .links .lab { float: left; font-family: "微软雅黑"; color: #666; }
.footer .links .lab:before { top: -2px; margin-right: 20px; font-size: 20px; vertical-align: middle; }
.footer .links .cont { margin: 0 40px 0 180px; height: 60px; overflow: hidden; }
.footer .links .cont ul { position: relative; *zoom: 1;}
.footer .links .cont ul li { float: left; height: 60px;  margin-right: 45px;  white-space: nowrap; overflow: hidden; }
.footer .links .cont ul:before,
.footer .links .cont ul:after { display: table; content: " "; }
.footer .links .cont ul:after { clear: both; }
.footer .links .trg {  position: absolute; right: 60px; top: 22px;  font-size: 0; line-height: 0; }
.footer .links .trg a {  display: inline-block;width: 16px; height: 16px; font-size: 12px;  line-height: 16px; text-align: center; color: #a7a7a7; }
.footer .links .trg a:hover { color: #a2a2a2;}
.footer .qrcode { position: absolute; right: -68px; top: 35px;}
.footer .qrcode img{ width:50%; height:auto}
.footer .webmap { padding: 35px 12% 35px 15px; *zoom: 1; }
.footer .webmap:before,
.footer .webmap:after { display: table; content: " "; }
.footer .webmap:after { clear: both; }
.footer .webmap .item { float: left; width: 16.6%; padding: 0 15px 0 45px; border-right: 1px solid #484848; *zoom: 1; }
.footer .webmap .item:before,
.footer .webmap .item:after { display: table; content: " "; }
.footer .webmap .item:after {clear: both; }
.footer .webmap .item .tit { margin-bottom: 15px;font-size: 18px;font-weight: 700; color: #888;}
.footer .webmap .item ul { width: 100%; float: left;}
.footer .webmap .item ul li { line-height: 30px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;  width:50%; float:left;}
.footer .webmap .item ul li a { color: #ccc;}
.footer .contacts { padding: 35px 4.5%; margin: 0 60px; background: #2f2f2f; color: #000; *zoom: 1; }
.footer .contacts:before,
.footer .contacts:after { display: table; content: " ";}
.footer .contacts:after { clear: both; }
.footer .contacts > div {  float: left; position: relative; padding: 0 20px 0 80px; }
.footer .contacts .fa { display: block; position: absolute; left: 0; top: 0; line-height: 60px; font-size: 40px; color: #979797; }
.footer .contacts .lab { padding-left: 35px; border-left: 1px solid #3a3a3a; color: #979797; font-size: 16px; line-height: 24px;}
.footer .contacts .dat { padding-left: 35px; border-left: 1px solid #3a3a3a; line-height: 36px; color: #d5d5d5; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.footer .contacts .dat a { color: #d5d5d5;}
.footer .contacts .address { width: 40%; }
.footer .contacts .address .dat{ font-size: 18px; white-space: normal; }
.footer .contacts .email { width: 35%; }
.footer .contacts .email .dat { font-size: 20px; }
.footer .contacts .hotline { padding-right: 0; width: 25%; }
.footer .contacts .hotline .dat { font-size: 20px; }
.footer .copys { padding: 20px 60px; line-height: 40px; color: #666; *zoom: 1; position: relative; }
.footer .copys:before,
.footer .copys:after { display: table; content: " "; }
.footer .copys:after { clear: both; }
.footer .copys .info { /*float: left;*/ width: 100%; text-align: center;}
.footer .copys .info a{color: #d5d5d5;}
.footer .copys .share { /*float: right;*/  position: absolute; right: 60px; top: 20px; font-size: 20px; }
.footer .copys .share a { color: #444; }
.footer .copys .share a + a { margin-left: 10px; }
.footer .copys .share a:hover { color: #aaa;}

.ins-navbox{height: 75px;background-color: #fff;border-bottom: 1px solid #e5e5e5;}
.ins-navbox.fixed{position: fixed;top: 0;left: 0;z-index: 11;}
.ins-navbox li{margin-right: 23px;font-size: 16px;line-height: 74px; float:left;}
.ins-navbox li a{display: block;padding: 0 18px;}
.ins-navbox li a:hover,.ins-navbox li a.hover{color: #b41732;border-bottom: 2px solid #b41732;position: relative;margin-bottom: -1px;}
.ins-navbox .return-top{display: block;height: 36px;line-height: 36px;padding-left: 25px;padding-right: 54px;background: url("../image/ico_32.png") no-repeat 95px center;border: 1px solid #dbdbdb;font-size: 14px;cursor: pointer;margin-top: 19px;}
.ins-navbox .return-top:hover{color: #fff;background: url("../image/ico_33.png") no-repeat 95px center #035cac;border: 1px solid #035cac;}
.ins-navbox.twrap .return-top{padding-right: 30px;padding-left: 15px;background: url("../image/ico_32.png") no-repeat 80px center;}
.ins-navbox.twrap .return-top:hover{color: #fff;background: url("../image/ico_33.png") no-repeat 80px center #035cac;border: 1px solid #035cac;}
  




.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:900px;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:790px;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:350px;margin-right:90px;vertical-align:middle}
.progress .progress-container dt img{width:350px;height:210px}
.progress .progress-container dt p{font-size:16px;line-height:26px;text-align:left;color:#666}
.progress .progress-container .reverse dt{margin-right:0;margin-left:90px}
.progress .progress-container .reverse dt p{direction:ltr}
.progress .progress-container dd{display:inline-block;width:350px;margin-right:0;vertical-align:middle}
.progress .progress-container dd img{width:350px;height:210px}
.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}










 .col-sm-4 {float: left; }
 
  .col-sm-4 { width: 50%;}


.row{ width:100%; padding:0 3%;}

/**job**/
.job1_l , .job1_r{ width: 50%; float: left;position: relative;}
.job1_l img { width: 68%; opacity: 0.3;}
.job1_l h2 {position: absolute;top: 160px; margin: 0; font-size: 54px; line-height: 1.2; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #222; text-transform: capitalize;}
.job1_r img { width: 100%;}
.job1_l { margin-top: 100px;}
.job2_main { background: #fff; position: relative; padding: 20px 0; top:240px}
.jobTit_main { text-align: right; max-width: 800px; float: right;}
.jobTit_main h2 { margin: 0 0 10px; font-weight: bold; color: #355d77;font-size: 36px; line-height: 46px; position: relative; padding-bottom: 15px;}

.jobTit_main p { margin: 0; font-size: 18px; line-height: 28px; color: #666;}
.jobTit_main h2:after {content: "";display: inline-block;width: 40px;height: 5px;position: absolute;background: #355d77;right: 0;bottom: 0;}
.job_tit {margin-bottom: 35px;}
.job_bgR img {width: 100%;}
.job_bgR {position: absolute; width: 480px; margin-left: -240px; left: 50%; top: 240px; z-index:-99}
.job2_lis {  position: relative; padding: 30px 20px 20px;}
.job2_lis a { display: block; padding: 30px 30px 0; position: relative;}
.job2_bg { position: absolute; overflow: hidden; top: 0; left: 0; width: 100%; height: 230px; background-size: cover;background-position: center center;
    transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);
    -webkit-transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);
    -moz-transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);
    -ms-transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);
    -o-transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);}
.job2_bg span { display: block; position: absolute; width: 100%; height: 100%;left: 0; bottom: 25px;background: #3e77b2;
    background: linear-gradient(-45deg,#3e77b2,#1d427a 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff1d427a",endColorstr="#ff3e77b2",GradientType=1);
    transform: rotate(-45deg);
    transform-origin: bottom left;}
.job2_txt { position: relative; background: #fff; box-shadow: 0 30px 44px 0 rgba(0,0,0,.05); width: 90%;padding: 15px 25px;top: 0;
    transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);
    -webkit-transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);
    -moz-transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);
    -ms-transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);
    -o-transition: all 0.6s cubic-bezier(0.05, 0.7, 0.39, 0.97);}

.job2_txt h2 { margin: 0 0 15px; padding-bottom: 15px; border-bottom: solid 1px #eee;}
.job2_txt h2:after {content: "";display: table;clear: both;}
.job2_txt h3 { margin: 0 0 10px; font-weight: 700; font-size: 12px; line-height: 22px; color: #c1a367; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
span.job2_ico { float: left; font-size: 14px; line-height: 60px; font-weight: bold; color: #1d427a; max-width: calc(100% - 40px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
span.job2_ico img { width: auto; height: 60px;}
span.job2_arr { float: right; padding-top: 21px;}
span.job2_arr img { width: auto; height: 18px;}
.job2_txt p { margin: 0;font-weight: 800; font-size: 14px;line-height: 22px; height: 88px;color: #1d427a;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden;}
.job2_txt h6 { margin: 15px 0 0; font-size: 14px; line-height: 24px; font-weight: bold; color: #e2e2e2; text-transform: uppercase; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;}
.job2_lis a:hover .job2_bg { top: 30px;}
.job2_lis a:hover .job2_txt { top: -80px;}


}






#nav-header{border-top: 12px solid #136bcd;height:80px;position: fixed;top: -30px;z-index: 2;box-shadow: 0 0 10px #ccc;width: 100%;background: #fff;min-width: 1270px;z-index:1000;
	/*opacity: 0;
	filter:alpha(opacity=0);*/}
.logo{display: block;float: left;margin-left: 28px;margin-right: 84px;height: auto; margin-top:10px;}
.main-nav{float: left;}
.main-nav ul{float: right;margin-right: -1px;}
.main-nav ul li{float: left;border-right: 1px solid #f2f2f2;height: 80px;position: relative;}
.main-nav ul li .dad{display: block;float: left;padding-top: 20px;padding-left: 30px;padding-right: 30px;height: 60px;transition-duration:400ms;}
.main-nav ul li .dad .ch{width: 100%;text-align: center;font-size: 16px;color: #000;line-height: 36px;}
.main-nav ul li .dad .en{width: 100%;text-align: center;font-size: 12px;color: #cacaca;line-height: 20px;font-family: arial;text-transform: uppercase;}
.main-nav ul li:hover .dad,.main-nav ul .cur .dad{background: #136bcd;}
.main-nav ul li:hover .ch,.main-nav ul .cur .dad .ch{color: #fff;}
.main-nav ul li:hover .ch,.main-nav ul .cur .dad .ch img{}
.sons{width: 100%;position: absolute;top: 80px;left: 0;padding-bottom: 12px;background: #fff;border-bottom-right-radius: 6px;border-bottom-left-radius: 6px;overflow: hidden;padding-top: 6px;box-shadow: 0 0 2px #ccc inset;display: none;}
.sons a{display: block;width: 100%;margin: 0 auto;height: 38px;border-bottom:1px solid #f2f2f2;padding: 2px 0;}
.sons a span{width: 96%;display: block;height: 34px;line-height: 34px;border-radius: 4px;line-height: 36px;color: #999;font-size: 13px;text-align: center;margin: 0 auto;}
.sons a:hover span{background: #136bcd;color: #fff;}
.top-right{float: right;}
.top-right .stock{display: block;color: #989696;line-height: 13px;font-size: 13px;border-right: 1px solid #989696;padding-right:12px;margin-top: 38px; float: left;}
.top-right .stock:hover{color: #02328d;}
.toggle{float: left;height: 13px;padding: 38px 20px 0 0;}
.toggle a{display: block;color: #989696;line-height: 13px;font-size: 13px;padding-left: 12px; float: left;}
.toggle a:hover,.toggle a.language{color: #02328d;}
.share-to{float: left;display: block;width: 36px;height: 36px;background: url("../image/share.png") center no-repeat;margin-top: 26px;display: none;}
.header-search{position: relative;width: 80px;height: 80px;float: left;}
.header-search .on-roll{position: absolute;right: 0;top: 0;width: 80px;height: 80px;background: url("../image/search1.png") center 25px no-repeat;transition-duration:300ms;}
.header-search .on-roll:hover{background: url("../image/search1.png") center 25px no-repeat #02328d;}
.on-close{position: absolute;right: 0;top: 0;width: 80px;height: 80px;background: url("../image/close.png") center 25px no-repeat;display: none;}
.open-search{position: absolute;right: 80px;top: 0;width: 0;height: 80px;background: #ECECF4;padding:0 0 0 0 ;overflow: hidden;}
.open-search .in-search{height: 80px;line-height: 30px;height: 30px;font-size: 20px;background: transparent;border:0 none;display: block;width: 250px;float: left;margin:25px 0 0 24px;}
.open-search .submit-search{float: right;width: 80px;height: 80px;background: url("../image/search1.png") center 25px no-repeat;border: 0 none;}




@media (max-width: 1400px) {
	.wel-news-box .item {padding: 12px 0;}
	.wel-news-box .item .left .num {font-size: 40px;}
	.wel-news-box .item .left .time {font-size: 12px;}
	.wel-news-box .item .right .h0 {margin-bottom: 5px;}
}


































@media (max-width: 992px) {

.honor_list li:nth-child(2n){margin-right: 0}
.honor_list li{float: left;border: 1px solid #eee;text-align: center;padding: 0;width:48%;margin-right: 2%;position: relative; margin-bottom:3%;}
.honor_list li h3{font-weight: normal;color: #999;line-height:30px; overflow:hidden; height:30px; background:#FFFFFF; font-size:11px; padding:0 2%; margin:0 0 0 0;}

}



@media screen and (min-width: 1201px) and (max-width: 1440px) {
	
	

	
.gonggao{width:100%; padding:0 6%; height:auto; height:50px; line-height:50px; background:#f7f7f7; margin-bottom:40px;}
.gonggao h2{ float:left; width:9%; font-weight:normal; font-size:15px; color:#b41732;}
#demo { overflow:hidden; width: 90%; float:left;}
#demo li{ width:auto; float:left; margin-right:30px; display:block; background:url(../image/jiantou.png) no-repeat 0 center; padding-left:16px;}
#demo li a{ font-size:14px;}
#demo li a:hover{ color:#FF0004;}
#demo img { border:1px solid #CCC; margin-left:4px; width:300px; height:auto;}
#indemo { float: left; width: 800%; }
#demo1 { float: left; }
#demo2 { float: left; }

	
 /*===========================
    头部
    ===========================*/
.header {  border-bottom: 1px solid #e5e5e5; box-shadow: 0 2px 8px rgba(0,0,0,.1); width:100%; padding:0 6%; float:left;}
.header .logo { z-index: 1; margin-top: 13px;float: left; width:19%;}
.header .nav { width: 73%; margin-left:3%; float: left; padding-left: 0; background: #fff;}
.header .nav li {white-space: nowrap; float: left; padding: 16px 2%;  text-align: center; position: relative; }
.header .nav li.tri-con:after{ content: ''; width: 12px; height: 12px; border: 1px solid #e4eaec;border-right: 0; border-bottom: 0;  background: #fff; position: absolute; bottom: -7px;
        left: 50%; margin-left: -7px;
        transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg);display: none; }
.header.IsIe .nav li.tri-con:after{opacity: 0;display: none!important;}
.header .nav li:hover:after{display: block;}
.header .nav li:hover .pare{ color: #b41732}
.header .nav li:hover .pare span{ border-bottom: 2px solid #17447e; }
.header .nav li .pare { height: 45px; line-height: 40px; display: block; color: #767676; font-size: 16px;}
.header .nav li.tri-con .pare{position: relative;}
.header .nav li.tri-con .pare:after{position: absolute;top: 45%;left: 103%;border: 4px solid transparent;border-top-color: #767676;content: '';}
.header .nav li:hover.tri-con .pare:after{border-top-color: #17447e;}
.header .nav li .pare span {height: 40px; line-height: 40px;overflow: hidden;}
.header .nav li.current .pare { color: #b41732; font-weight: 700; border-bottom: 2px solid #b41732; }
.header .nav li.current.tri-con .pare:after{border-top-color: #b41732;}
.header .nav li.current .pare span { border-bottom: 2px solid #b41732; }
.header .nav li .sub-nav { position: absolute;  top: 100%;left: -305px; background: #fff;
      overflow: hidden; z-index: -10; text-align: left; width: 730px;  padding: 0 20px;  visibility: hidden; opacity: 0; border: 1px solid #e4eaec; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.05);}
.header .nav li:hover .sub-nav{ visibility: visible;opacity: 1; z-index: 10;}
.header .nav li .sub-nav .sn-inner { margin: 0 auto; padding: 15px 0;  *zoom: 1; height: 325px; }
.header .nav li .sub-nav .sn-inner:before,
.header .nav li .sub-nav .sn-inner:after { display: table; content: " "; }
    .header .nav li .sub-nav .sn-inner:after { clear: both;}
    .header .nav li .sub-nav .sn-view {float: left;width: 371px; position: relative; }
    .header .nav li .sub-nav .sn-view .tg_show{ visibility: hidden; opacity: 0;position: absolute;  top: 0; left: 0; }
    .header .nav li:hover .sub-nav .sn-view .tg_show.show{ visibility: visible;  opacity: 1; position: relative; }
    .header .nav li .sub-nav .sn-view .img a{ height:171px; display:inline-block; width:100%; background: no-repeat center top;background-size: contain; -ms-behavior: url(http://www.hagxkg.com/css/backgroundsize.min.htc); behavior: url(http://www.hagxkg.com/css/backgroundsize.min.htc); }
    .header .nav li .sub-nav .sn-view .tit { margin: 15px 0 5px;  font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
    .header .nav li .sub-nav .sn-view .txt {color: #777; line-height: 24px; height: 48px; overflow: hidden; white-space: normal; }
    .header .nav li .sub-nav .sn-view + .sn-cont { margin-left: 430px; }
    .header .nav li .sub-nav .sn-cont .sn-item { line-height: 50px; }
    .header .nav li .sub-nav .sn-cont .sn-item a{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-size:16px;} 
    .header .nav li .sub-nav .sn-cont .sn-item:hover a { color: #17447e; font-weight: bold; }
    .header .nav li .sub-nav .sn-cont .sn-item + .sn-item { border-top: 1px solid #ddd; }
    .header .nav li.pro-li{}
    /*.header .nav li.pro-li::after{display: none;}*/
    .header .nav li .sub-pro-nav{position: absolute;;top: -10000px;left: 0;max-width: 1920px;background: #fff;padding: 40px 0;border-top: 1px solid #d9d9d9;/*width: 1920px;left: -465.9px;*/}
    .header .nav li .sub-pro-nav .swiper-sub-pro{width: 1200px;padding:0 1%;}
    .header .nav li .sub-pro-nav .item{/*padding:0 25px;max-width: 175px;display: inline-block;*/width:14%;height: auto!important;}
    .header .nav li .sub-pro-nav .item + .item{border-left: 1px solid #e1e1e1;}
    .header .nav li .sub-pro-nav .item .img img{}
    .header .nav li .sub-pro-nav .item a{display: block;}
    .header .nav li .sub-pro-nav .item .n{font-size: 14px;color: #333;margin: 10px 0;word-break: break-all;}
    .header .nav li .sub-pro-nav .item .m{font-size: 12px;color: #555;}
    .header .nav li .sub-pro-nav .item:hover .n,
    .header .nav li .sub-pro-nav .item:hover .m{color: #17447e;}
    .header .nav li:hover .sub-pro-nav{top: 77px;}
    .header .nav li .sub-pro-nav.en{}
    .header .nav li .sub-pro-nav.en .item{padding:0 1%;}
    .header .nav li .sub-pro-nav.en .item .n{font-size: 12px;white-space: normal;}
    .header .nav li .sub-pro-nav .swiper-button-next,
    .header .nav li .sub-pro-nav .swiper-button-prev{width: 20px;background-size: contain;}
    .header .nav li .sub-pro-nav .swiper-button-next{right: 0;}
    .header .nav li .sub-pro-nav .swiper-button-prev{left: 0;}

    .header .tools { float: right;margin-top: 24px; position: relative; z-index: 1; width:4%}
    .header .tools:before,
    .header .tools:after { display: table; content: " "; }
    .header .tools:after {  clear: both;}
    .header .tools > div { float: left; margin-left: 15px; }
    .header .tools .lang a,
    .header .tools .search .fa,
    .header .tools .hotline .fa { display: inline-block; width: 28px; height: 28px; text-align: center;border-radius: 100%;}
    .header .tools .search{ position: relative; }
    .header .tools .search .fa { background: #cacaca; color: #fff; line-height: 28px; }
    .header .tools .search a.fa { position: relative; z-index: 10;}
    .header .tools .search .form{ position: absolute;  top:0%; right: 0%;  z-index: 5; }
    .header .tools .search .form input,
    .header .tools .search .form button{ /*visibility: hidden; opacity: 0;*/ transition: all .2s; -webkit-transition: all .2s; }
    .header .tools .search .form .text{ width:0; height: 28px;  padding-right: 27px; padding-left: 0; text-indent: 10px; background: #fff; border-radius: 100px; padding: 2px 27px 2px 0; font-size: 16px; }
    .header .tools .search .form .sub{border:none; float: right; position: absolute; top: 0; right: 0; }
    .header .tools .search.show_form .form button{ cursor: pointer;}
    .header .tools .search.show_form a.icon { z-index: 0;}
    .header .tools .search.show_form .form .text{ width:190px; }
    .header .tools .hotline { color: #26528b; display:none;}
    .header .tools .hotline span { font-size: 16px; }
    .header .tools .hotline .fa {  border: 1px solid #26528b;  color: #26528b; line-height: 26px; }
    .header .tools .hotline em { margin-left: 10px;}
    .header .tools .lang a {background: #26528b; line-height: 28px; color: #fff; font-size: 12px;  /*text-indent: 100px;*/ }
    .header .tools .lang a.active { background: #e50006; }
    .header .tools .lang a.cn{   background: #e50006 url(../image/icon_mail_0.png) no-repeat center; }		

/*banner*/
.banner{ width: 100%; float:left; display: inline-block; background: url(http://www.hagxkg.com/img/loading.gif) no-repeat center;}
.banner.margin{ top: 141px; margin-bottom: 120px; z-index: 2; }
.banner img{ width: 100%; display: block; height:auto}
.banner ul{ width: 100%; position: absolute; left: 0; top: 0; }
.banner li{ width: 100%; position: absolute; left: 0; top: 0; display: none; }
.banner .btnbox{ position: absolute; left: 47.4%; bottom: 25px;}
.banner .btnbox span{ display: block; width: 21px; height: 21px; background: url(../image/ico_03.png) no-repeat center; float: left; cursor: pointer; margin-left:8px;}
.banner .btnbox span.on{ background: url(../image/ico_04.png) no-repeat center; }
.banner .i-ban-hei{ margin-top: 30.9%; width: 100%; height: 0; }

}








@media (min-width: 1600px) {
	
	.industrial-service li .contbox{padding: 60px 13% 0 10%;width: 27%;}
	.container3 {

    width: 1250px;
    margin: 0 auto;

}
	
}