html, body, div, span, iframe, map, font, img, a img, samp,  hr, h1, h2, h3, h4, h5, h6, b,  blockquote, a, address, code, dl, dt, dd, ol, ul, li, form, label, table, tr, td, th{ padding: 0; margin: 0; border: 0; font-weight: normal; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;  list-style:none;}

html, body { position: relative; height: 100%;}

body{ background:#fff; font:normal 12px/22px "微软雅黑";  }

img{ border:0;  }

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

a:hover{ color:red;  }

.clear { clear:both;}

.clearfix { zoom:1;}

.clearfix:after { content:'\20'; display:block; height:0; clear:both;}

.anchorBL { display:none!important;}

div { box-sizing:border-box;}

.dn { display:none;}

.ewmAlt { display:none;}

.headerCont { width:1200px; margin:0 auto; padding-top:20px; height:100px}

.headerCont a.logo { float:left; display:block; width:230px;}

.headerCont a.logo img { display:block; width:100%;}

.headerCont .nav { float:right; padding-top:15px;}

.nav li { height:65px; position:relative; margin:0 30px; float:left; text-align:center;}

.nav li p { transition:all 0.5s; color:#333333; font-size:16px; line-height:24px; margin:0px;}

.nav li span { transition:all 0.5s; color:#333333; font-size:13px;}

.nav li:hover p,.nav li:hover span,.nav li.cur p,.nav li.cur span { color:#023380}

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

.hotProduct { background:url(../image/18.jpg) center no-repeat; background-size:cover;}

.hotCont { width:1200px; margin:0 auto; padding:50px 0;}

.hotTitle p { color:#000000; font-size:32px; line-height:52px;}

.hotTitle span { color:#666666; font-size:16px; line-height:34px;}

.hotSlide ul { padding:26px 0;}

.hotSlide li { position:relative; transition:all 0.5s; float:left; background:rgba(255,255,255,0.5); box-shadow:3px 0 18px rgba(0,0,0,0.08);  width:21.5%;

margin-right:4.666%; text-align:center; padding:50px 0 60px;}

.hotSlide li a { position:relative; z-index:2; display:block;}

.hotSlide li:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background: linear-gradient(135deg,#0068dd,#00aeee); opacity:0; transition:all 0.5s;}

.hotSlide li:hover:after { opacity:1;}

.hotSlide li:hover { border-radius:4px; overflow:hidden;}

.hotSlide li:hover p,.hotSlide li:hover span { color:#ffffff;}

.hotSlide li:nth-child(4){ margin-right:0;}

.hotSlide li p { transition:all 0.5s; font-size:22px; color:#666666; line-height:48px; margin-top:16px;}

.hotSlide li span { transition:all 0.5s; font-size:14px; color:#666666; line-height:38px;}

.searchCont { background:#f8f6f2; padding:22px 0;}

.searchInfor { width:805px; height:46px; border:1px solid #cccccc; max-width:92%; margin:0 auto; background:#ffffff;}

.searchInfor input { float:left; width:calc(100% - 116px); height:100%; border:none; box-sizing:border-box; outline:none;

 text-indent:20px;}

.searchInfor button { float:left; width:116px; height:100%; background:url(../image/search.jpg) center no-repeat #005bac;

border:none; outline:none; cursor:pointer;}

.productSlide { width:1220px; padding:40px 0; margin:0 auto; max-width:92%;}

.productSlide li { margin-bottom:30px; float:left; width:24%; margin-right:1.3333%;}

.productSlide li:nth-child(4n){ margin-right:0;}

.proImg { overflow:hidden; box-shadow:3px 0 18px rgba(0,0,0,0.08); position:relative; width:100%; padding-top:100%;}

.proImg img { transition:all 0.5s; position:absolute; width:auto; top:50%; left:50%; transform:translate(-50%,-50%); max-height:100%;}

.productSlide ul { padding:20px; box-sizing:border-box; width:100%;}

.productSlide .proTxt { text-align:left; margin-top:13px; color:#333333; font-size:16px; padding-left:20px; transition:all 0.5s; line-height:32px; position:relative;}

.proTxt:after { content:''; position:absolute; left:0; top:0; width:3px; height:100%; background:#023380}

.slideList li:hover .proTxt { padding-left:40%; background:#669dcd; text-indent:0; color:#ffffff;}

.slideList li:hover img { transform:translate(-50%,-50%) scale(1.1);}

.proTxt:before { transition:all 0.5s;}

.slideList li:hover .proTxt:before { content:''; background:url(../image/more.jpg) center no-repeat; width:15px; height:15px; display:block; position:absolute;

right:25%; top:50%; transform:translateY(-50%);}

.proSwiper { position:relative;}

.productSlide .readMore { transition:all 0.5s; display:block; text-align:center; width:130px; height:32px; border:1px solid #666666; border-radius:3px; color:#666666; font-size:14px;

line-height:32px; margin:30px auto;}

.productSlide .readMore:hover { color:#ffffff; background:#005bac; border:1px solid #005bac;}

.proSwiper .swiper-button-next { left:auto; right:calc(50% - 660px); width:41px; height:41px; background:url(../image/next.jpg) center no-repeat;}

.proSwiper .swiper-button-prev { left:calc(50% - 660px); width:41px; height:41px; background:url(../image/prev.jpg) center no-repeat;}

.proSwiper .swiper-button-next:after,.proSwiper .swiper-button-prev:after { content:'';}

.aboutBox { background:url(../image/18.jpg) center no-repeat; background-size:cover;}

.aboutCont { overflow:hidden; width:1200px; max-width:92%; margin:0 auto; padding:80px 0;}

.aboutTxt { position:relative; float:left; width:560px;}

.titleCell h2 { color:#000000; position:relative; z-index:2; font-size:32px; line-height:42px;}

.titleCell span { line-height:46px;  position:relative; z-index:2; font-size:16px; color:#666666;}

.titleCell i { font-weight:bold; color:#ffffff; line-height:1; position:absolute; left:45px; bottom:-10px; font-size:80px; font-style:normal;}

.titleCell { position:relative;}

.aboutTxt p { text-indent:32px; margin-top:32px; font-size:16px; line-height:28px; color:#666666;}

.aboutImg { float:right; width:calc(100% - 594px);}

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

.news { padding:60px 0 40px; background:#f3f3f3;}

.newsCont { width:1200px; margin:0 auto; }

.leftNews { transition:all 0.5s; width:387px; float:left;}

.leftNews:hover { box-shadow:0 0 10px rgba(0,0,0,0.2);}

.videoBox { width:100%; height:219px; overflow:hidden;}

.videoBox video { height:100%; width:100%;}

.videoText { background:#ffffff; padding:15px 30px 26px;}

.videoText p { transition:all 0.5s; color:#333333; font-size:20px; margin-bottom:22px; line-height:36px;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.videoText span { color:#747192; font-size:12px; line-height:1;}

.centerNews { width:388px; float:left; margin-left:19px;}

.centerNews li { background:#ffffff; float:left; width:50%;}

.centerNews li>div { overflow:hidden; width:100%; height:188px;}

.newsPic img { transition:all 0.5s; display:block; width:100%;}

.centerNews li:hover .newsPic img { transform:scale(1.1);}

.newsTxt { padding:25px 25px 0;}

.newsTxt p {overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; transition:all 0.5s; font-size:18px; line-height:24px; color:#111111; margin-bottom:45px;}

.newsTxt span { color:#747192; font-size:12px; line-height:1;}

.newsPic {object-fit: cover;}

.rightNews p {overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; font-size:16px; height:48px; line-height:24px; color:#111111}

.rightNews { float:right; background:#ffffff; width:calc(100% - 813px);}

.rightNews li { padding:0 22px 0; position:relative;}

.rightNews span { line-height:30px; color:#747192; font-size:12px;}

.rightNews li a { border-bottom:1px solid #e9e8ef; display:block; padding:15px 0 8px;}

.rightNews .moreNews { display:block; background:url(../image/20.jpg) right center no-repeat; line-height:70px;

font-size:16px; color:#2386ee; margin:0 22px;}

.rightNews li:after { content:''; position:absolute; right:0; top:0; height:0; background:#2386ee; width:2px; transition:all 0.5s;}

.rightNews li:hover:after { height:100%;}

.newsSlide { margin-top:20px;}

.shoper { background:url(../image/10.jpg) center no-repeat; background-attachment:fixed; background-size:cover;}

.shopInfor { padding:100px 0; width:1200px; margin:0 auto;}

.shopInfor h2 { color:#ffffff; font-size:36px; line-height:62px;}

.shopInfor b { line-height:42px; font-size:16px; color:#eeeeee;}

.shopInfor p { color:#2386ee; font-size:24px; line-height:78px; margin-bottom:20px;}

.shopInfor span { font-size:14px; color:#eeeeee; line-height:24px; max-width:620px; display:block;}

.goodList { background:url(../image/21.jpg) center no-repeat; background-size:cover;}

.goodList ul { width:1200px; margin:0 auto; overflow:hidden; padding:38px 0 28px;}

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

.goodList li p { color:#013eb1; font-size:18px; line-height:42px; position:relative;}

.goodList li p:after { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:20px; height:1px; background:#666666;}

.goodList li span { color:#666666; font-size:14px; line-height:36px;}

.footer { border-top:3px solid #1e50ae; background:url(../image/footerBg.jpg) center no-repeat; background-size:cover;}

.footerCont { padding-top:20px; max-width:92%; width:1200px; margin:0 auto;}

.footerLink { overflow:hidden;}

.footerLink .linkBox { float:left; width:13%; margin-right:4.4%;}

.footerLink .linkBox:last-child { margin-right:0;}

.linkBox h2 { margin-bottom:5px; font-size:14px; border-bottom:1px solid #333333; font-weight:bold; line-height:36px;}

.linkBox h2 a { font-weight:bold; color:#333333;}

.linkBox p { line-height:26px; font-size:14px; color:#555555;}

.linkBox p a { color:#555555; transition:all 0.3s;}

.linkBox p a:hover { color:#2386ee}

.footerContact { border-top:1px solid #333333; padding-top:15px; margin-top:50px; padding-left:30px; overflow:hidden;}

.contList { margin-right:68px; float:left; margin-top:40px; position:relative; padding-left:68px;}

.contList img { position:absolute; left:0; top:0;}

.contList h3 { color:#333333; font-size:14px; line-height:2;}

.contList p { color:#333333; font-size:14px; line-height:22px;}

.contList img.icon2 { top:5px;}

.footerEwm { float:right; text-align:center;}

.footerEwm p { font-size:14px; color:#333333; line-height:54px;}

.copyRight p { float:left; color:#b9b8b8; font-size:14px;}

.copyRight span,.copyRight a{ float:right; color:#b9b8b8; font-size:14px;}

.copyRight { line-height:35px; background:#666666; overflow:hidden;}

.copyInfor { width:1200px; margin:0 auto; max-width:92%;}

.subSlide { display:none; z-index:2; position:absolute; width:146px; left:50%; transform:translateX(-50%); top:65px;}

.subSlide>a { transition:all 0.5s; background:rgba(102,102,102,0.5); display:block; text-align:center; line-height:44px; color:#ffffff; font-size:16px;}

.subSlide a:hover { background:rgba(2,51,128,0.35);}

.subInfor p a:hover {background:#2c5da0; }

.aboutBanner {  height:250px;}

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

.linkTitle a { margin:0 10px; display:inline-block; width:130px; color:#666666; font-size:15px; height:44px; line-height:44px; transition:all 0.3s;}

.linkTitle a:hover { color:#1e50ae;}

.linkTitle a.cur { background:#1e50ae; color:#ffffff; font-size:15px;}

.introduceInfor { background:url(../image/23.jpg) center top no-repeat;}

.introduceBar { padding-top:72px; width:1200px; margin:0 auto; max-width:92%; overflow:hidden;}

.introduceImg { float:left; width:545px;}

.introduceTxt { float:right; width:calc(100% - 570px);}

.introduceTxt h2 { font-weight:bold; line-height:42px; color:#1e50ae;}

.introduceTxt h2 span { color:#999999; font-size:16px; margin-left:12px;}

.introduceTxt p { margin-bottom:30px; font-size:16px; color:#666666; text-indent:32px; line-height:28px;}

.business { width:1200px; max-width:92%; margin:60px auto;}

.busiTitle { margin-bottom:10px; padding-left:12px; position:relative;}

.busiTitle:after { content:''; position:absolute; left:0; top:0; height:100%; width:4px; background:#1e50ae}

.busiTitle h2 { color:#1e50ae; margin-bottom:5px; line-height:1; color:#1e50ae; font-size:20px;}

.busiTitle span { color:#999999; font-size:16px; line-height:1;}

.business p { font-size:16px; color:#666666; line-height:28px; text-indent:32px; margin-bottom:25px;}

.business h3 { font-size:14px; font-weight:bold; color:#666666;}

.busiImg { padding:60px 0; overflow:hidden;}

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

.busimgbox { float:left; width:31%; margin-right:3.5%;}

.busimgbox:nth-child(3n){ margin-right:0;}

.cultureBox { width:1130px; max-width:92%; margin:30px auto 50px; border:1px solid #dddddd; padding:50px;}

.cultureBox img { display:block; margin:0 auto 20px; max-width:100%;}

.cultureBox p { font-size:16px; text-indent:32px; line-height:30px; color:#666666;}

.honorBox { width:1200px; margin:20px auto;}

.honorBox ul { overflow:hidden;}

.honorBox li { cursor:pointer; margin-bottom:30px; float:left; width:24%; margin-right:1.3333%;}

.honorBox li:nth-child(4n){ margin-right:0;}

.honorBox li p { font-size:14px; color:#666666; line-height:18px;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;

height:36px; text-align:center;}

.honorImg { position:relative; margin-bottom:16px; border:4px solid #f0f0f0; overflow:hidden; height:288px;}

.honorImg img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block; margin:0 auto; width:auto; max-width:100%; max-height:100%; overflow:hidden;}

.fpage { margin:60px auto; text-align:center;}

.fpage a { display:inline-block; font-size:14px; color:#333333; min-width:42px; border:1px solid #cccccc;

line-height:32px; margin:0 4px; transition:all 0.3s; border-radius:3px;}

.fpage span { font-size:14px; color:#666666; margin:0 8px;}

.fpage input { box-sizing:border-box; padding:0; border:1px solid #cccccc; line-height:32px; text-align:center;

margin:0 8px; width:44px; border-radius:3px;}

.fpage a:hover { color:#ffffff; background:#037ad6; border:1px solid #037ad6;}

.fpage a.goPage,.fpage a.cur { background:#037ad6; border:1px solid #037ad6; color:#ffffff;}

.subList { float:left; width:136px;}

.prosub { width:544px; background:rgba(255,255,255,0.9);}

.subList:hover { background:rgba(0,0,0,0.4);}

.subList:hover p a { color:#ffffff;}

.rightNews li p { transition:all 0.3s;}

.rightNews li:hover p { color:#2386ee;}

.prosub a { transition:all 0.5s; display:block; color:#666666; font-size:15px; line-height:51px;}

.prosub h2 a { color:#023380; font-weight:bold;}

.prosub a:hover { color:#ffffff;}

.productBanner { height:250px;}

.location { width:1200px; margin:0 auto; max-width:92%; line-height:70px; color:#787878; font-size:16px;}

.location a { color:#787878; font-size:16px;}

.location a:hover { color:#023380;}

.productMenu {float:left; width:220px;}

.productMenu h3 { font-size:24px; color:#ffffff; line-height:89px; background:url(../image/34.jpg) center no-repeat; text-indent:32px;}

.productCont { padding-bottom:80px; width:1200px; margin:0 auto; max-width:92%; overflow:hidden;}

.promenuSub h2 { line-height:50px; cursor:pointer; text-indent:30px; position:relative; color:#ffffff; font-size:15px; background:#023257;}

.promenuSub h2:after { content:''; transition:all 0.3s; position:absolute; left:15px; top:50%; transform:translateY(-50%); background:url(../image/32.jpg) center no-repeat; width:6px; height:6px;}

.promenuSub h2 a{ line-height:50px; cursor:pointer; text-indent:30px; position:relative; color:#ffffff; font-size:15px; background:#023257;}

.promenuSub h2 a:hover{ line-height:50px; cursor:pointer; text-indent:30px; position:relative; color:#b0efff; font-size:15px; background:#023257;}

.promenuSub dt a { transition:all 0.5s; display:block; text-indent:30px; color:#ffffff; font-size:15px; line-height:50px;}

.promenuSub dt:hover a,.promenuSub dt.cur a { background:#1e50ae;}

.promenuSub dl { display:none;}

.promenuSub li.cur h2:after { transform: translateY(-50%) rotate(90deg);}

.contactTel { margin-top:55px; background:#666666; padding:24px 0 24px 30px;}

.contactTel p { color:#cccccc; font-size:16px; line-height:32px;}

.contactTel span { color:#ffffff; font-weight:bold; font-size:22px; line-height:32px;}

.promenuSub { background:#023257; border-bottom:6px solid #1e50ae;}

.productBox { float:right; width:calc(100% - 240px);}

.productSearch { position:absolute; width:320px; height:34px; border:1px solid #e5e5e5; border-radius:34px; right:0; top:50%; transform:translateY(-50%);}

.productSearch input { height:34px; box-sizing:border-box; padding:0; border:none; outline:none; background:none; text-indent:20px;}

.productSearch button { background:url(../image/35.jpg) center no-repeat; height:100%; width:34px; right:0; top:0; position:absolute; outline:none;

border:none; cursor:pointer;}

.productBox li { margin-bottom:25px; float:left; width:32%; margin-right:2%;}

.productBox li:nth-child(3n){ margin-right:0;}

.productBox li .proTxt {

    text-align: left;

    margin-top: 13px;

    color: #333333;

    font-size: 16px;

    padding-left: 20px;

    transition: all 0.5s;

    line-height: 32px;

    position: relative;
    height: 62px;
}

.productBox .proImg { box-shadow:none; border:4px solid #f0f0f0;}

.productBox .slideList ul { overflow:hidden; margin-top:30px;}

.msgTitle { font-size:20px; margin-bottom:20px; font-weight:bold; color:#1e50ae;}

.msgTitle span { font-size:16px; color:#999999; margin-left:13px;}

.messageBox { padding-top:40px; padding-bottom:40px; overflow:hidden; width:1200px; margin:0 auto; max-width:92%;}

.msgImg { float:left; width:348px; overflow:hidden;}

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

.msgTxt { float:right; width:calc(100% - 370px);}

.msgTxt p { font-size:16px; color:#666666; text-indent:32px; line-height:28px;}

.msgTxt h3 { font-weight:bold; font-size:16px; color:#666666; line-height:28px; text-indent:32px;}

.noticeProduct { background:#dddddd;}

.noticeProduct h2 { text-align:center; font-size:16px; color:#ffffff; line-height:40px; background:#023257;}

.noticeProduct ul { padding:10px;}

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

.noticeProduct { margin-top:25px;}

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

.noticeProduct li p { color:#666666; font-size:14px; line-height:37px; background:#eeeeee; text-align:center; padding:0 5px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.noticeProduct dl { padding:7px 10px; background:#eeeeee;}

.noticeProduct dt { line-height:38px; border-bottom:1px solid #e8e8e8;}

.noticeProduct dt a { color:#666666; font-size:14px; display:block;}

.noticeProduct dt a:hover { color:#006bb6;}

.proLeft { margin-top:20px; overflow:hidden;}

.productImg { float:left; width:408px;}

.smallImg { margin-top:20px; padding:0 27px; position:relative;}

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

.smallImg .swiper-slide { border:1px solid #f0f0f0; cursor:pointer;}

.smallImg .swiper-slide.swiper-slide-active { border:1px solid #1e50ae;}

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

.bigImg { border:4px solid #f0f0f0;}

.smallImg .swiper-button-next { margin:0; background:url(../image/nexts.jpg) center no-repeat; width:20px; height:32px; position:absolute; right:0; top:50%; transform:translateY(-50%);}

.smallImg .swiper-button-prev { margin:0; background:url(../image/prevs.jpg) center no-repeat; width:20px; height:32px; position:absolute; left:0; top:50%; transform:translateY(-50%);}

.smallImg .swiper-button-next:after,.smallImg .swiper-button-prev:after { content:'';}

.productTxt { float:right; width:calc(100% - 440px);}

.productTxt h2 { color:#1e50ae; font-size:22px; border-bottom:1px dashed #acacac; line-height:45px; margin-bottom:30px;}

.productTxt p { color:#666666; font-size:16px; line-height:28px;}

.intChose { overflow:hidden; background:#eeeeee; padding:0 28px;}

.intChose span { float:left; display:block; padding:0 30px; color:#000000; font-size:16px; line-height:40px; position:relative; cursor:pointer;}

.intChose span:after { content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:14px; background:#acacac;}

.intChose span.cur { background:#044ead; color:#ffffff;}

.intChose span.cur:after { width:0;}

.proIntroduce { margin-top:46px;}

.choseInfor { padding:24px;}

.choseInfor img { display:block; margin:0 auto; }

.newsBox { border-top:1px solid #cccccc; width:1200px; margin:0 auto;}

.newsBanner {  height:250px;}

.newsBox li { overflow:hidden; padding:33px 16px; border-bottom:1px solid #cccccc; transition:all 0.5s;}

.newsImg { float:left; width:300px; height:184px; overflow:hidden;}

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

.newsText { float:right; width:calc(100% - 340px);}

.newsText h2 { margin-bottom:20px; color:#333333; font-size:22px; line-height:38px;}

.newsText p { line-height:24px; color:#666666; margin-bottom:15px; font-size:18px; height:72px;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical;}

.newsDate { overflow:hidden; line-height:30px;}

.newsDate b { float:left; font-size:18px; color:#666666;}

.newsDate i { float:right; font-weight:bold; font-size:16px; font-style:normal; color:#666666;}

.newsBox li:hover { background:#f5f5f5;}

.jobBanner { background: url() center no-repeat; height:250px;}

.jobList li { line-height:48px; border-bottom:1px solid #efeeee; overflow:hidden; background:url(../image/circle.jpg) 9px center no-repeat; text-indent:25px;}

.jobList li p { float:left; font-size:12px; color:#575757;}

.jobList li span { float:right; color:#575757; font-size:12px;}

.jobList { width:1200px; margin:0 auto; max-width:92%;}

.jobList li a { overflow:hidden; display:block; transition:all 0.5s;}

.articleTitle { margin-bottom:30px; text-align:center;}

.articleTitle p { font-weight:bold; font-size:20px; color:#666666; line-height:1.5; margin-bottom:5px;}

.articleTitle span { color:#666666; font-size:14px; line-height:1;}

.articleBar { border-top:1px solid #cccccc; width:1200px; margin:0 auto; max-width:92%; padding:50px 15px;}

.articleInfor p { color:#404040; font-size:16px; line-height:28px; margin-bottom:28px;}

.articleInfor img { max-width:100%; display:block; margin:0 auto 28px;}

.pageControl { padding:25px 0; border-top:1px dashed #cccccc; }

.pageControl p { color:#999999; font-size:14px; line-height:50px;}

.pageControl p a { color:#333333;}

.caseList { width:1200px; margin:0 auto;}

.caseList ul { overflow:hidden; border-top:1px solid #cccccc; padding-top:40px;}

.caseList li { float:left; overflow:hidden; margin-bottom:55px; width:49%; transition:all 0.5s;}

.caseList li:hover { background:#f3f3f3;}

.caseList li:nth-child(2n){ float:right;}

.caseImg { float:left; width:306px; height:207px; overflow:hidden;}

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

.caseTxt { padding:0 15px; float:right; width:calc(100% - 306px);}

.caseTxt h2{ font-weight:bold; color:#1e50ae; font-size:18px; margin-bottom:10px; line-height:48px;}

.caseTxt p {overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp:5;  -webkit-box-orient: vertical; color:#666666; font-size:16px; line-height:28px;}

.caseBanner {  height:250px;}

.questionBox { padding-bottom:40px; border-top:1px solid #cccccc; overflow:hidden; width:1200px; margin:0 auto; max-width:92%; padding-top:35px;}

.questionLeft { float:left; width:calc(100% - 260px);}

.questionRight { float:right; width:220px;}

.questionRight .noticeProduct:nth-child(1) { margin-top:0;}

.questionLeft li h2 { line-height:2; font-size:16px; color:#333333;}

.questionLeft li span { display:block; font-size:14px; color:#999999;overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.subQuestion { display:none; padding:20px 20px 0; color:#999999; font-size:14px; line-height:20px;}

.questionLeft li { transition:all 0.5s; cursor:pointer; padding:20px 15px;}

.questionLeft li.cur { background:#f6f6f6;}

.questionBanner { height:250px;}

.downLeft { float:left; width:calc(100% - 260px);}

.downLeft li { border-bottom:1px dashed #cccccc; padding:7px 23px 12px; transition:all 0.5s;}

.downTitle { line-height:36px; overflow:hidden;}

.downTitle p { float:left; color:#333333; font-size:16px;}

.downTitle span { float:right; color:#999999; font-size:12px;}

.downTag { overflow:hidden;}

.downTag p { line-height:2; float:left; color:#c8c8c8; font-size:14px; background:url(../image/documentIcon.png) left center no-repeat; padding-left:20px;}

.downTag p span { color:#999999; font-size:14px;}

.downTag a { float:right; display:block; width:75px; height:27px; line-height:27px; color:#ffffff; background: url(../image/downIcon.png) 13px center no-repeat #e50012;

text-indent:33px; text-indent:33px;}

.downLeft li:hover { background:#e6f0f9;}

.contactBox { width:1200px; padding:20px 0 50px; margin:0 auto; overflow:hidden;}

.contactMap { float:left; width:720px; height:560px;}

.contactTxt { float:right; width:calc(100% - 775px);}

.contactTxt h2 { font-size:20px; color:#1e50ae; font-weight:bold; line-height:3;}

.contactTxt p { font-size:14px; line-height:2; color:#666666;}

.jobTable table { width:100%;}

.jobTable th,.jobTable td { line-height:30px; text-align:left; width:20%;}

.jobTable th { font-weight:bold; color:#333333; font-size:12px;}

.jobTable td { font-size:12px; color:#666666;}

.jobArticle { padding-bottom:40px; width:1200px; margin:0 auto;}

.introduceList { background:#f5f5f5; padding:15px 10px;}

.introduceList p { line-height:30px; color:#333333; font-size:12px;}

.jobIntroduce h3 { font-weight:bold; line-height:30px;}

.contactLines h2 { line-height:34px; font-size:18px; border-bottom:1px solid #bcbcbc; position:relative;}

.contactLines h2:after { content:''; position:absolute; left:0; bottom:-1px; height:2px; width:240px; background:#0073c4;}

.contactLines h3 { line-height:75px; font-size:30px;}

.contactLines { width:1200px; margin:40px auto 100px; max-width:1200px; padding:60px 40px; border:1px solid #dddddd;}

.contactLines p { color:#333333; font-size:16px; line-height:28px; margin-top:20px;}

.contactLines span { display:block; font-size:16px; line-height:28px; color:#006bb6;}

.contactForm { float:left; width:540px; max-width:calc(100% - 520px); margin-left:35px;}

.contactImg { float:left; width:487px;}

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

.contactBar { padding:50px 0 100px; overflow:hidden; width:1200px; margin:0 auto;}

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

.contactForm li p { line-height:2.3; color:#666666; font-size:12px;}

.contactForm li input{ display:block; width:100%; outline:none; padding:0; box-sizing:border-box; text-indent:10px;

border:1px solid #dddddd; height:35px;}

.contactForm li textarea { resize:none;outline:none; padding:10px; width:100%; height:185px; box-sizing:border-box;

border:1px solid #dddddd; font-family:'微软雅黑'; font-size:12px;}

.contactForm { overflow:hidden;}

.contactForm button { cursor:pointer; float:right; display:block; width:150px; height:36px; border-radius:36px; color:#ffffff; background:#1e50ae;

font-size:20px; border:none;}

.contactForm .tj { cursor:pointer; float:right; display:block; width:150px; height:36px; border-radius:36px; color:#ffffff; background:#1e50ae;

font-size:20px; border:none;}

.videoText:hover p { color:#2386ee;}

.centerNews li:hover p { color:#2386ee;}

#screen { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:3; display:none;}



.right-menu{ position:fixed; right:5%; bottom:10px; padding-bottom:190px; z-index:2; font-size: 12px;}

.right_rmenu a.btn-qq { box-sizing:border-box;}

.right-menu .btn{ box-sizing:border-box; width:60px; height:60px; margin-bottom:5px; cursor:pointer; position:relative; text-align:center; color:#888; padding-top:38px; line-height:14px; transition:all linear 0; border:1px solid #eee;}

.right-menu a.btn-qq,.right-menu a.btn-qq:visited{ background:url(../image/sprite.png) rgba(255, 255, 255, 0.4)  -225px -140px no-repeat; display:block;filter:Alpha(opacity=40);}

.right-menu a.btn-qq:hover{ background: url(../image/sprite.png) #06c  -225px -140px no-repeat; color:#fff; border:1px solid #06c;}

.right-menu a.btn-line,.right-menu a.btn-line:visited{background: url(404.png) #fff center 9px no-repeat; display:block;}

.right-menu a.btn-line:hover{ background-color:#06c; color:#fff; border:1px solid #06c;}

.right-menu .btn-wx{ background: url(../image/sprite.png) rgba(255, 255, 255, 0.4)  -119px -141px no-repeat;}

.right-menu .btn-wx:hover{ background: url(../image/sprite.png) #06c -174px -141px no-repeat; color:#fff; border:1px solid #06c;}

.right-menu .btn-wx .pic{ position:absolute; left:-180px; top:-1px; display:none;width:180px;height:180px; text-align:center; box-shadow:0 1px 3px rgba(2, 2, 2, 0.26);}

.right-menu .btn-phone{ background: url(../image/sprite.png) rgba(255, 255, 255, 0.4)  -271px -140px no-repeat;}

.right-menu .btn-phone:hover{ background-color:#06c; border:1px solid #06c; color:#fff;}

.right-menu .btn-phone .phone{ background-color:#06c; position:absolute; width:160px; left:-160px; top:-1px; line-height:60px; color:#FFF; font-size:18px; text-align:center; display:none;}

.right-menu .btn-top{ background:url(../image/r_top-h.png) rgba(255, 255, 255, 0.4) center center no-repeat; display:none;}

.right-menu .btn-top:hover{ background:url(../image/r_top.png)  #06c center center no-repeat; border:1px solid #06c; color:#fff;}





.fnav{ position:relative; height:1.1rem;}

.fnav-fixed{ left:0; right:0; bottom:0; width:100%; position:fixed; z-index:99; text-align:center; background:#1e50ae; height:1.1rem; border-top:1px solid #020b15;}

.fnav ul:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}

.fnav ul li{ float:left; width:25%; position:relative; padding-top:.1rem; margin-left:-1px; height:1.1rem;}

.fnav ul li a{ display:block;}

.fnav ul li a img{ display:block; margin:0 auto; max-width:100%; height:.5rem;}

.fnav ul li a span{ display:block; width:100%; font-size:.24rem; color:#fff; line-height:.3rem; padding:.05rem 0 0 0;}

.fnav { display:none;}

.nav i { display:none;}

.honorAlt { display:none; z-index:4; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);}

.honorAlt img { display:block; margin:0 auto; height:100%; width:auto;}

.honorAlt .swiper-container { width:100%; height:100%;}

.honorAlt #close-button{position: absolute;

    cursor: pointer;

    outline: 0;

    padding: 0;

    margin: 0;

    border: 0;

    -moz-border-radius: 15%;

    border-radius: 15%;

    background:none;

    color: #ddd;

    font: 1.6em sans-serif;

    -webkit-transition: background-color .4s ease;

    transition: background-color .4s ease;top: 20px;

    right: 2%;

    right: calc(2% + 6px);

    width: 30px;

    height: 30px; z-index:10;}

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {

	position: absolute;

    cursor: pointer;

    outline: 0;

    padding: 0;

    margin: 0;

    border: 0;

    -moz-border-radius: 15%;

    border-radius: 15%;

	background:none;

    color: #ddd;

    font: 1.6em sans-serif;

    -webkit-transition: background-color .4s ease;

    transition: background-color .4s ease;

    top: 50%;

    top: calc(50% - 30px);

    width: 44px;

    height: 60px;

}

.baguetteBox-button#next-button { right:2%;}

.baguetteBox-button#previous-button { left:2%;}

.swiper-button-next:after,.swiper-button-prev:after { content:'';}

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

	.proSwiper .swiper-button-next { right:0;}

	.proSwiper .swiper-button-prev { left:0;}

}

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



.contactBar,.caseList { width:92%;}

.shopInfor h2 { font-size:32px; line-height:1.75;}

.headerCont { position:relative; width:100%; padding:20px 4% 0;}

.nav li { margin:0 15px;}

.hotCont { width:100%; padding:30px 4%;}

.hotTitle p { font-size:26px; line-height:1.75;}

.titleCell i { font-size:60px;}

.titleCell h2 { font-size:26px; line-height:1.75}

.newsCont { width:100%; padding:0 4%;}

.shopInfor { width:100%; padding:60px 4%;}

.newsPic img{object-fit: cover; height:100%; }

.newsPic{object-fit: cover; }

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

.goodList ul { box-sizing:border-box; width:100%; padding:30px 4%;}

.videoText p { font-size:18px; line-height:1.75;}

.productSlide { padding:20px 0;}

.articleTitle p { font-size:18px;}

.contactBox { width:100%; padding:20px 4% 50px;}

.contactTxt { width:calc(100% - 745px)}

.contactTxt h2 { line-height:1.5;}

.honorBox { width:92%; margin:0 auto;}

.jobArticle { width:92%; overflow:hidden;}

.newsBox { width:92%;}

.newsText h2 { font-size:18px; line-height:2;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.newsText p { font-size:16px;}

.contactLines { width:92%; padding:20px 4%; margin:30px auto;}

.footerContact { display:none;}

.footerCont { padding:20px 0;}

}



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

	.footer { display:none;}

	.copyRight { line-height:1.5; padding:10px 0; text-align:center;}

	.copyInfor a { display:none;}

	.copyRight span { float:none;}

	.contactLines h2 { font-size:16px;}

	.contactLines h2:after { width:100px;}

	.contactLines h3 { line-height:2; font-size:22px;}

	.productMenu h3 { background-size:cover;}

	.productBox { float:none; width:100%;}

	.contactTxt,.productMenu { float:none; width:100%;}

	.contactMap { float:none; width:100%; height:30vw;}

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

	.business { margin:20px 4%;}

	.busiTitle h2 { font-size:16px; margin-bottom:0;}

	.busiTitle span { font-size:12px;}

	.linkTitle { padding:10px 0;}

	.subTit{ position:relative;}



	.linkTitle a { width:auto; font-size:13px; line-height:2; height:auto; padding:0 5px;}

	.introduceTxt p,.business p { font-size:14px; margin-bottom:10px;}

	.introduceBar { padding-top:20px;}

	.introduceImg { float:none; width:100%;}

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

	.introduceTxt { float:none; width:100%; margin-top:20px;}

	.shopInfor h2 { font-size:26px;}

	.shopInfor { padding:40px 4%;}

	.proSwiper .swiper-button-next,.proSwiper .swiper-button-prev { display:none;}

	.centerNews li>div { height:150px;}

	.videoText p { font-size:16px; margin-bottom:0;}

	.rightNews p { font-size:14px; line-height:1.75;}

	.leftNews { float:none; width:100%;}

	.videoBox { height:auto;}

	.centerNews { margin-left:0; width:100%; margin-top:10px; overflow:hidden; float:none;}

	.rightNews { float:none; width:100%; margin-top:10px;}

	.aboutCont { padding:40px 0;}

	.hotTitle p { font-size:22px;}

	.hotTitle span { font-size:14px; line-height:2;}

	

	.hotSlide li { margin-bottom:20px; width:49%; float:left; margin-right:0;}

	.hotSlide li:nth-child(2n){ float:right;}

	body { padding-top:60px;}

	.headerCont .nav { overflow-y:auto; float:none; position:fixed; left:-110%; top:60px; bottom:0; width:240px; background:rgba(255,255,255,1); z-index:4;}

	.nav li { margin:0; height:auto; float:none;}

	.headerCont { box-shadow:0 0 10px rgba(0,0,0,.2); position:fixed; z-index:4; background:#ffffff; left:0; top:0; width:100%; height:60px; padding-top:15px;}

	.headerCont a.logo { width:120px;}

	.menu { display:block; position:absolute; top:50%; right:4%; transform:translateY(-50%); display:block; width:29px; height:24px; background:url(../image/menu.png) center no-repeat;}

	.nav li span { display:none;}

	.nav li p { text-align:left; line-height:1; padding:15px 0 15px 24px;}

	.nav i { display:block; font-style:normal;}

	.subList:hover { background:none;}

	.subList:hover p a { color:#666666;}

	.subList.cur i { transform:rotate(45deg); top:7px; padding-right:22px;}

	.subTit i { display:block; padding-right:.4rem; line-height:46px; font-style:normal; font-size:21px; position:absolute; top:0; transition:all 0.3s; right:0;}

	.nav li.cur .subTit i { transform: rotate(45deg); top:8px;}

	.subSlide { position:static; width:100%; transform:translate(0);}

	.subSlide>a { color:#666666; text-align:left; text-indent:40px; line-height:2; background:none;}

	.subList { float:none; width:100%;}

	.prosub h2 a { line-height:2; text-align:left; text-indent:40px;}

	.prosub a { line-height:1; text-indent:20px; color:#666666;}

	.subInfor { display:none;}

	.prosub h2 a { font-weight:normal;}

	.subList h2 { position:relative;}

	.subList h2 i { position:absolute; line-height:30px; top:0; right:0; padding-right:20px;}

	.aboutTxt { float:none; width:100%;}

	.aboutImg { float:none; width:100%; margin-top:20px;}

	.aboutTxt p { font-size:14px; margin-top:18px; line-height:1.75;}

	.rightNews { float:none; width:100%;}

	.news { padding:30px 0;}

	.videoBox video { display:block;}

	.videoText { padding:15px;}

	.goodList li p { font-size:16px; line-height:2;}

	.contactTxt h2 { font-size:18px;}

	.cultureBox { padding:20px 4%; margin:20px auto;}

	.productTxt h2 { font-size:18px;}

	.subInfor p { padding:8px 0 8px 40px!important;}

}

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

	.subTit { position:relative;}

	

	.ewmAlt { display:none; position:fixed; left:50%; top:50%; z-index:4; transform:translate(-50%,-50%); max-width:50%;}

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

	.fnav { display:block;}

	#top { display:none;}

	.contactLines p { font-size:14px; margin-top:10px;}

	.contactLines span { font-size:14px;}

	.productTxt h2 { font-size:16px; margin-bottom:10px;}

	.productTxt p { font-size:14px; line-height:2;}

	.intChose { padding:0;}

	.proIntroduce { margin-top:20px;}

	.intChose span { width:25%; padding:0; text-align:center; font-size:14px;}

	.intChose span:last-child:after { display:none;}

	.productImg,.questionLeft { float:none; width:100%;}

	.questionLeft li { border-bottom:1px solid #eeeeee; padding:10px;}

	.questionLeft li h2 { font-size:14px;}

	.questionLeft li span { font-size:12px;}

	.productTxt { float:none; width:100%; margin-top:20px;}

	.productMenu h3 { font-size:16px; line-height:3;}

	.contactTel { margin-top:20px; padding:15px;}

	.productBox .proImg { border:2px solid #f0f0f0;}

	.productBox .slideList ul { margin-top:15px;}

	.productBox li { width:49%; margin-right:0;}

	.productBox li:nth-child(2n){ float:right;}

	.productBox li .proTxt { margin-top:6px; height: 55px; font-size:14px; line-height:2;}

	.productSearch { display:none;}

	.newsImg { float:none; width:100%;}

	.newsText { float:none; width:100%; padding:10px 0 0;}

	.newsText h2 { margin-bottom:0; font-size:16px;}

	.newsText p { font-size:14px; margin-bottom:0;}

	.newsDate b { font-size:12px;}

	.newsDate i { font-size:12px;}

	.newsBox li { padding:10px 0; margin-bottom:10px;}

	.contactBar { padding:20px 0;}

	.contactImg { float:none; width:100%;}

	.contactForm { float:none; width:100%; margin:20px auto; max-width:none!important;}

	.contactForm button { float:none; margin:0 auto; font-size:14px; width:120px; height:30px; line-height:30px;}

	.contactForm .tj { float:none; margin:0 auto; font-size:14px; width:120px; height:30px; line-height:30px;}

	.jobTable { overflow-x:auto;}

	.jobTable table { min-width:500px;}

	.jobList li { line-height:3;}

	.honorBox li { margin-bottom:10px; width:48%;}

	.honorImg { border:2px solid #f0f0f0; height:42vw; margin-bottom:8px;}

	.questionBox { padding-top:20px;}

	.questionRight,.downLeft { float:none; width:100%;}

	.downLeft li { padding:10px 0;}

	.cultureBox p { font-size:14px; line-height:2;}

	.contactTxt h2 { font-size:16px;}

	.contactMap { float:none; width:100%; height:60vw; margin-top:20px;}

	.linkTitle a { font-size:12px; margin:0 5px;}

	.fpage { margin:20px auto;}

	.fpage a { margin:0 1px 10px; line-height:24px; min-width:auto!important; font-size:12px; padding:0 10px;}

	.fpage input { height:24px;}

	.caseList ul { padding-top:20px; overflow:visible;}

	.caseList li { box-shadow:0 0 10px rgba(0,0,0,0.2);}

	.caseImg { float:none; width:100%; height:auto;}

	.caseTxt { float:none; width:100%;}

	.caseTxt h2 { font-size:16px; margin-bottom:0; line-height:2;}

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

	.caseTxt { padding:10px;}

	.articleTitle p { font-size:16px;}

	.busiImg { padding:20px 0;}

	.busimgbox { float:none; margin-right:0; margin-bottom:5px; width:100%;}

	.shopInfor b { font-size:14px; line-height:2;}

	.shopInfor p { font-size:16px; line-height:2;}

	.shopInfor h2 { font-size:22px;}

	.goodList ul { padding:20px 0 0;}

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

	.goodList li p { font-size:16px; line-height:2;}

	.goodList li span { font-size:14px; line-height:1.5;}

	.goodList img { width:80px;}

	.goodList li { width:50%;}

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

	.articleInfor p { font-size:14px; margin-bottom:10px;}

	.rightNews .moreNews { font-size:14px;}

	.pageControl p { line-height:2;}

	.rightNews span { line-height:1;}

	.newsTxt p {

		overflow: hidden;

		text-overflow: ellipsis;

		display: -webkit-box;

		-webkit-line-clamp: 3;

		-webkit-box-orient: vertical;

		transition: all 0.5s;

		font-size: 14px;

		line-height: 24px;

		color: #111111;

		margin-bottom:20px;

	}

	.news { padding:20px 0;}

	.titleCell h2 { font-size:22px;}

	.titleCell span { font-size:14px; line-height:1;}

	.aboutCont { padding:20px 0;}

	.titleCell i { font-size:40px;}

	.productSlide .readMore { margin:15px auto;}

	.productSlide .proTxt { font-size:14px;height: 55px; line-height:2;}

	.slideList li:hover .proTxt { padding-left:20%;}

	.productSlide li { width:49%; margin-right:0;}

	.productSlide li:nth-child(2n){ float:right;}

	.productSlide ul { padding:10px;}

	.proImg {box-shadow: 3px 0 10px rgb(0 0 0 / 8%);}

	.hotSlide ul { padding:10px 0;}

	.hotSlide img { height:60px; margin:0 auto;}

	.hotSlide li span { font-size:12px; line-height:1.75;}

	.hotSlide li p { margin-top:0; font-size:16px; line-height:2;}

	.hotSlide li { padding:20px 0; margin-bottom:10px;}

	.hotCont { padding:20px 4%;}

	.searchCont { padding:10px 0;}

	.aboutBanner {

		background: url(../image/22.jpg) center no-repeat !important;

		height: 150px;

		background-size: auto 100%  !important;

	}

	.newsBanner {

		

		height: 150px;

		background-size: auto 100%;

	}

	.jobBanner {

		background:url() left center no-repeat;

		height: 150px;

		background-size: auto 100%;

	}

	.location { font-size:14px; line-height:40px;}

	.location a { font-size:14px;}

	.articleBar { padding:20px 0;}

	.msgImg { float:none; margin:0 auto; max-width:100%;}

	.msgTxt { float:none; width:100%; margin-top:20px;}

	.msgTitle { margin-bottom:10px; font-size:16px;}

	.msgTitle span { font-size:12px;}

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

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

	.msgTxt br { display:none;}

	.productCont { padding-bottom:20px;}

	.productBanner { height:150px; background-size:auto 100%;}

	.honorAlt img { height:auto; width:70%; top:50%; left:50%; transform:translate(-50%,-50%); position:absolute;}

	.baguetteBox-button#next-button,.baguetteBox-button#previous-button { zoom:0.6;}

	.headerCont .nav { padding-bottom:1.1rem;}

}