@charset "utf-8";
/* Theme Name: GJ-1503
 * Theme URI: http://mutian.wang
 * Version: 1.0
 * Author: Mutian <mutian@me.com>
 * Copyright: chengdekuaiji.com 2015
 */


/*** Resets ***/

/* Browser */
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:700;}
hr{border:0;height:1px;*color:#fff;}
img{border:0;}
ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
input,button,textarea,select{font-size:inherit;*font-size:100%;font-family:inherit;}
em,th{font-style:normal;font-weight:normal;}
a:active,a:focus{outline:0;}

/* HTML5 */
section,article,aside,header,footer,nav,dialog,figure{display:block;margin:0;padding:0;}

/* Basic */
body{background:#fff;color:#333;font:12px/1.8em Optima,'Hiragino Sans GB W3','Microsoft YaHei',Verdana,sans-serif;-webkit-text-size-adjust:none;}
*::-moz-selection{background:#666;color:#fff;}
*::selection{background:#666;color:#fff;}


/*** Components ***/

/* character */
a{color:#eb5447;text-decoration:none;}
a:hover{text-decoration:underline;}
.on a:hover{cursor:default;text-decoration:none;}
.time{white-space:nowrap;}
.char{padding:0 1px;font-family:Arial,Helvetica,sans-serif;}

/* form */
input,
button,
select{vertical-align:middle;}
textarea{overflow:auto;}

.input-button{overflow:visible;height:24px;padding:0 10px;border:1px solid #aaa;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-box-shadow:inset -1px -2px 5px #ddd;-moz-box-shadow:inset -1px -2px 5px #ddd;box-shadow:inset -1px -2px 5px #ddd;background:#fff;color:#333;font-size:12px;line-height:20px;text-align:center;text-shadow:1px 1px 0 #fff;cursor:pointer;}
.input-button:hover,
.input-button:focus{border-color:#909090;-webkit-box-shadow:inset -1px -2px 6px #ccc;-moz-box-shadow:inset -1px -2px 6px #ccc;box-shadow:inset -1px -2px 6px #ccc;}

.input-text,
textarea{height:16px;padding:3px;border:1px solid #bbb;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 1px 2px 4px #ddd;-moz-box-shadow:inset 1px 1px 4px #ddd;box-shadow:inset 1px 1px 4px #ddd;background:#fff;color:#666;font-size:13px;line-height:16px;}
.input-text:hover,
.input-text:focus,
textarea:hover,
textarea:focus{border-color:#999;color:#333;-webkit-box-shadow:inset 1px 1px 4px #ccc;-moz-box-shadow:inset 1px 1px 4px #ccc;box-shadow:inset 1px 1px 4px #ccc;}

.input-button,
.input-text,
textarea{-webkit-transition:border-color 0.1s;-webkit-transition:box-shadow 0.1s;-moz-transition:border-color 0.1s,box-shadow 0.1s;transition:border-color 0.1s,box-shadow 0.1s;}

.input-blank,
.textarea-blank{color:#ccc;}

/* float */
.alignleft{float:left;}
.alignright{float:right;}
.aligncenter{clear:both;float:none;margin:0 auto;}
.alignnone{clear:both;float:none;}

/* clearboth */
.clearboth{clear:both;}

/* clearfix */
.clearfix{zoom:1;}
.clearfix:after{content:'\0020';display:block;clear:both;height:0;}


/*** Page ***/

/** layout **/
.wrap{clear:both;width:960px;margin:0 auto;zoom:1;}
.wrap:after{content:'\0020';display:block;clear:both;height:0;}

#header{border-bottom:1px solid #e9e9e9;}
	#header .wrap{position:relative;height:20px;padding:40px 0 18px;text-align:right;}
	#logo{position:absolute;top:14px;left:7px;background:url(i/logo.png) 50% 50% no-repeat;}
		#logo a{display:block;overflow:hidden;width:460px;height:50px;line-height:100em;}
	#navi{color:#ccc;font-size:14px;line-height:20px;}
		#navi li{display:inline;}
			#navi a{position:relative;margin:0 10px;/*padding:2px;*/color:#555;}
			#navi a:hover{color:#444;}
			#navi .on a{color:#eb5447;font-weight:700;}

#footer{padding:0 0 5px;border-top:1px solid #e9e9e9;color:#666;font:12px/20px 'Microsoft YaHei',Helvetica,Verdana,Geneva,sans-serif;}
	#footer a{color:#666;}
	#copyright{float:left;padding:15px 20px;line-height:18px;}
	#address{float:right;width:300px;padding:15px 0;line-height:20px;}


/** index **/

/* our services */
#serv{height:300px;padding:50px 0 15px;background:url(i/bg.png) 50% 100%;}
	#serv h2,
	#serv a{overflow:hidden;background:url(i/index.png) no-repeat;line-height:100em;}
	#serv h2{height:70px;margin:0 0 20px;background-position:50% 0;}
	#serv li{float:left;width:160px;height:180px;/*padding:0 15px 0 55px;*/padding:0 53px 0 93px;}
		#serv a{display:block;position:relative;width:100%;height:100%;}
		#serv-zc a{background-position:0 -65px;}
		#serv-jz a{background-position:-160px -65px;}
		#serv-sb a{background-position:0 -245px;}
		#serv-kz a{background-position:-160px -245px;}

		#serv a:before,
		#serv a:after{content:'\0020';display:block;display:none\9;position:absolute;border-radius:50%;}
		@media all and (min-width:0) {
			#serv a:before,
			#serv a:after{display:block;}
		}
		#serv a:hover:before{opacity:0.5;top:17px;left:15px;width:116px;height:116px;border:7px solid #fff;}
		#serv a:after{top:15px;left:13px;width:130px;height:130px;border:2px solid;opacity:0;
			-webkit-animation:blip 4s ease-in-out infinite;
			animation:blip 4s ease-in-out infinite;
		}
		#serv-zc a:after{border-color:#ed273f;-webkit-animation-delay:0;animation-delay:0;}
		#serv-jz a:after{border-color:#ff8e2e;-webkit-animation-delay:.5s;animation-delay:.5s;}
		#serv-sb a:after{border-color:#60d91e;-webkit-animation-delay:1s;animation-delay:1s;}
		#serv-kz a:after{border-color:#00b3f1;-webkit-animation-delay:1s;animation-delay:1s;}
		@-webkit-keyframes blip{
			0%{opacity:0.8;-webkit-transform:scale(1);}
			25%{opacity:0;-webkit-transform:scale(1.20);}
			100%{opacity:0;}
		}
		@keyframes blip{
			0%{opacity:0.8;transform:scale(1);}
			25%{opacity:0;transform:scale(1.20);}
			100%{opacity:0;}
		}

/* our advantages */
#adva{height:300px;padding:40px 0 20px;border-top:1px solid #e9e9e9;background:url(i/bg-advantage.jpg) 50%;}
	#adva h2,
	#adva em{overflow:hidden;background:url(i/index.png) no-repeat;line-height:100em;}
	#adva h2{height:70px;margin:0 0 26px;background-position:50% -430px;}
	#adva li{float:left;width:320px;height:200px;color:#bbb;font-size:12px;line-height:18px;text-align:center;}
		#adva em{display:block;width:100px;height:146px;margin:0 auto;}
		#adva-gf em{background-position:0 -500px;}
		#adva-ks em{background-position:-100px -500px;}
		#adva-zy em{background-position:-200px -500px;}

/* our qualification */
#qual{height:340px;padding:40px 0 20px;border-top:1px solid #e9e9e9;}
	#qual h2{overflow:hidden;height:70px;background:url(i/index.png) 50% -650px no-repeat;line-height:100em;}
	#qual li{float:left;}
		#qual li a{display:block;overflow:hidden;width:320px;height:260px;background-position:50% 50%;background-repeat:no-repeat;line-height:100em;}
		#qual-1 a{background-image:url(i/qual-1.jpg);}
		#qual-2 a{background-image:url(i/qual-2.jpg);}
		#qual-3 a{background-image:url(i/qual-3.jpg);}

/** view **/
#view{padding:25px 0;background:url(i/bg.png) 50%;}
	#viewWrap{position:relative;margin:0 10px 0 190px;padding:8px 8px 8px 30px;border:1px solid #e6e6e6;background:url(i/bg-content.png);zoom:1;}
	#viewWrap:after{content:'\0020';display:block;clear:both;height:0;}
		#sidebar{_display:inline;float:left;width:165px;margin:0 0 0 -220px;padding:5px 0 20px 25px;}
			#sidebar h3,
			#sidebar a{overflow:hidden;background:url(i/view.png) no-repeat;}
			#sidebar h3{height:50px;line-height:100em;}
			#sidebar ul{padding:20px 0 10px;}
				#sidebar li{position:relative;z-index:0;width:100%;padding:5px 0;}
					#sidebar a{display:block;height:20px;padding:10px 0 10px 53px;background-position:0 -50px;color:#666;font-size:14px;line-height:20px;}
					#sidebar a:hover{color:#666;}
				#sidebar .on{position:relative;z-index:2;width:190px;font-weight:700;}
			#side-serv{}
				#side-serv a,
				#side-serv a:hover{color:#fff;}
				#side-zc a{background-position:0 -90px;}
				#side-jz a{background-position:0 -130px;}
				#side-sb a{background-position:0 -170px;}
				#side-kz a{background-position:0 -210px;}
		#viewMain{overflow:hidden;position:relative;z-index:1;float:right;width:100%;min-height:600px;background:#fff;}
			#article{padding:25px 50px 40px 55px;}
			.postList .title{color:#333;}
			.postList .time{color:#999;font-size:12px;}

/** content **/

/* post */
.headline{line-height:1.8;text-align:center;}
	.headline .title{display:inline;color:#333;font-size:22px;font-weight:400;}
	.headline .meta{display:inline;color:#999;font-size:12px;}
.content{margin:25px 0 0;color:#444;font-size:14px;line-height:2;zoom:1;}
.content:after{content:'\0020';display:block;clear:both;height:0;}
	.content a:visited{color:#369;}
	.content p{margin:1.4em 0 .2em;}
	.content h3,
	.content h4,
	.content h5,
	.content h6{margin:2em 0 1.4em;font-weight:400;/*text-shadow:1px 1px 1px #fff;*/}
	.content h3{font-size:20px;}
	.content h4{font-size:18px;}
	.content h5{font-size:16px;}
	.content h6{font-size:14px;}
	.content ul{margin:0.2em 0 1.4em 2.5em;list-style:disc outside;}
	.content ol{margin:0.2em 0 1.4em 2.5em;list-style:decimal outside;}
	.content dd{margin-left:1em;}
	.content hr{clear:both;height:1px;margin:7px 0;*margin:0;padding:0;border:0;border-bottom:1px dotted #ccc;line-height:1px;}
	.content blockquote{margin:1.5em 0;padding:0 1em;border:1px solid #ccc;border-width:1px 1px 1px 3px;background:#fcfcfc;}
	.content fieldset{margin-bottom:1.5em 0;}
	.content table{margin-bottom:1.5em 0;background:#fcfcfc;}
	.content caption{margin-bottom:0.5em;text-align:center;}
	.content th,
	.content td{padding:2px 6px;border:1px solid #ccc;}
	.content th{font-weight:bold;}
	.content abbr,
	.content acronym{border-bottom:1px dotted #333;_border:0;cursor:help;} 
	.content em{font-style:italic;}
	.content img.alignright{float:right;margin:0 0 5px 5px;}
	.content img.alignleft{float:left;margin:0 5px 5px 0;}
	.content img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
	.content .byline{display:block;text-align:right;}
	.content .illustration p{margin:0.5em 0;color:#777;line-height:1.8em;}
	.content .more-link{display:block;margin:15px 0 0;}

/* page */
.page .content h2,
.page .content h3{margin:1.2em 0 0.5em;padding:2px 4px;border-bottom:1px dotted #ccc;font-size:14px;line-height:1.6em;}
.page .content small{color:#999;font:11px/1.6em 'Courier New',Arial,PMingLiU,MingLiU,sans-serif;}
.page .content li ul{margin:0 0 0 20px;}

.search .posts{margin-top:10px;}
.search .content #s{width:290px;}
.error404 .content #s{width:250px;}
.error404 .headline{font-size:32px;}

/* comment */
#comment{}
	#comment h3{margin:25px 0;font-size:16px;font-weight:400;/*text-shadow:1px 1px 1px #fff;*/}

#comments{margin:30px 0;}
	.commentList{width:600px;padding:5px 10px;}
		.commentItem{overflow:hidden;width:100%;margin:0 0 20px;zoom:1;}
		.commentItem:after{content:'\0020';display:block;clear:both;height:0;}
			.commentItem p{display:inline;}
			.commentMeta{display:block !important;color:#aaa;}
				.commentMeta a{color:#aaa;}
				.commentMeta .pipe{padding:0 8px;}
				.commentItem .time{color:#aaa;}
				.commentItem .author{color:#666;}
					.commentItem .author a{color:#08b;}
			.commentItem .reply{padding:0 0 0 5px;}
				.commentItem .reply a{color:#666;}
			.commentModeration{color:#c00;}
			.commentItem .children{margin:5px 0 0 2px;padding:0 0 0 12px;border-left:3px solid #d6d6d6;}
				.commentItem .commentItem{margin:0;}
				.commentItem #respond{margin:5px 0 0 2px;padding:5px 0 20px 12px;border-left:3px solid #69c;}
					.commentItem #respond h3{display:none;}

#respond{margin:30px 0;}
	.commentForm{clear:both;padding:2px;}
		.commentForm p{display:block;margin:0 0 10px;}
			.commentForm label{display:block;width:260px;color:#999;}
			.commentForm textarea{width:360px;height:180px;margin-top:10px;}
			.commentForm .input-text{width:250px;}
			.commentForm .input-button{width:125px;padding:0;}
			.commentForm .required{padding:5px;color:#f06;font-size:12px;cursor:help;}

/* navigation */
.navigation{zoom:1;}
.navigation:after{content:'\0020';display:block;clear:both;height:0;}
	.navigation .prev{float:right;}
	.navigation .next{float:left;}

/* pager */
.pager{margin:0 0 15px;color:#777;font:13px/2em Verdana,Geneva,sans-serif;}
.pager a,
.pager span{padding:7px;}
.pager a{color:#08b;}
.pager a:hover{color:#07c;}
.pager-pages{padding:5px 10px 5px 0 !important;}
.pager-current{color:#666;font-weight:700;cursor:default;}