@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
}
*:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
}
:before, :after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
}



body {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: 400;
	color: #838383;
	font-size: 36px;
	padding: 75px 0 0 0;
}
:focus {
	outline:none;
}
ul, li, ol {
	list-style:none;
}
a {
	color:inherit;
	text-decoration:none;	
	-webkit-transition: all 0.6s ease-in-out;
	   -moz-transition: all 0.6s ease-in-out;
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;
}
a:active, a:hover {
  outline: 0;
}
a img, img {
	border:none;
	vertical-align:middle;	
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}
sub, sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
input, button, select, textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	border:none;
	-webkit-transition: all 0.6s ease-in-out;
	   -moz-transition: all 0.6s ease-in-out;
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
	-webkit-transition: all 0.6s ease-in-out;
	   -moz-transition: all 0.6s ease-in-out;
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
}
input[type="search"], input[type="text"], input[type="email"], input[type="password"], textarea {
	padding:0 10px;
	border:1px solid #ccc;
	-webkit-appearance: textfield;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;	
}
textarea {
	padding:10px;
	resize:none;	
}
input[type="search"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
	box-shadow:0 0 2px rgba(0,0,0,0.2);
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
.radius_3 {
  -webkit-border-radius:3px;
	 -moz-border-radius:3px;
	      border-radius:3px;
}
.relative {
	position:relative;
}
.menu-icon {
	display:none;
	border:1px solid #ddd;	
	padding:9px 10px;
	background-color:transparent;
	-webkit-border-radius:4px;
	   -moz-border-radius:4px;
	        border-radius:4px;
}
.menu-icon:hover { background-color:#ddd;}
.menu-icon span {
	display:block;
	background-color:#888;
	height:2px;
	width:22px;
	-webkit-border-radius:1px;
	   -moz-border-radius:1px;
	        border-radius:1px;
}
.menu-icon span + span { 
	margin-top:4px;
}
.back-to-top {
	display:none;
	position:fixed;
	bottom:20px;
	right:20px;
	background:url(../images/topbutton.png) no-repeat;
	width:49px; height:49px; 
	font-size:0;	
	z-index:111111;		
}
.back-to-top:hover {
	
}
.row {}
.row:before, .row:after {
	display:table;
	content:"";
}
.row:after {
	clear:both;
}
.container {
	width:1200px;
	margin:0 auto;
}
.container:before, .container:after {
	display:table;
	content:"";
}
.container:after {
	clear:both;
}
.display-inline {
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.op_5 { 
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}

/* Css For Crome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    
}
/* Css For Crome */

/* Css For IE 10 or Above */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

} 
/* Css For IE 10 or Above */



#header { background:#fff; position:fixed; top:0; left:0; width:100%; border-bottom:1px solid #d9d9d9; z-index:9999; 

}
#header .header {}
#header .header .logo { float:left; padding:14px 0 10px 22px;}

#nav { float:right; text-align:right; padding:24px 10px 0 0;}
#nav ul {}
#nav ul li { display:inline-block; position:relative;}
#nav ul li a.drop { background:url(../images/plus.png) no-repeat right center #ccc;}
#nav ul li a.open { background:url(../images/minus.png) no-repeat right center #ccc;}
#nav ul li a { display:block; font-weight:700; color:#838382; font-size:14px; text-transform:uppercase; padding:8px 22px; letter-spacing: 3px;
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
#nav ul li a:hover { background-color:rgb(255,102,0); color:#fff;}
#nav ul li.active a { background-color:#330099; color:#fff;}



/* Drop Down */
#nav ul li ul {	visibility:hidden; opacity:0; width:200px; position:absolute; left:0; top:40px; z-index:999;
-webkit-transition: all 0.6s ease-in-out;
   -moz-transition: all 0.6s ease-in-out;
     -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
/* Optional */ background:#000;
}
#nav ul li:hover ul { visibility:visible; opacity:1; }
#nav ul li ul li { float:none; margin:0; display:block; background:none; }
#nav ul li ul li a { color:#fff !important; }
/* Drop Down */


#banner { position:relative;}
#banner .caption { font-family: "Courier New", Courier, monospace; position: absolute; top: 45%;display: table-cell; vertical-align: middle; text-align:center; width:100%; font-size:60px; color:#fff; letter-spacing:0px}


#why { padding:55px 0;}
#why .detail { text-align:center;text-transform:uppercase; font-size:18px; color:#838383; font-weight:300 ;line-height:42px; padding:0 0 35px 0;letter-spacing: 3px; font-family:Times New Roman}
#why .detail a { text-decoration:underline; }
#why .detail a:hover { color:#cc0000;}
#why .data ( padding:55px 0;)
#why .data .caption { padding:0 0 0 200px;width:400px; text-align:center; display:inline-block; vertical-align:top; h  margin-right:50px;}
#why .data .caption h1 { font-size:28px; color:#838383; text-transform:uppercase; padding-bottom:45px;}
#why .data .caption h1 span { color:#cc0000;}
#why .data .caption .more {}
#why .data .caption .more a { background: url(../images/right_arrow.png) no-repeat right center #cc0000; display:inline-block; padding:15px 20px; font-size:18px; color:#fff; text-transform:uppercase; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:left; text-transform:uppercase; min-width:215px;}
#why .data .caption .more a:hover { background-color:#292929;}

#why .data .step { width:711px; display:inline-block; margin:0 0 0 285px;}
#why .data .step .box { float:left; width:215px; height:220px;  border:1px solid #999999; background:#fff; margin:3px;margin:0 7px 7px 0; padding:20px 18px;
	-webkit-transition: all 0.6s ease-in-out;
	   -moz-transition: all 0.6s ease-in-out;
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;
}
#why .data .step .box h2 { font-weight:300; font-size:40px; color:#838383; padding-bottom:15px;}
#why .data .step .box p { font-size:18px; color:#838383;}
<--#why .data .step .box:hover { background-color:#292929; transform:scale(1.05,1.05);} -->

#we_do { background:url(../images/pattern.png) repeat; padding:40px 0; text-align:center;}
#we_do h1 { font-size:36px; color:#000; text-transform:uppercase; padding-bottom:30px; letter-spacing: 4px; }

#we_do {}
#we_do .icon { width:209px; height:133px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin:0 auto; position:relative; 
-webkit-transition: all 0.6s ease-in-out;
	   -moz-transition: all 0.6s ease-in-out;
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;}
#we_do .icon img { position: absolute;    margin: auto;    top: 0;    left: 0;    right: 0;    bottom: 0;}
#we_do h2 { font-size:30px; color:#000; padding:35px 0 15px 0;}
#we_do p { font-size:18px; color:#838383; max-width:325px; margin:0 auto 30px;}
#we_do .more {}
#we_do .more a { display:inline-block; padding:8px 30px; background:#FF6600; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:18px; color:#fff; text-transform:uppercase;
-webkit-transition: all 0.6s ease-in-out;
	   -moz-transition: all 0.6s ease-in-out;
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;}

#we_do .item:hover .icon { background:#292929; }
#we_do .item:hover .icon:after { border-color:#292929 transparent;}
#we_do .item:hover .more a { background:#292929;}

#case { background:url(../images/case_bg.jpg) repeat center top; min-height:751px; text-align:center;}
#case h1 { font-size:36px; color:#fff; text-transform:uppercase; padding:50px 0 25px; letter-spacing: 4px;}
#case p { font-size:30px; color:#838383; padding:0 30px; margin-bottom:30px;}
#case .case_boxes {}
#case .case_boxes a { width:375px; display:inline-block; border:1px solid #999999; background:#fff; margin:0 3px; vertical-align:top; position:relative; overflow:hidden;}
#case .case_boxes a span { font-size:18px; color:#838383; padding:15px; text-align:left; display:block; min-height:90px;}
#case .case_boxes a i { display:block; font-style:normal; position:absolute; left:0; top:100%; width:100%; height:100%; background:rgba(0,0,0,0.6);
-webkit-transition: all 0.6s ease-in-out;
	   -moz-transition: all 0.6s ease-in-out;
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;}
#case .case_boxes a i b { background:#cc0000; display:inline-block; font-size:18px; color:#fff; text-transform:uppercase; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:left; text-transform:uppercase; width:150px; height:40px; font-weight:normal; line-height:40px; text-align:center; position:absolute; left:50%; top:50%; margin:-20px 0 0 -75px;
-webkit-transition: all 0.6s ease-in-out;
	   -moz-transition: all 0.6s ease-in-out;
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;}
#case .case_boxes a i b:hover { background:#fff; color:#cc0000;}
#case .case_boxes a:hover i { top:0;}

#case .view_all { padding:55px 0; }
#case .view_all a { background: url(../images/right_arrow.png) no-repeat right center #cc0000; display:inline-block; padding:15px 55px 15px 20px; font-size:18px; color:#fff; text-transform:uppercase; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:left; text-transform:uppercase;  text-align:left;}
#case .view_all a:hover { background-color:#292929; box-shadow:0 0 5px rgba(255,255,255,0.6);}

#client { padding:55px 0; text-align:center;}
#client .icon { width:84px; height:84px; margin:0 auto; border:3px solid #cccccc; background:url(../images/coma.png) no-repeat center center #cc0000;  font-size:150px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;  }
#client h1 { font-size:36px; color:#000; text-transform:uppercase; padding:10px 0 40px;letter-spacing: 4px;}

#client p { font-size:16px; color:#838383; line-height:24px; padding-bottom:40px border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; padding:25px 0; margin-bottom:30px;}
#client h2 { font-size:24px; color:#000; font-style:italic;}
#client h2 span { display:block; color:#838383;}  
#client .more {}
#client .more a { display:inline-block; padding:8px 30px; background:#838383; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:18px; color:#fff; text-transform:uppercase;
-webkit-transition: all 0.6s ease-in-out;
	   -moz-transition: all 0.6s ease-in-out;
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;}


#contact { background:#cc0000; padding:60px 0 55px 0; text-align:center; color:#fff;}
#contact h1 { font-size:36px; font-weight:700; letter-spacing: 4px;}
#contact h1 span { font-weight:400;}
#contact .get { padding:30px 0 0 0;}
#contact .get a { background: url(../images/right_arrow.png) no-repeat right center; display:inline-block; padding:15px 55px 15px 20px; font-size:18px; color:#fff; text-transform:uppercase; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:left; text-transform:uppercase;  text-align:left; border:1px solid #fff;}
#contact .get a:hover { background-color:#292929; border-color:#292929;}

#footer { background:#292929; padding:0px 0px;}
#footer .footer {}
#footer .footer .f_nav { text-align:center; padding-bottom:40px;}
#footer .footer .f_nav ul { overflow:hidden;}
#footer .footer .f_nav ul li { display:block; float:left;}
#footer .footer .f_nav ul li + li { margin-left:100px;}
#footer .footer .f_nav ul li a { color:#fff; font-weight:700; font-size:14px; text-transform:uppercase;}
#footer .footer .f_nav ul li a:hover { color:rgb(255,102,0);}
#footer .footer .f_logo { float:left;}
#footer .footer .data { float:right; text-align:right;}
#footer .footer .data p { color:#838383; font-size:14px; padding-bottom:10px;}
#footer .footer .data p a { color:#fff;}
#footer .footer .data p a:hover { color:#cc0000; }
#footer .footer .data p span { color:#fff;}
#footer .footer .data p i { width:23px; display:inline-block;}

/* Inner Page */

#inner { padding:20px 0 50px 0;}
#inner h1 { font-size:48px; color:#838383; text-align:center; text-transform:uppercase; padding-bottom:60px ;padding-top:30px;}
#inner .career {background:url(../images/pattern.png) repeat; }
#inner .career .left { width:585px; float:left;}
#inner .career .left h2 { font-size:24px; color:#000; padding-bottom:35px;}
#inner .career .left p { font-size:16px; color:#838383; line-height:24px; padding-bottom:40px;}
#inner .career .left h3 { font-size:18px; color:#838383; padding-bottom:30px; font-weight:700;}
#inner .career .left ul { padding-bottom:25px;}
#inner .career .left ul li { font-size:16px; color:#838383; padding:0 0 15px 23px; background:url(../images/list_bg.png) no-repeat 0 5px;}

/*this is added for temporary*/
#inner .career .leftTemp { float:left;}
#inner .career .leftTemp h2 { font-size:24px; color:#000; padding-bottom:35px;}
#inner .career .leftTemp p { font-size:16px; color:#838383; line-height:24px; padding-bottom:40px;}
#inner .career .leftTemp h3 { font-size:18px; color:#838383; padding-bottom:30px; font-weight:700;}
#inner .career .leftTemp ul { padding-bottom:25px;}
#inner .career .leftTemp ul li { font-size:16px; color:#838383; padding:0 0 15px 23px; background:url(../images/list_bg.png) no-repeat 0 5px;}
/*this is added for temporary*/

#inner .career .right { width:510px; float:right;}
#inner .career .right h2 { font-size:24px; color:#000; padding-bottom:35px;}
#inner .career .right ul { padding-bottom:25px; margin-bottom:30px;}
#inner .career .right ul li { border-bottom:1px solid #d9d9d9; display:block; }
#inner .career .right ul li a { background:url(../images/list_bg.png) no-repeat 15px 20px; font-size:18px; color:#000; padding: 15px 0 15px 45px; display:block;}
#inner .career .right ul li a:hover { background-color:#ebebeb; padding-left:50px;}
#inner .career .right p { font-size:18px; color:#000;}
#inner .career .right p a { color:#cc0000;}
#inner .career .right p a:hover { color:#81837B;}
#inner .career .right .form {}
#inner .career .right .form .inpt_bx { width:375px; height:50px; padding:0 15px; border:1px solid #d9d9d9; font-size:16px; color:#000; margin-bottom:10px;} 
#inner .career .right .form select option { padding-left:15px; min-height:20px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#inner .career .right .form select option { padding-left:0;}
}
#inner .career .right .form .dob { background-image:url(../images/calender_icon.png); background-position: right center; background-repeat:no-repeat;}
#inner .career .right .form .file {}
#inner .career .right .form .file input[type=file] { opacity:0; position:relative; left:0; top:0; z-index:55; cursor:pointer;}
#inner .career .right .form .file span { display:block; position:absolute; left:0; top:0;  z-index:5;}
#inner .career .right .form .file span i { display:block; float:left; font-size:16px; color:#000; font-style:normal; line-height:45px;}
#inner .career .right .form .file span b { background:#838383; font-weight:normal; padding:8px 25px; border-radius:10px; color:#fff; font-size:18px; float:right; display:block; margin:5px 0;
	-webkit-transition: all 0.6s ease-in-out;
	   -moz-transition: all 0.6s ease-in-out;
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;
}
#inner .career .right .form .file:hover span b { background:#282828;}
#inner .career .right .form .sbt_btn { background:#cc0000; padding:15px 75px; font-size:18px; text-transform:uppercase; border-radius:10px; color:#fff; margin-top:20px;}
#inner .career .right .form .sbt_btn:hover { background:#282828;}

#inner .slogan { text-align:center; margin-top:0px; padding-bottom:45px;}
#inner .slogancareer { text-align:center; margin-top:-20px; padding-bottom:20px; latter-spacing 4px;}

#inner .case_blk {}
#inner .case_blk .case_boxes { text-align:center;}
#inner .case_blk .case_boxes a { width:375px; display:inline-block; border:1px solid #999999; background:#fff; margin:3px; vertical-align:center; position:relative; overflow:hidden;}
#inner .case_blk .case_boxes a span { font-size:15px; color:#838383; padding:15px; text-align:left; display:block; min-height:90px;}
#inner .case_blk .case_boxes a i { display:block; font-style:normal; position:absolute; left:0; top:100%; width:100%; height:100%; background:rgba(0,0,0,0.6);
-webkit-transition: all 0.6s ease-in-out;
	   -moz-transition: all 0.6s ease-in-out;
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;}
#inner .case_blk .case_boxes a i b { background:#cc0000; display:inline-block; font-size:18px; color:#fff; text-transform:uppercase; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; text-align:left; text-transform:uppercase; width:150px; height:40px; font-weight:normal; line-height:40px; text-align:center; position:absolute; left:50%; top:50%; margin:-20px 0 0 -75px;
-webkit-transition: all 0.6s ease-in-out;
	   -moz-transition: all 0.6s ease-in-out;
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;}
#inner .case_blk .case_boxes a i b:hover { background:#fff; color:#cc0000;}
#inner .case_blk .case_boxes a:hover i { top:0;}

.load_more { text-align:center; padding:50px 0;}
.load_more a { display:inline-block; background:#838383 !important; width:auto !important;    border-radius: 10px;    color: #fff;    display: inline-block;    font-size: 18px;    padding: 8px 35px;    text-transform: uppercase;    transition: all 0.6s ease-in-out 0s;}
.no-more { text-align:center; padding-bottom:30px;  text-align:center; width:100%; display:block; overflow:hidden; padding:50px 0;} 
.no-more p { display:inline-block; border:1px solid #999999; padding:7px 20px;}

#inner .case_detail {}
#inner .case_detail .owl-carousel { text-align:center;}
#inner .case_detail .detail { padding:30px 100px 0;}
#inner .case_detail .detail .left { background:url(../images/pattern.png) repeat;  padding: 30px 0; float:left; }
#inner .case_detail .detail .left h2 { font-weight:500; font-size:24px;color:#838383; padding-bottom:20px}
#inner .case_detail .detail .left p { font-size:16px; color:#838383; line-height:24px; padding-bottom:20px;}
#inner .case_detail .detail .left ul {}
#inner .case_detail .detail .left ul li { background: url("../images/list_bg.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);    color: #838383;    font-size: 16px;    padding: 0 0 15px 23px;}
#inner .case_detail .detail .right { text-align:center; width:215px; float:right;}
#inner .case_detail .detail .right p { font-size:16px; color:#838383;  text-transform:uppercase;}
#inner .case_detail .detail .right .social { padding:30px 0;}
#inner .case_detail .detail .right .social a { display:inline-block; background:#696969; width:32px; height:32px; margin:0 5px; text-align:center; line-height:32px; color:#fff; font-size:18px;}
#inner .case_detail .detail .right .social a:hover { background:#cc0000; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;}
#inner .case_detail .detail .right .launch {}
#inner .case_detail .detail .right .launch a { display:inline-block;  background: url("../images/right_arrow.png") no-repeat scroll right center #cc0000;    border-radius: 5px;    color: #fff;    display: inline-block;    font-size: 18px;    min-width: 215px;    padding: 15px 20px;    text-align: left;    text-transform: uppercase;}
#inner .case_detail .detail .right .launch a:hover { background-color:#282828;}

.pagi { text-align:center; padding:30px 0;}
.pagi a { display:inline-block; width:41px; height:41px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;  vertical-align:top; margin:0 7px;  }
.pagi a.prev { background:#000 url(../images/left_arrow.png) no-repeat center center;}
.pagi a.back { background:#000 url(../images/cloase.png) no-repeat center center;}
.pagi a.next { background:#000 url(../images/left_arrow.png) no-repeat center center; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.pagi a:hover { background-color:#cc0000;}

#inner .client_blk { background:url(../images/pattern.png) repeat;}
#inner .client_blk .box { border-bottom:2px solid #000;}
#inner .client_blk .box p { float:left; font-style:italic; font-size:24px; color:#000; width:335px; line-height:25px;  padding-right:45px; position:relative;}
#inner .client_blk .box span { display:block; float:right; width:765px; padding:15px 70px 25px 60px; font-size:18px; color:#838383; position:relative;}
#inner .client_blk .box a { display:block; overflow:hidden; padding:25px 25px 35px;}
#inner .client_blk .box a p { float:left; font-style:italic; font-size:24px; color:#000; width:335px; line-height:25px;  padding-right:45px; position:relative;}
#inner .client_blk .box a p:after {width:42px; height:42px; position:absolute; right:0; top:0; content:""; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;
	-webkit-transition: all 0.6s ease-in-out;
	   -moz-transition: all 0.6s ease-in-out;
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;
}
#inner .container strong center font{letter-spacing: 4px;  text-align:center; margin-top:0px; padding-bottom:45px;}

#inner .client_blk .box a p i {  display:block; color:#838383; font-size:18px;}
#inner .client_blk .box a span { display:block; float:right; width:765px; padding:15px 70px 25px 60px; font-size:18px; color:#838383; position:relative;}
#inner .client_blk .box a span:before { position:absolute; left:0; top:0px; content:""; width:38px; height:36px; background:url(../images/coma-left.png) no-repeat; }
#inner .client_blk .box a span:after { position:absolute; right:0; bottom:0px; content:""; width:38px; height:36px; background:url(../images/coma-right.png) no-repeat;}
<--#inner .client_blk .box a:hover { background:#EBEBEB;}
#inner .client_blk .box a:hover p:after { background-position:0 -43px;}-->

#inner .client_detail_blk { background:url(../images/pattern.png) repeat; }
#inner .client_detail_blk .box { border-bottom:2px solid #000; padding:25px 25px 35px; overflow:hidden;}
#inner .client_detail_blk .box p { float:left; font-style:italic; font-size:24px; color:#000; width:335px; line-height:25px;  padding-right:45px; position:relative;}
#inner .client_detail_blk .box p i {  display:block; color:#838383; font-size:18px;}

#inner .client_detail_blk .box span { display:block; float:right; width:765px; padding:15px 70px 25px 60px; font-size:18px; color:#838383; position:relative;}
<--#inner .client_detail_blk .box span:before { position:absolute; left:0; top:0; content:""; width:38px; height:36px; background:url(../images/coma-left.png) no-repeat;}
#inner .client_detail_blk .box span:after { position:absolute; right:0; bottom:0px; content:""; width:38px; height:36px; background:url(../images/coma-right.png) no-repeat;}-->

#inner .company {}
#inner .company .banner { padding-bottom:60px;}
#inner .company .detail {}
#inner .company .detail .links { padding-bottom:45px;}
#inner .company .detail .links ul { border-bottom:1px solid #d9d9d9;}
#inner .company .detail .links ul li { display:inline-block;}
#inner .company .detail .links ul li a { padding:5px 22px; font-size:24px; color:#838383; display:block; position:relative;}
#inner .company .detail .links ul li.active a { color:#cc0000;}
#inner .company .detail .links ul li.active a:after { position:absolute; left:0; bottom:-3px; background:#000; height:3px; width:100%; content:"";}
#inner .company .detail .links ul li a:hover { color:#cc0000;}
#inner .company .detail .links ul li a:hover:after { position:absolute; left:0; bottom:-3px; background:#000; height:3px; width:100%; content:"";}
#inner .company .detail .data {}
#inner .company .detail .data .col_1 { background:url(../images/pattern.png) repeat; float:left; width:100%; padding-right:20px;}
#inner .company .detail .data .col_1 p { background:url(../images/pattern.png) repeat; font-size:16px; color:#838383; margin:0 auto 20px; line-height:24px; padding-bottom:40px;}
#inner .company .detail .data .col_1 p span { background:url(../images/pattern.png) repeat;display:block; color:#000; padding-bottom:40px;}
#inner .company .detail .data .col_2 { background:url(../images/pattern.png) repeat; float:left; width:50%; padding-left:20px;}

#inner .contact {}
#inner .contact .detail { padding-bottom:40px;}
#inner .contact .detail .map { width:50%; float:left; height:350px;border:1px solid #999999; }
#inner .contact .detail .contact_detail { width:50%; float:left; height:350px; border:1px solid #999999; background:#fff; padding:55px 35px; }
#inner .contact .detail .contact_detail h2 { font-size:24px; color:#cc0000; padding-bottom:25px;}
#inner .contact .detail .contact_detail p { font-size:16px; line-height:24px; color:#000; padding-bottom:30px;}
#inner .contact .detail .contact_detail .cell { line-height:24px; padding:0 0 0 45px; color:#000; background:url(../images/cell_icon.png) no-repeat 5px center; font-weight:700; font-size:16px; color:#000; margin-bottom:11px; }
#inner .contact .detail .contact_detail .land { line-height:24px; padding:0 0 0 45px; color:#000; background:url(../images/cell_icon_1.png) no-repeat 5px center; font-weight:700; font-size:16px; color:#000; margin-bottom:7px; }
#inner .contact .detail .contact_detail .mail a { display:block; line-height:24px; padding:0 0 0 45px; color:#fff; background:url(../images/mail_icon.png) no-repeat 5px center; font-weight:700; font-size:16px; color:#000; }
#inner .contact .detail .contact_detail .mail a:hover { color:#cc0000;}
#inner .contact .form {}
#inner .contact .form h3 { font-size:30px; color:#292929; padding-bottom:20px; text-align:center;}
#inner .contact .form .col_1 { width:50%; float:left; padding-right:5px;}
#inner .contact .form .col_2 { width:50%; float:left; padding-left:5px;}
#inner .contact .form .inpt_bx { border:1px solid #d9d9d9; height:50px; width:100%; padding:0 15px; font-size:16px; color:#000; margin-bottom:10px;}
#inner .contact .form .area { border:1px solid #d9d9d9; height:110px; width:100%; padding:10px 15px; font-size:16px; color:#000; margin-bottom:10px; margin-top:5px;}
#inner .contact .form .sbt_btn { background:#cc0000;   border-radius: 10px;    color: #fff;    font-size: 18px; padding: 13px 75px;    text-transform: uppercase;}
#inner .contact .form .sbt_btn:hover { background:#292929;}

#inner .service { background:url(../images/pattern.png) repeat; padding:70px 0 20px;}
#inner .service .box { width:100%; float:left; padding-bottom:50px;}
#inner .service .box1 { width:100%; float:left; padding-bottom:50px;}

#inner .service .box .icon { width:209px; height:133px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin:0 auto; position:relative; float:left;
-webkit-transition: all 0.6s ease-in-out;
	   -moz-transition: all 0.6s ease-in-out;
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;}
#inner .service .box .icon img { position: absolute;    margin: auto;    top: 0;    left: 0;    right: 0;    bottom: 0;}
#inner .service .box .icon_detail { overflow:hidden; padding-left:15px; font-size:16px; color:#838383;}
#inner .service .box .icon_detail h2 { font-size:30px; color:#838383; padding:0 0 15px 0;}
#inner .service .box .icon_detail p { font-size:16px; color:#838383; margin:0 auto 20px; line-height:24px; padding-bottom:40px;}
#inner .service .box .icon_detail .more {}
#inner .service .box .icon_detail .more a { display:inline-block; padding:8px 30px; background:#838383; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:18px; color:#fff; text-transform:uppercase;
-webkit-transition: all 0.6s ease-in-out;
	   -moz-transition: all 0.6s ease-in-out;
	     -o-transition: all 0.6s ease-in-out;
	        transition: all 0.6s ease-in-out;}

#inner .service .box:hover .icon { background:#292929; }
#inner .service .box:hover .icon:after { border-color:#292929 transparent;}
#inner .service .box:hover .icon_detail .more a { background:#292929;}
#inner .technology { padding:30px 0; text-align:center;}
#inner .technology h4 { font-size:30px; color:#838383; padding-bottom:20px;  text-transform:uppercase;}

#inner .service_detail {}
#inner .service_detail h2 { padding:20px 0 20px; color:#000; font-size:30px;}
#inner .service_detail .detail { background:url(../images/pattern.png) repeat;  padding: 30px 0; color:#838383; font-size:17px;}
#inner .service_detail .detail p { font-size:16px; color:#838383; margin:0 auto 20px; line-height:24px; padding-bottom:40px;}
#inner .service_detail .detail p img { float:right; margin-left:30px; margin-top:-80px; margin-bottom:15px;}
.max { max-width:800px;}
#inner .service_detail .detail h3 { font-weight:500; font-size:24px;color:#838383; padding-bottom:20px;}
#inner .service_detail .detail ul {}
#inner .service_detail .detail ul li {   background: url("../images/list_bg.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);    color: #838383;    font-size: 16px;    padding: 0 0 15px 23px;}
#inner .service_detail .links { padding:30px 0 0 0;}
#inner .service_detail .links a { display:inline-block; margin-right:35px; width:234px; height:47px; line-height:42px; text-align:center; background:#efefef; border-bottom:5px solid #cccccc; font-size:18px; color:#000;}
#inner .service_detail .links a:hover { border-color:#cc0000;}

.back_career {display:none; padding:20px 0;}
.back_career a { background: #838383;    border-radius: 10px;    color: #fff;    font-size: 18px;    margin-top: 20px;    padding: 10px 20px;   text-transform: uppercase; display:inline-block;}
.back_career a:hover { background:#383838;}
/* Inner Page */