@charset "utf-8";
blockquote,body,button,dd,dl,dt,fieldset,h1,h2,h3,h4,h5,h6,hr,input,lengend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
h1{font-size:18px}
h2{font-size:1pc}
h3{font-size:14px}
h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp,tt{font-family:Courier New,Courier,monospace}
small{font-size:9pt}
ol,ul{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:none}
abbr[title],acronym[title]{border-bottom:1px dotted;cursor:help}
q:after,q:before{content:''}
legend{color:#000}
fieldset,img{border:none}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
hr{height:1px;border:none}
html{font-size:62.5%; /* 10รท16=62.5% */}
body,button,input,select,textarea{font-size:14px;font-size:1.4em ; /* 12รท10=1.2 */font-family: '微软雅黑';}
@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:94%!important}}
@media only screen and (min-width:561px) {html {font-size:109%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}
.fl{float:left;}
.fr{float:right;}
ul,li{list-style:none;}

.container-s{width: 92%; margin: 0 auto;}
.cl{clear: both;}
.c{*zoom:1;}
.c:after{content: ' '; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-r{text-align: right;}
*{     
    -webkit-touch-callout:none;  /*系统默认菜单被禁用*/     
    -webkit-user-select:none; /*webkit浏览器*/     
    -khtml-user-select:none; /*早期浏览器*/     
    -moz-user-select:none;/*火狐*/     
    -ms-user-select:none; /*IE10*/     
    user-select:none;     
}
input {        
     -webkit-user-select:auto; /*webkit浏览器*/       
} 
/*公共头部*/
.head{background: #fff; position: fixed; z-index: 222; top: 0; width: 100%;}
.head .logo{width: 50%;margin: 1.875rem 0;}
.menu{width: 8.5%;position: relative;}
.menu img{margin-top: 2.0625rem;}
.menu-list{position: absolute; width: 500%;right: 0;margin-top: 2.7rem;z-index: 100; background: rgba(0,0,0,0.81);padding-top: 1rem;  padding-bottom:0.4rem;}

.menu-list li a{display: block;font-size: 1rem; line-height:2.2rem; color: #fff;text-align: center;}
.head-tel{font-size: 1.125rem; line-height: 2.3rem; color: #3d3d3d;  no-repeat left center; padding-left:2.2rem; background-size: 20%; margin-top: 2.8125rem; margin-right: 1rem;}

.head-zw{height: 7.16rem;}

/*我们做什么*/
.about{background: url(../images/about-bg.jpg) no-repeat center; background-size: cover;}
.about .title{text-align: center;}
.about .title strong{display: block; font-size: 2.5rem; line-height: 2.5rem; color: #262626; padding-top: 2.375rem; font-weight: normal;}
.about .title i {display: block; background:#d4d4d3; width: 60%; margin:0.6rem auto 0.8rem; height: 0.0625rem; }
.about .title span{display: block; font-size: 1.1rem; line-height: 1.125rem; color: #373737;}
.about-bd{padding-top: 2rem; padding-bottom: 0.4375rem;}
.about-list>li{float: left; width: 49%; margin-right: 2%; background: #0881af; margin-bottom: 1.5rem;}
.about-list>li:nth-child(2n){margin-right: 0%;}
.about-list>li em{display: block; font-size: 1.4375rem; line-height: 1.4375rem; color: #fff; padding:3.1875rem 0rem 1.625rem; text-align: center;}
.about-list li .txt{font-size: 1.1rem;  line-height: 1.625rem; color: #fff;width: 82%; margin: 0 auto 2.5rem;}
.about-list li .txt1{margin-left: 2rem;}
.txt-list>li{float: left; list-style: disc;}
.txt-list>li a {display: block; font-size: 1.1rem; line-height: 1.625rem; color: #fff; }
.about-list li .txt p{display: block; text-align: center;}


/*客户案例*/
.case{margin-top: 2.9375rem;}
.case .title strong{display: block; font-size: 2.0625rem; line-height:2.8125rem; color:#262525; font-family: "Microsoft YaHei"; text-align: center;}
.case .title span{display: block; font-size: 1.125rem; line-height: 1.875rem; color: #262525; text-align: center;}
.case .case-name{display: block; background: url(../images/case-name-bg.png) no-repeat center center; height: 0.0625rem; background-size: cover; font-size: 2.0625rem; line-height: 0.01rem; color: #000; text-align: center; margin-top: 2rem;}
.case-list{margin-top: 3.75rem;}
.case-list li{float: left; width: 49%; margin-right: 2%; border-bottom: solid 0.0625rem #dadada; margin-bottom: 1rem;}
.case-list li:nth-child(2n){margin-right: 0rem;}
.case-list li em{display: block; font-size: 1.125rem; line-height: 1.125rem; color: #000; margin-top: 0.8125rem;}
.case-list li span{display: block; font-size: 1.1rem; line-height: 1.4375rem; color: #909090; margin: 0.5rem 0rem;}

/*太阳集团tyc4633资讯*/
.news{margin-bottom: 1.875rem;}
.news .title{margin: 1.5rem 0rem 1rem;}
.news .title strong{display: block; font-size: 2.0625rem;line-height: 2.0625rem; color: #000; text-align: center; font-weight: normal;}
.news .title span{display: block; font-size: 1.25rem; line-height: 0.9375rem; color: #bebebe; text-align: center; margin-top: 0.8rem;}
.news-list-btn{ background: #f0f0f0; margin-top:1.5rem; margin-bottom: 0.6875rem;}
.news-list-btn li{float: left; width: 25%;}
.news-list-btn li a h3{display: block; font-size: 1.125rem; line-height: 3.5rem; color: #545454; text-align: center;}
/*.news-list-btn li.on{}*/
.news-list-btn li.on a h3{color: #fff; background: #e58503;}
/*.news-list-btn li:hover{background: #e58503;}
.news-list-btn li:hover a h3{color: #fff;}*/
.news-list-bd{margin-bottom:2.0625rem; }
.news-list-bd ul li{float: left; width: 100%; border-bottom: solid 1px #dadada; line-height: 2.75rem;}
.news-list-bd ul li a{display: block;}
.news-list-bd ul li em{display: inline-block; font-size: 1rem; color: #757575; margin-left: 2%; width: 75%; white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.news-list-bd ul li span{display: inline-block; font-size: 1rem; color: #757575; width: 10%; margin-right: 3%;}
.news-list .more{display: block; width: 50%;  background: #f0f0f0; font-size: 1.0625rem; line-height: 3rem; color: #3d3d3d; text-align: center; border-radius: 10px; margin:0 auto;}
.news-list .more:hover{background: #ff9719; color: #fff;}

/*公共底部*/
.foot{background: #e6e6e6;}
.foot-content{width: 92%; margin-left: 2%; margin-top: 2.0625rem;}
.wechat-fl {width: 56%;}
.wechat-fl p{display: block; font-size: 1.125rem; line-height:1.875rem; color: #515151; margin-top: 1rem; margin-bottom: 1.25rem;}
.wechat-fl img{display: block; width: 20%;}
.wechat-pic img{display: block; width: 80%;}
.address img{display: block; width: 8%;}
.address-info{margin-top: 0.5rem; margin-bottom: 1rem;}
.address-info p{display: block; font-size: 1.125rem; line-height:1.875rem; color: #515151;  }
.address-info p span{display: inline-block;}
.address-info p em{display: inline-block;width: 86%;}
.foot .foot-copy{display: block; width: 96%; margin:0 auto; border-top: solid 1px #c0c0c0;}
.foot .foot-copy p{display: block; font-size: 1.1rem; line-height: 0.9375rem; color: #777; text-align: center; margin-top: 0.75rem; margin-bottom: 1.1875rem;}
.foot .foot-copy p a{color: #777;}

.zw{height: 54px;}
.footer{position: fixed; bottom: 0; width: 100%; height: 54px; line-height: 54px; background: #f19903;}
.footer  .list{border-right:solid 1px #f5ad32;}
.footer .foot-nav-bg{display: inline-block; width: 40%;  height: 54px; line-height: 54px; text-align: center;}
.footer .foot-nav-bg1{background: url(../images/nav-bg1.png) no-repeat center center; background-size:60%;}
.footer .foot-nav-bg2{background: url(../images/nav-bg2.png) no-repeat center center; background-size:60%;}
.footer .foot-nav-bg3{background: url(../images/nav-bg3.png) no-repeat center center; background-size:60%;}
.footer a{display: inline-block; width:60%; font-size:14px; line-height: 54px; color: #fff;}

/*微信弹窗*/
#wxnr {
	width: 100%;
	height: 100%;
	max-width: 640px;
	min-width: 320px;
	position: fixed;
	top: 0;
	z-index: 1000;
	display: none;
	background: rgba(0,0,0,.6);
}
#wxnr .nrdf {
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 22rem;
	    height: 22rem;
    padding: 4rem 0 3rem;
	margin-top: -11rem;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0px 2px 6px #777;
	-webkit-box-shadow: 0px 2px 6px #777;
	-moz-box-shadow: 0px 2px 6px #777;
	border-radius: 10px;
}
#wxnr img {
	display: block;
	margin: 0 auto 0.8rem;
}
#wxnr p {
	display: block;
	font-size: 1.4rem;
	text-align: center;
	color: #666;
	
}
#wxnr i {
	display: block;
	position: absolute;
	top: 1rem;
	right: 1rem;
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1rem;
	line-height: 1.5rem;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background: #333;
	border-radius: 1rem;
	cursor: pointer;
}
#wxnr #btn {
	display: inline-block;
	padding:  0.1rem 0.2rem;
	
	background-color: #f19903;
	color: #fff;
	border-radius: 0.2rem;
	cursor: pointer;
}




/*内页main*/
.ny-main{margin-bottom: 10%;}
.ny-title1{ text-align: center; margin-top: 2.9375rem; padding-bottom: 1.5625rem; border-bottom: solid 1px #dadada;}
.ny-title1 h2{display: block; font-size: 3.75rem; line-height: 2.8125rem; color: #e5e5e5; font-weight: bold; margin-bottom: 0.875rem; text-transform: uppercase;}
.ny-title1 h3{display: block; font-size: 2.1875rem; line-height: 2.1875rem; color: #262525; margin-bottom: 0.75rem;}
.ny-title1 span{display: block; font-size: 1.125rem; line-height: 1.875rem; color: #262525;}
.ny-main-info{margin-top: 1.5625rem; margin-bottom: 1.6875rem;}
.ny-main-info p.text{display: block; font-size: 1.4rem; line-height: 2.1875rem; color: #000;}
.ny-main-info em{display: block; font-size: 2rem; line-height: 2rem; color: #ff9609; font-weight: bold; margin-bottom: 1rem;}
.ny-main-info h3{display: block; font-size: 2.5rem; line-height: 2.5rem; color: #000; text-align: center;}
.ny-main-info b{display: block; font-size: 2rem; line-height: 2rem; color: #2c2c2c; margin-bottom: 1rem;}
/*内页关于我们*/
.about-pic img{display: block; margin-bottom: 1.125rem;}

/*内页新闻*/
.ny-about-title{border-bottom: none; padding-bottom: 0px;}
.news-list-bd ul li{margin-bottom: 1.3%;}
.news-list-bd ul li em{font-size: 1.4rem; color: #232323; margin-left: 0%;}
.news-list-bd ul li span{font-size: 1.1rem; color: #232323; width: 20%;}
.news-list-bd ul li p{display: block; font-size: 1.2rem; line-height: 1.75rem; color: #737373; margin-bottom: 0.75rem;}

/*内页联系我们*/
.ny-contact-title{border-bottom: none; }
.contact-map{margin-bottom: 0.875rem;}
.contact-list ul li{float: left; width: 100%; border-bottom: solid 1px #d7d7d7; }
.contact-list ul li p{display: block; font-size: 1.125rem; line-height: 2.75rem; color: #383838;}
.contact-list ul li p span{ font-family: arial;}
.pay{margin-top: 2.4375rem;}
.pay-title{display: block; font-size: 2.1875rem; line-height: 2.1875rem; color: #262525; text-align: center; margin-bottom: 2.6875rem;}
.pay-content em{display: block; font-size: 1.5625rem; line-height: 1.5625rem; color: 262525; margin-bottom: 1.1875rem;}
.pay-list{margin-bottom: 1rem;}
.pay-list ul li{float: left; width: 100%; margin-bottom: 1px; }
.pay-list ul li em{display: inline-block; width: 22%; background: #3f81a8; font-size: 1.25rem;  line-height: 3.75rem; color: #fff; text-align: center; margin-bottom: 0rem;}
.pay-list ul li span{display: block; width: 78%; background: #93c7e5; font-size: 1.25rem; line-height: 3.75rem; color: #143f59; padding-left: 4%;}
.pay-list ul li span b{font-weight: normal; padding-left: 10%;}
.pay-content  .pay-content-text{display: block; font-size: 1.125rem; line-height: 1.125rem; color: #262525; margin-top: 0.375rem; margin-bottom: 1.5625rem;}
.pay-content-text1 p{display: block; font-size: 1.25rem; line-height: 2.1875rem; color: #474747;}
.pay-content-text2{margin-top:  0.6875rem; margin-bottom: 1.8rem;}

/*内页品牌网站建设*/
.ny-web img{display: block; margin: 0 auto;}
.web-ad{margin-top: 1rem;}
.web-ad-title{margin-bottom: 2rem;}
.web-ad-title em{display: block; font-size: 1.5rem; line-height: 1.5rem; color: #000; margin-bottom: 0.875rem; }
.web-ad-title span{display: block; font-size: 1.125rem; line-height: 1.125rem; color: #000;}
.web-list ul li{float: left; width: 100%; }
.web-list ul li:first-child{margin-bottom: 19px;}
.web-list ul li em{display: inline-block; font-size: 1.875rem; line-height: 2.1875rem; color: #fff; font-weight: bold; background: #ff7f00; width: 10%; text-align: center; /*padding: 0.75rem 0rem;*/ height: 103px; padding-top: 2rem;} 
.web-list ul li p{display: block; width: 90%; font-size: 1.1rem; line-height: 1.4375rem; color: #4c4c4c; background: #ebebeb;  padding: 0.75rem 1rem; height: 103px;}
.web-list ul li:last-child em{background: #717171;}
.web-process h3{display: block; font-size: 2.5rem; line-height: 7.1875rem; color: #000; text-align: center;}
.web-process-list{color: #fff;}
.web-process-list ul li{height: 145px; margin-bottom: 0.875rem;}
.web-process-list ul li strong{display: inline-block; font-size: 3.125rem; margin-left: 1rem;}
.web-process-list ul li .details{width: 60%; margin-left: 5%;}
.web-process-list ul li .details em{display: block; font-size: 1.6rem; line-height: 1.875rem; padding-top: 1.5625rem; margin-bottom: 0.6875rem;}
.web-process-list ul li .details p{display: block; font-size: 1.125rem; line-height: 1.875rem; }
.web-process-list ul li .icon{width: 18%; margin-right: 2%; margin-top: 2.7rem;}

/*内页微信公众平台开发*/

.pagelist {display:inline-block;padding: 3px 0;text-align:left;}
.pagelist a,
.pagelist span {float:left;margin-right:-1px;border: 1px solid #ddd; display: inline-block;padding: 2px 4px;background:#fff;}
.pagelist span.current {background: #FD5300;color: #fff;border: 1px solid #ddd;}
.pagelist .next{margin-top: 0;}
.pagelist a:hover,
.pagelist span:hover {background: #FD5300;color: #fff;}
.pagelist span.rows{color:#343434;background: #fff;}

.ny_page {text-align: center;margin:2px auto;}

.copy-pop {
  width: 154px;
  height: 154px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
  background: #fff;
  border-radius: 15px;
  border: 2px solid #FD5300;
  padding: 24px 0 0;
  display: none;
}
.copy-pop .icons {
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.copy-pop .icons svg path {
  fill: #FD5300;
  opacity: 1;
}
.copy-pop .txt {
  width: 100%;
  color: #000;
  text-align: center;
  margin-top: 14px;
}