html { overflow-y:scroll;  line-height: initial; }
html,body{overflow-x:hidden;}
*{margin:0px; padding:0px; word-wrap:break-word;}
img,input,select{vertical-align:middle;}
ul,li{list-style:none;}
a{text-decoration:none; color: #282828	}
a:hover{color:#282828; -webkit-transition: color ease 0.3s;}
img{border:none;}
.clear{ clear:both; height:0px;	 margin:0; padding:0;width:0; border:none; overflow:hidden;}
body{font-family: "Microsoft YaHei"; color: #282828; background: #fff;font-size: 0.14rem; }

.w_1200 {width: 12rem; margin: 0 auto;}
.top { margin: 0.2rem auto!important; display: flex; justify-content: space-between; align-items: center;}
.top img {width: 2.3rem; flex-shrink:0;}
.top ul {display: flex; justify-content: space-between; width: 64%; margin-left: 31%}
.top ul a {font-size: 0.16rem; height: 0.5rem; line-height: 0.5rem; padding: 0 0.15rem; display: block; position: relative;}
.top ul a::after{content: ""; transition: all ease 0.3s; position: absolute; bottom: 0; left: 0; width: 0%; height: 2px; background: #2e4bda;}
.top ul a:hover::after,.top ul a.active::after {width: 100%;}
.top ul a:hover ,.top ul a.active{color: #2e4bda;}

.title { text-align: center; margin-bottom: 30px;}
.title h1 {font-size: 30px;}
.title img {width:55% ;margin: 30px 0; margin-bottom: -10px; }
.title p span{color:#e59973}
.title p {color:#7659e7}



/*业务*/
.yewu{width: 1200px;margin: auto;margin-top: 30px;overflow-y: hidden;box-shadow: 0px 4px 40px rgb(36,78,202,10%);border-radius: 16px;background-color:#FFFFFF;padding:20px 20px;}
.yewu li{width: 356px;height: 120px;float: left;margin: 16px 15px;box-shadow: 0px 4px 40px rgb(36,78,202,15%);border-radius: 16px;transition-duration:200ms;position: relative;overflow:hidden;display: block;}
.yewu li a{height: 100px;display: block;padding: 10px 15px;}
/* .yewu li .yewuh{position: absolute;transform:rotate(45deg);left: 285px;width: 100px;text-align: center;font-size: 14px;font-weight: 600;color: #FFFFFF;background: linear-gradient(90deg,#8321E4 0%, #E83233 100%);} */
.yewu li .yewuh{position: absolute;transform:rotate(45deg);left: 286px;width: 100px;text-align: center;font-size: 14px;font-weight: 600;color: #FFFFFF;background: linear-gradient(90deg,#284DBB 0%, #60B5FF 100%);}
.yewu li:hover{transform: scale(1.03);transition-duration:200ms;}
.yewu li img{width: 80px;float: left;position: relative;top: 50%;transform: translateY(-50%);}
.yewu li span{float: left;margin-left: 20px;position: relative;top: 16px;}
.yewu li span p:nth-child(1){font-weight: bold;color: #303030;font-size: 16px;}
.yewu li span p:nth-child(2){font-size: 12px;color: #989898;margin-top: 8px;}
.zxan{font-size: 14px;color: #FF0000;margin-top:8px;display: block;}

/*为什么办理icp*/
.why {width: 1200px;margin: auto;margin-top: 30px;}
.why .title{border-bottom: 1px solid #aaa; font-size: 35px; line-height: 2.2;position: relative;}
.why .title::after {position: absolute;bottom: -3px; left: 50%; margin-left: -50px; width: 100px; height: 6px; content: "";background: #4462f3}
.why ul {display: flex; justify-content: space-between;}
.why ul li {width: 30%;overflow: hidden;}
.why ul li img {width: 100%;margin-bottom: 15px}
.why ul li h2 {text-align: center; line-height: 2.2; background: rgba(68, 98, 243, 0.6);border-radius: 10px 10px 0 0}
.why ul li p {background: rgba(68, 98, 243, 0.1);padding: 10px 15px; line-height: 1.8;height: 100px;border-radius: 0 0 10px 10px }

.qiye {background: #dcecfe;padding: 50px 0; margin: 50px 0}
.qiye ul {width:1200px;margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-around}
.qiye ul li {width: 22%; margin-top: 30px; text-align: center;padding: 25px 0; border-radius: 15px; background: #eaf6ff; border: 3px solid #fff; box-shadow: 0 0 10px #3376f0}
.qiye ul li img {width: 100px;height: 100px;border-radius: 15px; }
.qiye ul li h2 {color: #0c286c; font-size: 24px; margin: 10px 0}
.qiye ul li  p {color: #7ca3f6; font-size: 16px}

/*ICP许可证-申请材料*/
.cailiao {background: url(../img/icp09.jpg) no-repeat; background-size: 100% 100%}
.cailiao .title {color: #fff; border-color: #fff;padding: 30px 0 30px 0; margin-bottom: 50px}
.cailiao ul {width:1200px;margin: 0 auto; display: flex; justify-content: space-around; border-top: 10px solid  rgba(68, 98, 243, 0.6);}
.cailiao ul li {height:300px; position: relative;  background: #63b2ee;box-sizing: border-box; padding: 15px ; width: 15%; color: #fff; font-size: 18px}
.cailiao ul li span {font-size: 16px}
.cailiao ul li h2{position: absolute; bottom: 60px; left: 37%;font-size: 43px}
.cailiao ul li:nth-child(6n+1){ background: rgba(99,178,238,0.8);}
.cailiao ul li:nth-child(6n+2){ background: rgba(118,218,145,0.8);}
.cailiao ul li:nth-child(6n+3){ background: rgba(248,203,127,0.8);}
.cailiao ul li:nth-child(6n+4){ background: rgba(248,149,136,0.8);}
.cailiao ul li:nth-child(6n+5){ background: rgba(124,214,207,0.8);}
.cailiao ul li:nth-child(6n+6){ background: rgba(153,135,206,0.8);}

.cailiao ul li::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 30px solid #fff;
  border-left: 90px solid transparent;
  border-right: 90px solid transparent;
}


.lc{width:1200px;margin: 0 auto;  }
.lc ul {display: flex; justify-content: space-around;}
.lc ul li {text-align: center; line-height: 2.2; margin: 30px 0}


.news {width: 80%; margin: 0 10%;display: flex; align-items: center; justify-content: space-between;}
.news img {margin-right: 0.5rem; width: 50%}
.news li {transition: all ease 1s;}
.news li a{display: flex;  justify-content: flex-start; align-items: center;}
.news li a .date {display: block; width: 1rem; height: 1rem; align-items: center; flex-shrink: 0; text-align: center;}
.news li a .date p {text-align: center; line-height: 0.5rem; }
.news li a .date span {display: block; text-align: center; font-size: 0.2rem;line-height: 0.5rem;}
.news li a .text {border-left:1px solid #eee ;  padding: 0.15rem 0 0.15rem 0.3rem;}
.news li a .text h2 {font-weight: normal; font-size: 0.18rem; margin-bottom: 0.1rem;}
.news li a .text p {color: #989898; line-height: 0.32rem; margin-bottom: 0.1rem;}
.news li:hover {background: #f2f2f2;}

.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.map {margin: 0.5rem 0 0 0; position: relative; background: #3c3c3c; min-height: 7.5rem;}

#dituContent {position: relative;z-index: 1;}

.contact {display: flex; ; justify-content: space-between; position: absolute; top: 0rem; left: 0; width: 100%;  z-index: 999; }
.contact .left {width: 50%; line-height: 0.35rem; padding-top: 0.3rem;}
.contact  h2 {margin: 0.2rem 0;}
.contact .w_1200 {background: #fff; padding: 0 0 0 0.3rem; display: flex; justify-content: space-between; }
.contact .w_1200 .right { width: 50%; padding: 0.3rem; color: #fff; background: #333333; padding-top: 0.3rem;}
.contact .w_1200 .right textarea,.contact .w_1200 .right input {width: 90%; box-sizing: border-box; padding-left: 0.1rem; line-height: 0.45rem; margin: 0 5% 0.2rem 5%; background: #f2f2f2; border-radius: 0.05rem; border: none;}
.contact .w_1200 .right textarea {min-height: 2.5rem;}
.contact .w_1200 .right input { box-sizing: border-box;}
.contact .w_1200 .right button{background: #28ea89; padding: 0.1rem 0.4rem; color: #fff; margin-left: 5%; margin-top: 0.3rem; border-radius: 0.05rem;}

footer {background: #232323; color: #d3d3d3;}
footer h2 {font-size: 0.16rem; font-weight: normal; margin-bottom: 0.2rem;}
footer ul {display: flex; justify-content: space-between; padding: 0.2rem 0;}
footer ul a {color: #d3d3d3; display: block; margin-right: 0.1rem;}
footer ul li {width: 22%; border-right: 1px solid #aaa; place-content: 3%;}
footer ul li p {line-height: 0.35rem; display: flex;}
footer ul li img {transform: scale(0.6);}
footer ul li:last-child {border: none;}
footer ul li:last-child p{ justify-content: flex-end;}
footer .copy {background: #2d2d2d; text-align: center; padding: 0.15rem 0;}

.nei_banner {width: 100%; position: relative; height: 500px;}
.nei_banner .w_1200 {position: absolute; left: 50%; margin-left: -960px; height: 500px;}

.nei .title {margin: 0.5rem 0;}
.nei .title p{ font-size: 0.12rem; color: #aaa; margin-top: 0.1rem;}
.nei .text {color: #595959; line-height: 0.36rem; padding-bottom: 0.2rem; border-bottom: 1px dashed #eee;}

.a_adv ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.a_adv ul li {display: flex; width: 48%; margin: 1%;align-items: center; }
.a_adv ul li  img {margin-right: 0.2rem;}
.a_adv ul li h2 {font-weight: normal; color: #282828;}

.w_1200 {width: 12rem; margin: 0 auto;}

.n_news ul {width: 100%;}

.case ul li {width: 23%; height: 2.76rem;}

.case ul li .text p:nth-child(2) {width: 30%;}

.n_map .contact,.n_map {position: relative;background: #fff; }
.n_map {min-height: 12rem;}
.sjj_nav {display: none;}
.detail h2 {font-size: 18px; text-align: center; margin: 0.5rem 0 0.3rem 0;}
.detail p.date {font-size: 14px; text-align: center; margin: 0 0 0.3rem 0; color: #989898;}
.detail p {line-height: 0.36rem; color: #656565; margin-bottom: 0.2rem;}
.pagbar { height: 1rem; padding-top: 0.5rem; line-height: 1rem; border-top: 1px solid #eee; display: flex; justify-content: space-between;}


.product {width: 1200px; margin: 0 auto;}
.product ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.product ul li {transition: all ease 0.3s; overflow: hidden; width: 24%; margin-bottom: 0.5rem; background: rgba(0,0,0,0.3); height: 2.35rem; position: relative; }
.product ul li img {width: 100%; transition: all ease 0.3s;  max-height: 2.35rem;}
.product ul li .text {position: absolute; transition: all ease 0.3s; bottom: -0.75rem; left: 0; width: 100%; background: #422513d1; color: #fff; padding: 0.2rem 0; text-align: center;}
.product ul li .text p:nth-child(1) {padding-bottom: 0.2rem;}
.product ul li .text p:nth-child(2) {border: 1px solid #fff; padding: 0.05rem 0.1rem; width: 20%; margin: 0 auto;}
.product ul li:hover .text {bottom: 0;}
.product ul li:hover img {transform: scale(1.2);}


@media screen and (max-width: 750px){
	.sjj_nav {display: block;}
	.detail p {line-height: 0.5rem;}
	.detail p.pagbar {flex-wrap: wrap; height: auto;}
	.detail p.pagbar a{width: 100%; display: block;}
	.advantage {flex-wrap: wrap;}
	.advantage .text  {font-size: 0.25rem}
	.advantage .text p {line-height: 0.5rem;}
	.advantage img {width: 100%; margin: 0.5rem 0;}
	.product ul li {width: 48%; margin: 1%;}
	.product {width: 100%; margin: 0;}
	.news {width: 96%; margin: 0 2%;}
	.news img {display: none;}
	.news li a .date span {font-size: 0.4rem}
	.news li a .date p {font-size: 0.32rem}
	.news li a .date {width: 1.5rem; height: 1.5rem;}
	footer .w_1200{display: none;}
	.contact .w_1200 .right {display: none;}
	.contact .left {padding-bottom: 0.3rem; width: 100%;}
	.contact h2 {font-size: 0.36rem; margin: 0.4rem 0;}
	.contact p {font-size: 0.32rem; line-height: 0.4rem; margin: 0.15rem 0;}
	.map {min-height: 10rem;}
	footer .copy {font-size: 0.36rem;padding: 0.5rem; line-height: 0.55rem;}
	.news li a .text h2 {font-size: 0.36rem}
	.news li a .text p {line-height: 0.45rem;}
	.product ul li .text p:nth-child(2) {width: 50%;}
	.product ul li .text {bottom: 0;}
	.advantage .line {display: none;}
	.top ul {display: none;}
	.w_1200 {width: 96%; margin: 0 2%;}
	.top img {width: 60%;}
	.sjj_nav ul {display: block;width: 100%;
    margin: 0;}
	.swiper-slide img {width: 100%;}
	.part1 ul {flex-wrap: wrap;}
	.part1 ul li {width: 100%;}
	.nei_banner .w_1200 {width: 100%; left: 40%; margin-left: -80%; position: relative; height: 3.6rem;}
	.nei_banner .w_1200 img {width: 180%;}
	.nei_banner {height: 3.6rem;}
	.nei .title h2 {font-size: 0.36rem}
	.nei .text {font-size: 0.32rem; color: #989898; line-height: 0.5rem;}
	.a_adv ul li {width: 96%; margin: 2%;}
	.a_adv ul li h2 {font-size: 0.36rem}
	
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
	.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
	.sp_logo{padding:10px;float:left;height:50px}
	.sp_logo img{margin:auto;max-height:30px;}
	.sp_nav{width:37px;float:right;position:relative;cursor:pointer;height:30px; overflow: hidden; margin-top:5px}
	.sp_nav span{display:block;background:#008140;width:30px;height:2px;position:absolute;left:2%;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
	.nav_show{top:50px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:0.8rem; height: 0.8rem; font-size:14px}
	.sjj_nav ul li a {line-height: 0.8rem;}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#666;width:100%}
	.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	.top ul a {height: 0.8rem; line-height: 0.8rem}
}