/* CSS Document */

/*common*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, select, p, th, td {margin: 0; padding: 0;}
body, td, th {color: #444; font-family: "微软雅黑", "Microsoft Yahei", "宋体"; font-size: 14px;}
h1, h2, h3, h4, h5, h6 {font-size: 100%; font-weight: normal;}
li, dt, dd {list-style: none;}
a {color:inherit; text-decoration:none; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}
a:hover { color:inherit; /*color:#2c88d8;*/ text-decoration:none;}
img {border:0; vertical-align:middle;}
.clear {clear:both;}
.hide {display:none;}
.f-fl{float: left;}
.f-fr{float: right;}
.c_mp{ padding: 0 !important; margin: 0 !important;}




/*body*/
body {background:#ffffff; }

/*头部样式*/
.header {height:80px; width:100%; min-width:1200px; background: none; -moz-box-shadow: none; -webkit-box-shadow:none; box-shadow:none; z-index:99999; overflow:hidden; position:fixed; left:0; top:0; border-bottom:1px solid rgba(255,255,255,0.30);}
    .header .header_Panel {height:80px; width:1200px; margin:0 auto;}
    .header_Panel .logo { margin-top:18px; width:397px; height:40px; background:url(../image/hqlf_logow.png) 0 0 no-repeat; display: inline-block; float:left; text-indent:-10000px;}
	.header_Panel .tel {margin-top:28px; height:24px; line-height:24px; font-size:24px; color:#ffffff; padding-left: 24px; background:url(https://www.hqlf.cn/images/telw.png) left center no-repeat; display:inline-block; font-family:Arial; float:right;}
	.header_Panel .nav { height:70px; line-height:60px; float:left; margin-left:50px; overflow:hidden;}
		.nav li {height:70px; width:84px; text-align:center; margin-left:10px; float:left;}
			.nav li a {height:60px; width:84px; padding-top:10px; color:#ffffff; font-size:16px; display:inline-block; background:url(../image/nav_bg.png) 0 -70px no-repeat;}
				.nav li a:hover, .nav li a.hover { color:#ffffff; background:url(../image/nav_bg.png) 0 0 no-repeat;}
			.nav li:nth-of-type(1) {margin-left:0 !important;}
			
.header_hover {height:80px; width:100%; min-width:1200px; background:#ffffff; -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.2); box-shadow:0px 0px 8px rgba(0,0,0,0.2); z-index:99999; overflow:hidden; position:fixed; left:0; top:0;}
    .header_hover .header_Panel {height:80px; width:1200px; margin:0 auto;}
    .header_hover .header_Panel .logo { margin-top:18px; width:397px; height:40px; background:url(../image/hqlf_logo.png) 0 0 no-repeat; display: inline-block; float:left; text-indent:-10000px;}
		.header_hover .header_Panel a.logo:before {content:"";position:absolute;width:80px;height:350px;top:0;left:0px;overflow:hidden;background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);-webkit-transform:skewX(-25deg);-moz-transform:skewX(-25deg)}
	    .header_hover .header_Panel a.logo:hover::before{-webkit-transition:left 2s;-moz-transition:left 2s;transition:left 2s;left:500px;}
	.header_hover .header_Panel .tel {margin-top:28px; height:24px; line-height:24px; font-size:24px; color:#2050a2; padding-left: 24px; background:url(../image/tel.png) left center no-repeat; display:inline-block; font-family:Arial; float:right;}
	.header_hover .header_Panel .nav { height:70px; line-height:60px; float:left; margin-left:50px; overflow:hidden;}
		.header_hover .nav li {height:70px; width:84px; text-align:center; margin-left:10px; float:left;}
			.header_hover .nav li a {height:60px; width:84px; padding-top:10px; color:#333333; font-size:16px; display:inline-block; background:url(../image/nav_bg.jpg) 0 -70px no-repeat;}
				.header_hover .nav li a:hover, .header_hover .nav li a.hover { color:#ffffff; background:url(../image/nav_bg.jpg) 0 0 no-repeat;}
			.header_hover .nav li:nth-of-type(1) {margin-left:0 !important;}
			


/*首页样式*/
.banner { height:100%; width:100%; min-width:1200px; overflow:hidden; z-index:auto; top:0; left:0;}
.banner .m_mn{position: relative;height:100%; width: 1200px; margin: 0 auto;}
.subbanner {height:320px; width:100%; min-width:1200px; overflow:hidden; z-index:1; margin:100px auto 0 auto;}
    .subbanner .subnav { height:54px; margin:266px auto 0 auto; width:1200px; overflow:hidden; text-align:center;}
	    .subnav a { width:140px; line-height:44px; height:44px; display:inline-block; background:rgba(0,0,0,0.4); margin:10px 0 0 1px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-right-radius:0px; border-bottom-left-radius:0px; overflow:hidden; font-size:16px; color:#ffffff; transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;}
		.subnav a:hover, .subnav a.hover { margin:0 0 0 1px; height:54px; line-height:54px; background:#3fac81;}
			
.swiper-container {width: 100%; height: 100%;}
   .swiper-banner .swiper-slide {text-align: center;font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background-repeat:no-repeat; background-position:center center; position: relative; overflow: hidden;background-size: cover; -webkit-background-size: cover; -moz-background-size: cover;}
   .swiper-banner .swiper-slide a { display:block; height:100%; width: 100%;}

.swiper-banner .swiper-slide .ads_left1 div,.swiper-banner .swiper-slide .ads_right1 div{position: absolute;}
.swiper-banner .swiper-slide .ads_left1 div img,.swiper-banner .swiper-slide .ads_right1 div img{max-height: 100%;}
.swiper-banner .swiper-slide .ads_left1 div:nth-child(1){  left: 165px; top: 27.6%; }
.swiper-banner .swiper-slide .ads_left1 div:nth-child(2){ left: -650px; top: -42.1%;  }
.swiper-banner .swiper-slide .ads_left1 div:nth-child(2) img{   -moz-animation:rotate 20s infinite linear;  -webkit-animation:rotate 20s infinite linear;  animation:rotate 20s infinite linear;  }
.swiper-banner .swiper-slide .ads_left1 div:nth-child(3){ left: 0px; top: 32.8%;}
.swiper-banner .swiper-slide .ads_left1 div:nth-child(4){ left: 145px; top: 27.6%;}
.swiper-banner .swiper-slide .ads_left1 div:nth-child(5){ left: 0px; top: 46.7%;}
.swiper-banner .swiper-slide .ads_left1 div:nth-child(6){ left: 0px; top: 67.7%;}
.swiper-banner .swiper-slide .ads_left1 div:nth-child(7){ left: 148px; top: 67.1%;}
.swiper-banner .swiper-slide .ads_left1 div:nth-child(8){ left: 295px; top: 67.1%;}
.swiper-banner .swiper-slide .ads_left1 div:nth-child(9){ left: 170px; top: 49.3%;}
.swiper-banner .swiper-slide .ads_right1 div:nth-child(1){left: 880px; top: 17.1%; }
.swiper-banner .swiper-slide .ads_right1 div:nth-child(2){left: 790px; top: 36.8%; }
.swiper-banner .swiper-slide .ads_right1 div:nth-child(3){left: 865px; top: 56.5%;}
.swiper-banner .swiper-slide .ads_right1 div:nth-child(4){left: 740px; top: 73%; }
@-moz-keyframes rotate{ 0%{  -moz-transform:rotate(0deg);  } 100%{  -moz-transform:rotate(360deg);  } }
@-webkit-keyframes rotate{ 0%{  -webkit-transform:rotate(0deg);  } 100%{  -webkit-transform:rotate(360deg);  } }
@keyframes rotate{ 0%{  transform:rotate(0deg);  } 100%{  transform:rotate(360deg);  } }

.banner .ad2{ color: #ffffff;  font-size: 18px;}
.banner .ad2 .tt{line-height: 50px; padding-top:10%;}
.banner .ad2 .g_img div{position: absolute;}
.banner .ad2 .g_img div:nth-child(1){ left: 726px; bottom: 10.9%;  z-index: 3; }
.banner .ad2 .g_img div:nth-child(2){ left: 552px; bottom: 12.2%; z-index: 2; }
.banner .ad2 .g_img div:nth-child(3){ left: -27px; bottom: 8.3%; z-index: 3; }
.banner .ad2 .g_img div:nth-child(4){ left: 215px; bottom: 9.6%; }
.banner .ad2 .g_img div:nth-child(5){ left: 56px; bottom: 12.9%;z-index: 2; }
.banner .ad2 .g_img div:nth-child(6){ left:331px; bottom: 15.8%; }
.banner .ad2 .g_img div:nth-child(7){ left: 382px; bottom: 37.5%; }

.banner .ad3{ color: #ffffff;  font-size: 18px; text-align: left; }
.banner .ad3 .g_img div,.banner .ad3 .ico,.banner .ad3 .tt{position: absolute;}
.banner .ad3 .tt{ left:8%; top:25%; line-height: 36px; }
.banner .ad3 .tt img{margin-bottom: 30px;}
.banner .ad3 .ico{ left:6%; bottom:15%; }
.banner .ad3 .ico div{display: inline-block; }
.banner .ad3 .g_img div:nth-child(1){  right: -62px;   top: 378px; }
.banner .ad3 .g_img div:nth-child(2){       right: 134px;  top: 222px; z-index: 1;}
.banner .ad3 .g_img div:nth-child(3){      right: 20px;  top: 219px; }
.banner .ad3 .g_img div:nth-child(4){          right: 152px;  top: 314px; }

.banner .ad4{ color: #ffffff;  }
.banner .ad4 .g_img div,.banner .ad4 .ico,.banner .ad4 .tt{position: absolute;}
.banner .ad4 .tt{ width: 100%; text-align: center; /*top:18%;*/ z-index: 11; top: 39%;
    left: -24.6%; }
.banner .ad4 .ico{text-align: center; width: 100%; bottom:3.5%; font-size: 14px;}
.banner .ad4 .ico div{ display: inline-block; margin: 0 20px 20px;  }
.banner .ad4 .g_img div:nth-child(1){  width: 100%; text-align: center;    top: 2%;   left: 37%;}
.banner .ad4 .g_img div:nth-child(2){ left: 791px;top: 11.7%;}
.banner .ad4 .g_img div:nth-child(3){     left: -148px;top: 21.3%;}
.banner .ad4 .g_img div:nth-child(4){  left: -177px;  top: 38.4%;}
.banner .ad4 .g_img div:nth-child(5){  left: 9px; top:21.2%; }
.banner .ad4 .g_img div:nth-child(6){  width: 100%; text-align: center; line-height:735px; z-index: 1; font-weight: bold; font-size: 22px;      top: 287px;
    left: -159px;}
.banner .ad4 .g_img .img_rotate,.g_img .img_rotate{  -moz-animation:rotate 15s infinite linear;  -webkit-animation:rotate 15s infinite linear;  animation:rotate 15s infinite linear; }
.g_img .img_rotate1{  -moz-animation:rotate 20s infinite linear;  -webkit-animation:rotate 20s infinite linear;  animation:rotate 20s infinite linear; }
 @media(max-height:650px) {
.swiper-banner .swiper-slide .ads_left1 div img,.swiper-banner .swiper-slide .ads_right1 div img,.banner .ad2 .g_img div img,.banner .ad3 .g_img div img{ width:85%;}
.banner .ad3 .ico div{width:135px;}
.banner .ad4 .ico div{width:85px;}
.banner .ad4 .g_img div:nth-child(6){ line-height:0px;top:55%; }
}
/*插件样式*/
.banner-pages .swiper-pagination-bullet{width:50px;height:8px;display:inline-block; background-color:#ffffff; opacity:.5; border-radius: 0;}
.banner-pages .swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.banner-pages .swiper-pagination-bullet-active{opacity:1;background:#ffffff}

.swiper-clients .clients_pages{bottom: 0; width: 100%;}
.clients_pages .swiper-pagination-bullet{width:10px;height:10px;display:inline-block; background-color:#ffffff; opacity:.5; border-radius: 50%;}
.clients_pages .swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.clients_pages .swiper-pagination-bullet-active{opacity:1;background:#ffffff}

.m_case .case_mobile .swiper-pages{bottom: 50px; }
.m_case .case_mobile .swiper-pages .swiper-pagination-bullet{width:10px;height:10px;display:inline-block; border:1px solid #ffffff; opacity: 1;  background:none; border-radius: 50%;}
.m_case .case_mobile .swiper-pages .swiper-pagination-bullet-active{opacity:1;background:#ffffff}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:50px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}