@charset 'UTF-8';
/* Design By Gkmk Copyright 2014 UED Interaction */

/*reset.css*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
/* typography.css */
html { font-size:62.5%;}
body {font-family:"microsoft yahei",arial,tahoma,"\5b8b\4f53", sans-serif; font-size: 14px; line-height: 1.428571429; background:#ffffff;z-index:0;position:relative;}
h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;margin-bottom:1.5em;}
h6 {font-size:1em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

a:hover {text-decoration:underline;}
a {color:#dd4250;text-decoration:underline;outline:none;}

::-moz-selection{ /*����Firefox*/ 
background:#dd4250; 
color:#fff; 
} 

::selection { 
background:#dd4250; 
color:#fff; 
} 

/*clear float*/
.clearfix:after {font-size:0;line-height:0;content: "\020";display: block;height: 0;clear: both;}
.clearfix {zoom: 1;}

/*global*/
.header-warp,.service-warp,.banner-warp,.case-warp,.contact-warp,.comment-warp,.client-warp,.footer-warp,.about-warp{position:relative; min-width:980px; width:100%; background:#ffffff;}
.Container{margin-right:auto;  margin-left:auto; padding-left:10px; padding-right:10px; min-width:960px; max-width:1180px;}
.pos-rel{position:relative;}
.bg-gray{background:#f8f8f8;}
.bg-red{background:#dd4250;}
.padding60{padding-top:60px;padding-bottom:20px;}
.c-red{color:#dd4250;}
.c-black{color:#121212;}
.fright{float:right; text-align:right;}
/*layout*/
.header-warp{height:90px;border-bottom:1px solid #ddd; }
.header{position:fixed; z-index:1000; width:100%; padding:20px 0;  box-shadow:0 0 1px #ddd; height:50px; background:#ffffff;}
.header h1{margin:0; padding:0; float:left; width:206px; height:50px;}
.header h1 a.logo{display:block; opacity:1; text-indent:-9999px; width:100%; height:100%; background-image:url(../images/logo.png); background-repeat:no-repeat;background-position:center center; background-size:cover;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.header h1 a:hover.logo{opacity:0.78;}

.contact-group{float:right;}
.contact-group li{float:left; margin:5px 0 5px 20px;}

.navlist{display:block; float:right; }
.navlist ul li{float:left; padding:0 25px 0 15px; height:50px; line-height:50px; font-size:16px; background:url(../images/line_1.gif) no-repeat right center;}
.navlist ul li:last-child{background:none;}
.navlist ul li a{color:#888; text-decoration:none; transition: color 0.3s linear 0s;}
.navlist ul li a:hover{color:#dd4250;}
.navlist ul li.current-menu-item a{color:#dd4250; font-weight:600;}

/*animate btns*/
.animate-btn a{
	display:block;
	text-indent:-9999px;
	width:40px;
	height:40px;
	border-radius:50%;
	box-shadow: 0 0 0 1px rgba(136,136,136,1); 
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.animate-btn a:hover{	
	background-color: rgba(221,66,80,1);
	color: #fff;
	box-shadow: 0 0 0 3px rgba(221,66,80,0.3);
}

.animate-btn a.qq{background:url(../images/icons_40.png) no-repeat 0px 0px; box-shadow: 0 0 0 1px rgba(221,66,80,1); }
.animate-btn a:hover.qq{background:url(../images/icons_40.png) #dd4250 no-repeat 0px -40px;box-shadow: 0 0 0 3px rgba(221,66,80,0.3);}

.animate-btn a.mail{background:url(../images/icons_40.png) no-repeat 0px -80px; }
.animate-btn a:hover.mail{background:url(../images/icons_40.png) #dd4250 no-repeat 0px -120px;}

.animate-btn a.all{background:url(../images/icons_40.png) no-repeat 0px -160px;}
.animate-btn a.all:hover{background:url(../images/icons_40.png) #dd4250 no-repeat 0px -200px;}

/*animate btns*/
/*banner img*/
#banner{min-width:980px; display:none;}
#banner .sub_1_1{ display:block; position:absolute;left:50%; top:0px; margin-left:-254px;}
#banner .sub_1_2{ display:block; position:absolute;left:0; bottom:0px; width:100%; text-align:center; font-size:36px; line-height:50px; color:#fff;}
#banner .sub_1_2 span{display:block; font-size:24px; line-height:30px;}

#banner .sub_2_1{ display:block; position:absolute;left:-50%; margin-left:-545px; top:160px;}
#banner .sub_2_1 h1{font-size:44px; font-weight:100; color:#565656; line-height:120%; }
#banner .sub_2_1 h2{font-size:30px; font-weight:100; color:#565656; line-height:110%; }
#banner .sub_2_2{ display:block; position:absolute;bottom:-100px; left:50%;margin-left:-545px;}
#banner .sub_2_2 a{display:block; width:180px; text-align:center;}

#banner .sub_3_1{ display:block; position:absolute;left:-50%; bottom:260px;margin-left:-500px;}
#banner .sub_3_1 h1{font-size:40px; font-weight:100; color:#ffffff; line-height:120%; }
#banner .sub_3_1 h2{font-size:22px; font-weight:100; color:#cccccc; line-height:110%; }
#banner .sub_3_1 a{display:block; margin:60px 0 0; width:180px; text-align:center;}
#banner .sub_3_2{ display:block; position:absolute;right:-50%; bottom:0px;margin-right:-500px;}
/*banner img*/
.service-warp{border-top:1px solid #ddd;}
.Sbox{float:left; width:33.33%; height:134px; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;border-left:1px solid #ddd; background-image:url(../images/arr.png); background-repeat:no-repeat;background-position:87% 63%;-webkit-transition: background-position 0.3s;-moz-transition: background-position 0.3s;transition: background-position 0.3s;}
.Sbox:hover{background-position:90% 63%;}
.Sbox:nth-child(3n){ border-right:1px solid #ddd; }
.Sbox a{display:block; height:100px; margin:17px; padding:0 17px 0 117px; text-decoration:none; }
.Sbox a p{margin:0; padding:23px 0 0 0; font-size:14px; height:22px; line-height:22px; color:#888;}
.Sbox a h3{margin:0; padding:0 0 23px 0; font-size:28px; height:32px; line-height:36px; color:#121212; font-weight:100; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;transition: background 0.3s, color 0.3s, box-shadow 0.3s;}
.Sbox a:hover h3{ color:#dd4250;} 
.Sbox a:hover p{color:#ccc;}

.Sbox a.des{background:url(../images/icons_service.png) no-repeat 0px 0px;}
.Sbox a.del{background:url(../images/icons_service.png) no-repeat 0px -100px;}
.Sbox a.mar{background:url(../images/icons_service.png) no-repeat 0px -200px;}

.Title-group{padding:0 0 40px 0; overflow:hidden; text-align:center;}
.Title-group h2{margin:0; font-size:26px; font-weight:100; line-height:40px; height:40px; padding:5px 0; text-align:center; color:#ccc;}
.Title-group h2 span{display:inline-block; padding:0;}
.Title-group p{font-size:16px; line-height:30px; color:#888;}
.Title-group .animate-btn{float:right;}
.Title-group .animate-btn a{margin:5px;}

.case-warp{border-bottom:1px solid #ddd;}
.case-list{margin-left:-0.8333%; margin-right:-0.8333%; overflow:hidden; }
.case-list li,.case-list article{float:left;width:23.3333%; margin:0.8333%; background:#fff;}
.citem a{position:relative; display:block; text-decoration:none;}
.citem a span{display:block; position:absolute;left:0; top:0; width:100%;height:100%; background-color: rgba(255,255,255,0); background-position:top center;background-repeat:no-repeat;-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;}
.citem a img{display:block; width:100%; height:64.2857%;}
.citem a:hover span{display:block; position:absolute;left:0; top:0; width:100%;height:100%;background-color:#fff; background-color: rgba(255,255,255,0.87); background-image:url(../images/see_bg.png);background-repeat:no-repeat; background-position:center center;}

.citemtxt{padding:3.571429% 7.1429%; }
.citemtxt a{text-decoration:none;-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;}
.citemtxt a h4{margin:0; padding:0; font-weight:100; color:#333; font-size:16px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.citemtxt a:hover h4{color:#dd4250;}
.citemtxt p{overflow:hidden; text-align:right; font-size:12px; line-height:20px; color:#999;}
.citemtxt p span{float:left; width:auto; text-align:left; width:50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.citemtxt p span a{color:#dd4250;}
.citemtxt p a{display:inline-block;color:#999;}

.contact-indexbg{background-image:url(../images/cbg.jpg); background-repeat:no-repeat; background-position:left center; background-size:cover;Background-attachment:fixed;}
.contact-txt{float:left; padding:7px 0;}
.contact-txt h3{margin:0;padding:0; font-size:26px; height:60px; line-height:40px; font-weight:100;}
.contact-btn1{box-shadow: 0 0 0 1px rgba(221,66,80,0); 
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;}
.contact-btn1,.contact-btn1:hover{height:40px; line-height:40px; display:inline-block; padding:0 40px; font-size:20px; color:#fff; text-decoration:none; background:#dd4250; background-color:rgba(221,66,80,0.87);border-radius:40px; }
.contact-btn1:hover{background-color:rgba(221,66,80,1); box-shadow: 0 0 0 4px rgba(221,66,80,0.3)}

.good-item{float:right;}
.good-item .gbox{float:left; width:84px; height:74px; padding:20px 10px; background:url(../images/b_border.png) no-repeat center; margin-left:20px; text-align:center;}
.good-item .gbox span{display:block; font-size:40px; line-height:50px; color:#dd4250; font-weight:600;}
.good-item .gbox em{display:block;font-size:11px; line-height:12px; color:#666;}

.comm-list{text-align:center;}
.comm-img{margin:0 0 40px 0;}
.comm-img img{display:block; margin:0 auto;}
.comm-txt p{margin:0 auto; font-size:18px; line-height:36px; color:#666; font-style:italic; width:680px;}
.comm-name{text-align:center; margin:40px 0 0 0; font-size:18px; line-height:30px; color:#333;}

.client-comments {margin:0 auto; position: relative; width:960px; height:360px; }
.client-comments img{display:block; margin:0 auto;}
/*num style*/
.client-comments .num {overflow:hidden; height:10px;padding:20px 0; text-align:center; }
.client-comments .num li {display:inline-block; width:10px; height:10px;line-height:10px; text-align:center; background:#ccc; margin:0 4px; border-radius:50%;cursor:pointer;}
.client-comments .num li a{display:block; }
.client-comments .num li.on { background:#dd4250; } /*��ǰ��*/
/*prev  next*/
.client-comments .prev,
.client-comments .next { display: none; width: 40px; height: 100px; background: url(../images/arr_1.png) no-repeat; position: absolute; top: 115px;}
.client-comments .prev { left: -40px; }
.client-comments .next { right: -40px; background-position: right }	

.clients-list li{float:left; width:20%; height:50px; margin:10px 0;}
.clients-list li img{display:block; margin:0 auto;}

.footer-warp{position:relative; z-index:-2; height:82px; margin-bottom:-20px;background:url(../images/bs-docs-masthead-pattern.png) #efefef repeat; Background-attachment:fixed;}
.footer-warp .footfixed{position:fixed; z-index:-1;left:0; bottom:0; width:100%;  border-top:2px solid #ddd; padding:20px 0; height:40px; z-index:200;  background:url(../images/logo_f.png) no-repeat center;}
.c-txt{float:left; font-size:13px; line-height:25px; color:#666;}
.c-txt span{display:block; font-size:12px; line-height:15px; color:#999;}
.c-way{float:right; color:#ddd;}
.c-way a{display:inline-block; padding:0 0 0 26px; margin:9px 10px; font-size:16px; height:22px; line-height:22px; color:#888;text-decoration:none;
-webkit-transition: background 0.2s, color 0.3s ;
-moz-transition: background 0.2s, color 0.3s ;
transition: background 0.2s, color 0.3s ;
}
.c-way a.qq{background:url(../images/icons_contact_f.png) no-repeat 0px 0px;}
.c-way a:hover.qq{background:url(../images/icons_contact_f.png) no-repeat 0px -22px; color:#dd4250;}
.c-way a.mail{background:url(../images/icons_contact_f.png) no-repeat 0px -44px;}
.c-way a:hover.mail{background:url(../images/icons_contact_f.png) no-repeat 0px -66px; color:#dd4250; }

.csort{height:84px; border-bottom:1px solid #ddd;}
.case-sort{z-index:999; overflow:hidden; width:100%; padding:20px 0;height:44px; background:#f4f4f4; box-shadow:0 0 3px #ddd;}
.case-sort ul{margin:0 auto; height:44px; width:744px; background:url(../images/sort_bg.png) #fff no-repeat; }
.case-sort ul li{float:left;}
.case-sort ul li a{display:block;  color:#888888;  border:1px solid #ddd; background:rgba(50,50,50,0); width:186px; height:44px; padding:0 0 0 75px; line-height:44px; font-size:16px; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-decoration:none;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.case-sort ul li a:hover{background:rgba(50,50,50,0.08); color:#333;}
.case-sort ul li.current-cat a{padding:0; text-align:center;background:#f8f8f8; color:#DD4250; font-weight:600;}


.c-redbox{text-align:center; display:block; font-size:2em; color:#dd4250;}

.more-loading {
    background-color: #dd4250;
    background-image: url("../images/more.gif");
    background-position: 50% 10px;
    background-repeat: no-repeat;
    border-radius: 4px;    
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    width: 100px;
}

.case-sort h3{margin:0; padding:0;width:100%; height:44px; line-height:44px; font-size:30px; font-weight:100; color:#333; text-align:center;}
.case-sort h4{margin:0; padding:0;width:100%; height:44px; line-height:44px; font-size:30px; font-weight:100; color:#333;}
.case-sort h4 span{color:#dd4250;}
.sbtngroup{position:absolute;right:10px; top:0px;}
.sbtngroup a{display:block; float:left; text-indent:-9999px; width:44px; height:44px; border:1px solid #ddd; background-color:#fff; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-decoration:none;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.sbtngroup a:hover{background-color:#f8f8f8;}

.sbtngroup a.all{background-image:url(../images/sbtn_bg.png); background-position:0px 0px;}
.sbtngroup a:hover.all{ background-position:-44px 0;}
.sbtngroup a[rel~="prev"]{background-image:url(../images/sbtn_bg.png); background-position:0px -88px;}
.sbtngroup a:hover[rel~="prev"]{ background-position:-44px -88px;}
.sbtngroup a[rel~="next"]{background-image:url(../images/sbtn_bg.png); background-position:0px -44px;}
.sbtngroup a:hover[rel~="next"]{ background-position:-44px -44px;}

.case-content{min-width:960px; max-width:1180px;}
.case-content p{margin:0 0 20px 0; font-size:1.2em; line-height:2em; text-align:center; color:#565656;}
.case-content img{display:block; margin:20px auto; max-width:100%; height:auto; }

.service-bg{background-image:url(../images/parallax-bg.png); background-position:center center; background-size:cover;Background-attachment:fixed;}
.Title-group h2.title-sub{font-size:44px; color:#fff; height:90px; font-weight:100;}
.Title-group h2.c-black{color:#121212;}
.Title-group h2.title-sub span{display:block; font-size:22px; opacity:0.87; }
.Title-group p.sub-tit{font-size:22px; color:#fff;}

.service-item{overflow:hidden; width:100%;}
.sitem{float:left; width:29%; margin:2%; background:#dd4250; background:rgba(221,66,80,0.87); }
.sitem h4{margin:20px auto; font-size:30px; font-weight:100; color:#fff; text-align:center;}
.sitem h4 span{display:block; font-size:16px; }
.sitem h4 em{display:block; margin:0 auto; width:100px; height:100px;}
.sitem p{padding:5px 20px 10px; text-align:center; font-size:16px; line-height:30px; color:#fff; height:140px;}
.sitem p span{display:inline-block; margin:0 10px; }
.sitem-des{background:url(../image/icons_service.png) no-repeat 0 -300px; }
.sitem-del{background:url(../image/icons_service.png) no-repeat 0 -400px; }
.sitem-mar{background:url(../image/icons_service.png) no-repeat 0 -500px; }

.ser-sort{z-index:1010; width:100%; border-bottom:1px solid #ddd; padding:20px 0; background:#f4f4f4;}
.ser-sort ul{margin:0 auto; height:44px; width:558px;background:#fff;}
.ser-sort ul li{float:left;}
.ser-sort ul li a{display:block; text-align:center; color:#888888;  border:1px solid #ddd; background:rgba(50,50,50,0); width:186px; height:44px; line-height:44px; font-size:16px; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-decoration:none;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.ser-sort ul li a:hover{background:rgba(50,50,50,0.08); color:#333;}
.ser-sort ul li a.active{padding:0; text-align:center;background:#f8f8f8; color:#DD4250; font-weight:600;}

.sabt{min-height:380px; border-bottom:1px solid #ddd;}
.service-item-abt{width:50%;}
.service-item-abt h4{margin:0; padding:0; font-size:40px; line-height:50px; font-weight:100;}
.service-item-abt h5{margin:0 0 20px 0; padding:0; font-size:18px; line-height:30px; font-weight:100;}
.service-item-abt p{margin:0 0 20px 0; font-size:14px; line-height:24px; color:#666;}
.service-item-abt .see-btn{margin:40px 0 0 0;}
.sitembg1{background:url(../images/sitem_bg1.png) no-repeat right bottom;}
.sitembg2{background:url(../images/sitem_bg2.png) no-repeat left center;}
.sitembg3{background:url(../images/sitem_bg3.png) no-repeat right center;}
.sitembg4{background:url(../images/sitem_bg4.png) no-repeat left center;}
.sitembg5{background:url(../images/sitem_bg5.png) no-repeat right center;}

.process-map{padding:60px 0;}
.process-map{min-height:200px; background:url(../images/process_map.png) no-repeat center;}

.see-btn-center{padding:60px 0; text-align:center;}
.see-btn-center .contact-btn1{padding:5px 50px; font-size:30px;}

.see-btn-center2{padding:20px 0; text-align:center;}
.see-btn-center2 .contact-btn1{padding:5px 60px; font-size:26px;}

.tip-txt{text-align:center; padding:40px 20px; font-size:18px; line-height:30px; color:#666; background:url(../image/dot_tip.png) no-repeat center top; }

.abt-bg{background-image:url(../images/abt-bg.png); background-position:center center; background-size:cover;Background-attachment:fixed;}
.abt-content{margin:0 auto; max-width:720px; padding:20px; font-size:16px; line-height:30px; color:#fff;}
.abt-content header,.project-form header{display:none;}
.abt-content p{margin:0 0 20px 0;}

.contact-bg{background-image:url(../images/cont-bg.jpg); background-position:center center; background-size:cover;Background-attachment:fixed;}
.contact-detail{width:100%; overflow:hidden;}
.contact-detail li{float:left; width:24%; margin:0.5%; padding:40px 0 168px 0;}
.contact-detail li a{display:block; margin-right:20px; text-indent:-9999px; float:left; width:90px; height:90px; border-radius:50%;
	box-shadow: 0 0 0 1px rgba(255,255,255,1); 
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.contact-detail li a:hover{background-color: rgba(221,66,80,1);	color: #fff; box-shadow: 0 0 0 3px rgba(221,66,80,0.3);}

.contact-detail li a.am-byqq{background-image:url(../image/c_bg.png); background-repeat:no-repeat; background-position:-90px 0px;}
.contact-detail li a:hover.am-byqq{ background-position:0px 0px;}

.contact-detail li a.am-byemail{background-image:url(../image/c_bg.png); background-repeat:no-repeat; background-position:0px -90px;}
.contact-detail li a.am-byweibo{background-image:url(../image/c_bg.png); background-repeat:no-repeat; background-position:0px -180px;}
.contact-detail li a.am-byphone{background-image:url(../image/c_bg.png); background-repeat:no-repeat; background-position:0px -270px;}

.contact-detail li span{display:block; font-size:12px; padding:25px 0 0 0; line-height:20px; color:#fff; overflow:hidden; text-overflow:hidden; white-space:nowrap;}
.contact-detail li em{display:block; font-size:20px; line-height:30px; color:#dd4250; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.project-form{min-height:420px;}
.project-form .entry-content p{font-size:30px; color:#666; text-align:center;}
.project-form ul{margin:0 auto; overflow:hidden; width:960px;}
.project-form ul li{float:left; width:460px; margin:10px;}
.project-form ul li:last-child{width:960px;}
.project-form ul li label{font-size:14px; line-height:26px; color:#666;}
.project-form ul li label em{color:#dd4250;}
.project-form ul li input[type="text"],.ctxt{display:block; border:1px solid #ccc; padding:10px; width:440px; height:30px; line-height:30px; font-size:16px; border-radius:4px;
	   -webkit-transition: box-shadow 0.30s ease-in-out; 
       -moz-transition:  box-shadow 0.30s ease-in-out; 
	   transition:  box-shadow 0.30s ease-in-out; 

}
.project-form ul li input[type="text"]:focus,.ctxt:focus{
	 border:#dd4250 1px solid;
     box-shadow: 0 0 8px rgba(221,66,80,0.87);
}

.project-form ul li textarea,.ctxtarea{display:block; border:1px solid #ccc; padding:10px; width:920px; height:120px; line-height:30px;  border-radius:4px; font-size:16px; overflow:auto; x-overflow:hidden;
	 -webkit-transition: box-shadow 0.30s ease-in-out; 
   -moz-transition:  box-shadow 0.30s ease-in-out; 
   transition:  box-shadow 0.30s ease-in-out; 
}
.project-form ul li textarea:focus,.ctxtarea:focus{
	border:#dd4250 1px solid;
    box-shadow: 0 0 8px rgba(221,66,80,0.87);
}

.project-form input[type="submit"].submit{display:block; margin:10px auto; padding:10px 40px; font-size:18px;}

.contacnt-address{padding:280px 0 0 0; margin:0 auto 60px; font-size:16px; color:#666;  background:url(../image/map_nj.png) no-repeat center top; text-align:center;}
.contacnt-address em{font-size:20px; line-height:50px; color:#333;}

.us-team{background:url(../images/us_img.png) no-repeat center top; padding:260px 0 40px 0; font-size:20px; color:#888; text-align:center;}
.cbqq{display:block; margin:0 auto; text-indent:-9999px;width:152px; height:184px; background:url(../images/cbqq.png) no-repeat 0px 0px;}
.cbqq:hover{background:url(../images/cbqq.png) no-repeat 0px -184px; }

.mapbg{border-top:1px solid #ddd; background-image:url(../images/map_bg.jpg); background-repeat:no-repeat; background-position:center;}

.skill-list dl{margin:20px 0; width:50%; padding-left:70px; height:50px; overflow:hidden;}
.skill-list dl dt{height:30px; line-height:30px; font-size:16px; color:#666;}
.skill-list dl dd{margin:2px 0; height:16px; background:#f0f0f0; border-radius:8px;}
.skill-list dl dd span{display:block; height:16px; background-color:#dd4250;border-radius:8px;}
.skill-list dl.sk-1{background:url(../image/skill_bg.png) no-repeat 0px 0px;}
.skill-list dl.sk-2{background:url(../image/skill_bg.png) no-repeat 0px -50px;}
.skill-list dl.sk-3{background:url(../image/skill_bg.png) no-repeat 0px -100px;}
.skill-list dl.sk-4{background:url(../image/skill_bg.png) no-repeat 0px -150px;}
.skill-bg{background:url(../images/skill_bg.png) no-repeat right center;}

/*new add style*/
.not-found{margin:0 auto; width:960px;min-height:600px;}
.not-found h1{font-size:40px; font-weight:100; line-height:40px; text-align:center; margin:20px 0;}
.not-found p{font-size:16px; line-height:30px; color:#666;  text-align:center;}
.searchform{margin:0 auto; text-align:center; }
.searchform .screen-reader-text{display:none;}
.searchform #s{padding:6px; width:260px; border:1px solid #ccc; font-size:16px; border-radius:4px;}
input[type="submit"]{box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-radius:4px; cursor:pointer; padding:6px 20px; color:#fff; border:1px solid #dd4250; font-size:16px; background:#dd4250;box-shadow: 1px 1px 2px rgba(64, 64, 64, 0.3);}
input[type="submit"]:hover{background:rgba(221,66,80,0.87);}

.art-infor{height:44px; padding:20px 0; background:#f4f4f4;}
.art-infor-con{text-align:right; overflow:hidden; height:30px; line-height:30px; padding:7px 0; font-size:14px; color:#999;}
.art-infor-con em{display:inline-block;  color:#dd4250; padding:0 12px; height:30px; background:#ededed; border:1px solid #ddd; margin-left:10px; color:#999; }
.art-infor-con em label{color:#dd4250; margin-right:4px;}
.art-infor-con span{display:block; float:left; width:auto; text-align:left; font-size:16px;line-height:30px;color:#666;}
.art-infor-con a{display:block; color:#999; text-decoration:none;-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;}
.art-infor-con a:hover{color:#dd4250;}
/*comments style*/
.comments-title{margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #ccc; font-size:16px; line-height:30px; color:#333;}
.commentlist{margin:0 0 10px; overflow:hidden;}
.commentlist li{margin:-1px 0 20px; padding:10px 0 0 0; border-top:1px dotted #ddd;}
.comment-author{overflow:hidden; margin:0 0 10px;}
.comment-author img{float:left; width:44px; height:44px;}
.comment-author cite,.comment-author time{display:block; margin-left:60px;font-size:14px; line-height:22px; color:#666; text-decoration:none;}
.comment-author a time{font-size:12px;}
.comment-author a{color:#666; text-decoration:none;}
.children{margin-left:60px; padding:10px; border:1px solid #ddd; background:#f8f8f8;}
.comment-respond{margin:20px 0; }
.comment-reply-title{margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #ccc; font-size:16px; line-height:30px; color:#333;}
.comment-reply-title small{font-size:12px; font-weight:100;}
.comment-form p{margin:0 0 2px; padding:0 0 2px;}
.comment-form p.comment-notes{font-size:12px; color:#999; line-height:20px; }
.comment-form p label{display:block; font-size:14px; line-height:24px; color:#666;}
.comment-form input[type="text"]{display:block; border:1px solid #ccc; padding:2px 4px; margin:5px 0; width:90%; height:30px; line-height:30px; font-size:16px; border-radius:4px;
	   -webkit-transition: box-shadow 0.30s ease-in-out; 
       -moz-transition:  box-shadow 0.30s ease-in-out; 
	   transition:  box-shadow 0.30s ease-in-out;}
.comment-form input[type="text"]:focus{ border:#dd4250 1px solid;
     box-shadow: 0 0 8px rgba(221,66,80,0.87);}

.comment-form textarea{display:block; border:1px solid #ccc; padding:2px 4px; margin:5px 0; width:90%; height:120px; line-height:30px;  border-radius:4px; font-size:16px; overflow:auto; x-overflow:hidden;
	 -webkit-transition: box-shadow 0.30s ease-in-out; 
   -moz-transition:  box-shadow 0.30s ease-in-out; 
   transition:  box-shadow 0.30s ease-in-out;}
.comment-form textarea:hover{border:#dd4250 1px solid;
     box-shadow: 0 0 8px rgba(221,66,80,0.87);}

.comment-form p.form-allowed-tags{display:none;}
.comment-form p span.required{color:#dd4250;}

.comment-form-author,.comment-form-email,.comment-form-url{float:left; width:30%; padding-right:3%;}
.comment-form-comment{clear:both;}

/*search and list style*/
.sort-article{overflow:hidden; width:100%;}
.sort-article dt{float:left; width:280px; height:180px; background:url(image/dbg_img.png) #efefef no-repeat center;}
.sort-article dt img{display:block; width:280px; height:180px;}
.sort-article dd{margin-left:300px;}
.sort-article dd h4{margin:0 0 6px 0; font:18px/40px "\5FAE\8F6F\96C5\9ED1"; color:#121212; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.sort-article dd h4 a{color:#121212; text-decoration:none;}
.sort-article dd h4 a:hover{color:#dd4250;}
.sort-article dd p{font:14px/22px "\5FAE\8F6F\96C5\9ED1"; color:#555;}
.sort-article dd p.footer-infor{margin:5px 0; padding:10px 0 0; color:#666; font-size:12px; line-height:20px;}
.sort-article dd p.footer-infor span{display:inline-block; padding:0 10px; color:#999;}

.entry-meta{padding:10px 0;}
.seacharea-positionright{position:absolute; right:0px; top:0px;}
/*loading*/
#loading{z-index:999; background:#fff; position:fixed; top:0; left:0; width:100%; height:100%; max-height:100%; text-align:center; }
#loading .more-loading{margin-top:24%;}
#loading p{margin:10px 0; font-size:12px; line-height:20px; color:#666;}
/*loading by list*/
#nav-below{clear:all; margin:0 auto; min-width:960px; max-width:1180px; font-size:12px;line-height:20px; overflow:hidden;}
#nav-below h3{display:none;}
.nav-previous{float:left;}
.nav-next{float:right;}
#nav-below a{display:inline-block; padding:4px 20px; color:#999; text-decoration:none;-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;}
#nav-below a:hover{background:#dd4250; color:#fff;}
#infscr-loading{clear:both; display:block; padding:10px; text-align:center;font-size:12px; line-height:20px; color:#999;}
#infscr-loading img{margin:0 auto 15px; display:block; padding:10px 40px 0px 40px; background:#dd4250;border-radius: 4px;}