body { background:#fff; font-family: "Helvetica Neue";  font-size: 14px; line-height: 28px;color: #555;}
img{border:none; max-width: 100%;}
a{color:#333;  text-decoration:none;}
a:hover{color:#5d33cd;  text-decoration:none;}
li,ul{list-style-type:none;}
ul{ margin: 0;padding: 0;}
.fl{ float: left;}
.fr{ float: right;}
.ellipsis{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
h1, h2, h3, h4, h5, h6, p {margin: 0;padding: 0;}
/*--- header ---*/
.header{ width: 100%; height: 80px; padding-top: 10px;}

.nav-list{ width: 80%; float: right;}
.nav-list ul li{ width: 14.2%; float: left;   line-height: 45px;}
.nav-list ul li a{ display: block; width: 100%; height: 80px; color: #333; font-size: 14px; line-height: 80px; position: relative;}
.nav-list ul li a:hover{ background: url(../Image/nav.jpg) no-repeat bottom left;}
.nav-c{ display: block;}

#nav li .navson{display: none;  position: absolute; /*left: 0; top:100%;*/ z-index: 99999; width: 180px; padding: 0;}
#nav li .navson .navson_nr .hei{display: none;  background:#fff; border: 1px solid rgba(255,255,255,0.2); padding: 0;}
#nav li .navson dl{ width: 100%;}
#nav li .navson dl dt{ font-weight: normal; font-size: 14px; height: 43px; line-height: 43px!important; text-align: left; position: relative; padding-left: 5px;}
#nav li .navson dl dt a{ display: block; width: 100%; height: 43px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color: #333 !important; background: none!important; border-left: none; line-height: 43px; text-indent: 10px;;}
#nav li .navson dl dt:before{ position: absolute; left: 0; bottom: 0; width: 0; height: 1px; content: ''; background: #401bc0; color: #401bc0;  transition: 0.3s;}
#nav li .navson dl dt:hover:before{ width: 100%;}

@media (min-width:992px){ 
  #nav li .navson .navson_nr .hei{  display: block; padding: 5% 5% 1% 5%;}
  .nav-c{ display: none;}
}
@media (min-width:1200px){ 
  #nav li .navson .navson_nr .hei{  padding: 5% 5% 1% 5%;}
  .nav-c{ display: none;}
}

.tel{ background: url(../Image/tel.jpg) no-repeat left center; line-height: 80px; font-weight: 700; font-size:18px; text-indent: 25px;}

.banner{ width: 100%;}
.swiper {
	width: 100%;

  }

  .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
  }

  .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
  }

.w-header{ padding-top: 5px; overflow: hidden;}
.wheader .wlogo{ width: 49%;  float: left;}
.wheader .wlogo img{ height: 60px;;}
.wheader .wtel{width: 44%; float: right; background: url(../Image/tel.jpg) no-repeat left center; line-height: 60px; font-weight: 700; font-size:16px; text-indent: 38px;}

.wnav{ width: 100%; overflow: hidden;}
.wnav li{ width: 33.3%; float: left; text-align: center; border-bottom: 1px solid #fff;}
.c2{ border-right: 1px solid #fff;}
.wnav li a{ display: block; width: 100%; color: #fff; height: 40px;line-height: 35px;  background: #401bc0;}
.wnav li a:hover{ background: #d09b2c;transition: 0.3s;}
/*--- index ---*/
.line{ padding: 15px 0;}
.line ul{ line-height: 50px; color: #666; font-weight: 700; font-size: 16px; }
.line ul span{ color: #401bc0; font-size: 36px;font-weight: 700;}

.m-about{ background: #f9f9fa; margin: 10px 0; overflow: hidden;}
.m-about .img{ width: 50%; float: left;}
.m-about .img img:hover{transition: 0.3s;transform: scale(1.1,1.1);}
.m-about .txt{ width: 50%; float: right; padding-left: 2%;}
.m-about .txt .name{ width: 100%; height: 60px; margin-top: 50px;overflow:visible; position:relative;}
.m-about .txt .name .name2{ width: 100%; height: 60px;  font-size: 55px; font-weight: 700; line-height: 50px; color: #f4f4f5;}
.m-about .txt .name .name1{position: absolute; left:15px; top:20px; font-size: 16px; z-index:999}
.m-about .txt .title{ line-height: 60px; font-size: 30px; color: #333; font-weight: 700;}
.m-about .txt .content{ color: #999; line-height: 30px; padding-top: 20px; font-size: 16px;}
.m-about .txt .icont{ width: 95%; margin: 0 auto; padding-top: 10px;}
.m-about .txt .icont ul{ width: 25%; float: left; padding-top: 30px; text-align: center; line-height: 60px;}
.m-about .txt .icont ul a:hover{color:#2f14bc }
.m-about .txt .icont ul a .xtb1{ width: 73px; height: 73px; margin: 0 auto; background: url(../Image/a1.jpg) no-repeat center center;border-radius: 36px; border: 1px solid #c5c2c0}
.m-about .txt .icont ul a:hover .xtb1{ background: url(../Image/a12.jpg) no-repeat center center; border: 1px solid #2f14bc}

.m-about .txt .icont ul a .xtb2{ width: 73px; height: 73px; margin: 0 auto; background: url(../Image/a2.jpg) no-repeat center center;border-radius: 36px; border: 1px solid #c5c2c0}
.m-about .txt .icont ul a:hover .xtb2{ background: url(../Image/a22.jpg) no-repeat center center; border: 1px solid #2f14bc}

.m-about .txt .icont ul a .xtb3{ width: 73px; height: 73px; margin: 0 auto; background: url(../Image/a3.jpg) no-repeat center center;border-radius: 36px; border: 1px solid #c5c2c0}
.m-about .txt .icont ul a:hover .xtb3{ background: url(../Image/a32.jpg) no-repeat center center; border: 1px solid #2f14bc}

.m-about .txt .icont ul a .xtb4{ width: 73px; height: 73px; margin: 0 auto; background: url(../Image/a4.jpg) no-repeat center center;border-radius: 36px; border: 1px solid #c5c2c0}
.m-about .txt .icont ul a:hover .xtb4{ background: url(../Image/a42.jpg) no-repeat center center; border: 1px solid #2f14bc}


.m-product{ padding: 30px 0; overflow: hidden;}
.m-product .hd{ width: 100%; overflow: hidden;}
.m-product .hd .title{height: 70px; overflow:visible; position:relative;}
.m-product .hd .title .p1{ width: 100%; height: 70px;line-height: 60px;; font-size: 45px; color: #e2dffd; font-weight: 700;}
.m-product .hd .title .p2{ position: absolute; left: 15px; bottom:10px; z-index: 9999; font-size: 35px; color: #333; font-weight: 700;}
.m-product .hd .plist{ text-align: right; line-height: 60px;}
.m-product .hd .plist a{ font-size: 16px;}
.m-product .bd{ width: 100%; margin-top: 20px; padding-top: 122px; height: 694px; background: url(../Image/cp_bj.jpg) no-repeat top center; overflow: hidden;}
.pplist{ height: 467px; overflow: hidden; background: none!important;}
.pplist a{ display: block; width: 100%; padding: 20px; height: 467px; background: #fff; border-radius: 25px;}
.pplist a:hover{ background: #562dc8; color: #fff;;}
.pplist a .pname{ width: 100%; height: 68px; line-height: 68px; text-align: left!important; border-bottom: 1px solid #dedede;;}
.pplist a .ptitle{ width: 100%;  height: 100px; text-align: left;; line-height: 100px; color: #333;}
.pplist a:hover .ptitle{ color: #fff;}
.pplist a .image{ margin-top: 10px;}

.m-case{ padding: 30px 0; overflow: hidden;}
.m-case .hd{ width: 100%; overflow: hidden;}
.m-case .hd .title{height: 70px; overflow:visible; position:relative;}
.m-case .hd .title .p1{ width: 100%; height: 70px;line-height: 60px;; font-size: 45px; color: #e2dffd; font-weight: 700;}
.m-case .hd .title .p2{ position: absolute; left: 15px; bottom:10px; z-index: 9999; font-size: 35px; color: #333; font-weight: 700;}
.m-case .hd .plist a{ display: block; width: 120px; height: 32px; float: right; text-align: center; background: #f4f6f5; border-radius: 20px; margin-top: 20px; line-height: 32px;}
.m-case .bd{ padding: 25px 0; overflow: hidden;}

.m-news{ padding: 30px 0; background: #fafafa; overflow: hidden;}
.m-news .hd{ width: 100%; overflow: hidden;}
.m-news .hd .title{height: 70px; overflow:visible; position:relative;}
.m-news .hd .title .p1{ width: 100%; height: 70px;line-height: 60px;; font-size: 45px; color: #e2dffd; font-weight: 700;}
.m-news .hd .title .p2{ position: absolute; left: 15px; bottom:10px; z-index: 9999; font-size: 35px; color: #333; font-weight: 700;}
.m-news .hd .plist a{ display: block; width: 120px; height: 32px; float: right; text-align: center; background: #f4f6f5; border-radius: 20px; margin-top: 20px; line-height: 32px;}
.m-news .bd{ padding: 25px 0; overflow: hidden;}

.news1{ background: #fff; padding: 20px; overflow: hidden;}
.news1 a:hover{color: #5d33cd;}
.news1 .time{ padding-top: 15px; font-size: 16px;}
.news1 .title{ color: #333; line-height: 30px;; font-size: 22px; font-weight: 700; padding: 10px 0;}
.news1 .content{ font-size: 12px;}
.news1 .type{ padding: 15px 0; overflow: hidden;}
.news1 .type .d1{ width: 49%; float: left;}
.news1 .type .d2{ width: 49%; float: right; text-align: right;}

.news2{ background: #fff; margin-bottom: 20px;; padding: 20px; overflow: hidden;}
.news2 a:hover{color: #5d33cd;}
.news2 .time{ padding-top: 15px; font-size: 16px;}
.news2 .title{ color: #333; line-height: 30px;; font-size: 22px; font-weight: 700; padding: 10px 0;}
.news2 .content{ font-size: 12px;}
.news2 .type{ padding: 15px 0; overflow: hidden;}
.news2 .type .d1{ width: 49%; float: left;}
.news2 .type .d2{ width: 49%; float: right; text-align: right;}

.news3{ background: url(../Image/newsbj1.jpg) no-repeat top center; padding: 305px 20px 45px 20px;  overflow: hidden;}
.news3 a{color: #fff;}
.news3 a:hover{color: #fff;}
.news3 .time{ padding-top: 15px; font-size: 16px;}
.news3 .title{ line-height: 30px;; font-size: 22px; font-weight: 700; padding: 10px 0;}
.news3 .content{ font-size: 12px;}
.news3 .type{ padding: 15px 0; overflow: hidden;}
.news3 .type .d1{ width: 49%; float: left;}
.news3 .type .d2{ width: 49%; float: right; text-align: right;}

.m-news .bdd{ padding: 15px 0; overflow: hidden;}
.m-news .bdd ul{  line-height: 35px; width: 95%; margin: 0 auto;}
.m-news .bdd ul li{ border-bottom: 1px dashed #dedede;}
.m-news .bdd ul li span{ float: right; text-align: right;}

/* about */
.nbanner{ width: 100%; height: 463px;overflow: hidden; padding-top: 120px;;}
.ab{ background: url(../Image/a-about.jpg) no-repeat top center;}
.cb{ background: url(../Image/c-about.jpg) no-repeat top center;}
.sb{ background: url(../Image/s-contact.jpg) no-repeat top center;}
.nb{ background: url(../Image/news-banner.jpg) no-repeat top center;}
.nbanner .p1{ color: #fff; font-size: 45px; font-weight: 700;}
.nbanner .p2{ color: #fff; font-size: 20px; font-weight: 700; margin-top: 30px;}

.about_line{ width: 100%; height: 84px; border-bottom: 1px solid #dedede;}
.about_line .hd ul{ width: 85px; margin-right: 30px;; float: left; height: 82px; line-height: 80px; border-bottom: 3px solid #fff;}
.about_line .hd ul:hover{ border-bottom: 3px solid #3b1bb5; color: #3b1bb5; font-weight: 700;}

.ab1{ width: 100%; height: 570px; padding-top: 73px; margin: 30px 0; background: url(../Image/about-company.jpg) no-repeat top center;}
.a-txt-title{ font-size: 40px; font-weight: 700; line-height: 40px; padding-bottom: 20px;}
.a-txt-title span{ color: #3c1db9;}
.a-txt-ctitle{ font-weight: 700; font-size: 16px; line-height: 40px}
.a-line{ width: 76px; height: 5px; background: #f6a128; overflow: hidden; clear: both;}
.ab1 .txt:hover .a-line{ width: 140px;transition: 0.3s;}
.a-txt-content{ width: 98%; line-height: 45px; color: #555; padding-top: 30px;}
.ab1 .ctxt ul{ text-align: center; line-height: 45px;margin-bottom: 50px; color: #fff;}
.ab1 .ctxt ul .xt1{ font-weight: 700; font-size: 35px;}
.ab1 .ctxt ul .xt1 sup{width: 30px; height: 22px; background: #f6a128; line-height: 22px; font-size: 12px; border-radius: 10px;}
.ab1 .ctxt ul .xt2{ font-size: 14px;}

.ab2{ width: 100%; height: 691px; padding: 70px 0; background: url(../Image/company-qtwh.jpg) no-repeat top center; overflow: hidden;;}
.qybox{ background: rgba(64,27,192,0.9);}
.qybox .hd{ height: 68px;; margin: 44px 0 10px 20px;; overflow:visible; position:relative;}
.qybox .hd .qy1{ width: 100%; height: 68px;line-height: 60px;; font-size: 40px; color: #573cc5; font-weight: 700;}
.qybox .hd .qy2{ position: absolute; left: 0; bottom:10px; z-index: 9999; font-size: 28px; color: #fff; font-weight: 700;}
.qybox .hd .qy2 span{ font-weight: 100;}
.qybox .qyline{ margin: 20px; width: 60px; height: 3px; background: #f6a128; overflow: hidden; clear: both;}
.qybox:hover .qyline{ width: 120px;transition: 0.3s;}
.qybox .qutxt{ margin: 20px; overflow: hidden;}
.qybox .qutxt ul{ width: 50%; color: #fff; line-height: 35px; float: left; margin: 20px 0 40px 0;; overflow: hidden;}
.qybox .qutxt ul .qy1{ font-size: 24px; font-weight: 700;}
.qybox .qutxt ul .qy2{ font-size: 15px;;}

.ab3{  width: 100%; height: 747px; background:url(../Image/honor.jpg)no-repeat TOP CENTER; padding-top: 160px; overflow: hidden;}
.ab3 .hd{ width: 100%; height: 108px; line-height: 30px; font-size: 42px; font-weight: 700;}
.ab3 .hd span{ font-size: 14px;font-weight: 200;}
.ab3 .bd{ margin-top: 30px;}
.a-honorlist{ background: none; line-height: 18px;}

.ab4{ padding: 50px 0 20px 0; overflow: hidden;}
.ab4 .hd{ text-align: center; overflow: hidden;}
.ab4 .hd .f1{ height: 50px; overflow:visible; position:relative;}
.ab4 .hd .f1 .pp1{ width: 100%; height: 50px;line-height: 50px; font-size: 40px; color: #f9f9f9; font-weight: 700;}
.ab4 .hd .f1 .pp2{ width: 100%; height: 50px; line-height: 50px; position: absolute; left: 0; bottom:0; z-index: 9999; font-size: 38px; color: #000; font-weight: 700;}
.ab4 .hd .f1 .pp2 span{ color: #401bc0;}

.factorylist{overflow:visible; position:relative;}
.factorylist .fimg{ width: 100%; height: 400px;}

.factorylist .ftxt{ width: 100%; height: 109px; position: absolute; left: 0; bottom:5px; z-index: 9999;}
.factorylist .ftxt .fftxt{ width: 50%; padding-top: 15px;; text-align: center; margin: 0 auto; height: 109px; background: #fff;}
.factorylist .ftxt .fftxt .fct1{ font-size: 18px;;}
.factorylist .ftxt .fftxt .fct2{ color: #dedede; margin: 5px 0;  font-size: 12px;;}
.factorylist .ftxt .fftxt .fct3{ background: url(../Image/xilie.png); width: 48px; height: 12px; margin: 0 auto; }


.n-product{ padding: 15px 0; overflow: hidden;}
.cp-list-more{ height: 490px; margin-bottom: 20px;background: #f7f8fa; padding: 5px 15px; overflow: hidden;}
.cp-list-more .logo{ margin-bottom: 10px;;}
.cp-list-more .img{ width: 90%; margin: 0 auto; text-align: center; overflow: hidden; padding-top: 20px;}
.cp-list-more .title{ color: #333; font-size: 20px; font-weight: 700; text-align: center; padding-top: 20px;}
.cp-list-more .content{ width: 90%; margin: 0 auto; height: 78px; overflow: hidden;}
.cp-list-more .more{ display: none; width: 124px; height: 35px; text-align: center; margin: 0 auto;line-height: 35px; border-radius: 15px; background: #401bc0; color: #fff;}
.cp-list-more:hover{ background: #fff;transition: 0.3s;}
.cp-list-more a:hover .img{  padding-top: 5px;transition: 0.3s;}
.cp-list-more a:hover .title{ color: #401bc0; padding-top: 5px;transition: 0.3s;}
.cp-list-more a:hover .content{ transition: 0.3s;}
.cp-list-more a:hover .more{ display: block;transition: 0.3s; }


.cpbox-inside{ background: #f7f8fa; overflow: hidden;}
.cp-inside{ background: #fff; padding: 30px; margin: 20px 0; overflow: hidden;}
.cpSwiper{ margin-top: 20px;}
.cptop{ padding-bottom: 20px; overflow: hidden;;}
.cp-img{ margin: 20px 0; overflow: hidden;}
.cp-txt{ margin: 20px 0;overflow: hidden;}
.cptx1{font-weight: bold;padding-top: 20px; font-size: 18px; line-height: 35px;}
.cptx2{ line-height: 35px; font-size: 15px;}
.cptx2 span{ color: #2f14bc; font-weight: 700;}
.cptxline{ width: 100%; height: 1px; background: #dedede; overflow: hidden; margin: 15px 0;}
.cptx4{ width: 100%; height: 40px; overflow: hidden;}
.cptx5{ width: 145px; height: 40px; float: left; margin-right: 30px;}
.cptx5 a{ display: block; width: 100%; height: 40px; background: #595656; text-align: center; line-height: 40px; color: #fff;}
.cptx5 a:hover{ background: #2f14bc;transition: 0.3s;}
.cptx6{width: 145px;  height: 40px; float: left; }
.cptx6 a{ display: block; width: 100%; height: 40px; background: #2f14bc; text-align: center; line-height: 40px; color: #fff;}
.cptx6 a:hover{ background: #595656;transition: 0.3s;}

.cpcpcp{ width: 100%; height: 40px; border-bottom: 2px solid #2f14bc;}
.cpcpcp p{ width: 120px; height: 40px; text-align: center; background: #2f14bc; color: #fff; line-height: 40px;  font-weight: 700;}

.cp-n-n{ padding: 20px; line-height: 2.6; overflow: hidden;}

#prev_next{ width: 100%; line-height: 45px;}
#prev_next li{ width: 50%; float: left;}
.pnl{ text-align: left;}
.pnr{ text-align: right;}


.n-zlhz{ width: 100%; background: #f5f5f5; padding: 35px 0; overflow: hidden;}
.zlhz-top{ width: 100%; background: #fff; padding: 30px; margin: 20px 0; overflow: hidden;}
.zlhz-cp{ width: 100%;background: #f5f5f5; overflow: hidden;}
.zlhzleft{ width: 60%; padding: 35px; float: left; }
.zlhzleft .title{ font-size: 30px; font-weight: 700; color: #2f14bc}
.zlhzleft .ctitle{ font-size: 28px; font-weight: 700; color: #555; line-height: 1.8;}
.zlhzleft .content{ width: 80%; font-size: 16px; line-height: 1.6; padding-top: 30px;}
.zlhzcc{ width: 40%; float: right;}
.zlhzcc ul{ width: 100%; overflow: hidden;}
.zlhzcc ul img:hover{transition: 0.3s;transform: scale(1.1,1.1);}
.zlhz-center{ padding: 20px 0;}
.zlhz-center img{ width: 100%;}
.zlhzbox{ width: 100%; background: #fff; padding: 20px; margin: 10px 0; overflow: hidden;}
.zlhzbox li{ width: 18%; float: left; overflow: hidden; margin: 0 1% 15px 1%; text-align: center;}
.zlhzbox li img{ width: 98%; height: 123px; padding: 25px 5px; margin: 5px 2px; border: 1px solid #dedede;}

/* inside */
.nav-line{ width: 100%; height: 90px; background: url(../Image/n-bg.jpg) bottom repeat-x;}
.cclist li{ width: 10%; float: left; line-height: 90px; margin-right: 2%; overflow: hidden;}
.cclist li a{ display: block; width: 100%; height: 84px; border-bottom: 3px solid #fff;}
.cclist li a:hover{  border-bottom: 3px solid #3b1bb6; color: #3b1bb6;}
.Indicate ul{ background: url(../Image/home.jpg) no-repeat left center; line-height: 90px; text-indent: 18px;}
.w-nav-line{ width: 100%; padding: 15px 0; background: url(../Image/n-bg.jpg) bottom repeat-x; overflow: hidden;;}
.w-nav-line ul{ width: 95%; margin: 0 auto; }
.w-nav-line ul li{ width: 25%; float: left;  line-height: 30px;}

.n-box{ width: 98%; margin: 0 auto; padding: 20px 0 40px 0; line-height: 2.6; overflow: hidden;}
.n-n{ padding-top: 30px;}
.dszzcimg{ padding-top: 30px;}
.dszzcimg ul{ width: 95%; margin: 0 auto; overflow: hidden; text-align: center;}
.dszzcimg ul img:hover{transition: 0.3s;transform: scale(1.1,1.1);}

.honorbox{ padding: 20px 0; overflow: hidden;}

.picbiglist{ width: 20%; float: left; text-align: center; line-height: 45px;}
.picbiglist .img{margin: 0 13%; overflow: hidden; padding: 5px; border: 1px solid #cdcdcd;}
.picbiglist .img img:hover{transition: 0.3s;transform: scale(1.1,1.1); overflow: hidden;}


.caselist{ width: 20%; float: left; text-align: center; line-height: 45px;}
.caselist .img{margin: 0 3%; overflow: hidden; padding: 5px; border: 1px solid #cdcdcd;}
.caselist .img img:hover{transition: 0.3s;transform: scale(1.1,1.1); overflow: hidden;}

.factorylist{  text-align: center; line-height: 45px;}
.factorylist .img{margin: 0 8%; overflow: hidden; padding: 5px; border: 1px solid #cdcdcd;}
.factorylist .img img:hover{transition: 0.3s;transform: scale(1.1,1.1); overflow: hidden;}


.n-contact{ width: 100%; background: #f6f5f5 url(../Image/conatct_bj.jpg) no-repeat center bottom; padding: 60px 0 190px 0; overflow: hidden;}
.contact-top{ background: #e7ebec; overflow: hidden;}
.conatcttxt{ background: #fff;}
.ctxt01{ width: 85%; margin: 0 auto; padding: 30px 0; overflow: hidden;}
.ctxt01 .title{ font-size: 26px; font-weight: 700; color: #401bc0;}
.ctxt01 .ctxt{ padding: 25px 0 10px 0; overflow: hidden;}
.ctxt01 .ctxt li{ text-indent: 30px; line-height: 45px;}
.cttt1{ background: url(../Image/c1.jpg) no-repeat left center;}
.cttt2{ background: url(../Image/c2.jpg) no-repeat left center;}
.cttt3{ background: url(../Image/c3.jpg) no-repeat left center;}
.cttt4{ background: url(../Image/c4.jpg) no-repeat left center;}
.ctxt01 .ctewm li{ width: 40%; float: left; text-align: center;}

.ctxt02{ width: 85%; margin: 0 auto; padding: 30px 0; overflow: hidden;}
.ctxt02 .m1{ font-size: 26px; font-weight: 700; color: #401bc0;}
.ctxt02 .m2{ margin-top: 25px; overflow: hidden;}
.ctxt02 .m2 ul{ width: 100%; margin-bottom: 20px; overflow: hidden;}
.ctxt02 .m2 .ssage1 li{ width: 50%; float: left; overflow: hidden;}
.mm1{ width: 98%; float: left; height: 50px; border: none; background: #fff; border-radius: 5px; text-indent: 10px; line-height: 48px;}
.mm2{ width: 98%; float: right; height: 50px; border: none; background: #fff;  border-radius: 5px; text-indent: 10px; line-height: 48px;}
.ctxt02 .m2 .ssage2 li{ width: 100%; overflow: hidden;}
.mm3{ width: 100%;  height: 127px; border: none; background: #fff;  border-radius: 5px; text-indent: 10px; line-height: 48px;}
.ctxt02 .m2 .ssage3 li{ float: left; margin-right: 23px;}
.mm5{ width:165px; height: 53px; border: none;}
.mm4{ width: 250px; height: 50px; border: none; background: #fff;  border-radius: 5px; text-indent: 10px; line-height: 48px;}
.mm6{ width: 200px; height: 50px; border: none; background: #401bc0; text-align: center; color: #fff;border-radius: 5px; line-height: 48px;}

.map{ width: 100%; height: 500px;}
#allmap{ width: 100%; height: 500px;}


.news-inside{ background: #f6f5f5; padding: 30px 0; overflow: hidden;}
.n-inside-box{ background: #fff; margin: 15px 0; padding-bottom: 20px; overflow: hidden;}
.n-news-top{ text-align: center; padding: 20px 0; overflow: hidden;;}
.n-news-top .hdd{ font-size: 30px; font-weight: 700; color: #000;line-height: 40px;;}
.n-i-b-n{ width: 95%; margin: 0 auto; padding: 35px 0; overflow: hidden;}
.n-news{ margin-bottom: 10px;}
.n-n-list{ padding: 15px; border: 1px solid #dedede;}

.newstime{ font-size: 13px; color: #999;}
.newstitle{ font-size: 18px; line-height: 30px;;}
.newsimage{ width: 100%; height: 220px; overflow: hidden;}
.newsimage img:hover{transition: 0.3s;transform: scale(1.1,1.1); overflow: hidden;}
.newscontent{ padding: 10px 0; width: 90%; margin: 0 auto; color: #999; line-height: 30px;}
.newsalinkl{ padding: 10px 0 0 10px;}
.newsalinkl span{ margin-left: 15px;}

#newTitle{ text-align: center; font-size: 30px; font-weight: 700;}
#newsInfo{ font-size: 14px; line-height: 45px; text-align: center;;}
#infoImage{ text-align: center;}
#infoImage img{ max-width: 100%;}
#newsContent{ line-height: 2.6; padding: 20px 0;;}

/* dsj */
.n-dsj{ background: #f7f7f7; padding: 35px 0; overflow: hidden;}
.cpp{ background: #fff; height: 70px; overflow: hidden;}
.dsjbox {
    position: relative;
    overflow: hidden;
	padding: 75px 20px;
	background: #fff;
}
.dsjbox .wline {
    width: 3px;
    display: block;
    position: absolute;
    top: 10px;
    left: 49%;
    background: #401bc0;
    height: 100%;
}

.dsjbox .dot {
    width: 64px;
    height: 64px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 0;
    left: 46.8%;
    border-radius: 100%;
    background: url(../Image/sj_bg.jpg) no-repeat center center;
    background-color: #f3f3f3;
}

.hisb {
    padding-top: 20px;
    overflow: hidden;

}
.hisList li {
    position: relative;
    margin-bottom: 15px;
    width: 46%;
    clear: both;
}

.hisList li .tx {
    font-size: 15px;
    line-height: 26px;
    padding-top: 15px;
}

.hisList .txts {
    padding: 18px 40px;
    background: #e8e8e8;
    position: relative;
    transition: all 0.6s;
}

.hisList .txts .date {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    color: #ffffff;
    font-family: 'robotothin';
    background: #401bc0;
    width: 150px;
    text-align: center;
    padding: 2px 10px;
}

.hisList .aw {
    width: 16px;
    height: 27px;
    background-image: url(../Image/rr_hisaw.png);
    position: absolute;
    top: 38px;
    left: -15px;
    transition: all 0.6s;
    display: none;
}



.hisDome .wline {
    width: 3px;
    display: block;
    position: absolute;
    top: 10px;
    left: 49%;
    background: #401bc0;
    height: 100%;
}

.hisDome .dot {
    width: 64px;
    height: 64px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    top: 0;
    left: 46.5%;
    border-radius: 100%;
    background: url(../Image/sj_bg.jpg) no-repeat center center;
    background-color: #f3f3f3;
}

.hisList li:hover .txts {
    background: #401bc0;
    color: #fff;
}

.hisList li:hover .aw {
    background: url(../image/rr_hisaw2.png) no-repeat center center;
}

.hisList li:hover .date {
    color: #fff;
}

.hisList .line {
    width: 16px;
    height: 16px;
	padding: 0!important;
    background: #ffffff;
    position: absolute;
    top: 40px;
    border: 3px #401bc0 solid;
    border-radius: 25px;
    left: -60px;
}

.hisList li:hover .line {
    background: #401bc0;
}



#dsjbox .hisList li:nth-child(even) {
    float: right;
}

#dsjbox .hisList li:nth-child(odd) .line {
    right: -35px;
    left: auto;
}

.w-dsj{ background: #dedede; padding: 15px 0; overflow: hidden;}
.w-dsjbox{ width: 98%; margin: 0 auto; background: #fff; padding: 15px 0;overflow: hidden;}
.w-txts{ width: 98%; line-height: 2.6; margin:25px 1%; padding: 10px 20px; background: #e8e8e8;position: relative; overflow: hidden;}
.w-txts:hover{ 
	background: #401bc0;
    color: #fff;
	transition: all 0.6s;
}
.w-date {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    background: #401bc0;
    width: 150px;
    text-align: center;
    padding: 2px 10px;
}



#page{ width: 98%; margin: 0 auto; height: 50px; padding: 5px 0; text-align: center; margin-top: 10px; line-height: 40px; border: 1px solid #dedede;;}

/* .footer */
.footer{ width: 100%; background: url(../Image/footer.jpg) no-repeat top center; height: 484px; overflow: hidden;}
.f-top{ padding-top: 50px; overflow: hidden;;}
.f1 ul{ width: 19%; float: left;}
.f1 ul li{ line-height: 40px;}
.f1 ul .sp{ color: #fff; font-size: 16px;margin-bottom: 15px;}
.f1 ul li a{color: #666;}
.f1 ul li a:hover{color: #fff;}

.f2 ul{ width: 95%;}
.f2 ul li{ line-height: 30px; padding-left: 56px; margin-bottom: 10px; color: #a8a8a8;}
.f2 ul li span{ color: #fff; font-size: 18px;;}
.f21{ background: url(../Image/f21.png) no-repeat left center;}
.f22{ background: url(../Image/f22.png) no-repeat left center;}
.f23{ background: url(../Image/f23.png) no-repeat left center;}
.f3{ text-align: center; color: #fff;  line-height: 45px;;}

.f-bot{ padding-top: 40px; text-indent: 20px; margin-top: 10px; border-top: 1px solid #3b3936;;;}

.end{ width: 100%; background: url(../Image/footer.jpg) no-repeat top center; padding: 30px 0; color: #fff;; text-align: center;}
.end a{ color: #fff;}
.end a:hover{ color: #fff;}

/*小屏幕 (平板 大于等于768px)*/
@media (max-width:768px){ 
.line{ padding: 5px 0;}
.line ul{ line-height: 30px; color: #666; font-weight: 700; font-size: 12px;padding: 0 0!important;}
.line ul span{ color: #401bc0; font-size: 16px;font-weight: 700;}
.m-about{ margin: 5px 0;}
.m-about .img{ width: 100%; }
.m-about .txt{ width: 100%; padding:  0 1%;}
.m-about .txt .title{ line-height: 40px; font-size: 20px;}

.m-product .hd .title .p1{ line-height: 50px;; font-size: 30px; }
.m-product .hd .title .p2{font-size: 25px;}

.m-product .hd .plist{ text-align: center; line-height: 40px;}
.m-product .hd .plist a{ font-size: 13px;}
.nbanner{ height: 200px; overflow: hidden; padding-top: 40px;;}

.about_line .hd ul{ width: 22%; margin-right: 2%;}
.ab2{  height: 613px; padding: 40px 0; }
.qybox .hd { height: 70px;  padding-top: 30px;;}
.qybox .hd .qy1{  height: 40px;line-height: 40px;font-size: 20px; }
.qybox .hd .qy2{ position: absolute; left: 0; bottom:10px; z-index: 9999; font-size: 18px; }


.qybox .qutxt{ margin: 1px; }
.qybox .qutxt ul{ width: 50%; color: #fff; line-height: 35px; float: left; margin: 10px 0 20px 0; overflow: hidden;}
.qybox .qutxt ul .qy1{ font-size: 14px;}
.qybox .qutxt ul .qy2{ font-size: 10px;;}

.ab3{ padding-top: 100px; height: 507px;}
.ab3 .bd{ margin-top: 3px;}

.ab4 .hd .f1{ height: 30px;}
.ab4 .hd .f1 .pp1{  height: 30px;line-height: 30px; font-size: 20px; }
.ab4 .hd .f1 .pp2{  height: 30px; line-height: 30px;  font-size: 18px; }


.picbiglist{ width: 50%;}
.caselist{ width: 50%;}

.cptx5{ width: 115px;  margin-right: 20px;}
.cptx6{width: 115px;  }

.zlhzleft{ width: 100%;padding: 15px; float: left; }
.zlhzleft .title{ font-size: 18px; }
.zlhzleft .ctitle{ font-size: 16px; line-height: 1.8;}
.zlhzleft .content{ width: 100%; font-size: 13px; line-height: 1.6; padding-top: 10px;}
.zlhzbox li{ width: 48%; float: left; }
.zlhzcc{ width: 100%;}

.ctxt01{ width: 98%; margin: 0 auto; padding: 10px 0; }
.ctxt01 .ctewm li{ width: 50%; }
.ctxt02{ width: 98%; margin: 0 auto; padding: 10px 0; }

.ctxt02 .m2 .ssage3 li{  margin-right: 10px;}
.mm5{ width:80px; }
.mm4{ width: 120px;}
.mm6{ width: 113px; }

.n-i-b-n{ width: 98%; padding: 15px 0;}


}