*{ margin: 0;padding: 0;}
body {-webkit-text-size-adjust:none; overflow-x:hidden;color:#333;font-family: 'Lato', sans-serif; font-size: 14px;}
a{color: #333;text-decoration: none;}
a:hover{color: #333;text-decoration: none;}
li{list-style: none;}
.container{width: 1200px; margin: 0 auto;}
.cl{clear: both;}
.mr{margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}
/* 头部 */
.header{ overflow: hidden; padding: 15px 0;}
.logo{ padding: 10px 0; width: 590px; float: left;}
.tel{ width: 300px; padding-left: 50px; color: #008aff; background: url(../Image/tel.jpg) no-repeat left center;; height: 45px; float: right; margin-top: 25px;  font-weight: 700; font-size: 16px;}
.tel span{  font-size: 18px; color: #f00;}


.menu{ padding: 5px 0; background: #008aff; overflow: hidden;}
.menu li{ width: 11.1%; float: left; height: 45px;}
.menu li a{  color: #fff; height: 45px; font-size: 15px; text-align: center; line-height: 45px; display: block; width: 100%; height: 45px;}
.menu li a:hover{ color: #ff0;}
.b-n{ width: 100%; overflow: hidden; position:relative; }
.b-n img{ max-width: 100%;}
/* .line{ width: 100%; height: 120px; position: absolute; left:0; bottom:0; z-index:999;}
.nei{ width: 1130px; padding: 30px 35px 0 35px;  height: 90px; background: url(../Image/line.png) no-repeat; overflow: hidden;}
.nei ul{ width: 25%; float: left;}
.nei ul .yuan{ width: 62px; height: 62px; float: left;}
.nei ul .wz{ padding-left: 20px; float: left; padding-top: 10px;;}
.nei ul .wz span{ font-size: 12px;;} */
/* index */
.index{ width: 100%; padding-top: 30px; overflow: hidden;}
.m-top{ padding-bottom: 30px; overflow: hidden;}
.m-top ul{ width: 23%; float: left; padding: 20px 1%; overflow: hidden; text-align: center;}
.m-top ul .title{font-size: 24px; color: #333; line-height: 35px;;}
.m-top ul .eng{font-size: 14px; color: #999; line-height: 30px;}
.m-top ul .content{font-size: 14px; color: #999; }

.m-youshi{ width: 100%; padding: 52px 0 62px 0; background: url(../Image/youshi.png); background-size: 100% 100%; overflow: hidden;}
.m-youshi .hd{ text-align: center;font-size: 30px;color: #333; font-weight: 400;}
.flexcom{display: flex; align-items: center; justify-content: center;}
.m-youshi .md{margin: 21px 0 45px;}
.ysleft{    width: 130px;height: 40px;color: #fff; text-align: center; line-height: 40px; border-radius: 20px;background: #555;}
.vs{width: 60px; height: 60px; font-size: 33px; color: #555; text-align: center;line-height: 60px;}
.ysright{width: 130px; height: 40px; color: #fff; text-align: center;line-height: 40px;border-radius: 20px; background: #008aff;}
.m-youshi .bd{margin: 45px 0;height: 60px;}
.leftla, .rightla{width: 490px;height: 60px;}
.ysimg{ width: 60px; height: 60px;}
.leftla h5{margin-right: 22px;margin-bottom: 3px;text-align: right;font-size: 20px;color: #383c44;}
.leftla p{margin-right: 22px;text-align: right; font-size: 14px;color: #666;}

.rightla h5, .rightla p {margin-left: 22px;text-align: left;}
.rightla h5 {margin-bottom: 3px;font-size: 20px;color: #008aff;}

.m-company{ width: 100%; height: 711px; background: url(../Image/m-company.png) no-repeat top center;  overflow: hidden;}
.m-c-box{ width: 655px; float: left; padding: 103px 0 0 88px; overflow: hidden;}
.m-c-box .hd{ color: #fff; font-size: 36px; line-height: 36px; padding-top: 10px;;}
.m-c-box .hd span{ font-size: 24px;}
.m-c-box .bd{ margin-top: 20px; overflow: hidden; font-size: 18px; line-height: 40px; color: #fff;}
.m-c-box .md{ width: 220px; float: right; height: 35px; margin-top: 50px; border: 1px solid #fff; text-indent: 10px; line-height: 35px;}
.m-c-box .md a{ color: #fff;}
.m-c-box .md a:hover{color: #ff0;}

.m-case{ width: 100%; padding: 50px 0; background: url(../Image/case-bg.png) no-repeat top center; overflow: hidden;}
.m-case .hd{ text-align: center; font-size: 40px; font-weight: 700;}
.case-line{ width: 100%; text-align: center; padding: 20px 0;}
.m-case .md{ text-align: center; width: 100%;}
.m-case .md a{ color:#1c347a; font-size: 18px; font-weight: 700;}
.m-case .md a:hover{ color: #f00;}
.m-case .bd{ width: 100%; padding-top: 45px; overflow: hidden;}
.m-case .bd li{ width:18%; float: left; margin: 0 1%; padding: 15px 0; text-align: center; overflow: hidden;}
.m-case .bd li img{ width: 200px; height: 80px; border: 1px solid #dedede; }

.m-hzlc{ width: 100%; height: 480px;padding-bottom: 50px;background: #fbfbfb; overflow: hidden;}
.m-hzlc h3{padding-top: 40px;margin-bottom: 74px;color: #323232; font-size: 30px;text-align: center;font-weight: 400;}

.hzlcbox{display: flex; justify-content: space-between; align-items: center;}
.hzlist{flex-direction: column;}
.hzlist.dan {position: relative;top: 65px;}
.hzlist section {width: 124px; height: 154px;position: relative;}
.hzlist section img { width: 124px; height: 154px;position: absolute; left: 0;top: 0;z-index: 1;}
.hzlist section.fan span, .hzlist section.zheng span { width: 36px;height: 40px;color: #666; font-size: 18px;position: absolute;display: flex; justify-content: center;align-items: center;text-align: center;z-index: 2;}
.hzlist section.zheng span { top: 30px;left: 33px;}
.hzlist .codes.zheng { margin-top: 14px;}
.hzlist .codes { width: 143px;height: 60px;line-height: 20px;color: #666;font-size: 14px;}
.hzlist.shuang {position: relative;top: -55px;}
.hzlist .codes.fan { margin-bottom: 14px;display: flex;flex-direction: column;justify-content: flex-end;}
.hzlist section.fan span { bottom: 32px;left: 35px;}
.hzlist, .lastone {display: flex;align-items: center;}

.lastone {width: 108px; height: 108px;-ms-flex-pack: center;justify-content: center; position: relative;background: url(../Image/hz7.png);background-size: contain; font-size: 18px;color: #666;}



/* sidebar */
.sidebar{ width: 275px; float: left;;}
.s-p{ margin-bottom: 15px; overflow: hidden;}
.s-p .hd{ width: 100%; height: 45px; line-height: 45px; background: #0467c7; text-align: center; color: #fff; font-size: 20px; font-weight: 700;}
.s-p .bd{ border: 1px solid #dedede; border-top: none; padding: 15px 0; overflow: hidden;}
.s-p .bd ul{ width: 80%; margin: 0 auto;}
.s-p .bd ul li{ width: 100%; height: 45px; border-bottom: 1px solid #dedede; overflow: hidden;}
.s-p .bd ul li a{ display: block; width: 100%; height: 45px; text-indent: 10px; line-height: 45px; color: #000; font-size: 16px;}
.s-p .bd ul li a:hover{ background: #0467c7; color: #fff;transition: all .3s; text-indent: 20px;}


.s-c{ margin-bottom: 15px; overflow: hidden;}
.s-c .hd{ width: 100%; height: 45px; line-height: 45px; background: #0467c7; text-align: center; color: #fff; font-size: 20px; font-weight: 700;}
.s-c .bd{ border: 1px solid #dedede; border-top: none; padding: 15px 0; overflow: hidden;}
.s-c .bd ul{ width: 90%; margin: 0 auto;}
.s-c .bd ul li{ width: 100%;  overflow: hidden; line-height: 35px; text-indent: 5px;}
.s-c .bd ul li .cc{ font-weight: 700; font-size: 16px;}

/* company */
.company{ padding: 35px 0 45px 0; background: #f5f5f5; overflow: hidden;}
.company .hd{ padding-top: 80px;font-size: 36px;font-weight: 400; text-align: center;}
.c-line{width: 46px;height: 2px;margin: 13px auto 29px;background: #008aff;}
.company .md{color: #666;font-size: 23px; text-align: center;}
.company .bd{ padding-top: 15px;  font-size: 15px; line-height: 32px;}

.way{ padding: 35px 0; overflow: hidden;}
.way .hd{ padding-top: 80px;font-size: 36px;font-weight: 400; text-align: center;}
.way .md{color: #666;font-size: 23px; text-align: center;}
.way .bd{ margin-top: 60px; display: flex;align-items: center;;}
.way .bd ul{ width: 175px; float: left; margin: 0 62px; overflow: hidden;}
.way .bd ul .img{ text-align: center;}
.way .bd ul .title{ text-align: center;font-size: 24px;color: #333;margin: 15px 0;font-weight: 400;}
.way .bd ul .content{ font-size: 14px;color: #666;}
.honor{ padding: 35px 0; overflow: hidden;}
.honor .hd{ padding-top: 80px;font-size: 36px;font-weight: 400; text-align: center;}
.honor .md{color: #666;font-size: 23px; text-align: center;}
.honor .bd{ margin-top: 60px; display: flex;align-items: center;;}
.picMarquee-left{ width: 100%; overflow: hidden;}
.picMarquee-left .bdd{ padding:20px;  }
.picMarquee-left .bdd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bdd ul li{  width:320px; height: 260px; float: left; text-align: center;}
.picMarquee-left .bdd ul li img{ width: 280px; border: 1px solid #dedede; height: 210px;;}

/* rjkf */
.rjkfbox{ overflow: hidden;}
.rjkf{ padding: 35px 0;  background: #fbfcfc; overflow: hidden;}
.rjkf .hd{ padding-top: 80px;font-size: 36px;font-weight: 400; text-align: center;margin-bottom: 17px;}
.rjkf .bd{ width: 1067px;margin: 0 auto;font-size: 14px; color: #666;text-align: center;line-height: 26px;}

.jjfa{ overflow: hidden;}
.jjfa .hd{margin-top: 60px;color: #333;font-size: 36px;text-align: center;margin-bottom: 11px;}
.jjfa .md{margin-bottom: 28px; color: #666;font-size: 18px;text-align: center;}
.jjfa .bd ul{ width: 288px; height: 250px; float: left; margin: 0 56px 70px 56px; overflow: hidden;}
.jjfa .bd ul .title{ color: #333;font-size: 20px;margin: 10px 0;text-align: center;}
.jjfa .bd ul .content{height: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333;font-size: 14px;text-align: center;}

.kfys{height: 790px;box-sizing: border-box;background: #f2f4f5;}
.kfys .hd{font-size: 36px; color: #333;text-align: center; padding-top: 67px; margin-bottom: 19px;}
.kfys .md{ text-align: center;color: #333;font-size: 18px;margin-bottom: 68px;}
.kfys .bd{ overflow: hidden;}

.r-case{ background: #fff;overflow: hidden;}
.r-case .hd{padding-top: 20px;margin: 0 auto;text-align: center;font-size: 30px;color: #333;font-weight: 400;}
.r-case .md{ padding: 20px 0; overflow: hidden;}
.r-case .md li{ width: 370px; margin: 0 15px; overflow: hidden; float: left; line-height: 35px;}
.r-case .md li img{ width: 360px; height: 270px; border: 1px solid #dedede; padding: 2px;}
.r-case .bd{ width: 154px;height: 50px;margin: 30px auto;text-align: center;color: #666;line-height: 50px;border: 1px solid #e4e6ef;cursor: pointer;}


/* glxt */
.glxt{ width: 100%; background: #f9f9f9; padding: 20px 0; overflow: hidden;}
.glxt ul{ width: 400px; float: left; text-align: center;}
.glxt ul .title{ font-size: 18px; padding: 25px 0; color: #008aff;}
.glxt ul .content{ font-size: 15px; line-height: 24px; color: #322e2f;}

.glxt1{ width: 100%; background: url(../Image/section.png) no-repeat top center; height: 639px; overflow: hidden;;}
.glxt1 .hd{ text-align: center; padding-top: 110px; font-size: 40px; overflow: hidden;}
.glxt1 .bd{ width: 90%; margin: 0 auto;; overflow: hidden; padding-top: 100px; overflow: hidden;}
.glxt1 .bd ul{ width: 33.3%; float: left; overflow: hidden;}
.glxt1 .bd ul .img{ text-align: center; padding-bottom: 35px; overflow: hidden;}
.glxt1 .bd ul .txt{ width: 180px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #008aff; margin: 0 auto;}
.glxt1 .bd ul .txt a{ color: #008aff;}
.glxt1 .bd ul .txt a:hover{ text-decoration: underline;}

.glxt2{ width: 100%; height: 745px; background: url(../Image/section_10.jpg) no-repeat top center; overflow: hidden;}
.glxt2 .hd{ text-align: center; padding-top: 125px;font-size: 40px;letter-spacing: 1px; color: #008aff;}
.glxt2 .bd{ padding-top: 155px; overflow: hidden;}
.glxt2 .bd ul{ float: left; width: 33.3%; text-align: center;}
.glxt2 .bd ul .txt1{ font-size: 24px; color: #008aff;}
.glxt2 .bd ul .txt2{ font-size: 16px; margin-top: 20px; text-align: center;line-height: 30px;}
.glxt2 .md{ width: 245px; height: 68px; margin: 0 auto; margin-top: 45px; overflow: hidden;;}
.glxt2 .md a{ display: block; width: 100%; height: 68px; line-height: 68px; text-align: center; color: #fff; background: #008aff;  font-size: 24px;}
.glxt2 .md a:hover{ color: #ff0;}
/* footer */
.footer{ width: 100%; padding: 50px 0 80px 0; background: #313131; overflow: hidden;;}
.f-top{ padding-bottom: 20px; overflow: hidden;;}
.f-ewm{ width: 130px; margin-left: 100px; float: left;}
.f-ewm .hd{ font-size: 20px; padding-bottom: 15px; color: #fff;;}
.f-ewm  li{ width: 98px; padding: 11px; overflow: hidden; border: 1px solid #fff; margin-bottom: 20px;;}

.f-txt{ width: 600px; float: left; padding-left: 65px;}
.f-txt-top{ padding-bottom: 20px; overflow: hidden;}
.f-txt-top ul{ width: 120px; float: left; padding-right: 80px; overflow: hidden; color: #fff;}
.f-txt-top ul .hd{ font-size: 22px;  padding-bottom: 15px; color: #fff;;}
.f-txt-top ul li{ line-height: 35px; }
.f-txt-top ul li a{ color: #fff;}
.f-txt-top ul li a:hover{ color: #53b4ed;}

.f-txt-bot{ width: 290px; float: right; padding-top: 45px; color: #8a8a8a; line-height: 30px; font-size: 16px;}
.f-txt-bot a{ color: #8a8a8a;}
.f-txt-bot a:hover{ color: #53b4ed;}
.f-bot{ border-top: 1px solid #535353; padding: 60px 0 15px 0; text-align: center; color: #fff;}

/* xcx */
.xcx{ width: 100%; overflow: hidden; padding-bottom: 100px;}
.xcx .hd{margin-top: 50px;color: #333; font-size: 36px; font-weight: 400; text-align: center;}
.xcx .bd{ width: 1073px; margin: 25px auto 0; font-size: 14px; color: #666; line-height: 30px;}

.xcx1{ width: 100%; height: 670px; background: #fbfcfc; overflow: hidden;}
.xcx1 .hd{ text-align: center;font-size: 36px;color: #333;padding-top: 45px;margin-bottom: 70px;font-weight: 400;}
.xcx1 .bd{ text-align: center;}

.xcx2{ width: 100%; height: 500px; background:  url(../Image/xcxyou.jpg);background-size: 100% 100%; color: #fff; overflow: hidden;text-align: center;}
.xcx2 .hd{padding-top: 58px; margin-bottom: 15px; font-weight: 400; font-size: 36px;}
.xcx2 .md{font-size: 18px;}
.xcx2 .bd{ margin-top: 73px; overflow: hidden;;}
.xcx2 .bd ul{ width: 240px; float: left; margin: 0 30px; overflow: hidden;;}
.xcx2 .bd ul .title{ font-size: 24px; padding-top: 23px; overflow: hidden;}
.xcx2 .bd ul .content{ font-size: 14px;line-height: 29px; padding-top: 20px; }
/* inside */
.main{ padding: 20px 0; overflow: hidden;}
.inside{ width: 850px; float: right; margin-right: 10px; border: 1px solid #dedede; padding-bottom: 15px;}
.inside-hd{ margin: 0 5px; border-bottom: 1px solid #dedede; line-height: 45px; overflow: hidden;}
.inside-hd p{ width: 30%; float: left; font-size: 16px; color: #0467c7; font-weight: 700;}
.inside-hd span{ width: 69%; float: right; text-align: right;}
.inside-hd span a{ color: #333;}
.n-n{ width: 96%; margin: 0 auto; padding: 20px 0;line-height: 2.6;}


.pro{ padding-bottom: 30px; overflow: hidden;;}
.pro li { margin-bottom: 5px;;}
.pro li p{  text-align:center; border: 1px solid #dedede;;}
.pro li p img{ max-width: 90%; padding: 10px 0;}
.pro li h1{ text-align: center; line-height: 30px; color: #555;}
.pro li h1:hover{color: #f00;}

.p-img{ text-align: center;}
.p-img h1{ font-size: 16px; font-weight: 700; color: #0467c7;}

.list-news{ line-height: 35px;}
.list-news li{ border-bottom: 1px dashed #dedede;}
.list-news li span{ float: right; text-align: right;}
.list-news li a{ color: #555; font-size: 14px;;}
.list-news li a:hover{ color: #0467c7;}


.pro{width: 95%; margin: 0 auto; overflow: hidden;;}
.pro li{ width: 33.3%; float: left; text-align: center;;}
.pro li img{ width: 240px; height: 180px; padding: 2px; border: 1px solid #dedeed;}

.p-title{ text-align: center; font-size: 16px; color: #0467c7;}
.p-img img{ max-width: 600px; padding: 20px 0;}
.p-nr .hd{ color: #0467c7;}


.newsbox{ width: 98%; margin: 0 auto; overflow: hidden; padding-bottom: 10px;}
.newsbox li{ padding: 10px 0; border-bottom: 1px dashed #dedede; overflow: hidden;}
.newsbox li .img{ width: 240px; height: 180px; float: left; overflow: hidden;}
.newsbox li .img img{ width: 240px; height: 180px;}
.newsbox li .txt{ width: 530px; float:right;}
.newsbox li .txt .title a{ font-size: 16px;color: #008aff;}
.newsbox li .txt .content{line-height: 2.2;}
.newsbox li .txt .content a{ color: #f00;}


.tb_left{ width: 120px; float: left;}
.tb_txt{ width: 600px; float:right;}
.yingpin{ width: 600px; float:right; text-align: right;}
.yingpin a{ color: #f00;}

.page{ width: 98%; margin: 0 auto; border: 1px solid #dedede; padding: 5px 0; text-align: center;}


.orderlist{ line-height: 35px; overflow: hidden;}