﻿
.mp_show{display:none;}
.pc_show{}


html,body{
	background: #FFF;
	_font-size:14px;
}



/*/宽高*/
.w_set,.box { width:990px; margin-left:auto; margin-right:auto; clear:both; position:relative;}

.w_230{ width:230px; float:left;}

.w_740{ width:740px; float:left;}
.w_240{ width:240px; float:right;}

.w_470{ width:470px; float:right;}
.h_300{ height:300px; margin-bottom:50px; overflow:hidden;}
.h_370{ height:370px; margin-bottom:50px;}
/*/背景*/
.bg_1{ background:#244588;}


/*/页面导航*/
.navigation{ color:#999; display:block; margin:10px 10px 10px 0;line-height:30px; height:30px;}
.navigation a{ color: #999;	text-decoration: none; font-size:0.75em;}
.navigation a:hover{color:#e2e0e1;}
.navigation strong{color:#999; font-weight:normal;font-size:0.75em;}





/*/头部*/



/*搜索框*/
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; background:rgba(00, 00, 00, 0.8) ;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5000000,endColorstr=#e5000000);
}		
.reveal-modal { visibility: hidden; top: 30%; left: 50%; margin-left: -300px; width: 520px; 
position: fixed; z-index: 101; padding: 30px 40px 34px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4); 
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4); 
-box-shadow: 0 0 10px rgba(0,0,0,.4); 
background-color: rgba(33,64,131,0.9); 
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5214083,endColorstr=#e5214083);    /*IE8支持*/
border-radius:5px;

}			

.reveal-modal.small 		
{ width: 200px; margin-left: -140px;}	
.reveal-modal.medium 		
{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		
{ width: 600px; margin-left: -340px;}	
.reveal-modal.xlarge 		
{ width: 800px; margin-left: -440px;}		


.top_text {width:56%;height:26px; line-height:26px;margin:0px; padding:0px 15px; border:1px solid #A5C7FE; color:#888;  background:#F5F5F5; border-radius:3px;}
.top_btn {height:28px; line-height:28px; margin:0px;  padding:0px 25px; font-weight:bold; background:#e2e0e1; border:none; color:white; text-align:center; border-radius:3px;}
.top_btn:hover {background:#e2e0e1;}

.btn-search {
display:block;
	position:absolute;
	right:0.8em;
	top:22px;
	z-index:999999999;
	height:25px;
	width:25px;
	background:url(../images/base/search.png) left top no-repeat;
	}

.btn-lang {
display:block;
	position:absolute;
	right:52px;
	top:22px;
	z-index:999999999;
	height:25px;
	width:25px;
	background:url(../images/base/lang.png) left top no-repeat;
}
#mylang {color:white;text-align:center;}
#mylang a {display:block; float:left; width:73px;  height:28px; line-height:28px; margin:5px; padding:0px 10px; background:white; color:#1D3976;
border-radius: 3px 3px 3px 3px;

}

.reveal-modal a.close-reveal-modal,#mylang a.close-reveal-modal { width:30px; font-size: 22px; line-height: 0.5; position: absolute; top: 8px; right: 11px; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; background:white; color:#1D3976;height:28px; line-height:28px; padding:0px;
border-radius: 3px 3px 3px 3px;text-align:center;

} 

.top_text:hover {background-color:#FFC;
-moz-box-shadow:0px 0px 10px #A5C7FE;

}













/* ======= 全屏幻灯片 =========*/
.fullSlide{ width:100%;  position:relative;}
	.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;   }
	.fullSlide .bd ul{ width:100% !important;  }
	.fullSlide .bd li{ width:100% !important;   overflow:hidden; text-align:center;  }
	.fullSlide .bd li a{ display:block;  }

	.fullSlide .hd{ width:100%; position:relative; z-index:1; bottom:0;_bottom:-5px; right:0; height:30px; line-height:30px;}
	.fullSlide .hd ul{ width:980px; margin:auto; text-align: center;}
	.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:7px; margin:1px 3px; overflow:hidden; background:#CCC;
		filter:alpha(opacity=50);opacity:0.5;  line-height:999px; 
	}
	.fullSlide .hd ul .on{ background:#E83828; filter:alpha(opacity=100);opacity:1; }

	.fullSlide .prev,
	.fullSlide .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../images/base/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
	.fullSlide .next{ left:auto; right:15%; background-position:-6px -137px; }


/*/全屏幻灯片*/


.cp_info{ background-color:#EAEAEA; width:240px; height:300px; position:relative; float:left;}
.cp_info p{ font-size:0.75em; color:#777777; padding:70px 35px; line-height:150%;}
.cp_info a{
	font-size: 0.9em;
	color: #333333;
	background-color: #DDDDDD;
	height: 45px;
	line-height: 45px;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 240px;
	text-align: center;
	text-decoration: none;
}
.cp_info a:hover{ background-color:#e2e0e1; color:#FFF;}



/*/文字详细页-标题*/
.c_h1{ height:120px;background: url(../images/base/t_1.png) repeat-x top center;color:#000; margin-top:10px; clear:both;}
.c_h1 div{ width:990px; margin-left:auto; margin-right:auto; position:relative;}
.c_h1 h1,.t_1 h3{ font-size:1.4em; border-bottom:0px solid #666; height:40px; line-height:40px; float:left; font-weight:normal; color:#000;}
.c_h1 p{ font-size:1.0em; height:50px; line-height:50px; clear:both;  text-transform:capitalize;}
.c_h1 a{ color:#000;}


/*/文字详细页-字体大小控制*/
.t_tools {float:right;padding:0px 15px;background:#eee;text-align:right;font-size:1.0em;}
.t_tools a {color:#333; text-decoration: none;}
.jiathis_style {float:right;}


/*关于我们*/
.about{ padding:20px;}
.about h3{ color:#444444; font-size:1.2em;}
.about p{ color:#878787; font-size:0.9em; padding:15px 0; line-height:160%;}
.about a{ color:#e2e0e1;text-decoration: none;}
.about a:hover{
	color:#05617F;
	text-decoration: none;
}
/*/关于我们*/



/*关于我们图片切换*/
		.slideBox{ width:265px; height:255px; overflow:hidden; position:relative; float:left; margin-right:30px;}
		.slideBox .hd{ display:none;}
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:265px; height:220px; display:block;  }
		.slideBox .bd li a {
	text-align: center;
	background-color: #e2e0e1;
	display: block;
	color: #FFF;
	text-decoration: none;
	line-height:35px;
}
		.slideBox .bd li a:hover{ color:#FFF; background-color:#05617F;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px;
		background:url(../images/base/slider-arrow2.png) -110px 5px no-repeat;
		filter:alpha(opacity=50);opacity:0.5;
		}
		.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }


		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		
/*/关于我们图片切换*/




/*选项卡*/
/*TAB*/
.dis {display:block;}
.undis {display:none;}
.tabnav{ height:300px; overflow:hidden; float:right;}
.tabnav li { width:495px;  height:90px; background:#e2e0e1; position:relative; margin-bottom:10px; 
	border-left:10px solid #e2e0e1;
}
.tabnav li a {
	color: #B6D3FB;
	font-size: 0.9em;
	padding: 10px;
	position: absolute;
	left: 160px;
	top: 0px;
	font-weight:bold;
	text-decoration: none;
}
.tabnav li p{ color:#B6D3FB; font-size:0.75em; position:absolute; left:170px; top:45px; line-height:140%; padding:0 20px 0 0;}
.tabnav li strong{ height:90px; line-height:90px; width:145px; text-align:center; display:block; float:left; color:#B6D3FB; font-size:1.5em; font-weight:normal;}
.tabnav li span{ color:#B6D3FB; position:absolute; right:10px; top:10px; font-size:0.75em;}

.tabnav li.s{
	border: none;
	background: url(../images/base/tabnav.gif) no-repeat left center #FFF;
	padding-left:10px;
}
.tabnav li.s a{ color:#666666;}
.tabnav li.s strong{ background-color:#f06309; color:#FFF;}
.tabnav li.s a{left: 170px;color:#666666;}
.tabnav li.s p{left: 180px;color:#666666;}

.tabbox { float:left; height:290px; width:485px; overflow:hidden;}
.tabbox div{clear:both;}







/*定义标题*/
.t_1{ height:120px;background: url(../images/base/t_1.png) repeat-x top center;color:#000; margin-top:15px; clear:both;}
.t_1 div{ width:990px; margin-left:auto; margin-right:auto; position:relative;}
.t_1 h1,.t_1 h3{ font-size:1.4em; border-bottom:1px solid #666; height:60px; line-height:60px; float:left; font-weight:normal;}
.t_1 p{ font-size:1.6em; height:50px; line-height:50px; clear:both;  text-transform:capitalize;}
.t_1 a{ color:#000;}
.t_info {font-size:1.0em;}

.t_2{ height:120px;background: url(../images/base/t_2.gif) repeat-x top center; color:#FFF; margin-top:15px; clear:both;}
.t_2 div{ width:990px; margin-left:auto; margin-right:auto;position:relative;}
.t_2 h3{ font-size:1.4em; border-bottom:1px solid #FFF; height:60px; line-height:60px; float:left;font-weight:normal;}
.t_2 p{ font-size:1.6em; height:50px; line-height:50px; clear:both;  text-transform:capitalize;}
.t_2 a {color:white;}

.vote .t_3 a { padding:5px 15px; border:1px dotted #ccc; background:#F5F5F5; color:#1F1F1F; font-size:1.2em;  font-weight:normal; }


/*/定义标题*/


/*定义列表*/
.list_1{ clear:both; padding-top:15px;}
.list_1 li{ 
line-height:35px;
_line-height:100%;
background: url(../images/base/list_1.gif) no-repeat left center;
width:24.0%;
float:left;
overflow:hidden;
margin-right:0.9%;
_margin-right:0.5%;
_padding:5px 0;
}
.list_1 li a{ font-size:0.75em; color:#CCC;text-decoration: none;display:block;}
.list_1 li a:hover{ color:#FFF;}
.list_1 li span{ font-size:0.7em; color:#AAA; float:right;}


.list_2{ clear:both; padding-top:15px;}
.list_2 li{ border-bottom:1px dotted #BBB; padding:15px 0;}
.list_2 li a{ font-size:1.0em; color:#999;text-decoration: none;line-heigh:160%;}
.list_2 li a:hover{ color:#e2e0e1;}

.list_3{ padding:15px 30px 15px 10px;}
.list_3 a.list_page_t{
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 130%;
	padding: 20px 0 0 0;
	display: block;
	text-decoration: none;
}
.list_3 a.list_page_t:hover{ color:#D9230D; }
.list_3 li{ padding:10px 10px 25px 10px; border-bottom:1px dotted #BBBBBB; margin-bottom:10px; height:130px; float:left; width:455px;}
.list_3 li img{ float:left; margin:0 15px 10px 0; padding:5px;}
.list_3 li p{ color:#777; font-size:0.8em; padding:5px 0; line-height:140%;}
.list_3 li p a{ color:#777;}
.list_3 li p a:hover{ color:#D9230D;}
.list_3 li p span{ display:block; color:#888; padding:0 0 5px 0;}


/* ======= 滚动图片 =========*/
	.picScroll{ margin:0px auto;  position:relative;  width:1130px;  padding:10px 0 10px 120px;overflow:hidden; }
	.picScroll .prev,
	.picScroll .next{ display:block; position:absolute; top:50%;_top:25%; margin-top:-40px; left:5px; width:80px; height:80px; background:url(../images/base/btns.png) no-repeat;   }
	.picScroll .next{ left:auto; right:5px; background-position:-80px 0; }
	.picScroll .prev:hover{ background-position:0 -80px; }
	.picScroll .next:hover{ background-position:-80px -80px; }
	.picScroll ul{ overflow:hidden; zoom:1; }
	.picScroll ul li{float:left; overflow:hidden;}
	.picScroll ul li img{width:240px;}
/*/滚动图片*/


.list_cp li{ float:left; margin:0px 3px 35px 3px;  width:240px; height:300px;overflow:hidden;position:relative;}
.list_cp li img{border:0;width:240px; min-width:240px; height:300px; min-height:300px; position:absolute;}

.list_cp a.list_cp_info{
	width: 240px;
	height: 300px;
	position: absolute;
	left: 0;
	display: none;
	background-image: url(../images/base/dianbg.png);
	background-repeat: repeat;
	_filter:alpha(opacity=70);
	_-moz-opacity:0.7;
	_-khtml-opacity:0.7;
	_opacity:0.7;

}
.list_cp a.list_cp_info h3{text-decoration:none;color:#0cc7dd;font-size:1.0em;display:block; background-color:#F06309; color:#FFF; position:absolute; top:160px; height:40px; line-height:40px; padding:0 20px;width:200px; text-align:center;}
.list_cp a.list_cp_info p{ color:#FFF;position:absolute;  top:210px; display:block; padding:0 20px;width:200px; font-size:0.75em; line-height:145%;}









.list_cpimg{ width:1000px;}

.list_cpimg li{ float:left; margin:0 10px 50px 0; width:240px; height:300px;overflow:hidden;position:relative;}
.list_cpimg li img{border:0;position:absolute;}

.list_cpimg a.list_cpimg_info{
	width: 240px;
	height: 300px;
	position: absolute;
	left: 0;
	display: none;
	background-image: url(../images/base/dianbg.png);
	background-repeat: repeat;
	_filter:alpha(opacity=70);
	_-moz-opacity:0.7;
	_-khtml-opacity:0.7;
	_opacity:0.7;
}
.list_cpimg a.list_cpimg_info h3{text-decoration:none;color:#0cc7dd;font-size:1.0em;display:block; background-color:#e2e0e1; color:#FFF; position:absolute; top:160px; height:40px; line-height:40px; padding:0 20px;width:200px; text-align:center;}
.list_cpimg a.list_cpimg_info p{ color:#FFF;position:absolute;  top:210px; display:block; padding:0 20px;width:200px; font-size:0.75em; line-height:145%;}




/*/定义列表*/







/*定义组*/
.g_1{}
.g_1 a{
	width: 160px;
	height: 310px;
	display: block;
	float: left;
	color: #FFF;
	margin-right:15px;
	text-decoration: none;
	z-index:1000;
	position:relative;
	-webkit-transition:all .4s; transition:all 0.4s;
}
.g_1 img{}
.g_1 p{ padding:10px; font-size:0.75em; line-height:150%;}
.g_1 strong{ display:block; font-size:2.0em; font-weight:normal; padding-bottom:10px;}
.g_1 .g_1_c1{ background-color:#977147;}
.g_1 .g_1_c2{ background-color:#e2e0e1;}
.g_1 .g_1_c3{ background-color:#05617F;}
.g_1 .g_1_c4{ background-color:#AAC63D; margin-right:0;}
.g_1 a:hover{ background-color:#333;}




.g_2{ position:relative; z-index:2000;}
.g_2 a{-webkit-transition:all .2s; transition:all 0.2s;}
.g_2 a:active{}

.g_2 a.g_2_1{ position:absolute; left:0; top:-165px; padding:2px;}
.g_2 a.g_2_1:hover{ background-color:#FFF;}
.g_2 a.g_2_2{ position:absolute; right:0; top:-165px; padding:2px;}
.g_2 a.g_2_2:hover{ background-color:#FFF;}
.g_2 a.g_2_3{ position:absolute; left:0; top:0px; padding:2px;}
.g_2 a.g_2_3:hover{ background-color:#AAC63D;}
.g_2 a.g_2_4{ position:absolute; right:0; top:0px; padding:2px;}
.g_2 a.g_2_4:hover{ background-color:#05617F;}
.g_2 a.g_2_5{ position:absolute; left:0; bottom:0px;border:1px solid #FFF;}
.g_2 a.g_2_5:hover{ border:1px solid #AAC63D;}



/*/定义组*/





/*滚动文本*/
.mq{width:670px; height:60px; line-height:60px; padding:0 10px 0 0; position:relative; color:#1474B3; font-size:0.9em;}
.mq a{
	padding: 0 10px;
	text-decoration: none;
}
.mq strong{ color:#888888;}
/*这个是公用样式，必须要有*/


.scroll_t{margin:0;padding:0;list-style:none;overflow:hidden; width:500px;}
.scroll_t li{height:60px; line-height:60px; overflow:hidden;}
.scroll_t li span{ color:#CCC; padding:0 10px;}
.scrollGallery{
	position: relative;
	position: absolute;
	left: 70px;
	top: 2px;
}
.scrollGallery a,.scrollGallery a:visited,.scrollGallery a:link{ color:#e2e0e1;}
.scrollGallery a:hover{}

		.scrollGallery.fixedLeft ul.scrollNum{left:5px;bottom:5px;width:20px;}
		.scrollGallery ul.scrollNum{position:absolute;right:5px;bottom:5px;}
			.scrollGallery ul.scrollNum li{float:left;color:#fff;text-align:center;line-height:1.2em;width:1.2em;height:1.2em;cursor:pointer;margin:1px;margin-left:4px;}
			.scrollGallery ul.scrollNum li.current{line-height:20px;width:20px;height:20px;border:0;background-color:#ce0609;margin-top:0px;font-weight: bold;}
		.scrollGallery.fixedLeft ul.scrollNum li{float:none;margin-left:auto;margin-top:4px;}
	/*上一个或下一个的样式*/
	ul.prevNext{position:absolute;right:10px;top:10px; display:none;}
		ul.prevNext li{float:left;padding:2px 6px;border:solid 1px #fff;background:#eee;margin-left:0.8em;cursor:pointer; display:none;}
/*全局样式结束*/


/*/滚动文本*/



/*/首页专题开始*/

.i_about_banner img{margin-bottom:50px;}
.i_about_text {margin:0 10%;line-height:2em;color:#444;text-align:center;font-size: 1.1em;}
.i_about_text_pic{ clear:both; text-align:center;margin:65px 0px 20px 128px;}
.i_about_text_pic dl {float:left; width:232px; margin:0px 5px; text-align:left;max-width:232px;display:inline-block;background:#4e4e4e;}
.i_about_text_pic dl img{width:100%;height:161px;}
.i_about_text_pic dl img.img1{display:none;}
.i_about_text_pic dl img.img2{ display:block;-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } 
.i_about_text_pic dl:hover img.img1{display:block;}
.i_about_text_pic dl:hover img.img2{display:none;}
.i_about_text_pic dl dt{height:60px;line-height:60px;padding:0px 30px 0 15px;background:url(../images/base/dian1.png) 95% center no-repeat;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.i_about_text_pic dl dt a{color:#FFF;font-size: 22px;text-decoration: none;}
.i_about_text_pic dl dd{font-size: 0.8em;margin:5px 15px 20px;color:#B2B2B2;line-height:30px;height:90px;overflow:hidden;}
.i_about_text_pic dl.wow:hover{background:#000;}



/*/首页专题结束*/



/*页脚-菜单*/


.footer_url{ background-color:#EAEAEA;clear:both; margin-top:40px; padding:10px;}


.footer_url dl{ float:left;  width:120px; height:330px; padding-right:15px; margin-right:15px; }
.footer_url dl dt a {color:#666;}
.footer_url dl dt{ font-size:1.0em; color:#666; font-weight:bold; padding:15px 0;}
.footer_url dl dd{}
.footer_url dl dd a{
	color: #878787;
	line-height: 30px;
	display: block;
	text-decoration: none;
	font-size:0.8em;
}
.footer_url dl dd a:hover{
	color: #06F;
	text-decoration: underline;
}




/*友情链接*/
.f_link{ padding:15px 0 0 0;}
.f_link a{
	padding: 5px;
	display: inline-block;
	color: #858585;
	text-decoration: none;
}
.f_link a:hover{ color:#E8882C;}



/*/页脚*/

.foot{
	padding:35px 0px 30px 0px;
	background-color:#244588;
	clear:both;
	color: #FFF;
	font-size:0.8em;
}
.foot a {color:#FFF;}

.foot .box dl {float:left;}
.foot_left {width:420px;}

.foot_left a {padding:0px 10px;}
.foot_qr_codes {width:150px;margin:0px 20px; text-align:center;}
.copyrights {width:380px;}
.foot_search {width:330px; margin:15px 0px 0px 5px;}



/*/页脚*/



/*/*************/
/*/*************/
/*/子页面样式开始*/
/*/*************/
/*/*************/

/*/宽度*/

.w_200{ width:200px; float:left;}
.w_840{ width:770px; float:right; padding-left:30px; padding-right:30px;}




/*/广告条*/




/*/左侧栏目标题*/
.t_sub{ background-color:#e2e0e1; color:#FFF; font-size:1.5em; position:relative; padding:50px 20px 15px 20px;}
.t_sub strong{ font-size:1em; display:block;}
.t_sub span{ display:block; position:absolute; left:0px; _left:-20px; top:-20px;background-color:#e2e0e1; height:20px; width:200px; }


.t_sub2{ color:#926D50; font-size:1.6em; font-weight:bold; padding:20px 0;}
.t_sub3{ color:#926D50; font-size:1.9em; font-weight:bold; padding:20px 0; text-align:center; border-bottom:1px solid #DDD; margin-bottom:30px;}
.t_sub4{ color:#535353; font-size:1.3em; font-weight:bold; padding:20px 0; border-bottom:1px solid #DDD; margin-bottom:30px; clear:both;}
.t_sub4 h3{	background: url(../images/base/t_sub4.jpg) no-repeat right center; display:inline; padding:10px 25px 10px 10px;}



/*/子页菜单*/
.sub_menu{ background-color:#e2e0e1; height:60px; line-height:60px;}
.sub_menu div{ width:990px; margin-left:auto; margin-right:auto;}
.sub_menu h3{ font-size:1.4em; color:#000; float:right; font-weight:normal;line-height:60px; }
.sub_menu a{
	font-size: 0.9em;
	color: #000;
	padding: 0 20px;
	margin: 0 2px;
	text-decoration: none;
	display:block;
	float:left;
}
.sub_menu a:hover{background: url(../images/base/sub_menu.gif) no-repeat center bottom;}
.sub_menu a.sub_menu_on{background: url(../images/base/sub_menu.gif) no-repeat center bottom;}
.sub_menu a.sub_menu_on:hover{}


.menu_left{ padding:15px 0 50px 0;}
.menu_left a,.menu_left a:visited,.menu_left a:link{
	display: block;
	position: relative;
	color: #666;
	height: 35px;
	line-height: 35px;
	padding: 0 0 0 45px;
	text-decoration: none;
}
.menu_left a:hover{ color:#e2e0e1;}
.menu_left a span{ display:none;}
.menu_left a.on,.menu_left a.on:visited,.menu_left a.on:link{background-color:#e2e0e1; color:#FFF;}
.menu_left a.on:hover{ color:#FFF;}
.menu_left a.on span{background: url(../images/base/menu_left.gif) no-repeat right center ; width:17px; height:35px; position:absolute; right:-17px; top:0; display:block;}


/*/特殊连接*/
.url_1{ position:absolute; right:10px; top:20px;}
.url_1 a{
	height: 40px;
	line-height: 40px;
	background-color: #e2e0e1;
	display: block;
	float: left;
	color: #FFF;
	font-size: 0.9em;
	margin: 0 5px;
	padding: 0 25px;
	text-decoration: none;
	border-radius: 5px 5px 0px 0px;
}
.url_1 a:hover {background-color:#0a4da6;}


.url_2{ position:absolute; right:10px; top:20px;}
.url_2 a{
	height: 40px;
	line-height: 40px;
	background-color: #EEE;
	display: block;
	float: left;
	color: #000;
	font-size: 0.9em;
	margin: 0 5px;
	padding: 0 25px;
	text-decoration: none;
}
.url_2 a:hover {background-color:#e2e0e1; color:#FFF;}


/*/文字详细页内容外框*/
.c_box{ padding-left:130px;}



/*/帮助列表*/
.help_list{ background-color:#F6F6F6; padding:15px; height:150px; margin-bottom:20px; clear:both;}
.help_list dl{ width:28%; float:left; margin:2%;}
.help_list a{
	color: #999999;
	text-decoration: none;
	line-height:24px;
}
.help_list dt{ color:#545454; font-size:1.2em; font-weight:bold; height:40px; line-height:40px;}
.help_list dd{ font-size:0.9em; }


/*/返回顶部*/
#scrollUp{ width:60px; height:60px;background: url(../images/base/scrollUp.png) no-repeat left top; position:absolute; z-index:9999; right:20px; bottom:20px; cursor:pointer;}
#scrollUp:hover{background: url(../images/base/scrollUp.png) no-repeat left bottom;}
/*/scrollUp*/



.ico_tel,.ico_qq,.ico_add,.ico_weixin{ border-bottom:1px solid #DDDDDD; padding:0px 0 30px 0; margin-bottom:15px;}
.ico_tel dt,.ico_qq dt,.ico_add dt,.ico_weixin dt{background: url(../images/base/ico_tel.gif) no-repeat left top; font-size:0.8em; color:#999; height:32px; line-height:32px; padding-left:35px;}
.ico_tel dd{padding-left:35px; color:#393939; font-size:1.4em; font-weight:bold; font-weight:normal;}
.ico_qq{}
.ico_qq dt{background: url(../images/base/ico_qq.gif) no-repeat left top; }
.ico_qq dd{padding-left:35px; }
.ico_qq dd a{
	color: #868686;
	padding: 0 20px 0 0;
	text-decoration: none;
	white-space: nowrap;
	font-size:0.75em;
	line-height:150%;
}

.ico_qq dd a:hover{ color:#e2e0e1;}

.ico_weixin {  border:none;}
.ico_weixin dt{background: url(../images/base/ico_add.gif) no-repeat left top; }
.ico_weixin dd{padding-left:35px; color:#777; font-size:0.75em; line-height:150%;}


.ico_add dt{background: url(../images/base/ico_add.gif) no-repeat left top; }
.ico_add dd{padding-left:35px; color:#777; font-size:0.75em; line-height:150%;}
/*/留言表单*/



/**/
/*列表页 -文字列表*/
/**/
.list_page_1{ padding:15px 20px 15px 0px;}
a.list_page_t{
	color: #333;
	font-size: 1.2em;
	display: block;
	text-decoration: none;
}
a.list_page_t:hover{ color:#D9230D; }
.list_page_1 li { padding:15px 10px 15px 10px; clear:both; border-top:1px dotted white; border-bottom:1px dotted #BBBBBB;}

.list_page_1 li p { color:#777; font-size:0.8em; padding:5px; line-height:160%;}
.list_page_1 li p a { color:#000;}
.list_page_1 li p a:hover{ color:#D9230D;}
.list_page_1 li p span{ display:block; color:#888; padding:0 0 5px 0;}
.li_text {float:left; width:520px; margin-left:25px;}
.li_text_w {width:950px;} 
.li_pic_text {float:left; width:700px; margin-left:25px; ;} 
.list_page_1 li:hover {background:#F5F5F5;border:1px dotted #ccc;border-radius: 5px 5px 5px 5px;}
.list_page_date{width:50px;float:left;margin:0 20px 0 0;}
.list_page_date h1{height:46px;line-height:46px;text-align:center;overflow:hidden;width:54px;white-space:nowrap;float:left;font-size: 46px;color:#555;font-family: 'Times New Roman', Times, serif;}
.list_page_date p {clear:both; display:block; width: 6em;padding:0;text-align:left;overflow:hidden; }


.list_page_1 .li_text  a,.list_page_1 .li_text_w a,.list_page_1 .li_pic_text a {color:#666;}
.list_page_2 li {border:1px dotted #BBBBBB; margin:15px 0px;}
.list_page_1 a.list_page_t {color:#000; font-size:18px; font-weight:bold; }

a.table_more {padding:5px 8px; background:#e2e0e1;color:white;border-radius: 3px 3px 3px 3px; font-size:0.8em; }
.table_job_more a {width:160px; line-height:28px;
padding:5px 20px;
-moz-box-shadow: 3px 3px 4px #DFDFDF;-webkit-box-shadow: 3px 3px 4px #DFDFDF;box-shadow: 3px 3px 4px #DFDFDF;
	color:#FFF;
	font-size:1.0em;
border-radius: 3px 3px 3px 3px;
	overflow:hidden;
	cursor:pointer;
	background:#e2e0e1;
	display:block;
	text-align:center;
}
.table_job_more a:hover{ background:#FF4A00;}
/**/
/*列表页 -图片列表*/
/**/
.list_img_page{}
.list_img_page li{ float:left; width:33%; height:260px; text-align:center; margin-bottom:10px; font-size:0.9em;}
.list_img_page a{
	text-decoration: none;
	margin:auto;
	
}
.list_img_page li a img{margin:auto; padding:2px; background-color:#FFF;-webkit-transition:all .2s; transition:all 0.2s;}
.list_img_page li a h4{color:#666666; line-height:30px;height:30px; font-weight:normal;}
.list_img_page li a:hover{}
.list_img_page li a:hover img{ background-color:#DD4526;}
.list_img_page li a:hover h4{color:#DD4526;}



/**/
/*图片详细页 -图片列表*/
/**/
.list_img_pubu{ margin:10px 0 100px 30px;}
.list_img_pubu li{ float:left; margin:10px; text-align:center;font-size:0.9em; _width:30%;}
.list_img_pubu a{
	text-decoration: none;
	margin:auto;
	
}
.list_img_pubu li a img{margin:auto; padding:2px; background-color:#FFF;-webkit-transition:all .2s; transition:all 0.2s;}
.list_img_pubu li a h4{color:#666666; line-height:30px;height:30px; font-weight:normal;}
.list_img_pubu li a:hover{}
.list_img_pubu li a:hover img{ background-color:#DD4526;}
.list_img_pubu li a:hover h4{color:#DD4526;}


/**/
/*产品详细页 -产品展示*/
/**/
.product_img {width:490px;background:#FFF;float:right; padding-top:25px;overflow:hidden}
.product_img .bd{position:relative;width:340px;height:300px;overflow:hidden; margin-bottom:5px;}
.product_img .showDiv {position:relative;width:490px;height:300px; overflow:hidden;text-align:center;}
.product_img .showDiv img {max-width:490px;margin:0 auto;
 width:expression(document.body.clientWidth>490?"490px":"auto");
 max-height:300px;
height:expression(document.body.clientHeight>300?"340px":"auto");
 }

.product_img .hd{}
.product_img .hd ul li {float:left; margin:0 0 10px 1px;  _margin:0 0 10px 0px;display:inline; position:relative;}
.product_img .hd ul a {display:block;}
.product_img .hd ul img{ width:121px;height:145px; border:3px solid #FFF;}
.product_img .hd ul .mask{ display:none;}
.product_img .hd ul a:hover .mask, .product_img .hd ul .on .mask{display:none; position:relative;}
.product_img .hd ul a:hover img, .product_img .hd ul .on img{border-color:#E93B09;}
.product_img .hd ul a:hover{color:#fff;}
.product_img .hd ul a:hover .txt_bg {background:#70a20f;}


/**/
/*产品详细页 -规格介绍*/
/**/
.product_h1{color:#000; font-size:1.9em;   padding:40px 0 40px 0; border-bottom:1px dotted #ccc; line-height:180%; font-weight:normal;}

.product_info{ width:460px; float:left; margin-right:10px; padding-top:20px;overflow:hidden}
.product_info h1{}
.product_info table{ color:#535353; width:100%; padding:10px 0; margin:10px 0;}
.product_info table th{ text-align:right; padding:7px 5px; width:80px; font-weight:normal; color:#888;font-size:0.75em;}
.product_info table td{ padding:5px; color:#535353; font-size:0.9em;}
.product_info table tr{}
.product_info strong{ color:#E53F40; font-size:30px;}
#dialog_link,.product_info .goshop{
float:left; 
	background-color: #F06309;
	color: #FFF;
	font-size: 1.0em;
	padding: 13px 15px;
	margin: 10px 10px 10px 85px;
	display: block;
	width: 110px;
	text-align: center;
	text-decoration: none;
	border-radius: 3px 3px 3px 3px;
	-moz-box-shadow: 3px 3px 4px #DFDFDF;-webkit-box-shadow: 3px 3px 4px #DFDFDF;box-shadow: 3px 3px 4px #DFDFDF;
	
}
.product_info .goshop:hover{ background-color:#FF4A00;}

#dialog_link {margin-left:20px;background:#46ADDD;}
#dialog_link:hover {background:#46ADDD;}
.product_info div{border-bottom:1px solid #DDDDDD; }




/*/文字详细页*/
.content{
	padding:20px 10px;
	margin:0px;
	line-height:180%;
	clear:both;
	padding-bottom:50px;
}






/*搜索*/
.search {clear:both; padding-top:15px;}
.s_text { height:28px; line-height:28px; color:#333; padding:0px 10px; background:#789;border-radius: 3px 3px 3px 3px;}
.s_text:hover {background:#FAFAD2;}
.s_btn {width:28px; height:28px; margin-left:5px; background:url(../images/base/s_btn.png) left top no-repeat; background-size:95% 95%;}
.s_btn:hover {background:url(../images/base/s_btn.png) left top no-repeat; background-size:95% 95%;}




.lianxi{}
.lianxi1{background:#242625;}
.lianxi1_1{font-size: 60px;line-height:120%;color:#CCCCCC;text-align:center;padding:50px 0 ;}
.lianxi1_1 span{font-weight:bold;color:#C22C45;}
.lianxi1_2{width:980px;margin:50px auto 0;padding:0 0 50px}
.lianxi1_2 dl{float:left;height:150px;border-right:1px solid #454545}
.lianxi1_2 dl{padding:0 0 0 80px;width:245px;}
.lianxi1_2 dl.dl1{background:url(../images/base/lianxi1.gif) 19px 0 no-repeat;}
.lianxi1_2 dl.dl2{background:url(../images/base/lianxi2.gif) 19px 0 no-repeat;}
.lianxi1_2 dl.dl3{background:url(../images/base/lianxi3.gif) 19px 0 no-repeat;border:none;}
.lianxi1_2 dl dt{line-height:40px;color:#CACACA;font-size: 26px;margin-bottom:10px;}
.lianxi1_2 dl dd{color:#AEAEAE;font-size: 1.0em;}
.lianxi2{width:100%;height:50.8em;overflow:hidden;}



.vote {font-size:0.8em;}

#mobilenum
{
  width:152px;
  height:30px;
  line-height:30px;
  padding:0px 10px;
  border:1px solid #ccc;
  font-weight:bold;
  font-size:12px;
  border-radius: 3px 3px 3px 3px;
  margin-bottom:20px;
}
#btm_sendMobileCode { width:140px; height:32px;
  line-height:32px; border-radius: 3px 3px 3px 3px; margin-bottom:20px;}





















body{
	font-family: 'SourceSansPro-Regular';
	margin:0;
	padding:0;
	background:#fff;
 }
body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0;			   
}
p{
	margin:0;
}
ul{
margin:0;
padding:0;
}
@font-face {
    font-family: 'SourceSansPro-Regular';
    src:url(../fonts/SourceSansPro-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'SourceSansPro-Bold';
    src:url(../fonts/SourceSansPro-Bold.ttf) format('truetype');
}
/*-- header --*/
.header{
	padding:30px 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e0e1+1,e2e0e1+28,535e64+74,535e64+86,535e64+100 */
	background: rgb(220,98,38); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(220,98,38,1) 1%, rgba(220,98,38,1) 28%, rgba(83,94,100,1) 74%, rgba(83,94,100,1) 86%, rgba(83,94,100,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(220,98,38,1)), color-stop(28%,rgba(220,98,38,1)), color-stop(74%,rgba(83,94,100,1)), color-stop(86%,rgba(83,94,100,1)), color-stop(100%,rgba(83,94,100,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e0e1', endColorstr='#535e64',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.header-left a {
  display: block;
}
.header-left{
	float:left;
	width:18%;
}
.header-left img {
    width: 100%;
    margin-top: 1%;
}
.header-right{
	float:right;
	width:60%;
}
.header-right ul{
	padding:0;
	margin:0;
	text-align:right;
	}
.header-right ul li{
	display:inline-block;
	}
.header-right ul li a {
	font-size: 18px;
	color:#e1e1e1;
	font-weight:400;
	margin:0 10px;
	text-decoration: none;
	text-align: center;
	}
/*-- menu --*/
.header-right span{
	display:none;
}
/*-- //menu --*/
/* Effect 20: 3D side */
.cl-effect-20 a {
	line-height: 2em;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	perspective: 800px;
}
.cl-effect-20 a span {
    position: relative;
    display: inline-block;
    padding: 3px 15px 0;
    background: rgba(70, 57, 173, 0);
    box-shadow: inset 0 3px rgba(106, 48, 183, 0);
    -webkit-transition: background 0.6s;
    -moz-transition: background 0.6s;
    transition: background 0.6s;
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 50%;
    -moz-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
}
.cl-effect-20 a span::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#535e64+0,535e64+31,e2e0e1+54,e2e0e1+100 */
	background: rgb(83,94,100); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(83,94,100,1) 0%, rgba(83,94,100,1) 31%, rgba(220,98,38,1) 54%, rgba(220,98,38,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(83,94,100,1)), color-stop(31%,rgba(83,94,100,1)), color-stop(54%,rgba(220,98,38,1)), color-stop(100%,rgba(220,98,38,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(83,94,100,1) 0%,rgba(83,94,100,1) 31%,rgba(220,98,38,1) 54%,rgba(220,98,38,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(83,94,100,1) 0%,rgba(83,94,100,1) 31%,rgba(220,98,38,1) 54%,rgba(220,98,38,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(83,94,100,1) 0%,rgba(83,94,100,1) 31%,rgba(220,98,38,1) 54%,rgba(220,98,38,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(83,94,100,1) 0%,rgba(83,94,100,1) 31%,rgba(220,98,38,1) 54%,rgba(220,98,38,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535e64', endColorstr='#e2e0e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	color: #fff;
	content: attr(data-hover);
	-webkit-transform: rotateX(270deg);
	-moz-transform: rotateX(270deg);
	transform: rotateX(270deg);
	-webkit-transition: -webkit-transform 0.6s;
	-moz-transition: -moz-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	pointer-events: none;
}
.cl-effect-20 a:hover span,
.cl-effect-20 a:focus span {
	background: rgba(126, 43, 187, 0.01);
}
.cl-effect-20 a:hover span::before,
.cl-effect-20 a:focus span::before {
	-webkit-transform: rotateX(10deg);	
	-moz-transform: rotateX(10deg);
	transform: rotateX(10deg);
}	
/*--header-end--*/
/*--banner-starts--*/
.banner{
	background:url(../images/base/banner1.jpg) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	min-height: 650px;
}
.banner-info h1{
	color:#ffffff;
	font-size:50px;
	margin:0;
}
.banner-info p {
    color: #ffffff;
    font-size: 25px;
    margin: 10px 0 0px 0;
}
.banner-info {
    margin-top: 27%;
}
/*--banner--*/
/*--about-starts--*/
.about-info {
    margin: 105px 0px 0 200px;
}
.about-info h3{
	font-size:36px;
	margin:0 0 40px 0;
	color:#242424;
	font-family: 'SourceSansPro-Bold';
}
.about-info h3 a{
	color:#242424;
}
.about-info p {
    color: #999;
    margin: 0 0 20px 0;
    font-family: myriad pro;
    font-size: 16px;
    line-height: 1.8em;
}
.about-info p:nth-child(3){
	margin:0 0 54px 0;
}
.about-info a{
	color:#fff;
	text-decoration:none;
	font-size:14px;
	background: rgb(220,98,38); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(220,98,38,1) 1%, rgba(220,98,38,1) 28%, rgba(83,94,100,1) 74%, rgba(83,94,100,1) 86%, rgba(83,94,100,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(220,98,38,1)), color-stop(28%,rgba(220,98,38,1)), color-stop(74%,rgba(83,94,100,1)), color-stop(86%,rgba(83,94,100,1)), color-stop(100%,rgba(83,94,100,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e0e1', endColorstr='#535e64',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding: 12px 30px;
}
.about-info a:hover{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#535e64+0,535e64+31,e2e0e1+54,e2e0e1+100 */
	background: rgb(83,94,100); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(83,94,100,1) 0%, rgba(83,94,100,1) 31%, rgba(220,98,38,1) 54%, rgba(220,98,38,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(83,94,100,1)), color-stop(31%,rgba(83,94,100,1)), color-stop(54%,rgba(220,98,38,1)), color-stop(100%,rgba(220,98,38,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg,  rgba(83,94,100,1) 0%,rgba(83,94,100,1) 31%,rgba(220,98,38,1) 54%,rgba(220,98,38,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg,  rgba(83,94,100,1) 0%,rgba(83,94,100,1) 31%,rgba(220,98,38,1) 54%,rgba(220,98,38,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg,  rgba(83,94,100,1) 0%,rgba(83,94,100,1) 31%,rgba(220,98,38,1) 54%,rgba(220,98,38,1) 100%); /* IE10+ */
	background: linear-gradient(135deg,  rgba(83,94,100,1) 0%,rgba(83,94,100,1) 31%,rgba(220,98,38,1) 54%,rgba(220,98,38,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535e64', endColorstr='#e2e0e1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/*--slide---*/
.ia-container {
	width: 91%;
	margin: 20px auto;
	overflow: hidden;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.08);
	border: 7px solid rgba(255,255,255,0.6);
}
.ia-container figure {
    position: absolute;
	top: 0;
	margin: 0;
	left: 50px; /* width of visible piece */
	width: 335px;
    box-shadow: 0 0 0 1px rgba(255,255,255,0.6);
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.ia-container > figure {
  position: relative;
  left: 0 !important;
  margin: 0;
}
.ia-container img {
	display: block;
	width: 100%;
}
.ia-container input {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px; /* just cover visible part */
	height: 100%;
	cursor: pointer;
	border: 0;
	padding: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
	z-index: 100;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.ia-container input:checked{
	width: 5px;
	left: auto;
	right: 0px;
}
.ia-container input:checked ~ figure {
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	left: 98%;
	margin: 0;
}
.ia-container figcaption {
	width: 100%;
	height: 100%;
	background: rgba(87, 73, 81, 0.1);
	position: absolute;
	top: 0px;
	-webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.ia-container figcaption span {
	position: absolute;
	top: 40%;
	margin-top: -15px;
	right: 20px;
	left: 15px;
	overflow: hidden;
	text-align: center;
	background: rgba(220, 98, 38, 0.65);
	line-height: 20px;
	font-size: 18px;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
	text-transform: uppercase;
	letter-spacing: 4px;
	font-weight: 700;
	padding: 20px;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
} 
.ia-container figcaption span a{ 
  color:#FFF;
}

.ia-container input:checked + figcaption,
.ia-container input:checked:hover + figcaption{
	background: rgba(87, 73, 81, 0);
}
.ia-container input:checked + figcaption span {
	-webkit-transition: all 0.4s ease-in-out 0.5s;
    -moz-transition: all 0.4s ease-in-out 0.5s;
    -o-transition: all 0.4s ease-in-out 0.5s;
    -ms-transition: all 0.4s ease-in-out 0.5s;
    transition: all 0.4s ease-in-out 0.5s;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
    filter: alpha(opacity=99);
	opacity: 1;
	
	top: 50%;
}
.ia-container #ia-selector-last:checked + figcaption span {
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	-ms-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.ia-container input:hover + figcaption {
	background: rgba(87, 73, 81, 0.03);
}
.ia-container input:checked ~ figure input{
    z-index: 1;
}
@media screen and (max-width: 720px) {
    .ia-container { 
		width: 540px; 
	}
	.ia-container figure { 
		left: 40px; 
		width: 260px; 
	}
	.ia-container input { 
		width: 40px; 
	}
	.ia-container input:checked ~ figure { 
		left: 260px; 
	}
	.ia-container figcaption span { 
		font-size: 16px; 
	}
}
@media screen and (max-width: 520px) {
    .ia-container { 
		width: 320px; 
	}
	.ia-container figure { 
		left: 20px; 
		width: 180px; 
	}
	.ia-container input { 
		width: 20px; 
	}
	.ia-container input:checked ~ figure { 
		left: 180px; 
	}
	.ia-container figcaption span { 
		font-size: 12px; 
		letter-spacing: 2px; 
		padding: 10px; 
		margin-top: -20px; 
	} 
}
/*--about-end--*/
/*--services-starts--*/
.services {
    padding: 5em 0 6em 0px;
}
.services-top{
	text-align:center;
}
.services-bottom{
	margin-top:4%;
}
.services-left span{
	font-size:3em;
	color:#535E64;
}
.services-left h4{
	color:#e2e0e1;
	font-size:1.6em;
	margin:10px 0 0 0;
}
.services-left p {
    color: #999;
    margin-top: 7px;
    font-family: myriad pro;
    font-size: 16px;
    line-height: 1.8em;
}
/*--services-end--*/
/*--testimonials-starts--*/
.test{
	background:url(../images/base/t-banner.jpg) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
	min-height: 400px;
}
.test-top {
    margin-top: 5%;
}
.test-1{
	width:18%;
	float:left;
}
.test-1 img{
height:auto;
width:100%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}


.test-2 {
	width:78%;
	float:right;
	text-align:left;
	margin-top: 1.7%;
}
.test-2 p{
	font-size:15px;
	color:#fff;
	line-height:1.8em;
	margin-top:2%;
}
.test-2 h4{
	font-size:1.5em;
	color:#fff;
	margin-top:3%;
}
.test-2 h4 a{
	color:#fff;
}
.test-2 span{
	font-size:2.2em;
	color:#fff;
}
/*--testimonials-end--*/
/*--team-starts--*/
.team {
    padding: 6em 0;
}
.team-bottom{
	margin-top:4%;
}
.team-top{
	text-align:center;
}
img.zoom-img {
    -webkit-transform: scale(1, 1);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1, 1);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
}
img.zoom-img:hover {
    -webkit-transform: scale(1.12);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 700ms;
    -moz-transform: scale(1.12);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 700ms;
    overflow: hidden;
	cursor:pointer;
}
a.mask {
	text-decoration: none;
	overflow: hidden;
	display: block;
}
.team-left{
	text-align:center;
}
.team-left h4{
	color:#e2e0e1;
	font-size:20px;
	margin:25px 0 0 0;
}
.team-left h4 a{
	color:#e2e0e1;
}
.team-left p{
	color: #999;
    margin-top: 7px;
    font-family: myriad pro;
    font-size: 16px;
    line-height: 1.8em;
}
/*--team-end--*/
/*--letter-starts--*/
.letter-right ul {
	padding:0;
	margin:0;
}
.letter-right{
	padding:0;
}
.letter-list {
    background: #535E64;
    padding: 50px 0 50px 60px;
}
.letter-left h3{
	color:#fff !important;
}
.letter-bottom input[type="text"]{
	width: 80%;
	margin-bottom: 20px;
    color: #fff;
    background: none;
    padding: 15px 10px;
    outline: none;
    border: none;
    border-bottom: 1px solid #fff;
}
.letter-right ul li {
	list-style-image: url(../images/base/pic10.png);
    margin: 0px 0px 9px 18px;
	 color:#FFF;
}
.letter-right ul li a{
	color: #ffffff;
    font-family: myriad pro;
    font-size: 16px;
    line-height: 1.5em;
    padding-left: 6px;
    vertical-align: middle;
}
.letter-left {
    padding: 30px 4% 0 5%;
}
.letter-grids{
	background:url(../images/base/n-banner.jpg) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
    padding: 70px 0 0 0;
	min-height: 410px;
}
.letter-bottom {
    margin-top: 8%;
}
/*--letter-end--*/
/*--news--starts-*/
.news{
	padding-bottom:6em;
}
.news-top{
	text-align:center;
}
.news-bottom{
	margin-top:4%;
}
.view-fifth img {
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth .mask {
   background-color: rgba(28, 32, 41, 0.62);
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-fifth h2 {
   background: rgba(255, 255, 255, 0.5);
   color: #000;
   -webkit-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   -moz-box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
   box-shadow: 0px 1px 3px rgba(159, 141, 140, 0.5);
}
.view-fifth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   color: #333;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-fifth:hover .mask {
   -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-fifth:hover img {
   -webkit-transform: translateX(300px);
   -moz-transform: translateX(300px);
   -o-transform: translateX(300px);
   -ms-transform: translateX(300px);
   transform: translateX(300px);
}
.view-fifth:hover p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view {
   width: 281px;
   height: 420px;
   margin: 2px;
   float: left;
   border: 1px solid #ccc;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/base/bgimg.jpg) no-repeat center center;
}
.view .mask,.view .content {
   width: 261px;
   height: 420px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(237, 27, 36, 0.8);
   margin: 35px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}


/*--news-end--*/


/*--styles-starts--*/
.styles{
	padding:6em 0px;
}
.styles-left.heading {
    margin-top: 4.5%;
}
.styles-left ul{
	padding:0;
}
.styles-left ul li{
	list-style-image: url(../images/base/arrow.png);
    margin: 0px 0px 11px 18px;
}
.styles-left ul li a{
	color:#535E64;
	font-size:15px;
}
.styles-left ul li a:hover,.letter-right ul li a:hover{
	color:#e2e0e1;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	text-decoration:none;
}
.styles-left h3{
	margin-top:14%;
}
/*--styles-end--*/
/*--keep-starts--*/
.keep{
	background:url(../images/base/keep-banner.jpg) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	-moz-background-size: cover;
    padding: 120px 0 0px 0;
    min-height: 400px;
	position:relative;
}
.keep h3{
	font-size:25px;
	margin:0 auto;
	color:#ffffff;
	font-weight:400;
	text-align:center;
	background: rgb(220,98,38);
    background: -moz-linear-gradient(-45deg, rgba(220,98,38,1) 1%, rgba(220,98,38,1) 28%, rgba(83,94,100,1) 74%, rgba(83,94,100,1) 86%, rgba(83,94,100,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(220,98,38,1)), color-stop(28%,rgba(220,98,38,1)), color-stop(74%,rgba(83,94,100,1)), color-stop(86%,rgba(83,94,100,1)), color-stop(100%,rgba(83,94,100,1)));
    background: -webkit-linear-gradient(-45deg, rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%);
    background: linear-gradient(135deg, rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e0e1', endColorstr='#535e64',GradientType=1 );
	padding: 20px 0;
    width: 35%;
}
.keep ul{
    margin: 50px 0 0 0;
	padding: 0;
	text-align:center;
	}
.keep ul li{
	display:inline-block;
	list-style-type:none;
	margin: 0 8px;
	}
.keep ul li a span{
	background: url(../images/base/social-icons.png) no-repeat 0px 0px;
	display: block;
	width: 48px;
	height: 48px;
	}
.keep ul li a span:hover{
	transition: .5s all;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all;
	transform: rotatey(360deg);	
	-webkit-transform: rotatey(360deg);	
	-moz-transform: rotatey(360deg);	
	-o-transform: rotatey(360deg);	
	-ms-transform: rotatey(360deg);	
}
.keep ul li a span.fb{
	background-position:0px 0px;
}
.keep ul li a span.twit{
	background-position:-48px 0px;
}
.keep ul li a span.google{
	background-position:-96px 0px;
}
.keep ul li a span.pin{
	background-position:-144px 0px;
}
.keep ul li a span.fb:hover{
	background-position:0px -48px;
}
.keep ul li a span.twit:hover{
	background-position:-48px -48px;
}
.keep ul li a span.google:hover{
	background-position:-96px -48px;	
}
.keep ul li a span.pin:hover{
	background-position:-144px -48px;
}
.find {
    position: absolute;
    width: 35%;
    margin: 0 auto;
    background: #fff;
    padding: 2em 20px;
    top: 83%;
    left: 32.2%;
	z-index:1;
}
.find-left h4{
	color:#535E64;
	font-size:28px;
	margin:32% 0 0 0;
}
.find-right h5{
	color:#535E64;
	font-size:20px;
}
.find-right p{
	color:#e2e0e1;
	margin-top:10px;
	font-size:14px;
}
.adrs1{
	margin-top:3%;
}
/*--keep-end--*/
/*--map-starts--*/
.map{
	position:relative;
}
.map iframe{
	width:100%;
	height:350px;
}
.map-mask {
    background: rgba(0, 0, 0, 0.21);
    width: 100%;
    padding: 1.65em 0;
    top: 0;
    right: 0;
    position: absolute;
    height: 350px;
}
/*--map-end--*/
/*--contact-starts--*/
.contact{
	padding:6em 0px;
}
.contact-bottom {
    margin-top: 2%;
}
.team-bottom a.mask{
	text-align:center;
}
.team-bottom a.mask img{
	margin:0 auto;
}
.heading h3{
	font-size: 36px;
    margin: 0 0 0px 0;
    color: #242424;
    font-family: 'SourceSansPro-Bold';
}
.heading h3 a{
    color: #242424;
}
.contact-left input[type="text"],.contact-left textarea {
    width: 100%;
    margin-bottom: 15px;
    color: #A7A4A4;
    background: none;
    padding: 15px 10px;
    outline: none;
    border: none;
    border-bottom: 1px solid #535E64;
}
.contact-left textarea{
	resize: none;
    height: 8.9em;
	margin-bottom:0;
}
.submit-btn input[type=submit],.letter-bottom form input[type=submit]{
    color: #FFFFFF;
    padding: 10px 30px;
    font-size: 15px;
    cursor: pointer;
    border: none;
    margin: 13px 0 0 0px;
    background: rgb(220,98,38);
    background: -moz-linear-gradient(-45deg, rgba(220,98,38,1) 1%, rgba(220,98,38,1) 28%, rgba(83,94,100,1) 74%, rgba(83,94,100,1) 86%, rgba(83,94,100,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(220,98,38,1)), color-stop(28%,rgba(220,98,38,1)), color-stop(74%,rgba(83,94,100,1)), color-stop(86%,rgba(83,94,100,1)), color-stop(100%,rgba(83,94,100,1)));
    background: -webkit-linear-gradient(-45deg, rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%);
    background: linear-gradient(135deg, rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e0e1', endColorstr='#535e64',GradientType=1 );
    outline: none;
}
.submit-btn input[type=submit]:hover,.letter-bottom form input[type=submit]:hover{
	background: rgb(83,94,100);
    background: -moz-linear-gradient(-45deg, rgba(83,94,100,1) 0%, rgba(83,94,100,1) 31%, rgba(220,98,38,1) 54%, rgba(220,98,38,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(83,94,100,1)), color-stop(31%,rgba(83,94,100,1)), color-stop(54%,rgba(220,98,38,1)), color-stop(100%,rgba(220,98,38,1)));
    background: -webkit-linear-gradient(-45deg, rgba(83,94,100,1) 0%,rgba(83,94,100,1) 31%,rgba(220,98,38,1) 54%,rgba(220,98,38,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(83,94,100,1) 0%,rgba(83,94,100,1) 31%,rgba(220,98,38,1) 54%,rgba(220,98,38,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(83,94,100,1) 0%,rgba(83,94,100,1) 31%,rgba(220,98,38,1) 54%,rgba(220,98,38,1) 100%);
    background: linear-gradient(135deg, rgba(83,94,100,1) 0%,rgba(83,94,100,1) 31%,rgba(220,98,38,1) 54%,rgba(220,98,38,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535e64', endColorstr='#e2e0e1',GradientType=1 );
}
/*--contact-end--*/
/*--footer-starts--*/
.footer{
	background: rgb(220,98,38);
    background: -moz-linear-gradient(-45deg, rgba(220,98,38,1) 1%, rgba(220,98,38,1) 28%, rgba(83,94,100,1) 74%, rgba(83,94,100,1) 86%, rgba(83,94,100,1) 100%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(220,98,38,1)), color-stop(28%,rgba(220,98,38,1)), color-stop(74%,rgba(83,94,100,1)), color-stop(86%,rgba(83,94,100,1)), color-stop(100%,rgba(83,94,100,1)));
    background: -webkit-linear-gradient(-45deg, rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%);
    background: linear-gradient(135deg, rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e0e1', endColorstr='#535e64',GradientType=1 );
	padding: 2em 0;
}
.footer p:nth-child(2){
	margin-top:15px;
}
.footer p{
	margin:0;
	font-size:16px;
	color:#ffffff;
	text-align:center;
}
.footer p span{
  margin:0 .5em;
}
.footer p a{
	color:#ffffff;
}
.footer p a:hover {
    text-decoration: none;
    color: #e2e0e1;
}
/*--footer-end--*/
/*-- to-top --*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 12px;
	right: 1%;
	overflow: hidden;
	z-index: 999; 
	width: 32px;
	height: 32px;
	border: none;
	text-indent: 100%;
	background: url("./images/base/top-arrow.png") no-repeat 0px 0px;
}
/*--to-top--*/
@media(max-width:768px){
	.header-left {
	  width: 33%;
	}
	.header-right {
	  width: 64.8%;
	}
span.menu {
    display: block;
    cursor: pointer;
    width: 100%;
    position: relative;
    text-align: right;
    padding: 0px 0;
}
ul.nav1{
	display:none;
	background: rgb(220,98,38); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(220,98,38,1) 1%, rgba(220,98,38,1) 28%, rgba(83,94,100,1) 74%, rgba(83,94,100,1) 86%, rgba(83,94,100,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,rgba(220,98,38,1)), color-stop(28%,rgba(220,98,38,1)), color-stop(74%,rgba(83,94,100,1)), color-stop(86%,rgba(83,94,100,1)), color-stop(100%,rgba(83,94,100,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%); /* IE10+ */
background: linear-gradient(135deg,  rgba(220,98,38,1) 1%,rgba(220,98,38,1) 28%,rgba(83,94,100,1) 74%,rgba(83,94,100,1) 86%,rgba(83,94,100,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e0e1', endColorstr='#535e64',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.header-right  ul.nav1 li {
	display: inline-block;
	text-align: center;
	margin: 0;
	width: 100%;
	padding: 0px 0;
}
.header-right ul {
    position: absolute;
    padding: 0;
    margin: 0;
    left: 0%;
    width: 100%;
    z-index: 9999;
    margin-top: 3.2%;
}
.header-right ul li a {
	display: block;
	margin: 13px 3px;
	padding-bottom:8px;
	border-bottom:2px solid transparent;
}
.header-right ul li a:hover{
	color:#535E64;
}
}
/*--media-quaries-starts--*/
@media (max-width:1440px){
.banner {
    min-height: 615px;
}
.banner-info {
    margin-top: 25%;
}	
.letter-grids {
    padding: 68px 0 0 0;
}
.ia-container {
    width: 93.5%;
    margin: 30px auto 0;
}
.ia-container figure {
    left: 41px;
}
.ia-container figcaption span {
    margin-top: -25px;
    font-size: 15px;
    padding: 17px;
}
.about-info {
    margin: 105px 0px 0 80px;
}
}
@media (max-width:1366px){
.find-right {
    padding: 0;
}	
.ia-container {
    width: 94%;
}
.ia-container input:checked ~ figure {
    left: 92%;
}
.header {
    padding: 27px 0;
}
.banner {
    min-height: 545px;
}
.banner-info h1 {
    font-size: 49px;
}
.banner-info p {
    font-size: 25px;
}
.banner-info {
    margin-top: 21%;
}
.letter-grids {
    padding: 69px 0 0 0;
}
.find {
    left: 32.2%;
}
.contact,.team,.styles,.services {
    padding: 5em 0px;
}
.news {
    padding-bottom: 5em;
}
}
@media (max-width:1280px){
.ia-container {
    width: 91%;
    margin: 35px auto 0;
}
.ia-container figure {
    left: 31px;
}
.about-info h3,.heading h3 {
    font-size: 34px;
    margin: 0 0 30px 0;
}
.test {
    min-height: 370px;
}	
.test-top {
    margin-top: 3.7%;
}
.keep h3 {
    font-size: 24px;
    padding: 18px 0;
    width: 35%;
}
.keep {
    padding: 100px 0 0px 0;
    min-height: 360px;
}
.find {
    left: 32.4%;
    width: 37%;
}
.find-left h4 {
    font-size: 27px;
    margin: 38% 0 0 0;
}
.map iframe,.map-mask {
    height: 335px;
}
}
@media (max-width:1024px){
.header-right ul li a {
    font-size: 18px;
    margin: 0 2px;
}	
.contact-left input[type="text"], .contact-left textarea {
    padding: 10px 10px;
}
.contact-left textarea {
	height: 7.75em;
}
.submit-btn input[type=submit], .letter-bottom form input[type=submit] {
    padding: 7px 22px;
    font-size: 13px;
    margin: 8px 0 0 0px;
}
.header {
    padding: 23px 0;
}
.header-left img {
    margin-top: 5.5%;
}
.banner-info h1 {
    font-size: 41px;
}
.banner-info p {
    font-size: 22px;
}
.services-left span {
    font-size: 2.5em;
}
.services-left h4 {
    font-size: 1.4em;
    margin: 15px 0 0 0;
}
.services-left p {
    font-size: 15px;
}
.contact, .team, .styles, .services {
    padding: 4em 0px;
}
.banner {
    min-height: 440px;
}
.banner-info {
    margin-top: 19.5%;
}
.about-info h3, .heading h3 {
    font-size: 32px;
    margin: 0 0 20px 0;
}
.about-info p {
    margin: 0 0 12px 0;
    font-size: 15px;
}
.about-info {
    margin: 140px 0px 0 30px;
}
.ia-container {
    width: 95%;
}
.ia-container input:checked ~ figure {
    left: 74%;
}
.ia-container figcaption {
    width: 75%;
}
.ia-container figcaption span {
    font-size: 13px;
    padding: 10px;
}
.ia-container figure {
    left: 27px;
}
.test-1 img{
	width:100%;
}
.test-2 span {
    font-size: 2.1em;
}
.test-2 h4 {
    font-size: 1.4em;
    margin-top: 2.5%;
}
.flex-control-nav {
    left: 4.5%;
}
.test-2 p {
    font-size: 14px;
    width: 88%;
}
.test {
    min-height: 335px;
}
.styles-left {
    padding: 0;
}
.view {
    width: 231px;
    margin: 2px;
}
.view .mask, .view .content {
    width: 211px;
    height: 200px;
}
.view h2 {
    font-size: 16px;
    padding: 9px;
}
.news-bottom {
    margin-top: 2%;
}
.news {
    padding-bottom: 4em;
}
.letter-right ul li a {
    padding-left: 4px;
}
.letter-right ul li a {
    font-size: 15px;
}
.letter-list {
    padding: 35px 0 35px 50px;
}
.letter-bottom input[type="text"] {
    width: 90%;
    font-size: 13px;
    padding: 13px 10px;
}
.letter-left {
    padding: 25px 4% 0 5%;
}
.letter-grids {
    padding: 65px 0 0 0;
	 min-height: 365px;
}
.team-bottom {
    margin-top: 3%;
}
.team-left h4 {
    font-size: 19px;
    margin: 16px 0 0 0;
}
.team-left p {
    margin-top: 4px;
    font-size: 15px;
}
.keep h3 {
    font-size: 22px;
    padding: 14px 0;
}
.keep ul {
    margin: 40px 0 0 0;
}
.keep ul li {
    margin: 0 5px;
}
.keep ul li a span {
    width: 45px;
    height: 45px;
    background-size: 400%;
}
.keep ul li a span.fb:hover {
    background-position: 0px -45px;
}
.keep ul li a span.twit {
    background-position: -45px 0px;
}
.keep ul li a span.twit:hover {
    background-position: -45px -45px;
}
.keep ul li a span.google {
    background-position: -90px 0px;
}
.keep ul li a span.google:hover {
    background-position: -90px -45px;
}
.keep ul li a span.pin {
    background-position: -135px 0px;
}
.keep ul li a span.pin:hover {
    background-position: -135px -45px;
}
.keep h3 {
    font-size: 20px;
    padding: 10px 0;
    width: 30%;
}
.keep {
    padding: 80px 0 0px 0;
    min-height: 360px;
}
.find-left h4 {
    font-size: 23px;
    margin: 38% 0 0 0;
}
.find {
    left: 28.6%;
    width: 43%;
}
.keep {
    padding: 55px 0 0px 0;
    min-height: 260px;
}
.find-right h5 {
    font-size: 18px;
}
.find-right p {
    font-size: 13px;
}
.map iframe, .map-mask {
    height: 300px;
}
.footer p {
    font-size: 15px;
}
.footer {
    padding: 1.8em 0;
}
}
@media (max-width:768px){
.header-left img {
    margin-top: 0px;
    width: 70%;
}
.cl-effect-20 a span::before {
    content: none;
}
.banner-info h1 {
    font-size: 33px;
}
.banner-info p {
    font-size: 18px;
	margin: 6px 0 0px 0;
}
.banner {
    min-height: 328px;
}	
.banner-info {
    margin-top: 18.5%;
}
.about-info {
    margin: 0px 0px 0 50px;
}
.about-info h3, .heading h3 {
    font-size: 28px;
    margin: 0 0 12px 0;
}
.about {
    padding-top: 3em;
}
.about-info p {
    margin: 0 0 7px 0;
}
.about-info a {
    padding: 10px 21px;
}
.about-info p:nth-child(3) {
    margin: 0 0 30px 0;
}
.ia-container {
    width: 83%;
}
.ia-container input:checked ~ figure {
    left: 90%;
}
.ia-container figure {
    left: 41px;
}
.ia-container figcaption {
    width: 81%;
}
.ia-container figcaption span {
    left: 50px;
}
.ia-container input:checked + figcaption span {
    top: 52%;
}
.services-left {
    width: 50%;
    float: left;
    margin: 7px 0;
}
.services-left:nth-child(3),.services-left:nth-child(4){
	margin-top: 15px;
}
.services-left span {
    font-size: 2.1em;
}
.contact, .team, .styles, .services {
    padding: 3em 0px;
}
.test-2 span {
    font-size: 1.8em;
}
.test-2 p {
    font-size: 14px;
    width: 94%;
}
.test-2 h4 {
    font-size: 1.3em;
    margin-top: 2.5%;
}
.test-1 img {
    margin-top: 15%;
}
.test {
    min-height: 280px;
}
.styles-left:nth-child(2),.styles-left:nth-child(3){
	width:50%;
	float:left;
	margin-top:3%;
}
.styles-left:nth-child(1){
	width:100%;
}
.styles-left.heading {
    margin-top: 0;
}
.view {
    width: 176px;
    margin: 2px;
    height: 150px;
}
.view-fifth img {
    width: 100%;
}
.view h2 {
    font-size: 14px;
    padding: 6px;
	margin: 24px 0 0 0;
}
.view .mask, .view .content {
    width: 156px;
    height: 131px;
}
.view p {
    font-size: 10px;
    padding: 6px 15px 15px;
}
.letter-left,.letter-right{
	width:50%;
	float:left;
}
.letter-right ul li a {
    font-size: 14px;
    padding-left: 1px;
}
.letter-list {
    padding: 20px 0 20px 19px;
}
.letter-left {
    padding: 21px 1% 0 3%;
}
.submit-btn input[type=submit], .letter-bottom form input[type=submit] {
    padding: 9px 22px;
    margin: 0px 0 0 0px;
}
.letter-grids {
    padding: 45px 0 0 0;
    min-height: 297px;
}
.team-left {
    width: 50%;
    float: left;
}
.team-left:nth-child(3),.team-left:nth-child(4){
	margin-top:15px;
}
.keep h3 {
    font-size: 17px;
    padding: 9px 0;
}
.keep ul {
    margin: 29px 0 0 0;
}
.keep ul li a span {
    width: 35px;
    height: 35px;
}
.keep ul li a span.fb:hover {
    background-position: 0px -35px;
}
.keep ul li a span.twit {
    background-position: -35px 0px;
}
.keep ul li a span.twit:hover {
    background-position: -35px -35px;
}
.keep ul li a span.google {
    background-position: -70px 0px;
}
.keep ul li a span.google:hover {
    background-position: -70px -35px;
}
.keep ul li a span.pin {
    background-position: -105px 0px;
}
.keep ul li a span.pin:hover {
    background-position: -105px -35px;
}
.find-left h4 {
    font-size: 19px;
    margin: 0% 0 0 0;
}
.find-right h5 {
    font-size: 15px;
}
.find-left {
    margin-bottom: 15px;
	padding: 0;
}
.find {
    padding: 1.3em 18px;
    width: 37%;
}
.map iframe, .map-mask {
    height: 230px;
}
.contact-left textarea {
    height: 8.5em;
    margin-bottom: 20px;
}
.keep {
    padding: 35px 0 0px 0;
    min-height: 200px;
}
.find-right p {
    font-size: 12px;
    margin-top: 4px;
}
.news {
    padding-bottom: 3em;
}
}
@media (max-width:640px){
.header {
    padding: 16px 0;
}
.header-left img {
    margin-top: 3px;
    width: 73%;
}
.header-right ul {
    margin-top: 2.6%;
}
.banner-info h1 {
    font-size: 28px;
}
.banner-info p {
    font-size: 16px;
    margin: 4px 0 0px 0;
}
.banner {
    min-height: 272px;
}
.about-info h3, .heading h3 {
    font-size: 24px;
    margin: 0 0 8px 0;
}
.about-info p {
    margin: 0 0 5px 0;
    font-size: 14px;
}
.about-info {
    margin: 0px 0px 0 20px;
}
.about {
    padding-top: 2.5em;
}
.about-info a {
    padding: 7px 14px;
    font-size: 13px;
}
.about-info p:nth-child(3) {
    margin: 0 0 20px 0;
}
.ia-container figcaption {
    width: 90%;
}
.ia-container input:checked ~ figure {
    left: 91%;
}
.ia-container figure {
    left: 49px;
}
.contact, .team, .styles, .services {
    padding: 2.5em 0px;
}
.services-left p {
    font-size: 14px;
}
.test-2 p {
    font-size: 13px;
}
.flexslider {
    padding: 0em 0px !important;
}
.test-2 h4 {
    font-size: 1.2em;
    margin-top: 3%;
}
.flex-control-nav {
    left: 3.2%;
}
.test {
    min-height: 205px;
}
.styles-left ul li a {
    font-size: 13px;
}
.news {
    padding-bottom: 2.5em;
}
.view {
    width: 292px;
    height: 247px;
}
.view .mask, .view .content {
    width: 272px;
    height: 227px;
}
.view h2 {
    font-size: 16px;
    margin: 50px 0 0 0;
}
.view p {
    font-size: 15px;
    padding: 16px 15px 15px;
}
.letter-left, .letter-right {
    width: 100%;
    float: none;
}
.letter-bottom {
    margin-top: 3%;
}
.letter-right {
    margin-top: 4%;
}
.letter-bottom form input[type=submit] {
    padding: 7px 18px;
    margin: 0px 0 0 0px;
    font-size: 14px;
}
.letter-bottom input[type="text"] {
    margin-bottom: 15px;
}
.letter-grids {
    padding: 10px 0 0 0;
    min-height: 440px;
}
.keep h3 {
    font-size: 15px;
    padding: 7px 0;
}
.find {
    padding: 1.1em 18px;
    width: 44%;
    left: 27.5%;
}
.keep ul {
    margin: 18px 0 0 0;
}
.find-left {
    margin-bottom: 9px;
}
.keep {
    padding: 28px 0 0px 0;
    min-height: 157px;
}
.map iframe, .map-mask {
    height: 200px;
}
.contact-left input[type="text"], .contact-left textarea {
    margin-bottom: 8px;
    padding: 10px 10px;
    font-size: 13px;
}
.contact-left textarea {
    height: 7.5em;
}
.footer p {
    font-size: 14px;
}
.footer {
    padding: 1.5em 0;
}
.ia-container {
    width: 100%;
}
}
@media (max-width:480px){
.header-left img {
    margin-top: 4px;
    width: 93%;
}
.banner-info h1 {
    font-size: 24px;
}
.banner-info p {
    font-size: 14px;
    margin: 2px 0 0px 0;
}
.banner {
    min-height: 201px;
}
.about-info h3, .heading h3 {
    font-size: 21px;
    margin: 0 0 5px 0;
}	
.about-info a {
    padding: 5px 11px;
    font-size: 12px;
}
.about-info p {
    margin: 0 0 3px 0;
}
.about-info p:nth-child(3) {
    margin: 0 0 15px 0;
}
.ia-container input:checked ~ figure {
    left: 98%;
}
.ia-container figure {
    left: 38px;
}
.ia-container figcaption {
    width: 100%;
}
.ia-container input:checked + figcaption span {
    top: 53%;
    left: 15px;
}
.services-left h4 {
    font-size: 1.3em;
    margin: 10px 0 0 0;
}
.ia-container {
    width: 98%;
    margin: 29px auto 0;
}
.ia-container figure {
    left: 33px;
}
.services-left span {
    font-size: 2em;
}
.services-left h4 {
    font-size: 1.2em;
}
.test-2 p {
    font-size: 12px;
	width: 100%;
}
.test-2 h4 {
    font-size: 1em;
}
.test {
    min-height: 181px;
}
.header-right ul {
    margin-top: 3.5%;
}
.header-right ul li a {
    font-size: 15px;
	padding-bottom: 4px;
}
.styles-left ul li {
    margin: 0px 0px 7px 13px;
}
.view {
    width: 212px;
    height: 180px;
}
.view .mask, .view .content {
    width: 193px;
    height: 160px;
}
.view h2 {
    font-size: 14px;
    margin: 40px 0 0 0;
}
.view p {
    font-size: 11px;
    padding: 10px 15px 15px;
}
.letter-bottom form input[type=submit] {
    padding: 5px 12px;
    font-size: 13px;
}
.letter-right ul li a {
    font-size: 13px;
}
.letter-right ul li {
    margin: 0px 0px 6px 18px;
}
.letter-list {
    padding: 15px 0 15px 20px;
}
.letter-grids {
    min-height: 385px;
}
.team-left h4 {
    font-size: 18px;
    margin: 12px 0 0 0;
}
.team-left p {
    margin-top: 3px;
    font-size: 14px;
    line-height: 1.6em;
}
.contact, .team, .styles, .services {
    padding: 2em 0px;
}
.keep h3 {
    font-size: 13px;
    padding: 6px 0;
    width: 40%;
}
.keep ul li a span {
    width: 30px;
    height: 30px;
}
.keep ul li a span.fb:hover {
    background-position: 0px -30px;
}
.keep ul li a span.twit {
    background-position: -30px 0px;
}
.keep ul li a span.twit:hover {
    background-position: -30px -30px;
}
.keep ul li a span.google {
    background-position: -60px 0px;
}
.keep ul li a span.google:hover {
    background-position: -60px -30px;
}
.keep ul li a span.pin {
    background-position: -90px 0px;
}
.keep ul li a span.pin:hover {
    background-position: -90px -30px;
}
.keep ul li {
    margin: 0 2px;
}
.keep ul {
    margin: 12px 0 0 0;
}
.find-left h4 {
    font-size: 16px;
}
.find-right h5 {
    font-size: 14px;
}
.find-right p {
    font-size: 11px;
}
.adrs1 {
    margin-top: 4%;
}
.find {
    padding: 1em 14px;
    width: 53%;
    left: 22.7%;
}
.map iframe, .map-mask {
    height: 180px;
}
.contact-left input[type="text"], .contact-left textarea {
    margin-bottom: 5px;
    padding: 5px 10px;
    font-size: 12px;
}
.contact-left textarea {
    height: 6.5em;
}
.submit-btn input[type=submit]{
	font-size: 11px;
	padding: 7px 18px;
}
.footer p {
    font-size: 13px;
}
.footer {
    padding: 1.3em 0;
}
.keep {
    padding: 22px 0 0px 0;
    min-height: 130px;
}
.about {
    padding-top: 2em;
}
}
@media (max-width:320px){
.header-right {
    width: 55%;
}	
.header-left {
    width: 45%;
}
.header-left img {
    margin-top: 6px;
    width: 95%;
}
.header {
    padding: 10px 0;
}
.header-right ul li a {
    font-size: 14px;
}
.header-right ul {
    margin-top: 3.3%;
}
.banner-info h1 {
    font-size: 18px;
}
.banner-info p {
    font-size: 12px;
}
.banner {
    min-height: 132px;
}
.about-info h3, .heading h3 {
    font-size: 18px;
}
.about-info {
    margin: 0px 0px 0 0px;
}
.about-info p {
    line-height: 1.6em;
	font-size: 13px;
}
.ia-container {
    width: 100%;
    margin: 23px auto 0;
}
.ia-container figure {
    left: 19px;
}
.ia-container input:checked ~ figure {
    left: 70%;
}
.ia-container figcaption {
    width: 74%;
}
.ia-container figcaption span {
    font-size: 10px;
    padding: 4px;
    letter-spacing: 1px;
}
.services-left p {
    font-size: 13px;
    line-height: 1.6em;
}
.services-left {
    width: 100%;
    margin: 8px 0;
    padding: 0;
}
.services-left span {
    font-size: 1.8em;
}
.test-1,.test-2 {
    width: 100%;
    float: none;
}
.test-1 img {
    width: 31%;
}
.test-2 span {
    font-size: 1.5em;
}
.test {
    min-height: 305px;
}
.styles-left:nth-child(2), .styles-left:nth-child(3) {
    width: 100%;
    margin-top: 4%;
}
.view {
    width: 267px;
    height: 225px;
}
.view .mask, .view .content {
    width: 247px;
    height: 205px;
}
.view h2 {
    font-size: 15px;
    margin: 65px 0 0 0;
}
.view p {
    font-size: 12px;
}
.team-left h4 {
    font-size: 16px;
    margin: 9px 0 0 0;
}
.team-left {
    width: 100%;
    margin: 8px 0px;
}
.keep h3 {
    padding: 4px 0;
    width: 60%;
}
.find {
    padding: 1em 8px;
    width: 77%;
    left: 11.5%;
}
.adrs1 {
    margin-top: 2%;
}
.find-left {
    margin-bottom: 5px;
}
.keep {
    padding: 15px 0 0px 0;
    min-height: 110px;
}
.map iframe, .map-mask {
    height: 160px;
}
.contact-left {
    padding: 0;
}
.footer {
    padding: 1.1em 0;
}
.team-left:nth-child(3), .team-left:nth-child(4) {
    margin-top: 4px;
}
.letter-bottom {
    margin-top: 2%;
}
.letter-right ul li {
    margin: 0px 0px 6px 15px;
}
.letter-right ul li a {
    font-size: 12px;
}
.letter-right {
    margin-top: 6%;
}
.letter-grids {
    min-height: 415px;
}
}
/*--media-quaries-starts--*/