@charset "utf-8";
/* reset */
html { height: 100% }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
img { display: inline-block }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei","微软雅黑",arial,"\5b8b\4f53";color:#898989;}
body { line-height: 1.5 }
a { text-decoration: none;color:#000;}
a:hover { color:#000;}
/* a { blr:expression(this.onFocus=this.blur()); color:#365e9f; } */
a * { *cursor: pointer }
:focus { outline: none }
.fl{float: left}
.fr{float: right}
.clearfix {*zoom: 1; }
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
.bg-gray{background-color: #f7f7f7;}


.my_header{
    width: 100%;
    height: 4.2rem;
    background: url(../images/header-img_02.jpg) no-repeat;
    background-size: contain;
}
.page-tit h1{font-size: 0.38rem; text-align: center;margin: 1rem 0;color: #000;}
.page-con1-l{width: 90%;margin: 0 auto;padding: 0.4rem 0.35rem;margin-bottom: 0.3rem;}
.page-con1-l_t{width: 15%;margin-right: 5%;}
.page-con1-l_b{width: 80%;}
.page-con1-l_b h1{font-size: 0.24rem;color: #000;}
.page-con1-l_b ul li {font-size: 0.22rem; color: #000;margin-bottom: 0.1rem;}
.page-con2{width: 90%;margin: 0 auto;}
.page-con2-l img{width: 100%;}
.page-con2-l-tit {width: 90%; margin: 0 auto;background-color: #fff;position: relative;margin-top: -0.7rem;}
.page-con2-l-tit p {
    font-size: 0.24rem;
    color: #000;
    text-align: center;
    padding: 0.35rem 0.5rem;
}
.page-con2-l{margin-bottom: 0.3rem;padding-bottom: 0.8rem;display: block;}

.page2-con ul li{border: 1px solid #ccc;padding: 0.4rem;margin-bottom: 0.4rem;}
.page2-con ul li img{width: 100%;}
.page2-con ul li p{padding-top: 0.4rem;}

.page3-con {width: 90%;margin: 0 auto;}
.page3-con ul li{padding: 0rem 0.3rem;margin-bottom: 0.3rem;}
.page3-icon{display: inline-block;}
.page3-con ul li a{display: inline-block;width: 8rem;height: 1rem;line-height: 1rem;background-color: #fff;text-align: center;font-size: 0.2rem;}
.page3-icon img{width: 0.8rem;height: 0.8rem;vertical-align: middle;}
.page3-con ul li{display: flex;align-items: center;justify-content: space-between;}
.page3-logo{width: 30%;}
.page-con1-l img{width: 1.3867rem;height: 1.3333rem;}

.m_left_logo{
    width: 96%;
    padding: 0.3333rem 0 0.3333rem 0.5rem;
    background-color: #e21636;
    border-radius: 0% 0.5rem 0% 0%;
    margin-top: 0.8rem;
    box-sizing: border-box;
}
.m_left_logo img{height:0.4rem;vertical-align: middle;}
.m_left_logo span{display: inline-block; width: 0.02rem;height: 0.35rem;background-color: #fff;vertical-align: middle;margin: 0 0.2rem;}
.m_left_logo p{display: inline-block;font-size: 0.35rem;color: #fff;vertical-align: middle;}


.page2-video{ padding: 0 1rem;}
.page2-video p{
    text-align: center;
    color: #000;
    font-size:0.24rem;
    padding: 0.2rem 0;
}
.page2-video img{width: 100%;}