:root {
    --transition: all ease-in-out .3s;
    --transition-1: all ease-in-out 1s;
    --max-width:1920px;
    --max-content-width:1600px;
    --max-content-width-1400:1400px;
    --fs-color:#333333;
    --main-bgcolor:#000000;
    --main-color:#ffffff;
    --main-a-color:#333333;
    --main-a-hover-color:#333333;
    --main-sub-color:#646362;
    --main-box-shadow-color:rgba(147,147,147,.4);
    --main-point-color: #b88b52;
    --main-point-color-2: #ffe8af;
    --fs-28:28px;
    --fs-18:18px;
    --fs-16:16px;
    --fs-14:14px;
    --fs-12:12px;
    --fs-s:12px;
    --fs-m:14px;
    --fs-b:16px;
    --fs-b-max:30px;
    --fs-b-max-plus:36px;
    --proportion-customization:64%;
    --proportion-cases:64%;
    --proportion-customers:100%;
    --proportion-news:45%;
    --proportion-projects:64%;
    --proportion-products:64%;
}

*{margin:0; padding:0;}
.en{font-size:var(--fs-s)}
@media screen and (max-width:1350px){
    .en{font-size:var(--fs-s-min)}
}
@font-face {
    font-family: 'Open Sans';
    src: url('../font/OpenSans-Regular.ttf');
    font-weight: 400;
    font-style: normal
}
body,input,textarea,select{color:var(--fs-color);background:#fff;font-size:var(--fs-m);line-height:1.785;font-family: 'Open Sans', Arial, Helvetica, sans-serif, "Microsoft YaHei"}
body{min-height:600px}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-style:normal}
/* h1{font-size:var(--fs-h1)}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3)}
h4{font-size:var(--fs-h4)}
h5{font-size:var(--fs-h5)}
h6{font-size:var(--fs-h6)} */
a{outline:none;color:var(--main-a-color);text-decoration:none;transition:var(--transition);-moz-transition:var(--transition);-webkit-transition:var(--transition);-o-transition:var(--transition)}
a:focus{outline: none;color:var(--main-a-hover-color)}
a:hover{text-decoration:none}
input{outline:none}
img{max-width:100%;display:block;margin:0 auto}
button{outline:none;border:none;cursor:pointer;background:transparent}
pre{display:block;word-break: break-all;word-wrap: break-word;white-space: pre-wrap}
ul, ol{list-style: none}
img, fieldset{border: 0 none}
input,textarea,select{outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;border:1px solid #333;}
table{border-collapse:separate;border-spacing: 0}
button, input, select, label{vertical-align:middle}
input[type='checkbox'] {vertical-align: -14px}
i{display:inline-block;font-size:0;vertical-align:middle}
video{max-width:100%;}

.pr{position:relative}
.pa{position:absolute}
.fr{float:right}
.fl{float:left}
.flex{display:flex}
.flex-wrap{display:flex;flex-wrap:wrap}
.flex-column{flex-flow:column}
.flex-justify-center{justify-content:center}
.flex-justify-between{justify-content:space-between}
.flex-align-center{align-items:center}

.clear{clear:both;height:0;overflow:hidden}
.clearfix:after{content:""; clear: both; display:block}
.hide{display:none}
.show{display:block}
.cursor{cursor:pointer}
.transition{transition:var(--transition);-moz-transition:var(--transition);-webkit-transition:var(--transition);-o-transition:var(--transition)}
.transition-1{transition:var(--transition-1);-moz-transition:var(--transition-1);-webkit-transition:var(--transition-1);-o-transition:var(--transition-1)}
.container{margin:0 auto;width:90%;max-width:var(--max-content-width);position:relative;}
.container_full{margin:0 auto;width:100%;max-width:var(--max-width);position:relative;}
.text-center{text-align:center;}
.box-title{font-size:var(--fs-b-max);font-weight:bold;padding:1em 0 0em;}
.box-sub-title{font-size:var(--fs-b);color: var(--main-sub-color);padding:0 0 1em}
@media screen and (max-width:1350px){
    .box-title{font-size:var(--fs-b);}
    .box-sub-title{font-size:var(--fs-s);}
}
.m_hide{display:block;}
.pc_hide{display:none;}
@media screen and (max-width:1350px){
    .m_hide{display:none;}
	.pc_hide{display:block;}
}
/*单行文本的溢出显示省略号*/
.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* 多行文本溢出显示省略号 */
.line2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

/*滚动条样式*/
*::-webkit-scrollbar{width:10px;height:10px}
/*正常情况下滑块的样式*/
*::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.05);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}
/*鼠标悬浮在该类指向的控件上时滑块的样式*/
*:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4);border-radius:10px;-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}
/*鼠标悬浮在滑块上时滑块的样式*/
*::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.7);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1)}
/*正常时候的主干部分*/
*::-webkit-scrollbar-track{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0);background-color:white}
/*鼠标悬浮在滚动条上的主干部分*/
*::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.7);background-color:rgba(0,0,0,.01)}

/**分页**/
.pages{width:100%;}
.Pagination__Nav{text-align:center;margin:20px 0;margin-bottom:80px;}
.Pagination__Nav span{padding:5px 10px;background:#eee;color:var(--main-a-hover-color);transition:all 0.3s;font-size:var(--fs-m);}
.Pagination__Nav a{padding:5px 10px;background:#eee;color:var(--main-a-hover-color);transition:all 0.3s;font-size:var(--fs-m);}
.Pagination__Nav .is-active{background:var(--main-a-hover-color);color:var(--main-color);}
.Pagination__Nav span:hover{background:var(--main-a-hover-color);color:var(--main-color);}
.Pagination__Nav a:hover{background:var(--main-a-hover-color);color:var(--main-color);}
/**分页 end**/

/*系统提示*/
.home_message{ margin: 8% auto;width: 92%;max-width: 768px;min-height: 120px;}
.home_message .notification{ padding: 9px 0 9px 60px;line-height: 30px;}
.home_message .notification div{ font-size: 18px;}
.home_message .notification.success{ background: url(../../images/home/icon/success.png) left top no-repeat;color: #05994f;}
.home_message .notification.error{ background: url(../../images/home/icon/error.png) left top no-repeat;color: #cb1b05;}
.home_message .redirect{ padding-top: 20px;}
.home_message .redirect a{ display: inline-block;height: 30px;line-height: 30px;border: 1px solid #e2e2e2;border-radius: 2px;padding: 0 15px;}
.home_message .count_down{ padding-top: 20px;color: #9E9E9E;}
.home_message .count_down a{ color: #0080FF;}
.home_message .count_down span{ color: #555555;margin: 0 2px;}
.home_message .home_message_box{display:flex;align-items:center;justify-content:center;padding:3em 0;}
.home_message .home_message_box .home_message_icon{padding-right:10px;}
.home_message .home_message_box .home_message_title{font-size:18px;font-weight:bold;}
@media screen and (max-width:1350px){
    .home_message .home_message_box{flex-flow:column;}
    .home_message .home_message_box .home_message_title{text-align:center;}
    .home_message .home_message_box .home_message_btn{display:block;text-align:center;}
}
/***********************************************************************************************/
/***********************************************************************************************/

/***********************************************************************************************/
.header{display:flex;justify-content:space-between;align-items:center;padding:10px 0px;position:fixed;z-index:99;left:50%;transform:translate(-50%,0%);}
header::before{content:'';width:100%;height:99px;background-color:var(--main-bgcolor);position:fixed;z-index:9;display:block;}
header::after{content:'';height:99px;display:block;}
.header .toggle-nav{display:none;padding-right:80px;}
.header .logo{display:inline-block;width:110px;height:79px;text-align:center;display:flex;justify-content:center;}
.header .logo img{height:100%;object-fit:contain;}
.header .menu{display:flex;align-items:center;}
.header .menu .sub_menu{visibility:hidden;opacity:0;width:auto;;background-color:var(--main-bgcolor);position:absolute;top:100px;left:50%;transform:translate(-50%, 0%);box-shadow:0px 0px 2px 0px var(--main-box-shadow-color);padding:10px 0;white-space:nowrap;}
.header .menu>li:hover .sub_menu{visibility:visible;opacity:1;top:30px}
.header .menu>li{position:relative;}
.header .menu li{font-size:var(--fs-b);color:var(--main-color);}
.header .menu a{font-size:var(--fs-b);color:var(--main-color);padding:0 1rem;display:block;}
.header_menu_box{display:none;}
header.search .header{display:none;}
header.search .header_search_box_bg{display:block;}
@media screen and (max-width:1440px){
    .header .menu a{font-size:var(--fs-b);}
}
@media screen and (max-width:1350px){
    body{min-width:unset;min-height:600px;}
    .header{width:calc(100% - 40px);padding:17px 20px;}
    header::after{height:70px;}
    header::before{height:70px;}
    .header .logo{width:auto;height:36px;}
    .header .toggle-nav{display:flex;justify-content:space-around;flex-flow:column;width:24px;height:24px;cursor:pointer;}
    .header .toggle-nav i{background-color:var(--main-color);height:3px;width:100%;}
    .header .toggle-nav::before{content:'';display:block;background-color:var(--main-color);height:3px;width:100%;}
    .header .toggle-nav::after{content:'';display:block;background-color:var(--main-color);height:3px;width:100%;}
    .header .menu{display:none;}
    .header_menu_box{display:block;position:fixed;top:0;left:-100%;bottom:0;width:100%;background-color: #fff;z-index:99;}
    .header_menu_box.action{left:0}
    .header_menu_box_top{height:70px;display:flex;align-items:center;font-size:var(--fs-b-2);border-bottom:1px solid #e5e5e5;}
    .header_menu_box_bg_close{width:58px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;}
    .header_menu_box_content{padding:20px 15px 20px 15px;overflow:auto;width:calc(100% - 30px);height:calc(100vh - 40px - 71px);}
    .header_menu_box_content .menu_item{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;min-height:40px;border-bottom: 1px #ccc dotted;}
    .header_menu_box_content .menu_item a{flex:1;height:40px;line-height:40px;}
    .header_menu_box_content .menu_item .menu-non{font-size:var(--fs-b-2);width:40px;text-align:center;}
    .header_menu_box_content .menu_item .menu-non::before{content:"+";color:rgb(121,121,121);}
    .header_menu_box_content .sub_menu{height:0;overflow:hidden;}
    .header_menu_box_content .sub_menu li a{display:block;height:40px;line-height:40px;padding-left:1em;}
    .header_menu_box_content .menu>li.action .menu-non::before{content:"-";}
    .header_menu_box_content .menu>li.action .sub_menu{height:auto;border-bottom: 1px #ccc dotted;}
}
/***********************************************************************************************/

/***********************************************************************************************/
footer{background-color:var(--main-bgcolor);color:var(--main-color);}
.footer{padding:5em 0px 1em;display:flex;justify-content:space-between;}
.footer .logo{display:inline-block;width:140px;height:130px;margin-right:60px;text-align:center;}
.footer .logo img{max-height:100%;}
.footer .menu{width:200px;}
.footer .menu.menu2{width:400px;}
.footer .menu a{color:var(--main-color);}
.footer .menu dt{font-size:var(--fs-b);}
.footer .menu .sub_menu>li,.footer .menu .sub_menu>li>a{font-size:var(--fs-b);line-height:2;}
.footer_contact_info{padding-bottom:20px;}
.footer_contact_info dt{font-size:var(--fs-b);}
.footer_contact_from{padding-top:20px;display:flex;align-items: center;}
.footer_contact_from_input{flex:1;border-radius:0;background:0 0;border:1px solid var(--main-color);padding:0 10px;height:36px;line-height:normal;vertical-align:baseline;box-sizing:border-box;outline:none;}
.footer_contact_from_btn{padding:0 20px;line-height:34px;cursor:pointer;display:inline-block;height:34px;border-top:1px solid var(--main-color);border-right:1px solid var(--main-color);border-bottom:1px solid var(--main-color);}
.footer_contact_link{padding-top:10px;}
.footer_contact_link dt{font-size:var(--fs-b);}
.footer_contact_link ul{display:flex;align-items:center;padding-top:20px;}
.footer_contact_link ul>li:not(:last-child){padding-right:20px;}
.footer_contact_link ul>li img{cursor:pointer;}
.footer_contact_link_code{position:relative;}
.footer_contact_link_code>img{width:38px;height:38px;}
.footer_contact_link_code_img{width:160px;height:160px;position:absolute;left:50%;bottom:-38px;transform:translate(-50%,-50%);display:none;border:1px #eee solid;}
.footer_contact_link_code:hover .footer_contact_link_code_img{display:block;}

.footer_copyright{padding:1em 0 3em;text-align:center;font-size:var(--fs-s);}
.footer_copyright>span,.footer_copyright>span>a{font-size:var(--fs-s);color:#bbb;}
@media screen and (max-width:1350px){
    .footer{flex-flow:column;padding:20px 0px 20px;}
    .footer .logo{width:100%;height:38px;text-align:left;}
    .footer .menu{display:none;}
    .footer_contact{padding-right:0px;padding-top:20px;}
    .footer_contact_info dt{font-size:var(--fs-m);}
    .footer_contact_info dd{font-size:var(--fs-s);}
    .footer_contact_link dt{text-align:center;font-size:var(--fs-m);}
    .footer_contact_link ul{justify-content:center;}
    .footer_copyright{padding:1em 0 1.5em;line-height:1.2;}
}
.back_top{cursor:pointer;display:none;position:fixed;right:20px;bottom:20px;z-index:98;width:38px;height:38px;padding:10px;background-color:var(--main-color);box-shadow:0px 0px 2px 0px var(--main-box-shadow-color);border-top:1px var(--main-bgcolor) solid;transform:rotate(180deg);border-radius:50%;}
.back_top.active{display:block}
@media screen and (max-width:1350px){
    .back_top{width:30px;height:30px;padding:5px;}
}
/***********************************************************************************************/

/**网站banner**/
.banner{width:100%;height:auto;overflow:hidden;position:relative;}
.banner .bannerarr{width:50px;height:50px;position:absolute;top:50%;transform:translate(0px,-50%);z-index:100;cursor:pointer;opacity:0;border-radius:50%;transition:1s;}
.banner:hover .bannerarr{opacity:1;}
.banner .leftbtn-prev{background:url('../../images/home/icon/prev-arrow-black.svg') no-repeat center center;background-size:50%;background-color:rgba(255,255,255,0.3);left:60px;}
.banner .rightbtn-next{background:url('../../images/home/icon/next-arrow-black.svg') no-repeat center center;background-size:50%;background-color:rgba(255,255,255,0.3);right:60px;}
.banner .banner_pic{display:block;width:100%;height:auto;min-height:100px;}
.banner .banner_pic img{width:100%;height:auto;}
.banner .swiperpages{position:absolute;bottom:15px;left:0px;z-index:10;cursor:pointer;}
.banner .banner_title{position:absolute;left:50%;top:20%;z-index:9;font-size:var(--fs-b-max-plus);color:var(--main-color);text-shadow:2px 2px 3px var(--main-bgcolor);font-weight:bold;text-align:center;}
.banner .banner_title p{color:var(--main-color);}
.banner .banner_subtitle{position:absolute;left:50%;top:calc(20% + 60px);transform:translate(-50%,-50%);z-index:9;font-size:var(--fs-b-max);background:linear-gradient(0deg, #98683d 0%, #e9b058 76%);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:bold;text-align:center;}
.banner .banner_content{position:absolute;left:50%;top:calc(20% + 120px);z-index:9;font-size:var(--fs-b);color:var(--main-color);text-align:center;}
.banner .banner_btn{position:absolute;left:50%;bottom:20%;transform:translate(-50%,-50%);z-index:9;font-size:var(--fs-16);color:var(--main-color);box-shadow:2px 2px 3px var(--main-box-shadow-color);background-color:var(--main-bgcolor);padding:5px 20px;border-radius:8px;font-weight:500;text-align:center;}
.banner .swiper-slide .banner_title{transform:translate(-50%,-100%) scale(1.5);opacity:0;}
.banner .swiper-slide .banner_subtitle{transform:translate(-50%, -50%) scale(.5);opacity:0;}
.banner .swiper-slide .banner_content{transform:translate(-50%, 100%);opacity:0;}
.banner .swiper-slide .banner_btn{opacity:0;}
.banner .swiper-slide.swiper-slide-active .banner_title{transform:translate(-50%,-50%) scale(1);opacity:1;}
.banner .swiper-slide.swiper-slide-active .banner_subtitle{transform:translate(-50%,-50%) scale(1);opacity:1;}
.banner .swiper-slide.swiper-slide-active .banner_content{transform:translate(-50%,-50%);opacity:1;}
.banner .swiper-slide.swiper-slide-active .banner_btn{opacity:1;}
.swiperpages{width:100%;height:auto;text-align:center;}
.swiperpages .swiper-pagination-bullet-active{background:var(--main-color);}
.indexswiperpage{width:100%;height:auto;text-align:center;}
.indexswiperpage .swiper-pagination-bullet-active{background:var(--main-bgcolor);}
@media screen and (max-width:1350px){
    .banner .banner_title{font-size:var(--fs-m);width:95%;}
    .banner .banner_subtitle{display:none;}
    .banner .banner_content{display:none;}
    .banner .banner_btn{font-size:var(--fs-s);bottom:5%;}
}
/**网站banner end**/

/**常见问题**/
.faq{padding:4em 0;}
.faq_title{border-bottom:1px solid #ccc;padding-bottom:.5em;}
.faq_item{padding:.5em 0;border-bottom:1px #ccc solid;}
.faq_item_question{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:16px;padding:.5em 0;cursor:pointer;}
.faq_item_question .menu-non{font-size:var(--fs-b-2);width:40px;text-align:center;}
.faq_item_question .menu-non::before{content:"+";color:rgb(121,121,121);}
.faq_item_answer{height:0;overflow:hidden;padding-left:1em;line-height:2;}
.faq_item.action .faq_item_question .menu-non::before{content:"-";}
.faq_item.action .faq_item_answer{height:auto;}
@media screen and (max-width:1350px){
    .faq{padding:2em 0;}
    .faq_item_question{font-size:14px;}
}
/**常见问题 end**/

/**面包屑**/
.path_breadcrumb{width:95%;max-width:var(--max-content-width);margin:0 auto;display:flex;justify-content:center;align-items:center;padding:2em 0;}
.path_breadcrumb_item{padding:0 0.2em;}
@media screen and (max-width:1350px){
    .path_breadcrumb{justify-content:start;padding:1em 0;}
    .path_breadcrumb_item{font-size:12px;}
}
/**面包屑 end**/

/**联系我们**/
.contact{background-color:#eee;}
.contact_content{padding:4em 0 0;}
.contact_summary{max-width:750px;}
.contact_info{padding:2em 0;}
@media screen and (max-width:1350px){
    .contact_content{padding:2em 0 0;}
}
.contact_title{font-size:16px;font-weight:bold;padding-bottom:1em;}
.contact_box_item{width:24%;}
.contact_box_item_1{width:100%;padding-top:2em;}
.contact-form{padding:4em 0;}
.contact_form_text{padding-bottom:.5em;}
.contact_form_input{width:calc(100% - 20px);border:none;padding:0 10px;line-height:30px;}
.contact_form_textarea{width:calc(100% - 20px);border:none;padding:0 10px;line-height:30px;}
.invalid-feedback{color:#e90000;font-size:12px;display:none;}
.contact_box_btn{margin:3em auto;display:inline-block;font-size:var(--fs-14);color:var(--main-color);background-color:var(--main-bgcolor);padding:5px 40px;font-weight:500;cursor:pointer;}
@media screen and (max-width:1350px){
    .contact_title{padding-bottom:.5em;}
    .contact-form{padding:2em 0;}
    .contact_box_item{width:100%;padding-top:1em;}
    .contact_box_item_1{padding-top:1em;}
    .contact_box_btn{margin:1em auto;}
}
/**联系我们 end**/