* {font-family: "sans-serif"; font-weight: 400;}
strong {font-weight: 700;}
body {font-size:14px; color:#000; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x: hidden;}
input,textarea,select,button {color:#000; outline:none;}
a {color:#000; text-decoration:none;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
a:hover {color:#005aaa;}

img {width: 100%; display: block;}

form {height: 100%;}

.Top {position: fixed; width: 100%; background: rgba(255,255,255,0.99); top: 0px; z-index: 100; height: 80px;}
.Top em a {display: block; float: right; text-align: center; padding: 15px 30px 0px 0px; font-size: 14px; color: #005aaa; cursor: pointer;}
.Top > em > a > img {margin: auto; width: 25px;}
.Logo {float: left; width: 100px; padding: 20px 0px 0px 50px;}
.Nav {float: left; margin-left: 30px; width: 860px;}
.Nav li a {background: url(../image/line.png) no-repeat left center; padding: 25px 30px; float: left; text-align: center; height: 25px; line-height: 30px; display: block; border-bottom: #fff 2px solid;}
.Nav li a:hover {border-bottom: #009ce5 2px solid;}
.Nav li a.Current {border-bottom: #005aaa 2px solid;}


.SearchFrame {background: #fff; padding: 50px 0px; border-top: #f1f1f1 1px solid; position: fixed; top: 80px; width: 100%;}
.Search {width: 500px; margin: auto; border-bottom: #005aaa 2px solid; position: relative;}
.SearchInput {border: none; background: none; width: 400px; float: left; padding: 10px 0px; font-size: 16px; bac}
.SearchBtn {float: right; width: 25px; height: 25px; background: url(../image/sousuo.svg) no-repeat center center; background-size: cover; cursor: pointer; margin-top: 5px; border: none;}
.Guanbi {position: absolute; width: 25px; right: -35px; top: 5px; cursor: pointer; opacity: 0.5;}

.Bottom {padding: 50px 0px 0px 0px; background: #fafafa;}
.Bottom ul {float: left; border-right: #ccc 1px dotted; padding-right: 59px; margin-right: 60px; height: 270px;}
.Bottom ul.Other_1 {width: 300px;}
.Bottom ul:nth-child(5) {border-right: none; padding-right: 0px; margin-right: 0px;}
.Bottom h2 {font-size: 16px; padding-bottom: 10px; margin-left: -15px;}
.Bottom li {list-style: disc;}
.Bottom li a {font-size: 12px; line-height: 30px; color: #666;}
.Bottom li.Other {float: left; width: 150px;}

.BottomLogo a {display: block; margin: 50px 15px 0px 15px; float: left; width: 142px; border: #ddd 1px solid; padding: 4px; background: #fff;}

.BottomFrame {border-top: #e5e5e5 1px solid; margin-top: 15px; padding: 19px 0px 30px 0px; color: #999;}
.BottomFrame h3 {font-size: 14px; line-height: 27px;}

.Ga a {width: 260px; line-height: 27px; display: block; color: #999;}
.Ga > a > img {float: left; width: 25px; padding-right: 5px;}


.IndexVideo {position: relative; height: 100%; overflow-y: hidden;}
.Slogen {position: absolute; width: 100%; color: #ffd200; font-size: 60px; top: 45%; margin-top: -50px; text-align: center; z-index: 2;}
.Slogen h2 {font-size: 30px; padding-bottom: 10px; color: #fff;}
.Slogen strong {color: #fff;}


.IndexProBg {position: relative;}
.IndexOne {background: #e1f4fd; width: 74%; height: 75%; position: absolute; z-index: 1; margin-top: -150px;}
.IndexOne > img {float: right; width: 32%;}
.IndexTwo {position: relative; z-index: 2; width: 84%; margin: 150px auto 0px auto;}
.IndexTwo h2 {font-size: 36px;}
.IndexTwoLeft {float: left; width: 380px; line-height: 30px; padding-top: 130px; font-size: 18px; color: #666;}
.IndexTwoLeft span {color: #005aaa; font-size: 14px; line-height: 40px;}
.IndexTwoLeft em {color: #005aaa; font-size: 14px; line-height: 40px; display: none;}
.IndexTwoRight {float: right; width: 1170px; position: relative; border: #005aaa 1px solid; margin-top: 50px;}
.IndexTwoRightLink a {position: absolute; width: 100%; height: 100%; z-index: 10; display: none;}

.DownloadList a {border-bottom: #e5e5e5 1px dashed; padding: 0px 40px 19px 20px; position: relative; display: block; margin-bottom: 20px; background: url(../image/right.png) no-repeat left 10px;}
.DownloadList i {position: absolute; right: 0px; color: #999; top: 50%; margin-top: -10px;}
.DownloadList p {line-height: 25px; font-size: 16px;}
.DownloadList:last-child {margin-bottom: 50px;}


.Result {color: #999; padding-bottom: 30px;}




.RightSide {position: fixed; top: 35%; right: 0px; background: #fff; width: 60px; z-index: 10;}
.RightSide li {padding: 20px 15px; position: relative;}
.RightSide li div {position: absolute; right: -310px; background: #fff; width: 150px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; top: 20px; text-align: center; padding-bottom: 10px;}
.RightSide li:hover div {right: 0px;}
.RightSide em {display: block;}
.RightImg {float: left; width: 30px;}

.EW {position: absolute; width: 150px; right: 0px; top: -150px;}


.IndexPro {width: 1600px; height: 450px; display: block;}
.IndexProLeft {float: left; width: 380px; margin-top: 80px;}
.IndexProLeft h3 {font-size: 24px; padding-bottom: 10px; color: #005aaa; font-weight: 600;}
.IndexProLeft p {font-size: 18px; line-height: 30px;}
.IndexProRight {float: right; position: relative; border: #005aaa 1px solid; width: 1100px; height: 568px; margin-top: 30px;}


.Solution_bg {height: 100%; background: url(../image/solution_bg.jpg) no-repeat center center; background-size: cover;}
.Solution {width: 84%; margin: auto; padding-top: 160px;}
.Solution h2 {font-size: 36px; font-weight: 600; padding-bottom: 30px;}
.SolutionLeft {float: left; width: 40%; padding-top: 100px;}
.SolutionLeft h3 {font-size: 24px; font-weight: 300; color: #005aaa; padding-bottom: 20px;}
.SolutionLeft p {line-height: 30px;}
.SolutionRight {float: right; width: 45%;}


.IndexNewsBg {background: #edf4fb; height: 100%;}
.IndexNewsTop li {float: left; width: 33.33%; position: relative;}
.IndexNewsTopFrame {position: absolute; background: linear-gradient(to top,rgba(0, 90, 170, 0.5), rgba(0, 90, 170, 0)); width: 100%; height: 100%; color: #fff; text-align: center; z-index: 10;}
.IndexNewsTopFrame h2 {position: absolute; width: 100%; font-size: 30px; bottom: 70px;}
.IndexNewsTopFrame > i {position: absolute; width: 30px; line-height: 30px; border: #fff 1px solid; border-radius: 100%; left: 50%; margin-left: -16px; bottom: 20px;}
.IndexNewsImg {overflow: hidden; width: 100%; height: 270px;}
.IndexNewsTop li img {transition:transform 1.0s;}
.IndexNewsTop li:hover img {transform:scale(1.2);}

.IndexNew {padding: 30px 50px 0px 50px; position: relative; z-index: 5;}
.IndexNew h2 {font-size: 36px; text-align: center;}
.IndexNewList a {background: #fff; margin: 30px 20px 0px 20px; box-shadow: 0px 0px 5px #eee; padding: 20px 0px; display: block;}
.IndexNewList a:hover {box-shadow: 0px 0px 10px #bad8f2;}
.IndexNewList span {background: #005aaa; color: #fff; float: left; display: block; padding: 0px 15px; font-size: 14px; line-height: 30px; margin: 20px 0px 10px 0px;}
.IndexNewList h3 {font-size: 18px; font-weight: 300; padding: 10px; height: 50px;}


.IndexMapBg {background: url(../image/map_bg.png) no-repeat center center; background-size: cover; height: 100%; margin-top: 50px;}
.IndexMapBgTop {background: #0059a9; text-align: center; color: #fff; padding: 20px 0px;}
.IndexMapBgTop h2 {font-size: 33px; padding-bottom: 5px;}
.IndexMapBgTop p {font-size: 18px;}

.Map {width: 70%; margin: 2% auto 5% auto; position: relative;}

.MG {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; right: 24%; top: 39%;}
.MG::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
.MG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/mg.png); right: 16%; top: 22%; z-index: 4;}

.JND {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; right: 26%; top: 27%;}
.JND::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
.JND_1 {position: absolute; width: 146px; height: 96px; background: url(../image/jnd.png); right: 19%; top: 10%; z-index: 4}

.DG {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 13%; top: 32%;}
.DG::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
.DG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/dg.png); left: 10%; top: 15%; z-index: 4}

.FG {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 10.5%; top: 37%;}
.FG::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
.FG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/fg.png); left: 8%; top: 20%; z-index: 4}

.BL {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 16%; top: 30%;}
.BL::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
.BL_1 {position: absolute; width: 146px; height: 96px; background: url(../image/bl.png); left: 13%; top: 13%; z-index: 4}

.XG {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 35%; top: 52%;}
.XG::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
.XG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/xg.png); left: 32%; top: 34%; z-index: 4}

.TW {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 38%; top: 50%;}
.TW::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
.TW_1 {position: absolute; width: 146px; height: 96px; background: url(../image/tw.png); left: 35%; top: 33%; z-index: 4}

.XJP {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 39%; top: 60%;}
.XJP::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
.XJP_1 {position: absolute; width: 146px; height: 96px; background: url(../image/xjp.png); left: 36%; top: 43%; z-index: 4}

.HG {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 39%; top: 41%;}
.HG::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
.HG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/hg.png); left: 36%; top: 24%; z-index: 4}

.YD {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 26%; top: 53%;}
.YD::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
.YD_1 {position: absolute; width: 146px; height: 96px; background: url(../image/yd.png); left: 23%; top: 35%; z-index: 4}

.TG {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 33%; top: 57%;}
.TG::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
.TG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/tg.png); left: 30%; top: 40%; z-index: 4}

.RB {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 43%; top: 42%;}
.RB::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
.RB_1 {position: absolute; width: 484px; height: 96px; background: url(../image/rb.png); left: 29%; top: 23%; z-index: 4}

.ZG {position: absolute; width: 10px; height: 10px; background: #faa481; border-radius: 50%; cursor: pointer; left: 34%; top: 45%;}
.ZG::before{content: ''; display: block; width: 10px; height: 10px; background: #faa481; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
.ZG_1 {position: absolute; width: 352px; height: 96px; background: url(../image/zg.png); left: 25%; top: 28%; z-index: 4}

.ChinaFrame {background: rgba(255,255,255,1); position: fixed; width: 100%; height: 100%; z-index: 101;}
.China {position: absolute; width: 1012px; height: 662px; left: 50%; top: 50%; margin: -331px 0px 0px -506px; background: url(../image/chinamap.png);}
.ChinaFrame span {position: absolute; right: 20px; top: 20px; background: url(../image/guanbi.svg); background-size: cover; width: 50px; height: 50px; cursor: pointer;}

@keyframes scaless{
        0%{
            transform: scale(1);
        }
        50%,75%{
                transform: scale(3);
            }
        75%,100%{
                opacity: 0;
            }
    }



@keyframes mouseMove {
  0% {
    margin-top: 20px;
  }
  50% {
    margin-top: 36px;
  }
  100% {
    margin-top: 20px;
  }
}
.inner-mouse {left: 0; bottom: 40px; width: 100%; height: 84px; color: #fff; text-align: center; position: absolute;}
.inner-mouse-img {animation: mouseMove 1.2s infinite linear;}


.ProfileBg {background: url(../image/profile_bg.jpg) no-repeat; background-size: cover; height: 100%; width: 100%; color: #fff; position: relative;}
.ProfileBg h2 {padding: 150px 0px 10px 0px; font-size: 48px;}
.ProfileBg h3 {font-size: 20px; font-weight: 300; line-height: 40px; width: 1000px;}
.ProfileBg h4 {font-size: 48px; font-weight: 300; letter-spacing: -1px;}
.ProfileBg h4 span {font-size: 12px;}
.ProfileBg h5 {font-size: 24px; font-weight: 300;}
.ProfileLine {position: absolute; width: 820px; bottom: 0px;}
.ProfileLine li {float: left; width: 185px; text-align: center; padding: 50px 10px 200px 10px;}
.ProfileLine > ul > li > img {width: 50px; margin: 0px auto 20px auto;}
.ProfileLine li.PL_1 {background: rgba(0,90,170,0.2);}
.ProfileLine li.PL_2 {background: rgba(0,90,170,0.3);}
.ProfileLine li.PL_3 {background: rgba(0,90,170,0.4);}
.ProfileLine li.PL_4 {background: rgba(0,90,170,0.5);}

.Container {width: 94%; margin: auto;}
.Wrap {width: 1140px; margin: auto;}

.ProfileBlock {position: relative;}
.ProfileBlockLong {width: 72%;}
.ProfileBlockShort {width: 28%;}
.ProfileWord {position: absolute; width: 28%; text-align: center; height: 110px; top: 50%; margin-top: -55px;}
.ProfileWord h2 {font-size: 48px; font-weight: 300; padding-bottom: 10px;}
.ProfileWord a {display: block; width: 188px; margin: auto; border: #005aaa 1px solid; color: #005aaa; line-height: 43px;}
.ProfileWord a:hover {background: #005aaa; color: #fff;}


.Banner {margin: 80px 0px 50px 0px; background: url(../image/banner_bg.jpg) no-repeat  center center; background-size: cover; height: 110px; padding: 40px 0px 0px 0px;}
.Banner h2 {font-size: 18px; padding-bottom: 5px; color: #fff;}
.Banner h3 {font-size: 30px; color: #fff;}

.LeftNav ul {margin-bottom: 30px;}
.LeftNav li a {border-bottom: #000 1px dotted; padding: 15px 0px 14px 10px; display: block;}
.LeftNav li a.Sub {border-bottom: none; padding: 10px 0px 10px 20px; font-size: 14px;}
.LeftNav li a.Current {font-weight: 700; color: #0998dc;}
.LeftNav h2 {border: #0998dc 1px solid; margin-bottom: 10px; text-align: center; line-height: 48px; color: #0998dc; font-size: 18px; background: #fafafa; font-weight: 700;}
.LeftNav h2.Current {background: #0998dc; color: #fff;}
.LeftNav h2.Current a {color: #fff;}

.BigTitle {font-size: 24px; padding-bottom: 16px; border-bottom: #666 1px dotted; margin-bottom: 30px; font-weight: 700;}
.ProTitle {background: url(../image/line_1.png) no-repeat center bottom; padding: 20px 0px; margin-bottom: 20px; text-align: center; font-size: 30px; font-weight: 700;}


.Milestone {background: url(../image/blue.jpg) repeat-y center center; margin:  50px 0px;}
.Milestone li {line-height: 20px; padding-bottom: 40px; position: relative; font-size: 14px; display: block; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; color: #666;}
.Milestone li: hover {color: #0998dc;}
.Milestone li.MSRight {margin-left: 420px;}
.Milestone li.MSRight span {display: block; position: absolute; background: #0998dc; height: 15px; width: 15px; border-radius: 100%; left: -7px; top: 2px;}
.Milestone li.MSLeft {text-align: right; margin-right: 420px;}
.Milestone li.MSLeft span {display: block; position: absolute; background: #0998dc; height: 15px; width: 15px; border-radius: 100%; right: -7px; top: 2px;}
.Milestone h2 {font-size: 18px; padding-bottom: 5px; color: #0998dc; font-weight: 600;}
.Milestone h3 {font-size: 16px; padding-top: 10px; color: #000; font-weight: 600;}

.Chairman {float: right; width: 360px; padding: 0px 0px 0px 50px; text-align: right;}

.Profile {line-height: 30px; padding-bottom: 50px;}

.LogoMean {background: #f8f8f8; padding: 20px; margin-bottom: 30px; line-height: 30px; border-bottom: #f1f1f1 5px solid;}
.LogoMean > img {float: left; width: 300px; padding: 20px 30px 20px 0px;}

.About {line-height: 30px; border-bottom: #666 1px dashed; padding: 15px 0px 14px 0px}
.About em.AL {float: left; width: 150px; font-weight: 600;}
.About em.AR {float: left; width: 600px; display: block; color: #666;}
.About a {display: block; float: right; color: #0998dc; font-size: 14px; text-decoration: underline;}


.Branch a {background: #fff; box-shadow: 0px 0px 10px #eee; margin: 20px; display: block; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: 0.8;}
.Branch a:hover {box-shadow: 0px 0px 20px #ddd; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; opacity: 1.0;}
.Branch p {line-height: 50px; padding-left: 20px; font-weight: 600; font-size: 18px;}

.BranchCurrent a {background: #fff; box-shadow: 0px 0px 10px #eee; margin: 20px; display: block;}
.BranchCurrent a:hover {box-shadow: 0px 0px 20px #ddd;}
.BranchCurrent p {line-height: 50px; padding-left: 20px; font-weight: 600; font-size: 18px;}

.Group li {background: #fafafa; border-bottom: #0998dc 2px solid; margin: 30px 0px 0px 0px; padding: 15px; position: relative;}
.Group li:last-child {margin: 30px 0px 50px 0px;}
.Group h2 {border-bottom: #e5e5e5 1px solid; font-size: 18px; padding-bottom: 9px; margin-bottom: 10px; font-weight: 600;}
.Group p {line-height: 30px;}
.Group i {position: absolute; right: 15px; top: 15px; color: #0998dc;}

.GroupFilter li {float: left; width: 20%; line-height: 40px; text-align: center; background: #f5f5f5; cursor: pointer;}
.GroupFilter li.Current {background: #0998dc; font-weight: 700; color: #fff;}


.CareerBg {position: relative; padding-top: 80px;}
.CareerBgTitle {position: absolute; width: 520px; height: 240px; top: 50%; margin-top: -120px; left: 5%;}
.CareerBgTitle h2 {font-size: 20px; font-weight: 300; color: #005aaa;}
.CareerBgTitle h3 {font-size: 48px; font-weight: 300; padding: 5px 0px;}
.CareerBgTitle h4 {font-size: 24px; font-weight: 300; color: #005aaa; line-height: 50px;}

.CareerSmall {background: #f8f8f8; margin-bottom: 20px; font-size: 16px; line-height: 35px;}
.CareerSmall h3 a {display: block; border: #0998dc 1px solid; line-height: 38px; color: #0998dc; margin-top: 20px; font-size: 14px; width: 300px; text-align: center;}
.CareerBlank {background: #fff; width: 400px; margin: 20px; border-radius: 10px; padding: 15px; float: right; font-size: 14px; line-height: 30px;}
.CareerBlank h2 {color: #0998dc; font-size: 16px;}

.CareerList {margin-bottom: 60px;}
.CareerList li {background: #fafafa; border-bottom: #666 1px dotted; padding: 19px 15px 19px 14px;}
.CareerList li:hover {background: #e7f0f5;}
.CareerList li:first-child {border-top: #0998dc 3px solid;}
.CareerList h2 a {float: left; width: 400px; color: #999; font-size: 16px; display: block;}
.CareerList h3 {float: left; font-size: 14px; width: 300px;}
.CareerList h4 {float: left; color: #999; width: 100px; font-size: 14px;}
.CareerList h5 {float: right; font-size: 14px;}

.CareerDetail {position: absolute; width: 800px; height: 400px; background: #fff; padding: 20px; left: 50%; top: 50%; margin: -220px 0px 0px -420px; line-height: 30px; overflow-y: scroll; overflow-x: hidden;}
.CareerDetail h2 {font-size: 20px; border-bottom: #e5e5e5 1px solid; padding-bottom: 9px; margin-bottom: 10px;}

.Contact {background: url(../image/contact_bg.jpg) no-repeat center center; background-size: cover; height: 90%;}
.ContactFrame {position: absolute; width: 1200px; height: 660px; top: 50%; margin: -330px 0px 0px -600px; background: rgba(255,255,255,0.9); left: 50%;}
.ContactBlock {width: 48%;}
.ContactBlock h2 {font-size: 18px; color: #0998dc; padding-bottom: 30px; font-weight: 700;}
.ContactBlock h3 {font-size: 16px; color: #0998dc; padding-bottom: 5px;}
.ContactBlock li {border-bottom: #e5e5e5 1px solid; padding: 20px 0px;}
.ContactBlock li:first-child {border-top: #e5e5e5 1px solid;}
.ContactBlock i {width: 60px; height: 50px; float: left; display: block; text-align: center; color: #0998dc;}
.ContactInput {border:#ddd 1px solid; padding:9px; width:95%; margin-top:20px; font-size:14px; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all;	-ms-transition:0.5s all;}
.ContactInput:focus {border:#0998dc 1px solid;}
.ContactTextaera {border:#ddd 1px solid; padding:9px; width:95%; margin-top:20px; font-size:14px; height:50px; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all;	-ms-transition:0.5s all;}
.ContactTextaera:focus {border:#0998dc 1px solid;}
.ContactBtn {border:#0998dc 1px solid; margin: 20px 0px 50px 0px; width:150px; line-height:40px; text-align:center; color:#0998dc; cursor:pointer; background:none; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all;	-ms-transition:0.5s all;}
.ContactBtn:hover {background:#0998dc; color:#fff;}
.Tips {line-height: 25px; margin: 10px 0px; color: #999;}

.Product {background: url(../image/product_bg.jpg) no-repeat center center; background-size: cover; height: 90%;}

#contentE {position: absolute; width: 90%; right: 0px; height: 690px; top: 50%; margin-top: -345px;}
#contentE .left {width:735px; margin: 0px 30px 0px 0px; position:relative; display:inline; float:left;}
#contentE .left p {color: #0998dc;}
#contentE .Box {border: #005aaa 1px solid; position: relative; background: #f9f9f9;}
#contentE .btns {height:35px; width:200px; margin: 10px 0px 30px 0px; float: right;}
#contentE .btns a {width:60px;height:35px; float: left; display: block; margin-right: 40px;}
#contentE .btns .up{background: url(../image/icon-jiantou-l.svg) no-repeat center center; background-size: cover;}
#contentE .btns .down{background: url(../image/icon-jiantou-r.svg) no-repeat center center; background-size: cover;}
#contentE .btns .uN,#contentE .btns  a:hover.uN{background: none;}
#contentE .btns .dN,#contentE .btns  a:hover.dN{background: none;}
#contentE .cons{width:1000000px;overflow:hidden;position:relative;height:580px; margin:auto}
#contentE .con{float:left;width:1000000px;position:absolute;left:0;top:0;}
.Show {padding: 20px;}
.Show h2 {font-size: 36px; color: #005aaa; padding-bottom: 10px;}
.Show p {line-height: 30px; display: block; min-height: 60px;}
.Show span {display: block; color: #005aaa; line-height: 20px; margin-top: 10px; font-size: 14px;}

.ProDot {position: absolute; width: 20px; height: 20px; background: #0058a8; border-radius: 50%; cursor: pointer; z-index: 2;}
.ProDot::before{content: ''; display: block; width: 20px; height: 20px; background: #0058a8; border-radius: 50%; opacity: 0.3; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
.ProDotSearch {width: 30px; height: 30px; text-align: center; background: #0058a8; border-radius: 100%; line-height: 30px; color: #fff; position: relative; z-index: 10; margin: -25px 0px 0px -5px;}

.ProDotOne {left: 375px; top: 290px;}
.ProDotTwo {right: 260px; top: 345px;}
.ProDotThree {right: 145px; top: 200px;}
.ProDotFour {right: 45px; top: 220px;}
.ProDotFive {right: 220px; top: 225px;}
.ProDotSix {right: 390px; top: 450px;}


.ProBlcok {position: absolute; padding: 5px 15px 5px 10px; border-radius: 10px; background: rgba(0,90,170,1.0); margin-bottom: 30px; z-index: 1;}
.ProBlcok::before {content: "\f0d7"; font-family: 'FontAwesome'; position: absolute; width: 20px; color: rgba(0,90,170,1.0); font-size: 24px; bottom: -15px; left: 50%; margin-left: -10px;}
.ProBlcok a {display: block; color: #fff; line-height: 20px; font-size: 14px; padding: 3px 0px;}


.ProBlcokOne {left: 326px; top: 187px;}
.ProBlcokTwo {right: 220px; top: 290px;}
.ProBlcokThree {right: 105px; top: 145px;}
.ProBlcokFour {right: -16px; top: 143px;}
.ProBlcokFive {right: 180px; top: 147px;}
.ProBlcokSix{right: 350px; top: 397px;}


.Pro {background-size: cover; height: 90%; overflow: hidden; position: relative;}
.ProMid {position: absolute; left: 10%; top: 20%; width: 45%;}
.ProMid h2 {float: left; font-size: 48px; color: #005aaa; padding-bottom: 20px;}
.ProMid p {font-size: 18px; line-height: 30px;}


.ProList {position: absolute; bottom: 80px; width: 100%;}
.ProList li a {float: left; width: 200px; background: rgba(255,255,255,0.8); padding: 10px; margin-left: 20px; line-height: 20px; font-size: 14px; height: 200px;}
.ProList li a:hover {background: rgba(255,255,255,1.0); margin-top: -20px;}
.ProList h2 {font-size: 16px; padding: 10px 0px 5px 0px; color: #005aaa; font-weight: 600;}
.ProList p {height: auto;}




.NewsTitle h2 {float: left; font-size: 48px; font-weight: 300; padding-top: 150px;}
.NewsList {padding: 20px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; background: #fff; margin: 20px 10px 0px 10px;}
.NewsList:hover {background: #f8f8f8;}
.NewsList h2 {font-size: 18px; color: #005aaa; padding: 20px 0px 0px 0px; height: 50px; overflow: hidden;}
.NewsList span {font-size: 16px; display: block; color: #777; padding: 10px 0px;}
.NewsList p {line-height: 25px; height: 50px; overflow: hidden;}
.NewsList em {display: block; border: #005aaa 1px solid; color: #005aaa; margin: 50px 80px 0px 80px; text-align: center; line-height: 38px; font-size: 14px; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
.NewsList:hover em {opacity: 1;}
.NewsList em:hover {background: #005aaa; color: #fff;}

.Years {float: right; border: #ccc 1px solid; background: #fff; width: 208px; height: 33px; margin-top: 150px; position: relative; text-align: center; line-height: 33px; font-size: 14px; cursor: pointer;}
.Years::before {content: "\f107"; font-family: 'FontAwesome'; position: absolute; line-height: 33px; right: 50px;}

.Years ul {position: absolute; background: #fff; border: #ccc 1px solid; width: 208px; margin-left: -1px; z-index: 10; border-bottom: none; display: none;}
.Years li a {border-bottom: #ccc 1px solid; line-height: 28px; font-size: 12px; text-align: center; display: block;}

.IndexClassMore a {display: block; width: 198px; line-height: 38px; border: #005aaa 1px solid; color: #005aaa; background: linear-gradient(#005aaa 50%, #fff 50%); background-size: 100% 200%; background-position: 0 100%; margin: 30px auto 50px auto; text-align: center; font-size: 14px;}
.IndexClassMore a:hover {-webkit-animation: myfirst 0.5s 1; background-position: 0 0%; color: #fff;}
@-webkit-keyframes myfirst
{
  0% {
        background-position: 0 100%;
    }
    100% {
        background-position: 0 0%;
    }
}

.NewsDetail {text-align:center; margin: 20px 0px; border-bottom: #e5e5e5 1px solid; padding-bottom: 19px;}
.NewsDetail h2 {font-size:20px; padding-bottom:10px; color: #0998dc;}
.NewsDetail h3 {font-size:12px; color:#999;}


.Choose {border-top:#e5e5e5 1px solid; margin: 50px 0px; padding-top:14px; line-height: 25px; font-size: 14px;}
.Choose p a.CLeft {background:url(../image/left.png) no-repeat left center; padding-left: 25px; color: #999;}
.Choose p a.CRight {background:url(../image/right.png) no-repeat left center; padding-left: 25px; color: #999;}

.NDetail {line-height:30px;}
.NDetail img {width: 700px; margin: auto;}


.Quan li a {width: 45%; line-height: 50px; border: #0998dc 1px solid; color: #0998dc; text-align: center; float: left; margin: 0px 20px 40px 20px; font-size: 16px;}
.Quan li a.Current {background: #0998dc; color: #fff; font-weight: 700;}

.Tab li {margin: 0px 10px 20px 0px; border: #e5e5e5 1px solid; cursor: pointer; display: block; float: left; line-height: 38px; padding: 0px 18px; background: #fff;}
.Tab li.Current {border: #0998dc 1px solid; color: #0998dc;}

.Tab_1 li {margin: 0px 10px 10px 0px; border: #e5e5e5 1px solid; cursor: pointer; display: block; float: left; line-height: 38px; padding: 0px 14px; background: #fff;}
.Tab_1 li.Current {border: #0998dc 1px solid; color: #0998dc;}

.Main {border-bottom: #0998dc 2px solid; padding: 20px; line-height: 30px; margin-bottom: 50px; background: #fafafa;}
.Main h2 {font-size: 16px; font-weight: 700; padding-bottom: 10px;}

.Bullet li {background:url(../image/dot.jpg) no-repeat left 11px; padding-left:18px; margin-bottom:5px; line-height:30px}

.SubNav li {cursor: pointer; float: left; margin: 0px 10px 50px 0px; border: #e5e5e5 1px solid; background: #fafafa; line-height: 38px; padding: 0px 19px; font-size: 14px;}
.SubNav li.Current {background: #0998dc; border: #0998dc 1px solid; color: #fff; font-weight: 700;}

.ContentBottom {margin-bottom: 50px; background: url(../image/contact_bottom.jpg) no-repeat center right; background-size: cover; padding: 20px; line-height: 30px;}
.ContentBottom h2 {font-size: 20px; padding-bottom: 5px;}

.ChinaTop {padding-top: 80px;}

.IndexBarOne {transform: skew(0, -5deg); background:#edf4fb; margin: -100px 0px 100px 0px; padding: 100px 0px;}
.IndexBarTwo {transform: skew(0, -5deg); background:#edf4fb; margin: 0px 0px 100px 0px; padding: 100px 0px;}
.ChinaMid {width: 800px; margin: auto; transform: skew(0, 5deg); text-align: center;}
.ChinaMid h2 {font-size: 30px; color: #005aaa; font-weight: 300; padding-bottom: 20px;}
.ChinaMid p {font-size: 18px; line-height: 30px; padding-bottom: 20px;}


.ChinaSearch {width: 640px; margin: auto; transform: skew(0, 5deg);}
.ChinaSearch h2 {font-size: 24px; padding-bottom: 10px; color: #005aaa;}
.ChinaSearch h3 {font-size: 48px; padding-bottom: 10px; color: #005aaa;}
.ChinaSearch a {display: block; padding-top: 10px; font-size: 14px;}
.ChinaSearchInput {background: #fff; border: #d7d7d7 1px solid; float: left; width: 500px; padding: 10px;}
.ChinaSearchBtn {border: none; background: #f47920; float: right; width: 118px; line-height: 39px; text-align: center; color: #fff; cursor: pointer;}


.ChinaMap {position: absolute; width: 678px; height: 560px; background: url(../image/chinamap.png) no-repeat center center; background-size: cover; top: 10px; left: 45%; margin-left: -339px;}
.ChinaMap a {display: block; line-height: 25px; font-size: 16px;}
.ChinaMap_1 {position: relative; width: 678px; height: 560px; margin: 0px auto 80px auto; background-size: cover;}
.ChinaMap_1 a {display: block; line-height: 25px; font-size: 16px;}
.C_1 {position: absolute; width: 264px; height: 44px; background: url(../image/c_1.png) no-repeat right bottom; padding: 0px 0px 20px 5px; top: 295px; left: 140px;}
.C_2 {position: absolute; width: 247px; background: url(../image/c_2.png) no-repeat right bottom; left: 550px; top: 170px; padding: 0px 0px 50px 70px;}
.C_3 {position: absolute; width: 282px; height: 162px; background: url(../image/c_3.png) no-repeat left bottom; padding: 0px 0px 0px 75px; top: 335px; left: 580px;}
.C_4 {position: absolute; width: 266px; height: 34px; background: url(../image/c_4.png) no-repeat right bottom; padding: 10px 0px 0px 5px; top: 370px; left: 320px;}
.C_5 {position: absolute; width: 331px; height: 34px; background: url(../image/c_5.png) no-repeat right bottom; padding: 10px 0px 0px 5px; top: 455px; left: 75px;}

#back-to-top {position:fixed; bottom:50px; right:10px; z-index:1000;}
#back-to-top a {display:block; width:40px; line-height:40px; border-radius: 100%; background:#009ce5; color:#fff; text-align:center;}


@media only screen and (max-width: 1440px){
	.Top {position: fixed; width: 100%; background: rgba(255,255,255,0.99); top: 0px; z-index: 100; height: 80px;}
	.Top em a {display: block; float: right; text-align: center; font-size: 12px; padding: 20px 15px 0px 0px; color: #005aaa; cursor: pointer;}
	.Top > em > a > img {margin: auto; width: 20px;}
	
	.Logo {float: left; width: 80px; padding: 25px 0px 0px 20px;}
	.Nav {float: left; margin-left: 20px; width: 860px;}
	.Nav li a {background: url(../image/line.png) no-repeat left center; padding: 25px 30px; float: left; text-align: center; height: 25px; line-height: 30px; display: block;}
	.Nav li a:hover {border-bottom: #009ce5 2px solid;}
	.Nav li.Current {border-bottom: #005aaa 2px solid;}
	
	.TopRight {float: right; width: 30px; height: 10px;}
	
	nav:not(.mm-menu) {display:none;}
	.header {width:20px; position:fixed; top:0px; z-index:1; height:20px; right: 0px;}
	.header a {display:block; position:absolute; color:#dbc361; top:20px;}
	.header a.Nav {right:15px;}
		
	.Quan li a {width: 40%; line-height: 30px; border: #0998dc 1px solid; color: #0998dc; text-align: center; float: left; margin: 0px 10px 40px 10px; font-size: 14px;}
	.Quan li a.Current {background: #0998dc; color: #fff; font-weight: 700;}
	.MG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/mg.png); right: 13%; top: 15%;}
	.JND_1 {position: absolute; width: 146px; height: 96px; background: url(../image/jnd.png); right: 16%; top: 3%;}
	.DG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/dg.png); left: 10%; top: 8%;}
	.FG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/fg.png); left: 8%; top: 13%;}
	.BL_1 {position: absolute; width: 146px; height: 96px; background: url(../image/bl.png); left: 13%; top: 6%;}
	.XG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/xg.png); left: 32%; top: 27%;}
	.TW_1 {position: absolute; width: 146px; height: 96px; background: url(../image/tw.png); left: 35%; top: 26%;}
	.XJP_1 {position: absolute; width: 146px; height: 96px; background: url(../image/xjp.png); left: 36%; top: 36%;}
	.HG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/hg.png); left: 36%; top: 17%;}
	.YD_1 {position: absolute; width: 146px; height: 96px; background: url(../image/yd.png); left: 23%; top: 28%;}
	.TG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/tg.png); left: 30%; top: 33%;}
	.RB_1 {position: absolute; width: 484px; height: 96px; background: url(../image/rb.png); left: 23.5%; top: 16%;}
	.ZG_1 {position: absolute; width: 352px; height: 96px; background: url(../image/zg.png); left: 22%; top: 21%;}
	

	.ProfileBg h2 {padding: 120px 0px 10px 0px; font-size: 40px;}
	.ProfileBg h3 {font-size: 18px; font-weight: 300; line-height: 30px; width: 1000px;}
	.ProfileBg h4 {font-size: 40px; font-weight: 300; letter-spacing: -1px;}
	.ProfileBg h4 span {font-size: 12px;}
	.ProfileBg h5 {font-size: 18px; font-weight: 300;}
	.ProfileLine {position: absolute; width: 780px; bottom: 0px;}
	.ProfileLine li {float: left; width: 150px; text-align: center; padding: 50px 10px 150px 10px;}
	.ProfileLine > ul > li > img {width: 50px; margin: 0px auto 20px auto;}
	.ProfileLine li.PL_1 {background: rgba(0,90,170,0.2);}
	.ProfileLine li.PL_2 {background: rgba(0,90,170,0.3);}
	.ProfileLine li.PL_3 {background: rgba(0,90,170,0.4);}
	.ProfileLine li.PL_4 {background: rgba(0,90,170,0.5);}

	
	.Contact {background: url(../image/contact_bg.jpg) no-repeat center center; background-size: cover; height: 95%;}
	.ContactFrame {position: absolute; width: 1000px; height: 500px; top: 53%; margin: -250px 0px 0px -500px; background: rgba(255,255,255,0.9); left: 50%;}
	.ContactBlock {width: 48%;}
	.ContactBlock h2 {font-size: 18px; color: #0998dc; padding-bottom: 30px; font-weight: 700;}
	.ContactBlock h3 {font-size: 16px; color: #0998dc; padding-bottom: 5px;}
	.ContactBlock li {border-bottom: #e5e5e5 1px solid; padding: 20px 0px;}
	.ContactBlock li:first-child {border-top: #e5e5e5 1px solid;}
	.ContactBlock i {width: 60px; height: 50px; float: left; display: block; text-align: center; color: #0998dc;}
	.ContactInput {border:#ddd 1px solid; padding:9px; width:95%; margin-top:10px; font-size:14px; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all;	-ms-transition:0.5s all;}
	.ContactInput:focus {border:#0998dc 1px solid;}
	.ContactTextaera {border:#ddd 1px solid; padding:9px; width:95%; margin-top:10px; font-size:14px; height:50px; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all;	-ms-transition:0.5s all;}
	.ContactTextaera:focus {border:#0998dc 1px solid;}
	.ContactBtn {border:#0998dc 1px solid; margin: 10px 0px; width:150px; line-height:40px; text-align:center; color:#0998dc; cursor:pointer; background:none; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all;	-ms-transition:0.5s all;}
	.ContactBtn:hover {background:#0998dc; color:#fff;}

	.Tips {line-height: 20px; margin: 5px 0px; color: #999; font-size: 12px;}
	
	.Product {background: url(../image/product_bg.jpg) no-repeat center center; background-size: cover; height: 95%;}
	#contentE {position: absolute; width: 90%; right: 0px; height: 480px; top: 50%; margin-top: -180px;}
	#contentE .left {width:500px; margin: 0px 30px 0px 0px; position:relative; display:inline; float:left;}
	#contentE .Box {border: #005aaa 1px solid; position: relative; background: #f9f9f9;}
	#contentE .Box p {font-size: 14px; line-height: 20px; height: 55px;}
	#contentE .btns {height:35px; width:180px; margin: 0px 0px 10px 0px; float: right;}
	#contentE .btns a {width:50px;height:35px; float: left; display: block; margin-right: 40px;}
	#contentE .btns .up{background: url(../image/icon-jiantou-l.svg) no-repeat center center; background-size: cover;}
	#contentE .btns .down{background: url(../image/icon-jiantou-r.svg) no-repeat center center; background-size: cover;}
	#contentE .btns .uN,#contentE .btns  a:hover.uN{background: none;}
	#contentE .btns .dN,#contentE .btns  a:hover.dN{background: none;}
	#contentE .cons{width:1000000px;overflow:hidden;position:relative;height:420px; margin:auto}
	#contentE .con{float:left;width:1000000px;position:absolute;left:0;top:0;}
	.Show {padding: 15px;}
	.Show h2 {font-size: 24px; color: #005aaa; padding-bottom: 0px;}
	.Show p {line-height: 25px;}
	.Show a {display: block; color: #005aaa; line-height: 20px; margin-top: 10px; font-size: 14px;}
	
	
	.ProDot {position: absolute; width: 20px; height: 20px; background: #0058a8; border-radius: 50%; cursor: pointer; z-index: 2;}
	.ProDot::before{content: ''; display: block; width: 20px; height: 20px; background: #0058a8; border-radius: 50%; opacity: 0.3; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.ProDotSearch {width: 30px; height: 30px; text-align: center; background: #0058a8; border-radius: 100%; line-height: 30px; color: #fff; position: relative; z-index: 10; margin: -25px 0px 0px -5px;}

	.ProDotOne {left: 255px; top: 200px;}
	.ProDotTwo {right: 180px; top: 245px;}
	.ProDotThree {right: 90px; top: 135px;}
	.ProDotFour {right: 25px; top: 155px;}
	.ProDotFive {right: 165px; top: 150px;}
	.ProDotSix {right: 275px; top: 320px;}


	.ProBlcok {position: absolute; padding: 5px 15px 5px 10px; border-radius: 10px; background: rgba(0,90,170,1.0);}
	.ProBlcok::before {content: "\f0d7"; font-family: 'FontAwesome'; position: absolute; width: 20px; color: rgba(0,90,170,1.0); font-size: 24px; bottom: -15px; left: 50%; margin-left: -10px;}
	.ProBlcok a {display: block; color: #fff; line-height: 20px; font-size: 14px; padding: 2px 0px;}


	.ProBlcokOne {left: 205px; top: 95px;}
	.ProBlcokTwo {right: 135px; top: 190px;}
	.ProBlcokThree {right: 50px; top: 85px;}
	.ProBlcokFour {right: -35px; top: 80px;}
	.ProBlcokFive {right: 125px; top: 70px;}
	.ProBlcokSix{right: 235px; top: 270px;}
	

	.NewsTitle h2 {float: left; font-size: 40px; font-weight: 300; padding-top: 95px;}
	.NewsList {padding: 15px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
	.NewsList:hover {background: #f8f8f8;}
	.NewsList h2 {font-size: 18px; color: #005aaa; padding: 10px 0px 0px 0px; height: 50px; overflow: hidden;}
	.NewsList span {font-size: 14px; display: block; color: #777; padding: 10px 0px;}
	.NewsList p {line-height: 20px; font-size: 14px; height: 55px;}
	.NewsList em {display: block; border: #005aaa 1px solid; color: #005aaa; margin: 20px 80px 0px 80px; text-align: center; line-height: 28px; font-size: 12px; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
	.NewsList:hover em {opacity: 1;}
	.NewsList em:hover {background: #005aaa; color: #fff;}
	
	.Years {float: right; border: #ccc 1px solid; background: #fff; width: 208px; height: 33px; margin-top: 100px; position: relative; text-align: center; line-height: 33px; font-size: 14px; cursor: pointer;}
	.Years::before {content: "\f107"; font-family: 'FontAwesome'; position: absolute; line-height: 33px; right: 50px;}

	.Years ul {position: absolute; background: #fff; border: #ccc 1px solid; width: 208px; margin-left: -1px; z-index: 10; border-bottom: none; display: none;}
	.Years li a {border-bottom: #ccc 1px solid; line-height: 28px; font-size: 12px; text-align: center; display: block;}
	
	.Pro {background-size: cover; height: 87%; overflow: hidden; position: relative;}
	.ProMid {position: absolute; left: 5%; top: 22%; width: 45%;}
	.ProMid h2 {float: left; font-size: 36px; color: #005aaa; padding-bottom: 10px; font-weight: 600;}
	.ProMid p {font-size: 18px; line-height: 30px;}

	.ProList {position: absolute; bottom: 20px; width: 100%;}
	.ProList li a {float: left; width: 160px; background: rgba(255,255,255,0.9); padding: 10px; margin-left: 10px; line-height: 18px; font-size: 14px; height: auto;}
	.ProList li a:hover {background: rgba(255,255,255,1.0); margin-top: -20px;}
	.ProList h2 {font-size: 14px; padding: 10px 0px 0px 0px; color: #005aaa; font-weight: 600; height: 40px;}
	.ProList p {height: 40px; display: none;}
	
	
	
	.IndexProBg {position: relative;}	
	.IndexOne {background: #e1f4fd; width: 74%; height: 75%; position: absolute; z-index: 1; margin-top: -50px;}
	.IndexOne > img {float: right; width: 32%;}
	.IndexTwo {position: relative; z-index: 2; width: 90%; margin: 50px auto 0px auto;}
	.IndexTwo h2 {font-size: 36px; padding-top: 0px;}

	.IndexTwoLeft {float: left; width: 250px; line-height: 25px; padding-top: 80px; font-size: 16px; color: #666;}
	.IndexTwoRight {float: right; width: 840px; position: relative; border: #005aaa 1px solid; margin-top: 50px;}
	.IndexTwoRightLink a {position: absolute; width: 100%; height: 100%; z-index: 10; display: none;}
	
	.IndexNewsBg {background: #edf4fb; height: 100%;}
	.IndexNewsTop li {float: left; width: 33.33%; position: relative;}
	.IndexNewsTopFrame {position: absolute; background: linear-gradient(to top,rgba(0, 90, 170, 0.5), rgba(0, 90, 170, 0)); width: 100%; height: 100%; color: #fff; text-align: center; z-index: 10;}
	.IndexNewsTopFrame h2 {position: absolute; width: 100%; font-size: 30px; bottom: 70px;}
	.IndexNewsTopFrame > i {position: absolute; width: 30px; line-height: 30px; border: #fff 1px solid; border-radius: 100%; left: 50%; margin-left: -16px; bottom: 20px;}
	.IndexNewsImg {overflow: hidden; width: 100%; height: 180px;}
	.IndexNewsTop li img {transition:transform 1.0s;}
	.IndexNewsTop li:hover img {transform:scale(1.2);}

	.IndexNew {padding: 30px 30px 0px 30px; position: relative; z-index: 5;}
	.IndexNew h2 {font-size: 30px; text-align: center;}
	.IndexNewList a {background: #fff; margin: 20px 20px 0px 20px; box-shadow: 0px 0px 5px #eee; padding: 20px 0px; display: block;}
	.IndexNewList span {background: #005aaa; color: #fff; float: left; display: block; padding: 0px 15px; font-size: 14px; line-height: 30px; margin: 20px 0px 10px 0px;}
	.IndexNewList h3 {font-size: 16px; font-weight: 300; padding: 10px 10px 0px 10px; height: 45px; overflow: hidden;}
	
	.Solution_bg {height: 100%; background: url(../image/solution_bg.jpg) no-repeat center center; background-size: cover;}
	.Solution {width: 84%; margin: auto;}
	.Solution h2 {font-size: 36px; font-weight: 600; padding-bottom: 30px;}
	.SolutionLeft {float: left; width: 45%; padding-top: 50px;}
	.SolutionLeft h3 {font-size: 24px; font-weight: 300; color: #005aaa; padding-bottom: 20px;}
	.SolutionLeft p {line-height: 30px;}
	.SolutionRight {float: right; width: 50%; padding-top: 0px;}
}



@media only screen and (max-width: 960px){
	
	.TopNav {position: absolute; width: 100%; z-index: 1;}

	.Top {position: fixed; width: 100%; background: rgba(255,255,255,0.99); top: 0px; z-index: 100; height: 50px;}
	.Top em a {display: block; float: right; text-align: center; padding: 17px 15px 0px 0px; font-size: 14px; color: #005aaa; cursor: pointer; position: relative; z-index: 2;}
	.Top > em > a > img {margin: auto; width: 18px;}
	.Top em p {display: none;}
	.Logo {float: left; width: 80px; padding: 10px 0px 0px 10px; position: relative; z-index: 2;}
	.Nav {float: left; margin-left: 30px; width: 860px;}
	.Nav li a {background: url(../image/line.png) no-repeat left center; padding: 25px 30px; float: left; text-align: center; height: 25px; line-height: 30px; display: block; border-bottom: #fff 2px solid;}
	.Nav li a:hover {border-bottom: #009ce5 2px solid;}
	.Nav li a.Current {border-bottom: #005aaa 2px solid;}
	
	.TopRight {float: right; width: 40px; height: 10px;}


	.SearchFrame {background: #fff; padding: 20px 0px; border-top: #f1f1f1 1px solid; position: fixed; top: 50px; width: 100%;}
	.Search {width: 90%; margin: 0px 0px 0px 10px; border-bottom: #005aaa 2px solid; position: relative;}
	.SearchInput {border: none; background: none; width: 80%; float: left; padding: 0px 0px 10px 0px; font-size: 14px;}
	.SearchBtn {float: right; width: 20px; height: 20px; background: url(../image/sousuo.svg) no-repeat center center; background-size: cover; cursor: pointer; margin-top: 3px; border: none;}
	.Guanbi {position: absolute; width: 20px; right: -25px; top: -10px; cursor: pointer; opacity: 0.5;}

	.Bottom {padding: 20px 10px 0px 10px; background: #fafafa; margin-top: 20px;}
	.Bottom ul {float: none; border-right: none; padding: 0px 10px; margin-right: 0px; height: auto; margin-bottom: 10px;}
	.Bottom ul:nth-child(5) {border-right: none; padding: 0px 10px; margin-right: 0px; margin-bottom: 10px;}
	.Bottom ul.Other_1 {width: auto;}
	.Bottom h2 {font-size: 16px; padding-bottom: 10px; margin-left: 0px;}
	.Bottom li {list-style: disc; display: inline; padding-right: 10px;}
	.Bottom li a {font-size: 14px; line-height: 30px; color: #666;}
	.Bottom li.Other {float: none; width: auto; display: inline; padding-right: 10px;}

	.BottomLogo {float: none; width: auto; margin-top: 30px;}
	.BottomLogo a {display: block; padding: 4px; border: #ddd 1px solid; margin: 0px 5px 10px 5px; width: 44%; float: left;}

	.BottomFrame {border-top: #e5e5e5 1px solid; margin-top: 15px; padding: 19px 0px 30px 0px; color: #999;}
	.BottomFrame h3 {font-size: 14px; line-height: 27px;}

	.Ga a {width: 260px; line-height: 27px; display: block; color: #999;}
	.Ga > a > img {float: left; width: 25px; padding-right: 5px;}


	.IndexProBg {position: relative;}
	.IndexOne {background: #e1f4fd; width: 100%; height: 75%; position: absolute; z-index: 1; margin-top: -50px;}
	.IndexOne > img {float: right; width: 50%;}
	.IndexTwo {position: relative; z-index: 2; width: 94%; margin: 50px auto 0px auto;}
	.IndexTwo h2 {font-size: 30px;}
	.IndexTwoLeft {float: none; width: auto; line-height: 25px; padding-top: 20px; font-size: 16px; color: #666;}
	.IndexTwoLeft span {color: #005aaa; font-size: 14px; line-height: 40px; display: none;}
	.IndexTwoLeft em {color: #005aaa; font-size: 14px; line-height: 40px; display: block;}
	.IndexTwoRight {float: right; width: auto; position: relative; border: #005aaa 1px solid; margin-top: 10px;}
	.IndexTwoRightLink a {position: absolute; width: 100%; height: 100%; z-index: 10; display: block;}

	.DownloadList a {border-bottom: #e5e5e5 1px dashed; padding: 0px 40px 19px 20px; position: relative; display: block; margin-bottom: 20px; background: url(../image/right.png) no-repeat left 10px;}
	.DownloadList i {position: absolute; right: 0px; color: #999; top: 50%; margin-top: -10px;}
	.DownloadList p {line-height: 25px; font-size: 16px;}
	.DownloadList:last-child {margin-bottom: 50px;}


	.Result {color: #999; padding-bottom: 30px;}


	.RightSide {position: fixed; top: 30%; right: 0px; background: #fff; width: 60px; z-index: 10;}
	.RightSide li {padding: 20px 15px; position: relative;}
	.RightSide li div {position: absolute; right: -310px; background: #fff; width: 150px; -webkit-transition:all .5s ease; -moz-transition:all .5s ease; -o-transition:all .5s ease; -ms-transition:all .5s ease; transition:all .5s ease; top: 20px; text-align: center; padding-bottom: 10px;}
	.RightSide li:hover div {right: 0px;}
	.RightSide em {display: block;}
	.RightImg {float: left; width: 30px;}

	.EW {position: absolute; width: 150px; right: 0px; top: -150px;}


	.IndexPro {width: 1600px; height: 450px; display: block;}
	.IndexProLeft {float: left; width: 380px; margin-top: 80px;}
	.IndexProLeft h3 {font-size: 24px; padding-bottom: 10px; color: #005aaa; font-weight: 600;}
	.IndexProLeft p {font-size: 18px; line-height: 30px;}
	.IndexProRight {float: right; position: relative; border: #005aaa 1px solid; width: 1100px; height: 568px; margin-top: 30px;}


	.Solution_bg {height: auto; background: url(../image/solution_bg.jpg) no-repeat center center; background-size: cover;}
	.Solution {width: 94%; margin: auto; padding-top: 30px;}
	.Solution h2 {font-size: 36px; font-weight: 600; padding-bottom: 0px;}
	.SolutionLeft {float: none; width: 100%; padding: 20px 0px;}
	.SolutionLeft h3 {font-size: 24px; font-weight: 300; color: #005aaa; padding-bottom: 20px;}
	.SolutionLeft p {line-height: 30px; font-weight: 300;}
	.SolutionRight {float: none; width: 100%;}


	.IndexNewsBg {background: #edf4fb; height: auto; padding-bottom: 30px;}
	.IndexNewsTop li {float: none; width: 100%; position: relative;}
	.IndexNewsTopFrame {position: absolute; background: linear-gradient(to top,rgba(0, 90, 170, 0.5), rgba(0, 90, 170, 0)); width: 100%; height: 100%; color: #fff; text-align: center; z-index: 10;}
	.IndexNewsTopFrame h2 {position: absolute; width: 100%; font-size: 30px; bottom: 70px;}
	.IndexNewsTopFrame > i {position: absolute; width: 30px; line-height: 30px; border: #fff 1px solid; border-radius: 100%; left: 50%; margin-left: -16px; bottom: 20px;}
	.IndexNewsImg {overflow: hidden; width: 100%; height: auto;}
	.IndexNewsTop li img {transition:transform 1.0s;}
	.IndexNewsTop li:hover img {transform:scale(1.2);}

	.IndexNew {padding: 30px 10px 0px 10px; position: relative; z-index: 5;}
	.IndexNew h2 {font-size: 36px; text-align: center;}
	.IndexNewList a {background: #fff; margin: 30px 5px 0px 5px; box-shadow: 0px 0px 5px #eee; padding: 20px 0px; display: block;}
	.IndexNewList a:hover {box-shadow: 0px 0px 10px #bad8f2;}
	.IndexNewList span {background: #005aaa; color: #fff; float: left; display: block; padding: 0px 15px; font-size: 12px; line-height: 25px; margin: 20px 0px 10px 0px;}
	.IndexNewList h3 {font-size: 16px; font-weight: 300; padding: 0px 10px;}


	.IndexMapBg {background: url(../image/map_bg.png) no-repeat center center; background-size: cover; height: auto; margin-top: 30px; padding-bottom: 20px;}
	.IndexMapBgTop {background: #0059a9; text-align: center; color: #fff; padding: 20px 0px;}
	.IndexMapBgTop h2 {font-size: 24px; padding-bottom: 5px;}
	.IndexMapBgTop p {font-size: 16px; padding: 0px 10px;}

	.Map {width: 96%; margin: 5% auto; position: relative;}

	.MG {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; right: 24%; top: 39%;}
	.MG::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.MG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/mg.png); right: 16%; top: 22%; z-index: 4;}

	.JND {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; right: 26%; top: 27%;}
	.JND::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.JND_1 {position: absolute; width: 146px; height: 96px; background: url(../image/jnd.png); right: 19%; top: 10%; z-index: 4}

	.DG {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 13%; top: 32%;}
	.DG::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.DG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/dg.png); left: 10%; top: 15%; z-index: 4}

	.FG {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 10.5%; top: 37%;}
	.FG::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.FG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/fg.png); left: 8%; top: 20%; z-index: 4}

	.BL {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 16%; top: 30%;}
	.BL::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.BL_1 {position: absolute; width: 146px; height: 96px; background: url(../image/bl.png); left: 13%; top: 13%; z-index: 4}

	.XG {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 35%; top: 52%;}
	.XG::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.XG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/xg.png); left: 32%; top: 34%; z-index: 4}

	.TW {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 38%; top: 50%;}
	.TW::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.TW_1 {position: absolute; width: 146px; height: 96px; background: url(../image/tw.png); left: 35%; top: 33%; z-index: 4}

	.XJP {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 39%; top: 60%;}
	.XJP::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.XJP_1 {position: absolute; width: 146px; height: 96px; background: url(../image/xjp.png); left: 36%; top: 43%; z-index: 4}

	.HG {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 39%; top: 41%;}
	.HG::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.HG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/hg.png); left: 36%; top: 24%; z-index: 4}

	.YD {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 26%; top: 53%;}
	.YD::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.YD_1 {position: absolute; width: 146px; height: 96px; background: url(../image/yd.png); left: 23%; top: 35%; z-index: 4}

	.TG {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 33%; top: 57%;}
	.TG::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.TG_1 {position: absolute; width: 146px; height: 96px; background: url(../image/tg.png); left: 30%; top: 40%; z-index: 4}

	.RB {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; left: 43%; top: 42%;}
	.RB::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.RB_1 {position: absolute; width: 484px; height: 96px; background: url(../image/rb.png); left: 29%; top: 23%; z-index: 4}

	.ZG {position: absolute; width: 10px; height: 10px; background: #faa481; border-radius: 50%; cursor: pointer; left: 34%; top: 45%;}
	.ZG::before{content: ''; display: block; width: 10px; height: 10px; background: #faa481; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.ZG_1 {position: absolute; width: 352px; height: 96px; background: url(../image/zg.png); left: 25%; top: 28%; z-index: 4}

	.ChinaFrame {background: rgba(255,255,255,1); position: fixed; width: 100%; height: 100%; z-index: 101;}
	.China {position: absolute; width: 1012px; height: 662px; left: 50%; top: 50%; margin: -331px 0px 0px -506px; background: url(../image/chinamap.png);}
	.ChinaFrame span {position: absolute; right: 20px; top: 20px; background: url(../image/guanbi.svg); background-size: cover; width: 50px; height: 50px; cursor: pointer;}

	.inner-mouse {left: 0; bottom: 40px; width: 100%; height: 84px; color: #fff; text-align: center; position: absolute;}
	.inner-mouse-img {animation: mouseMove 1.2s infinite linear;}

	.ProfileBg {background: url(../image/profile_bg.jpg) no-repeat right center; background-size: cover; height: 100%; width: 100%; color: #fff; position: relative;}
	.ProfileBg h2 {padding: 80px 0px 10px 0px; font-size: 36px;}
	.ProfileBg h3 {font-size: 16px; font-weight: 300; line-height: 30px; width: auto;}
	.ProfileBg h4 {font-size: 36px; font-weight: 300; letter-spacing: 0px;}
	.ProfileBg h4 span {font-size: 12px;}
	.ProfileBg h5 {font-size: 18px; font-weight: 300;}
	.ProfileLine {position: relative; width: auto; bottom: auto; margin-top: 30px;}
	.ProfileLine li {float: left; width: 50%; text-align: center; padding: 20px 0px;}
	.ProfileLine > ul > li > img {width: 50px; margin: 0px auto 20px auto;}
	.ProfileLine li.PL_1 {background: rgba(0,90,170,0.2);}
	.ProfileLine li.PL_2 {background: rgba(0,90,170,0.3);}
	.ProfileLine li.PL_3 {background: rgba(0,90,170,0.4);}
	.ProfileLine li.PL_4 {background: rgba(0,90,170,0.5);}

	.Container {width: 94%; margin: auto;}
	.Wrap {width: 100%; margin: auto;}

	.ProfileBlock {position: relative;}
	.ProfileBlockLong {width: 50%;}
	.ProfileBlockShort {width: 50%;}
	.ProfileWord {position: absolute; width: 50%; text-align: center; height: auto; top: 20%; margin-top: 0px;}
	.ProfileWord h2 {font-size: 18px; font-weight: 300; padding-bottom: 10px;}
	.ProfileWord a {display: block; width: 88px; margin: auto; border: #005aaa 1px solid; color: #005aaa; line-height: 28px; font-size: 14px;}
	.ProfileWord a:hover {background: #005aaa; color: #fff;}


	.Banner {margin: 80px 0px 50px 0px; background: url(../image/banner_bg.jpg) no-repeat right center; background-size: cover; height: 110px; padding: 40px 0px 0px 0px;}
	.Banner h2 {font-size: 18px; padding: 0px 0px 5px 20px; color: #fff;}
	.Banner h3 {font-size: 24px; color: #fff; padding-left: 20px;}

	.LeftNav {display: none;}
	.LeftNav ul {margin-bottom: 30px;}
	.LeftNav li a {border-bottom: #000 1px dotted; padding: 15px 0px 14px 10px; display: block;}
	.LeftNav li a.Sub {border-bottom: none; padding: 10px 0px 10px 20px; font-size: 14px;}
	.LeftNav li a.Current {font-weight: 700; color: #0998dc;}
	.LeftNav h2 {border: #0998dc 1px solid; margin-bottom: 10px; text-align: center; line-height: 48px; color: #0998dc; font-size: 18px; background: #fafafa; font-weight: 700;}
	.LeftNav h2.Current {background: #0998dc; color: #fff;}
	.LeftNav h2.Current a {color: #fff;}

	.BigTitle {font-size: 24px; padding-bottom: 16px; border-bottom: #666 1px dotted; margin: 0px 15px 30px 15px; font-weight: 700;}
	.ProTitle {background: url(../image/line_1.png) no-repeat center bottom; padding: 20px 0px; margin-bottom: 20px; text-align: center; font-size: 30px; font-weight: 700;}


	.Milestone {background: url(../image/blue.jpg) repeat-y center center; margin:  50px 0px;}
	.Milestone li {line-height: 20px; padding-bottom: 40px; position: relative; font-size: 14px; display: block; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; color: #666;}
	.Milestone li: hover {color: #0998dc;}
	.Milestone li.MSRight {margin-left: 420px;}
	.Milestone li.MSRight span {display: block; position: absolute; background: #0998dc; height: 15px; width: 15px; border-radius: 100%; left: -7px; top: 2px;}
	.Milestone li.MSLeft {text-align: right; margin-right: 420px;}
	.Milestone li.MSLeft span {display: block; position: absolute; background: #0998dc; height: 15px; width: 15px; border-radius: 100%; right: -7px; top: 2px;}
	.Milestone h2 {font-size: 18px; padding-bottom: 5px; color: #0998dc; font-weight: 600;}
	.Milestone h3 {font-size: 16px; padding-top: 10px; color: #000; font-weight: 600;}

	.Chairman {float: right; width: 150px; padding: 0px 0px 0px 20px; text-align: right;}

	.Profile {line-height: 30px; padding: 0px 15px 50px 15px;}

	.LogoMean {background: #f8f8f8; padding: 15pxpx; margin: 0px 15px 30px 15px; line-height: 30px; border-bottom: #f1f1f1 5px solid; font-size: 14px;}
	.LogoMean > img {float: left; width: 300px; padding: 20px 30px 20px 0px;}

	.About {line-height: 30px; border-bottom: #666 1px dashed; padding: 15px 0px 14px 0px; margin: 0px 15px;}
	.About em.AL {float: none; width: auto; font-weight: 600;}
	.About em.AR {float: none; width: auto; display: block; color: #666;}
	.About a {display: block; float: right; color: #0998dc; font-size: 14px; text-decoration: underline;}


	.Branch a {background: #fff; box-shadow: 0px 0px 10px #eee; margin: 20px; display: block; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: 0.8;}
	.Branch a:hover {box-shadow: 0px 0px 20px #ddd; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; opacity: 1.0;}
	.Branch p {line-height: 50px; padding-left: 20px; font-weight: 600; font-size: 18px;}

	.BranchCurrent a {background: #fff; box-shadow: 0px 0px 10px #eee; margin: 20px; display: block;}
	.BranchCurrent a:hover {box-shadow: 0px 0px 20px #ddd;}
	.BranchCurrent p {line-height: 50px; padding-left: 20px; font-weight: 600; font-size: 18px;}

	.Group li {background: #fafafa; border-bottom: #0998dc 2px solid; margin: 30px 10px 0px 10px; padding: 15px; position: relative;}
	.Group li:last-child {margin: 30px 10px 50px 10px;}
	.Group h2 {border-bottom: #e5e5e5 1px solid; font-size: 18px; padding-bottom: 9px; margin-bottom: 10px; font-weight: 600;}
	.Group p {line-height: 30px;}
	.Group i {position: absolute; right: 15px; top: 15px; color: #0998dc;}

	.GroupFilter li {float: left; width: 33%; line-height: 40px; text-align: center; background: #f5f5f5; cursor: pointer; font-size: 14px; margin: 0px 1px 1px 0px;}
	.GroupFilter li.Current {background: #0998dc; font-weight: 700; color: #fff;}


	.CareerBg {position: relative; padding-top: 60px; margin-bottom: 30px;}
	.CareerBgTitle {position: absolute; width: 80%; height: auto; top: 40%; margin-top: -0px; left: 5%;}
	.CareerBgTitle h2 {font-size: 18px; font-weight: 300; color: #005aaa;}
	.CareerBgTitle h3 {font-size: 30px; font-weight: 300; padding: 5px 0px;}
	.CareerBgTitle h4 {font-size: 18px; font-weight: 300; color: #005aaa; line-height: 50px; display: none;}

	.CareerSmall {background: #f8f8f8; margin: 0px 10px 20px 10px; font-size: 16px; line-height: 30px; padding-bottom: 20px;}
	.CareerBlank {background: #fff; width: auto; margin: 0px 20px; border-radius: 10px; padding: 15px; float: none; font-size: 14px; line-height: 30px;}
	.CareerBlank h2 {color: #0998dc; font-size: 16px;}

	.CareerList {margin: 0px 10px 30px 10px;}
	.CareerList li {background: #fafafa; border-bottom: #666 1px dotted; padding: 19px 15px 19px 14px;}
	.CareerList li:hover {background: #e7f0f5;}
	.CareerList li:first-child {border-top: #0998dc 3px solid;}
	.CareerList h2 a {float: left; width: 400px; color: #999; font-size: 16px; display: block;}
	.CareerList h3 {float: left; font-size: 14px; width: 300px;}
	.CareerList h4 {float: left; color: #999; width: 100px; font-size: 14px;}
	.CareerList h5 {float: right; font-size: 14px;}

	.CareerDetail {position: absolute; width: 800px; height: 400px; background: #fff; padding: 20px; left: 50%; top: 50%; margin: -220px 0px 0px -420px; line-height: 30px; overflow-y: scroll; overflow-x: hidden;}
	.CareerDetail h2 {font-size: 20px; border-bottom: #e5e5e5 1px solid; padding-bottom: 9px; margin-bottom: 10px;}

	.Contact {background: url(../image/contact_bg.jpg) no-repeat center center; background-size: cover; height: auto; margin-top: 60px;}
	.ContactFrame {position: relative; width: 100%; height: auto; top: 0%; margin: 0px auto; background: rgba(255,255,255,0.7); left: 0%;}
	.ContactBlock {width: 100%;}
	.ContactBlock h2 {font-size: 16px; color: #0998dc; padding-bottom: 30px; font-weight: 700;}
	.ContactBlock h3 {font-size: 14px; color: #0998dc; padding-bottom: 5px;}
	.ContactBlock li {border-bottom: #e5e5e5 1px solid; padding: 20px 0px;}
	.ContactBlock li:first-child {border-top: #e5e5e5 1px solid;}
	.ContactBlock i {width: 60px; height: 50px; float: left; display: block; text-align: center; color: #0998dc;}
	.ContactInput {border:#ddd 1px solid; padding:14px; width:90%; margin-top:20px; font-size:14px; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all;	-ms-transition:0.5s all;}
	.ContactInput:focus {border:#0998dc 1px solid;}
	.ContactTextaera {border:#ddd 1px solid; padding:14px; width:90%; margin-top:20px; font-size:14px; height:50px; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all;	-ms-transition:0.5s all;}
	.ContactTextaera:focus {border:#0998dc 1px solid;}
	.ContactBtn {border:#0998dc 1px solid; margin: 20px 0px 50px 0px; width:150px; line-height:40px; text-align:center; background:#0998dc; color:#fff; cursor:pointer; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all;	-ms-transition:0.5s all;}
	.ContactBtn:hover {background:#0998dc; color:#fff;}
	.Tips {line-height: 25px; margin: 10px 0px; color: #999;}

	.Product {background: url(../image/product_bg.jpg) no-repeat center center; background-size: cover; height: auto;}

	#contentE {position: relative; width: 94%; right: 0px; height: auto; top: 0%; margin: 0 auto; padding-top: 80px;}
	#contentE .left{width: 100%; margin: 0px 0px 20px 0px; position:relative; display:block; float:none;}
	#contentE .Box {border: #005aaa 1px solid; position: relative; background: #f9f9f9;}
	#contentE .btns {height:35px; width:200px; margin: 0px 0px 30px 0px; display: none;}
	#contentE .btns a {width:60px;height:35px; float: left; display: block; margin-right: 40px;}
	#contentE .btns .up{background: url(../image/icon-jiantou-l.svg) no-repeat center center; background-size: cover;}
	#contentE .btns .down{background: url(../image/icon-jiantou-r.svg) no-repeat center center; background-size: cover;}
	#contentE .btns .uN,#contentE .btns  a:hover.uN{background: none;}
	#contentE .btns .dN,#contentE .btns  a:hover.dN{background: none;}
	#contentE .cons{width:auto;overflow:hidden;position:relative;height:1200px; margin:auto}
	#contentE .con{float:none;width:auto;position:absolute;left:0;top:0;}
	.Show {padding: 15px;}
	.Show h2 {font-size: 24px; color: #005aaa; padding-bottom: 0px;}
	.Show p {line-height: 30px;}
	.Show span {display: block; color: #005aaa; line-height: 20px; margin-top: 10px; font-size: 14px;}

	.ProDot {position: absolute; width: 10px; height: 10px; background: #0058a8; border-radius: 50%; cursor: pointer; z-index: 2;}
	.ProDot::before{content: ''; display: block; width: 10px; height: 10px; background: #0058a8; border-radius: 50%; opacity: 0.3; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.ProDotSearch {width: 30px; height: 30px; text-align: center; background: #0058a8; border-radius: 100%; line-height: 30px; color: #fff; position: relative; z-index: 10; margin: -25px 0px 0px -5px; display: none;}

	.ProDotOne {left: 32%; top: 54%;}
	.ProDotTwo {right: 22%; top: 60%;}
	.ProDotThree {right: 11%; top: 36%;}
	.ProDotFour {right: 4%; top: 40%;}
	.ProDotFive {right: 20%; top: 38%;}
	.ProDotSix {right: 33%; top: 80%;}


	.ProBlcok {position: absolute; padding: 5px 15px 5px 10px; border-radius: 10px; background: rgba(0,90,170,1.0); margin-bottom: 30px; z-index: 1; display: none;}
	.ProBlcok::before {content: "\f0d7"; font-family: 'FontAwesome'; position: absolute; width: 20px; color: rgba(0,90,170,1.0); font-size: 24px; bottom: -15px; left: 50%; margin-left: -10px;}
	.ProBlcok a {display: block; color: #fff; line-height: 20px; font-size: 14px; padding: 3px 0px;}


	.ProBlcokOne {left: 326px; top: 187px;}
	.ProBlcokTwo {right: 106px; top: 260px;}
	.ProBlcokThree {right: -10px; top: 118px;}
	.ProBlcokFour {right: -16px; top: 143px;}
	.ProBlcokFive {right: 180px; top: 147px;}
	.ProBlcokSix{right: 350px; top: 397px;}


	.Pro {background-size: cover; height: auto; overflow: hidden; position: relative; margin-top: 60px;}
	.ProMid {position: absolute; left: 0px; top: 40px; z-index: 2; width: auto;}
	.ProMid h2 {float: left; background: rgba(255,255,255,0.8); padding: 15px; font-size: 30px; color: #005aaa;}
	.ProMid p {background: rgba(255,255,255,0.8); padding: 15px; font-size: 18px; line-height: 30px; display: none;}

	.ProList {position: relative; bottom: 0px; width: 100%;}
	.ProList li a {float: none; width: auto; background: #f8f8f8; padding: 10px; margin: 20px 0px 0px 0px; line-height: 20px; font-size: 14px; height: auto; display: block;}
	.ProList li a:hover {background: rgba(255,255,255,1.0); margin-top: -20px;}
	.ProList h2 {font-size: 18px; padding: 10px 0px; color: #005aaa; font-weight: 400; height: auto;}
	.ProList p {height: auto; display: block;}




	.NewsTitle h2 {float: none; font-size: 36px; font-weight: 300; padding-top: 80px;}
	.NewsList {padding: 15px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease; background: #fff; margin: 20px 0px 0px 0px;}
	.NewsList:hover {background: #f8f8f8;}
	.NewsList h2 {font-size: 20px; color: #005aaa; padding: 20px 0px 0px 0px; height: auto; overflow: hidden;}
	.NewsList span {font-size: 16px; display: block; color: #777; padding: 10px 0px;}
	.NewsList p {line-height: 25px; height: auto; overflow: hidden;}
	.NewsList em {display: none; border: #005aaa 1px solid; color: #005aaa; margin: 50px 80px 0px 80px; text-align: center; line-height: 38px; font-size: 14px; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease; transition: all .5s ease;}
	.NewsList:hover em {opacity: 1;}
	.NewsList em:hover {background: #005aaa; color: #fff;}

	.Years {float: none; border: #ccc 1px solid; background: #fff; width: 208px; height: 33px; margin-top: 10px; position: relative; text-align: center; line-height: 33px; font-size: 14px; cursor: pointer;}
	.Years::before {content: "\f107"; font-family: 'FontAwesome'; position: absolute; line-height: 33px; right: 50px;}

	.Years ul {position: absolute; background: #fff; border: #ccc 1px solid; width: 208px; margin-left: -1px; z-index: 10; border-bottom: none; display: none;}
	.Years li a {border-bottom: #ccc 1px solid; line-height: 28px; font-size: 12px; text-align: center; display: block;}

	.IndexClassMore a {display: block; width: 198px; line-height: 38px; border: #005aaa 1px solid; color: #005aaa; background: linear-gradient(#005aaa 50%, #fff 50%); background-size: 100% 200%; background-position: 0 100%; margin: 30px auto 50px auto; text-align: center; font-size: 14px;}
	.IndexClassMore a:hover {-webkit-animation: myfirst 0.5s 1; background-position: 0 0%; color: #fff;}


	.NewsDetail {text-align:center; margin: 20px 10px; border-bottom: #e5e5e5 1px solid; padding-bottom: 19px;}
	.NewsDetail h2 {font-size:20px; padding-bottom:10px; color: #0998dc;}
	.NewsDetail h3 {font-size:12px; color:#999;}


	.Choose {border-top:#e5e5e5 1px solid; margin: 50px 10px; padding-top:14px; line-height: 25px; font-size: 14px;}
	.Choose p a.CLeft {background:url(../image/left.png) no-repeat left center; padding-left: 25px; color: #999;}
	.Choose p a.CRight {background:url(../image/right.png) no-repeat left center; padding-left: 25px; color: #999;}

	.NDetail {line-height:30px; padding: 0px 10px;}
	.NDetail img {width: 100%; margin: auto;}


	.Quan li a {width: 40%; line-height: 40px; height: 40px; border: #0998dc 1px solid; color: #0998dc; text-align: center; float: left; margin: 0px 10px 40px 10px; font-size: 14px;}
	.Quan li a.Current {background: #0998dc; color: #fff; font-weight: 700;}

	.Tab li {margin: 0px 10px 20px 0px; border: #e5e5e5 1px solid; cursor: pointer; display: block; float: left; line-height: 38px; padding: 0px 18px; background: #fff;}
	.Tab li.Current {border: #0998dc 1px solid; color: #0998dc;}

	.Tab_1 li {margin: 0px 10px 10px 0px; border: #e5e5e5 1px solid; cursor: pointer; display: block; float: left; line-height: 38px; padding: 0px 14px; background: #fff;}
	.Tab_1 li.Current {border: #0998dc 1px solid; color: #0998dc;}

	.Main {border-bottom: #0998dc 2px solid; padding: 15px; line-height: 30px; margin: 0px 10px 20px 10px; background: #fafafa;}
	.Main h2 {font-size: 16px; font-weight: 700; padding-bottom: 10px;}

	.Bullet li {background:url(../image/dot.jpg) no-repeat left 11px; padding-left:18px; margin-bottom:5px; line-height:30px}

	.SubNav li {cursor: pointer; float: left; margin: 0px 10px 50px 0px; border: #e5e5e5 1px solid; background: #fafafa; line-height: 38px; padding: 0px 19px; font-size: 14px;}
	.SubNav li.Current {background: #0998dc; border: #0998dc 1px solid; color: #fff; font-weight: 700;}

	.ContentBottom {margin-bottom: 20px; background: url(../image/contact_bottom.jpg) no-repeat center right; background-size: cover; padding: 20px; line-height: 30px;}
	.ContentBottom h2 {font-size: 20px; padding-bottom: 5px;}

	.ChinaTop {padding-top: 60px;}

	.IndexBarOne {transform: skew(0, -5deg); background:#edf4fb; margin: -20px 0px 50px 0px; padding: 50px 0px;}
	.IndexBarTwo {transform: skew(0, -5deg); background:#edf4fb; margin: 0px 0px 50px 0px; padding: 50px 0px;}
	.ChinaMid {width: 90%; margin: auto; transform: skew(0, 5deg); text-align: center;}
	.ChinaMid h2 {font-size: 25px; color: #005aaa; font-weight: 300; padding-bottom: 20px;}
	.ChinaMid p {font-size: 16px; line-height: 30px; padding-bottom: 20px;}


	.ChinaSearch {width: 96%; margin: auto; transform: skew(0, 5deg);}
	.ChinaSearch h2 {font-size: 18px; padding-bottom: 10px; color: #005aaa;}
	.ChinaSearch h3 {font-size: 30px; padding-bottom: 10px; color: #005aaa;}
	.ChinaSearch a {display: block; padding-top: 10px; font-size: 14px;}
	.ChinaSearchInput {background: #fff; border: #d7d7d7 1px solid; float: left; width: 58%; padding: 10px;}
	.ChinaSearchBtn {border: none; background: #f47920; float: right; width: 118px; line-height: 39px; text-align: center; color: #fff; cursor: pointer;}


	.ChinaMap {position: relative; width: 678px; height: 560px; background: url(../image/chinamap.png) no-repeat center center; margin: 0px auto 80px auto; background-size: cover;}
	.ChinaMap a {display: block; line-height: 25px; font-size: 14px;}
	
	.ChinaMap_1 {position: relative; width: 96%; height: auto; background: none; margin: 0px auto 80px auto; background-size: cover;}
	.ChinaMap_1 a {display: block; line-height: 25px; font-size: 16px; display: none;}
	
	.C_1_1 {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; right: 46%; top: 53%;}
	.C_1_1::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.C_2_1 {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; right: 18%; top: 53%;}
	.C_2_1::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.C_3_1 {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; right: 11%; top: 60%;}
	.C_3_1::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.C_4_1 {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; right: 14%; top: 66%;}
	.C_4_1::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	.C_5_1 {position: absolute; width: 10px; height: 10px; background: #bafffb; border-radius: 50%; cursor: pointer; right: 40%; bottom: 15%;}
	.C_5_1::before{content: ''; display: block; width: 10px; height: 10px; background: #00e9f8; border-radius: 50%; opacity: 0.7; animation: scaless 1s infinite cubic-bezier(0,0,0.49,1.02);}
	
	.Na p {padding: 0px 15px;}
	.Na li {margin: 0px 15px;}
	
	table {font-size: 12px;}
	td {padding: 5px;}
}