body{ width:100%;margin:0;padding:0;font-family:/*"PingFang SC",*/"Microsoft Yahei"; font-size:15px; 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:#333333}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input[type="button"], input[type="submit"], input[type="reset"],select{-webkit-appearance:none;}

.boxMax{ width:100%; max-width:1680px; margin:0 auto; position:relative}


@keyframes ANavI{0%{width:0; left:50%;}100%{width:100%; left:0;}}


@keyframes AsubNavI{0%{width:0;}100%{width:100%;}}



.btnWx{position:absolute; top:30px; right:50%; margin-right:-560px; background:url(404.png) center no-repeat; background-color:#a4a6b0; width:30px; height:30px; border-radius:50%;}
.btnWx:hover{background:url(404.png) center no-repeat; background-color:#333333;}
.btnOa{position:absolute; top:30px; right:50%; margin-right:-600px; background:url(404.png) center no-repeat; background-color:#a4a6b0; width:30px; height:30px; border-radius:50%;}
.btnOa:hover{background:url(404.png) center no-repeat; background-color:#333333;}
.btnSearch{position:absolute; top:30px; right:50%; margin-right:-520px; background:url(404.png) center no-repeat;background-color:#333333; width:30px; height:30px; border-radius:50%;}
.imgEwmTop{ background:url(404.png); padding:23px 14px 14px 14px; width:120px; height:120px; position:absolute; z-index:100; top:72px; right:50%; margin-right:-620px; display:none}



.boxSearch{ position:fixed; top:0; left:0; width:100%; height:100%; background:url(404.png) 100% 100%; text-align:center; z-index:102; display:none}
.boxSearch span{display:inline-block; width:800px; height:60px; border-radius:3px; overflow:hidden; background:#fff; position:absolute; top:50%; left:50%; margin:-30px 0 0 -400px; font-size:0}
.boxSearch a{display:inline-block; background:url(404.png) left center no-repeat; background-size:10px 10px; padding:0 0 0 15px; color:#fff; font-size:13px;position:absolute;top:50%; right:50%;margin:-80px -395px 0 0;}
.boxSearch a:hover{ opacity:0.7}
.inputTop{width:740px; height:60px; line-height:60px; font-size:16px; color:#777; text-indent:15px;}
.submitTop{ width:60px; height:60px; background:url(404.png) center 50%/50% no-repeat; font-size:0; opacity:0.7; cursor:pointer}  
.submitTop:hover{opacity:1.0;}


.banner{width:100%; max-width:1680px; /*height:calc(100vh - 390px);*/ height:25vw;min-height:300px; max-height:430px;overflow:hidden; position:relative;color:#fff;  margin:0 auto;}
.banner .swiper-slide div{ width:100%; height:100%; position:relative; overflow:hidden}
.banner .swiper-pagination{bottom:20px!important; left:50%!important; margin-left:-600px!important; width:1200px!important; text-align:right;}
.banner .swiper-pagination-bullet{width:20px; height:6px;background:#fff; opacity:0.8;border-radius:6px;}
.banner .swiper-pagination-bullet-active{opacity:1.0;  background:#333333}
.banner .swiper-button-prev{left:20px; margin-top:-22px; width:45px; width:45px;  background:url(404.png);background-size:100% 100%;}
.banner .swiper-button-prev:hover{background:url(404.png);background-size:100% 100%;}
.banner .swiper-button-next{right:20px;margin-top:-22px;width:45px; height:45px;background:url(404.png);background-size:100% 100%;}
.banner .swiper-button-next:hover{background:url(404.png);background-size:100% 100%;}
.banner .bannerImg{background-position:center center!important;background-size:cover!important;}

.boxInd{ background:url(404.png) top repeat-x; height:300px;}
.boxInd1{ width:1200px; height:300px; margin:0 auto; overflow:hidden; position:relative}

.indNews{width:439px; height:300px;position:absolute;left:1200px;overflow:hidden; border-right:1px solid #e5e5e5;}
.indNewsNav{position:relative;}
.indNewsNav div{ width:100%;height:70px; width:100%; overflow:hidden}
.indNewsNav div a{display:inline-block;line-height:70px; font-size:14px; color:#666; font-weight:bold; width:100px; text-align:center}
.indNewsNav div .on{background:#e20c19; color:#fff}
.moreNews{position:absolute; top:0; right:20px; line-height:70px; font-size:10px; font-weight:bold; color:#bcbcbc}
.moreNews:hover{color:#333333}

.indNews1{ display:none; padding:25px 20px 0 0;}
.indNews1 a{ display:block; line-height:35px; font-size:13px; background:url(404.png) 0 center no-repeat; padding-left:13px;}
.indNews1 a i{ float:right; font-size:13px; color:#999}
.indNews1 a:hover{color:#e20c19}

.indDc{width:475px;height:230px;position:absolute; top:70px;left:1200px;overflow:hidden;}
.indDc .swiper-slide{ width:100%;height:100%;overflow:hidden}
.indDc .swiper-slide a{display:block; width:475px; height:230px; position:relative}
.indDc .swiper-slide a img{width:100%; height:100%;transition:transform 0.8s;}
.indDc .swiper-slide a i{ position:absolute; left:15px; bottom:0; font-size:16px; color:#fff; line-height:50px; z-index:2}
.indDc .swiper-slide a span{ width:475px; height:50px; background:#000; opacity:0.5; position:absolute; left:0; bottom:0; z-index:1}
.indDc .swiper-slide a:hover img{transform:scale(1.15);}
.indDc .swiper-button-prev{left:415px; margin-top:65px;width:30px; height:50px; background:url(404.png) center no-repeat;opacity:0.5;}
.indDc .swiper-button-prev:hover{opacity:1.0;background:url(404.png) center no-repeat; background-color:#333333}
.indDc .swiper-button-next{right:0px; margin-top:65px;width:30px; height:50px; background:url(404.png) center no-repeat;opacity:0.5;}
.indDc .swiper-button-next:hover{opacity:1.0;background:url(404.png) center no-repeat; background-color:#333333}

.indPp{width:285px; height:230px; background:#e99f1c;display:block; position:absolute; top:70px;left:1200px;overflow:hidden;}
.indPp h1{position:absolute; left:20px; top:20px; z-index:2}
.indPp h2{width:285px; height:230px; font-size:0}
.indPp h2 img{width:100%; height:100%;transition:transform 0.8s;}
.indPp:hover h2 img{transform: scale(1.15); }

@keyframes ABig{0%{transform:scale(0.1);}100%{transform:scale(1.0);}}

.indCy{ position:absolute; top:0; left:440px; width:760px; font-size:0}
.indCy a{width:25%; font-size:14px;  line-height:70px; text-align:center; color:#666;animation:ABig .5s; display:none}
.indCy a:hover{color:#333333}

.btnDc i{ display:inline-block; padding-left:50px; background:url(404.png) left center no-repeat;font-weight:bold;}
.btnDc:hover i{ background:url(404.png) left center no-repeat;}

.btnJz i{ display:inline-block; padding-left:50px; background:url(404.png) left center no-repeat;font-weight:bold; }
.btnJz:hover i{ background:url(404.png) left center no-repeat;}

.btnWy i{ display:inline-block; padding-left:50px; background:url(404.png) left center no-repeat;font-weight:bold; }
.btnWy:hover i{ background:url(404.png) left center no-repeat;}

.btnSy i{ display:inline-block; padding-left:50px; background:url(404.png) left center no-repeat;font-weight:bold; }
.btnSy:hover i{ background:url(404.png) left center no-repeat;}

.toTop{ position:fixed;bottom:10px; right:10px; display:block; width:42px; height:42px; border-radius:100%; background:url(404.png) no-repeat; background-size:100% 100%; z-index:1000; display:none; opacity:0.7}
.toTop:hover{background:url(404.png) no-repeat;background-size:100% 100%;opacity:1.0}

.boxFoot{ border-top:3px solid #333333;}
.boxFoot1{width:1200px; margin:0 auto; position:relative}
.boxFoot2{ font-size:13px; color:#999; line-height:26px; padding:43px 0;}
.boxFoot2 a{color:#999}
.boxFoot2 a:hover{color:#333333}

.btnFootContact{ display:inline-block; position:absolute; right:160px; top:34px; font-weight:bold; color:#999; font-size:13px; padding:0 0 0 50px; line-height:40px; background:url(404.png) left 
center no-repeat;}
.btnFootContact:hover{color:#333333}

.btnFootZmt{display:inline-block; position:absolute; right:0; top:34px; font-weight:bold; color:#999; font-size:13px; padding:0 0 0 50px; line-height:40px; background:url(404.png) left 
center no-repeat;}
.btnFootZmt:hover{color:#333333}


.subBanner{ width:100%; height:160px;}
.subBanner1{ width:100%; height:360px;}


.navCur{ width:100%;height:70px; background:url(404.png) bottom repeat-x;font-size:0;}
.navCur1{ width:1200px; height:70px; margin:0 auto; overflow:hidden; position:relative}

.curL{ float:left;}
.icoHome{background:url(404.png) center no-repeat; background-color:#333333; width:70px; height:70px; vertical-align:middle; display:inline-block}
.curL span{display:inline-block;vertical-align:middle}
.curL span a{display:inline-block; background:url(404.png) right center no-repeat;line-height:70px; padding:0 17px 0 0;margin-left:15px; font-size:13px; color:#666}
.curL span a:hover{color:#333333; }
.curL .on{color:#333333!important; font-weight:bold; background:none!important}

.curR{float:right}
.curR a{display:inline-block; padding:0 8px; margin:0 0 0 20px;line-height:70px; font-size:15px; color:#666; font-weight:bold}
.curR a:hover{color:#333333}
.curR .on{ background:url(404.png) bottom repeat-x}


.navTitle{ text-align:center; padding:30px 0;}
.navTitle h1{ font-size:22px; font-weight:bold; color:#333333}
.navTitle h2{ font-size:18px; font-weight:normal; font-family:fontAnt; color:#bbb}

.boxGray{background:#f3f3f3; width:100%; overflow:hidden;padding-top: 50px;}


.boxAbout{width:1200px; margin:0 auto; font-size:0}

.aboutL{display:inline-block; width:800px; padding:60px 40px 60px 0; font-size:15px}
.aboutL p{ line-height:26px; padding-bottom:15px; text-align:justify}
.aboutL strong{display:block; padding-bottom:15px}
.aboutL img{padding-bottom:10px}

.boxHide{display:none}


.btnMore{ text-align:center;}
.btnMore a{display:inline-block; padding:0 45px; background:#dadada; color:#8a8a8a; line-height:50px; border-radius:30px;}
.btnMore a:hover{ background:#333333; color:#fff}


.aboutR{ display:inline-block; width:360px; vertical-align:top; padding-top:60px;}
.aboutR li{ height:120px; background:#e3e3e5; margin-bottom:2px; position:relative}
.aboutR li:first-of-type{ background:#333333; color:#fff; text-align:right; padding-right:30px;}
.aboutR h1{font-size:30px; font-family:fontAnt; padding-top:25px;}
.aboutR h2{font-size:17px; font-weight:bold;}
.aboutR h3{ font-size:17px; line-height:120px; font-weight:bold; padding:0 0 0 30px; color:#777}
.aboutR i{position:absolute; right:60px; top:0; line-height:120px; font-size:60px; color:#333333; font-family:fontAnt}
.aboutR span{ position:absolute; top:65px; left:305px; font-size:17px; font-weight:bold; color:#333333; line-height:17px;}

.boxDsz{ width:1200px; margin:60px auto; background:#fff; box-shadow:0 3px 3px rgba(0,0,0,0.05); font-size:0}
.imgDsz{display:inline-block; vertical-align:top; width:320px; height:425px;}
.boxDsz1{ width:800px; padding:0 40px; display:inline-block;vertical-align:top;}
.boxDsz h1{ font-size:16px; font-weight:bold; display:block; padding:60px 0 30px 0}
.boxDsz h1 i{ font-size:22px; display:inline-block; margin-right:10px;font-weight:bold}
.boxDsz p{ font-size:15px; line-height:26px; padding: 0 15px 15px 0; text-align:justify;}
.boxDsz2{ width:100%; height:230px; overflow:hidden; overflow-y:scroll}

.honorList{ width:1200px; margin:60px auto 0 auto;background:url(404.png) center repeat-y; overflow:hidden}
.honorList li{ background:url(404.png) center no-repeat; padding:0 0 0 700px; position:relative; width:500px; margin:45px 0; font-size:0}
.honorList li h1{ position:absolute; top:50%; left:350px; margin-top:-40px; line-height:80px; font-size:80px; color:#333333; font-family:fontAnt}
.honorList li i{ width:1px; height:100%; min-height:150px; display:inline-block; vertical-align:middle}
.honorList li .boxHonor1{background:url(404.png) left repeat-y;line-height:26px; font-size:15px; display:inline-block; width:499px;vertical-align:middle}
.honorList li .boxHonor2{background:url(404.png) left center no-repeat;}
.honorList li .boxHonor3{background:url(404.png) left top no-repeat}
.honorList li .boxHonor4{background:url(404.png) left bottom no-repeat; padding:0 0 0 50px;}

.honorList li:nth-child(even){ padding:0 700px 0 0; }
.honorList li:nth-child(even) h1{left:710px;}
.honorList li:nth-child(even) .boxHonor1{background:url(404.png) right repeat-y;text-align:right}
.honorList li:nth-child(even) .boxHonor2{background:url(404.png) right center no-repeat;}
.honorList li:nth-child(even) .boxHonor3{background:url(404.png) right top no-repeat}
.honorList li:nth-child(even) .boxHonor4{background:url(404.png) right bottom no-repeat;padding:0 50px 0 0;}


.boxHistory{ background:url(404.png) center no-repeat; height:790px; font-size:0; width:100%; overflow:hidden}


.historyList{width:1200px; height:520px; position:relative;margin:30px auto; overflow:hidden}
.historyList .swiper-slide{width:1200px; height:520px;text-align:center}
.historyList .swiper-button-prev{left:0; margin-top:-30px; width:33px; height:60px;  background:url(404.png);background-size:100% 100%;}
.historyList .swiper-button-prev:hover{background:url(404.png);background-size:100% 100%;}
.historyList .swiper-button-next{right:0;margin-top:-30px;width:33px; height:60px;background:url(404.png);background-size:100% 100%;}
.historyList .swiper-button-next:hover{background:url(404.png);background-size:100% 100%;}

.historyHeight{ width:1px; font-size:0; height:520px; vertical-align:middle; display:inline-block}
.historyText{ width:470px; padding:0 60px 0 0; display:inline-block; vertical-align:middle; text-align:left}
.historyText i{font-size:80px; font-family:fontAnt; display:inline-block; line-height:80px; vertical-align:middle; color:#333333}
.historyText img{vertical-align:middle; margin:0 5px}
.historyText h2{ font-size:40px;}
.historyText div{border-bottom:2px solid #333333; display:inline-block; padding-bottom:15px;}
.historyText span{display:block; font-size:15px; line-height:26px; padding-top:15px; text-align:justify}
.historyImg{ width:400px; height:260px; display:inline-block; vertical-align:middle;}

.historyYears{width:1200px; height:100px; overflow:hidden; margin:0 auto; font-size:0;}
.historyYears a{width:400px; height:100%;text-align:center; display:inline-block; color:#8f8f8f; padding-top:20px}
.historyYears a h1{ font-size:26px; font-family:fontAnt; }
.historyYears a h2{ font-size:16px; display:block}
.historyYears .on{ background:url(404.png) top repeat-x}
.historyYears .on h1{color:#333333;}


@keyframes ANewsTitle{0%{top:253px;}100%{top:75px;}}
.picNews{font-size:0; text-align:center; padding:60px 0}
.picNews a{ display:inline-block; margin:0 15px; width:380px; height:253px; position:relative; overflow:hidden; background:#333333}
.picNews a img{ width:380px; height:253px}
.picNews a div{position:absolute;width:350px;left:15px;top:75px;animation:ANewsTitle 0.5s;z-index:3; display:none; text-align:left}
.picNews a div h1{ font-family:fontAnt; font-size:30px; font-weight:normal; color:#ebbabb;}
.picNews a div h2{font-size:20px; font-weight:bold; color:#fff; line-height:30px; }
.picNews a:hover img{opacity:0.2}
.picNews a:hover div{display:block}

.newsList{font-size:0; width:1200px; margin:0 auto; padding:0 5px; overflow:hidden}
.newsList a{ display:block; padding:20px 0 20px 20px; box-shadow:0 3px 3px rgba(0,0,0,0.05); margin-bottom:20px; background:url(../image/icoNews.png) 1120px center no-repeat;background-color:#fff; }
.newsList i{ display:inline-block; width:145px; height:100px; border-right:1px solid #e5e5e5;vertical-align:middle; font-family:fontAnt; text-align:center; color:#0d669e}
.newsList h1{ font-size:40px; margin:15px 0 5px 0; line-height:40px; color:#333333}
.newsList h2{ font-size:20px; background:url(../image/bgDate.png) center no-repeat; color:#888}
.newsList img{ display:inline-block; width:240px; margin-left:70px;}
.newsList span{display:inline-block; vertical-align:middle; width:860px; padding-left:30px;}
.newsList h3{ font-size:20px; font-weight:bold; margin-bottom:8px; line-height:30px;}
.newsList h4{ line-height:24px; color:#888; font-size:13px;}
.newsList a:hover{background:url(../image/icoNewsHover.png) 1120px center no-repeat;background-color:#fff;box-shadow:0 5px 5px rgba(0,0,0,0.1);}
.newsList a:hover h3{color:#333333;}

.picList{font-size:0; width:1230px; margin:60px auto 0 auto}
.picList a{display:inline-block; width:380px; height:315px; margin:0 15px; position:relative}
.picList a div{ width:380px; height:253px; overflow:hidden; background:#000}
.picList a div img{width:380px; height:253px;transition:transform 1s;}
.picList a span{ width:340px; height:60px; position:relative; margin:-30px 0 0 20px; background:#fff; z-index:2; display:block; box-shadow:0 3px 3px rgba(0,0,0,0.05); }
.picList a h1{ width:1px; height:60px; vertical-align:middle;display:inline-block}
.picList a h2{ padding:0 10px; width:319px; text-align:center; line-height:20px; color:#666; font-size:15px; vertical-align:middle; display:inline-block}
.picList a i{display:block; width:380px; height:253px; position:absolute; top:0; left:0; background:url(404.png) center no-repeat; z-index:1; display:none}
.picList a:hover img{transform:scale(1.2);opacity:0.5;}
.picList a:hover i{ display:block}



.boxShow{ width:850px; padding:0 40px 40px 40px; background:#fff;position:relative; left:50%;margin:40px 0 40px -600px; overflow:hidden;min-height:400px;text-align:left}
.showTitle{font-size:26px; line-height:40px; margin-top:30px;  font-weight:bold;}
.showInfo{border-bottom:2px solid #dcdcdc; font-size:14px; color:#999; padding:5px 0 20px 0; margin: 0 0 10px 0;}
.showCon{font-size:16px; line-height:30px; padding:10px 0 0 0;}
.showCon p{ text-align:justify; padding-bottom:15px;}
.showCon img{/*max-width:750px!important;*/ height:auto!important; margin:15px auto 0 auto!important; display:block}


.showVideo{width:100%; height:530px; margin:10px auto 0 auto;}

.btnShare1{position:absolute;top:444px; left:50%;/* margin-left:-530px;*/  margin-left:380px;width:220px;font-size:0; z-index:100}
.btnShare1 i{font-size:12px; display:block; border-bottom:2px solid #cccccc; color:#999; text-indent:5px; line-height:30px; margin-bottom:15px}
.btnShare1 a{display:block; margin-bottom:10px; font-size:16px; color:#444; line-height:40px; height:40px; overflow:hidden}
.btnShare1 div{width:40px; height:40px; text-align:center;border-radius:6px; display:inline-block; margin-right:10px;}
.btnShare1 a img{ vertical-align:middle}
.btnShare1 .shareWx div{background-color:#6ac334}
.btnShare1 .shareWb div{background-color:#ff4444}
.btnShare1 .shareQz div{background-color:#f1a718}
.btnShare1 .shareQq div{background-color:#27a0f5}
.btnShare1 .shareWx:hover div{background-color:#7fde46}
.btnShare1 .shareWb:hover div{background-color:#ff6767}
.btnShare1 .shareQz:hover div{background-color:#ffc34f}
.btnShare1 .shareQq:hover div{background-color:#4fb6fe}


.btnShare1Fixed{position:fixed!important;top:100px!important; left:50%; margin-left:380px; }

.boxEwm{ position:fixed; width:222px; height:248px; top:50%; margin-top:-129px; left:50%; margin-left:-131px; z-index:1000; background:url(404.png) no-repeat; padding:5px; font-size:0; line-height:0; display:none; box-sizing:content-box}
.boxEwm a{display:block;height:26px; width:100%;}
.boxEwm img{ width:178px; height:178px; display:inline-block; margin:22px 0 0 22px}
.boxBlack{background:url(404.png); width:100%; height:100%; position:fixed; z-index:999; top:0; left:0; display:none}


.boxDc{width:1200px; height:605px; margin:0 auto; font-size:0; overflow:hidden}
.dcText{float:left;width:415px;}
.dcText h1{ border-bottom:2px solid #333333; font-weight:bold; font-size:22px; color:#333333; line-height:20px; padding:80px 0 20px 0; margin-bottom:20px;}
.dcText span{}
.dcText p{ font-size:15px; line-height:28px; padding-bottom:15px; text-align:justify}
.dcMap{float:right;width:690px; height:600px; display:inline-block; background:url(404.png) no-repeat}


.navDc{width:1200px; font-size:0;background:#dbdbdf; margin:0 auto}
.navDc a{display:inline-block; width:298px; border-right:2px solid #f3f3f3; line-height:50px; font-size:17px; text-align:center}
.navDc .on{font-weight:bold; color:#fff; background:#c60c15}


.searchPro{font-size:0; position:absolute; top:1225px; left:50%; margin-left:260px; width:340px; height:44px;border-radius:3px; background:#fff;box-sizing:border-box; z-index:10; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.inputSearchPro{line-height:44px; border:none; width:270px; color:#999; text-indent:13px; vertical-align:top}
.submitSearchPro{height:44px; border:none;width:70px;cursor:pointer; font-weight:bold; background:#333333; vertical-align:top; background:url(404.png) center no-repeat; background-color:#333333}
.submitSearchPro:hover{background:url(404.png) center no-repeat; background-color:#c60c15}

.navSearchPro{ width:1200px;margin:0 auto; padding:40px 0 28px 0;}
.navSearchPro li{ position:relative; margin:0 0 12px 0; font-size:0; padding:0 0 0 45px;}
.navSearchPro i{position:absolute; left:0; top:0; font-size:14px;line-height:28px; font-weight:bold}
.navSearchPro a{font-size:15px; display:inline-block; padding:0 12px; margin:0 2px; line-height:28px; border-radius:3px;}
.navSearchPro a:hover{background:#333333; color:#fff}
.navSearchPro .on{ background:#333333; color:#fff}
.navSearchPro .on:hover{color:#fff}

.proList{ width:1230px; margin:0 auto; font-size:0}
.proList a{display:inline-block; margin:0 15px 30px 15px; background:#fff; border-bottom:2px solid #bebebe; width:380px; height:430px; overflow:hidden}
.proList a div{width:380px; height:253px; overflow:hidden}
.proList a img{ width:100%; height:100%;transition:transform 1s;}
.proList a span{ display:block; padding:0 30px; color:#555}
.proList a h1{ font-weight:bold; font-size:22px; line-height:22px; padding:30px 0 15px 0}
.proList a p{ font-size:14px; line-height:22px}
.proList a:hover{border-bottom:2px solid #333333;}
.proList a:hover h1{ color:#333333}
.proList a:hover img{transform:scale(1.2);}

.proBanner{ margin:0 auto; width:100%;}
.proBanner img{width:100%}

.proInfo{ background:url(404.png) center repeat-y; min-height:360px}
.proInfo1{ width:1200px; margin:0 auto; font-size:0}
.proInfoL{ width:360px; padding:0 40px 40px 0; display:inline-block; vertical-align:top}
.proLogo{ padding:30px 0; border-bottom:1px solid #cfcfcf}
.proLogo img{ min-height:50px;max-height:80px}
.proLogo i{ font-size:30px; font-weight:bold;}
.proInfoL span{font-size:14px; color:#444; display:block; padding:20px 0 0 0; line-height:26px;}
.proInfoL span i{font-size:26px; color:#333333; font-family:fontAnt}
.proInfoL span img{width:120px; height:120px; margin:10px 0 0 0}

.proText{ width:760px; padding:0 0 0 40px; display:inline-block; position:relative}
.proText h1{ padding:20px 0 15px 0;line-height:60px; font-size:22px; font-weight:bold}
.proText1{ font-size:15px; color:#666; line-height:26px; min-height:70px;}
.proText1 p{ margin-bottom:15px;}

.proNumber{ width:100%; overflow:hidden}
.proNumber li{ float:left;width:25%; line-height:33px; font-size:15px;}
.proNumber h2{font-weight:bold;color:#666; }
.proNumber h3{font-size:30px; color:#666; font-weight:bold; font-family:fontAnt}
.proNumber h4{color:#999}

.proCydj{ position:absolute; right:0; top:28px;display:block; width:130px; padding:0 40px 0 0; line-height:42px; border-radius:21px; background:url(../image/icoJt1.png) 97px center no-repeat; background-color:#fff; font-size:17px; color:#008ad3; font-weight:bold; text-align:right}
.proCydj:hover{background:url(../image/icoJt1Hover.png) 97px center no-repeat;background-color:#008ad3; color:#fff}

.proCon{ padding:100px 0 60px 0; text-align:center; font-size:0; background:#fbfbfb}
.proCon li{ display:inline-block; width:376px; border:2px solid #e7e7e7; margin:0 15px; background:#fff; vertical-align:top}
.proCon li img{ margin-top:-40px;}
.proCon li h1{font-size:22px; line-height:22px; font-weight:bold; padding:15px 0;}


.proCon1{ padding:0 20px; font-size:15px; line-height:30px; text-align:left; margin:0 0 15px 0; height:180px; overflow:hidden}
.moreText{display:block;height:48px; background:url(../image/icoJh1.png) center no-repeat; background-color:#f9f9f9}
.moreText:hover {background:url(../image/icoJh1Hover.png) center no-repeat; background-color:#484d6f}
.lessText{display:block; height:48px; background:url(../image/icoJh2.png) center no-repeat; background-color:#f9f9f9}
.lessText:hover{background:url(../image/icoJh2Hover.png) center no-repeat; background-color:#484d6f}


.navProTitle{ line-height:100px; color:#fff; font-size:22px; font-weight:bold; text-align:center}
.navProTitle1{ line-height:100px; font-size:22px; font-weight:bold; text-align:center}
.navProTitle2{ padding:50px 0 0 0;color:#fff; font-size:22px; font-weight:bold; text-align:center}

.proImg{background:#484d6f; padding:0 0 50px 0;}
.proImg1{width:1200px; margin:0 auto; font-size:0}

.navPro{font-size:0; text-align:center}
.navPro a{ display:inline-block; width:120px; font-size:14px; text-align:center; line-height:44px; border-radius:22px; background:#fff; margin:0 5px;}
.navPro .on{ background:#6981d8!important; color:#fff;}


.proImg2{width:1200px;height:600px; padding:40px 0 50px 0;overflow:hidden; position:relative; display:none}
.proImg2 i{ position:absolute; bottom:50px; font-size:14px; color:#fff; text-align:center; display:block; width:100%; line-height:40px; z-index:100; opacity:0.5}
.proImg2 .swiper-slide{ text-align:center}
.proImg2 .swiper-slide img{height:500px;}
.proImg2 .swiper-pagination{ bottom:0!important}
.proImg2 .swiper-pagination-bullet{width:10px; height:10px; background:#fff; opacity:0.5}
.proImg2 .swiper-pagination-bullet-active{width:24px; height:10px;opacity:1.0; border-radius:6px; background:#ffba00}
.proImg2 .swiper-button-prev{left:0; margin-top:-8px; width:50px; height:50px; background:url(../image/icoJtL.png) center no-repeat}
.proImg2 .swiper-button-prev:hover{background:url(../image/icoJtLHover.png) center no-repeat}
.proImg2 .swiper-button-next{right:0;margin-top:-8px; width:50px; height:50px; background:url(../image/icoJtR.png) center no-repeat}
.proImg2 .swiper-button-next:hover{background:url(../image/icoJtRHover.png) center no-repeat}

.proMap{ width:1200px; height:400px; margin:0 auto 60px auto; position:relative}
.proMap1{position:absolute; width:400px; height:400px; background:url(../image/bgBlack1.png); text-align:center;z-index: 9999;}
.proMap1 a{display:inline-block; width:150px; padding:100px 0 0 0; height:40px; background:url(../image/icoMap.png) top center no-repeat; font-size:16px; font-weight:bold; color:#fff; text-align:center; margin:140px 0 0 0;}
.proMap1 a:hover{background:url(../image/icoMapHover.png) top center no-repeat;}


.w_1200{width:1200px; margin:0 auto; overflow:hidden}

.boxJz1{background:#ecf3ef;padding-top:50px;}
.jzText{font-size:15px; line-height:26px;}
.jzText h1{ font-weight:bold; font-size:22px; color:#666666; border-bottom:2px solid #0053ad; padding:0 0 15px 0; margin:0 0 15px 0; display:inline-block;}
.jzText p{padding-bottom:15px; text-align:justify;width: 93%;}

.boxJz2{background:#ffffff; }
.boxJz3{height:500px; background:url(../image/imgJz3.jpg) center no-repeat; color:#fff}
.boxJz3 h1{color:#fff!important; border-bottom:2px solid #fff!important; }

.tzleft{width:600px; padding:15px 0 0 0;float: left;}
.tzright{float:right;width:600px;}

.tzleft1{float:right;width:560px;padding:15px 0 0 0;margin-left:40px;}
.tzleft11{float:right;width:838px;padding:15px 0 0 0;margin-left:40px;}
.tzleft1 img{width: 100%;}
.tzleft1 p{width: 100% !important;}
.tzright1{width:600px; float: left;}
.tzright11{width:322px; float: left;}



.boxJz4{height:500px; background:url(../image/imgJz4.jpg) center no-repeat; text-align:center}
.boxJz5{height:500px; background:url(../image/imgJz5.jpg) center no-repeat; text-align:center;    margin-bottom: 40px;}
.boxJz5 h1{color:#fff!important; border-bottom:2px solid #fff!important; }

.btnLink{ text-align:center; padding:10px 0 0 0}
.btnLink a{display:inline-block; padding:0 45px; background:url(../image/bgBlack2.png); color:#fff; line-height:50px; border-radius:30px;}
.btnLink a:hover{ background:#218c5a; color:#fff}

.boxWy1{ text-align:center; padding:60px 0;}

.wyText{font-size:15px; line-height:26px;}
.wyText h1{font-weight:bold; font-size:22px; color:#333333; border-bottom:2px solid #333333; padding:0 0 15px 0; margin:0 0 15px 0; display:inline-block;}
.wyText h2{ font-size:20px;  margin:10px 0 20px 0; font-weight:bold; text-align:center}
.wyText p{padding-bottom:15px; text-align:justify}


.wyNumber{ width:1200px; margin:0 auto; overflow:hidden; padding:20px 0 0 0}
.wyNumber li{ float:left; width:25%;}
.wyNumber li h1{font-size:16px; font-weight:bold; color:#333333}
.wyNumber li i{font-size:60px; font-family:fontAnt}
.wyNumber li h2{ font-weight:bold; color:#999; font-size:16px;}

.wyText1{font-size:15px; line-height:26px; color:#fff}
.wyText1 h1{ font-weight:bold; font-size:22px;  border-bottom:2px solid #fff; padding:0 0 15px 0; margin:0 0 15px 0; display:inline-block;}
.wyText1 p{padding-bottom:15px; text-align:justify}

.boxWy2{height:500px;background-color:#db5651; width:100%; max-width:1680px; position:relative;}
.boxWy3{height:500px;background-color:#ed764c; width:100%; max-width:1680px; position:relative}
.boxWy4{height:500px;background-color:#4d80bf; width:100%; max-width:1680px; position:relative}
.boxWy5{height:500px;text-align:center}

.imgWy1{position:absolute; top:0; left:0; width:50%; height:500px; background:url(404.png) center no-repeat;}
.imgWy2{position:absolute; top:0; right:0; width:50%; height:500px; background:url(404.png) center no-repeat;}
.imgWy3{position:absolute; top:0; left:0; width:50%; height:500px; background:url(404.png) center no-repeat;}

.btnLink1{ text-align:center; padding:20px 0 0 0}
.btnLink1 a{display:inline-block; padding:0 45px; background:#d6d8d9; color:#8a8a8a; line-height:50px; border-radius:30px;}
.btnLink1 a:hover{ background:#333333; color:#fff}







.syList{ width:1220px; margin:0 auto 40px auto; font-size:0}
.syList a{display:inline-block; margin:0 10px 30px 10px; background:#fff; border-bottom:2px solid #bebebe; width:285px; height:460px; overflow:hidden}
.syList a div{width:285px; height:380px; overflow:hidden}
.syList a img{ width:100%; height:100%;transition:transform 1s;}
.syList a h1{ font-weight:bold; font-size:21px; line-height:80px;text-align:center; color:#555}
.syList a:hover{border-bottom:2px solid #333333;}
.syList a:hover h1{ color:#333333}
.syList a:hover img{transform:scale(1.2);}


.boxDjgz1{ background:url(404.png) center no-repeat; width:1200px; margin:0 auto; height:173px;}
.boxDjgz1 h1{ font-size:22px; font-weight:bold; color:#333333; line-height:30px; padding:55px 0 0 140px}
.boxDjgz2{ width:100%;height:436px; background:url(404.png) center no-repeat; margin-bottom:60px; position:relative}
.boxDjgz2 span{ position:absolute; top:70px; left:50%; margin-left:20px; width:560px; display:inline-block;line-height:26px; color:#fff;text-align:justify}
.boxDjgz2 span p{ padding-bottom:15px; }

.boxQywh1{ padding:60px 0; margin:0 auto; text-align:center}
.boxQywh1 h1{ font-size:22px; font-weight:bold; display:inline-block; text-align:right;}
.boxQywh1 i{ font-size:18px; display:block;padding:10px 0 0 0; }

.navTitle1{ font-weight:bold; font-size:22px; color:#333333; width:1200px; margin:0 auto}
.boxQywhList{width:1200px; margin:0 auto; position:relative}
.boxQywhList li{ width:100%; height:100px; background:url(../image/bgQywhList.jpg) top no-repeat; position:relative}
.boxQywhList i{ width:51px; height:90px; line-height:90px; text-align:center; color:#fff; font-size:17px; font-weight:bold; display:inline-block;}
.boxQywhList span{ position:absolute; left:230px; top:22px; font-size:14px; line-height:26px;}
.boxQywhList h1{ font-weight:bold; font-size:16px;}
.boxQywhList img{position:absolute; right:50px; top:30px; z-index:1}

.boxQywh2{ height:90px; line-height:90px; color:#fff; font-size:15px; background:url(../image/bgQywhList1.jpg) center no-repeat; width:1200px; margin:0 auto; text-indent:200px;}


.boxShzr1{ width:1200px; margin:50px auto; }
.boxShzr1 h1{ font-size:22px; font-weight:bold; color:#333333; line-height:30px;}
.boxShzr1 span{ line-height:26px; padding:10px 0 0 0; display:block}
.boxShzr2{ height:396px; background:url(../image/bgShzr.jpg) center no-repeat; margin-bottom:60px;}
.boxShzr3{ width:318px; height:412px; background:url(../image/bgShzr1.png) no-repeat; position:absolute; top:60px; left:50%; margin-left:22px; padding:40px 30px 0 230px}
.boxShzr3 div{width:318px; height:412px; overflow:auto; overflow-x:hidden; line-height:28px;}



.picList1{font-size:0; width:1230px; margin:60px auto 0 auto}
.picList1 a{display:inline-block; width:380px; height:325px; margin:0 15px; position:relative}
.picList1 a div{ width:380px; height:253px; overflow:hidden; background:#000}
.picList1 a div img{width:380px; height:253px;transition:transform 1s;}
.picList1 a span{ width:340px; height:80px; position:relative; margin:-40px 0 0 20px; background:#fff; z-index:2; display:block; box-shadow:0 3px 3px rgba(0,0,0,0.05); }
.picList1 a h1{ width:1px; height:80px; vertical-align:middle;display:inline-block}
.picList1 a h2{ padding:0 15px; width:309px; text-align:justify; line-height:20px; color:#666; font-size:15px; vertical-align:middle; display:inline-block}
.picList1 a i{display:block; width:380px; height:253px; position:absolute; top:0; left:0; background:url(404.png) center no-repeat; z-index:1; display:none}
.picList1 a:hover img{transform:scale(1.2);opacity:0.5;}
.picList1 a:hover i{ display:block}

.boxFspt1{ padding:40px 0; text-align:center}
.boxFspt2{ width:100%;height:456px; background-color:#333333; margin-bottom:60px; position:relative}
.boxFspt2 .fsptText{ position:absolute; top:60px; left:50%; margin-left:-600px; width:560px; display:inline-block;color:#fff;text-align:justify}
.boxFspt2 .fsptText h1{ margin-bottom:20px;}
.boxFspt2 .fsptText i{ font-size:22px; font-weight:bold}
.boxFspt2 .fsptText div{ width:100%; height:270px;overflow:hidden; overflow-y:scroll}
.boxFspt2 .fsptText div p{line-height:27px; padding: 0 15px 15px 0; display:block}
.fsptImg{ width:50%; height:456px; position:absolute; top:0; right:0; background:url(404.png) center no-repeat}





.boxJoin1{ width:1200px; margin:50px auto; }
.boxJoin1 h1{ font-size:22px; font-weight:bold; color:#333333; line-height:30px;}
.boxJoin1 span{ line-height:26px; padding:10px 0 0 0; display:block}

.boxJoin2{ height:436px; background:url(../image/bgJoin.jpg) center no-repeat; position:relative; margin-bottom:60px;}
.boxJoin2 span{ position:absolute; left:50%; color:#fff; line-height:30px;}

.navJoin{width:1200px; font-size:0;background:#dbdbdf; margin:0 auto}
.navJoin a{display:inline-block; width:398px; border-right:2px solid #f3f3f3; line-height:50px; font-size:17px; text-align:center}
.navJoin .on{font-weight:bold; color:#fff; background:#c60c15}

.boxJoin3{ font-size:0; text-align:center; display:none}

.boxBrands{background:url(404.png) top center no-repeat; background-color:#f3f3f3; padding-top:360px; font-size:0; text-align:center}
.boxBrands a{ width:540px; height:390px; background:#fff; margin:0 20px 40px 20px; display:inline-block; padding:0 0 0 40px;}
.boxBrands a span{display:block; height:110px; font-size:16px; text-align:left; line-height:22px; background:url(404.png) 495px center no-repeat; color:#444}
.boxBrands a span i{display:block; font-weight:bold; font-size:22px; color:#333333; padding:30px 0 8px 0}
.boxBrands a div{ width:540px; height:237px; overflow:hidden; background:#000}
.boxBrands a div img{width:100%; height:100%;transition:transform 1s;}
.boxBrands a:hover span{background:url(404.png) 495px center no-repeat;}
.boxBrands a:hover img{transform:scale(1.2);opacity:0.5;}

.navZmt{ width:1196px; margin:50px auto 20px auto; border-left:4px solid #333333; line-height:23px; font-size:22px; text-indent:10px; }
.zmtList{ width:1200px; margin:0 auto; background:#fff; overflow:hidden; padding:20px 0;box-shadow:3px 3px 8px rgba(0,0,0,0.02)}
.zmtList li{float:left; width:25%; text-align:center; padding:10px 0;}
.zmtList li i{ font-size:16px; display:block}
.zmtList li img{ width:160px; height:160px;}


.boxPage{width:100%; overflow:hidden; margin:10px auto 60px auto; font-size:0; max-width:1200px;}
.boxPage a{ display:inline-block;font-size:19px;color:#fff;background-color:#c4c3c8;width:46px; height:46px;text-align:center; line-height:46px; margin-right:8px; border-radius:50%}
.boxPage a:hover{ color:#fff; background-color:#333333;}
.curPage{color:#fff!important; background-color:#333333!important;}
.numPage{float:left;}
.btnPage{float:right; }
.prePage{ background:url(404.png) center no-repeat; }
.nextPage{background:url(404.png) center no-repeat; margin-right:0!important}



.tableMsg{ margin:0 auto 50px auto;}
.tableMsg td{ line-height:40px; padding:10px 0; font-size:16px}
.tRight{text-align:right}
.inputMsg{ border:1px solid #cbcbcb; line-height:40px; height:40px; padding:0 8px; font-size:14px; color:#666; width:300px;font-family:"Microsoft Yahei";border-radius:4px;}
.inputMsg:hover{border:1px solid #e13427;}
.tableMsg i{font-style:normal; color:#ff1010; margin:0 10px;}
.inputMsgSort{width:100px!important; margin-right:5px}
.textareaMsg{border:1px solid #cbcbcb; line-height:26px; height:150px; padding:8px; font-size:14px; color:#666; width:600px;font-family:"Microsoft Yahei";border-radius:4px;}
.textareaMsg:hover{border:1px solid #e13427;}
.tableMsg label{display:inline-block; margin-right:10px}
.selectMsg{ border:1px solid #cbcbcb; line-height:40px; height:40px; padding:0 8px; font-size:14px; color:#666; width:318px;font-family:"Microsoft Yahei";border-radius:4px;}
.selectMsg:hover{border:1px solid #e13427;}

.btnMsgSubmit{border-radius:4px; background:#283a75; color:#fff; width:150px;font-size:18px;line-height:46px; cursor:pointer; margin:0 0 20px 0}
.btnMsgSubmit:hover{background:#314ca4; color:#fff}


.navContact{ width:1196px; margin:50px auto 20px auto; border-left:4px solid #333333; line-height:23px; font-size:22px; text-indent:10px; }

.contactJt{ width:1200px; height:380px; padding:10px; box-sizing:border-box; background:#fff;box-shadow:3px 3px 8px rgba(0,0,0,0.02); margin:0 auto; position:relative}
.contactJt span{display:block; width:1180px; height:60px; background:url(404.png);position:absolute; left:10px; bottom:10px; z-index:1; line-height:60px; font-size:16px; color:#fff; text-indent:15px;}

.contactList1{ width:1200px; margin:0 auto; font-size:0}
.contactList1 li{ display:inline-block; width:585px; margin-right:30px;}
.contactList1 li:nth-child(even){ margin-right:0}
.contactList1 li h1{margin:50px auto 20px auto; border-left:4px solid #333333; line-height:23px; font-size:22px; text-indent:10px; }
.contactList1 li div{ width:100%;height:200px; border-top:3px solid #333333; padding:0 30px; box-sizing:border-box; background:#fff;box-shadow:3px 3px 8px rgba(0,0,0,0.02); }
.contactList1 li div i{ width:1px; height:200px; display:inline-block; vertical-align:middle;}
.contactList1 li div span{ width:calc(100% - 1px); font-size:16px; line-height:30px; vertical-align:middle; display:inline-block}

.contactList{ width:1200px; margin:0 auto -30px auto; font-size:0}
.contactList li{ display:inline-block; width:380px; height:200px; margin:0 30px 30px 0;border-top:3px solid #333333; padding:0 30px; box-sizing:border-box; background:#fff;box-shadow:3px 3px 8px rgba(0,0,0,0.02); vertical-align:top}
.contactList li:nth-child(3n){ margin-right:0}
.contactList li i{ display:block; font-size:18px; font-weight:bold; padding:20px 0 10px 0}
.contactList li span{display:block; line-height:30px; font-size:16px}


.boxSyPro{ position:relative; margin-bottom:60px;}
.syPro{width:1200px;height:698px;overflow:hidden; margin:0 auto}
.syPro .swiper-slide{font-size:0;}
.syPro .swiper-slide img{width:1200px;height:698px;}
.syPro .swiper-pagination{ top:20px; width:1160px!important; text-align:right!important; left:50%!important; margin-left:-580px!important;}
.syPro .swiper-pagination-current{ font-size:30px; color:#d2ab67}
.syPro .swiper-pagination-bullet{width:10px; height:10px; background:#fff; opacity:0.5}
.syPro .swiper-pagination-bullet-active{width:24px; height:10px;opacity:1.0; border-radius:6px; background:#ffba00}
.syPro .swiper-button-prev{left:50%; margin-left:-650px; width:33px; height:60px; background:url(404.png) center no-repeat}
.syPro .swiper-button-prev:hover{background:url(404.png) center no-repeat}
.syPro .swiper-button-next{right:50%;margin-right:-650px; width:33px; height:60px; background:url(404.png) center no-repeat}
.syPro .swiper-button-next:hover{background:url(404.png) center no-repeat}

.boxLaw{ width:1200px; margin:50px auto;}
.boxLaw strong{ font-size:16px; color:#333333; display:block; margin-bottom:8px;}
.boxLaw p{ font-size:16px; line-height:26px; padding-bottom:20px}


@media screen and (max-width: 1100px) and (min-width: 0px){
.proInfo1{width:100%;}
.proInfoL{width: 96%;padding: 0;margin: 0 auto;display: block;}
.proText{width: 96%;padding: 0;margin: 0 auto;display: block;}
.proImg1{width:100%;}
.proImg2{width:100%;}	
.proLogo i{font-size: 25px;}
.boxGray{padding-top:20px;}
.proCon li{width: 93%;clear: both;margin-bottom:80px;}
.proCon{padding: 80px 0 0px 0;margin-top:30px;}
.proImg2 .swiper-slide img{height: 200px !important;}
.proImg2{height:280px;}	
.proImg2 .swiper-button-prev{left: 10px;margin-top: -8px;width: 35px;height: 35px;background-size: cover;}	
.proImg2 .swiper-button-next{right: 10px;margin-top: -8px;width: 35px;height: 35px;background-size: cover;}		
.proMap1{display:none;}	
.w_1200{width:100%;}
.tzleft{width:100%;}
.tzright{width:100%;}
.boxJz1{width:100%;padding-left:3%;padding-right:3%;}
.jzText p{width:100%;}
.boxJz2{width:100%;padding-left:3%;padding-right:3%;}
.tzleft1{width:100%;}
.boxJz3{height:auto;background-size: 100% 100%;padding-top: 30px;}
.boxJz3 .jzText{width:100%;padding:3% 3% !important;}
.boxJz4{height:auto;background-size: 100% 100%;padding-top: 30px;}
.boxJz4 .jzText{width:100%;padding:3% 3% !important;}
.boxJz5{margin-bottom:0px;}	
	
}