@charset "utf-8";

body{ overflow-x:hidden; min-width: 100vw; }

body{ color:#171717; height:auto; box-sizing:border-box; font-size:14px; line-height:1.75; min-width:1280px;}

.course{-moz-user-select: none; /*火狐*/

-webkit-user-select: none;  /*webkit浏览器*/

-ms-user-select: none;   /*IE10*/

-khtml-user-select: none; /*早期浏览器*/

user-select: none;}

a{ color:#171717; text-decoration:none;}

a:hover{ text-decoration:none; color:#164181;}

i,em{ font-style:normal;}

a[href="javascript:void(0);"]{ cursor: default;}

ffffffff{transition: all 0.3s ease-out;}

hhhhhhhhhhh{ overflow:hidden;}

ddddddddd{ transform:scale(1.05,1.05);}

tttttttttttt{ transform:translateY(-5px); box-shadow:0 0 10px rgba(0,0,0,0.2);}

yyyyyyyyyyyy{ transform:translateY(-2px);}

.slick-arrow:before,

.bMain3_2 .h3 i,

.hMenu .h3 span:before,

.more1:before,

.menu span,

.menu i{

font-family:"iconfont" !important; font-size:1em; font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;

}

.menu-link{

-webkit-transition: all 0.2s ease-out;

-moz-transition: all 0.2s ease-out;

-ms-transition: all 0.2s ease-out;

-o-transition: all 0.2s ease-out;

transition: all 0.2s ease-out;

}

.menu-link *{box-sizing: border-box;}

.menu-link { display:none; border-radius:5px; box-sizing: border-box; position: absolute; top:50%; margin-top:-20px; right:0px; margin-right:-8px;font-size: 11px;z-index: 10;width:40px;height:40px; padding:8px;}

.menu-link:hover,

.menu-link:focus {}

.menu-link span {position: relative;display: block;margin-top:10px;}

.menu-link span,

.menu-link span:before,

.menu-link span:after {background-color: #fff;width: 100%;height:2px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}

.menu-link span:before,

.menu-link span:after {position: absolute;top: -.55em;content: " ";}

.menu-link span:after {top: .55em;}

.menu-link.active span {background: transparent;}

.menu-link.active span:before {background-color: #00aeef;

-webkit-transform: rotate(45deg) translate(.5em, .4em);

-moz-transform: rotate(45deg) translate(.5em, .4em);

-ms-transform: rotate(45deg) translate(.5em, .4em);

-o-transform: rotate(45deg) translate(.5em, .4em);

transform: rotate(45deg) translate(.5em, .4em);

}

.menu-link.active span:after {background-color: #00aeef;

-webkit-transform: rotate(-45deg) translate(.4em, -.3em);

-moz-transform: rotate(-45deg) translate(.4em, -.3em);

-ms-transform: rotate(-45deg) translate(.4em, -.3em);

-o-transform: rotate(-45deg) translate(.4em, -.3em);

transform: rotate(-45deg) translate(.4em, -.3em);

}

.wp{  width:1500px; margin: 0 auto;position: relative;}



/*搜索*/

.search_tit{ font-size:18px; height:20px; line-height:20px; color:#25211e; border-left:2px solid #10347e; padding-left:14px; margin-bottom:24px;}

.search_tit span{ color:#10347e; margin-left:0.5em;}

.search_list{ background:#fff; padding:50px 0 80px 0; min-height:25vh;}

.search_list ul{ border-top:1px dashed #ccc;}

.search_list li{ padding:15px 0; border-bottom:1px dashed #ccc;}

.search_list .pd{}

.search_list .h3{ font-size:18px;}

.search_list .h3 em{ color:#10347e; margin-right:10px;}

.search_list .em{ font-size:14px; color:#ccc;}

.search_list .p{ font-size:14px; color:#666;}

@media screen and (max-width:768px){

.search_tit{}

.search_list{ padding: 20px 0 30px 0; min-height: 20vh;}

.search_list .h3{ font-size:14px;}

}

/*视频*/

.play_btn{ background:#000; display:block;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease; position:relative;}

.play_btn i{ position:absolute; left:0px; top:0px; right:0px; bottom:0px; color:#fff; cursor:pointer; background:rgba(0,0,0,0.5); transition: 0.3s all;}

.play_btn i:before{ width:2em; height:2em; font-size:32px; line-height:2; position:absolute; left:50%; top:50%; margin:-1em 0 0 -1em; border-radius:50%; text-align:center; background: rgba(0,0,0,0.3); transition: 0.3s all;}

.play_btn:hover i{ color:#fff; background:rgba(0,0,0,0);}

.video_bg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:42; display:none;}

.video_box{ position:fixed; width:1200px; height:auto; left:50%; top:50%; margin:-360px 0 0 -600px; z-index:43; display:none;}

.video_box .img_cut{ background:#000;}

.video_box i{ color:#fff; width:40px; height:40px; position:absolute; text-align:center; line-height:40px; background-color:#C01924; border-radius:50%; cursor:pointer; z-index:37; left:50%; bottom:-50px; margin-left:-20px;}

.video_box i:hover{ background: #802C19;}

.video_box video{ width:100%; height:auto; display:block;}

.video_box iframe{ width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:36;}

.video_box_vr i{ position:fixed; top:30px; right:30px; bottom:auto; left:auto; margin:0px;}

@media screen and (max-width:768px){

.video_box{ left:0px; margin:0; top:0px; height:auto; right:0px; width:auto;}

.video_box video{ height:auto;}

}

/*悬浮菜单*/

.subNav{ position: fixed; right: 0px; top:50%; width: 60px; margin-top: -102px; z-index: 5;}

.subNav ul{ box-shadow: 0 0 10px rgba(255,255,255,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1);border-radius: 5px;}

.subNav li{ border-bottom: 1px solid #ccc; position: relative;}

.subNav li:first-child .h3 a{ border-radius: 5px 0 0 0;}

.subNav li:last-child .h3 a{ border-radius:0 0 0 5px;}

.subNav li:last-child{ border-bottom: none;}

.subNav .h3 a{ display: block; font-size: 12px; line-height: 1; text-align: center; padding: 10px 0; background: #fff; color: #000;}

.subNav .h3 i{ font-size: 2em; margin-bottom: 5px; display: block; line-height: 1;}

.subNav .h3 span{ font-size: 1em; display: block; line-height: 1;}

.subNav .box{ display: none; right: 100%; position: absolute; top: 0px; padding-right: 10px;}

.subNav .box .pd{ background: #fff; box-shadow: 0 0 10px  rgba(0,0,0,0.3); border-radius: 5px; padding-bottom: 10px;}

.subNav .li3 .box{ width: 140px; font-size: 12px; text-align: center; line-height: 1.2;}

.subNav .li3 .box img{ width: 100%; height: auto; display:block; border-radius: 5px;}

.subNav .li1 .box{ width: 240px;}

.subNav .li1 .box .pd{ padding: 20px;}

.subNav .li1 .box strong{ display: block; font-size: 16px; color: #000; line-height: 1; margin-bottom: 0.25em;}

.subNav .li1 .box a{ font-size: 18px; font-weight: bold; color: #164181; line-height: 1;}

.subNav li:hover .h3 a{ background: #164181; color: #fff;}

.subNav li:hover .box{ display: block;}

/*内页*/

.pBanner{ padding-top: 80px; background: #164181;}

.pBanner .pd{ display: block; position: relative;}

.pBanner .img{ overflow: hidden;}

.pBanner .img:before{ content: ''; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; background: rgba(0,0,0,0.1);}

.pBanner .img img{ width: 100vw; height: auto; display: block;}

.pBanner .text{ position: absolute; left: 50%; width: 1280px; margin-left: -640px; top: 0px; bottom: 0px; text-align: center; color: #fff;}

.pBanner .h3{ font-size: 2.25em; letter-spacing: 0.2em; line-height: 1.2; margin-bottom: 0.75em;}

.pBanner .em{ font-size: 1.25em; letter-spacing: 0.2em; line-height: 1.2; font-family:Arial,"Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,'PingFang SC',"Museo300", "Open Sans", "Hiragino Sans GB", STXihei, sans-serif;}

.pNav{ background: #f6f6f6; position: relative; z-index: 2;}

.pNav li{ float: left; margin-right: 2.5em; position: relative;}

.pNav .h3{ position: relative;}

.pNav .h3 i{ position: absolute; top: 50%; right: 0px; height: 24px; text-align: center; line-height: 24px; width: 24px; margin-top: -15px; display: none;}

.pNav .h3 a{ display: block; height: 3.75em; line-height: 3.75; position: relative; z-index: 2;}

.pNav .h3:before{ content: ''; position: absolute; left: 50%; width: 0%; bottom: 0px; height: 2px; background: #164181; transition: 0.3s all;}

.pNav li:hover .h3:before,

.pNav li.curr .h3:before{ width: 100%; left: 0%;}

.pNav .box{ position: absolute; left: 50%; margin-left: -90px; display: none; top: 100%; width: 180px; background: #fff; box-shadow:2px 2px 5px rgba(0,0,0,0.175); font-size: 14px; text-align: center; padding: 1em 0;}

.pNav .box a{ display: block; line-height: 1.5; padding: 0.5em 0; }

.pNav .box a:hover{ background:#164181; color:#fff;}

.pNav .dl{ position:relative;}

.pNav .dt{ position:relative;}

.pNav .dd{ display:none; position:absolute; left:100%; top:0px; width:230px; box-shadow:2px 2px 5px rgba(0,0,0,0.175);}

.pNav .dd a{ background:#fff;}

.pNav .dl:hover .dt a{background:#164181; color:#fff;}

.pNav .dl:hover .dd{ display:block;}

.pNav li:hover .box{ display: block;}

.tit2{ color: #000; font-size: 2.25em; line-height:1; margin-bottom: 2em; text-align: center;}

.tit2_2{ color: #fff; margin-bottom: 3em;}

.tit2_3{ color: #fff; position: absolute; left: 0px; top: 0px;}

.pMain{ padding: 6.25vw 0; background: no-repeat center center #fff; background-size:cover;}

.aMain1{}

.aMain1_1{}

.aMain1_1 .wpd{ position: relative;}

.aMain1_1 .img{ width: 50%; position: absolute; left: 50%; top: 0px; bottom: 0px;}

.aMain1_1 .text{ width: 50%;box-sizing:border-box; padding-right: 70px;}

.aMain1_1 .tit2{ text-align: left;}

.aMain1_1 .p{ color: #888; line-height: 1.875;}

.aMain1_1 .p p{ margin-bottom: 1em;}

.aMain1_1 .p p:last-child{ margin-bottom: 0px;}

.aMain2{ background-image: url(../images/aMain2.jpg); background-color: #8ab3d9; color: #fff;}

.pMain1_1{}

.pMain1_1 .i{ color: #fff; border-color: #fff;}

.pMain1_1 .h3{ color: #fff;}

.aMain3{ overflow: hidden;}

.aMain3 .tit2{ text-align: left;}

.aMain3_1{ position: absolute; left: 50%; width: 50vw; top: -6.25vw; bottom: -6.25vw; background: no-repeat center center #fbe9df; background-size:cover;}

.aMain3_2{ width: 50%;}

.cultureList{ padding-right: 40px;}

.cultureList ul{ margin-right: -40px;}

.cultureList li{ width: 50%; float: left; padding: 50px 0;}

.cultureList .pd{ display: block; position: relative; padding-left: 5.25em; margin-right:40px;}

.cultureList .img{ font-size: 4em; line-height: 1; position: absolute; left: 0px; top: 0px; color: #0165b1;}

.cultureList .text{}

.cultureList .h3{ font-weight: bold; font-size: 1.25em; color: #0165b1;}

.cultureList .p{}

.aMain4{ background-image: url(../images/aMain4.jpg); background-color: #f4f4f4;}

.aMain4_1{}

.history{}

.history .pd{}

.history .h3{ font-size: 2em; color: #0165b1; font-weight: bold; line-height: 1; margin-bottom: 1em; position: relative;}

.history .h3:before{ content: ''; position: absolute; left: 100px; top: 50%; right: 10px; height: 1px; background: #ccc;}

.history .h3 strong{ color: #666; font-weight: normal;}

.history .p{ color: #666; padding-right: 4em;}

.history .swiperArrow{ border-color: #ccc;}

.history .swiperArrow:hover{ border-color: #005ab1;}

.history .swiperNext{ display: block; right: 0px; top: 16px;}

.aMain5{ background-image: url(../images/aMain5.jpg); background-color: #005ab1; color: #fff;}

.aMain5_1{ position: absolute; left: 0px; bottom: 0px; width: 37.857142857142856%; box-sizing: border-box; padding-right: 7%;}

.aMain5_1 .h3{ font-size: 1.25em;}

.aMain5_1 .em{ font-size: 58px;}

.aMain5_1 .em strong{ font-size: 1.68em;}

.aMain5_1 .p{ line-height: 1.875; text-align: justify;}

.aMain5_2{ margin-left: 37.857142857142856%;}

.aMain5_2 li{ width: 50%; float: left; position: relative;}

.aMain5_2 .pd{ text-align: center; padding-top: 9.375vw;}

.aMain5_2 .img{}

.aMain5_2 .img i{ display: block; font-size: 5.75em; line-height:1;}

.aMain5_2 .img strong{ display: block; font-size: 1.25em; padding: 1.5em 0;}

.aMain5_2 .text{ min-height:6em; line-height: 1.5;}

.aMain5_3{ text-align: center;}

.aMain5_4 li{ width: 25%; float: left; text-align: center;}

.aMain5_4 .pd{ display: block;}

.aMain5_4 .i{ font-size:3em; border:2px solid #fff; width: 2em; height: 2em; line-height: 2; display: block; margin: 0 auto 0.5em auto; border-radius: 50%;}

.aMain5_4 .p{ line-height: 1.5;}

.aMain6{ background-image: url(../images/iMain3_b1.jpg); background-color: #f7f7f7;}

.dingwei{ position: relative; }

.dingwei a{ position: absolute; left: 0px; top: -6.25vw; width: 1px; height: 1px; background: #000;}

.bMain1{}

.bMain1_1{}

.direction{}

.direction .li{ height: 1px; position: relative; padding: 200px 0;}

.direction .li:before{ content: ''; position: absolute; left: 0px; right: 0px; height: 2px; background: #d9d9d9; top: 50%; margin-top: -1px;}

.direction .even{}

.direction .pd{ position: absolute; left: 0px; right: 0px; bottom: 50%; text-align: center;}

.direction .h3{ padding-bottom: 32px; position: relative;}

.direction .h3 strong{ position: relative; display:inline-block; vertical-align: bottom; background: #7f7f7f; border-radius: 0.75em; font-size: 1.25em; line-height: 1.5; height: 1.5em; padding: 0 1.5em; font-weight: bold; color: #fff;}

.direction .h3 strong:before{ position:absolute; left:50%; top:100%; margin-left:-5px; content:''; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:8px solid #7f7f7f;}

.direction .p{ position: absolute; left: 0px; right: 0px; bottom: 80px; text-align: center;}

.direction .np{ display: inline-block; vertical-align: bottom; text-align: left;}

.direction .p p{ position: relative; padding-left: 16px;}

.direction .p p:before{ content: ''; position: absolute; left: 0px; top: 0.5em; width: 6px; height: 6px; border:1px solid #005ab1; border-radius: 50%;}

.direction .even .pd{ bottom: auto; top: 50%;}

.direction .even .h3{ padding:32px 0 0 0;}

.direction .even .h3 strong:before{ top: auto; bottom: 100%; border-bottom:8px solid #7f7f7f; border-top: none;}

.direction .even .p{ bottom: auto; top: 80px;}

.direction .swiperArrow{ border-color: #d9d9d9; top: 50%; display: block;}

.direction .swiperArrow:hover{ border-color: #005ab1;}

.direction .swiperPrev{left: 0px;}

.direction .swiperNext{right: 0px;}

.direction .pd:hover .h3 strong{ background: #005ab1;}

.direction .pd:hover .h3 strong:before{ border-top-color: #005ab1;}

.direction .even .pd:hover .h3 strong:before{ border-bottom-color: #005ab1;}

.bMain2{ background-image: url(../images/bMain2.jpg); background-color: #c6c6c6;}

.bMain2_1{}

.bMain2_1 ul{ margin: 0 -5vw;}

.bMain2_1 li{ width: 50%; float: left;}

.bMain2_1 .pd{ position: relative; padding-left: 7em; margin:0 5vw;}

.bMain2_1 .i{ position: absolute; left: 0px; top: 0px; color: #0165b1; font-size: 3em; text-align: center; line-height:1.4444444444444444em; height: 1.4444444444444444em; width: 1.4444444444444444em; border:2px solid #0165b1; border-radius: 50%;}

.bMain2_1 .h3{ font-size: 1.25em; color: #2d2d2d; border-bottom: 1px dashed #0165b1; line-height: 2; padding: 0.25em 0; margin-bottom: 10px;}

.bMain2_1 .p{ color: #666; line-height: 1.5; height: 10.5em;}

.bMain2_1 .p img{ max-width: 100%; height: auto; display: block;}

.bMain3{ background-color: #f5f7fd;}

.bMain3 .tit2{ text-align: left;}

.bMain3_1{ position: absolute; left: 50%; width: 50vw; top: -6.25vw; bottom: -6.25vw; background: no-repeat center center #fbe9df; background-size:cover;}

.bMain3_2{ margin-right: 50%; padding-right: 5vw;}

.bMain3_2 li{ margin-bottom: 20px; cursor: pointer;}

.bMain3_2 .pd{ border: 1px solid #ccc; padding: 25px; border-radius: 5px;}

.bMain3_2 .h3{ position: relative;}

.bMain3_2 .h3 strong{ font-size: 1.25em; line-height: 1; display: block; font-weight: bold;}

.bMain3_2 .h3 i:before{ content: '\e71f'; position: absolute; right: 0px; top: 50%; font-size: 32px; width: 1em; height:1em; line-height: 1em; text-align: center; margin-top: -0.5em; color: #989898;}

.bMain3_2 .p{ display: none; padding-top: 24px;}

.bMain3_2 .npd{ line-height: 1.5; height: 6em;}

.bMain3_2 li.curr .h3 i:before{ content: '\e613'; color: #0b76ad;}

.bMain4{}

.bMain4_1{}

.leading{ width: 860px; margin: 0 auto;}

.leadingTab{ margin-bottom:40px;}

.leadingTab ul{}

.leadingTab li{ width: 20%; float: left; text-align: center;}

.leadingTab i{ display: block; font-size: 4em; line-height:1; text-align: center;}

.leadingTab strong{ font-size: 1.25em; display: inline-block; vertical-align: bottom; border-bottom: 2px solid #fff;}

.leadingTab li.curr strong{ border-bottom-color:#0165b1; }

.leadingCon{}

.leadingCon li{ display: none;}

.leadingCon li:first-child{ display: block;}

.leadingCon .pd{ line-height: 1.5; height: 6em;}

.bMain5{ background: #f6f6f6;}

.bMain5_1{}

.bMain5_1 .wpd{ position: relative;}

.bMain5_1 .img{ width: 50%; float: right;}

.bMain5_1 .text{ position: absolute; right: 50%; top: 0px; bottom: 0px; padding-right: 5vw;}

.bMain5_1 .tit2{ text-align: left; margin-bottom: 1em;}

.bMain5_1 .p{ color: #666666;}

.bMain5_1 .p p{ margin-bottom: 1em;}

.bMain5_1 .p p:last-child{ margin-bottom: 0;}

.pBannerService .text{ text-align: left; color: #000;}

.pBannerDownload .text{ text-align: left; color: #000;}

.dMain1{}

.dMain1_1{}

.msg{}

.msg ul{ margin-right: -3.75vw;}

.msg li{ width: 50%; float: left; margin-bottom: 30px;}

.msg li.w100{ width: 100%;}

.msg .pd{ margin-right: 3.75vw; position: relative; display: block;}

.msg i{ position: absolute; left: 16px; top:12px; width: 1em; font-size: 22px; line-height: 1; pointer-events: none;}

.msg .h3{ margin-bottom: 10px;}

.ipt_t3{ background: #f6f6f6; height: 44px; line-height: 44px; border: none; padding: 0 50px; width: 100%; box-sizing: border-box;}

.ipt_s3{ background-color: #f6f6f6 !important; height: 44px; line-height: 44px; border: none; padding: 0 50px; width: 100%; box-sizing: border-box;}

.ipt_text3{ background: #f6f6f6; height: 120px; min-height: 44px; line-height: 1.5; border: none; padding: 12px 50px; width: 100%; box-sizing: border-box; max-width: 100%; min-width: 100%;}

.ipt_b3{ width: 10em; text-align: center; height: 2.5em; line-height: 2.5; font-size: 1.25em; background: #8fc320; color: #fff; border-radius: 5px; display: block; margin: 0 auto; border:none; transition: 0.3s all;}

.ipt_b3:hover{ background: #7db20d; transform: translateY(-5px); box-shadow: 3px 3px 10px rgba(0,0,0,0.3);}

.cMain1_2{}

.cMain1_2 .nwp{ position: relative; padding-left: 200px;}

.cMain1_2 .img{ text-align: center; width: 200px; position: absolute; left: 0px;}

.cMain1_2 .img i{ display: block; font-size: 90px; color: #0165b1; margin-bottom: 20px; line-height:1;}

.cMain1_2 .text{}

.cMain1_2 .h3{ font-size: 1.5em; color: #0165b1; margin-bottom: 1em;}

.cMain1_2 .p{ line-height: 2;}

.cMain2{}

.cMain2_1{}

.cMain2_1 dl{ float: left; width: 33.3333%; box-sizing: border-box; padding-left: 5.2083333333333336vw;}

.cMain2_1 dt{ font-size: 1.5em; color: #0165b1; line-height: 1; margin-bottom: 1.5em;}

.cMain2_1 dd{ color: #666;}

.cMain2_1 li{ margin-bottom: 20px; position: relative; padding-left: 60px;}

.cMain2_1 li:last-child{ margin-bottom: 0px;}

.cMain2_1 i{ position: absolute; left: 0px; width: 40px; font-size: 24px; color: #666; height: 40px; line-height: 40px; text-align: center; border: 1px solid #666; border-radius: 50%; }

.cMain2_1 span{ display: block; line-height: 20px; padding:10px 0;}

.cMain3{}

.cMain3_1{}

.cMain3_1 ul{ margin-right: -8.333333333333333vw;}

.cMain3_1 li{ width: 50%; float: left; margin-bottom: 40px;}

.cMain3_1 .pd{ display: block; position: relative; padding-left: 7em; margin-right: 8.333333333333333vw;}

.cMain3_1 .img{ position: absolute; left: 0px; width: 1.5625em; font-size: 3em; height: 1.5625em; line-height: 1.5625em; text-align: center; border: 1px solid #0165b1; border-radius: 50%; color: #0165b1;}

.cMain3_1 .text{}

.cMain3_1 .h3{ font-size: 1.25em; color: #0165b1; margin-bottom: 1em;}

.cMain3_1 .p{ height: 6em; line-height: 1.5;}

.cMain1{}

.cMain1_1{ margin-bottom: 5.5vw;}

.quality .pd{ display: block; margin: 0 10px;}

.quality .img{ border: 1px solid #ccc;}

.quality .text{ text-align: center; padding: 15px 0;}

.quality .h3{ height: 1.5em; line-height: 1.5; overflow: hidden; font-size:14px;}

.quality .swiperArrow{ display: block;}

.pBannerDownload .text{ text-align: left;}

.dMain2{}

.dMain2_1{}

.downloadList{}

.downloadList ul{}

.downloadList li{ margin-bottom: 20px;}

.downloadList .pd{ display: block; margin-right: 30px; background: #f5f5f5; padding:10px 30px 10px 60px; transition: 0.3s all; position: relative; border-radius: 10px;}

.downloadList .i{ font-size: 1em; width: 1.5em; height: 1.5em; line-height: 1.5em; text-align: center; color: #fff; background: #009bed; border-radius: 50%; margin-bottom: 0.75em; position: absolute; left: 20px; top: 50%; margin-top: -0.75em;}

.downloadList .h3{ font-size: 1.125em; line-height: 1.5; height: 1.5em; overflow: hidden; color: #000;}

.downloadList .p{ line-height: 1.5; height: 3em; overflow: hidden; font-size: 14px; color: #666; margin-bottom: 1em;}

.downloadList .m{ position: absolute; right: 20px; top: 50%; margin-top: -0.5em; line-height: 1;}

.downloadList .m em{ color: #009bed;}

.downloadList .pd:hover{ transform: translateY(-5px); box-shadow: 0 0 20px rgba(0,0,0,0.3); border-radius: 5px;}

.dow_bg{ display:none; position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.5); z-index: 998;}

.dow_box{ display:none; position:fixed; left:50%; top:50%; width:320px; margin:-20px 0 0 -160px; background:#fff; box-sizing:border-box; padding:20px; border-radius:5px; z-index: 999;}

.dow_box .icon-guanbi{ width:40px; height:40px; position:absolute; right:10px; top:10px; line-height:40px; text-align:center; }

.dow_box .tit{ font-size:24px; margin-bottom:20px; color:#000; line-height:1;}

.dow_box .con{ margin-bottom:10px;}

.ipt_t5{ width:100%; height:32px; box-sizing:border-box; padding:0 10px; line-height:32px; border:1px solid #ccc; margin-bottom:10px;}

.ipt_b5{ width:100px; height:30px; line-height:30px; text-align:center; background:#009bed; color:#fff; font-size:14px; border:none; cursor:pointer; display:block; margin:0 auto;}

.eMain1{}

.eMain1_1{ margin-bottom: 6vw;}

.eMain1_2{ width:600px; float: left; box-sizing: border-box;}

.newsA{}

.newsA .pd{ display: block; position: relative;}

.newsA .img{}

.newsA .text{ color: #fff; position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.5); padding:15px 30px; box-sizing: border-box; max-width: 100%;}

.newsA .h3{ font-size: 1.25em; line-height: 1.5; height: 1.5em; overflow: hidden; margin-bottom: 5px;}

.newsA .p{ line-height: 1.25; height: 1.25em; overflow: hidden;}

.newsA .swiperDots{ display: block; left: auto; right: 20px; bottom: 20px;}

.newsA .swiper-pagination-bullet-active{ background: #009bed; width: 6px;}

.eMain1_3{ margin-left: 600px; box-sizing: border-box; padding-left: 5vw;}

.newsB{}

.newsB ul{ border-top: 1px solid #ccc;}

.newsB li{ border-bottom: 1px solid #ccc;}

.newsB .pd{ display: block; padding: 20px 0;}

.newsB .h3{ font-size: 1.125em; position: relative; margin-bottom: 8px;}

.newsB .h3 strong{ display: block; margin-right: 100px; color: #333; height: 1.5em; line-height: 1.5;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

.newsB .h3 em{ position: absolute; right: 0px; top: 50%; line-height: 1; margin-top: -0.5em; color: #b5b5b5;}

.newsB .p{ line-height: 1.25; height: 2.5em; overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.newsB .pd:hover{}

.newsB .pd:hover .h3 strong{ color: #009bed;}

.newsB .pd:hover .h3 em{ color: #009bed;}

.eMain1_4{}

.newsC{}

.newsC ul{ border-top: 1px dashed #ccc;}

.newsC li{ padding: 20px 0; border-bottom: 1px dashed #ccc;}

.newsC .pd{ display: block; position: relative; overflow: hidden;}

.newsC .img{ width: 324px; float: right;}

.newsC .text{ margin-right: 324px; padding:50px 130px 0 120px; position: relative;}

.newsC .h3{ font-size: 1.125em; height: 1.5em; line-height: 1.5; color: #333; margin-bottom: 10px; font-weight: bold;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

.newsC .em{ position: absolute; left: 0px; top: 50px; color: #aeaeae; width: 88px; border-right: 1px solid #ccc;}

.newsC .em em{ font-size: 30px; display: block; line-height: 1; margin-bottom:5px;}

.newsC .em span{ display: block; line-height: 1; margin-bottom:20px;}

.newsC .em i{ width: 34px; height: 34px; background: #e5e5e5; color: #000; text-align:center; line-height: 34px; display: block; border-radius: 50%;}

.newsC .p{ line-height: 1.5; height: 3em; color:#666;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.pagination{ text-align:center; font-size:14px; font-family:arial; padding:60px 0 0 0;}

.pagination li{ display:inline-block; vertical-align:bottom; margin:3px;}

.pagination a,

.pagination span{ display:block; border:1px solid #ccc; line-height:2; padding:0 0.6em;}

.pagination .active span{ background:#10347e; color:#fff; border-color:#10347e;}

.eMainInfo1{ background: #f4f4f4;}

.newsFl{ margin-right: 356px;}

.newsInfo{ background: #fff; padding:50px; min-height: 500px; margin-bottom:5px;}

.newsTit{ margin-bottom:40px;}

.newsTit h1{ display: block; line-height: 1.25; color: #000; font-size: 1.875em; font-weight: bold; margin-bottom: 0.5em;}

.newsTit .em{ position: relative; padding-left: 1.75em;}

.newsTit .em i{ font-size: 1.2em; position: absolute; left: 0px; top: 50%; line-height: 1; margin-top: -0.6em; color: #009bed;}

.newsTit .em em{ color: #999; display: block; line-height: 1;}

.newsCon{ line-height: 1.875; color: #333;}

.newsCon img{ max-width: 100%; height: auto; display: inline-block; vertical-align: bottom;}

.newsCon table{ width: 100%; border: 1px solid #ccc; border-collapse: collapse;}

.newsCon td,

.newsCon th{border: 1px solid #ccc; padding: 0.25em 0.5em;}

.newsCon video{ width: 100%; }

.newsCon h3{ font-size: 1.25em; color: #000;}

.newsCon strong{ color: #000;}

.newsInfoM{ position: relative; padding-right: 125px; display: none;}

.newsInfoM li{ background:#fff; margin-bottom:5px; line-height:40px; height:40px; padding:0 20px; transition: 0.3s all;}

.newsInfoM li strong{ float:left; line-height:40px; height:40px;}

.newsInfoM li a{ display:block; line-height:40px; height:40px; overflow:hidden;}

.newsInfoM li:hover{ color: #fff; background: #009bed;}

.newsInfoM li:hover a{ color: #fff;}

.newsInfoM li.backList{ position: absolute; right: 0px; top: 0px; width: 120px; height: 85px; padding: 0px;}

.newsInfoM li.backList a{ display: block; text-align: center; line-height: 85px; height: 85px;}

.newsFr{ position: absolute; right: 0px; top: 0px; width: 316px;}

.recommended{ background: #fff; padding: 30px;}

.recommendedTit{ font-size: 1.5em; margin-bottom: 1em;}

.recommendedTit strong{ font-weight: bold; display: block; color: #000; line-height: 1;}

.recommendedList{}

.recommendedList li{ margin-bottom: 20px;}

.recommendedList li:last-child{ margin-bottom: 0px;}

.recommendedList .pd{ display: block; line-height: 1.4; max-height: 2.8em; color: #999; padding-left:16px; position: relative; overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

.recommendedList .pd:before{ content: ''; position: absolute; width: 6px; height: 6px; left: 0px; top:8px; border-radius: 50%; background: #009bed;}

.recommendedList .pd:hover{ color: #009bed;}

.fMain2{ background-color: #f5f5f5; padding: 80px 0;}

.fMain2_1{}

.fMain2_1 ul{ margin-right: -40px;}

.fMain2_1 li{ width: 33.3333%; float: left;}

.fMain2_1 .pd{ display: block; margin-right: 40px; background: #fff; padding: 40px; border: 1px solid #ccc; text-align: center;}

.fMain2_1 .i{ font-size: 3.375em; display: block; line-height: 1; color: #009bed; margin-bottom: 10px;}

.fMain2_1 .h3{ font-size: 1.625em; color: #333; line-height: 1; display: block; margin-bottom: 10px;}

.fMain2_1 .p{ color: #666;}

.fMain2_1 .p a{ color: #666;}

.fMain2_1 .p a:hover{ color: #009bed;}

.mapBox{ position: relative;}

.mapTab{ position: absolute; left: 13.541666666666671vw; z-index: 9; bottom: 7.291666666666667vw; min-width: 110px;}

.mapTab li{}

.mapTab li a{ display: block; border: 1px solid #009bed; margin: -1px 0; padding: 8px 12px; overflow: hidden; background: #fff; }

.mapTab li i{ width: 28px; height: 28px; text-align: center; line-height: 28px; border-radius: 50%; background: #009bed; color: #fff; display: block; float: left;}

.mapTab li span{ font-size: 16px; color: #666; display: block; float: left; height: 28px; padding-left: 0.5em;}

.mapTab li.curr a,

.mapTab li:hover a{ background: #009bed;}

.mapTab li.curr i,

.mapTab li:hover i{ background: #fff; color: #009bed;}

.mapTab li.curr span,

.mapTab li:hover span{ color: #fff;}

.mapCon{}

.dituContent{ text-align:center; width: 100%;}

.tit3{ position: relative; margin-bottom: 60px;}

.tit3 strong{ display: block; line-height: 1; font-size: 2.25em;}

.tit3 .p{ position: absolute; right: 0px; top: 0px; font-size: 1.25em;}

.tit3 .p a{ color: #194281;}

.hMain1{}

.hMain1_1{}

.jobList{}

.jobList ul{ margin-right: -30px;}

.jobList li{ width: 33.3333%; float: left; margin-bottom: 30px;}

.jobList .pd{ display: block; background: #f7f9fa; margin-right: 30px; border: 1px solid #f1f1f1; padding: 30px 40px; color: #333; border-radius: 5px; box-shadow: 0 0 3px rgba(0,0,0,0); transition: 0.3s all;}

.jobList .h3{ position: relative; margin-bottom: 20px;}

.jobList .h3 strong{ display: block; margin-right: 64px; font-size: 1.25em; height: 26px; line-height: 26px; overflow: hidden;}

.jobList .h3 em{ font-size: 16px; position: absolute; width: 54px; height: 26px; line-height: 26px; top: 50%; right: 0px; margin-top: -13px; background: #009bed; color: #fff; text-align: center; text-transform: uppercase;}

.jobList .em{ border-bottom: 1px solid #f1f1f1; position: relative; padding:8px 0 8px 24px; margin-bottom: 10px;}

.jobList .em i{ position: absolute; left: 0px; top: 50%; line-height: 1; margin-top: -0.5em; font-size: 1.25em;}

.jobList .em span{}

.jobList .p{ position: relative; padding:8px 0 8px 24px;}

.jobList .p i{ position: absolute; left: 0px; top: 50%; line-height: 1; margin-top: -0.5em; font-size: 18px;}

.jobList .p span{}

.jobList .pd:hover{ box-shadow: 3px 3px 10px rgba(0,0,0,0.3); transform: translateY(-5px);}

.jobBg{ position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,0.5); z-index: 99; display: none;}

.jobBox{ position: fixed; left: 50%; top: 50%; width: 960px; height: 580px; margin: -290px 0 0 -480px; box-shadow: 0 0 30px rgba(0,0,0,0.5); background: #fff; border-radius: 5px; box-sizing: border-box; padding: 40px; z-index: 100; display: none;}

.jobTit{ font-size: 24px; line-height: 1.2; margin-bottom: 1em; color: #000;}

.jobCon{ line-height:2; font-size: 14px; color: #666;}

.jobCon .pd{ height: 400px; overflow-y: auto;}

.jobCon h3{ font-size: 1.25em; padding-left: 1em; position: relative; line-height: 1; margin-bottom: 0.5em; color: #333;}

.jobCon h3:before{ content: ''; width: 10px; height: 10px; background: #009bed; border-radius: 50%; position: absolute; left: 0px; top: 50%; margin-top: -5px;}

.jobCon p{}

.jobTool{ padding-top: 20px;}

.jobTool a{ height: 2.5em; line-height: 2.5; padding: 0 1.5em; background: #009bed; color: #fff; display: inline-block; vertical-align: bottom;}

.jobTool span{ height: 2.5em; line-height: 2.5; padding: 0 1.5em; color: #009bed; display: inline-block; vertical-align: bottom; text-decoration: underline;}

.jobClose{ position: absolute; width: 2em; height: 2em; font-size: 1.25em; border-radius: 50%; line-height: 2em; text-align: center; background: #009bed; color: #fff; right: -1em; top: -1em; cursor: pointer; box-shadow: 0 0 10px rgba(0,0,0,0.5); transition: 0.3s all;}

.jobClose:hover{ background: #164181;}

.gMain1{ padding-bottom: 0px !important; margin-bottom: 20px;}

.gMain1 .wp{ width: auto !important;}

.gMain1_1{}

.gMain1_1 li{ width: 33.3333%; float: left;}

.gMain1_1 .pd{ display:block; background: no-repeat center center; background-size: cover; height: 39.791666666666664vw; color: #fff; text-align: center; position: relative;}

.gMain1_1 .pd:before{ content: ''; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; background: rgba(0,0,0,0.5); z-index: 1;}

.gMain1_1 .ntb{ position: relative; z-index: 2;}

.gMain1_1 .h3{ font-size: 1.75em; line-height: 1; margin-bottom: 0.5em;}

.gMain1_1 .i{ font-size:4em; line-height: 1; margin-bottom: 0.5em;}

.gMain1_1 .p{ width:320px; max-width:80%; margin: 0 auto; text-align: justify; visibility: hidden; height: 0px; overflow: hidden; transition: 0.3s all;}

.gMain1_1 .pd:hover .p{ visibility: visible; height: 12em;}

.tit2_4{ text-align: center; color: #fff; margin-bottom: 1em;}

.tit2_4 strong{ display: block;}

.tit2_4 em{ display: block;}

.gMain2{ margin-bottom: 40px; color: #fff;}

.gMain2_1 .p{ text-align: center;}

.gMain3{}

.gMain3_1{}

.gMain3_1 .npd{ position: relative;}

.gMain3_1 .img{ width: 50%; float: right; position: relative;}

.gMain3_1 .img:before{ content: ''; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 50vw; background: rgba(0,72,255,0.3); transition: 0.3s all;}

.gMain3_1 .img img{ width: 50vw;}

.gMain3_1 .img:hover:before{ background:rgba(0,72,255,0);}

.gMain3_1 .text{ position: absolute; right: 50%; top: 0px; bottom: 0px; padding-right: 50px;}

.gMain3_1 .tit2{ text-align: left;}

.gMain3_1 .p{ background: #f4f4f4; padding: 40px;}

.gMain3_1 li{ width: 50%; float: left; position: relative; padding:0 22px; box-sizing: border-box; margin-bottom: 25px;}

.gMain3_1 li:before{ content: ''; position: absolute; left: 0px; top: 10px; width: 10px; height: 10px; margin-top: -5px; background: #009bed; border-radius: 50%;}

.gMain4{ padding: 0px !important;}

.gMain4 .wp{ width: auto; margin: 0 !important;}

.gMain4_1{ position: relative; width: 100vw;}

.gMain4_1 ul{ margin-right: 0px;}

.gMain4_1 li{ float: left; width:20%; margin-bottom: 4px;}

.gMain4_1 .pd{ margin-right: 4px; position: relative;}

.gMain4_1 .img{ background: #fff;}

.gMain4_1 .img:before{ content: ''; position: absolute; left: 0px; top: 0px; bottom: 0px; right: 0px; background: rgba(0,72,255,0.2); transition: 0.3s all;}

.gMain4_1 .pd:hover .img:before{ background: rgba(0,72,255,0);}

.gMain4_1 .li1 .img img,

.gMain4_1 .li2 .img img,

.gMain4_1 .li5 .img img{ height: 23.59375vw;}

.gMain4_1 .li2{ width: 40%;}

.gMain4_1 .li8,

.gMain4_1 .li9,

.gMain4_1 .li10{ position: absolute; left: 0px; bottom: 0px;}

.gMain4_1 .li9{ margin-left: 20%;}

.gMain4_1 .li10{ margin-left: 40%;}

.gMain5{ text-align: center;}

.gMain5_1{}

.gMain5_1 .h3{ font-size: 2.25em; line-height: 1; color: #333;}

.gMain5_1 .p{ font-size: 1.25em; line-height: 1; padding: 1em; color: #666; margin-bottom: 2em;}

.gMain5_1 .p a{ color: #009bed; text-decoration: underline;}

.gMain5_1 .m{}

.pageNav{ margin-bottom: 60px;}

.pageNav li{ float: left;}

.pageNav a{ display: block; font-size: 1.125em; height: 2.5em; line-height: 2.5; padding: 0 2em; margin: 0 1px; background: #f5f5f5;}

.pageNav li.curr a{ background: #009bed; color: #fff;}

.hMain1{}

.hMain1_1{}

.hMain1_1 li{}



.hMain1_1 .pd{ display: block; position: relative;}

.hMain1_1 .img{ width:50%; float: left;}

.hMain1_1 .img img{ width: 50vw; float: right;}

.hMain1_1 .text{ position: absolute; left: 50%; top: 0px; bottom: 0px; right: 0px; padding: 0 60px;}

.hMain1_1 .h3{ font-size: 1.5em; line-height: 1.2; font-weight: bold; margin-bottom: 1em; color: #000;}

.hMain1_1 .p{ line-height: 1.5; margin-bottom: 1.5em; color: #999;}

.hMain1_1 li:nth-child(even) .img{ float: right;}

.hMain1_1 li:nth-child(even) .img img{ float: left;}

.hMain1_1 li:nth-child(even) .text{ left: auto; right: 50%;}

.hMain2_1{}

.hMain2_1 ul{ margin-right: -25px;}

.hMain2_1 li{ width: 25%; float: left; margin-bottom: 30px;}

.hMain2_1 .pd{ display: block; position: relative; overflow: hidden; margin-right: 25px; background: #fff; transition: 0.3s all;}

.hMain2_1 .img{ overflow: hidden;}

.hMain2_1 .img img{ transition:1s all;}

.hMain2_1 .text{ padding: 20px;}

.hMain2_1 .h3{ font-size: 1.125em; text-align: center; line-height: 24px; height: 24px; overflow: hidden; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}

.hMain2_1 .pd:hover{ box-shadow: 0 0 20px rgba(0,0,0,0.3); transform: translateY(-5px);}

.hMain2_1 .pd:hover .img img{ transform: scale(1.05);}

.hMain3{}

.hMain3_1{ margin-bottom: 60px;}

.hMain3_1 .img{ width: 40%; float: left;}

.hMain3_1 .text{ margin-left: 40%; padding:40px 0 0 80px;}

.hMain3_1 .h3{ font-size: 36px; color: #164181; font-weight: bold; line-height: 1.2; padding-bottom: 0.5em; border-bottom: 2px solid #ccc; margin-bottom: 1em;}

.hMain3_1 .em{ color: #333; margin-bottom: 1em; font-size: 16px;}

.hMain3_1 .p{ color: #666; margin-bottom: 3em; font-size: 14px;}

.hMain3_1 .m a{ display:inline-block; vertical-align: bottom; height: 2.5em; line-height: 2.5; background: #164181; color: #fff; font-size: 18px; padding: 0 1.5em; border-radius: 5px;}

.hMain3_1 .m i{ margin-right: 0.5em; font-size: 1em;}

.pContact{ margin-bottom: 1.875em;}

.pContact .li{ line-height: 2em; height: 2em; position: relative; padding-left: 2.25em;}

.pContact i{ position: absolute; left: 0px; top: 50%; height: 1.2307692307692308em; line-height: 1.2307692307692308em; margin-top: -0.6153846153846154em; font-size: 1.625em;}

.pContact a{ color: #00aeef;}

.pContact a:hover{ color: #00aeef;}

.proFor{ margin-bottom:10px;}

.proFor .pd{ border-radius:22px 0 22px 0; background:#fff; display:block;}

.proFor img{ border-radius:22px 0 22px 0;}

.proTab .single-item{ margin-right:-8px;}

.proTab .pd{ margin-right:8px; cursor:pointer; display:block; position:relative; padding:1px; margin-top:12px;}

.proTab .pd:before{ content:''; position:absolute; border:1px solid #00aeef; left:0px; right:0px; top:0px; bottom:0px; display:none;}

.proTab .pd:after{ content:''; position:absolute; background:url(../images/proTab.png) no-repeat; background-size: 100% 100%; width:12px; height:12px; top:-10px; left:50%; margin-left:-6px; display:none;}

.proTab .pd span{ display:block; text-align:center; height:32px; line-height:32px; color:#5f5f5f;}

.proTab img{ border:1px solid #ccc; background:#fff; width:100%; height:auto; display:block; box-sizing:border-box;}

.proTab .slick-current img{ border-color:#00aeef;}

.proTab .slick-current .pd:before,

.proTab .slick-current .pd:after{ display:block;}

.proTab .slick-current .pd span{ color:#111}

.proTab .slick-arrow{ position:absolute; z-index:2; width:24px; line-height:24px; height:24px; padding:0px; background:#d6d6d6; border-radius:50%; text-align:center; border:none; top:50%; margin:-6px 0 0 0; font-size:14px;}

.proTab .slick-arrow:before{ font-size:14px; color:#fff;}

.proTab .slick-prev{ left:-12px;}

.proTab .slick-prev:before{content:"\e701";}

.proTab .slick-next{ right:-4px;}

.proTab .slick-next:before{content:"\e704";}

.proTab .slick-arrow:hover{ background:#ed6d00;}

.hMain3_2{}

.pinfoTit{ border-bottom: 1px solid #ccc; margin-bottom: 30px;}

.pinfoTit strong{ display:inline-block; vertical-align: bottom; height: 2.5em; line-height: 2.5; background: #164181; color: #fff; font-size: 18px; padding: 0 1.5em; border-radius: 5px 5px 0 0;}

.pinfoCon table{ width: 100%; border: 1px solid #ccc; border-collapse: collapse;}

.pinfoCon td,

.pinfoCon th{border: 1px solid #ccc; padding: 0.25em 0.5em;}

@media screen and (max-width:1680px){

.wp{ width: 1500px;}

}

@media screen and (max-width:1600px){

}

@media screen and (max-width:1440px){

.hMain3_1 .text{ padding: 0 0 0 40px;}

.hMain3_1 .h3{ font-size: 24px;}

.hMain3_1 .em{ font-size: 14px;}



}

@media screen and (max-width:1366px){

.wp{ width: 1100px;}

.iNews .text{ padding: 30px 20px;}

.iNews .swiper-slide:nth-child(even) .pd{ padding-bottom: 220px;}

.iNews .img img{ height: 220px;}

.hMain1_1 .h3{ font-size: 18px;}

.hMain1_1 .p{ font-size: 14px;}

}

@media screen and (max-width:1280px){

}

@media screen and (max-width:1024px){

body{ padding: 60px 0 40px 0; min-width:inherit; font-size: 12px;}



}

@media screen and (max-width:980px){

.iMain{ padding: 60px 0;}

.tit1{ margin-bottom: 40px;}

.iMain1_1{ margin-bottom: 40px;}

.iMain1_2{ margin-bottom: 40px;}

.iMain2_1{ width: auto; position: static; margin-bottom: 40px;}

.iMain2_1 .p{ margin-bottom: 30px;}

.iMain2_2{ position: relative; width: auto; left: auto; top: auto; bottom: auto;}

.iMain2_2 li{ width: 33.3333%; float: left;}

.iMain2_2 li:before{ left: 1px;}

.iMain2_2 .pd{ padding-left: 0px; display: block; text-align: center;}

.iMain2_2 i{ display: block; font-size: 48px; text-align: center;}

.iMain2_2 span{ padding-left: 0px; font-size: 14px;}

.iMain3_1{ margin-bottom: 40px;}

.iPartner ul{ margin: 0px;}

.iPartner li{ width: 16.6666%; padding: 5px 0px;}



}

@media screen and (max-width:750px){

.tLanguage .i span{ font-size: 14px;}

.iBanner .h3{ font-size: 2.25em;}

.iBanner .p{ font-size: 1.125em;}

.iMain1_1 .i{ font-size: 32px; border-width: 2px;}

.iMain2_1 .p{ margin-bottom: 20px;}

.iMain2_2 .pd{ padding: 20px 0;}

.iMain2_2 span{ display: block;}

.iMain2_2 i{ line-height: 1; margin-bottom: 10px;}

.iNews .text{ background: #f9f9f9;}

.more1{}



}

@media screen and (max-width:640px){

.pBanner .text{ width: auto; left: 30px; right: 30px; margin: 0px; font-size: 1em;}

.pBanner .img img{ height: 200px;}

.pBanner .h3{ font-size:18px;}

.pBanner .em{ font-size: 12px;}

.pNav{ text-align: center;}

.pNav ul{ display: inline-block; vertical-align: bottom;}

.pNav li{ margin: 0 5px;}

.pNav .h3 a{ font-size: 12px; line-height: 40px;}

.tit2{ font-size: 22px; line-height: 1.2; margin-bottom: 30px;}

.aMain5_2 li{ width: auto; float: none; border-top: 1px solid #fff;}

.aMain5_2 li:after,

.aMain5_2 li:before{ display: none;}

.history .p{ font-size: 1em;}

.cMain1_2 .img{ width: 120px;}

.cMain1_2 .nwp{ padding-left: 120px;}

.cMain1_2 .h3{ font-size: 1.25em;}

.cMain2_1 dl{ width: auto; padding-left: 0px; float: none; margin-bottom: 30px;}

.cMain2_1 dl:last-child{ margin-bottom: 0px;}

.cMain2_1 li{ margin-bottom: 10px;}

.cMain3_1 li{ width: auto; float:none; margin-bottom: 20px;}

.cMain3_1 li:last-child{ margin-bottom: 0px;}

.cMain3_1 .h3{ line-height: 1.2;}

.cMain3_1 .p{ height: auto; min-height: 4.5em;}

.msg li{ width: auto; float: none; margin-bottom: 10px;}

.msg li:last-child{ margin-bottom: 0px;}

.ipt_b3{ font-size: 14px;}

.downloadList li{ width: auto; float: none; margin-bottom: 20px;}

.downloadList li:last-child{ margin-bottom: 0px;}

.newsTit h1{ font-size: 18px; margin-bottom: 1em;}

.newsCon{ font-size: 12px; line-height: 1.75;}

.newsInfo{ padding: 20px;}

.recommended{ padding: 20px;}

.gMain4_1 ul{ margin: 0 -2px;}

.gMain4_1 li{ width: 50% !important;}

.gMain4_1 .pd{ margin: 0 2px;}

.gMain5_1 .h3{ font-size: 1.75em;}

.tit3{ margin-bottom: 30px;}

.tit3 .p{ position: static; padding-top: 15px;}

.jobList ul{ margin: 0px;}

.jobList .pd{ padding: 20px 30px; margin-right: 0px;}

.jobList li{ width: 100%; margin-bottom: 20px; float: none;}

.jobList li:last-child{ margin-bottom:0px;}

.iMain1_2{ text-align: justify; width: 90%;}

.cMain1_1{ padding: 0 10px;}

.quality{}

.quality .swiperArrow{ margin-top: -3em; border-width: 1px;}

.fNavA a{ margin-left: 0.5em;}
.fMain2_1 li{ width:100%; margin-bottom:10px;}

}

@media screen and (max-width:540px){



}

@media screen and (max-width:413px){



}

@media screen and (max-width:374px){



}



.zh1{ position: fixed; left: 0px; top: 0px; right: 0px;}