﻿*{ margin:0; padding:0;}
body{ width:100%; font-size:14px;}
a{ text-decoration:none; font-size:14px; color:#333;}
a:hover{ color:#e62131;}
a img{ border:0;}
ul li{ list-style:none;}
a{ outline:none; star:expression(this.onFocus=this.blur()); cursor:pointer;}
img,object{ -ms-interpolation-mode:bicubic; border:none; height:auto; width:auto; max-width:100%; vertical-align:middle;}
input,select,textarea{ outline:0; -webkit-font-smoothing:none; -webkit-font-smoothing:antialiased; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;}
.clear{ clear:both; font-size:0;}
.wrap{ max-width:1200px; margin:0 auto;}
.wrap2{ max-width:1100px; margin:0 auto;}
.trans{ transition-duration:1s; -ms-transition-duration:1s; -moz-transition-duration:1s; -webkit-transition-duration:1s;}/* ͼƬ�Ŵ� */
.trans:hover{ transform:scale(1.05) scale(1.05); -moz-transform:scale(1.05) scale(1.05); -ms-transform:scale(1.05) scale(1.05); -o-transform:scale(1.05) scale(1.05); -webkit-transform:scale(1.05) scale(1.05);}
.rotate{ transition-duration:0.5s; -ms-transition-duration:0.5s; -moz-transition-duration:0.5s; -webkit-transition-duration:0.5s;}/* 360����ת */
.rotate:hover{ transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg);}
.shadow{ box-shadow:0 1px 5px -2px #1d1d1d; -moz-box-shadow:0 1px 5px -2px #1d1d1d; -ms-box-shadow:0 1px 5px -2px #1d1d1d; -o-box-shadow:0 1px 5px -2px #1d1d1d; -webkit-box-shadow:0 1px 5px -2px #1d1d1d;}
.smove,.headMenu a,.sonnav a{ -moz-transition:all 0.8s cubic-bezier(.19,1,.22,1); -o-transition:all 0.8s cubic-bezier(.19,1,.22,1); -webkit-transition:all 0.8s cubic-bezier(.19,1,.22,1); transition:all 0.8s cubic-bezier(.19,1,.22,1);}
.middle{ display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:-o-flex; align-items:center; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center;}
.hid{ overflow:hidden;}
.txtCen{ text-align:center;}
.flt{ float:left; overflow:hidden;}
.frt{ float:right; overflow:hidden;}
.m10{ margin-top:10px;}
.m20{ margin-top:20px;}
.m30{ margin-top:30px;}
.m40{ margin-top:40px;}
.m50{ margin-top:50px;}
.about div{ color:#000;}
.aPart{ font-size:16px; line-height:32px; text-indent:32px;}
.aBox1 dl{ overflow:hidden;}
.aBox1 dl dt{ width:50%; text-align:center;}
.aBox1 dl dt span{ padding-top:10px; display:block; font-weight:bold;}
.aBox1 dl dd{ width:43%;}
.aBox1 dl dd p{ overflow:hidden; line-height:62px; font-size:18px; font-weight:bold; margin-top:18px;}
.aBox1 dl dd p i{ width:40px; height:40px; border:solid 1px #e62131; display:block; border-radius:50%; overflow:hidden; padding:10px; float:left; line-height:1; margin-right:15px;}
.aBox2Ct{ position:relative; text-align:center; padding:50px 0; margin-top:20px;}
.aBox2Ct img{ width:680px;}
.aBox2Ct p{ width:210px; background:#f8f8f8; border:solid 1px #e62131; border-radius:8px; text-align:center; padding:20px 10px; font-size:14px; font-weight:bold; position:absolute;}
.aBox2Ct p b{ display:block; font-size:18px; padding-bottom:5px; color:#e62131;}
.aBox2Ct p.p1{ top:0; left:45px;}
.aBox2Ct p.p2{ top:180px; left:1px;}
.aBox2Ct p.p3{ bottom:58px; left:45px;}
.aBox2Ct p.p4{ top:20px; right:25px;}
.aBox2Ct p.p5{ bottom:95px; right:25px;}
.aBox3 ul{ overflow:hidden; margin-top:30px;}
.aBox3 ul li{ width:18.4%; margin-right:2%; float:left; overflow:hidden; text-align:center;}
.aBox3 ul li:last-child{ margin-right:0;}
.aBox3 ul li p{ height:82px; box-sizing:border-box; border:solid 1px #b3adad; border-radius:5px; padding:10px 15px; text-align:center; display:flex; justify-content:center; align-items:center; -moz-transition:all 0.8s cubic-bezier(.19,1,.22,1); -o-transition:all 0.8s cubic-bezier(.19,1,.22,1); -webkit-transition:all 0.8s cubic-bezier(.19,1,.22,1); transition:all 0.8s cubic-bezier(.19,1,.22,1);}
.aBox3 ul li b{ margin-top:5px; display:inline-block; -moz-transition:all 0.8s cubic-bezier(.19,1,.22,1); -o-transition:all 0.8s cubic-bezier(.19,1,.22,1); -webkit-transition:all 0.8s cubic-bezier(.19,1,.22,1); transition:all 0.8s cubic-bezier(.19,1,.22,1);}
.aBox3 ul li:hover p{ border-color:#e62131; color:#e62131;}
.aBox3 ul li:hover b{ color:#e62131;}
.aBox4 ul{ background:url(../images/about/aboutpic3.png) no-repeat center bottom; overflow:hidden; position:relative; z-index:1;}
.aBox4 ul.ul2{ z-index:2; margin-top:-220px;}
.aBox4 ul li{ width:200px; height:325px; float:left; text-align:center; position:relative;}
.aBox4 ul li i img{ position:relative; z-index:2; background:#fff;}
.aBox4 ul li:after{ content:""; position:absolute; left:99px; bottom:58px; height:255px; border-right:dashed 2px #ffaa00; z-index:-1;}
.aBox4 ul li b{ width:100%; height:58px; line-height:58px; color:#fff; font-size:20px; text-align:center; display:block; position:absolute; left:0; bottom:0;}
.aBox4 ul li p{ padding:4px 10px 4px 25px; background:#fff; text-align:left; font-size:16px; line-height:22px; position:relative;}
.aBox4 ul li p:after{ content:""; width:5px; height:5px; background:#000; border-radius:50%; position:absolute; left:10px; top:15px;}
.aBox4 ul li.small p{ font-size:13px; padding-bottom:3px;}
.aBox4 ul li.l1{ padding-top:290px;}
.aBox4 ul li.l2{ padding-top:232px;}
.aBox4 ul li.l3{ padding-top:174px;}
.aBox4 ul li.l4{ padding-top:116px;}
.aBox4 ul li.l5{ padding-top:58px;}
.aBox5 dl{ background:url(../images/about/aboutpic10.png) no-repeat center 41px;}
.aBox5 dt{ text-align:center;}
.aBox5 dt strong{ background:#e62131; font-size:22px; color:#fff; display:inline-block; border-radius:10px; padding:10px 30px;}
.aBox5 ul{ overflow:hidden; margin-top:87px;}
.aBox5 ul li{ width:380px; margin-right:30px; float:left; overflow:hidden; text-align:center;}
.aBox5 ul li:last-child{ margin-right:0;}
.aBox5 ul li strong{ display:inline-block; background:rgba(231,88,38,0.8); color:#fff; border-radius:10px; font-size:18px; padding:10px 30px;}
.aBox5 ul li span{ width:100%; height:200px; background:#ccc; margin-top:55px; display:block; position:relative; overflow:hidden; border-radius:8px;}
.aBox5 ul li span img{ width:100%; height:100%;}
.aBox5 ul li span i{ width:100%; height:40px; line-height:40px; color:#fff; font-style:normal; font-size:16px; display:block; position:absolute; left:0; bottom:0; background:rgba(231,88,38,0.8);}
.aBox5 ul li .b2{ background:rgba(205,79,3,0.8);}
.aBox5 ul li .b3{ background:rgba(249,154,51,0.8);}
.aBox5 ul li p{ font-size:16px; padding:10px 5px; text-align:left; margin-top:5px;}
.aBox6 ul{ overflow:hidden; margin-top:40px; padding-bottom:20px;}
.aBox6 ul li{ width:380px; margin-right:30px; float:left; overflow:hidden; text-align:center;}
.aBox6 ul li:last-child{ margin-right:0;}
.aBox6 ul li b{ font-size:18px; display:block; padding:13px 0 5px; color:#e62131;}
.aBox6 ul li span{ font-size:16px; display:block; overflow:hidden;}
.aBox7 dl{ overflow:hidden;}
.aBox7 dl dt{ width:750px;}
.aBox7 dl dd{ width:320px; margin:140px 0 0 20px;}
.aBox7 dl dd b{ color:#e62131; font-size:28px; display:block; padding:10px 0;}
.aBox7 dl dd p{ font-size:18px; position:relative; font-weight:700; margin-top:10px; text-indent:25px;}
.aBox7 dl dd p:after{ content:""; width:5px; height:5px; background:#000; border-radius:50%; position:absolute; left:10px; top:12px;}
.aBox8 .Tit{ text-align:center; font-size:32px; line-height:40px; padding-bottom:20px;}
.aBox8 .Tit b{ color:#e62131;}
.aBox8 li{ width:240px; float:left; overflow:hidden; text-align:center; position:relative;}
.aBox8 li:after{ content:""; width:100%; height:1px; background:#ccc; position:absolute; left:0; top:235px; z-index:1;}
.aBox8 li:before{ content:""; width:25px; height:25px; border-radius:50%; background:#ccc; position:absolute; left:108px; top:224px; z-index:2;}
.aBox8 li.l1:before, .aBox8 li.l1 em, .aBox8 li.l1 b{ background:#90ca71; color:#90ca71;}
.aBox8 li.l2:before, .aBox8 li.l2 em, .aBox8 li.l2 b{ background:#b84358; color:#b84358;}
.aBox8 li.l3:before, .aBox8 li.l3 em, .aBox8 li.l3 b{ background:#ee9d75; color:#ee9d75;}
.aBox8 li.l4:before, .aBox8 li.l4 em, .aBox8 li.l4 b{ background:#2e664b; color:#2e664b;}
.aBox8 li.l5:before, .aBox8 li.l5 em, .aBox8 li.l5 b{ background:#90ca71; color:#90ca71;}
.aBox8 li div{ height:180px; padding:25px 0; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; align-content:center;}
.aBox8 li em{ width:80px; height:80px; line-height:80px; text-align:center; border-radius:50%; background:#ccc; display:inline-block; color:#fff !important; font-size:60px; font-style:normal;}
.aBox8 li b{ font-size:20px; display:block; margin-bottom:10px; text-align:center; background:none !important;}
.aBox8 li p{ width:100%; font-size:16px; position:relative; padding:2px 0 2px 25px;}
.aBox8 li p:after{ content:""; width:5px; height:5px; background:#000; border-radius:50%; position:absolute; left:10px; top:12px;}
.aBox8, .aBox9, .aBox9 dl{ overflow:hidden;}
.aBox9 dt{ width:460px;}
.aBox9 dd p{ color:#ffc000; font-size:50px; line-height:90px; text-align:center; margin:80px 0 50px;}
.aBox9 dd p b{ color:#e62131; font-size:90px; padding-right:10px;}
.aBox9 dd .Tit{ text-align:center; display:block; font-size:18px; margin-top:30px;}
.aBox9 ul{ overflow:hidden;}
.aBox9 ul li{ width:115px; margin-right:30px; float:left; overflow:hidden; text-align:center;}
.aBox9 ul li:last-child{ margin-right:0;}
.aBox9 ul li b{ width:100%; height:90px; line-height:45px; padding:12px 0 13px; display:block; background:#e62131; color:#fff; text-align:center; font-size:40px; font-weight:normal; margin-bottom:20px;}
.aBox10{ overflow:hidden;}
.aBox10 dl{ overflow:hidden; margin-top:40px;}
.aBox10 dl dt{ width:48%;}
.aBox10 dl dd{ width:48%;}
.aBox10 dl dd .Tit{ color:#ffc000; font-size:50px; line-height:90px; text-align:center; margin:100px 0 50px;}
.aBox10 dl dd .Tit b{ color:#e62131; font-size:90px; padding-right:10px;}
.aBox10 dl dd p{ font-size:16px; position:relative; padding:2px 0 2px 25px; margin-bottom:10px;}
.aBox10 dl dd p:after{ content:""; width:5px; height:5px; background:#000; border-radius:50%; position:absolute; left:10px; top:12px;}
.aBox11 dl{ overflow:hidden;}
.aBox11 .DL1{ height:527px; background:url(../images/about/aboutpic18.jpg) no-repeat center top;}
.aBox11 .DL1 dt{ width:535px; text-align:center; color:#ffc000; font-size:35px; line-height:40px; margin-top:50px; font-weight:bold;}
.aBox11 .DL1 dd{ width:650px;}
.aBox11 .DL1 dd b{ display:block; color:#e62131; font-size:45px; line-height:45px; text-align:center; margin-top:72px; padding-left:10px; padding-bottom:63px;}
.aBox11 .DL1 dd p{padding-left:175px; font-size:20px; margin-top:20px;}
.aBox11 .DL2 p{ padding:20px 0; overflow:hidden; margin-top:30px;}
.aBox11 .DL2 b{ width:50%; display:block; text-align:center; float:left; line-height:50px; font-size:45px; color:#e62131;}
.aBox11 .DL2 b:last-child{ font-size:35px; color:#ffc000;}
.aBox12_1{ position:relative;}
.aBox12_1 p{ text-align:center; font-size:35px; color:#ffc000; line-height:50px; margin-top:20px;}
.aBox12_1 p b{ color:#e62131; font-size:50px; padding-right:5px;}
.aBox12_1 .pic{ text-align:center; padding:30px 0;}
.aBox12_1 .pic img{ width:600px;}
.aBox12_1 .Tit{ font-size:18px; text-align:center; position:absolute; border:solid 1px #ccc; border-radius:10px; padding:20px 15px;}
.aBox12_1 .Tit b{ font-size:22px; display:block; padding-bottom:10px;}
.aBox12_1 .t1{ width:176px; left:32px; top:260px;}
.aBox12_1 .t2{ width:150px; right:51px; top:125px;}
.aBox12_1 .t3{ width:175px; right:32px; bottom:76px;}
.aBox12_2{ background:url(../images/about/aboutpic21.jpg) no-repeat center top; margin-top:30px;}
.aBox12_2 b{ color:#e62131; font-size:50px; line-height:50px; display:block; padding:0 0 15px 50px;}
.aBox12_2 p{ font-size:18px; line-height:30px; padding-left:50px;}
.aBox12_2 div{ font-size:35px; color:#ffc000; line-height:35px; margin-top:360px;}
.aBox12_2 div span{ display:inline-block;}
.aBox12_2 div span:first-child{ padding:0 250px 0 110px;}
.slideBox{ position:relative; margin-top:40px;}
.slideBox .prev, .slideBox .next{ width:36px; height:71px; background-image:url(../images/about/banner_point.png); background-repeat:no-repeat; display:block; position:absolute; top:135px; z-index:999; opacity:0.3;}
.slideBox .prev{ left:-56px; background-position:left top;}
.slideBox .next{ right:-56px; background-position:-36px top;}
.slideBox .smove:hover{ opacity:1;}
.slideBox .bd li{ overflow:hidden;}
.slideBox .bd li .flt{ width:580px; height:360px; box-sizing:border-box; padding:0 50px; display:flex; align-items:center; flex-wrap:wrap; align-content:center;}
.slideBox .bd li .flt b{ font-size:30px; display:block; color:#e62131; line-height:30px; padding-bottom:10px;}
.slideBox .bd li .flt p{ width:100%; line-height:30px; font-size:18px; font-weight:bold; position:relative; color:#333; padding-left:25px; margin-top:5px;}
.slideBox .bd li .flt p:after{ content:""; width:5px; height:5px; background:#000; border-radius:50%; position:absolute; left:10px; top:12px;}
.slideBox .bd li .frt{ width:600px; height:360px; overflow:hidden;}
.slideBox .bd li .frt img{ width:100%; height:100%;}
.aBox14 dl{ overflow:hidden; margin-top:40px;}
.aBox14 dl dt{ width:550px;}
.aBox14 dl dd{ width:600px;}
.aBox14 dl dd b{ font-size:22px; display:block; color:#e62131; padding:80px 0 20px;}
.aBox14 dl dd p{ font-size:18px; line-height:35px;}
.aBox15{ height:480px; background:url(../images/lol.jpg) no-repeat; display:flex; align-items:center; flex-wrap:wrap; align-content:center; justify-content:center;background-size:100% 100%;}
.aBox15 p{ width:100%; color:#fff; font-size:60px; line-height:60px; text-align:center; padding:10px 0; letter-spacing:2px;}
.aBox15 p b{ color:#fefe00;}
.iTitle{
    text-align: center;
    background: url(../images/about/iTitleBg.png) no-repeat center bottom;
    font-size: 14px;
    padding: 50px 0 25px;
}
.iTitle p{font-size: 34px;
    line-height: 40px;
    padding-bottom: 3px;
    font-weight: normal;}
    .iTitle p b, .iTitle h2 b {
    font-weight: normal;
    color: #e62131;
}