body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;font-size:66.3%;font-weight:normal;}
fieldset,img{border:0;}
ul,ol{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration: none;color:#000;}
small{font-size:12px;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
label,input,select,form img,button,textarea{vertical-align:middle;outline:none}
address,caption,cite,code,dfn,em,strong,th,optgroup{font-style:normal;font-weight:normal;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-block;}
/* Hides from IE-mac \*/
* html .clear{height:1%;}
.clear{display:block;}
/* End hide from IE-mac */
*{-webkit-tap-highlight-color:rgba(0,0,0,0) !important;}
html,body{background:#fff;}
html{font-size: calc(100vw / 7.5);}
body,input,select,textarea{}
img{border:none;outline: none}

@font-face {
    font-family: "en";
    src:url('fonts/en.ttf');
}



.pop_alert{display: none;z-index: 999;position: fixed;width: 100%;height: 100%;left: 0;top: 0;}
.pop_alert .txt{font-size: 14px;line-height: 40px;height: 40px;padding:0 20px;color: white;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: rgba(0,0,0,0.6);border-radius: 12px;white-space: nowrap;}

.container{width: 100%;min-width: 1000px;margin: 0 auto;overflow-x: hidden;}
.container.inside{padding-top: 100px}
.container .banner{position: relative;height: 580px;}
.container .banner .swiper-slide{overflow: hidden}
.container .banner .pic{position: absolute;left: 50%;transform: translate(-50%,0);height: 580px;}

.home_pagination{position: relative;height: 30px;text-align: center;padding-top: 32px;bottom: auto;margin-bottom: 20px;}
.home_pagination .dot{background: #dedede;width: 180px;height: 4px;border-radius: 4px;margin: 0 30px;display: inline-block;vertical-align: top}
.home_pagination.index1 .dot:nth-child(1){background: #e60000}
.home_pagination.index2 .dot:nth-child(2){background: #e60000}
.home_pagination.index3 .dot:nth-child(3){background: #e60000}
.home_pagination.index4 .dot:nth-child(1){background: #e60000}
.home_pagination.index0 .dot:nth-child(3){background: #e60000}




.mid_menu{position: relative;width: 1028px;margin: 0 auto 60px auto;overflow: auto}
.mid_menu .grid{float: left;width: 514px;}
.mid_menu .back{display: block;width: 100%}

.section_contact{position: relative;padding-top: 100px;}
.section_contact .wave{position: absolute;left: 50%;top: 0;width: 1920px;transform: translate(-50%,0);}
.section_contact .inner{position: relative;width: 1000px;margin: 0 auto;height: 355px}
.section_contact .inner .hand{position: absolute;right: 0;bottom: 0;width: 455px;}
.section_contact .inner .txt{position: absolute;left: 60px;top: 50%;transform: translate(0,-50%);}
.section_contact h2{font-size: 32px;color: #222222;font-weight: bold;padding-bottom: 12px;}
.section_contact h3{font-size: 22px;color: #222222;font-family: 'en';padding-bottom: 0.5rem}
.section_contact .email_info{position: relative;}
.section_contact .email_info .home_email{font-size: 22px;color: black;font-weight: bold;font-family: 'en';padding-bottom: 12px;}
.section_contact .email_info .btn1{display: block;width: 266px;margin-left: -2px}


.section_footer{position: relative;background: #000000;height: 287px;border-bottom: 4px solid #e60000;}
.section_footer .inner{position: relative;width: 1000px;margin: 0 auto;height: 100%}
.section_footer .logo{position: absolute;left: 32px;top: 35px;width: 181px;}
.section_footer .txt{position: absolute;left: 565px;top: 34px;}
.section_footer .txt h2{font-size: 20px;color: white}
.section_footer .txt h3{font-size: 14px;color: white;margin-left: -6px;padding: 10px 0 15px 0}
.section_footer .copyright{position: absolute;left: 32px;bottom: 25px;font-size: 12px;color: #c1c1c1}
.section_footer .qr_code_box{position: relative;}
.section_footer .qr_code_box .grid{float: left;width: 73px;margin-right: 55px;}
.section_footer .qr_code_box .qr_code{display: block;width: 100%;padding-bottom: 8px;}
.section_footer .qr_code_box .title{text-align: center;font-size: 12px;color: white;}
.section_footer .qr_code_box .title.icon{display: inline-block;margin: 0 auto;padding-right: 0.5rem;background: url(../img/icon1.png) right center no-repeat;background-size: 0.4rem auto;padding-bottom: 0;margin-bottom: 0.2rem}
.section_footer .qr_code_box .sub{text-align: center;font-size: 0.24rem;color: #777777;}

.top_bar{position: fixed;width: 100%;height: 99px;background: white;left: 0;top: 0;z-index: 9;border-bottom: 1px solid #dedede}
.top_bar .inner{position: relative;width: 1000px;margin: 0 auto;}
.top_bar .logo{position: absolute;width: 120px;left: 45px;top: 30px;}
.top_bar .back_btn{position: absolute;left: 0;top: 0;width: 11%;height: 100%}
.top_bar .home_btn{position: absolute;left: 11%;top: 0;width: 33%;height: 100%}

.about_banner{display: block;width: 100%}
.about_txt{position: relative;width: 1000px;margin: 0 auto;padding-top: 50px;padding-bottom: 30px;}
.about_txt p{font-size: 18px;line-height: 28px;color: #222222;padding-bottom: 20px;}

.footer{position: relative;}
.footer .logo{display: block;width: 100%}
.footer .txt{position: relative;padding: 0.5rem 0;}
.footer .txt p{color: #575757;padding:0 0.45rem;font-size: 0.24rem;line-height: 0.36rem;padding-bottom: 0.24rem}
.footer .txt p span{font-family: "en"}


.box_list{position: relative;width: 1028px;margin: 0 auto;padding-top: 50px;overflow: auto;padding-bottom: 50px;}
.box_list a{}
.box_list .grid{box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);margin: 0 12px 20px 12px;width: 490px;display: inline-block;height: 532px;float: left}
.box_list .grid .pic{display: block;width: 100%}
.box_list .grid .detail{border-top: 6px solid #e60000;padding: 0 30px;}
.box_list .grid .detail .headline{padding-top: 20px;font-size: 20px;color: #222222;line-height: 30px;font-family: "en";margin-bottom: 22px;font-weight: bold;}
.box_list .grid .detail .headline .icon{display: inline-block;width: 15px;margin-left: 5px;}
.box_list .grid .detail .intro{font-size: 14px;color: #222222;line-height: 20px;}

.box_list .grid .detail .btn1{font-size: 14px;color: #222222;line-height: 20px;}

.intro_txt{position: relative;background: #f3f3f3;padding-bottom: 30px;}
.intro_txt h2{font-size: 28px;line-height: 38px;color: #222222;padding: 38px 0 20px 0;text-align: center;font-weight: bold;}
.intro_txt p{font-size: 14px;line-height: 30px;color: #575757;text-align: center;max-width: 1000px;margin: 0 auto}

.inner_banner{position: relative;height: 506px;border-bottom: 6px solid #e60000}
.inner_banner.short{height: 322px;}
.inner_banner .pic{position: absolute;left: 50%;top: 0;transform: translate(-50%,0);height: 100%}


.mid_bar{position: relative;}
.mid_bar .logo_wrapper{position: relative;height: 80px;background: #f3f3f3}
.mid_bar .logo_wrapper .logo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 40px;}
.mid_bar .txt{position: relative;height: 128px;width: 1000px;margin: 0 auto}
.mid_bar .txt p{font-size: 14px;color: #575757;position: absolute;left: 0;top: 44px;}


.qa_banner{position: relative;padding-bottom: 40px;}
.qa_banner .pic{width: 1040px;margin: 0 auto;display: block;}

.qa_form_wrapper{position: relative;width: 1000px;height: 590px;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);margin: 0 auto 50px auto}
.qa_form_wrapper .inner{padding: 30px 40px 0 40px}
.qa_form_wrapper h2{font-size: 26px;line-height: 28px;color: #222222;padding-bottom: 30px;border-bottom: 1px solid #dfdfe1;margin-bottom: 35px}
.qa_form_wrapper .qa_form{position: relative;overflow: auto;padding-bottom: 50px}
.qa_form_wrapper .qa_form .grid{float: left;width: 420px;height: 100px;}
.qa_form_wrapper .qa_form .grid:nth-child(odd){margin-right: 80px;}
.qa_form_wrapper .qa_form .grid .label{font-size: 14px;color: #222222;padding-bottom: 10px;font-family: "en";}
.qa_form_wrapper .qa_form .grid .label span{color: #e60000}
.qa_form_wrapper .qa_form .grid .holder{position: relative;width: 100%;height: 44px;background: url(../img/input-bg.png);background-size: 100% 100%;}
.qa_form_wrapper .qa_form .grid .holder input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 44px;font-size: 14px;color: #222222;font-family: "en";box-sizing: border-box;padding: 0 15px;outline: none;border: none;background: none}
.qa_form_wrapper .qa_form .grid .holder select{position: absolute;left: 0;top: 0;width: 100%;height: 100%;line-height: 44px;font-size: 14px;color: #222222;font-family: "en";box-sizing: border-box;padding: 0 15px;outline: none;border: none;background: none;appearance: none}
.qa_form_wrapper .qa_form .grid .holder .arrow{position: absolute;right: 15px;top: 50%;transform: translate(0,-50%);width: 20px;}
.qa_form_wrapper .checkbox{position: relative;padding-left: 25px;background: url(../img/check-off.png) left center no-repeat;background-size: 16px 16px;line-height: 16px;font-size: 12px;color: #575757;cursor: pointer;margin-bottom: 15px;}
.qa_form_wrapper .checkbox.active{background: url(../img/check-on.png) left center no-repeat;background-size: 16px 16px;}
.qa_form_wrapper .submit_btn{cursor: pointer;display: block;width: 340px;margin-left: -4px;}