body{font-family:"\5FAE\8F6F\96C5\9ED1"; font-size:12px; color:#666; overflow-x: hidden; }
a{ transition:all 0.3s; text-decoration:none;}
a:hover{ text-decoration:none;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {    color: #666;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {    color: #666;}
.wrap{width: 1200px; margin: 0 auto;  }
.bodynow{overflow: hidden;}
.lan{color: #0772cf}
.bghui{background: #f5f7fa}


.top{background: #333;height: 35px;width: 100%; color: #a8abb2;font: 14px; text-align: right; line-height: 35px;}
.icon1{background: url(../images/icon1.png) no-repeat left center;padding-left: 30px;color: #a8abb2;font: 12px;display: inline-block;line-height: 35px;}
.icon2{background: url(../images/icon2.png) no-repeat left center;padding-left: 30px;color: #a8abb2;font: 12px;display: inline-block;line-height: 35px;}
.header{width: 1200px; margin:0 auto;}
a.logo{display: inline-block;float: left;background: url(../images/logo.png) no-repeat left center;width: 450px;height: 110px;}
.nav{display: inline-block;float: right;}
.nav li{display: inline-block;padding: 35px 20px;background: url(../images/icon9.png) no-repeat right center;position: relative;}
.nav li a{display: inline-block; line-height: 40px;color: #444; font-size: 18px;}
.nav li span{display: inline-block;width: 40px;height: 3px; background: #2184c7; opacity: 0;transition: all 0.3s; position: absolute;left: 50%; margin-left: -20px; bottom: 0}
.nav li:hover a,.nav li.now a{ color: #2184c7 }
.nav li:hover span,.nav li.now span{opacity: 1}
.nav li:nth-child(6){background: none;padding-right: 0}
.nav li:nth-child(5) span{margin-left:-5px}
.banner{overflow: hidden; position: relative;  z-index: 10;}
.banner .swiper-slide{text-align: center; position: relative;}
.banner .swiper-slide img{max-width: 100%; vertical-align: top;}
.bannerb{ position: absolute;text-align: center; z-index: 10; bottom: 15px!important }
.bannerb .swiper-pagination-bullet{border-radius: 0!important;background: #fff!important; border:none;width: 30px!important; height: 2px!important; opacity: 1!important; display: inline-block!important;margin: 0 5px!important}
.bannerb .swiper-pagination-bullet-active{ width: 50px!important; }
.bannerm{position: absolute;width: 1200px; height: 400px; left: 50%; top: 50%; margin:-200px 0 0 -600px;z-index: 100}
.jhq{width: 1200px;height: 400px; vertical-align: middle;text-align: left; display: table-cell;}
.jhqt{color: #2184c7;font-size: 68px;font-family: 'ÃƒÂ¦Ã¢â€šÂ¬Ã‚ÂÃƒÂ¦Ã‚ÂºÃ‚ÂÃƒÂ©Ã‚Â»Ã¢â‚¬ËœÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“ CN'}
.jhqm{color: #333;font-size: 30px;font-family: 'ÃƒÂ¦Ã¢â€šÂ¬Ã‚ÂÃƒÂ¦Ã‚ÂºÃ‚ÂÃƒÂ©Ã‚Â»Ã¢â‚¬ËœÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“ CN';padding:0 0 40px;}
.jhqb{background: #2184c7;color: #fff;display: inline-block;width: 130px;height: 48px; line-height: 48px; text-align: center;font-size: 16px;}
.jhqb:hover{background: #fff; color: #2184c7;font-weight: bold;}
.title{position: relative;padding:25px 0 0;}
.title h2{color: #333;font-size: 36px; font-weight: bold; line-height: 45px; text-align: center;position: relative;z-index: 10}
.title p{position: absolute;width: 100%; text-align: center; opacity: 0.1; left: 0;top: 0;color: #7a7a7a;font-size: 50px; z-index: 1; text-transform: uppercase;}
.cpzx{width: 1200px; margin:0 auto;padding: 75px 0 80px}
.cpzxt{position: relative;padding:0 0 45px;}
.cpzxt span{display: inline-block;width: 100%;background: #e4e8f0;height: 1px;position: absolute;left: 0; z-index: 1;top: 14px;}
.cpzxt li{position: relative;z-index: 10;display: inline-block;width: 16.66%;float: left;font-weight: bold;text-align: center;padding: 30px 0 0;line-height: 25px;color: #1657cd;font-size: 16px;cursor: pointer;transition: all 0.3s;background: url(../images/icon3a.png) no-repeat center top;}
.cpzxt li.now{background: url(../images/icon3b.png) no-repeat center top;color: #043999;}
.cpzxt2{position: relative;}
.cpzxt2 span{display: inline-block;width: 100%;background: #e4e8f0;height: 1px;position: absolute;left: 0; z-index: 1;top: 14px;}
.cpzxt2 li{ position: relative;z-index: 10; display: inline-block;width: 16.66%;float: left;text-align: center; }
a.cplink{ display: inline-block;padding: 30px 0 20px;line-height: 25px;color: #666;font-size: 14px; cursor: pointer;transition: all 0.3s; background: url(../images/icon3a.png) no-repeat center top;}
.cpzxt2 li:hover a.cplink,.cpzxt2 li.now a.cplink{background: url(../images/icon3b.png) no-repeat center top; color: #0772cf}
.cpzxt2b{ display: none; background: #0772cf;width: 180px; position: absolute;left: 50%; margin-left: -90px;top: 70px;padding:5px 15px; box-sizing: border-box;}
.cpzxt2b a{display: inline-block;width: 100%; border-bottom: 1px solid rgba(255,255,255,0.1); color: #fff; font-size: 14px; opacity: 0.8; line-height: 50px;}
.cpzxt2b a:hover{ opacity: 1 }
.cpzxt2b a:last-child{border:none;}
.cpzxt2b span{display: inline-block;width: 6px;height: 5px; background: url(../images/icon16.png) no-repeat center center; position: absolute;left: 50%; margin-left: -3px; top: -5px;}
.cpzxt2 li:hover .cpzxt2b{display: block;}

.cpzxb{display: none;}
.cpzxb li{display: inline-block;width: 380px;/* height: 350px; */position: relative;border:1px solid #e4e8f0;float: left;margin-right: 24px;}
.cpzxbpic{display: table-cell;vertical-align: middle;text-align: center;/* width: 280px; *//* height: 350px; */}
.cpzxbpic img{max-width: 100%;/* max-height: 100%; */}
.cpzxbbg{background: rgba(33,132,199,0.9);width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;opacity: 0;transition: all 0.3s;}
.cpzxbbg a{display: inline-block;width: 100%;height: 100%}
.cpzxbbgm{display: table-cell;vertical-align: middle;width: 100%;height: 352px;text-align: center;}
.cpzxbbgm h2{color: #fff;font-size: 22px;}
.cpzxbbgm p{color: #fff;font-size: 14px;line-height: 25px; padding: 10px 0 30px}
.cpzxbbgm span{display: inline-block;border:1px solid #fff;border-radius: 50%;width: 40px;height: 40px; background: url(../images/icon4.png) no-repeat center center;}
.cpzxb li:nth-child(3){margin-right: 0}
.cpzxb li:hover .cpzxbbg{opacity: 1}
.icon7{background: url(../images/icon7.jpg) no-repeat center top #2f85bc;padding: 75px 0 0;box-sizing: border-box;height: 780px;}
.title2{position: relative;padding:25px 0 0;}
.title2 h2{color: #fff;font-size: 36px; font-weight: bold; line-height: 45px; text-align: center;position: relative;z-index: 10}
.title2 p{position: absolute;width: 100%; text-align: center; opacity: 0.1; left: 0;top: 0;color: #eee;font-size: 50px; z-index: 1; text-transform: uppercase;}
.xwzx{width: 1200px; margin:0 auto;background: #fff;border-radius: 60px 0 60px 0;height: 505px; overflow: hidden;}
.xwzxl{float: left;width: 525px;padding:15px 0 0 60px;}
.xwzxl li{border-bottom: 1px dashed #dedede;padding: 15px 0}
.xwzxl li p{padding:8px 0; line-height: 22px; color: #666;font-size: 14px;}
.xwzxl li h2{padding-left: 20px; line-height: 30px; background: url(../images/icon5a.png) no-repeat left center; transition: all 0.3s}
.xwzxl li h2 b{ font-weight: normal; line-height: 30px;color: #333;font-size: 16px;height: 30px; overflow: hidden;transition: all 0.3s;width: 350px;white-space: nowrap;text-overflow:ellipsis;}
.xwzxl li h2 span{display: inline-block;line-height: 30px; float: right;color: #a7a7a7;font-size: 13px;}
.xwzxl li:hover h2{background: url(../images/icon5b.png) no-repeat left center;}
.xwzxl li:hover h2 b{color: #0772cf}
.xwzxl li:nth-child(3){border:none;}
a.more{display: inline-block;border:1px solid #2184c7; color: #0772cf;font-size: 16px; width: 140px;height: 45px; line-height: 45px; text-align: center; overflow: hidden;    transition: border-color .3s,color .3s;transition-timing-function: cubic-bezier(.2,1,.3,1); position: relative;}
a.more::before {content: '';position: absolute;top: 0;left: 0;width: 150%;height: 100%;background: #37474f;z-index: -1;transform: rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);
transform-origin: 0% 100%;transition: transform .3s,opacity .3s,background-color .3s;}
a.more:hover{color:#fff;border-color:#0772cf}
a.more:hover::before{opacity:1;background-color:#0772cf;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);-webkit-transition-timing-function:cubic-bezier(.2,1,.3,1);transition-timing-function:cubic-bezier(.2,1,.3,1)}
a.more2{display: inline-block;border:1px solid #2184c7;  width: 140px;height: 45px; line-height: 45px; text-align: center; overflow: hidden;    transition: border-color .3s,color .3s;transition-timing-function: cubic-bezier(.2,1,.3,1); position: relative;}
a.more2 span { display: inline-block; position: absolute;top: 0;left: 0;width: 150%;height: 100%;background: #37474f;z-index:1;transform: rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);
transform-origin: 0% 100%;transition: transform .3s,opacity .3s,background-color .3s;}
a.more2:hover span{opacity:1;background-color:#0772cf;transform:rotate3d(0,0,1,0deg);transition-timing-function:cubic-bezier(.2,1,.3,1)}
a.more2 b{display: inline-block;width: 100%;height: 45px; line-height: 45px;text-align: center;color: #0772cf;font-size: 16px;font-weight: normal; transition: all 0.3s; position: relative;z-index: 2}
a.more2:hover b{color: #fff;}
.altxt{color: #414245;font-size: 18px; text-align: center;line-height: 35px; }
.gcal{}
.gcal li{display: inline-block;float: left;width: 385px;margin:0 22.5px 20px 0;}
.gcalt{width: 385px;height: 235px; overflow: hidden;}
.gcalt img{overflow-wrap: top;width: 385px;height: 235px;transition: all 0.3s;}
.gcal li p{line-height: 50px; color: #414245;font-size: 18px; transition: all 0.3s;padding-left: 10px}
.gcal li:hover img{transform: scale(1.05,1.05);}
.gcal li:hover p{color: #0772cf}
.gcal li:nth-child(3n){margin-right: 0}
.img4{/* background: url(../images/img4.jpg) no-repeat center top; */padding: 60px 0 0;box-sizing: border-box;height: 600px;}
.img4l{float: left;width: 635px;}
.img4lt{line-height: 30px;color: #65676b;font-size: 16px;}
.img4lb{}
.img4lb li{display: inline-block;width: 175px; float: left;font-size: 16px}
.img4lb li:nth-child(4){width: auto}
.jsqy{width: 1200px; margin: 0 auto;}
.jsqy li{display: inline-block;float: left;width: 300px;height: 110px;box-sizing: border-box;padding-left: 90px;}
.jsqym{display: table-cell;width: 210px;height: 110px;vertical-align: middle;color: #666;font-size: 15px;line-height: 28px;}
.icon8a{background: url(../images/icon8a.png) no-repeat left center;}
.icon8b{background: url(../images/icon8b.png) no-repeat left center;}
.icon8c{background: url(../images/icon8c.png) no-repeat left center;}
.icon8d{background: url(../images/icon8d.png) no-repeat left center;}
.footer{ background: #2c2f34;padding: 75px 0 }
.footerl{float: left;width: 355px; box-sizing: border-box;padding-right: 125px}
.footer h2{color: #fff;line-height: 35px; padding-bottom: 20px;font-size: 16px;}
.footerl p{line-height: 30px;font-size: 14px; color: #fff; opacity: 0.3}
.footerm{width: 520px; float: left; padding-right: 175px; box-sizing: border-box;}
.footerm a{display: inline-block; line-height: 30px; margin-right: 50px; color: #fff;opacity: 0.3;font-size: 14px; }
.en .footerm a{width: 40%; margin: 0}
.footerm a:hover{opacity: 1}
.footerr{float: left;width: 325px;padding:55px 0 0; background: url(../images/logob.png) no-repeat left 10px; }
.footerr p{line-height: 30px;font-size: 14px; color: #fff; opacity: 0.3;padding-bottom: 25px}
.icon10a{padding:0!important; margin:0!important;width: 36px!important; height: 36px!important; display: inline-block!important;border-radius: 50%!important; background: url(../images/icon10a.png) no-repeat center center!important;}
.icon10b{padding:0!important; cursor: pointer; margin:0 10px!important;width: 36px!important; height: 36px!important; display: inline-block!important;border-radius: 50%!important; background: url(../images/icon10b.png) no-repeat center center!important; position: relative;}
.icon10b img{position: absolute;left: 50%; margin-left: -60px; bottom: 45px; display: none; opacity: 1!important}
.icon10b:hover img{display: block;opacity: 1!important; transition: none!important}
.icon10c{padding:0!important; margin:0!important;width: 36px!important; height: 36px!important; display: inline-block!important;border-radius: 50%!important; background: url(../images/icon10c.png) no-repeat center center!important;}
.float{ position: fixed;right: 0;top: 50%; z-index: 100;width: 80px; margin-top: -176px}
.float li{position: relative;display: inline-block;background: #eaeaea; transition: all 0.3s;height: 88px; cursor: pointer;}
.float li:hover{background: #2184c7}
.floatm{display: table-cell;vertical-align: middle;width: 80px;height: 88px;text-align: center;}
.icon11{background: url(../images/icon11a.png) no-repeat center top;transition: all 0.3s; line-height: 20px; padding: 28px 0 0;color: #757575;font-size: 12px;}
.float li:hover .icon11{background: url(../images/icon11b.png) no-repeat center top; color: #fff}
.icon13{background: url(../images/icon13a.png) no-repeat center top;transition: all 0.3s; line-height: 20px; padding: 25px 0 0;color: #757575;font-size: 12px;}
.float li:hover .icon13{background: url(../images/icon13b.png) no-repeat center top; color: #fff}
.icon14{background: url(../images/icon14a.png) no-repeat center top;transition: all 0.3s; line-height: 20px; padding: 25px 0 0;color: #757575;font-size: 12px;}
.float li:hover .icon14{background: url(../images/icon14b.png) no-repeat center top; color: #fff}
.phone{position: absolute;left: 0;top: 0;width: 270px;background: #eaeaea; transition: all 0.3s}
.phonel{float: left;width: 80px;height: 88px;}
.phoner{float: left;width: 190px;height: 88px; line-height: 88px; text-align: center;color: #fff;font-size: 22px; background: url(../images/icon15.png) no-repeat left center;}
.icon12{background: url(../images/icon12a.png) no-repeat center top;transition: all 0.3s; line-height: 20px; padding: 28px 0 0;color: #757575;font-size: 12px;}
.float li:hover .icon12{background: url(../images/icon12b.png) no-repeat center top; color: #fff}
.float li:hover .phone{background: #2184c7;left: -190px}
.ewm img{position: absolute;right: 90px; top: 50%; margin-top: -60px;display: none;}
.ewm:hover img{display: block;}
.sbanner{width: 100%; height: 500px;}
.cpzxmenu{text-align: center;}
.cpzxmenu a{display: inline-block; border: 1px solid #e4e8f0; background: #fff;width: 168px; color: #414245;font-size: 14px; margin:0 8px; height: 38px; line-height: 38px; text-align: center;}
.cpzxmenu a:hover,.cpzxmenu a.now{color: #2184c7; border:1px solid #2184c7;}
.cplb{}
.cplb li{border:1px solid #e4e8f0;background: #fff;overflow: hidden;float: left;width: 380px;/* height: 390px; */margin:0 24px 28px 0;transition: all 0.3s;}
.cplbt{/* width: 280px; *//* height: 315px; */display: table-cell;vertical-align: middle;text-align: center;}
.cplbt img{max-width: 100%;/* max-height: 315px; */transition: all 0.3s;}
.cplb li h2{text-align: center;color: #333;font-size: 16px; line-height: 30px;transition: all 0.3s}
.cplb li p{line-height: 28px; text-align: center;color: #999;font-size: 14px;}
.cplb li:hover .cplbt img{ transform: scale(1.05,1.05); }
.cplb li:hover h2{ color: #0772cf;  }
.cplb li:hover{border: 1px solid #0772cf}
.cplb li:nth-child(3n){margin-right: 0}
.page{text-align: center;}
.page a, .page span{display: inline-block;width: 36px;height: 36px;line-height: 36px; text-align: center;color: #111;font-size: 14px;background: #efefef; margin:0 5px;}
.page a:hover,.page a.now, .page span{color: #fff; background: #2184c7}
.page a:last-child,.page a:first-child{width: 80px}
.gch{}
.gch li{padding:30px 0; border-bottom: 1px dashed #e5e5e5}
.gchl{float: left;width: 360px;height: 220px; overflow: hidden;}
.gchl img{width: 360px;height: 220px;vertical-align: top;transition: all 0.3s}
.gchr{float: right;width: 810px;}
.gchrm{width: 810px;height: 220px; display: table-cell;vertical-align: middle;}
.gchrm h2{line-height: 35px;color: #414245;font-size: 20px;}
.gchrm h3{color: #a7a7a7;font-size: 15px;line-height: 35px; }
.gchrm p{color: #666;font-size: 15px;line-height: 28px;padding:10px 0 20px;}
.more3{display: inline-block;border:1px solid #e4e8f0;  width: 140px;height: 45px; line-height: 45px; text-align: center; overflow: hidden;    transition: border-color .3s,color .3s;transition-timing-function: cubic-bezier(.2,1,.3,1); position: relative;}
.more3 span { display: inline-block; position: absolute;top: 0;left: 0;width: 150%;height: 100%;background: #37474f;z-index:1;transform: rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);
transform-origin: 0% 100%;transition: transform .3s,opacity .3s,background-color .3s;}
.gch li:hover .more3 span{opacity:1;background-color:#0772cf;transform:rotate3d(0,0,1,0deg);transition-timing-function:cubic-bezier(.2,1,.3,1)}
.more3 b{display: inline-block;width: 100%;height: 45px; line-height: 45px;text-align: center;color: #a7a7a7;font-size: 16px;font-weight: normal; transition: all 0.3s; position: relative;z-index: 2}
.gch li:hover .more3 b{color: #fff;}
.gch li:hover .gchl img{transform: scale(1.05,1.05);}
.qwei{}
.qwei li{display: inline-block;float: left;width: 282px; margin:0 24px 20px 0;}
.qwt{background: #fff;width: 282px;height: 220px;vertical-align: middle;text-align: center;display: table-cell;}
.qwt img{max-width: 280px;max-height: 220px;}
.qwei li h2{line-height: 50px; text-align: center;color: #666;font-size: 16px; transition: all 0.3s}
.qwei li:hover h2{color: #0772cf;}
.qwei li:nth-child(4n){margin-right: 0}
#imgbox-loading {position: absolute;top: 0;left: 0;background: url('../images/imgbox-spinner.gif') center center no-repeat;cursor: pointer;display: none;z-index: 90;}
#imgbox-loading div {background: #FFF;width: 100%;height : 100%;}
#imgbox-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}
.imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none;z-index: 90;}
.imgbox-img {padding: 0;margin: 0;border: none;width: 100%;height: 100%;vertical-align: top;}
.imgbox-close {position: absolute;top: -15px;right: -15px;height: 30px;width: 30px;background: url('../images/imgbox-close.png') top left no-repeat;
cursor: pointer;outline: none;}
.imgbox-title {padding-top: 10px;font-size: 11px;text-align: center;font-family: Arial;color: #333;display: none;}
.imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;}
.imgbox-bg {position: absolute;width: 20px;height: 20px;}
.imgbox-bg-n {left: 0;top: -20px;width: 100%;background: url(../images/imgbox-bg-n.png) repeat-x;}
.imgbox-bg-ne {right: -20px;top: -20px;background: url(../images/imgbox-bg-ne.png) no-repeat;}
.imgbox-bg-e {right: -20px;top: 0;height: 100%;background: url(../images/imgbox-bg-e.png) repeat-y;}
.imgbox-bg-se {right: -20px;bottom: -20px;background: url(../images/imgbox-bg-se.png) no-repeat;}
.imgbox-bg-s {left: 0;bottom: -20px;width: 100%;background: url(../images/imgbox-bg-s.png) repeat-x;}
.imgbox-bg-sw {left: -20px;bottom: -20px;background: url(../images/imgbox-bg-sw.png) no-repeat;}
.imgbox-bg-w {left: -20px;top: 0;height: 100%;background: url(../images/imgbox-bg-w.png) repeat-y;}
.imgbox-bg-nw {left: -20px;top: -20px;background: url(../images/imgbox-bg-nw.png) no-repeat;}
.jslb{}
.jslb li{border-bottom: 1px solid #ebebeb; cursor: pointer; transition: all 0.3s}
.jslbm{width: 1200px; margin:0 auto;}
.jslbml{float: left;width:210px;transition: all 0.3s }
.jslbmlm{display: table-cell;width: 210px;height: 160px;vertical-align:middle; text-align: right;color: #999;font-size: 16px;}
.jslbmlm h2{ color: #dcdcdc;font-size: 56px;transition: all 0.3s }
.jslbmlm p{padding-right: 5px;transition: all 0.3s}
.jslbmr{float: right;width: 920px;padding-right: 30px; box-sizing: border-box;position: relative;transition: all 0.3s}
.jslbmrm{display: table-cell;width: 890px;height: 160px; vertical-align: middle; position: relative;}
.jslbmrm h2{color: #333;font-size: 20px; line-height: 30px; padding-bottom: 10px;transition: all 0.3s}
.jslbmrm p{color: #999;font-size: 15px;line-height: 28px;transition: all 0.3s}
.jslbmr span{ display: inline-block;width: 20px;height: 8px; transition: all 0.3s;opacity: 0; background: url(../images/icon17.png) no-repeat right center; position: absolute;right: 10px; top: 50%; margin-top: -4px }
.jslb li:hover{background: #2184c7; border-bottom: 1px solid #2184c7}
.jslb li:hover .jslbmlm h2,.jslb li:hover .jslbmlm p,.jslb li:hover .jslbmrm h2,.jslb li:hover .jslbmrm p{color: #fff;}
.jslb li:hover .jslbmr span{opacity: 1;right: 0}
.jslb li:hover .jslbml{transform: translate(-40px,0);}
.jslb li:hover .jslbmr{transform: translate(-40px,0);}
.xwlb{}
.xwlb li{display: inline-block;float: left;width: 580px; margin-bottom: 45px;transition: all 0.3s}
.xwlb li img{width: 580px;height: 220px; vertical-align: top;}
.xwlbb{padding:15px 10px 0 0;}
.xwlbbl{display: inline-block;float: left;color: #aaa;font-size: 14px; line-height: 35px; position: relative;width: 145px;transition: all 0.3s}
.xwlbbl b{display: inline-block;width: 50px;height: 1px; position: absolute;right: 0;top: 50%; background: #dcdcdc;transition: all 0.3s}
.xwlbbr{float: right;width: 405px;height:130px;}
.xwlbbr h2{line-height: 35px;padding-bottom: 10px; color: #333;font-size: 18px;transition: all 0.3s}
.xwlbbr p{line-height: 25px;color: #aaa;font-size: 14px; height: 50px}
.xwlb li:hover{transform: translate(0,-10px);}
.xwlb li:hover .xwlbbl,.xwlb li:hover .xwlbbr h2{color: #1890ff}
.xwlb li:hover .xwlbbl b{background: #1890ff}
.xwlb li:nth-child(2n){float: right;}
.jjtl{float: left;width: 730px;}
.jjtl h2{color: #2184c7;line-height: 55px; padding-bottom: 20px; font-size: 40px}
.jjtl p{color: #595959;font-size: 14px;line-height: 25px;}
.jjtr{float: right;width: 400px; height: 420px; overflow: hidden; position: relative;}
.jjtr .swiper-slide{text-align: center; position: relative;}
.jjtr .swiper-slide img{width: 400px; vertical-align: top; height: 420px}
.jjtrb{ position: absolute;text-align: right; z-index: 10; bottom: 15px!important;padding-right: 10px;width: 100%; box-sizing: border-box; }
.jjtrb .swiper-pagination-bullet{border-radius: 50%!important;background: #fff!important; border:none;width: 6px!important; height: 6px!important; opacity: 1!important; display: inline-block!important;margin: 0 5px!important}
.jjtrb .swiper-pagination-bullet-active{ background: #2184c7!important; }
.jjb{}
.jjb li{display: inline-block;float: left;width: 580px;background: #fff;margin:0 40px 30px 0; transition: all 0.3s; cursor: pointer;}
.jjb li img{width: 580px;height: 200px; vertical-align: top;}
.jjb li h2{padding-left: 48px;line-height: 60px;color: #595959;font-size: 15px;background: url(../images/icon18.png) no-repeat 25px center;}
.jjb li:hover{transform: translate(0,-10px);}
.jjb li:nth-child(2n){margin-right: 0}
.lxwm{background: #fff;padding:45px 30px;}
.lxwmt li{ display: inline-block;float: left;width: 50%; line-height: 35px; box-sizing: border-box;padding: 15px 0 15px 55px; color: #666;font-size: 17px; }
.icon19a{background: url(../images/icon19a.png) no-repeat 10px center;}
.icon19b{background: url(../images/icon19b.png) no-repeat 10px center;}
.icon19c{background: url(../images/icon19c.png) no-repeat 10px center;}
.icon19d{background: url(../images/icon19d.png) no-repeat 10px center;}
.icon19e{background: url(../images/icon19e.png) no-repeat 10px center;}
.icon19f{background: url(../images/icon19f.png) no-repeat 10px center;}
.icon19g{background: url(../images/icon19g.png) no-repeat 10px center;}
.icon19h{background: url(../images/icon19h.png) no-repeat 10px center;}
.yfsc{width: 1200px; margin:0 auto;padding:70px 0 105px;}
.yfsctxt{color: #555;text-align: center;font-weight: bold;font-size: 20px;line-height: 40px;padding: 40px 0 35px}
.yfscb{ text-align: center; }
.yfscb li{display: inline-block;width: 140px; margin:0 32px; vertical-align: top;}
.yfscbt{display: table-cell;width: 140px;height: 133px;vertical-align: middle;text-align: center;color: #fff;font-size: 16px; background: url(../images/icon20.png) no-repeat center center;}
.yfscb li p{color: #666;font-size: 16px;line-height: 40px}
.img21{background: url(../images/img21.jpg) no-repeat center center;width: 100%;height: 710px;box-sizing: border-box;padding: 90px 0 0}
.gsys{width: 1200px; margin:0 auto;padding: 105px 0 0}
.gsys li{ transition: all 0.3s; float: left;display: inline-block;background: #fff;width: 290px; margin-right: 13px;border-radius: 10px; box-shadow: 0 0 15px rgba(0,0,0,0.3); cursor: pointer; position: relative;padding: 80px 0 0;height: 335px; box-sizing: border-box;}
.gsys li h2{text-align: center;color: #29384d;font-size: 24px;line-height: 40px; padding-bottom: 10px;}
.gsys li p{line-height: 35px;color: #606f85;font-size: 15px; text-align: center; padding: 0 30px}
.gsys li img{width: 109px;height: 109px; border-radius: 50%; position: absolute;left: 50%; margin-left: -54.5px; top: -54px;}
.gsys li:nth-child(4){margin-right: 0}
.gsys li:hover{transform: translate(0,-10px);}
.img22{background: url(../images/img22.jpg) no-repeat center center;width: 100%; height: 876px; text-align: center;padding:60px 0 0; box-sizing: border-box;}
.jzh{width: 1200px; margin:0 auto;padding: 80px 0 110px}
.jzhm{text-align: center;}
.jzhm li{display: inline-block;width: 327px;height: 480px; position: relative; margin:0 22px; overflow: hidden; cursor: pointer;}
.jzhm li img{vertical-align: top;width: 327px;height: 480px; position: relative;z-index: 1}
.jzhmtbg{background: rgba(5,80,146,0.95);width: 327px;height: 120px;  border-radius: 0 60px 0 0;position: absolute;left: 0;top: 360px;z-index: 2; transition: all 0.1s;}
.jzhmt{width: 327px; text-align: left; height: 120px; display: table-cell;vertical-align: middle;box-sizing: border-box; padding: 0 18px 0 24px; }
.jzhmt h2,.jzhmb h2{color: #fff; line-height: 35px;font-size: 22px;}
.jzhmt p{color: #fff;font-size: 14px; opacity: 0.6;line-height: 22px; text-align: left;}
.jzhmbbg{background: rgba(5,80,146,0.95);width: 327px;height: 480px;  border-radius: 0 60px 0 0;position: absolute;left: 0;top:480px;z-index: 2; transition: all 0.5s; opacity: 0}
.jzhmb{width: 327px;height: 480px; display: table-cell;vertical-align: middle;box-sizing: border-box;padding: 0 25px; transition: all 0.3s; text-align: left;}
.jzhmbm{position: relative;padding: 50px 10px 20px 5px; color: #fff;font-size: 14px; line-height: 24px;}
.icon22a{display: inline-block;width: 25px;height: 18px; background: url(../images/icon22a.png) no-repeat center center; position: absolute;left: 0;top: 15px }
.icon22b{display: inline-block;width: 25px;height: 18px; background: url(../images/icon22b.png) no-repeat center center; position: absolute;right: 0;bottom: 0 }
.jzhm li:hover .jzhmtbg{top: 480px; opacity: 0}
.jzhm li:hover .jzhmbbg{top: 0; opacity: 1}
.img24{background: url(../images/img24.jpg) no-repeat center center; width: 100%; height: 574px;padding: 75px 0 0;box-sizing: border-box;}
.zxrx{position: relative;width: 1200px;margin: auto;}
.img26a{ text-align: left; display: inline-block;float: left;width: 360px;height: 200px; background: url(../images/img26a.jpg) no-repeat center center;box-sizing: border-box;padding: 85px 0 0 30px}
.img26a p{color: #fff; line-height: 35px; font-size: 18px;}
.img26a h2{font-weight: bold;font-size: 34px;line-height: 60px; color: #fff;}
.img26b{position: absolute;left: 360px;top: 0;background: url(../images/img26b.jpg) no-repeat left center;height: 200px;}
.jmys{width: 1200px; margin:0 auto;}
.jmys li{display: inline-block;float: left;width: 380px;height: 250px; background: #fff;margin:0 30px 30px 0; transition: all 0.3s; cursor: pointer;}
.jmys li:hover{transform: translate(0,-10px);}
.jmysm{display: table-cell;vertical-align: middle; text-align: center;width: 380px;height: 250px;}
.jmysm h2{color: #111;font-size: 22px;padding: 60px 0 0; line-height: 40px;}
.jmysm p{line-height: 24px;color: #666;font-size: 14px; padding: 0 80px}
.en .jmysm h2{font-size: 20px}
.en .jmysm p{padding: 0 50px}
.icon23a{background: url(../images/icon23a.png) no-repeat center top;}
.icon23b{background: url(../images/icon23b.png) no-repeat center top;}
.icon23c{background: url(../images/icon23c.png) no-repeat center top;}
.icon23d{background: url(../images/icon23d.png) no-repeat center top;}
.icon23e{background: url(../images/icon23e.png) no-repeat center top;}
.icon23f{background: url(../images/icon23f.png) no-repeat center top;}
.jmys li:nth-child(3n){margin-right: 0}
.gcxq{background: #fff;padding:40px 0 30px;}
.gcxqt{text-align: center;border-bottom: 1px dashed #e5e5e5; padding-bottom: 15px}
.gcxqt h2{color: #333;font-size: 28px;line-height: 48px;}
.gcxqt p{line-height: 30px; text-align: center;color: #a7a7a7;font-size: 15px;}
.gcxqm{padding:25px 35px; color: #666;font-size: 15px; line-height: 28px;}
.gcxqm img{max-width: 100%}
.gcxqb{border-top: 1px solid #e5e5e5;margin:0 25px;padding:30px 0 0;}
.gcxqbl{display: inline-block;line-height: 25px; float: left;}
.gcxqbl a{display: inline-block;line-height: 25px;color: #666;font-size: 15px;}
.gcxqbl a:hover{color: #0772cf;}
.cpt{background: #fff;padding: 40px 50px 40px 35px}
.cpt .ms-showcase2-template{padding-right: 0;padding-left: 112px;width: 502px;height: 502px;float: left;}
.cpt .master-slider{border:1px solid #f5f7fa; width: 500px;height: 500px}
.cpt .ms-slide .ms-slide-bgcont,.cpt .ms-slide .ms-slide-bgvideocont{display: table-cell;width: 500px;height: 500px !important;vertical-align: middle;text-align: center;position: relative;}
.cpt .ms-slide .ms-slide-bgcont img{ width: auto!important; height:auto!important;  max-width: 500px!important; max-height: 500px!important;margin:0!important;}
.cpt .ms-showcase2-template .ms-thumb-list.ms-dir-v{ overflow: hidden; left:-112px;right: inherit; width: 102px; margin:39px 0; height: 424px; box-sizing: border-box;}
.cpt .ms-thumbs-cont{width: 102px}
.cpt .ms-showcase2-template .ms-thumb-list .ms-thumb-frame{ opacity: 1!important;  display: table-cell;width: 100px;height: 94px;border:1px solid #f5f7fa;vertical-align: middle;text-align: center;}
.cpt .ms-thumb-frame img{max-width: 100%;height:78px;width: auto!important;  margin-top: 8px}
.cpt .ms-showcase2-template .ms-thumb-list .ms-thumb-frame-selected{border:1px solid #2184c7;}
.cptr{ float: right;width: 465px;padding:5px 0 0;color: #a7a7a7;font-size: 15px;line-height: 30px; }
.cptr h2{border-bottom:1px solid #f5f7fa; line-height: 75px;color: #333;font-size: 28px; }
.cptr h3{line-height: 40px; padding: 10px 0 0;font-weight: bold;color: #3c92cd;font-size: 18px;}
.cpb{background: #fff;padding: 30px 0 40px}
.cpbt{text-align: center;padding-bottom: 30px; line-height: 45px;}
.cpbt a{display: inline-block;line-height: 45px;color: #a7a7a7;font-size: 20px; vertical-align: middle;}
.cpbt a.now{color: #2184c7}
.cpbt span{display: inline-block;width: 1px;height: 25px; background: #e7e7e7; vertical-align: middle;}
.cpbb{display: none;}
.cpjs{color: #666;font-size: 15px; line-height: 25px; padding: 0 45px}
.cpjs img{max-width: 100%}
.xgtj{position: relative;padding: 0 45px}
.xgtjm{overflow: hidden;}
.xgtjmm{border:1px solid #e4e8f0; background: #fff; width: 256px;height: 368px;transition: all 0.3s; overflow: hidden;}
.cplbt2{width: 256px;height: 300px; display: table-cell;vertical-align: middle;text-align: center;}
.cplbt2 img{max-width: 256px;max-height: 300px;transition: all 0.3s}
.xgtjmm h2{text-align: center;color: #333;font-size: 16px; line-height: 30px;transition: all 0.3s}
.xgtjmm p{line-height: 28px; text-align: center;color: #999;font-size: 14px;}
.xgtjmm:hover .cplbt2 img{ transform: scale(1.05,1.05); }
.xgtjmm:hover h2{ color: #0772cf;  }
.xgtjmm:hover{border: 1px solid #0772cf}
.icon26{ outline: none; display: inline-block;width: 45px;height: 370px;position: absolute;left: 0;top: 0;background: url(../images/icon26a.png) no-repeat center center; cursor: pointer; transition: all 0.3s}
.icon26:hover{background: url(../images/icon26b.png) no-repeat center center;}
.icon27{outline: none;display: inline-block;width: 45px;height: 370px;position: absolute;right: 0;top: 0;background: url(../images/icon27a.png) no-repeat center center; cursor: pointer; transition: all 0.3s}
.icon27:hover{background: url(../images/icon27b.png) no-repeat center center;}
.cpt .ms-nav-next{opacity: 1!important; background: url(../images/icon25a.png) no-repeat center top!important; transition: all 0.3s; display: block!important;    left: -592px!important;    top: 490px!important;    width: 100px!important;    height: 30px!important;}
.cpt .ms-nav-next:hover{background: url(../images/icon25b.png) no-repeat center top!important;}
.cpt .ms-nav-prev{opacity: 1!important; background: url(../images/icon24a.png) no-repeat center bottom!important; transition: all 0.3s; display: block!important;    left: -110px!important;    top: 18px!important;    width: 100px!important;    height: 30px!important;}
.cpt .ms-nav-prev:hover{background: url(../images/icon24b.png) no-repeat center bottom!important;}



@media screen and (max-width:370px){

}
@media screen and (max-height:900px){

} 
  