body{ width:100%; overflow-x:hidden;margin:0;padding:0;font-family:"PingFang SC","Microsoft Yahei"; color:#444; background:#fff; m-webkit-tap-highlight-color:transparent;/*去除苹果链接带边框*/ -webkit-text-size-adjust:none;}
img,input,button,select,textarea{margin:0;padding:0;resize:none;border:none;outline:none; vertical-align:middle} 
ol,ul,li{list-style:none; margin:0; padding:0} 
h1,h2,h3,h4,h5,h6,p,em,i,b,em{font-size:100%;word-wrap:break-word;font-style:normal; font-weight:normal; margin:0; padding:0}
a{text-decoration:none; color:#444}
a:active,a:focus,a:hover{outline:none; color:#018ED9}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"]{-webkit-appearance:none;}



@keyframes ADown{0%{top:-90px;}100%{top:0;}}
@keyframes AUp{0%{top:100px;}100%{top:0;}}
@keyframes ALeft{0%{left:-500px;}100%{left:0;}}
@keyframes ARight{0%{right:-500px;}100%{right:0;}}
@keyframes AsubNav{0%{top:180px;}100%{top:90px;}}

.boxTop{ width:1200px;height:90px; position:relative; margin:0 auto; }

.logo{ position:absolute; top:25px; left:50%; margin-left:-590px;}

.btnSearch{position:absolute; top:35px; right:136px; width:20px; height:19px; background:url(../images/btnSearch.png) no-repeat}
.btnSearch:hover{background:url(../images/btnSearchHover.png) no-repeat}

.searchTop{position:absolute; top:90px; left:50%; margin-left:240px; padding:10px; background:#666; z-index:10; display:none}
.inputTop{border:0; background:#fff; height:34px; line-height:34px; width:280px; text-indent:5px}
.submitTop{border:0; background:#068379; height:34px; line-height:30px; width:60px; font-size:14px; color:#fff}
.submitTop:hover{ background:#00635b; cursor:pointer}

.btnLzjb{position:absolute; top:0; right:67px; display:inline-block; line-height:90px;/* background:url(../images/icoLzjb.png) right center no-repeat; padding-right:12px;*/ font-size:13px; font-weight:bold;}
.btnLzjb:hover{/*background:url(../images/icoLzjbHover.png) right center no-repeat;*/}

.btnTsjy{position:absolute; top:0; right:0; display:inline-block; line-height:90px;font-size:13px; font-weight:bold;}

.btnLng{position:absolute; top:0; left:230px; display:inline-block; line-height:90px;font-size:13px; font-weight:bold; color:#999}
.btnLng a{color:#999}
.btnLng a:hover{color:#008076}


.nav{position:relative; display:inline-block; float:right; margin-right:170px; border-right:1px solid #e5e5e5;height:90px;}
.nav li{float:left;}
.nav a{display:inline-block;width:82px;height:90px;line-height:90px; overflow:hidden;text-align:center; font-size:14px; font-weight:bold}
.nav a:hover{}
.move-bg{display:none;position:absolute;left:0;bottom:0; width:82px; height:5px; background:url(../images/bgMove.png) center no-repeat;z-index:0; font-size:0; line-height:0}
.cur a{color:#008076}

.subNav{position:absolute; top:90px; left:50%;background:url(../images/icoJt.png) top center no-repeat; padding:15px 0 0 0; box-sizing:content-box; z-index:1000; font-size:0;animation:AsubNav 0.5s; display:none}
.subNav div{background:#fff; padding:10px;width:140px; box-shadow: 0 2px 3px #ccc;}
.subNav div a{display:block; text-align:center; height:39px; border-bottom:1px solid #e5e5e5; line-height:39px; font-size:13px;}
.subNav div a:hover{background:#018ED9; color:#fff}

.aboutsubBanner{font-size:0; width:100%; height:25vw; background-size:cover!important}
.aboutsubBanner1{font-size:0; width:100%; height:200px; background-size:cover!important}

.aboutnavCur{ width:100%; height:80px; background:#e8e8ea}
.aboutnavCur1{ width:100%;height:80px;max-width:1530px; padding:0 15px; box-sizing:border-box; overflow:hidden; margin:0 auto; position:relative;}
.aboutnavCur1 h1{ position:absolute; left:15px; top:0; line-height:80px; font-size:24px; background:url(../images/icoJt2.png) right center no-repeat; width:170px;}
.aboutnavCur1 span{display:inline-block; padding-left:200px; font-size:0}
.aboutnavCur1 span a{display:inline-block; padding:0 20px; margin:0 10px; font-size:16px; line-height:80px; position:relative}
.aboutnavCur1 span a i{ position:absolute; bottom:0; left:0; width:100%; height:4px; background:#018ED9; font-size:0; display:none}
.aboutnavCur1 .on i{ display:block;}
.aboutnavCur1 h2{ position:absolute; top:0; right:15px; font-size:0}
.aboutnavCur1 h2 a{ display:inline-block; line-height:80px; font-size:14px; color:#a2a2a2; padding-left:13px; background:url(../images/icoJt1.png) left center no-repeat; margin-left:10px;}
.aboutnavCur1 h2 a:first-of-type{background:url(../images/icoHome.png) left center no-repeat;padding-left:20px; }
.aboutnavCur1 h2 a:last-of-type{ color:#018ED9}
.aboutnavCur1 h2 a:hover{color:#018ED9}

.aboutnavCur1 h3{ position:absolute; top:0; left:15px; font-size:0}
.aboutnavCur1 h3 a{ display:inline-block; line-height:80px; font-size:14px; color:#a2a2a2; padding-left:13px; background:url(../images/icoJt1.png) left center no-repeat; margin-left:10px;}
.aboutnavCur1 h3 a:first-of-type{background:url(../images/icoHome.png) left center no-repeat;padding-left:20px; }
.aboutnavCur1 h3 a:last-of-type{ color:#018ED9}
.aboutnavCur1 h3 a:hover{color:#018ED9}

.boxAbout{ position:relative; padding:0 0 30px 0}
.aboutTitle{ padding:68px 0 50px 0; border-bottom:2px solid #e8e8ea; margin-bottom:20px; color:#018ED9}
.aboutTitle h1{ font-size:40px;}
.aboutTitle h2{ font-size:28px; padding-top:10px}

.aboutIco{ position:absolute; right:0; top:50px; font-size:0}
.aboutIco li{display:inline-block; text-align:center; padding:0 50px;}
.aboutIco h1{ font-size:17px; font-weight:bold; color:#8c8c8c}
.aboutIco h2{ font-size:70px; font-weight:bold; color:#018ED9; line-height:70px; font-family:'fontMon';letter-spacing:-1px; padding:8px 0;}

.aboutCon strong{display:block}
.aboutCon p{line-height:26px; font-size:16px; margin-bottom:15px;}

.navTitle{ font-size:40px; color:#018ED9; line-height:40px; padding:50px 0; text-align:center; position:relative}


@keyframes ATopPre1{0%{top:0px;}100%{top:-100px;}}
@keyframes ATopPre2{0%{top:100px;}100%{top:0px;}}
@keyframes ATopPre3{0%{top:-100px;}100%{top:0;}}
@keyframes ATopPre4{0%{top:0;}100%{top:100px;}}
.indPre{ width:1600px; height:100px;font-size:0; margin:170px auto;position:relative; display:none;animation:AUp 1s; text-align:center; }
.indPre a{display:inline-block;width:180px; margin:25px;height:250px;text-align:center; font-size:16px;position:relative; vertical-align:top}
.indPre a span{display:block;line-height:22px; color:#FFFFFF; line-height:50px;}
.indPre a h3{ font-weight:normal; font-size:14px; color:#666; line-height:26px;}
.indPre a div{width:100px; height:100px; border:2px solid #eee; border-radius:50%; overflow:hidden; margin:0 auto; position:relative}
.indPre a div .indPre1{position:absolute; top:0; left:0;animation:ATopPre3 0.5s;}
.indPre a div .indPre2{position:absolute; top:100px; left:0;animation:ATopPre4 0.5s;}
.indPre a:hover div{background:url(../images/bgPre.jpg)}
.indPre a:hover div .indPre1{animation:ATopPre1 1s;top:-100px; left:0}
.indPre a:hover div .indPre2{animation:ATopPre2 1s;top:0; left:0}




.indInnBox{ position:relative; background:#f3f3f3; height:800px;position:relative; display:none;animation:AUp 1s; width:100%;}
/*#slider {position:absolute; left:50%; margin-left:-600px; top:140px;z-index:1;width:1200px;height:410px; overflow:hidden;font-size:0;}
#slider img{width:720px; height:410px}
#slider .slide {z-index:10; position:absolute;width:720px;height:410px;overflow:hidden;top:0px; cursor:default;text-align:left; background:#fff}
#slider .text{position: absolute;color:#fff; height:90px; width:720px; font-size:12px; background:url(../images/icoJt1.png) center right no-repeat;background-color:#1977d8; }
#slider .text i{ font-size:22px; display:block; font-style:normal; margin:15px 0 5px 0; padding-left:20px;}
#slider .text span{ font-size:14px; color:#bbcff0; padding-left:20px;}
#slider .diapo {position: absolute; filter: alpha(opacity=100); visibility: visible; opacity: 1}*/

.indInn{width:1200px; height:410px;overflow:hidden; font-size:0; margin:40px auto 0 auto;}
.indInn ul li{position:relative;display:inline-block;width:100px;height:410px; cursor:pointer}
.indInn ul li .onLi{width:600px!important}
.indInn ul li div{ bottom:0;position:absolute;color:#fff; height:90px; width:600px; padding:0 50px 0 20px; box-sizing:border-box; font-size:12px; background:url(../images/icoJt1.png) center right no-repeat;background-color:#1977d8; display:none}
.indInn ul li div i{ font-size:22px; display:block; font-style:normal; margin:15px 0 5px 0;}
.indInn ul li div span{ font-size:12px; color:#bbcff0; }
.indInn .onLi div{ display:block!important}

.indBrandBox{ background:url(../images/bgIndCur.jpg) top repeat-x; height:720px; width:100%; text-align:center; position:relative; display:none;animation:AUp 1s;}
.indBrand{ width:1200px; margin:40px auto 0 auto; overflow:hidden; font-size:0}
.indBrand a{display:inline-block; float:left; margin-right:20px; position:relative;animation:ABig 1s;}
.indBrand div{display:inline-block; float:left; margin-right:20px; width:285px;}
.indBrand .textBrand{position:absolute; top:0; left:0; z-index:1}
.indBrand a .imgBrand{
	-webkit-transition: opacity 1.5s, -webkit-transform 1.5s;
	transition: opacity 1.5s, transform 1.5s;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.indBrand a:hover .imgBrand{
	opacity:1.0;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
.indBrand a:hover .textBrand{ background:url(../images/bgBlack.png)}



.boxFoot{width:100%; height:230px; background:#1b2a3a; color:#adaeae;  }
.boxFoot a{color:#adaeae}
.boxFoot a:hover{color:#fff}
.boxFoot1{width:1200px; margin:0 auto; position:relative}
.footLink{display:inline-block; border-bottom:2px solid #5b5d5d; margin:35px 0 10px 0; padding-bottom:20px; font-size:0}
.footLink a{display:inline-block;font-size:13px; font-weight:bold; padding:0 8px 0 0; margin-right:8px; border-right:2px solid #adaeae; line-height:14px; }
.footText{line-height:26px}

.boxGz{ position:absolute; top:50px; right:0; font-size:0}
.boxGz i{font-size:13px; font-weight:bold; display:inline-block; line-height:30px; margin-right:5px; }
.boxGz a{display:inline-block; font-size:13px; line-height:30px; padding:0 20px 0 35px;}
.icoWx{ background:url(../images/icoWx.png) left center no-repeat;}
.icoWx:hover{ background:url(../images/icoWxHover.png) left center no-repeat;}
.icoWb{ background:url(../images/icoWb.png) left center no-repeat;}
.icoWb:hover{ background:url(../images/icoWbHover.png) left center no-repeat;}
.icoFx{ background:url(../images/icoFx.png) left center no-repeat;}
.icoFx:hover{ background:url(../images/icoFxHover.png) left center no-repeat;}

.imgEwmWx{ position:absolute; top:-90px; right:150px; background:url(../images/bgEwmWx.png) no-repeat;  padding:17px 17px 26px 17px;width:100px; height:100px;box-sizing:content-box; display:none; z-index:100}
.imgEwmWb{ position:absolute; top:-90px; right:70px; background:url(../images/bgEwmWx.png) no-repeat;  padding:17px 17px 26px 17px;width:100px; height:100px;box-sizing:content-box; display:none; z-index:100}




.subBanner{ width:100%; height:130px; overflow:hidden}
.boxMain{background:url(../images/bgMain.jpg) top center no-repeat; width:100%; overflow:hidden}
.boxMain1{background:url(../images/bgMain1.jpg) left repeat-y;  width:1200px; margin:15px auto 0 auto; overflow:hidden;}
.boxMain2{ width:1200px;overflow:hidden; margin:0 auto;}

.boxL{float:left;display:inline-block;width:230px; display:inline-block; margin-right:40px; min-height:700px;}
.navLHead{ height:75px; line-height:75px; background:url(../images/bgNavLeft.jpg) no-repeat; text-align:center; color:#fff; font-size:22px;}
.navL{ font-size:0;font-weight:bold;text-align:center;border-bottom:1px solid #dedede;}
.navL li i{ display:block;line-height:50px; border-top:1px solid #dedede; font-size:13px; }
.navL li a{color:#666}
.navL li a:hover{color:#0e4e8f}
.navL li span{display:none; width:100px;border-top:1px solid #dedede; margin-bottom:9px;}
.navL li span a{display:block; font-size:12px; line-height:40px;color:#888; margin-bottom:1px;/*transition:background 1s;*/}
.navL li span a:hover{ background:#3f82b7; color:#fff}
.navL .on span{display:inline-block}
.navL li:hover span{display:inline-block;}
.navL .on i a{color:#0e4e8f}
.navL .onSub{ background:#3f82b7!important; color:#fff!important;}

.boxR{float:left;display:inline-block; width:930px; overflow:hidden;}

.navCur{ height:75px; position:relative}
.navCur h1{font-size:28px; font-weight:normal; color:#c3ccda;font-family:ancona; height:35px; line-height:40px; overflow:hidden;text-transform:uppercase; display:none}
.navCur h2{font-size:17px;color:#0e4e8f; display:inline-block; border-bottom:2px solid #0e4e8f; height:75px; line-height:75px;}
.navCur span{position:absolute; right:0; top:0; line-height:75px; color:#9b9ea1}
.navCur span a{color:#9b9ea1}
.navCur span a:hover{color:#0e4e8f}

.navCur1{height:98px; position:relative; background:url(../images/bgCur1.jpg); padding-left:60px; overflow:hidden}
.navCur1 h1{font-size:28px; font-weight:normal; color:#c3ccda;font-family:ancona; margin-top:15px; height:35px; line-height:40px; overflow:hidden;text-transform:uppercase; display:none}
.navCur1 h2{font-size:17px;color:#0e4e8f; display:inline-block;height:40px; line-height:98px;}
.navCur1 span{position:absolute; right:15px; top:45px; color:#9b9ea1}
.navCur1 span a{color:#9b9ea1}
.navCur1 span a:hover{color:#0e4e8f}


/*.bodyMove{position:relative;left:-300px;animation:mymove 0.5s;}
@keyframes mymove{0%{left:0;}100%{left:-300px;}}*/

.boxMax{ width:100%; max-width:1530px; padding:0 15px; box-sizing:border-box; overflow:hidden; margin:0 auto}

.boxTop{height:90px; background:#fff;}
.boxTopMax{width:100%; max-width:1530px;padding:0 15px; box-sizing:border-box;margin:0 auto;position:relative; }
.toTop{ position:fixed;bottom:10px; right:10px;  display:block; width:42px; height:42px; border-radius:100%; background:url(../images/toTop.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(../images/toTopHover.png) no-repeat;background-size:100% 100%;opacity:1.0}

.indNews{width:100%; height:80px; background:url(../images/bgIndNews.png) center no-repeat; position:absolute; bottom:0; z-index:100;}
.indNews1{width:100%; max-width:1530px; padding:0 15px; box-sizing:border-box;  margin:0 auto; overflow:hidden; position:relative}
.indNewsNav{ background:url(../images/bgIndNewsTitle.png) center right no-repeat; float:left; padding:0 50px 0 15px; margin-left:-15px;}
.indNewsNav i{ display:inline-block; font-size:17px; color:#fff; font-weight:bold; background:url(../images/icoNews.png) left center no-repeat; background-size:30px 42px; padding:0 0 0 40px; line-height:80px;}
.indNewsList{height:80px; overflow:hidden; float:left; padding-left:20px;}
.indNewsList .swiper-slide{width:100%; height:100%;}
.indNewsList .swiper-slide a{font-size:0}
.indNewsList .swiper-slide a span{color:#fff; line-height:80px; font-size:16px;} 
.indNewsList .swiper-slide a h1{display:inline-block;}
.indNewsList .swiper-slide a h2{opacity:0.5; display:inline-block; padding-left:10px;}
.indNewsList .swiper-slide a i{display:none}

.moreNews{ float:right;display:inline-block; width:23px; height:80px; background:url(../images/icoMore.png) center no-repeat; background-size:23px 23px; opacity:0.5}
.moreNews:hover{opacity:1.0}


.newsList{ font-size:0}
.newsList a{display:block; padding:40px 0}
.newsList a:nth-child(even){ background:#f3f3f4}
.newsList a div{width:100%; max-width:1500px; overflow:hidden; margin:0 auto; padding:0 20px; box-sizing:border-box}
.newsList a span{float:left; width:210px; display:inline-block;}
.newsList a h2{width:169px; display:inline-block; vertical-align:middle; font-size:24px; color:#444; padding-right:40px; text-align:right}
.newsList a strong{font-size:58px; line-height:60px; padding-bottom:10px; font-family:'fontSyst'; display:block}
.newsList a h3{width:1px; display:inline-block; vertical-align:middle}
.newsList h1{display:inline-block; width:calc((100% - 210px)*0.317); vertical-align:middle}
.newsList h1 img{width:100%}
.newsList i{display:inline-block; width:calc((100% - 210px)*0.683); vertical-align:middle; padding-left:40px; box-sizing:border-box}
.newsList a h4{ font-size:30px; font-weight:bold}
.newsList a h5{ font-size:18px; line-height:30px; color:#999; padding-top:10px; display:block}

.navTitleM{display:none}


.boxLine{ border-top:1px solid #e4e4e4; padding-top:40px;}

.boxPage{width:100%; overflow:hidden; margin:0 0 40px 0; font-size:0}
.boxPage a{ display:inline-block;font-size:19px;color:#fff;background-color:#c4c3c8;width:56px; height:56px;text-align:center; line-height:56px; margin-right:8px; border-radius:50%}
.boxPage a:hover{ color:#fff; background-color:#c39861;}
.curPage{color:#fff!important; background-color:#c39861!important;}
.numPage{float:left;}
.btnPage{float:right; }
.prePage{ background:url(../images/pagePre.png) center no-repeat; }
.nextPage{background:url(../images/pageNext.png) center no-repeat; margin-right:0!important}