.banner{position:relative;width:100%;height:auto;overflow:hidden;margin-top:120px;background-size:100% auto;background-repeat:no-repeat;background-position:left 120px;background-attachment:fixed;}
.banner .bannerBg{ visibility:hidden;width:100%;height:auto;vertical-align:middle;}
.banner .bannerInfo{position:absolute;top:50%;left:0px;width:100%;height:220px;margin-top:-110px;text-align:center;color:#fff;}
.banner .bannerInfo .title{font-family:'MyriadPro-Bold_0';font-size:55px;line-height:60px;}
.banner .bannerInfo .titleCh{position:relative;top:20px;border:3px solid #fff;padding:6px 24px 8px 24px;font-size:27px;font-weight:bold;color:#fff;text-align:center;}



.main{padding:0px 0px 10px 0px;text-align:center;background:#fff;}
.main .mainNav{padding:30px 0;text-align:center;}
.main .mainNav .child{cursor:pointer;position:relative;color:#808080;font-size:16px;text-align:center;width:222px;height:46px;line-height:46px;border:2px solid #B9B8B8;margin:0 8px;display:inline-block;*display:inline;*zoom:1;}
.main .mainNav .child.on{background:#e60012;border:2px solid #e60012;color:#fff;}
.main .mainNav .child.childList{text-align:left;background-image:url(../images/navPointer.png);background-position:186px center;background-repeat:no-repeat;}
.main .mainNav .child.childList span{margin-left:18px;}
.main .mainNav .child.childList ul{display:none;background:#fff;position:absolute;top:46px;left:-2px;border:2px solid #B9B8B8;z-index:2;}
.main .mainNav .child.childList ul li{color:#808080;padding-left:18px;width:204px;height:46px;line-height:46px;}
.main .mainNav .child.childList ul li:hover{background:#eee;}
.main .content{width:100%;height:auto;width:100%;}
.main .content:after{content: "020"; display: block; height: 0; clear: both;visibility:hidden;}
.main .content .child{position:relative;float:left;width:20%;}
.main .content .child .childImg{width:100%;height:auto; vertical-align:middle;}
.main .content .child .childHide{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#df1020;}
.main .content .child .childPointer{position:absolute;bottom:17px;right:20px;width:71px;}
.main .content .child .childTag{letter-spacing:0.1em;font-weight:100;font-stretch:condensed;padding:6%;position:absolute;top:0px;left:0px;width:88%;*width:60%;font-size:24px;font-family:'MyriadPro-LightCond';font-size:24px;color:#fff;text-align:left;}
.main .content .child .childTag .childSub{width:21px;height:2px;background:#fff;margin:10px 0px;}
.main .content .child .childContent{position:absolute;top:50%;left:0px;height:54px;width:100%;margin-top:-27px;}
.main .content .child .childContent .title{width:50%;font-size:21px;color:#fff;margin:0 auto;}
.main .content .child .childContent .info{color:#fff;font-size:16px;margin-top:10px;}
.main .linkBtn{margin:80px auto 0px auto;}

@media  (max-width: 479px) {

.banner{margin-top:74px;background-position:center 74px; background-size:auto 230px;}
.banner .bannerBg{/*height:230px;*/ height:auto;}
.banner .bannerInfo{height:80px;margin-top:-40px;}
.banner .bannerInfo .title{font-size:20px;line-height:20px;}
.banner .bannerInfo .titleCh{width:auto;font-size:14px;padding:1px 4px 3px 4px;border:1px solid #fff;top:12px;}


.main{padding:0 0 20px 0px;}
.main .mainNav{padding:20px 0;}
.main .mainNav .child{font-size:12px;width:140px;height:34px;line-height:34px;margin:0 4px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList{background-position:114px center;margin-top:10px;}
.main .mainNav .child.childList span{margin-left:12px;}
.main .mainNav .child.childList ul{top:34px;left:-1px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList ul li{padding-left:12px;width:127px;height:34px;line-height:34px;}
.main .content .child{width:50%;}
.main .content .child .childPointer{width:40px;bottom:10px;right:12px;}
.main .content .child .childTag{font-size:12px;}
.main .content .child .childTag .childSub{margin:3px 0;}
.main .content .child .childContent .title{font-size:14px;}
.main .content .child .childContent .info{display:none;}
.main .linkBtn{margin:20px auto 0px auto;}

}

@media (min-width: 480px) and (max-width: 639px) {
.banner{margin-top:74px;background-position:center 74px; background-size:auto 340px;}
.banner .bannerBg{/*height:340px;*/ height:auto;}
.banner .bannerInfo{height:120px;margin-top:-60px;}
.banner .bannerInfo .title{font-size:30px;line-height:30px;}
.banner .bannerInfo .titleCh{width:auto;font-size:20px;padding:2px 6px 5px 6px;border:1px solid #B9B8B8;top:16px;}


.main{padding:0 0 30px 0px;}
.main .mainNav{padding:20px 0;}
.main .mainNav .child{font-size:16px;width:210px;height:50px;line-height:50px;margin:0 6px;border-width:1px;}
.main .mainNav .child.childList{background-position:170px center;margin-top:15px;}
.main .mainNav .child.childList span{margin-left:18px;}
.main .mainNav .child.childList ul{top:50px;left:-1px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList ul li{padding-left:18px;width:192px;height:50px;line-height:50px;}
.main .content .child{width:50%;}
.main .content .child .childPointer{width:40px;bottom:10px;right:12px;}
.main .content .child .childTag{font-size:12px;}
.main .content .child .childTag .childSub{margin:3px 0;}
.main .content .child .childContent .title{font-size:14px;}
.main .content .child .childContent .info{display:none;}
.main .linkBtn{margin:30px auto 0px auto;}

}

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

.banner{margin-top:74px;background-position:center 74px; background-size:auto 450px;}
.banner .bannerBg{/*height:450px;*/ height:auto;}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:40px;line-height:40px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;width:auto;font-size:26px;padding:2px 10px 6px 10px;border:2px solid #fff;}


.main{padding:0 0 20px 0px;}
.main .mainNav{padding:20px 0;}
.main .mainNav .child{font-size:12px;width:140px;height:34px;line-height:34px;margin:0 4px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList{background-position:114px center;}
.main .mainNav .child.childList span{margin-left:12px;}
.main .mainNav .child.childList ul{top:34px;left:-1px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList ul li{padding-left:12px;width:127px;height:34px;line-height:34px;}
.main .content{width:100%;height:auto;width:100%;}
.main .content .child{width:50%;}
.main .content .child .childContent .info{display:none;}
.main .linkBtn{margin:40px auto 0px auto;}

}

@media (min-width: 1024px) and (max-width:1199px ) {

.banner{margin-top:68px;background-position:left 68px;background-size: auto 300px;}
.banner .bannerBg{height: 300px;}
.banner .bannerInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .bannerInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:46px;line-height:48px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;border:3px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}

.main{padding:0px 0px 10px 0px;}
.main .mainNav{padding:30px 0;}
.main .mainNav .child{font-size:12px;width:156px;height:33px;line-height:33px;margin:0 5px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList{background-position:131px center;}
.main .mainNav .child.childList span{margin-left:12px;}
.main .mainNav .child.childList ul{top:33px;left:-1px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList ul li{padding-left:12px;width:143px;height:33px;line-height:33px;}
.main .content .child .childPointer{bottom:10px;right:13px;width:44px;}
.main .content .child .childTag{font-size:15px;}
.main .content .child .childTag .childSub{width:13px;height:2px;margin:6px 0px;}
.main .content .child .childContent{height:33px;margin-top:-30px;}
.main .content .child .childContent .title{font-size:13px;}
.main .content .child .childContent .info{font-size:12px;margin-top:5px;}
.main .linkBtn{margin:66px auto 0px auto;}

}

@media (min-width: 1200px) and (max-width:1439px ) {

.banner{margin-top:68px;background-position:left 68px;}
.banner .bannerInfo{transform-origin:center;-moz-transform-origin:center;-ms-transform-origin:center;-o-transform-origin:center;-webkit-transform-origin:center;}
.banner .bannerInfo{transform:scale(0.83);-moz-transform:scale(0.83);-ms-transform:scale(0.83);-o-transform:scale(0.83);-webkit-transform:scale(0.83);}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:46px;line-height:48px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;border:3px solid #fff;padding:5px 18px 6px 18px;font-size:20px;}
.main{padding:0px 0px 10px 0px;}
.main .mainNav{padding:30px 0;}
.main .mainNav .child{font-size:12px;width:156px;height:33px;line-height:33px;margin:0 5px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList{background-position:131px center;}
.main .mainNav .child.childList span{margin-left:12px;}
.main .mainNav .child.childList ul{top:33px;left:-1px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList ul li{padding-left:12px;width:143px;height:33px;line-height:33px;}
.main .content .child .childPointer{bottom:10px;right:13px;width:44px;}
.main .content .child .childTag{font-size:15px;}
.main .content .child .childTag .childSub{width:13px;height:2px;margin:6px 0px;}
.main .content .child .childContent{height:33px;margin-top:-30px;}
.main .content .child .childContent .title{font-size:13px;}
.main .content .child .childContent .info{font-size:12px;margin-top:5px;}
.main .linkBtn{margin:66px auto 0px auto;}
}

@media (min-width: 1440px) and (max-width:1920px ) {

.banner{margin-top:82px;background-position:left 82px;}
.banner .bannerInfo{height:160px;margin-top:-80px;}
.banner .bannerInfo .title{font-size:46px;line-height:48px;}
.banner .bannerInfo .titleCh{position:relative;top:16px;border:3px solid #fff;padding:5px 18px 6px 18px;font-size:24px;}



.main{padding:0px 0px 10px 0px;}
.main .mainNav{padding:60px 0;}
.main .mainNav .child{font-size:14px;width:188px;height:40px;line-height:40px;margin:0 6px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList{background-position:158px center;}
.main .mainNav .child.childList span{margin-left:15px;}
.main .mainNav .child.childList ul{top:40px;left:-1px;border:1px solid #B9B8B8;}
.main .mainNav .child.childList ul li{padding-left:15px;width:173px;height:40px;line-height:40px;}
.main .content .child .childPointer{bottom:13px;right:16px;width:54px;}
.main .content .child .childTag{font-size:18px;}
.main .content .child .childTag .childSub{width:16px;height:2px;margin:8px 0px;}
.main .content .child .childContent{height:40px;margin-top:-20px;}
.main .content .child .childContent .title{font-size:16px;}
.main .content .child .childContent .info{font-size:12px;margin-top:6px;}
.main .linkBtn{margin:80px auto 0px auto;}

}




#service0{ width: 100%; background: #fff; padding:0;}
.servicelist{ padding:60px 8% 0;}

@media (max-width:1024px){
.servicelist{ padding:40px 8% 0;}
	}

@media (max-width:768px){
.servicelist{ padding:30px 8% 0;}
	}

@media (max-width:667px){
.servicelist{ padding:20px 8% 0;}
	}

@media (max-width:568px){
.servicelist{ padding:10px 1% 0;}
	}


ul.notes{ zoom:1; text-align:center;}
ul.notes:after{ display:block; content:""; clear:both;}
ul.notes li { display:inline-block;	width:9.5em;}

ul.notes li:last-child {margin:0;}
ul.notes li span.skill {display:block;	text-align:center;	padding: 10px 0 20px;	text-shadow: 1px 0 0 #FFFFFF;	color:#595757;	font-size:14px;}

.notesite {	display: inline-block;	position:relative;	width:1.5em;height:1.5em;	font-size: 5.4em;	cursor:default;}
.notes .css1 .notes .css2{ overflow:hidden;}

.notes .css2 #note_0 {background:url(../images/a1.png) top center no-repeat;}
.notes .css2 #note_1 {background:url(../images/a2.png) top center no-repeat;}
.notes .css2 #note_2 {background:url(../images/a3.png) top center no-repeat;}
.notes .css2 #note_3 {background:url(../images/a4.png) top center no-repeat;}
.notes .css2 #note_4 {background:url(../images/a5.png) top center no-repeat;}
.notes .css2 #note_5 {background:url(../images/a6.png) top center no-repeat;}
.notes .css2 #note_6 {background:url(../images/a7.png) top center no-repeat;}

.notes .css1 #note_0 {background:url(../images/a1o.png) top center no-repeat; overflow:hidden;}
.notes .css1 #note_1 {background:url(../images/a2o.png) top center no-repeat; overflow:hidden;}
.notes .css1 #note_2 {background:url(../images/a3o.png) top center no-repeat; overflow:hidden;}
.notes .css1 #note_3 {background:url(../images/a4o.png) top center no-repeat; overflow:hidden;}
.notes .css1 #note_4 {background:url(../images/a5o.png) top center no-repeat; overflow:hidden;}
.notes .css1 #note_5 {background:url(../images/a6o.png) top center no-repeat; overflow:hidden;}
.notes .css1 #note_6 {background:url(../images/a7o.png) top center no-repeat; overflow:hidden;}

.notes .css2 #note_11 {background:url(../images/a11.png) top center no-repeat;}
.notes .css2 #note_12 {background:url(../images/a12.png) top center no-repeat;}
.notes .css2 #note_13 {background:url(../images/a13.png) top center no-repeat;}

.notes .css1 #note_11 {background:url(../images/a11o.png) top center no-repeat; overflow:hidden;}
.notes .css1 #note_12 {background:url(../images/a12o.png) top center no-repeat; overflow:hidden;}
.notes .css1 #note_13 {background:url(../images/a13o.png) top center no-repeat; overflow:hidden;}


ul.networklist li{ width:18em; vertical-align:top; }
ul.networklist li .notesite{ height:116px;}
ul.networklist li span.skill{ color:#231815; font-size:16px; line-height:28px;}




/*ul.notes{ zoom:1; text-align:center;}
ul.notes:after{ display:block; content:""; clear:both;}
ul.notes li { display:inline-block;	width:9.5em;}

ul.notes li:last-child {margin:0;}
ul.notes li span.skill {display:block;	text-align:center;	padding: 10px 0 20px;	text-shadow: 1px 0 0 #FFFFFF;	color:#595757;	font-size:14px;}

.notesite {	display: inline-block;	position:relative;	width:1.4em;height:1.4em;	font-size: 5.4em;	cursor:default;}
.notesite > .percent {position: absolute;top: 20px;	left: 0;width:100%;	font-size:25px;	text-align:center;	z-index:2;}
.notesite > .percent .dec {	font-size:15px;}
.notesite > #slice {position:absolute;	width:1.5em;height:1.5em;clip:rect(0px,1.4em,1.4em,0.7em);}
.notesite > #slice.gt50 {clip:rect(auto, auto, auto, auto);}
.notesite > #slice > .pie {	position:absolute;	border: 0.03em solid #444;
	width:1.4em; 	height:1.4em;
	clip:rect(0em,0.7em,1.4em,0em);
	-moz-border-radius:0.7em;
	-webkit-border-radius:0.7em; 
	border-radius:0.7em;}


li.css .notesite > #slice > .pie {	border-color:#b01f24;}

.notesite > #slice > .pie.fill {
	-moz-transform:rotate(180deg) !important;
	-webkit-transform:rotate(180deg) !important;
	-o-transform:rotate(180deg) !important;
	transform:rotate(180deg) !important;
}

.notesite.fill > .percent {	display: none;}
.notesite:after {content:'';display:block;	position:absolute;	top:0.1em;	left:0.1em;	width:0.8em; height:0.8em;
	-moz-border-radius:0.5em;
	-webkit-border-radius:0.5em; 
	border-radius:0.5em;
	z-index:1;}

.notesite:before {content:'';	display:block;	position:absolute;	width:1.5em;height:1.5em;
	-moz-border-radius:0.7em;
	-webkit-border-radius:0.7em; 
	border-radius:0.7em;zoom: 1;z-index:0;}


li.css2 #note_0:before {background:url(../images/a1.png) center center no-repeat;}
li.css2 #note_1:before {background:url(../images/a2.png) center center no-repeat;}
li.css2 #note_2:before {background:url(../images/a3.png) center center no-repeat;}
li.css2 #note_3:before {background:url(../images/a4.png) center center no-repeat;}
li.css2 #note_4:before {background:url(../images/a5.png) center center no-repeat;}
li.css2 #note_5:before {background:url(../images/a6.png) center center no-repeat;}
li.css2 #note_6:before {background:url(../images/a7.png) center center no-repeat;}


li.css1 #note_0:before {background:url(../images/a1o.png) center center no-repeat; overflow:hidden;}
li.css1 #note_1:before {background:url(../images/a2o.png) center center no-repeat; overflow:hidden;}
li.css1 #note_2:before {background:url(../images/a3o.png) center center no-repeat; overflow:hidden;}
li.css1 #note_3:before {background:url(../images/a4o.png) center center no-repeat; overflow:hidden;}
li.css1 #note_4:before {background:url(../images/a5o.png) center center no-repeat; overflow:hidden;}
li.css1 #note_5:before {background:url(../images/a6o.png) center center no-repeat; overflow:hidden;}
li.css1 #note_6:before {background:url(../images/a7o.png) center center no-repeat; overflow:hidden;}
*/