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

/*Import app.css*/
/*Reset Styles
------------------------------------*/
/** { border-radius:0!important; }*/
body { color: #333; font-size:13px; line-height: 1.8em; font-family:'Apple LiGothic Medium','Microsoft YaHei',SimHei,SimSun,'Open Sans', sans-serif;}
body>.container{background-color:#fff;padding-bottom:20px;}
p, a, li { color: #555; line-height: 1.8em; }
a, a:focus, a:hover, a:active { outline: 0 !important; }
a:hover { color: #72c02c; text-decoration: none; }
h1, h2, h3, h4, h5 { margin-top: 5px; text-shadow: none; font-weight: normal !important; font-family:'Apple LiGothic Medium','Microsoft YaHei',SimHei,SimSun,'Open Sans', sans-serif; }
h1 i, h2 i, h3 i, h4 i, h5 i { margin-right: 7px; }
img.img-circle { border-radius: 50% !important; }
.text-justify p { text-align: justify; }
.text-indent p,.indent2em{text-indent:2em; text-align:justify;}
ol, ul {  list-style: none; }
blockquote p{line-height:1.8em;}
.clear{clear:both;}
.nav-font-16{font-size:15px;}
.nav-font-16 i{margin-right:15px;}
.font-15{font-size:15px;line-height:2em;}
/*Tables
------------------------------------*/
/*Basic Tables*/
.table thead > tr > th { border-bottom: none; }
/*Forms
------------------------------------*/
.form-control { box-shadow: none; }
.form-control:focus { border-color: #bbb; box-shadow: 0 0 2px #c9c9c9; }
/*Form Spacing*/
.form-spacing .form-control { margin-bottom: 15px; }
/*Navigation
------------------------------------*/
/*Pagination*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #72c02c; border-color: #72c02c; }
.pagination li a:hover { color: #fff; background: #5fb611; border-color: #5fb611; }
/*Pager*/
.pager li > a:hover, .pager li > a:focus { color: #fff; background: #5fb611; border-color: #5fb611; }
/*Button Styles
------------------------------------*/
.btn { box-shadow: none; }
.btn-u { border: 0; font-size: 14px; cursor: pointer; padding: 6px 13px; position: relative; background: #72c02c; display: inline-block; color: #fff !important; text-decoration: none !important; }
.btn-u:hover { color: #fff; background: #5fb611; text-decoration: none; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.btn-u-small { padding: 3px 12px; }
.btn-u-lg { font-size: 18px; padding: 10px 25px; }
a.btn-u { padding: 4px 13px; vertical-align: middle; }
a.btn-u-small { padding: 2px 12px; }
a.btn-u-lg { font-size: 18px; padding: 6px 25px; }

/*For FF Only*/
@-moz-document url-prefix(){
 .footer-subsribe .btn-u {
 padding-bottom: 5px;
}
}

@media (max-width: 768px) {
 @-moz-document url-prefix() {
 .btn-u {
 padding-bottom: 5px;
}
}
}
/*Buttons Color*/
.btn-u-blue { background: #3498db !important; }
.btn-u-blue:hover { background: #2980b9 !important; }
.btn-u-red { background: #e74c3c !important; }
.btn-u-red:hover { background: #c0392b !important; }
.btn-u-orange { background: #e67e22 !important; }
.btn-u-orange:hover { background: #d35400 !important; }
.btn-u-sea { background: #1abc9c !important; }
.btn-u-sea:hover { background: #16a085 !important; }
.btn-u-green { background: #2ecc71 !important; }
.btn-u-green:hover { background: #27ae60 !important; }
.btn-u-yellow { background: #f1c40f !important; }
.btn-u-yellow:hover { background: #f39c12 !important; }
.btn-u-default { background: #95a5a6 !important; }
.btn-u-default:hover { background: #7f8c8d !important; }


/*Font Awesome Icon Page*/
.fa-heading .headline { margin-bottom: 20px; }
.fa-heading .headline h2 { font-size: 19px; }
.fa-icons li { font-size: 12px; margin-bottom: 3px; background: #fafafa; border: solid 1px #eee; font-family: 'Apple LiGothic Medium','Microsoft YaHei',SimHei,SimSun,'Open Sans', sans-serif;}
.fa-icons li:hover { color: #72c02c; }
.fa-icons li i { padding: 4px; min-width: 30px; font-size: 18px; background: #eee; margin-right: 5px; }
.fa-icons li:hover i { color: #fff; background: #72c02c; }
/*Font Awesome Icon Styles*/
.style-icons i { display: inline-block !important; }
.style-icons a:hover { text-decoration: none; }
i.icon-round { color: #666; padding: 7px 0; min-width: 40px; font-size: 22px; margin-bottom: 5px; display: inline-block; border: solid 1px #ddd; border-radius: 50% !important; }
i.icon-round-lg { min-width: 55px; font-size: 35px; padding: 10px 0; line-height: 33px; margin-bottom: 10px; border-radius: 50% !important; }
i.icon-round-sm { padding: 5px 0; font-size: 16px; min-width: 30px; }
i.icon-color-blue { color: #3498db; background: none; border: solid 1px #3498db; }
i.icon-color-red { color: #e74c3c; background: none; border: solid 1px #e74c3c; }
i.icon-color-sea { color: #1abc9c; background: none; border: solid 1px #1abc9c; }
i.icon-color-green { color: #2ecc71; background: none; border: solid 1px #2ecc71; }
i.icon-color-yellow { color: #f1c40f; background: none; border: solid 1px #f1c40f; }
i.icon-color-orange { color: #e67e22; background: none; border: solid 1px #e67e22; }
i.icon-color-grey { color: #95a5a6; background: none; border: solid 1px #95a5a6; }
i.icon-bg-red, i.icon-bg-sea, i.icon-bg-grey, i.icon-bg-blue, i.icon-bg-green, i.icon-bg-yellow, i.icon-bg-orange, i.icon-bg-default { color: #fff; border: none; background: #666; }
i.icon-bg-blue { background: #3498db; }
i.icon-bg-red { background: #e74c3c; }
i.icon-bg-sea { background: #1abc9c; }
i.icon-bg-green { background: #2ecc71; }
i.icon-bg-yellow { background: #f1c40f; }
i.icon-bg-orange { background: #e67e22; }
i.icon-bg-grey { background: #95a5a6; }
i.icon-bg-default { background: #666; }
/*GLYPHICONS Icons
Special styles for displaying the icons and their classes*/
.bs-glyphicons { padding-left: 0; padding-bottom: 1px; margin-bottom: 20px; list-style: none; overflow: hidden; }
.bs-glyphicons li { float: left; width: 25%; height: 115px; padding: 10px; font-size: 12px; line-height: 1.4; text-align: center; margin: 0 -1px -1px 0; border: 1px solid #ddd; }
.bs-glyphicons .glyphicon { display: block; font-size: 24px; margin: 5px auto 10px; }
.bs-glyphicons li:hover { color: #72c02c; background-color: #fafafa; }

@media (min-width: 768px) {
.bs-glyphicons li { width: 12.5%; }
}

.mobile{ display:none}


.mabout{ width:98%; margin:0 auto;}
.mabout .mimg{ width:96%; padding:2%; }
.mabout .mimg img{ width:100%; height:auto;}
.mabout .minfo{ line-height:180%; margin-top:10px;}

/* Make Font Awesome icons fixed width */
li [class^="icon-"], li [class*=" icon-"] { width: 1.25em; text-align: center; display: inline-block; }
li [class^="icon-"].icon-lg, li [class*=" icon-"].icon-lg { /* increased font size for icon-lg */ width: 1.5625em; }
/*Others (Global classes)
------------------------------------*/
.color-sea { color: #1abc9c; }
.color-red { color: #e74c3c; }
.color-blue { color: #3498db; }
.color-green { color: #72c02c; }
.color-orange { color: #e67e22; }
.color-green1 { color: #2ecc71; }
.lft-img-margin { margin: 0 20px 5px 0; }
.rgt-img-margin { margin: 0 0 5px 10px; }
.overflow-hidden { overflow: hidden; }
.padding-left-5 { padding-left: 5px; }
.padding-left-10{padding-left:10px; }
.padding-right-5 { padding-right: 5px; }
.padding-right-10{padding-right:10px; }
.padding-right-20{padding-right:20px; }
.img-width-200 { width: 200px; }
/*Image Border*/
.img-border { border: solid 3px #fff; }
/*Background light-style*/
.bg-light { padding: 10px 15px; margin-bottom: 10px; background: #fcfcfc; border: solid 1px #e5e5e5; }
.bg-light:hover { border: solid 1px #bbb; }
/*Link read-more*/
a.read-more { font-weight: bold; text-decoration: none; }
a.read-more:hover { color: #72c02c; text-decoration: none; }
/*Link color-green-style*/
.linked:hover { color: #72c02c; text-decoration: none; }
/*Pagination*/
.pagination-no-space .pagination { margin: 0; }
/*CSS3 Hover Effects*/
.hover-effect { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.hover-effect-kenburn { left: 10px; margin-left: -10px; position: relative; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
.hover-effect-kenburn:hover { -webkit-transform: scale(2) rotate(5deg); -moz-transform: scale(2) rotate(5deg); -o-transform: scale(2) rotate(5deg); -ms-transform: scale(2) rotate(5deg); transform: scale(2) rotate(5deg); }
/*Spaces*/
.margin-bottom-5, .margin-bottom-10, .margin-bottom-20, .margin-bottom-20, .margin-bottom-25, .margin-bottom-30, .margin-bottom-35, .margin-bottom-40, .margin-bottom-50, .margin-bottom-60 { clear: both; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-35 { margin-bottom: 35px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-bottom-60 { margin-bottom: 60px; }
.margin-right-20{ margin-right: 20px; }
/*Clients Carousel (Flexslider)
------------------------------------*/
.clients { box-shadow: none !important; margin-bottom: 0 !important; }
.clients li { float: left; overflow: hidden; margin-left: 1px; position: relative; background: #fff; }
/*.clients li:hover { background: #f6f6f6; }*/
.clients li img.color-img { top: 0; left: 0; display: none; position: absolute; }
.clients li:hover img.color-img { display: block; }
.clients li img { filter: gray; /* IE6-9 */ float: none !important; margin: 0 auto !important; }
.clients li img:hover { filter: none; }
.clients, .flexslider.home { border: 0; overflow: hidden; margin-top: 10px; margin-bottom: 30px; }
.flexslider { margin-top: 10px !important; background: none !important; }
.flexslider .flex-direction-nav a { margin-top: -10px !important; }
/*Fancybox
------------------------------------*/
/*For Topbar*/
.fancybox-overlay.fancybox-overlay-fixed { z-index: 9999; }
/*FancyBox Hover Effect*/
.zoomer:hover .overlay-zoom .zoom-icon { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0.4; filter: alpha(opacity = 50); }
.overlay-zoom { display: block; cursor: pointer; width: 100%; height: 100%; position: relative; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; z-index: 90; }
.overlay-zoom .zoom-icon { background-image: url("../images/overlay-icon.png"); background-color: #000; background-repeat: no-repeat; background-position: 50%; position: absolute; width: inherit; height: inherit; opacity: 0; z-index: 100; filter: alpha(opacity = 0); top: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; }
/*Main Slider (Parallax)
------------------------------------*/
.slider-inner .da-slider { box-shadow: none; border-bottom: 2px solid #ddd; }
/*Revolution Slider
------------------------------------*/
.bg-black-opacity { background: url(../images/bg-text.png) repeat; padding: 7px; text-shadow: none !important; }
/*.fullwidthbanner-container { padding: 0; overflow: hidden; position: relative; width: 100% !important; max-height: 500px !important; }*/
/*Layer Slider
------------------------------------*/
.layer_slider { overflow: hidden; }
.ls-ct-half, .ls-ct-center { border-radius: 100px !important; }
/*Responsive Video
------------------------------------*/
.responsive-video { height: 0; padding-top: 1px; position: relative; padding-bottom: 56.25%; /* 16:9 */ }
.responsive-video iframe { top: 0; left: 0; width: 100%; height: 100%; position: absolute; }
/*Boxed Layout
------------------------------------*/
.boxed-layout { padding: 0; border-left: solid 1px #f7f7f7; border-right: solid 1px #f7f7f7; }
/*Style Switcher
------------------------------------*/
i.style-switcher-btn { right: 0; top: 37px; color: #fff; font-size: 18px; cursor: pointer; z-index: 555555; position: fixed; padding: 7px 9px; background: #585f69; border-radius: 6px 0 0 6px !important; }
i.style-switcher-btn:hover { background: #707985; }
i.style-switcher-btn-option { top: 38px; background: #9097a0; }
i.style-switcher-btn-option:hover { background: #707985; }
.style-switcher { right: 0; top: 37px; width: 205px; display: none; z-index: 555555; position: fixed; background: #585f69; border: solid 1px #666d76; padding: 15px 15px 15px 20px; border-radius: 6px 0 0 6px !important; }
.style-switcher-inner { background: #9097a0; }
.style-switcher .theme-close { top: 10px; right: 6px; position: absolute; }
.style-switcher .theme-close i { color: #fff; cursor: pointer; font-size: 18px; padding: 5px 7px; background: #464e5b; }
.style-switcher .theme-close i:hover { color: #464e5b; background: #fff; }
.style-switcher .theme-heading { color: #fff; font-size: 16px; margin-bottom: 10px; text-transform: uppercase; }
.style-switcher-logo { margin-top: 10px; padding-top: 15px; border-top: solid 1px #4c5159; }
.style-switcher-logo a { display: block; text-align: center; }
.style-switcher ul { margin-bottom: 0; }
.style-switcher li { width: 26px; height: 26px; cursor: pointer; background: #c00; margin: 0 5px 5px 0; display: inline-block; }
.style-switcher li.last { margin-right: 0; }
.style-switcher li:hover, .style-switcher li.theme-active { border: solid 2px #fff; }
.style-switcher a.btn-u-green.active-switcher-btn { border: solid 1px #eee; background: #2ecc71 !important; }
.style-switcher a.btn-u-sea.active-switcher-btn { border: solid 1px #eee; background: #1abc9c !important; }
.style-switcher li.theme-default { background: #72c02c; }
.style-switcher li.theme-blue { background: #3498db; }
.style-switcher li.theme-orange { background: #e67e22; }
.style-switcher li.theme-red { background: #e74c3c; }
.style-switcher li.theme-light { background: #ecf0f1; }






/*Import Google Fonts*/
@import url(http://fonts.googleapis.com/css?family=Monda:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
/*Block Headline*/
.headline { display: block; margin: 10px 0 15px 0; border-bottom: 1px dotted #e4e9f0; }
.headline h2, .headline h3, .headline h4 { color: #585f69; margin: 0 0 -2px 0; padding-bottom: 5px; display: inline-block; border-bottom: 2px solid #72c02c; }
.headline h2 { font-size: 23px; }
.headline-md h2 { font-size: 21px; }
.headline-md { margin-bottom: 15px; }
/*Purchase Block*/
.purchase {background: url(/images/breadcrumbs.png) repeat scroll 0 0 rgba(0, 0, 0, 0);box-shadow: 0 0 4px #EEEEEE inset;margin-bottom:10px;padding:20px 0;}	 /* padding: 30px 0; background:#3498db;url(../images/breadcrumbs.png) repeat;*/
.purchase p { margin-bottom: 0; }   /*color:#eee;*/
.purchase span {display: block; font-size: 28px; font-weight: 200; line-height: 35px; margin-bottom: 12px; font-family:'Apple LiGothic Medium','Microsoft YaHei',SimHei,SimSun,'Open Sans', sans-serif; }
.purchase a.btn-buy { color: #fff; font-size: 16px; cursor: pointer; margin-top: 22px; font-weight: bold; background:#43b3cb; text-shadow: 0 1px 0 #2980b9; display: inline-block; text-decoration: none; padding: 12px 28px 9px; text-transform: uppercase; }
.purchase a.btn-buy:hover { color: #fff; background: #2980b9; text-decoration: none; box-shadow: 0 0 5px #c0c2c1; }
/*Service*/
.service { overflow: hidden; padding:0px 10px 10px; }
.service:hover { background: #fefefe; box-shadow: 0 0 5px #f8f8f8; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; }
.service:hover i { color: #656565; }
.service .desc { padding: 0 15px; overflow: hidden; }
.service .desc h4 { font-size: 22px; line-height: 25px; }
.service .service-icon { float: left; padding: 10px; color: #72c02c; font-size: 45px; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.service .service-icon.icon-cogs { font-size: 37px; }
.service .service-icon.icon-plane { font-size: 43px; }
/* Recent Work  */
.recent-work a { text-align: center; background: #fcfcfc; display: inline-block; }
.recent-work a:hover { text-decoration: none; }
.recent-work a:hover strong { color: #555; }
.recent-work em.overflow-hidden { display: block; }
.recent-work a span { display: block; padding: 10px; border-bottom: solid 2px #eee; }
.recent-work a strong { color: #555; display: block; }
.recent-work a i { color: #777; }
.recent-work a img { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
.recent-work a:hover img { opacity: 0.8; -webkit-transform: scale(1.2) rotate(3deg); -moz-transform: scale(1.2) rotate(3deg); -o-transform: scale(1.0) rotate(3deg); -ms-transform: scale(1.2) rotate(3deg); transform: scale(1.2) rotate(3deg); }
.recent-work a:hover span { border-bottom: solid 2px #72c02c; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.3s ease-in-out; }
/*Blockquote*/
blockquote p { font-size: 16px; font-weight: 200; }
blockquote:hover { border-left-color: #72c02c; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.hero { padding: 18px; margin: 20px 0; color: #566c8a; font-size: 16px; background: #fcfcfc; border-left: 4px solid #94c564; font-family: 'Apple LiGothic Medium','Microsoft YaHei',SimHei,SimSun,'Open Sans', sans-serif; }
.hero h1, .hero p { text-shadow: 1px 1px 0 #fff; }
.hero-unify p { font-size: 13px; line-height:2em; }
/* Work */
.work { margin-top: 6px; }
.work .details { padding: 10px; }
.work .caption { display: block; padding-top: 5px; color: #585f69 !important; font-size: 18px !important; }
.work .caption:hover { cursor: pointer; color: #444 !important; text-decoration: underline; }
/*Footer*/


/*尾部*/
.footer {
	padding-top: 10px;
	height:auto; overflow:hidden;
	background: #393B3E;
}
.footer-top {
	margin-bottom: 22px;
}
.contact-bot a {
	display: block;
	margin-bottom: 10px;
	width: 180px;
	height: 50px;
	line-height: 50px;
	background: #474747;
	color: #e0e0e0;
	font-size: 14px;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.contact-bot a:hover {
	background: #2490ff;
	color: #fff;
}
.contact-bot a i {
	float: left;
	margin-left: 10px;
	margin-top: 9px;
	display: block;
	width: 50px;
	height: 35px;
}
.contact-bot a.call i {
	background: url(../images/bot_call.png) no-repeat;
	background-size: 45px;
}
.contact-bot a.email i {
	background: url(../images/bot_email.png) no-repeat;
	background-size: 45px;
}
.contact-bot a.qq i {
	background: url(../images/bot_qq.png) no-repeat;
	background-size: 45px;
}
.com-width { width: 1200px; margin-left: auto; margin-right: auto; }


.fr{ float:right}
.fl{ float:left;}

.footer .first {
	margin-top: 22px;
	width: 1000px;
}
.footer .first>li {
	float: left;
	padding: 5px 30px 0;
	height: 195px;
}
.footer .first>li.last {
	padding: 0;
	border-right: 1px dotted #535353;
	width: 230px;
	margin-right: 30px;
}
.footer .first>li h3 {
	padding-bottom: 18px;
}
.footer .first>li h3 a {
	color: #fff;
	font-size: 14px;
}
.footer .first>li h3 a:hover {
	color: #fff;
}
.footer .first>li h3 a span {
	font-size: 25px;
	font-family: Microsoft Yi Baiti,"微软雅黑";
	color: #535353;
}
.footer .first>li .second li {
	padding-bottom: 10px;  margin-top:-5px;
}
.footer .first>li .second li a {
	color: #c9caca; margin-left:-40px; 
}
.footer .first>li .second li a:hover {
	color: #fff;
}


.footer .first>li .contact {
	color: #a4a4a4;
	line-height: 18px;
	padding-top: 5px;
}
.footer .first>li .contact h4 {
	font-size: 15px;
    color: #C9CACA;
}
.footer .first>li .contact h2 {
	line-height: 30px;
    color: #fff;
    font-size: 30px;
    padding-bottom: 5px;
    padding-top: 10px;
    font-family: DaunPenh;
}
.footer .first>li .contact a {
	color: #A4A4A4;
}

.footer .first>li .qrbox {
	width: 92px;
	padding-top: 3px;
	background: url(../images/qr-bg.png) no-repeat;
	text-align: center;
	color: #C9CACA;
	font-size: 14px;
}


.footer-bot {
	height: 40px;
	line-height: 40px;
	background: #333;
	color: #8A8A8A;
}
.footer-bot a {
	color: #8A8A8A;
	margin: 0 5px;
}
.footer-bot a:hover {
	color: #FF5A00;
}
.footer-bot .links {
	font-family: 宋体;
}




/*Page (Features)
------------------------------------*/
/*Thumbnail*/
a.thumbnail { padding: 0; border: none; margin-bottom: 15px; }
.thumbnail-style { padding: 5px; margin-bottom: 20px; }
.thumbnail-style:hover { box-shadow: 0 0 8px #ddd; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; -o-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out; }
.thumbnail-style h3 { margin: 5px 0 ; }
.thumbnail-style h3 a { font-size:18px;line-height:1em;}
.thumbnail-style h3 a:hover { color: #72c02c; text-decoration: none; }
.thumbnail-style .thumbnail-img { position: relative; margin-bottom: 10px; }
.thumbnail-style a.btn-more { right: -10px; bottom: 10px; color: #fff; padding: 1px 6px; position: absolute; background: #72c02c; display: inline-block; }
.thumbnail-style a.btn-more:hover { text-decoration: none; box-shadow: 0 0 0 2px #377500; }
.thumbnail-style:hover a.btn-more { right: 10px; }
.thumbnail-style p{font-size: 12px;}
.thumbnail-kenburn img { left: 10px; margin-left: -10px;width:250px;height:180px; position: relative; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; }
.thumbnail-kenburn:hover img { -webkit-transform: scale(1.2) rotate(2deg); -moz-transform: scale(1.2) rotate(2deg); -o-transform: scale(1.2) rotate(2deg); -ms-transform: scale(1.2) rotate(2deg); transform: scale(1.2) rotate(2deg); }
/*Servive Blocks*/
.servive-block .servive-block-in { padding: 20px 30px; text-align: center; margin-bottom: 20px; background: #fafafa; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.servive-block .servive-block-in:hover { box-shadow: 0 0 8px #ddd; }
.servive-block .servive-block-in h4 { line-height: 25px; }
.servive-block .servive-block-in h4 a:hover { color: #72c02c; text-decoration: none; }
.servive-block .servive-block-in:hover h4, .servive-block .servive-block-in:hover i { color: #72c02c; }
.servive-block .servive-block-in i { color: #565656; font-size: 40px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.servive-block .servive-block-red { background: #e74c3c; }
.servive-block .servive-block-sea { background: #1abc9c; }
.servive-block .servive-block-blue { background: #3498db; }
.servive-block .servive-block-grey { background: #95a5a6; }
.servive-block .servive-block-yellow { background: #f1c40f; }
.servive-block .servive-block-orange { background: #e67e22; }
.servive-block .servive-block-green { background: #2ecc71; }
.servive-block .servive-block-colored i, .servive-block .servive-block-colored p, .servive-block .servive-block-colored h4, .servive-block .servive-block-colored:hover i, .servive-block .servive-block-colored:hover h4 { color: #fff; }
.servive-block .servive-block-colored:hover { opacity: 0.8; box-shadow: none; }
/*Service Alternative Block*/
.service-alternative .service:hover { background: #76ca2c; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.service-alternative .service:hover i, .service-alternative .service:hover p, .service-alternative .service:hover h4 { color: #fff; }
/*Servive Block Versions*/
.service-v1 h2 { margin: 15px 0; font-size: 20px; line-height: 28px; }
.service-v1 p { text-align: justify; }

/*Posts*/
.posts .dl-horizontal { margin-bottom:2px; padding: 3px; background: #fdfdfd; border-right: solid 2px #eee; }
.posts .dl-horizontal:hover { border-right: solid 2px #3498db;background: #f0f0f0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.posts .dl-horizontal dt { width: 76px; float: left; }
.posts .dl-horizontal dt img { width: 70px; height: 50px; border: solid 3px #eee; cursor: pointer;}
.posts .dl-horizontal dd { margin-left: 86px; cursor: pointer;}
.posts .dl-horizontal dd p { margin: 0; font-size: 12px; line-height:1.2em;color:#999;}
.posts .dl-horizontal dd h5{font-size:14px;margin:0;padding:0;}
.posts .dl-horizontal a { font-size: 13px; display: inline-block; }
.posts .dl-horizontal a:hover { color: #72c02c; text-decoration: none; }
.posts .dl-horizontal:hover dt img, .posts .dl-horizontal:hover dd a { color: #72c02c; border-color: #72c02c !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

/*Breadcrumbs*/
.breadcrumbs { padding: 10px 0 6px; box-shadow: inset 0 0 4px #eee; background: url(../images/breadcrumbs.png) repeat;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; -khtml-opacity: 0.6;  }
.breadcrumbs h1 { color: #686868; font-size: 26px; margin-top: 12px; }
.breadcrumb { top: 9px; padding-right: 0; background: none; position: relative; }
.breadcrumb a { color: #777; }
.breadcrumb li.active, .breadcrumb li a:hover { color: #72c02c; text-decoration: none; }
/*Pegination*/
.pagination li a { color: #777; padding: 5px 15px; }
/* Testimonials */
.testimonials { margin-bottom: 10px; }
.testimonials .testimonial-info { color: #72c02c; font-size: 16px; padding: 0 15px; margin-top: 18px; }
.testimonials .testimonial-info span { top: 3px; position: relative; }
.testimonials .testimonial-info em { color: #777; display: block; font-size: 13px; }
.testimonials .testimonial-info img { width: 60px; float: left; height: 60px; padding: 2px; margin-right: 15px; border: solid 1px #ccc; border-radius: 50% !important; }
.testimonials .testimonial-author { overflow: hidden; }
.testimonials .carousel-arrow { top: -65px; position: relative; }
.testimonials .carousel-arrow i { color: #777; font-size: 20px; padding: 2px 8px; background: #fafafa; }
.testimonials .carousel-arrow i:hover { color: #fff; background: #72c02c; }
.testimonials .carousel-control { opacity: 1; width: 100%; text-align: right; text-shadow: none; position: absolute; }
.testimonials .carousel-control.left { right: 27px; left: auto; }
.testimonials .carousel-control.right { right: 0px; }
.testimonials.testimonials-v1 .item p { padding: 15px; font-size: 14px; font-style: italic; position: relative; background: #fafafa; }
.testimonials.testimonials-v1 .item p:after, .testimonials.testimonials-v1 .item p:before { width: 0; height: 0; left: 80px; content: " "; bottom: -20px; display: block; position: absolute; }
.testimonials.testimonials-v1 .item p:after { border-top: 22px solid #fafafa; border-left: 0 solid transparent; border-right: 22px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ }
.testimonials.testimonials-v2 .testimonial-info { padding: 0 20px; }
.testimonials.testimonials-v2 p { padding: 15px; font-size: 14px; font-style: italic; background: #fafafa; padding-bottom: 15px; }
.testimonials.testimonials-v2 .carousel-arrow { top: -55px; }
.testimonials.testimonials-v2 .item p:after, .testimonials.testimonials-v2 .item p:before { width: 0; height: 0; left: 8%; content: " "; bottom: 45px; display: block; position: absolute; }
.testimonials.testimonials-v2 .item p:after { border-top: 20px solid #fafafa; border-left: 25px solid transparent; border-right: 0px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ }
/*Tabs v1*/
.tab-v1 .nav-tabs { border: none; background: none; border-bottom: solid 2px #72c02c; }
.tab-v1 .nav-tabs a { font-size: 14px; padding: 5px 15px; }
.tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus { color: #fff; border: none; background: #72c02c; }
.tab-v1 .nav-tabs > li > a { border: none; }
.tab-v1 .nav-tabs > li > a:hover { color: #fff; background: #72c02c; }
.tab-v1 .tab-content { padding: 10px 0; }
.tab-v1 .tab-content img { margin-top: 4px; margin-bottom: 15px; }
.tab-v1 .tab-content img.img-tab-space { margin-top: 7px; }
/*Tabs v2*/
.tab-v2 .nav-tabs { border-bottom: none; }
.tab-v2 .nav-tabs li a { padding: 9px 16px; background: none; border: none; }
.tab-v2 .nav-tabs li.active a { background: #fff; padding: 7px 15px 9px; border: solid 1px #eee; border-top: solid 2px #72c02c; border-bottom: none !important; }
.tab-v2 .tab-content { padding: 10px 16px; border: solid 1px #eee; }
/*Tabs v3*/
.tab-v3 .nav-pills li a { color: #777; font-size: 17px; padding: 4px 8px; margin-bottom: 3px; background: #fafafa; border: solid 1px #eee; }
.tab-v3 .nav-pills li a:hover, .tab-v3 .nav-pills li.active a { color: #fff; background: #72c02c; border: solid 1px #68af28; }
.tab-v3 .nav-pills li i { width: 1.25em; margin-right: 5px; text-align: center; display: inline-block; }
.tab-v3 .tab-content { padding: 15px; background: #fafafa; border: solid 1px #eee; }
/*Accardion v1*/
.acc-v1 .panel-heading { padding: 0; box-shadow: none; }
.acc-v1 .panel-heading a { display: block; font-size: 14px; padding: 5px 15px; background: #fefefe; }
.acc-icon a.accordion-toggle i { color: #585f69; margin-right: 8px; }
.acc-icon a.accordion-toggle:hover i { color: #39414c; }
/*Carousel v1*/
.carousel-v1 .carousel-caption { left: 0; right: 0; bottom: 0; padding: 7px 15px; background: rgba(0, 0, 0, 0.7); }
.carousel-v1 .carousel-caption p { color: #fff; margin-bottom: 0; }
.carousel-v1 .carousel-arrow a.carousel-control { opacity: 1; font-size: 30px; height: inherit; width: inherit; background: none; text-shadow: none; position: inherit; }
.carousel-v1 .carousel-arrow a i { top: 50%; opacity: 0.6; background: #000; margin-top: -18px; padding: 2px 12px; position: absolute; }
.carousel-v1 .carousel-arrow a i:hover { opacity: 0.8; }
.carousel-v1 .carousel-arrow a.left i { left: 0; }
.carousel-v1 .carousel-arrow a.right i { right: 0; }
/*About Page
------------------------------------*/
.team ul.team-socail { text-align: right; }
.team ul.team-socail li { padding: 0 !important; margin: 0 !important; }
.team ul.team-socail li a, .team ul.team-socail li a:hover { text-decoration: none; }
.team ul.team-socail li i { color: #aaa; padding: 3px; min-width: 30px; font-size: 20px; text-align: center; background: #f7f7f7; display: inline-block; }
.team ul.team-socail li i:hover { color: #fff; background: #72c02c; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.team .thumbnail-style { padding: 12px; }
.team .thumbnail-style small {  font-size: 12px; }
.team .thumbnail-style h3 { margin-bottom: 10px; }
.team .thumbnail-style:hover h3 a { color: #72c02c !important; }
/*Gallery Page
------------------------------------*/
.gallery-page .thumbnail, .gallery-page .thumbnail:hover { padding: 0; border: none; box-shadow: none; }
.gallery-page .thumbnails { margin-bottom: 6px; }
/*Privacy Page
------------------------------------*/
.privacy a { text-decoration: underline; }
.privacy a:hover { color: #72c02c; text-decoration: none; }
/*Portfolio Item Page v1
------------------------------------*/
.portfolio-item h2 { color: #555; font-size: 24px; margin: 0 0 15px; }
.portfolio-item li { padding: 3px 0; }
.portfolio-item p a { text-decoration: underline; }
.portfolio-item p a:hover { text-decoration: none; }
/*Portfolio Item v1*/
.portfolio-item1 ul { margin: 10px 0 20px; }
.portfolio-item1 li { font-size: 16px; margin-bottom: 3px; }
.portfolio-item1 li i { font-size: 18px; margin-right: 4px; }
/*Sidebar Features
------------------------------------*/
/*Blog Tags*/
ul.blog-tags li { display: inline-block; }
ul.blog-tags a { font-size : 13px; padding: 2px 7px; background: #f7f7f7; margin: 0 3px 6px 0; display: inline-block; }
ul.blog-tags a i { color: #666; }
ul.blog-tags a:hover { background: #72c02c; }
ul.blog-tags a:hover, ul.blog-tags a:hover i { color: #fff !important; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
/*Blog Photo Stream*/
.blog-photos li { display: inline; }
.blog-photos li img { opacity: 0.6; width: 58px; height: 58px; margin: 0 2px 8px; }
.blog-photos li img:hover { opacity: 1; box-shadow: 0 0 0 2px #72c02c; }
/*Blog Latest Tweets*/
.blog-twitter .blog-twitter-inner { padding: 10px; position: relative; background: #fafafa; margin-bottom: 15px; border-top: solid 2px #eee; }
.blog-twitter .blog-twitter-inner, .blog-twitter .blog-twitter-inner:after, .blog-twitter .blog-twitter-inner:before { transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }
.blog-twitter .blog-twitter-inner:after, .blog-twitter .blog-twitter-inner:before { width: 0; height: 0; right: 0px; bottom: 0px; content: " "; display: block; position: absolute; }
.blog-twitter .blog-twitter-inner:after { border-top: 15px solid #f0f0f0; border-right: 15px solid transparent; border-left: 0px solid transparent; border-left-style: inset; /*FF fixes*/ border-right-style: inset; /*FF fixes*/ }
.blog-twitter .blog-twitter-inner:before { border-bottom: 15px solid #fff; border-right: 0 solid transparent; border-left: 15px solid transparent; border-left-style: inset; /*FF fixes*/ border-bottom-style: inset; /*FF fixes*/ }
.blog-twitter .blog-twitter-inner:hover { border-color: #72c02c; border-top-color: #72c02c; }
.blog-twitter .blog-twitter-inner:hover:after { border-top-color: #72c02c; }
.blog-twitter .blog-twitter-inner span { color: #777; display: block; font-size: 11px; }
.blog-twitter .blog-twitter-inner a { color: #72c02c; text-decoration: none; }
.blog-twitter .blog-twitter-inner a:hover { text-decoration: underline; }
.blog-twitter .blog-twitter-inner i.icon-twitter { top: 2px; color: #bbb; font-size: 18px; position: relative; }
/*Choose Block*/
.who li { margin-bottom: 6px; }
.who li i { top: 2px; color: #72c02c; font-size: 17px; margin-right: 8px; position: relative; }
.who li:hover i, .who li:hover a { color: #777; }
.who li:hover a:hover { text-decoration: none; }
/*Sidebar Menu
------------------------------------*/
/*Sidebar Menu v1*/
.sidebar-nav-v1 li { padding: 0; }
.sidebar-nav-v1 li a { display: block; padding: 8px 30px 8px 10px; }
.sidebar-nav-v1 li a:hover { text-decoration: none; }
.sidebar-nav-v1 li.active, .sidebar-nav-v1 li.active:hover { background: #f5f5f5; border-color: #ddd; }
.sidebar-nav-v1 li.active a { color: #555; }
.sidebar-nav-v1 span.badge { margin-top: 10px; margin-right: 10px; }
.sidebar-nav-v1 span.badge-green { background: #2ecc71; }
.sidebar-nav-v1 span.badge-red { background: #e74c3c; }
.sidebar-nav-v1 span.badge-blue { background: #3498db; }
.sidebar-nav-v1 span.badge-sea { background: #1abc9c; }
/*Tag Boxes
------------------------------------*/
.tag-box { padding: 20px; margin-bottom: 30px; }
.tag-box h2 { font-size: 20px; line-height: 25px; }
.tag-box p { margin-bottom: 0; }
/*Tag Boxes v1*/
.tag-box-v1 { border: solid 1px #eee; border-top: solid 2px #72c02c; }
/*Tag Boxes v2*/
.tag-box-v2 { background: #fafafa; border: solid 1px #eee; border-left: solid 2px #72c02c; }
/*Tag Boxes v3*/
.tag-box-v3 { border: solid 2px #eee; }
/*Tag Boxes v4*/
.tag-box-v4 { border: dashed 1px #bbb; }
/*Tag Boxes v5*/
.tag-box-v5 { margin: 20px 0; text-align: center; border: dashed 1px #ccc; }
.tag-box-v5 span { color: #555; font-size: 28px; margin-bottom: 0; }
/*Tag Boxes v6*/
.tag-box-v6 { background: #fafafa; border: solid 1px #eee; }
/*Tag Boxes v7*/
.tag-box-v7 { border: solid 1px #eee; border-bottom: solid 2px #72c02c; }
/*Panels (Portlets)
------------------------------------*/
/*Panel Table*/
.panel .table { margin-bottom: 0; }
/*Panel Blue*/
.panel-blue { border-color: #3498db; }
.panel-blue > .panel-heading { color: #fff; background: #3498db; }
/*Panel Red*/
.panel-red { border-color: #e74c3c; }
.panel-red > .panel-heading { color: #fff; background: #e74c3c; }
/*Panel Green*/
.panel-green { border-color: #2ecc71; }
.panel-green > .panel-heading { color: #fff; background: #2ecc71; }
/*Panel Sea*/
.panel-sea { border-color: #1abc9c; }
.panel-sea > .panel-heading { color: #fff; background: #1abc9c; }
/*Panel Orange*/
.panel-orange { border-color: #e67e22; }
.panel-orange > .panel-heading { color: #fff; background: #e67e22; }
/*Panel Yellow*/
.panel-yellow { border-color: #f1c40f; }
.panel-yellow > .panel-heading { color: #fff; background: #f1c40f; }
/*Panel Grey*/
.panel-grey { border-color: #95a5a6; }
.panel-grey > .panel-heading { color: #fff; background: #95a5a6; }
/*Promo Page
------------------------------------*/
/*Slider Part*/
.fullwidthbanner-container.slider-promo { max-height: 460px !important; }
.slider-promo-info-bg { padding: 25px 20px 20px; background: url(../images/bg-black.png) repeat; }
.slider-promo-info span.big-size { color: #fff; display: block; font-size: 30px; margin-bottom: 25px; text-shadow: 0 !important; }
.slider-promo-info p { color: #fff; font-size: 16px; margin-bottom: 0; }
/*Promo Box*/
.promo-box { padding: 20px; margin: 25px 0 20px; text-align: center; }
.promo-box i { display: block; font-size: 50px; }
.promo-box p { font-size: 14px; margin-bottom: 0; }
.promo-box strong, .promo-box strong a { color: #555; font-size: 20px; display: block; margin: 20px 0 15px; font-weight: 200; }
.promo-box:hover strong, .promo-box:hover strong a { color: #e74c3c; }
/*Promo Service*/
.promo-service { margin-bottom: 20px; }
.promo-service a.btn-u { margin: 0 20px 10px 0; }
/*Promo Elements*/
.title-box { margin: 20px 0; padding: 40px 0; font-size: 16px; text-align: center; border-bottom: solid 1px #eee; }
.title-box .title-box-text { color: #555; display: block; font-size: 35px; font-weight: 200; }
.block-blockquote { margin: 20px 0; text-align: center; border: dashed 1px #ccc; }
.block-blockquote-inner { padding: 15px; }
.block-blockquote p { font-size: 26px; margin-bottom: 0; }
/*Info Blocks*/
.info-blocks { margin-bottom: 15px; }
.info-blocks:hover i.icon-info-blocks { color: #72c02c; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.info-blocks i.icon-info-blocks { float: left; color: #777; font-size: 40px; margin-top: 5px; min-width: 50px; text-align: center; }
.info-blocks .info-blocks-in { padding: 0 10px; overflow: hidden; }
.info-blocks .info-blocks-in h3 { color: #555; font-size: 20px; line-height: 28px; }
.info-blocks .info-blocks-in p { font-size: 12px; }


/*four link*****/
#services { margin-bottom:20px; }
/* line 96, scss/_pages.scss */
#services i { font-size: 120px; position: relative; top: 18px; left:25px; line-height: 120px; }
#services .content i {left: 28px; }
@media (max-width: 690px) {
/* line 96, scss/_pages.scss */
#services i {font-size:100px;line-height:100px;top:10px;left:30px; }
}

@media (max-width: 600px) {
/* line 96, scss/_pages.scss */
#services i { font-size: 80px; line-height: 80px; left: 16px; }
}
/* line 117, scss/_pages.scss */
#services a { display: block; margin: 0 auto; background: #fff; -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4); -webkit-border-radius: 200px; -moz-border-radius: 200px; -ms-border-radius: 200px; -o-border-radius: 200px; border-radius: 200px; width: 160px; height: 160px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; border: 1px solid #fff; text-decoration: none;}
/* line 127, scss/_pages.scss */
#services a:hover { -webkit-box-shadow: 0px 0px 10px 0px #0077a3; -moz-box-shadow: 0px 0px 10px 0px #0077a3; box-shadow: 0px 0px 10px 0px #0077a3; border-top: 1px solid #3392b5; -webkit-transform: rotate(2160deg); -moz-transform: rotate(2160deg); -ms-transform: rotate(2160deg); -o-transform: rotate(2160deg); transform: rotate(2160deg); border: 1px solid #9d9d9d; color: #0077a3;}

@media (max-width: 690px) {
/* line 117, scss/_pages.scss */
#services a { width: 133.33333px; height: 133.33333px; }
}

@media (max-width: 600px) {
/* line 117, scss/_pages.scss */
#services a { width: 106.66667px; height: 106.66667px; }
}
/* line 139, scss/_pages.scss */
#services .design a { color: #79a161; }
/* line 139, scss/_pages.scss */
#services .design a:hover { color: #0077a3; }
/* line 140, scss/_pages.scss */
#services .develop a { color: #db9729; }
/* line 140, scss/_pages.scss */
#services .develop a:hover { color: #0077a3; }
/* line 140, scss/_pages.scss */
#services .content a { color: #4e9c97; }
/* line 141, scss/_pages.scss */
#services .content a:hover { color: #0077a3; }
/* line 142, scss/_pages.scss */
#services .support a { color: #be4b3c; }
/* line 142, scss/_pages.scss */
#services .support a:hover { color: #0077a3; }
/* line 144, scss/_pages.scss */
#services h3 { text-align: center; display: block; margin-top: 15px; text-shadow: 1px 1px 1px white; }

.linkText a{ display:inline;line-height:1.6em;color:#ECECEC;}
.linkText a:hove{color:3498db;}
.linkImg a{display:block;width:170px;height:50px;margin-right:10px;margin-right:5px!important;float:left;}
.linkImg a:hove{color:3498db;}
address{padding-left:1.5em;}
address i{margin-right:5px;}

/***===================****/
/*Blog Large
------------------------------------*/
/*Blog Page*/
.blog h2 { color: #555; font-size: 21px; line-height: 32px; margin-bottom: 10px; }
.blog h2 a { line-height: 32px; }
.blog h2 a:hover { text-decoration: none; }
.blog .blog-img { margin: 20px 0; }
/*Blog Content Tags*/
.blog-post-tags { padding: 5px 0 8px; margin-bottom: 10px; border-top: solid 1px #eee; border-bottom: solid 1px #eee; }
.blog-post-tags ul { margin-bottom: 0; }
.blog-post-tags li { font-size: 12px; }
.blog-post-tags li i { color: #777; }
.blog-post-tags ul.blog-info { color: #eee; margin-bottom: 3px; }
.blog-post-tags ul.blog-tags a { color: #555; font-size: 11px; display: inline; padding: 3px 7px; margin-right: 2px; background: #f4f4f4; }
.blog-post-tags ul.blog-tags a:hover { background: #72c02c; }
/*Blog Item Page
------------------------------------*/
.blog-item{background: #fff url(../images/title-left1.png) repeat-x 0 top;padding-top:40px;}
.blog-item .media img { top:3px; width: 54px; height: 54px; position: relative;}
.post-comment h3, .blog-item .media h3 { color: #72c02c; font-size: 21px; margin-bottom: 25px; }
.blog-item .media h4.media-heading { color: #555; font-size: 17px; position: relative; }
.blog-item .media h4.media-heading span { top: 3px; right: 0; color: #777; font-size: 12px; position: absolute; }
.blog-item .media h4.media-heading span a { color: #72c02c; }
/*Blog Medium
------------------------------------*/
.blog-medium .blog-info li { color: #777; }

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
.blog-medium img { margin-bottom: 20px; }
}
/*Blog Full Wisth
------------------------------------*/
.blog-full-width ul.blog-info { margin-bottom: 0; }

.parallax {
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	position: relative;
}
.p_testimonials {background: url(../images/parallax_1.jpg);padding: 80px 0 20px 0;}
.portfolio_parallax {
	background: url(../images/21.jpg);
	padding: 70px 0
}

.list-unstyled li a span {float: right;font-size: 12px;color: #ccc;}
.list-unstyled a{line-height:2em;}

/**图片幻灯**/
.flashbox{position:relative;overflow:hidden;}
.flashbox .focusNew_out{height:265px;margin:30px 0 0 10px;position:relative;z-index:2;overflow: hidden;}
.flashbox .focusNew_out .f_out_txt{ height:32px;width:100%; display:block; position:absolute; bottom:0; left:0; background-color:#016bb2;opacity:0.8; color:#d6d6d6; font-size:14px; font-family:"微软雅黑"; line-height:32px; padding:0 50px 0 10px; overflow:hidden}
.flashbox .focusNew_out .f_out_txt a{color:#fff;}
.flashbox .f_tabs{width:140px;height:26px;position:absolute;bottom:6px;right:0px;z-index:100;}
.flashbox .f_tabs span{ width:23px; height:19px;line-height:19px; background-color:#474747; float: left; margin-right:3px; text-align:center; color:#f0f0f0; margin-top:10px; cursor:pointer}
.flashbox .f_tabs span.hover{ height:29px; background-color:#B51017; margin-top:0; padding-top:10px; cursor:pointer}


.block_most_read_news {margin-top:-3px;}
.block_most_read_news .line_1 {margin:13px 0px 11px;}
.block_most_read_news .article {overflow:hidden;}
.block_most_read_news .article .pic {margin-right:12px; padding-top:3px; float:left;}
.block_most_read_news .article .text {overflow:hidden;}
.block_most_read_news .article .text .title {padding-bottom:9px; color:#cccccc; font-weight:bold; line-height:15px;}
.block_most_read_news .article .text .title a {color:#cccccc; font-weight:bold;}
.block_most_read_news .article .text .title a:hover {color:#f24024; text-decoration:none;}
.block_most_read_news .article .text .date {padding-bottom:0px; font-size:12px; color:#868686;}

.block_most_read_news a{float:left;display:block;line-height:1.5em;font-size:13px;margin:auto 10px;}

.block_most_read_news .w_hover {display:block; position:relative;}
.block_most_read_news .w_hover span {width:100%;height:100%;  display:none;  position:absolute;  left:0px;  top:0px;  background-color:#ffffff;opacity:0.15;filter:alpha(opacity=15);
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;

    behavior:url(/js/plugins/PIE.htc);
}
.block_most_read_news .w_hover:hover span {display:block;}



.bannercontainer { padding: 5px; background-color: #fff; width: 890px; position: relative; position: relative; margin-left: auto; margin-right: auto; }
.banner { width: 890px; height:4170px; position: relative; overflow: hidden; }
.bannercontainer-simple { padding: 5px; background-color: #fff; width: 890px; position: relative; position: relative; margin-left: auto; margin-right: auto; }
.banner-simple { width: 890px; height: 417px; position: relative; overflow: hidden; }
.fullwidthbanner-hm { width: 100% !important; position: relative; padding: 0; max-height:427px !important; overflow: hidden; }
.fullwidthbanner-hm .fullwidth { width: 100% !important; position: relative; }
@media only screen and (min-width: 768px) and (max-width: 959px) {
.banner, .bannercontainer { width: 750px; height:389px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.banner, .bannercontainer { width: 470px; height: 235px; }
}
@media only screen and (min-width: 0px) and (max-width: 479px) {
.banner, .bannercontainer { width: 310px; height:147px; }
}




.portfolio-item {
    background: url(../images/bg_off.png) repeat;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #ddd;
    padding: 4px;
    overflow: hidden;
    display: block;
}

.portfolio-item img {
    display: block;
    width: 100%;
    margin: 0px;
}

.fullscreen {
    position: absolute;
    left: 50%;
    top: 65%;
    color: #fff;
    font-size: 18px;
    margin-top: -30px;
    margin-left: -24px;
    width: 60px;
    height: 60px;
    opacity: 0;
}

.fullscreen i {
    color: #fff !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 11;
    background: rgba(0, 0, 0, 0.6);
    padding: 16px 18px;
    font-size: 16px;
    border-radius: 100px;
}

.portfolio-item-link {
    display: block;
    position: relative;
}

.post-item-link {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
}

.post-body {
    padding: 4px;
    background: url(../images/bg_off.png) repeat;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
}

.portfolio-item-link span.portfolio-item-hover, .post-item-link span.post-item-hover,
.img-hover {
    background: rgba(50, 50, 50, 0.75)
}

.portfolio-item.round img {
    border-radius: 2px;
}

a.portfolio-item-link {
    line-height: 0;
    padding: 0;
    margin: 0;
}

.portfolio-item-link span.portfolio-item-hover, .post-item-link span.post-item-hover,
.img-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0; /* IE 8 */
    top: 0;
    left: 0;
    -webkit-transition: all 0.35s ease-out;
    -moz-transition: all 0.35s ease-out;
    -o-transition: all 0.35s ease-out;
    -ms-transition: all 0.35s ease-out;
    transition: all 0.35s ease-out;
}

.portfolio-item-link span.portfolio-item-hover:hover, .post-item-link span.post-item-hover:hover, .img-hover:hover {
    background-position: center center;
}

.portfolio-item-title {
    text-align: center;
    padding: 5px;
    background: #FFF;
}

.portfolio-item-title a {
    font-weight: 600;
    font-size: 14px;
    font-family: "Open Sans", Arial, Verdana;
    color: #666;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    -o-transition: all 0.25s ease-out;
    -ms-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}

.portfolio-item-title a:hover {
    text-decoration: none;
}

.portfolio-item-title p {
    font-style: italic;
    font-size: 12px;
    margin: 0;
    text-align: center;
    line-height: 1.2em;
}







#pages {
	clear: both;
	padding: 10px 0 10px;
	text-align: center;
	font: 14px 'Microsoft YaHei';   height:50px;
}
#pages a {
	display: inline-block;
	padding: 0px 12px;
	height: 30px;
	font-size: 14px;
	line-height: 30px;
	background: #fff;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #333;
	margin-right: -1px;
}
#pages a.a1 {
	padding: 0px 12px;
	height: 30px;
	line-height: 30px;
	margin-top: 0px;
}
#pages a:hover {
	background: #2490ff;
	color: #fff;
	text-decoration: none;
}
#pages span {
	display: inline-block;
	padding: 0px 12px;
	height: 30px;
	line-height: 30px;
	background: #2490ff;
	border: 1px solid #2490ff;
	color: #fff;
	text-align: center;
}



.form-box{ position:relative; padding:10px; border:1px solid #f6f6f6; background:#fff; font-size:14px; width:100%; margin:0 auto }
	.form-box dl{ display:block; padding:0px 0; }
	.form-box dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.form-box dl dt{ display:block; float:left; width:120px; line-height:30px; min-height:30px; color:#555; font-size:14px; text-align:right; _position:absolute; }
	.form-box dl dd{ position:relative; padding:2px 0 5px 10px; line-height:28px; min-height:28px; color:#555; font-size:14px; overflow:hidden; _margin-left:120px; }
	.form-box dl dd label.radio{ margin-right:5px; }
	
	
	
	
	
	.form-box2{ position:relative; padding:10px;  font-size:14px; width:600px;  float:left; margin-left:-150px;}
	.form-box2 dl{ display:block; padding:0px 0; }
	.form-box2 dl:after{ clear:none; content:""; display:block; height:0; visibility:hidden; }
	.form-box2 dl dt{ display:block; float:left; width:180px; line-height:30px; min-height:30px; color:#fff; font-size:14px; text-align:right; _position:absolute; }
	.form-box2 dl dd{ position:relative; padding:2px 0 5px 10px; line-height:28px; min-height:28px; color:#555; font-size:14px; overflow:hidden;    }
	.form-box2 dl dd label.radio{ margin-right:5px; }
	
	

/*按钮样式*/
.btn{ display:inline-block; margin:0; padding:0 15px; color:#fff; font-size:12px; height:30px; line-height:30px; text-align:center; }
.btn{ background:#0099ff; border:1px solid #0099ff; border-radius:2px; vertical-align:middle; }
.btn:hover{ color:#fff; opacity:0.9; }
.btn-mini{ height:20px; line-height:20px; padding:1px 8px 0; }
input.btn, button.btn{ height:40px; cursor:pointer; overflow:visible; }
.btn-success{ background:#52A152; border:1px solid #417F41; text-shadow:0 -1px 0 #52A152; }
.btn-error{ background:#CB423B; border:1px solid #AA352F; text-shadow:0 -1px 0 #CB423B; }
.btn-gray{ background:#ddd; border:1px solid #A9A9A9; text-shadow:0 -1px 0 #EEEEEE;}
.btn-gray,.btn-gray:hover{ color:#777; }
.input{ height:30px; line-height:30px; border:solid 1px #ccc;}


#pc{display:block}

#mobile{display:none}

@media (max-width: 640px) {
.headline { margin-top: 30px; }
#pc{display:none}
.parallax{ width:100%; margin:0 auto;   overflow:hidden;}
#mobile{display:block}
.bx-wrapper{ margin-left:-40px;}
.blog-item .media h4.media-heading { color: #555; font-size: 14px; position: relative;  font-weight:bolder; }
.blog-item .media h4.media-heading span { top: 163px; right: 0; color: #777; font-size: 12px; position: absolute; }
.blog-item .media h4.media-heading span a { color: #72c02c; }
.fullwidthbanner-hm{ margin-top:25px; }

 ul.bxslider li{ width:49%; margin-left:0.5%; margin-right:0.5%; float:left; text-align:center; }
 ul.bxslider li img { width:100%; height:auto; height:120px;}
ul.bxslider li h3{ height:30px;  line-height:30px; overflow :hidden; font-size:14px;}
}
header,  footer{display: block;margin:0;padding:0}
.pd3{ padding: 0 .3rem; box-sizing: border-box;}
      

      @media (max-width: 640px) {
.mobile{ display:block}
.purchase{ margin-top:-40px;}
}
       





/*头部*/
.header2 {position: fixed; left: 0; top: 0; width: 100%; height: 50px; padding: 5px 0px;background-color: #fff; z-index: 199;text-align: center;box-shadow: 0px 0px 3px #ccc;}
.header2 h2 {color: #333;font-size: 1.05rem;height: 40px;line-height: 40px;text-align: center; overflow: hidden;}
#header .logo {display: block;height: 40px;margin: 0px 0px 0px 10px;float: left;}
#header .logo img {display: block;height: 40px;}
.header2 .back {content: '';display: block; position: absolute;top: 5px;left: 0px;height: 50px;}
.header2 .back img {display: block;height: 40px;}
.header2 .navigation {position: absolute;top: -3px;right: 0px;width: 50px;height: 50px;background: url(../images/menu.png) no-repeat center;background-size: auto 42px;}
.header2 .navigation img {display: block;height:35px;}
.header-tel{position:absolute;top:0;right:0}
.header-tel a{display:block;width:50px;height:50px;;background: url(../images/header-tel.png) no-repeat center;background-size: auto 30px;}


/*左侧导航*/
.allnav_left {position: fixed;left: -100%;top: 0px;height: 100%;background:rgba(255,255,255,0.95);z-index: 1119;width: 70%;height:100%;padding: 0px 10px;max-width: 320px;box-shadow: 1px 0px 20px #444;box-sizing: border-box;overflow-y:auto;}
.theclose{overflow:hidden; display:block !important; position:absolute; right:0; top:0; width:40px; height:40px; line-height: 36px;text-align:center;background:#eee; cursor:pointer;}
.theclose img {width: 22px;height: 22px;}
.allnav_left {padding-top: 45px;font-size:14px;}
.allnav_left .allnav_list {width: 100%;}
.allnav_left .allnav_list ul>li {display: block; padding: 10px 0px 10px 10px;border-bottom: 1px solid #e6e6e6;}
.allnav_left .allnav_list ul>li>a {color: #666;font-size: 14px;height:22px;line-height: 22px;display: block;}
.allnav_left .allnav_list ul>li.on>a {color: #ce0100}
.allnav_left .allnav_list ul>li .sub {padding: 10px 0px 0px}
.allnav_left .allnav_list ul>li .sub a {color: #666;font-size: 0.75rem;height:21px;line-height: 21px;display: block;}
.allnav_left .allnav_list ul>li .sub a:before {content: '';display: block;width: 4px;height: 4px;background: #555;border-radius: 50%;float: left;margin: 9px 6px;}
.allnav_left a span {float: left; font-size:14px;}
.allnav_left a img {width: 9px;height: 18px;float: right;margin-top: 2px;}
.allnav_left .tels{ float:left; overflow:hidden; padding:20px 0}
.allnav_left .tels dd{ float:left; width:100%; line-height:20px; font-size:14px; color:#666; text-indent:10px;}
.allnav_left .tels span{display: block;line-height:35px; font-size:14px; color:#905848; text-indent:10px;}
.bk_gray {background: #000;opacity: 0.4;filter: alpha(opacity=40);position: fixed;width: 100%;height: 100%;z-index: 1118;display: none;top: 0;}

/*footer*/
footer{ background: #3a3b3f; position: relative; }
footer:before{ pointer-events: none; content: ''; position: absolute; left: 0; top: -.54rem; width: 100%; height: .54rem; background: url(../tpl_img/fbg.png) center no-repeat; background-size: contain; }
.ftop{ padding: .42rem 0 .2rem; }
.fshare{ width:60%;  font-size:14px;}
.fshare a{ color:#fff;}
.fewm{ font-size: 0; width: 30%; }
.fewm .box{ display: inline-block; vertical-align: top; text-align:center  }
.fewm .box:first-child{ margin-right: 0; }
.fewm .box .pic{ margin-bottom: .08rem;  max-width: 100%; padding: .04rem; box-sizing: border-box; }
.fewm .box .pic img{ width: 80px; }
.fewm .box p{ font-size: .2rem; opacity: .5; color: #fff; width:100%; }
.fbot{ border-top: 1px solid rgba(255,255,255,.12); opacity: .5; padding: .32rem 0 .26rem; text-transform: uppercase; text-align: center; font-size: .2rem; line-height: .34rem; color: #fff; }