/* Write your styles */

h1,h2,h3,h4,h5,h6{margin: 0;}
p{line-height: 1.75;text-align: justify;}

.am-container,.am-g{max-width: 1600px;margin: 0 auto;}


header{padding-top: 10px;}
.am-topbar-nav > li{border-bottom: 2px solid #fff; margin-left: 0;font-size: 1.8rem;padding: 0 1rem;}
.am-nav-pills > li + li{margin-left: 0;}

.footer, .footer_content p, .footer_content a{ color:#AAA;}

@media (max-width: 1600px) {
	.am-container{max-width: 95%;}
	
}
.am-topbar-nav{float: right;}
.am-topbar{background: none;border: none;position: relative;z-index: 10;}
.am-topbar-nav > li > a::after{border: none;}
.am-topbar img{max-height: 60px}

@media (max-width: 640px) {
	.am-list, .am-topbar{margin-bottom: 0;}
	.am-topbar img{max-height: 45px}
	header{padding-top: 0;padding-bottom: 5px;}
	
}

a{color:#444;}
a:hover{color:#4991E3;}

section{padding: 3rem 0;}

.title{margin: 2rem auto;}

#collapase-nav-1 .am-panel{background: none;border: none;border-bottom: 1px solid #444;margin-bottom: 0;box-shadow: none;}
#collapase-nav-1 .am-list > li{border: none;}
.am-offcanvas-bar{width: 180px;}


#footer-01{background: #28282e;margin-top: 3rem;}
#footer-01 dt{font-size: 1.8rem;color:#ccc;margin-top: 0;}
#footer-01 dd,#footer-01 dd a{line-height: 2; color:#777;}
#footer-01 dd a:hover{color:#ccc;}

#footer-01 .iconfont{float: left; font-size: 3.6rem;color:#999; margin-top: 1rem;margin-right: 2rem;}

footer{background: #000; padding:2rem 0 1rem;}
footer a {color:#777;}

/*内页样式*/

.sub-banner{position: relative;margin: 0;padding: 0;width: 100%;overflow: hidden;}
.sub-banner .info{position: absolute;width: 100%;color:#fff; top:40%;max-width: none;}
.sub-banner h1{font-size: 4.2rem;text-shadow: 0 0 3px #5e5e5e}
.sub-banner h6{font-size: 2rem;line-height: 3;font-weight: normal;}

@media screen and (max-width: 640px) {
	.sub-banner{height: 120px;}
	.sub-banner img{height: 120px;max-width: none;}
	.sub-banner .info{position: absolute;width: 100%;color:#fff; top:35%}
	.sub-banner h1{font-size: 2.4rem;text-align: center;}
	.sub-banner h6{display: none;}
}




/*客户服务*/

.customer-02{background: #f2f2f2;position: relative; height: 550px;overflow-y: hidden; padding: 5rem 0; margin: 3rem 0 0;}
.customer-02 .pic{ width: 450px; height:450px;margin: 0 auto;position: relative; border-radius: 50%;border: 5px solid #0196e9;position: relative;}
.customer-02 .pic img{margin: 0 auto;display: block;position: relative;top:18%;}
.customer-02 .info{position: relative;top:-450px;}

.customer-02 .info .item{margin-top: 40px;}
.customer-02 .info p{font-size: 1.6rem; }

.customer-02 .info span{display: block;width: 150px;height: 150px;border-radius: 50%;
	background: rgba(0,149,229,0.6);font-size: 3.6rem; line-height: 150px;color:#fff;text-align: center; margin: 10px;}

@media screen and (max-width: 1441px) {
	.customer-02{height: auto;overflow-y: hidden; padding: 0;}
	.customer-02 .pic{display: none;}
	.customer-02 .am-fr{float:left;}
	.customer-02 .am-text-right{text-align: left!important;}
	.customer-02 .info{top:0;}
	.customer-02 .info span{width: 80px;height: 80px;font-size: 2rem; line-height: 80px;margin-left: 0;font-weight: bold;}
	.customer-02 .info .item-02 span{background: rgba(255,87,34,0.8);}
	.customer-02 .info .item-03 span{background: rgba(113,188,74,0.8);}
	.customer-02 .info .item-04 span{background: rgba(159,36,176,0.8);}
}



.customer-03 .pic{position: relative;border-right:1px solid #fff;}
.customer-03 .pic .am-img-responsive{width: 100%;}
.customer-03 .info{position: absolute;width: 100%;height: 100%; top:0; color:#fff;cursor: pointer;
	background: -moz-linear-gradient(bottom,  rgba(133,208,187,0.8) 20%, rgba(133,208,187,0.4) 30%, rgba(255,255,255,0) 80%);
	background: -webkit-linear-gradient(bottom,  rgba(133,208,187,0.8) 20%, rgba(133,208,187,0.4) 30%, rgba(255,255,255,0) 80%);
	background: -o-linear-gradient(bottom,  rgba(133,208,187,0.8) 20%, rgba(133,208,187,0.4) 30%, rgba(255,255,255,0) 80%);

	transition:all 1s;
	-moz-transition:all 1s; /* Firefox 4 */
	-webkit-transition:all 1s; /* Safari and Chrome */
	-o-transition:all 1s; /* Opera */
}

.customer-03 .info:hover{

   background: rgba(233,30,99,0.3);

}

.customer-03 .quick{
	background: -moz-linear-gradient(bottom,  rgba(138,188,231,0.8) 20%, rgba(138,188,231,0.4) 40%, rgba(255,255,255,0) 80%);
	background: -webkit-linear-gradient(bottom,  rgba(138,188,231,0.8) 20%, rgba(138,188,231,0.4) 40%, rgba(255,255,255,0) 80%);
	background: -o-linear-gradient(bottom,  rgba(138,188,231,0.8) 20%, rgba(138,188,231,0.4) 40%, rgba(255,255,255,0) 80%);
}




.customer-03 .enthusiasm{
	background: -moz-linear-gradient(bottom, rgba(255,144,70,0.8) 20%, rgba(255,144,70,0.4) 40%, rgba(255,255,255,0) 80%);
	background: -webkit-linear-gradient(bottom, rgba(255,144,70,0.8) 20%, rgba(255,144,70,0.4) 40%, rgba(255,255,255,0) 80%);
	background: -o-linear-gradient(bottom, rgba(255,144,70,0.8) 20%, rgba(255,144,70,0.4) 40%, rgba(255,255,255,0) 80%);

}

.customer-03 .info h3,.customer-03 .info p{position: absolute;left:2rem; text-shadow: 0 0 3px #666}
.customer-03 .info h3{bottom:70px;font-size: 3rem;}
.customer-03 .info p{bottom:10px;font-size: 2rem;width: 90%;line-height: 1.5;}

@media screen and (max-width: 1441px) {
	.customer-03 .info h3{bottom:90px;}
	.customer-03 .pic{margin: 1rem 0;}
}



.customer-04 .am-thumbnail{
	border: none;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);	
	filter: grayscale(100%);	
	filter: gray;
	opacity: 0.5;
	transition: all 1s;
}

.customer-04 .am-thumbnail:hover{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);	
	filter: grayscale(0%);	
	filter: gray;
	opacity: 1

}



/*关于我们*/

.about-us-banner {width: 100%;overflow: hidden;}
.about-us-banner .info{top:20%; left:10%;width: 90% }
.about-us-banner h1,.about-us-banner h6{text-align: left;}
.about-us-banner  h6{line-height: 1.75;}

#about .about-01,#about .about-02,#about .about-03{margin-top: 5rem;margin-bottom: 5rem;}
#about h4{font-size: 2.4rem;font-weight: normal;}
#about h2{font-size: 2.8rem;font-weight: bold;margin-bottom: 3rem;}
#about p{margin-bottom: 3rem;line-height: 2;}

#about .contact{background: #f2f2f2;padding-top: 3rem;}
#about .feedback-btn{background: #348de9;color:#fff;margin-left: -1.5rem;margin-right: -1.5rem;
	font-weight: bold;padding: 1.5rem;font-size: 1.8rem;display: block;position: relative; transition:all 0.3s; }
#about .feedback-btn .iconfont{font-size: 2.4rem;font-weight: normal;}	
#about .feedback-btn span{display: inline-block;width: 4rem;height: 4rem;text-align: center;line-height: 4rem;background: #fff;color:#348de9;
	border-radius: 50%;position: absolute;right:2rem;top:1.5rem;}
#about .feedback-btn:hover{background: #11bc00;}
#about .feedback-btn:hover span{color: #11bc00;}

#about .about-03 img{margin: 0 auto;}
#about .about-03 .logo{margin: 2rem auto; max-width: 50%}
#about .about-03 .am-g{background: #f8f8f8;}

@media screen and (max-width: 640px){
	#about{padding-left: 1.5rem;padding-right: 1.5rem}
	#about h4{font-size: 2.2rem;font-weight: bold;}
	#about h2{font-size: 1.6rem;font-weight: normal;margin-top: 2rem;}
	.about-us-banner  h1{font-size: 2rem;}
	.about-us-banner .info{left:5%;}

	#about .about-01,#about .about-02,#about .about-03{margin-top: 2rem;margin-bottom: 2rem;}
	#about p{margin-bottom: 2rem;line-height: 1.75;}

	#about .about-03 h4{margin-bottom: 3rem;}

}

/*案例*/
#case{padding-top: 5rem;}
#case h6{font-size: 1.6rem;font-weight: normal;color:#999;}
#case h2{font-size: 2.8rem;font-weight: bold;margin-bottom: 2rem;}
/* sorting and filtering */
.sort { display: block; font-family: 'Kite One', Arial, sans-serif; font-size: 1.4em; line-height: 0.9em; color: #444; }
.sort ul { text-align:center;margin-top: 3rem;}
.sort li{display: inline-block;}
.sort li a { margin-right: 4px; padding: 1rem 2rem; text-decoration: none;display: inline-block; border-radius: 1rem;
	background: #f2f2f2;font-size: 1.6rem;}
.sort li a:hover { color: #72c02c; text-decoration: none; }
.sort li a.selected { color: #72c02c;  }


/* portfolio items */
.portfolio { 
	width:100%;
	display: block;
	text-align:left; 
	padding: 20px 0 0 0; 
	margin: 0 0 10px; 
}



.portfolio li a { 
  display: block; 
  -webkit-transition: all 0.35s linear; 
  -moz-transition: all 0.35s linear; 
  -o-transition: all 0.35s linear;
  transition: all 0.35s linear;
}

.portfolio li img{max-width: 100%;border:1.5rem solid #fff;}

.portfolio li h4{margin: 1.5rem;}
.portfolio li p{font-size: 1.4rem;color:#999;margin: 1.5rem;}

/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.breadcrumb{background: #f2f2f2;padding: 0;}
.am-breadcrumb{margin: 0;max-width: 1400px;margin: 0 auto;}

#news .am-btn-default{background: none;color:#999;}
#news input{border-right: none;}
#news .title h2{font-size: 3.2rem;}
#news .title h4{font-size: 2rem; color:#666;text-transform: uppercase;}
#news .title h4 span{color:#999;font-size: 1.6rem;}

#news  .news-list{margin: 2rem; border-bottom: 1px dotted #d8d8d8; padding-bottom: 1rem;}
#news  .news-list img{margin-bottom: 1rem;margin-right: 2rem;}
#news  .news-list span{font-size: 1.2rem; color:#aaa; margin:1rem 0;display: block;}
#news  .news-list p a{font-size: 1.4rem;color:#777;margin: 0;}

@media screen and (min-width: 641px){

	.news-list img{float: left; margin-right: 1rem; max-height: 170px;}
}

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

	#news .news-list  {width: 100%;margin: 0 auto;border-bottom: 1px dotted #d8d8d8; margin-bottom: 2rem;}
	#news .news-list  h3{margin: 0;}
	#news .news-list p{margin: 1rem 0;font-size: 1.4rem;}
	#news .news-list span{color:#999;font-size: 1.2rem;}
	#news .news-list img{max-height: auto;max-width: 100%;}

	#news .info{padding: 0 1rem}
}

#news .last-news .news-list{margin: 0;}
#news .last-news .news-list img{max-width: 40%;}
#news .last-news .news-list h3{font-size: 1.4rem;font-weight: normal;}


/*微网站*/
#mobile .title{padding-top: 5rem;padding-bottom: 3rem;}
#mobile .title h2{font-size: 2.6rem;margin-bottom:1rem;}
#mobile  p{margin: 1rem 0; font-size: 1.4rem; color:#999;}

#mobile #m1{background: #f7f7f7 url(../img/mobile-00.jpg) no-repeat 100% 0%;-webkit-background-size: 50%;
background-size: 50%;}
#mobile #m1 .info{margin: 5rem 0;}
#mobile #m1 span{display: block;width: 10rem;height: 10rem;border-radius: 50%;border: 1px solid #ccc;text-align: center;margin: 0 auto;}
#mobile #m1 .iconfont{font-size: 6rem;color:#7e7e7e;}
#mobile #m1 dd{font-size: 1.4rem; color:#666;margin-top: 1rem;}

#mobile #m2 img{width: 100%}
#mobile #m2 .info{width: 95%;border: 1px solid #e8e8e8;padding: 1.5rem;margin-bottom: 3rem;min-height: 385px;}
#mobile #m2 h3{font-size: 2.4rem; margin:1rem 0;}
#mobile #m2 h5{font-size: 1.6rem;font-weight: normal;margin: 0 0 0.5rem;}

@media screen and (max-width: 640px){
	#mobile{padding:0 1.5rem;}
	#mobile #m1{background: #f7f7f7; margin-left: -1.5rem;margin-right: -1.5rem; }
	#mobile #m1 .info{padding: 3rem 1.5rem;margin: 0;}
	#mobile #m1 .info:nth-of-type(even){background:#218ADD; color:#fff;}
	#mobile #m1 .info:nth-of-type(even) dd{color:#fff;}
	#mobile #m1 span{margin-bottom: 3rem;background: #fff;}
	#mobile #m2 .info{width: 100%;min-height: auto}
}

/*微信代运营*/

#wechat-business-01 .am-u-md-4{min-height: 380px;background: #F2F2F2;text-align: center;}
#wechat-business-01 .am-u-md-4:nth-of-type(2n){background: #258dde;color:#fff;}
#wechat-business-01 .am-u-md-4 p{width: 70%;margin: 2rem auto;text-align: center;}
#wechat-business-01 .iconfont{display: block;width: 15rem;height: 15rem;background: #fff;
	border-radius: 50%;margin: 4rem auto;font-size: 8rem;color:#258dde;line-height: 15rem;}

#wechat-business-02 section{width: 100%;background: url(../img/wechat-business-01.jpg);-webkit-background-size: cover;
background-size: cover;padding: 5rem 0 5rem;margin: 3rem 0 0;}

#wechat-business-02 .info{position: relative;min-height: 590px;	background-image: url(../img/wechat-business-02.jpg);
	float: left;width: 30%;-webkit-background-size: cover;background-size: cover;}

#wechat-business-02 .info:nth-of-type(2){background-image: url(../img/wechat-business-03.jpg);margin: 0 5%;}
#wechat-business-02 .info:nth-of-type(3){background-image: url(../img/wechat-business-04.jpg);}

#wechat-business-02 .sub-info{position: absolute;width: 80%;text-align: center;bottom:3%;left:10%;}

#wechat-business-03 .iconfont{display: block;font-size: 6rem;line-height: 10rem;width: 10rem;height: 10rem;
	border-radius: 1rem;background: #000;color:#fff;margin: 3rem auto 1rem;}

#wechat-business-03 .icon-zimaodian{background: #29b0ff;}
#wechat-business-03 .icon-fenxiao{background: #5bdeab;}
#wechat-business-03 .icon-comiisguangchang{background: #feb11c;}
#wechat-business-03 .icon-team{background: #c49858;}
#wechat-business-03 .icon-wenhua{background: #ff9700;}
#wechat-business-03 .icon-p-photo{background: #ff6a71;}
#wechat-business-03 .icon-weiguanwang{background: #52e2cc;}
#wechat-business-03 .icon-kefu{background: #2dd3fd;}

#wechat-business-04 li{background: #f2f2f2;padding: 3rem;margin: 2rem 0 0;border-right:2rem solid #fff;}
#wechat-business-04 li:nth-of-type(5n){border-right:none;}
#wechat-business-04 li p{margin: 0;font-size: 1.4rem;color:#999;}

#wechat-business-02 h2 span,#wechat-business-03 h2 span,#wechat-business-04 h2 span{font-weight: normal; margin-left: 1rem;}

@media screen and (max-width: 640px) {
	#wechat-business-01,#wechat-business-02 ,#wechat-business-03 ,#wechat-business-04{padding-left: 1.5rem;padding-right: 1.5rem;}
	#wechat-business-01 .am-u-md-4{min-height:auto;}
	#wechat-business-01 .iconfont{margin: 2rem auto;width: 10rem;height: 10rem;line-height: 10rem;font-size: 5rem;}
	#wechat-business-01 .am-u-md-4 p{width: 90%;text-align: left;}
	#wechat-business-02 h2 span,#wechat-business-03 h2 span,#wechat-business-04 h2 span{display: block;}

	#wechat-business-02 h2 span,#wechat-business-03 h2 span,#wechat-business-04 h2 span{margin-left: 0;}
	#wechat-business-02 .info{width: 90%;float: none;margin: 2rem auto;min-height: 350px;}
	#wechat-business-04 li{border-right:none;}
	
}

/*高端网站设计*/

#web-01 .am-u-md-3{background: #f7f7f7;position: relative; min-height: 30rem;}
#web-01 .am-u-md-3 .info{position: absolute;top:40%;text-align: center;width: 100%}
#web-01 .am-u-md-3 p{text-align: center;color:#999;}
#web-01 .am-g:last-of-type .am-u-md-3{float: right;}


#web-02 .editing{background: #e3007b;}
#web-02 .am-u-md-6{position: relative;}
#web-02 .info{position: absolute;color:#fff;top:40%;}
#web-02 .info h3,#web-02 .info h1,#web-02 .info h5{margin: 0;line-height: 1.2;text-transform:uppercase;}
#web-02 .info h3{font-size: 4rem;}
#web-02 .info h1{font-size: 6.2rem; }
#web-02 .info h5{font-size: 3.2rem;opacity: .7;}
#web-02 .editing .info{right:10%;}
#web-02 .sub-info{margin-top: 15%;margin-left: 5%;color:#fff;line-height: 2.5;font-size: 1.8rem;}
#web-02 .sub-info .am-u-md-2{font-weight: bold;text-transform:uppercase;}
#web-02 .codeing{background: #258ddf;}
#web-02 .codeing .info{left:5%;}
#web-01 .codeing .am-u-md-6{float: right;}


#web-03 .info{min-height: 30rem;border: 1px solid #ddd;margin-left: -1px;margin-top: -1px;position: relative; transition:all 0.2s;}
#web-03 dl{margin: 10% 5%;}
#web-03 dt{font-size: 2rem;font-weight: bold;margin-bottom: 1.8rem;}
#web-03 dd{font-size: 1.4rem;line-height: 2;	}
#web-03 .iconfont{position: absolute;top:5%;right:3%; width: 8rem;height: 8rem;line-height: 8rem;border-radius: 50%;
font-size: 4.5rem;border: 1px solid #ddd;text-align: center;color:#999;}

#web-03 .info:hover{background: #03a9f4;color:#fff;}
#web-03 .info:hover .iconfont{color:#03a9f4;background: #fff;}

@media screen and (max-width: 981px) {
	#web-01,#web-02,#web-03{padding-left: 1.5rem;padding-right: 1.5rem;}
	#web-01 .am-u-md-3{ min-height: 18rem;}
	#web-01 .am-u-md-3 p{font-size: 1.4rem;}

	#web-02 .editing .info{left:5%;}
	#web-02 .info h3{font-size: 2.4rem;}
	#web-02 .info h1{font-size: 4.2rem; }
	#web-02 .info h5{font-size: 2rem;}
	
	#web-02 .sub-info{line-height: 1.5;font-size: 1.4rem;margin: 3%;}
	#web-02 .am-u-md-2{width: 100%;font-size: 1.5rem;}
	#web-02 .am-u-md-10{width: 100%;margin-bottom: 1rem;}
}

@media screen and (max-width: 640px) {
	#web-01,#web-02,#web-03{padding-left: 1.5rem;padding-right: 1.5rem;}
	#web-01 .am-u-md-3{ min-height: 20rem;}
	#web-01 .am-g:last-of-type {margin-top: 3rem;}

	#web-02 .info h3{font-size: 2rem;}
	#web-02 .info h1{font-size: 3rem; }
	#web-02 .info h5{font-size: 1.6rem;}

	
	#web-02 .sub-info .am-u-md-10{margin-bottom: 2rem;}
	
	#web-03 .am-u-md-4{min-height: 2rem}
	#web-03 .iconfont{width: 5rem;height: 5rem;line-height: 5rem;font-size: 3rem;}
}

/* 微信服务号*/

#wechat-01 .info,#wechat-02 .info{border: 1px solid #ddd;padding: 1.5rem;}

#wechat-01 .iconfont{display: block;font-size: 12rem;line-height: 1.6;text-align: center;width: 100%;background: #f2f2f2;color:#666;margin-bottom: 2rem;}
#wechat-01 .info p{font-size: 1.4rem;color:#666;margin:1rem 0 0;}

#wechat-02 {background: #f2f2f2;margin: 2rem 0;padding-top: 1.5rem;}
#wechat-02 .info{background: #fff;margin-bottom: 1.5rem;}
#wechat-02 .info h2{margin: 1rem 0;}
#wechat-02 .info h2 small{font-weight: normal;margin-left: 1rem;font-size: 1.4rem;color:#666;}
#wechat-02 .info .iconfont{display: block;border: 1px solid #ddd;width: 7rem;height: 7rem;line-height: 7rem;
	font-size: 4.5rem;color:#ccc;text-align: center;margin: 1rem 0 0; transition:all 0.2s;}
#wechat-02 .info span{font-size: 1.4rem;color:#666}

#wechat-02 .info .iconfont:hover{background: #2e88ed;color:#fff;}

#wechat-03 img{    
	-webkit-filter: grayscale(90%);
    -moz-filter: grayscale(90%);
    -ms-filter: grayscale(90%);
    -o-filter: grayscale(90%);    
    filter: grayscale(90%);	
    filter: gray;opacity: 0.8;
    transition:all 0.2s;
    cursor: pointer;
}

#wechat-03 img:hover{    
	-webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);    
    filter: grayscale(0%);	
    filter: gray;opacity: 1
}

@media screen and (max-width: 640px) {
	#wechat-01 .info,#wechat-02 .info{margin-bottom: 1.5rem;}
	#wechat-02 .info .iconfont{margin-right: 1rem;width: 6rem;height: 6rem;line-height: 6rem;
	font-size: 4rem;}
}

/*企业号*/
#wechat-buiness-01 .am-u-md-4{margin-bottom: 3rem;}
#wechat-buiness-01 .info{border: 1px solid #ddd;}
#wechat-buiness-01 h3{font-size: 2rem;margin-bottom: 1.5rem;}
#wechat-buiness-01 .iconfont{width: 12rem;height: 12rem;line-height: 12rem;text-align: center;margin-right: 1rem;background: #00a8ec;color:#fff;font-size: 9rem;float: left;}
#wechat-buiness-01 .info p{font-size: 1.4rem;margin: 2rem 1rem;}

#wechat-buiness-02 dl{background: #f2f2f2;padding: 2rem;margin-bottom: 3rem;} 

#wechat-buiness-03 .am-u-md-4{position: relative;}
#wechat-buiness-03 .iconfont{position: absolute;top:-2rem;right:2rem;font-size: 4rem;color:#00a8ec;}
#wechat-buiness-03 dl{border: 1px solid #ddd;padding: 2rem;}
#wechat-buiness-03 dd{font-size: 1.4rem;}


@media screen and (max-width: 640px) {
	#wechat-buiness-01 .iconfont{}
	#wechat-buiness-01 .info p{margin: 1rem;}

}