body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
a,.btn,button,span,p,i,input,select,textarea,li,img,*::after,*::before,.transition-3,h1,h2,h3,h4,h5,h6{-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}
/* ----------------------------------------------------
	00) heku-color   模板颜色管理
------------------------------------------------------- */
a {color: #333;text-decoration: none}
a:focus, a:hover {color: #235bb8}
/* ----------------------------------------------------
    02) start heku-btn 10-20 公共样式 按钮css 
------------------------------------------------------- */
.heku-btn{display: inline-block;line-height: 40px;border: 1px solid #235bb8;color: #235bb8;padding: 0 20px;}
.heku-btn:hover{color: #ffffff;font-weight: bold;border: 1px solid #ffffff;background: rgb(35 91 184);}
.heku-btn.heku-btn-black{line-height: 36px;border: 1px solid #fff;background: #235bb8;color: #ffffff;padding: 0px 15px 0px 20px;}
.heku-btn.heku-btn-black:hover{border: 1px solid #fff;background: #ffffff;color: #235bb8;font-weight: bold;}
.heku-btn.heku-btn-transparent{letter-spacing: 4px;line-height: 32px;border: 1px solid #fff;background: none;color: #26230e;padding: 0px 15px 0px 12px;margin-left: 10px;}
.heku-btn.heku-btn-transparent:hover{border: 1px solid #265db9;background: #265db9;color: #ffffff;font-weight: initial;}
/* ----------------------------------------------------
    02) end heku-btn 10-20 公共样式 按钮css 
------------------------------------------------------- */
/* ----------------------------------------------------
    11.0) #heku-search-info   #heku-search-info 顶部 搜索
-------------------------------------------------------*/
#heku-search-info{position: fixed;background: rgba(35,91,184,0.65);-webkit-background: rgba(76,81,216,0.65);-o-background: rgba(76,81,216,0.65);-moz-background: rgba(76,81,216,0.65);top: 70px;width: 0%;height: 54px;z-index: 11;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-ms-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;visibility: hidden;}
#heku-search-info.opened{width: 100%;left: auto;right: 0;visibility: visible;opacity: 1;}
.head-search-from input{width: 100%;padding: 0px 24px;border: none;height: 54px;color: #ffffff;font-size: 24px;font-weight: 400;background-color: transparent;}
.head-search-from input::placeholder{color: #fff;text-transform: capitalize;font-size: 20px;}
.head-search-from input:focus{border: none;outline: none;}
.head-search-from input:focus::placeholder{opacity: 0;}
.head-search-from button{position: absolute;top: 50%;right: 50px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: transparent;font-size: 20px;font-weight: 100;color: #fff;outline: none;border: none;}
.head-search-from .delete-ico{position: absolute;top: 50%;right: 20px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: transparent;font-size: 20px;font-weight: 100;color: #fff;}
/* ----------------------------------------------------
	12) #heku-top   #heku-top-topbar 顶部 topbar
-------------------------------------------------------*/
.search-info{line-height: 70px;padding-right: 20px;}
.language-info{line-height: 40px;}
.language-info .language-info-divsub li{line-height: 36px;padding-left: 8px;}
.language-info .language-info-divsub li:hover{padding-left: 10px;background:rgba(35,91,184,0.65);-webkit-background:rgba(76,81,216,0.65);-o-background:rgba(76,81,216,0.65);-moz-background:rgba(76,81,216,0.65);}
.language-info-divsub{display: none;position: absolute;margin: 0px -8px;padding: 0px 0px;width: 150px;text-align: left;list-style-type: none;background-color: #fff;background-clip: padding-box;/* border-radius: 6px; */outline: none;z-index: 30;background: rgba(255, 255, 255, 0.85);-webkit-background: rgba(255, 255, 255, 0.75);-o-background: rgba(255, 255, 255, 0.75);-moz-background: rgba(255, 255, 255, 0.75);box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);}
.language-info:hover .language-info-divsub{display: block;}
.language-info .country-flag {position:relative;display:inline-block;vertical-align:middle;background-repeat: no-repeat;width:25px;height:16px;margin:0 5px;background-image: url(../img/icons.png);background-position: -186px -8px;}
.language-info .country-flag.language-flag-cn{background-position: -186px -8px;}
.language-info .country-flag.language-flag-en{background-position: -222px -8px;;}
.language-info span.language-title{position:relative;display:inline-block;vertical-align:middle;padding-right: 4px;}
/* ----------------------------------------------------
	13) #heku-top   #heku-top-topbar 顶部 topbar
-------------------------------------------------------*/
.nav_menu > li > a{text-transform: capitalize;display: block;letter-spacing: 1px;padding: 0px 28px 0;height: 67px;line-height: 67px;color: #353535;font-size: 16px;background-position: center 18px;background-repeat: no-repeat;}
#heku-top-menu{height: 70px;width: 100%;position: relative;background: rgba(255, 255, 255, 0.75);box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);}
.menu_left .top_menu_logo{overflow: visible;width: auto;}
.top_menu_logo img{height: 50px;}
.nav_menu > li{line-height: 70px;text-align: center;transition: .5s;position: relative;display: inline-block;background-position: center 18px;background-repeat: no-repeat;}
.nav_menu > li:hover a,.nav_menu li:focus a{color: #235bb8;}
.nav_menu .sub-menu li{list-style: none;width: 180px;position: relative;}
.nav_menu>li::after{height: 3px;content: " ";background: #235bb8;position: absolute;width: 0%;margin-left: -28%}
.nav_menu>li:hover::after{height: 3px;content: " ";background: #235bb8;position: absolute;width: 55%;margin-left: -28%}
.nav_menu .sub-menu li a{display:block;line-height: 40px;height: 40px;padding-left: 20px;text-align: left;transition: .5s;letter-spacing: 1px;opacity: 1;font-size: 14px;filter:alpha(opacity=100,style=100);}
.nav_menu li:hover > .sub-menu{display: block;height: auto;transition: .5s;position: absolute;z-index: 90;}
.nav_menu>li:hover > .sub-menu{margin-top: 3px;}
.nav_menu .sub-menu .sub-menu{top: 0px;left: 180px;}
.nav_menu .sub-menu .menu-item-has-children:after {content: "➤";float: right;padding-right: 12px;color: #235bb8;position: absolute;top: 0;right: 4px;line-height: 40px;}
.nav_menu li .sub-menu li:hover a,
.header-is-visible .nav_menu > li:hover a,
.nav_menu > li:hover .sub-menu a{color:#000}
.nav_menu > li a,
.top_logo_font a{color: #000;}
.nav_menu .sub-menu{display: none;width:180px;position: relative;background:rgba(255, 255, 255, 0.75);-webkit-background:rgba(255, 255, 255, 0.75);-o-background:rgba(255, 255, 255, 0.75);-moz-background:rgba(255, 255, 255, 0.75);box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);} 
.nav_menu .sub-menu li:hover{background:rgba(35,91,184,0.65);-webkit-background:rgba(76,81,216,0.65);-o-background:rgba(76,81,216,0.65);-moz-background:rgba(76,81,216,0.65);}
.header-is-visible{left: 0;margin: auto;position: fixed !important;top: 0;width: 100%;box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);z-index: 9999;-webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);background: #ffffff;}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.nav_menu > li > a{padding: 0px 17px 0;}
}
/* --- 1) 小于780尺寸时候使用 手机  mobile --- */
@media only screen and (max-width: 768px) {
	.menu_right{display: none;}
	.nav_menu li:hover > .sub-menu{display: none;}
	.nav_menu > li{border-bottom: 1px solid #235bb8b8;height: 55px;}
	.nav_menu > li:nth-child(7){border-bottom: 0px solid #235bb8b8;}
	.nav_menu >li::after,.nav_menu .menu-item-has-children:after,.nav_menu>li:hover::after {width: 20px;content: "➤";float: right;padding-right: 12px;color: #171a89;position: absolute;top: 0;right: 40px;line-height: 55px;background: none;}
	.top_menu_logo img {font-size: 36px;padding: 10px;height: 70px;}
	.mob-button i{font-size: 40px;line-height: 70px;}
	.nav_menu > li > a{padding: 0;padding-left: 32px;height: 55px;line-height: 55px;}
	.nav_menu > li{background-image: none;display: block;text-align: left;}
	.nav_menu{display: none;background: rgba(255, 255, 255, 0.9);z-index: 100;}
	.nav_menu li:hover > .sub-menu{position: initial;}
	.nav_menu .sub-menu .sub-menu {top: auto;left: auto;}
	.nav_menu .sub-menu{width: auto;}
	.nav_menu .sub-menu li{width: auto;}
	.nav_menu .sub-menu .sub-menu  li a{padding-left: 80px;}
	.nav_menu .sub-menu li a{width: 240px;padding-left: 50px;}
	.search-info{display: none;}
}
/* --- 2) 大于768px尺寸   min --- */
@media(min-width:768px) {
	.search-info,.menu_right{display: none;}
	.nav_menu > li > a{padding: 0px 10px 0;}
	.nav_menu > li:nth-child(6):hover .sub-menu .sub-menu{top: 0px;left: -180px;}
}
/* --- 3) 大于992px尺寸   mid --- */
@media(min-width:992px) {
	.search-info,.menu_right{display: block;}
	.nav_menu > li > a{padding: 0px 17px 0;}
	.menu_right_info .language-info i.fa{display: none;}
}
/* --- 4) 显示规定 大于1200尺寸时候使用  max   --------- */
@media(min-width:1200px) {
	.nav_menu > li > a{padding: 0px 28px 0;}
}
/* ----------------------------------------------------
	11-13) end  10-20 公共样式 顶部导航 
------------------------------------------------------- */

/* ----------------------------------------------------
	14-15) 14.0 start  10-20 公共样式 顶部导航 banner 内敛 bootstrast 轮播插件
------------------------------------------------------- */
.banner-indicators{bottom: 20px;}
.banner-indicators li {width: 45px;height: 6px;display: inline-block;background: rgba(255,255,255,0.5);position: relative;overflow: hidden;border-top: 0px solid transparent;border-bottom: 0px solid transparent;border-radius: 2px;margin-right: 4px;margin-left: 4px;}
.banner-indicators .active:after{content: "";width: 0px;height: 100%;position: absolute;left: 0;top: 0;animation: my_carousel_indicators 9.5s;-webkit-animation: my_carousel_indicators 9.5s;background: #fff;}
@keyframes my_carousel_indicators{from {width: 0;}to {width: 100%;}}
@-webkit-keyframes my_carousel_indicators{from {width: 0;}to {width: 100%;}}
.carousel-control-prev,.carousel-control-next{opacity: .3;transition: opacity .15s ease;}
.banner_content{height: 100%;color: #fff;}
.carousel-slider .carousel-item{width: 100%;height: 100%;height: 580px;background-size: cover;background-position: center center;}
.banner-content{padding: 200px 0 100px;}
.banner-video{visibility: visible;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;display: block;pointer-events: none;-webkit-transition: display .3s;transition: display .3s;}
.banner-video .w_video{width: 100%;height: 100%;}
.banner-video video{width: 100%;height: auto}
/* --- 1) 小于780尺寸时候使用 手机  mobile --- */

@media(max-width: 576px) {
	.carousel-slider .carousel-item {height: 180px;}
}
@media(min-width:576px) {
	.carousel-slider .carousel-item {height: 240px;}
}
/* --- 2) 大于768px尺寸   min --- */
@media(min-width:768px) {
	.carousel-slider .carousel-item {height: 360px;}
}
/* --- 3) 大于992px尺寸   mid --- */
@media(min-width:992px) {
	.carousel-slider .carousel-item {height: 480px;}
}
/* --- 4) 大于1200尺寸时候使用  max --- */
@media(min-width:1200px) {
	.carousel-slider .carousel-item {height: 560px;}
}
/* ----------------------------------------------------
	15.0) start 03.01 #Carousel_Banner banner 内部文字等css
------------------------------------------------------- */
.banner-box .bd ul {list-style: none;}
.banner-box {min-width: 640px;height: 450px;position: relative;overflow: hidden;}
.banner-box .bd {width: 100% !important;}
.banner-box .bd li .m-width {width: 1210px;margin: 0 auto;overflow: hidden;}
.banner-box .bd li {width: 100% !important;height: 450px;}
.banner-box .bd li a {display: block;background-size: auto;}
.banner-box .banner-btn {width: 1210px;position: absolute;top: 180px;left: 50%;margin-left: -605px;}
.banner-box .banner-btn a {display: block;width: 49px;height: 49px;position: absolute;top: 0;filter: alpha(opacity=40);-moz-opacity: 0.4;-khtml-opacity: 0.4;opacity: 0.4;}
.banner-btn a.prev {left: 20px;background: url(../img/prev.png) no-repeat;}
.banner-btn a.next {right: 20px;background: url(../img/next.png) no-repeat;}
.banner-box .hd {position: absolute;top: 240px;left: 550px;}
.banner-box .hd ul li {width: 12px;height: 12px;text-indent: -9999px;margin-right: 20px;background: #ccc;float: left;cursor: pointer;list-style: none;}
.banner-box .hd ul li.on {background: #DA324D;}
/* ----------------------------------------------------
	14-15) end  10-20 公共样式 顶部导航 banner
------------------------------------------------------- */

/* ----------------------------------------------------
	16) start #single_bar_line 10-20 公共样式 顶部导航
------------------------------------------------------- */
#single_bar_line .bar-box{height: 45px;overflow: hidden;}
#single_bar_line .bar-box a{padding: 6px;color: #1b1a1a;line-height: 45px;font-size: 16px;}
#single_bar_line .bar-box a:hover{font-weight: 600;color: #235bb8;}
#single_bar_line .bar-box a.home-bar{padding-left: 28px;background-image: url(../img/home-logo.png);background-size: 16px;background-repeat: no-repeat;background-position: 2px;}
#single_bar_line .bar-box a.home-bar:hover{background-image: url(../img/home-logo-hove.png);}
/* ----------------------------------------------------
	16) end #single_bar_line  10-20 公共样式 顶部导航
------------------------------------------------------- */

/* ----------------------------------------------------
    17) start #footer_news_line 10-20 公共样式  底部新闻
------------------------------------------------------- */
#footer_news_line{display: block;}
#footer_news_line .owl-controls .owl-nav{position: absolute;top: 250px;left: 50%;margin-left: -650px;}
#footer_news_line .owl-controls .owl-nav .owl-prev{background: url(../img/next.png) no-repeat 0px 0;width: 60px;height: 60px;position: absolute;right: 0px;opacity: 0.2;background-size: 60px;}
#footer_news_line .owl-controls .owl-nav .owl-next{background: url(../img/prev.png) no-repeat 0px 0;width: 60px;height: 60px;position: absolute;background-size: 60px;left: 0px;opacity: 0.3;}
#footer_news_line .owl-controls .owl-nav .owl-prev:hover,#footer_news_line .owl-controls .owl-nav .owl-next:hover{opacity:1}
.footer-news-item{list-style: none;background: #f3f3f3;margin: 12px;padding-bottom: 20px;}
.footer-news-item .news-cont-title{font-size: 20px;color: #000000;line-height: 60px;height: 72px;overflow: hidden;padding: 10px 12px 0px 18px;font-weight: 600;letter-spacing: 1px;}
.footer-news-item .news-cont-title a{display: inline-block;vertical-align: middle;line-height: 30px;}
.footer-news-item .news-cont-detail{color: #000000;line-height: 72px;height: 72px;overflow: hidden;padding: 0px 12px 0px 18px;}
.footer-news-item .news-cont-detail a{display: inline-block;vertical-align: middle;line-height: 24px;color: #958e8e;font-size: 14px;}
.footer-news-item .news-item-pic{width: 350px;height: 258px;overflow: hidden;}
.footer-news-item .news-item-pic img{width: 380px;height: 280px;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;-webkit-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.footer-news-item:hover .news-cont-title a{color: #1049a8;}
/* .footer-news-item:hover{background: rgba(35,91,184,0.6);} */
/* .footer-news-item:hover .news-time{color: #fff;} */
/* .footer-news-item:hover .news-cont-detail a{color: #f3f3f3;} */
.footer-news-item:hover .news-item-pic img{-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.footer-news-item .news-time{padding: 10px 15px 6px 15px;font-size: 16px;color: #235bb8;}
.footer-news-item .news-time i{padding: 0 8px;}
/* --- 0) 手机  ---mobile --- */
@media (min-width: 576px){

}
/* --- 1) 小于780尺寸   ---sm--- */
@media only screen and (max-width: 768px){
	.footer-news-item{width: 100%;margin:0}
	.footer-news-item .news-item-pic img{width: 100%;height:auto;}
	.footer-news-item .news-item-pic{width: 100%;height:auto ;overflow: hidden;} 
	/* #footer_news_box{width: 480px;max-width:480px}  */
  	#footer_news_line .owl-controls .owl-nav{ top: 312px;margin-left: -301px;}
}
/* --- 2) 大于768px尺寸   ---md --- */
@media(min-width:768px){
	.footer-news-item{width: 321px;}
	.footer-news-item .news-item-pic img{width: 321px;height: 236.5px;}
	.footer-news-item .news-item-pic{width: 321px;height: 236.5px;overflow: hidden;}
	#footer_news_line .owl-controls .owl-nav{width: 860px;top: 234px;margin-left: -430px;}
}
/* --- 3) 大于992px尺寸  ---lg--- */
@media(min-width:992px){
	.footer-news-item{width: 286px;}
	.footer-news-item .news-item-pic img{width: 286px;height: 211px;}
	.footer-news-item .news-item-pic{width: 286px;height: 211px;overflow: hidden;}
	#footer_news_line .owl-controls .owl-nav{width: 1080px;top: 210px;margin-left: -540px;}
}
/* --- 4) 大于1200尺寸时候使用  ---xl--- */
@media(min-width:1200px){
	.footer-news-item{width: 346px;}
	.footer-news-item .news-item-pic img{width: 346px;height: 255px;}
	.footer-news-item .news-item-pic{width: 346px;height: 255px;overflow: hidden;}
	#footer_news_line .owl-controls .owl-nav{width: 1300px;top: 250px;margin-left: -650px;}
}
/* ----------------------------------------------------
    17) end #footer_news_line 10-20 公共样式  底部新闻  
------------------------------------------------------- */

/* ----------------------------------------------------
    18) start #footer_contact_row  10-20 公共样式  底部联系我们
------------------------------------------------------- */
#footer_contact_row{background: url(../img/footer-contact.jpg) no-repeat top center;background-size: cover;/* background: #8b8b8b; */}
#footer_contact_row .index-title span.a{color: #f7fcfb;}
/* ---	19.1) footer css样式管理  footer-contact-bg 底部联系我们 左侧 --- */
.footer-contact-bg{opacity: .84;z-index: 0;background-image: -moz-linear-gradient(60deg,#010101 0%,#1d1d1e 100%);background-image: -ms-linear-gradient(60deg,#010101 0%,#1d1d1e 100%);background-image: -webkit-linear-gradient(60deg,#010101 0%,#1d1d1e 100%);background-image: linear-gradient(90deg,#010101 0%,#1d1d1e 100%);}
.footer-contact-tit span{color: #ffffff;font-size: 24px;letter-spacing: 2px;}
.footer-contact-tit span:hover{margin-left: 15px;color: #2b7bff;}
.footer-contact ul {font-size: 1rem;list-style: none;padding: 1rem 0.5rem}
.footer-contact ul li{line-height: 36px;color: #fff;padding-left: 36px;}
.footer-contact ul li:hover{margin-left: 15px;color: #2b7bff;}
.footer-contact ul li a:hover{color: #2b7bff;}
.footer-contact ul li a{color: #fff;}
.footer-contact ul li .s-tit{letter-spacing: 4px;}
.footer-contact .s-tit24{letter-spacing: 1px;line-height: 32px;vertical-align: middle;}
.footer-contact .s-tit24-p{font-size: 24px;letter-spacing: 2px;line-height: 32px;vertical-align: middle;}
.footer-contact .foot-contact li:before{background-image: url(../img/icons.png);content: "";position: absolute;left: 0;top: 2px;width: 30px;height: 30px;display: block;background-repeat: no-repeat;}
.footer-contact .foot-contact li.foot-addr:before {background-position: -4px -1px;}
.footer-contact .foot-contact li.foot-phone:before {background-position: -40px -1px;}
.footer-contact .foot-contact li.foot-email:before {background-position: -146px 0px;}
.footer-contact .foot-contact li.foot-fax:before {background-position: -75px 0px;}
.footer-contact .foot-contact li.foot-sky:before {background-position: -111px 1px;}
/* ---	19.2) footer css样式管理  footer-contact-bg 底部联系我们 右侧表单 --- */
.footer-from .foot-comment-form h4{font-size: 22px;margin-bottom: 0;}
.footer-from .foot-comment-form > span{display: inline-block;margin-bottom: 20px;}
.footer-from .foot-post-input input,.footer-from .foot-post-input textarea{font-size: 15px;width: 100%;height: 42px;line-height: 42px;padding: 0 16px;border: 1px solid #f5f5f5;background: #fff;margin-bottom: 12px;}
.footer-from .foot-post-input input::placeholder,.footer-from .foot-post-input textarea::placeholder{font-weight: 500;color: #686777;}
.footer-from .foot-post-input input:focus,.footer-from .foot-post-input textarea:focus{border-color: #2050a0;outline: none;background: #ffffff;}
.footer-from .foot-post-input input:focus::placeholder,.footer-from .foot-post-input textarea:focus::placeholder{opacity: 0;}
.footer-from .foot-post-input textarea{height: 96px;line-height: 32px;resize: none;padding: 10px 16px;margin-bottom: 12px;}
.footer-from .heku-btn:focus, .heku-btn:focus{outline: none;}
.footer-from .heku-btn{border: 1px solid #ffffff;background: rgba(35,91,184,0.6);color: #ffffff;letter-spacing: 8px;min-width: 130px;}
.footer-from .heku-btn:hover{border: 1px solid #fff;background: #ffffff;color: #235bb8;font-weight: bold;}
#canvas{background: #ccc;margin-right: 1%;display: inline-block;border: 1.5px solid #fff;cursor: pointer;}
.canvasreset{line-height: 40px;display: inline-block;position: absolute;padding-left: 8px;color: #b8b7b2;}
.needs-validation .invalid-feedback{margin-top: -6px;padding-left: 10px;margin-bottom: 4px;}
.input-val{width:50%;background: #ffffff;height: 2.8rem;border: none;padding:0 0 0 12px;border: 1px solid rgba(0, 0, 0, .2);}
/* ---	19.3) footer css样式管理  footer-foot-bg 底部版权 --- */
.footer-foot-bg{opacity: .94;z-index: 0;background-image: -moz-linear-gradient(0deg,#010b1c 0%,#232526 100%);background-image: -ms-linear-gradient(0deg,#010b1c 0%,#232526 100%);background-image: -webkit-linear-gradient(90deg,#010b1c 0%,#232526 100%);background-image: linear-gradient(0deg,#010b1c 0%,#232526 100%);}
.footer-one{border-top: 1px solid #102445;}
.footer-one .foot-link-nav{display: block;text-align: center;padding-top: 15px;color: #fff;}
.footer-one .foot-link-nav a{color: #fbff00;line-height: 45px;text-align: center;display: inline-block;margin-right: 15px;margin-left: 15px;font-size: 18px;vertical-align: middle;}
.footer-two{padding-bottom: 10px;}
.footer-two .foot-copyright-text,.footer-two .foot-copyright-text a{color: #f8f8f8;line-height: 45px;text-align: center;}
.footer-two .foot-copyright-text a{margin-right: 8px;margin-left: 8px;}
/* --- 2) 小于768px尺寸   ---md --- */
@media only screen and (max-width: 768px){
	.footer-one .foot-link-nav{padding-top: 6px;}
	.footer-one .foot-link-nav a,.footer-two .foot-copyright-text, .footer-two .foot-copyright-text a{font-size: 14px;line-height: 30px;}
}
/* --- 3) 大于992px尺寸  ---lg--- */
@media(min-width:992px){
	.footer-one .foot-link-nav{padding-top: 10px;}
	.footer-one .foot-link-nav a,.footer-two .foot-copyright-text, .footer-two .foot-copyright-text a{font-size: 16px;line-height: 36px;}
}
/* --- 4) 大于1200尺寸时候使用  ---xl--- */
@media(min-width:1200px){
	.footer-one .foot-link-nav{padding-top: 15px;}
	.footer-one .foot-link-nav a,.footer-two .foot-copyright-text, .footer-two .foot-copyright-text a{font-size: 18px;line-height: 45px;}
}
/* ----------------------------------------------------
    18) end #footer_contact_row  10-20 公共样式 底部联系我们 
------------------------------------------------------- */

/* ----------------------------------------------------
	21) start #single_bar_line 10-20 公共样式 首页标题 样式
------------------------------------------------------- */
.index-title {text-align: center;}
.index-title span{display:block;padding: 0px 0;}
.index-title span.a{font-size: 24px;font-weight: 600;letter-spacing: 4px;}
.index-title span.a::after{height: 3px;content: " ";background: #235bb8;position: absolute;width: 0%;margin-left: -28%}
.index-title span.b{line-height: 18px;font-size: 16px;padding: 0px;display: none;}
.index-title span.c{height: 3px;background: #235bb8;position: relative;width: 30px;padding: 0px;display: inline-block;margin: 8px;}
.index-title span.a{color:#374353;}
.index-title span.b{color:#638cd0;}
.index-title .b span{display: inline-block;font-weight: bold;padding: 0 5px;color: #235bb8;}
.index-title:hover span.c{width: 60px;}
/* ----------------------------------------------------
	21) start #index-title 10-20 公共样式 首页标题 样式
------------------------------------------------------- */

/* ----------------------------------------------------
	22) #index_product_line  20-30 首页css样式  首页 产品展示
------------------------------------------------------- */
#index_product_line{display: block;}
#index_product_carousel .carousel-control-next, #index_product_carousel .carousel-control-prev{top: 90%;width: 15%;}
#index_product_carousel .carousel-control-prev-icon{background: url(../img/prev.png) no-repeat top center;background-size: cover;background-size: 60px;width: 60px;height: 60px;}
#index_product_carousel .carousel-control-next-icon{background: url(../img/next.png) no-repeat top center;background-size: cover;background-size: 60px;;width: 60px;height: 60px;}
.index-top-item .product-index-text .dd-model{font-size: 24px;line-height: 48px;color: #235bb8;/* font-weight: bold; */letter-spacing: 1px;}
.index-top-item .product-index-text .dd-tit{font-size: 36px;/* font-weight: bold; */letter-spacing: 2px;line-height: 60px;color: #122255;}
.index-top-item .product-index-text .dd-des li{line-height: 30px;padding-left: 10px;font-size: 18px;}
.index-top-item .product-index-text .dd-des p{line-height: 36px;}
.nav-product-item{margin: 10px 5px;padding: 10px 15px;}
.nav-product-item .nav-product-title{text-align: center;line-height: 60px}
.nav-product-item .nav-product-title span{display: inline-block;vertical-align: middle;font-size: 16px;line-height: 24px;}
.nav-product-item:hover{color: #235bb8;box-shadow: 0px 0px 3px 1px #235bb8;}
.index-top-item .product-index-text .heku-btn{background: none;}
.index-top-item .product-index-text .heku-btn:hover{background:rgb(35 91 184)}
.index-top-item .product-index-text .dd-des li:hover,.index-top-item .product-index-text .dd-model:hover{margin-left: 15px;color: #2b7bff;}
.index-top-item .product-index-text .dd-tit:hover{color: #235bb8;}
.index-top-item .product-index-img:hover img {
    -moz-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

/* --- 1) 小于780尺寸   ---sm--- */
@media only screen and (max-width: 768px){
	.index-top-item .product-index-text .dd-tit{font-size: 36px;letter-spacing: 2px;line-height: 60px;}
	.index-top-item .product-index-text .dd-model{font-size: 24px;line-height: 48px;}
	.index-top-item .product-index-text .dd-des li{line-height: 30px;padding-left: 10px;font-size: 18px;}
	.index-top-item .product-index-img{padding: 10px 50px 0 50px;}
	.nav-product-item .nav-product-title span{display: none;}
	.nav-product-item{margin: 8px 5px;padding: 6px 6px;}
	
}
/* --- 0) 手机  ---mobile --- */
@media (max-width: 576px){
	.index-top-item .product-index-text .heku-btn{line-height: 32px;padding: 0 14px;}
	.index-top-item .product-index-text .dd-tit{font-size: 22px;letter-spacing: 2px;line-height: 50px;}
	.index-top-item .product-index-text .dd-model{font-size: 16px;line-height: 28px;}
	.index-top-item .product-index-text .dd-des li{line-height: 24px;padding-left: 10px;font-size: 14px;}
	#index_product_carousel .carousel-control-next-icon,#index_product_carousel .carousel-control-prev-icon{display: none;}
}
/* --- 2) 大于768px尺寸   ---md --- */
@media(min-width:768px){
	.index-top-item .product-index-text .heku-btn{line-height: 32px;padding: 0 14px;}
	.index-top-item .product-index-text .dd-tit{font-size: 24px;letter-spacing: 2px;line-height: 50px;}
	.index-top-item .product-index-text .dd-model{font-size: 18px;line-height: 30px;}
	.index-top-item .product-index-text .dd-des li{line-height: 24px;padding-left: 10px;font-size: 14px;}
}
/* --- 3) 大于992px尺寸  ---lg--- */
@media(min-width:992px){
	.index-top-item .product-index-text .heku-btn{line-height: 40px;padding: 0 20px;}
	.index-top-item .product-index-text .dd-tit{font-size: 28px;letter-spacing: 2px;line-height: 50px;}
	.index-top-item .product-index-text .dd-model{font-size: 20px;line-height: 36px;}
	.index-top-item .product-index-text .dd-des li{line-height: 24px;padding-left: 10px;font-size: 16px;}
}
/* --- 4) 大于1200尺寸时候使用  ---xl--- */
@media(min-width:1200px){
	.index-top-item .product-index-text .dd-tit{font-size: 36px;letter-spacing: 2px;line-height: 60px;}
	.index-top-item .product-index-text .dd-model{font-size: 24px;line-height: 48px;}
	.index-top-item .product-index-text .dd-des li{line-height: 30px;padding-left: 10px;font-size: 18px;}
}


/* ----------------------------------------------------
	22) #index_product_line  20-30 首页css样式  首页 产品展示
------------------------------------------------------- */

/* ----------------------------------------------------
    23) start #about_index_line  20-30 首页css样式  首页解决方案
------------------------------------------------------- */
/* #index_project_line{ background: #d6e5ff; } */
#index_project_line .index-title span.a{letter-spacing: 1px;}
#index_project_line .index-title span.c{width: 40px;}
#index_project_line .index-title:hover span.c{width: 100px;}
.index-project-item{box-shadow:0px 1px 2px 0px rgba(10, 0, 58, 0.14);-webkit-box-shadow: 0px 1px 2px 0px rgba(10, 0, 58, 0.14);margin: 11px 0px;}
.project-item-img img{width: 100%;}
.project-item-img{overflow: hidden;}
.project-item-box .project-item-title{font-size: 24px;font-weight: bold;letter-spacing: 2px;line-height: 30px;padding: 15px 0;}
.project-item-box{background: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),color-stop(60%, rgba(0,0,0,0.75)));background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 60%);width: calc(100% - 30px);height: auto;position: absolute;-webkit-transition: all 0.5s;transition: all 0.5s;z-index: 4;bottom: 11px;}
.project-item-box .project-item-text{height: auto;position: relative;color: #fff;text-align: left;-webkit-transition: all 0.5s;transition: all 0.5s;z-index: 4;bottom: -25px;padding: 15px 15px 15px 25px;font-size: 14px;}
.project-item-box .read-more{opacity: 0;-webkit-transition: all 0.5s;transition: all 0.5s;font-size: 16px;color: #f5f5f3;vertical-align: middle;}
.project-item-box .read-more .read-more-span{line-height: 20px;vertical-align: middle;}
.project-item-box .read-more i{padding-left: 8px;font-size: 24px;line-height: 20px;-webkit-transition: all 0.2s;transition: all 0.2s;color: #2476ff;vertical-align: middle;}
.project-item-box .read-more:hover i{padding-left: 15px;font-weight: bold;}
.index-project-item:hover .project-item-img img{-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.index-project-item:hover .project-item-box .read-more{visibility: visible;opacity: 1;}
.index-project-item:hover .project-item-text{bottom: 8px;}
.index-project-item:hover .project-item-box{background: -webkit-gradient(linear,left top, left bottom,from(rgba(0,0,0,0)),color-stop(90%, rgba(0,0,0,0.9)));background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 90%);}
.index-project-item:hover{box-shadow: 0px 0px 10px 2px #235bb8;}
/* --- #project_line 案例分类页 顶部和按钮自定义 ----*/
#project_line .heku-btn.heku-btn-transparent{border: 1px solid #235bb8;}
#project_line .heku-btn.heku-btn-transparent.active{border: 1px solid #265db9;background: #265db9;color: #ffffff;font-weight: initial;}
/* ----------------------------------------------------
    23) end #about_index_line  20-30 首页css样式  首页解决方案
------------------------------------------------------- */

/* ----------------------------------------------------
    24) start #about_index_line  20-30 首页css样式  首页关于我们部分
------------------------------------------------------- */
#about_index_line{background: url(../img/about-index4.jpg) no-repeat top center;background-size: cover;background-position: 0px -80px;}
#about_index_line .about-baack-bg{/*opacity: .8;z-index: 0;background-image: -moz-linear-gradient(60deg,#010101 0%,#1d1d1e 100%);background-image: -ms-linear-gradient(60deg,#010101 0%,#1d1d1e 100%);background-image: -webkit-linear-gradient(60deg,#010101 0%,#1d1d1e 100%);background-image: linear-gradient(90deg,#010101 0%,#1d1d1e 100%);*/}
#about_index_line .index-title span.a{ color:#fff;}
.about-index-box:hover img{-moz-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);transform: scale(1.1,1.1);}
.about-index-figimg{width: 100%;border: 6px solid #fff;box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);}
.about-index-figcaption{color: #fff;}
.about-index-figcaption .about-tit{text-indent: 2em;padding: 2px;}
.about-index-figcaption .about-des{text-indent: 2em;padding: 2px;}
/* --- 1) 小于780尺寸时候使用 手机  mobile --- */
@media(max-width: 768px) {
    .about-index-box{display: none;}
    #about_index_line{background-position-x: center;background-position-y: 0px;}
	.project-item-box .project-item-title{font-size: 16px;line-height: 20px;padding: 0px 0;}
	
}
/* --- 2) 大于768px尺寸  min --- */
@media(min-width:768px) {
	.about-index-box{display: none;}
    #about_index_line{background-position-x: center;background-position-y: 0px;}
	.project-item-box .project-item-title{font-size: 16px;line-height: 20px;padding: 5px 0;}
}
/* --- 3) 大于992px尺寸  mid --- */
@media(min-width:992px) {
    .about-index-box{display: block;}
	.project-item-box .project-item-title{font-size: 18px;line-height: 20px;padding: 10px 0;}
}
/* --- 4) 大于1200尺寸时候使用  max --- */
@media(min-width:1200px) {
	.project-item-box .project-item-title{font-size: 24px;line-height: 30px;padding: 15px 0;}
}
/* ----------------------------------------------------
    24) end #about_index_line  20-30 首页css样式  首页关于我们部分
------------------------------------------------------- */
/* ----------------------------------------------------
	30-40) start #archive  60-79分类  分类页样式 
------------------------------------------------------- */
.news-item{border-bottom: 1px solid #C8C8C8;}
.news-item .news-time{right: 10px;position: absolute;}
.news-item .news-tit a{font-size: 24px;color: #000000;line-height: 60px;height: 76px;overflow: hidden;font-weight: 600;letter-spacing: 1px;}
.news-item .news-tit a span{display: inline-block;vertical-align: middle;line-height: 38px;}
.news-item .news-summary span{color: #898b8e;}
.news-item .news-time-d{font-size: 50px;line-height: 50px;font-weight: bolder;}
.news-item:hover .news-tit a span{color: #235bb8;}
.news-item:hover .heku-btn{color: #ffffff;font-weight: bold;border: 1px solid #ffffff;background: rgb(35 91 184);}
.news-item:hover .news-time{color: #235bb8;}
.news-item .news-comt{padding-left: 40px;}
.news-item:hover{background: #ddd}

/* --- 1) 小于780尺寸   --- sm --- */
@media only screen and (max-width: 768px){
	.news-item .news-tit a{font-size: 18px;height: 64px;}
	.news-item .news-tit a span{line-height: 24px;color: #235bb8;}
	.news-item .news-summary span{font-size: 14px;}
	.news-item .news-comt{padding-left: 0px;}
}
/* --- 0) 手机  --- mobile --- */
@media (max-width: 576px){
	.news-item .news-tit a{font-size: 18px;height: 48px;}
	.news-item .news-tit a span{line-height: 24px;color: #235bb8;}
	.news-item .news-summary span{font-size: 14px;}
	.news-item .news-comt{padding-left: 0px;}
}
/* --- 2) 大于768px尺寸   --- md --- */
@media(min-width:768px){
	.news-item .news-tit a{font-size: 18px;height: 64px;}
	.news-item .news-tit a span{line-height: 32px;}
	.news-item .news-comt{padding-left: 30px;}
}
/* --- 3) 大于992px尺寸  --- lg --- */
@media(min-width:992px){
	.news-item .news-tit a{font-size: 20px;height: 64px;}
	.news-item .news-tit a span{line-height: 32px;}
	.news-item .news-comt{padding-left: 30px;}
}
/* --- 4) 大于1200尺寸时候使用  --- xl --- */
@media(min-width:1200px){
	.news-item .news-tit a{font-size: 24px;height: 76px;}
	.news-item .news-tit a span{line-height: 38px;}
	.news-item .news-comt{padding-left: 40px;}
}
/* ----------------------------------------------------
	30-40) end #archive  60-79分类  分类页样式 
------------------------------------------------------- */


/* ----------------------------------------------------
    33) start page-bar 10-20 公共样式 分页css 
------------------------------------------------------- */
.page-bar .pages{display:block;padding:10px;margin:20px 0 30px 0;text-align:center;}
.page-bar .pages a,.pages span{display:inline-block;border:1px solid #CFCFCF;padding:1px 8px;margin:0 0 0 8px;vertical-align:middle;background:#fff;}
.page-bar .pages span,.pages span a{text-transform:uppercase;}
.page-bar .pages span {margin:0 10px;}
.page-bar .pages .page-prev{margin:0 10px 0 10px;}
.page-bar .pages .page-next{margin:0 0 0 15px;}
.page-bar .pages a.current,.pages a:hover{border:1px solid rgba(35, 91, 184, 0.85);background:rgba(35, 91, 184, 0.85);color:#FFF;}
.page-bar .pages a:hover {text-decoration:none;}
/* ----------------------------------------------------
    33) start page-bar 10-20 公共样式 分页css 
------------------------------------------------------- */

/* ----------------------------------------------------
	40-49) start #single single 40-49单页 详情页样式 
------------------------------------------------------- */
.single-news-nav{background-color: #ffffff;display: block;margin-top: 20px;position: relative;border-radius: 5px;padding: 10px 20px;}
/* ----------------------------------------------------
	41) single-info  single 40-49单页 详情页样式 
------------------------------------------------------- */
.single-info{line-height: 30px;}
.single-info p{margin:0;padding:5px 0;text-align: justify;}
.single-info .aligncenter{text-align:center;display:block;margin: 5px auto;}
/* --------------------- single-info table ------------------*/
.single-info table{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px;}
.single-info th, .single-info td{height:30px;border:1px solid #ccc;text-align:left;line-height:1.5;color:#666;background:#fbfbfb;padding:0 15px;}
.single-info th{background:#eee;}
.single-info td p, .single-info th p,.single-info td p,.single-info th p{margin:0;padding:5px 0px 5px 0px;color:#666;}
.single-info li{padding:2px 10px;}
.product-features-info li{padding: 4px 10px;border-bottom: 1px dashed #efefef;align-items: center;list-style: inside;}
/* --------------------- single-info img ------------------*/
.single-info img{max-width:100%;height: inherit;}
.single-info img.alignleft{float:left;margin:20px 15px 0 0;}
.single-info img.alignright{float:right;margin:20px 0 0 15px;}
.single-info img.alignleftnopad{float:left;margin-left:0;}
.single-info img.alignrightnopad{float:right;margin-right:0;}
.single-info img.aligncenter{text-align:center;display:block;margin: 0 auto;}
.single-info img.size-full{width: 100%;height: auto;}
/* --- 1) 小于780尺寸   --- sm --- */
@media(max-width: 768px) {
	.single-info .heku-video299 .wp-video{margin: 0px -118px;width: inherit !important;}
	.single-info .heku-video299 video{height: 265px;width: 420px;}
	.single-info .heku-product-video .wp-video{margin: 16px 16px;width: inherit !important;}
	.single-info .heku-product-video video{height: auto;width: 100%;}
}
/* --- 0) 手机  --- mobile --- */
@media (max-width: 576px){
	.single-info .heku-video299 .wp-video{margin: 0px -50px;max-width: 340px;width: inherit !important;}
	.single-info .heku-video299 video{height: 265px;width: 360px;}
	.single-info table{max-width: 300px;font-size: 14px;}
	.single-info .heku-product-video .wp-video{margin: 16px 16px;width: inherit !important;}
	.single-info .heku-product-video video{height: auto;width: 100%;}
}
/* --- 2) 大于768px尺寸   --- md --- */
@media(min-width:768px) {
	.single-info .heku-video299 .wp-video{margin: 0px -20px;width: inherit !important;}
	.single-info .heku-video299  video{height: 350px;width: 560px;}
	.single-info .heku-product-video .wp-video{margin: 16px 16px;width: inherit !important;}
	.single-info .heku-product-video video{height: auto; width: 660px;}
}
/* --- 3) 大于992px尺寸  --- lg --- */
@media(min-width:992px) {
	.single-info .heku-video299 .heku-video{margin: 0px 20px; width: inherit !important;}
	.single-info .heku-video299 video{height: 490px;width: 780px;}
	.single-info .heku-product-video .wp-video{margin: 16px 16px;width: inherit !important;}
	.single-info .heku-product-video video{    height: auto; width: 900px;}
}
/* --- 4) 大于1200尺寸  --- xl --- */
@media(min-width:1200px) {
	.single-info .heku-video299 .wp-video{margin: 0px; width: inherit !important;}
	.single-info .heku-video299  video{height: 626px;outline: none;width: 1000px;}
	.single-info .heku-product-video .wp-video{margin: 16px 16px;width: inherit !important;}
	.single-info .heku-product-video video{height: auto; width: 1080px;}
}
/* ----------------------------------------------------
	41) single-info  single 40-49单页 详情页样式 
------------------------------------------------------- */
/* ----------------------------------------------------
	40.1) single-news-line  的 CSS
------------------------------------------------------- */
.single-title-tags{padding: 8px 0 8px;}
.news-tags{padding: 8px 0;display: flex;flex-wrap: wrap;}
.single-title-tags .news-tag{padding: 4px 10px;border-radius: 5px;color: #555;font-size: 12px;margin: 2px 5px 2px 0;}
.single-title-tags .news-tag-bg{border: 1px solid #e6e6e6;background: #f3fdfa;}
.single-title-tags .news-tag-nobg{padding: 3px 8px;color: #555;font-size: 14px;font-weight: 500;margin: 3px 0 3px 0;}
.single-title-tags .news-tag i{padding-right: 6px;}
.single-title-tag {border-top: 1px solid #C8C8C8;padding: 20px 0 8px;margin-top: 8px;}
.tag-li i{padding-right: 6px;}
.readmore-span{padding: 8px 12px;border: 1px solid #e6e6e6;border-radius: 5px;color: #555;font-size: 14px;font-weight: 500;margin: 3px 8px 3px 0;background: #f3fdfa;}
.tag-li{padding: 4px 8px;border-radius: 5px;color: #555;font-weight: 500;margin: 3px 4px 3px 0;background: #f3fdfa;}
.entry-navigation {background-color: #ffffff;display: block;margin-top: 30px;position: relative;border-radius: 5px;padding: 20px;}
@media (max-width: 991px) {    .entry-navigation {        margin-bottom: 30px;    }
}
.article-nav {overflow: hidden;font-size: 14px;color: #bbb;}
.article-nav a {color: #513177;margin-left: 10px;}
.article-nav a:hover {color: #45B6F7;}
/* ----------------------------------------------------
    40.2) start #single_project_line  的 CSS
------------------------------------------------------- */
.single-news-nav{background-color: #ffffff;display: block;margin-top: 20px;position: relative;border-radius: 5px;padding: 10px 20px;}
.single-news-nav span i{transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);color: #275eb9;}
.page-title-h1{font-size: 24px;padding: 10px 0px;color: #000000;letter-spacing: 2px;border-bottom: 1px solid #C8C8C8;}
.single-title-tag {border-top: 1px solid #C8C8C8;padding: 20px 0 8px;margin-top: 8px;}
.tag-li i{padding-right: 6px;}
.readmore-span{padding: 8px 12px;border: 1px solid #e6e6e6;border-radius: 5px;color: #555;font-size: 14px;font-weight: 500;margin: 3px 8px 3px 0;background: #f3fdfa;}
.tag-li{padding: 4px 8px;border-radius: 5px;color: #555;font-weight: 500;margin: 3px 4px 3px 0;background: #f3fdfa;}
.article-nav{overflow: hidden;font-size: 14px;color: #bbb;}
.article-nav a{color: #513177;margin-left: 10px;}
.article-nav a:hover {color: #45B6F7;}
/* --- 1) 小于780尺寸   --- sm --- */
@media(max-width: 768px) {
	.page-title-h1{font-size: 16px;padding: 10px 10px;}
}

/* ----------------------------------------------------
	40-49) start #single single 40-49单页 详情页样式 
------------------------------------------------------- */
.service-item{border-bottom: 1px solid #ddd;padding: 8px 10px;margin-left: 20px;margin-right: 20px;}
.service-item-title{padding-left: 12px;}


/* ----------------------------------------------------
	50.1) stact #page_contact_line 页面 css样式管理  联系我们页面css
------------------------------------------------------- */
#page-company-line .page-title-h1{border-bottom:none}
.contact-info .contact-title{font-size: 28px;}
.contact-info .contact-info-tit{font-size: 18px;font-weight: bold;}
.contact-info .contact-info-box li{list-style: none;padding: 0 0 8px 30px;line-height: 25px;font-size: 16px;color: #444;position: relative;}
.contact-info .heku-icons li:before{content: "";position: absolute;left: 0;top: 2px;width: 30px;height: 30px;display: block;background-image: url(../img/icons.png);background-repeat: no-repeat;}
.contact-info .heku-icons li.contact-addr:before {background-position: -4px -5px;}
.contact-info .heku-icons li.contact-fufu:before {background-position: -40px -5px;}
.contact-info .heku-icons li.contact-email:before {background-position: -146px -5px;}
.contact-info .heku-icons li.contact-fax:before {background-position: -75px -5px;}
.contact-info .heku-icons li.contact-phone:before {background-position: -111px -5px;}
.contact-info .contact-info-left li:hover{margin-left: 30px;color: #2b7bff;}
.contact-info-right .info-zaixian .info-zaixian-bg{background-color: #5882ed;background-repeat: no-repeat;background-image: url(../img/top.png);background-position: right;background-size: cover;height: 64px;position: relative;}
.contact-info-right .info-zaixian .info-zaixian-span{position: absolute;right: 20px;top: 14px;border: 1px solid #FFF;background: transparent;color: #FFF;font-size: 16px;padding: 6px 16px;}
.contact-info-right .info-zaixian .info-zaixian-img img{padding: 8px;height: 64px;}
.post-comment-form .heku-btn{color: #235bb8;letter-spacing: 8px;min-width: 130px;}
.post-comment-form .heku-btn:hover{color: #fff;}
.post-comment-form .needs-validation .invalid-feedback{margin-top: -16px;padding-left: 10px;margin-bottom: 10px;}
.post-comment-form .input-val{width:50%;background: #ffffff;height: 2.8rem;border: none;padding:0 0 0 12px;border: 1px solid rgba(0, 0, 0, .2);}
.post-comment-form .foot-post-input input, .foot-post-input textarea{font-size: 14px;width: 100%;height: 45px;line-height: 46px;padding: 0 20px;border: 1px solid #f5f5f5;background: #e8e8e8;margin-bottom: 20px;}
.post-comment-form .foot-post-input input::placeholder, .foot-post-input textarea::placeholder{font-weight: 500;color: #686777;}
.post-comment-form .foot-post-input input:focus, .foot-post-input textarea:focus{border-color: #235bb8;outline: none;background: #ffffff;}
.post-comment-form .foot-post-input input:focus::placeholder, .foot-post-input textarea:focus::placeholder{opacity: 0;}
.post-comment-form .foot-post-input textarea{height: 180px;line-height: 32px;resize: none;padding: 10px 20px;}
.post-comment-form .post-check input{margin-right: 5px;}
.post-comment-form h4{font-size: 22px;margin-bottom: 0;}
.post-comment-form > span{display: inline-block;margin-bottom: 20px;}
.screen-reader-response{display: none;}
.wpcf7-not-valid-tip{color: #f93f3f;position: relative;top: -6px;margin-left: 15px;font-size: 14px;}
.val-heku-invalid{color: #f93f3f;position: relative;top: -6px;margin-left: 15px;font-size: 14px;}
.wpcf7-response-output{margin: 10px 15px;}
.wpcf7-mail-sent-ok{color: #00f508;}
.wpcf7-validation-errors{color: #f93f3f;}
/* ----------------------------------------------------
	50.1) end #page_contact_line 页面 css样式管理  联系我们页面css
------------------------------------------------------- */
/* ----------------------------------------------------
	60) start #certificate  css样式管理  资质证书页面css
------------------------------------------------------- */
.certificate-menu li:nth-child(5){border-right: 0px solid #777676;}
.certificate-menu li:last-child{border-right: 0px solid #777676;}
.certificate-title-h1{font-size: 24px;font-weight: bold;padding: 5px 0px;color: #235bb8;}
.certificate-menu li.current-menu-item a,.certificate-menu li:hover a{color: #235bb8;font-weight: bold;}
.certificate-title{line-height: 36px;border: 1px solid #fff;background: #235bb8;color: #ffffff;padding: 0px 20px 0px 20px;display: inline-block;}
.certificate-menu{text-align: center;}
.certificate-menu li{line-height: 32px;text-align: center;transition: .5s;position: relative;display: inline-block;border-right: 1px solid #777676;margin: 10px 0;}
.certificate-menu li::after{height: 2px;content: " ";background: #235bb8;position: absolute;width: 0%;margin-left: -20%;margin-top: 10px;}
.certificate-menu li:hover::after{width: 45%;margin-left: -20%;}
.certificate-menu li a{text-transform: capitalize;display: block;letter-spacing: 1px;padding: 0px 28px 0;height: 24px;line-height: 24px;color: #353535;font-size: 16px;background-position: center 18px;background-repeat: no-repeat;}
.cert-line li{list-style: none;}
/* --- 1) 小于780尺寸   --- sm --- */
@media only screen and (max-width: 768px){
	.certificate-menu li:nth-child(3){border-right: 0px solid #777676;}
	.certificate-menu li:nth-child(6){border-right: 0px solid #777676;}
	.certificate-menu li:nth-child(5){border-right: 1px solid #777676;}
	.certificate-menu li a{padding: 0px 10px 0;}
}
/* --- 0) 手机  --- mobile --- */
@media (max-width: 576px){
	.certificate-menu li:nth-child(2){border-right: 0px solid #777676;}
	.certificate-menu li:nth-child(3){border-right: 1px solid #777676;}
	.certificate-menu li:nth-child(4){border-right: 0px solid #777676;}
	.certificate-menu li:nth-child(6){border-right: 0px solid #777676;}
	.certificate-menu li:nth-child(9){border-right: 0px solid #777676;}
	.certificate-menu li a{padding: 0px 10px 0;}
}
/* --- 2) 大于768px尺寸   --- md --- */
@media(min-width:768px){
	.certificate-menu li:nth-child(4){border-right: 0px solid #777676;}
	.certificate-menu li:nth-child(9){border-right: 0px solid #777676;}
	.certificate-menu li:nth-child(5){border-right: 1px solid #777676;}
	.certificate-menu li a{padding: 0px 10px 0;}
}
/* --- 3) 大于992px尺寸  --- lg --- */
@media(min-width:992px){
	.certificate-menu li:nth-child(4){border-right: 1px solid #777676;}
	.certificate-menu li:nth-child(9){border-right: 1px solid #777676;}
	.certificate-menu li:nth-child(5){border-right: 0px solid #777676;}
	.certificate-menu li a{padding: 0px 18px 0;}
}
/* --- 4) 大于1200尺寸时候使用  --- xl --- */
@media(min-width:1200px){
	.certificate-menu li a{padding: 0px 28px 0;}
	.certificate-menu li:nth-child(5){border-right: 0px solid #777676;}
}
/* ----------------------------------------------------
	60) end #certificate  css样式管理  资质证书页面css
------------------------------------------------------- */

/* ----------------------------------------------------
	70) start #single_product_line css样式管理  产品单页样式
------------------------------------------------------- */
#single_product_line{display: block;}
.product-img-left{float: left;}
.product-summary-right{float: right;width: 530px;}
.product-summary-title{height: 42px;overflow: hidden;line-height: 42px;}
.product-summary-title span{display: inline-block;font-size: 25px;letter-spacing: 2px;font-weight: bold;}
.product-summary-model{font-size: 24px;line-height: 48px;color: #235bb8;}
.product-summary-detail{height: 266px;overflow: hidden;padding: 20px 0;}
.product-summary-detail	li{padding: 10px 0;border-bottom: 1px dashed #efefef;align-items: center;list-style: inside;}
#Carousel-Product-img .product-inner{width: 400px;height: 400px;position: relative;overflow: hidden;border: 1px solid #c5c5c5;}
#Carousel-Product-img .product-inner img{width: 400px;height: 400px;}
#Carousel-Product-img .carousel-control-next,#Carousel-Product-img .carousel-control-prev{top: initial;z-index: 100; display: none;}
#Carousel-Product-img .carousel-control-prev{left: 120px;}
#Carousel-Product-img .carousel-control-prev-icon{background: url(../img/prev.png) no-repeat top center;background-size: cover;background-size: 40px;width: 40px;height: 40px;}
#Carousel-Product-img .carousel-control-next-icon{background: url(../img/next.png) no-repeat top center;background-size: cover;background-size: 40px;width: 40px;height: 40px;}
#Carousel-Product-img .product-indicators li{text-indent: initial; text-indent:  inherit;width: 90px;height: 90px;position: relative;margin: 2px 5px 10px 5px;opacity: 0.35;border: 1px solid #c5c5c5;}
#Carousel-Product-img .product-indicators .active{opacity: 0.85;border: 1px solid #235bb8;}
#Carousel-Product-img .product-indicators li img{width: 90px;height: 90px;}
.product-summary-btn a{width: 180px;margin-right: 30px;text-align: center;letter-spacing: 5px;}
#Carousel-Product-img .product-indicators{position: relative;overflow: hidden;margin: 0px 10px 0px 10px;display: inline;float: left;}
.sing-nav-tit{background-color: #ffffff;display: block;position: relative;border-radius: 5px;padding: 10px 20px;font-size: 20px;padding: 8px;border-bottom: 1px solid #C8C8C8;}
.sing-nav-tit span i{transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);color: #275eb9;}

.single-info .single-info-download .download-tit{color: #2360ba;font-weight: bold;line-height: 36px;}
.single-info .single-info-download .download-lage{line-height: 36px;}
.single-info .single-info-download .download-btn{line-height: 36px;border: 0;}
.single-info .single-info-download .download-btn .fa{padding: 0 8px 0 0;}
.single-info .single-info-download .download_is_zc ,.single-info .single-info-download .download_is_zip {background: url(../img/download-zip.png) no-repeat 0px center;width: 36px;height: 36px;float: left;}
.single-info .single-info-download .download_is_apk {background: url(../img/download-apk.jpg) no-repeat 0px center;width: 36px;height: 36px;float: left;}
.single-info .single-info-download .download_is_pdf {background: url(../img/download-pdf.png) no-repeat 0px center;width: 36px;height: 36px;float: left;}

/* ----------------------------------------------------
	70) end .mod-pruduct-li  css样式管理  产品标志列表样式
------------------------------------------------------- */

/* ----------------------------------------------------
	70) start .mod-pruduct-li  css样式管理  产品标志列表样式
------------------------------------------------------- */
.mod-pruduct-li{display: block;}
.mod-pruduct-li .mod-product-img{overflow: hidden;}
.mod-pruduct-li:hover .mod-product-img img {-moz-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-webkit-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
.mod-pruduct-a{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;position: relative;background: #fff;box-shadow: 0 2px 4px 2px rgba(0,0,0,.1);display: block;-webkit-transition: .2s;-moz-transition: .2s;-ms-transition: .2s;-o-transition: .2s;transition: 0.2s;}
.mod-pruduct-li .mod-product-model{text-align: center;font-size: 16px;color: #235bb8;line-height: 36px;padding: 2px 3px;overflow: hidden;height: 40px;}
.mod-product-title{text-align: center;font-size: 18px;font-weight: bold;color: #000000;line-height: 32px;padding-bottom: 20px;overflow: hidden;height: 46px;letter-spacing: 1px;}
.mod-pruduct-li .pd-shadow-low{position: absolute;bottom: -30px;display: block;width: 100%;background-color: rgba(35, 91, 184, 0.85);opacity: 0; -moz-opacity: 0;filter: alpha(opacity=0);text-align: center;font-size: 16px;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.mod-pruduct-li .pd-shadow-low .prodct-sh-title {margin: 10px 10px 4px 14px;overflow: hidden;padding-bottom: 6px;color: #fff;border-bottom: 2px solid rgba(241, 241, 241, 0.45);}
.mod-pruduct-li .pd-shadow-low .prodct-sh-title span {display: inline-block;vertical-align: middle;line-height: 25px;font-size: 16px;}
.mod-pruduct-li .pd-shadow-low .prodct-sh-detail {color: #FFF;text-align: left;padding: 0px 12px 10px 12px;font-size: 12px;}
.mod-pruduct-li .pd-shadow-low .prodct-sh-detail li {line-height: 20px;padding: 4px 10px 4px 0px;font-size: 14px;list-style: inherit;margin-left: 20px;}
.mod-pruduct-li:hover .pd-shadow-low{bottom: 0px;opacity: 1;-moz-opacity: 100;filter: alpha(opacity=100);}
/* ----------------------------------------------------
	70) end .mod-pruduct-li  css样式管理  产品标志列表样式
------------------------------------------------------- */

/* ----------------------------------------------------
	71) start .product-top-menu  css样式管理  产品分类top title
------------------------------------------------------- */
	.product-top-menu-title{display:inline-table;width:100px;line-height: 55px;}
	.product-top-menu{-webkit-animation-fill-mode:initial;animation-fill-mode: initial;display: inline-table;width: calc(100% - 100px);}
	.product-top-menu .top-menu-li .sub-menu{display: none;display: none;position: absolute;margin:0px -14px;padding: 0px 0px;text-align: left;list-style-type: none;background-color: #fff;outline: none;z-index: 99999;background: rgba(255, 255, 255, 0.85);box-shadow: 0 3px 4px -4px rgb(0 0 0 / 53%), 0 2px 11px 0 rgb(0 0 0 / 60%), 0 1px 6px 2px rgb(0 0 0 / 26%);}
	.product-top-menu .top-menu-li .sub-menu .sub-menu li{background: #265db9;color: #ffffff;font-weight: initial;letter-spacing: 2px;line-height: 32px;background: none;color: #26230e;padding: 1px 15px 1px 15px;}
	.product-top-menu .top-menu-li:hover .sub-menu{display: block;}
	.product-top-menu .top-menu-li{display: inline-block;box-sizing: border-box;margin-right: 16px;margin: 6px 8px;/* border-radius: 6px */;box-shadow: 0 2px 10px rgba(0,0,0,.1);text-align: center;font-size: 16px;color: rgba(0,0,0,.9);padding: 0px 12px;}
	.product-top-menu a span{display: inline-block;line-height: 50px;vertical-align: middle;padding: 0 10px;}
	.product-top-menu img{display: inline-block;vertical-align: middle;margin-right: 0px;/* transform: scale(0.9); */width: 50px;height: 50px;margin-left: -10px;}
	.product-top-menu .sub-menu img{margin-left: 2px;}
	.product-top-menu .top-menu-li:hover{background: #e0e7ff;}
	.product-top-menu a:hover span{color:#315EFB;font-weight:700}
	/* ----------------------------------------------------
	71) end .product-top-menu  css样式管理  产品分类top title
------------------------------------------------------- */
/* --- 1) 小于780尺寸   --- sm --- */
@media only screen and (max-width: 768px){
	#Carousel-Product-img .product-indicators li{width: 85px;height: 85px;}
	#Carousel-Product-img .product-indicators li img{width: 85px;height: 85px;}
	#Carousel-Product-img .product-inner,#Carousel-Product-img .product-inner img,#Carousel-Product-img .heku-video{width:380px;height: 380px;}
	.product-summary-right{width: 100%;padding: 18px;}
	.product-summary-detail{height:initial;padding: 10px 0;}
	.product-summary-title span{font-size: 25px;}
	.product-summary-model{font-size: 24px;line-height: 48px;}
	.product-summary-detail li{padding:10px 0;}
	.product-summary-btn a{width: 180px;margin-right: 30px;letter-spacing: 5px;line-height: 40px;}
}
/* --- 0) 手机  --- mobile --- */
@media (max-width: 576px){
	#Carousel-Product-img .product-indicators li{width: 55px;height: 55px;}
	#Carousel-Product-img .product-indicators li img{width: 55px;height: 55px;}
	#Carousel-Product-img .product-inner,#Carousel-Product-img .product-inner img,#Carousel-Product-img .heku-video{width:260px;height: 260px;}
	.product-summary-right{width: 100%;}
	.product-summary-detail{height:initial;padding: 6px 0 10px 0;}
	.product-summary-title span{font-size: 20px;}
	.product-summary-model{font-size: 18px;line-height: 32px;}
	.product-summary-detail li{padding:4px 0;}
	.product-summary-btn a{width: 120px;margin-right: 18px;letter-spacing: 2px;line-height: 36px;}
	#Carousel-Product-img .carousel-control-prev{left: 90px;}
	.mod-pruduct-li{padding-right: 5px;padding-left: 5px;}
	.mod-pruduct-li .mod-product-model{font-size: 14px;}
	.mod-pruduct-li .mod-product-title{font-size: 14px;}
	.mod-pruduct-li .pd-shadow-low .prodct-sh-detail li {line-height: 16px;padding: 1px 5px 1px 0px;font-size: 12px;list-style: inherit;margin-left: 15px;}

}
/* --- 2) 大于768px尺寸   --- md --- */
@media(min-width:768px){
	#Carousel-Product-img .product-indicators li{width: 60px;height: 60px;}
	#Carousel-Product-img .product-indicators li img{width: 60px;height: 60px;}
	#Carousel-Product-img .product-inner,#Carousel-Product-img .product-inner img,#Carousel-Product-img .heku-video{width:280px;height: 280px;}
	.product-summary-right{width: 290px;}
	.product-summary-detail{height: 180px;padding: 5px 0;}
	.product-summary-title span{font-size: 20px;}
	.product-summary-model{font-size: 18px;line-height: 32px;}
	.product-summary-detail li{padding:4px 0;}
	.product-summary-btn a{width: 120px;margin-right: 18px;letter-spacing: 2px;line-height: 36px;}
}
/* --- 3) 大于992px尺寸  --- lg --- */
@media(min-width:992px){
	#Carousel-Product-img .product-indicators li{width: 80px;height: 80px;}
	#Carousel-Product-img .product-indicators li img{width: 80px;height: 80px;}
	#Carousel-Product-img .product-inner,#Carousel-Product-img .product-inner img,#Carousel-Product-img .heku-video{width:360px;height: 360px;}
	.product-summary-right{width: 420px;}
	.product-summary-detail{height: 226px;padding: 10px 0;}
	.product-summary-title span{font-size: 25px;}
	.product-summary-model{font-size: 24px;line-height: 48px;}
	.product-summary-detail li{padding:8px 0;}
	.product-summary-btn a{width: 180px;margin-right: 30px;letter-spacing: 5px;line-height: 40px;}
}
/* --- 4) 大于1200尺寸时候使用  --- xl --- */
@media(min-width:1200px){
	#Carousel-Product-img .product-indicators li img{width: 90px;height: 90px;}
	#Carousel-Product-img .product-indicators li{width: 90px;height: 90px;}
	#Carousel-Product-img .product-inner,#Carousel-Product-img .product-inner img,#Carousel-Product-img .heku-video{width:400px;height: 400px;}
	.product-summary-right{width: 530px;}
	.product-summary-detail{height: 266px;padding: 20px 0;}
}
/* ----------------------------------------------------
	81) start toolbar  css样式管理 
------------------------------------------------------- */
.toolbar {position: fixed;top: 38.2%;right: 10px;z-index: 3000;width: 42px;color: #333;transition: .3s;}
/*假设网页宽度为1200px，导航条在右侧悬浮*/
.toolbar-item {display: block;width: 42px;height: 42px;margin: 10px 0px;position: relative;-moz-transition: background-position 0.3s;-ms-transition: background-position 0.3s;-o-moz-transition: background-position 0.3s;-webkit-moz-transition: background-position 0.3s;transition: background-position 0.3s;}
.toolbar-item-1,.toolbar-item-2,.toolbar-item-3{background-position: 0 0px;background-size: 100%;}
.toolbar-item-1:hover,.toolbar-item-2:hover,.toolbar-item-3:hover{background-position: 0 -42.5px;}
.toolbar-item-1{background: url(../img/toolbar-1.png) no-repeat;background-size: 100%;}
.toolbar-item-2{background: url(../img/toolbar-2.png) no-repeat;background-size: 100%;}
.toolbar-item-3{background: url(../img/toolbar-3.png) no-repeat;background-size: 100%;}
.toolbar-item-3 .toolbar-layer {height: 194px;background-position: 0 -150px;}
/*.toolbar-item-3 .toolbar-layer {height: 194px;background-position: 0 -222px;}*/
.toolbar-item-3 .toolbar-layer {background: url(../img/toolbar-layer-3-1.png) no-repeat;height: 185px;background-position: 0 0;}
/*.toolbar-item-3 .toolbar-layer {background: url(../img/toolbar-layer-3.png) no-repeat;height: 212px;background-position: 0 0;}*/
.toolbar-layer {position: absolute;right: 40px;bottom: -2px;width: 172px;opacity: 0;filter: alpha(opacity=0);transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform: scale(0.01);-moz-transform: scale(0.01);-ms-transform: scale(0.01);-o-transform: scale(0.01);-webkit-transform: scale(0.01);transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;-webkit-transition: all 1s;}
.toolbar-item:hover .toolbar-layer {opacity: 1;filter: alpha(opacity=100);transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
/* --- 1) 小于780尺寸   --- sm --- */
@media only screen and (max-width: 768px){
	.toolbar-item-2,.toolbar-item-3{display: none;}
	.toolbar{top: 43.2%;right:5px}
}
/* --- 3) 大于992px尺寸  --- lg --- */
@media(min-width:992px){
	.toolbar-item {width: 42px;height: 42px;}
	.toolbar{width: 42px;}
	.toolbar-item-1:hover,.toolbar-item-2:hover,.toolbar-item-3:hover{background-position: 0 -42.5px;}
	.toolbar-layer{width: 172px;}
}
/* --- 4) 大于1200尺寸时候使用  --- xl --- */
@media(min-width:1200px){
	.toolbar-item {width: 52px;height: 52px;}
	.toolbar{width: 52px;}
	.toolbar-item-1:hover,.toolbar-item-2:hover,.toolbar-item-3:hover{background-position: 0 -52.5px;}
	.toolbar-layer{width: 182px;}
}
