@charset = "utf-8" /*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, nav ul, nav li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 font: inherit;
 vertical-align: baseline;
 font-family: "new times roman";
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* start editing from here */
a {
	text-decoration: none;
}
.block70{margin-left:70px;}
@media only screen and (max-width:426px) {
.block70{margin-left:0px;}	
}
.txt-rt {
	text-align: right;
}/* text align right */
.txt-lt {
	text-align: left;
}/* text align left */
.txt-center {
	text-align: center;
}/* text align center */
.float-rt {
	float: right;
}/* float right */
.float-lt {
	float: left;
}/* float left */
.clear {
	clear: both;
}/* clear float */
.pos-relative {
	position: relative;
}/* Position Relative */
.pos-absolute {
	position: absolute;
}/* Position Absolute */
.vertical-top {
	vertical-align: top;
}/* vertical align top */
.underline {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee;
	margin: 0 0 20px 0;
}/* Add 5px bottom padding and a underline */
nav.vertical ul li {
	display: block;
}/* vertical menu */
nav.horizontal ul li {
	display: inline-block;
}/* horizontal menu */
img {
	max-width: 100%;
}
/*end reset*/
@font-face {
	font-family: "new times roman";
}
body {
	font-family: "new times roman";

}
.wrap {
	width: 1250px;
	margin: 0 auto;
	transition: all .2s linear;
	-moz-transition: all .2s linear;/* firefox */
	-webkit-transition: all .2s linear; /* safari and chrome */
	-o-transition: all .2s linear; /* opera */
	-ms-transition: all .2s linear;
}
.header_top {
	background: #1874CD;
}
.logo {
	float: left;
}
.logo h1 {
	font-size: 35px;
	color: #FFF;
}
.logo h1 span {
	padding: 20px;
	float: left;
}
.logo h1 span.black {
	background: #323232;
}
.logo h1 span.red {
	background: #F95355;
}
#language {
	float: right;
	margin-top: 13px;
}
#language li {
	float: left;
}
#language img {
	width: 20px;
	height: 13px;
	padding-right:15px;
}
#language a {
	padding: 0px;
	font-size: 10px;
	color: #fff;
}
#language li a:hover, #language li.active a {
	background: none;
}
@media only screen and (min-width:656px) and (max-width:985px) {
#language{
margin-top:23px;
}
}
@media only screen and (max-width:655px){
#language{margin:0px 0px 8px;}
}
.nav{margin-top:15px;}
.menu{float:left;
    width: 80%;
    margin-top: 5px;}
@media only screen and (max-width:676px) {
 .menu{float:left;
 width:100%;
      margin-top: 5px;}
}

.menu li a {
	font-size: 1em;
	padding: 10px 18px;
	color: #FFF;
	font-family: "new times roman";
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
@media only screen and (min-width:1041px) and (max-width:1286px) {
.menu li a {
	padding:0px;
	margin:8px
}
}
.menu li a:hover, .menu li.active a {
	background: #F08300;
}

.menu li {
	float: left;
	margin-top:6px;
}

@media only screen and (max-width:999px) {
 .menu li {
	margin:0px;
}	
}
.h3 {
	margin-top: 0.2em;
	margin-bottom: 0.1em;
	font-weight : normal;
	color: #000;
	font-size: 0.6em;
}
.h4 {
	margin-top: 0.4em;
	margin-bottom: 0.2em;
	font-weight : normal;
	color: #000;
	font-size: 0.8em;
}

.home{float:left;margin: 0 20px 0 40px;}
@media only screen and (max-width:520px) {
  .menu,.home{float:none;padding-top:15px;}	
}
/******************** Main ***********/
/*  GRID OF THREE   ============================================================================= */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;
}
.group span{font-size:0.85em;line-height:1.5em;}
.grid_1_of_3 {
	display: block;
	float: left;
	margin: 0.5% 0 0.5% 1.35%;
}
.grid_1_of_3:first-child {
	margin-left: 0;
}
.images_1_of_3 {
	width: 29%;
	padding: 1.5%;
	text-align: center;
	border: 1px solid #EEE;
}
.images_1_of_3 img {
	max-width: 100%;
	display: block;
}
.grid_icon {
	border-radius: 4em;
	-webkit-border-radius: 4em;
	-moz-border-radius: 4em;
	-o-border-radius: 4em;
	border: 5px solid #FFF;
	box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);
	-webkit-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);
	-moz-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);
	-o-box-shadow: 0px 0px 10px rgba(119, 119, 119, 0.25);
	display: inline-block;
	padding: 15px;
	cursor: pointer;
	transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	background-color: #00CCFF;
}
.grid_icon:hover {
	background: #F95355;
}
.images_1_of_3 h3 {
	font-family: "new times roman";
	color: #000;
	font-size: 1.2em;
	padding: 5px 0px 0px 0px;
	text-transform: uppercase;
}
.images_1_of_3 p {
	font-size: 0.85em;
	color: #9F9F9C;
	line-height: 1.6em;
	font-family: "new times roman";
	padding: 10px 0px;
}
.span_1_of_3 {
	width: 29.2%;
	padding: 1.5%;
}
.span_1_of_3 h3 {
	color: #000;
	margin-bottom: 5px;
	font-size: 1.2em;
	font-family: "new times roman";
	text-transform: uppercase;
}
.span_1_of_3 p {
	font-size: 0.85em;
	color: #000;
	line-height: 1.2em;
	font-family : "new times roman";
	padding: 5px 0;
}
.span_1_of_3 p span {
	font-family: "new times roman";
}
.span_1_of_3 li {
	font-size: 0.85em;
	color: #000;
	display: block;
	padding: 10px 15px;
	background: url(images/list-img.jpg) no-repeat 0px;
	cursor: pointer;
	border-bottom: 1px dashed #E7E7E7;
}
.span_1_of_3 li:hover {
	color: #4E4E4E;
}
.span_1_of_3 img {
	padding: 3px;
	background: #FFF;
	border: 1px solid #EBEBEB;
	display: block;
	width: 96%;
}
.button {
	margin-top: 15px;
	;
}
.button a {
	background: #F95355;
	padding: 12px 30px;
	font-family: "new times roman";
	color: #FFF;
	display: inline-block;
	font-size: 0.875em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-transform: uppercase;
}
.button a:hover {
	background: #222;
	color: #FFF;
}
/****  New Products ******/
.new-products p {
	display: inline-block;
	width: 48%;
	list-style: none;
	padding-top: 0;
}
.new-products p a {
	background: #FFF;
	display: block;
	margin: 0 5px;
}
/********** Footer 1E90FF **********/
.copy-right {
	background:#aac4de;
	border-top: 1px solid #c1d2e4;
}
.copy-right p {
	font-size: 0.85em;
	color: #000;
	font-family: "new times roman";
}
.copy-right p.copy {
	float: left;
}
.copy-right p.design {
	float: right;
}
.copy-right p a {
	text-decoration: underline;
	color: #F95355;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.copy-right p a:hover {
	color: #FFF;
	text-decoration: none;
}
/********** About **********/
.about_desc {
	padding: 30px 0;
}
.about_desc h2 {
	color: #000;
	font-family: "new times roman";
	font-size: 1.5em;
	text-transform: uppercase;
	padding-bottom: 5px;
}
.col_1_of_3 {
	display: block;
	float: left;
	margin: 1% 0 0 1.5%;
}
.col_1_of_3:first-child {
	margin-left: 0;
}
.grid_1_of_3 {
	width: 29%;
	margin: 0 0 0 1.5%;
}
.grid_1_of_3 img {
	max-width: 100%;
	display: block;
}
.grid_1_of_3 p {
	font-size: 0.85em;
	padding: 5px 0;
	color: #000;
	line-height: 1.8em;
}
.history-desc {
	padding-bottom: 5px;
}
.year {
	float: left;
}
.year p {
	color: #222;
	font-family: "new times roman";
	font-size: 0.8em;
}
.grid_1_of_3 p.history {
	float: left;
	width: 80%;
	margin-left: 4%;
	font-size: 0.85em;
	color: #000;
	line-height: 1.5em;
}
.grid_1_of_3 .list li a {
	color: #000;
	font-size: 0.815em;
	padding: 8px 20px;
	background: url(images/list-img.jpg) no-repeat 0;
	cursor: pointer;
	display: block;
	font-family: "new times roman";
}
.grid_1_of_3 .list li a:hover {
	color: #444;
}
/*  GRID OF Four   ============================================================================= */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;
}

.grid_1_of_4 {
	display: block;
	float: left;
	margin: 0% 0 1% 1.6%;
	position: relative;
}
.grid_1_of_4:first-child {
	margin-left: 0;
}
.images_1_of_4 {
	width: 20.8%;
	padding: 1.5%;
}

.gallery_1_of_6 {
	display: block;
	float: left;
	margin: 1% 0 0 0;
	box-shadow: 0px 0px 5px #999;
}
.images_1_of_6 {
	width: 96.5%;
	padding: 1.5%;
}
.images_1_of_6 h3 {
	font-family: "new times roman";
	color: #000;
	font-size: 1.2em;
	text-transform: uppercase;
}
.images_1_of_6 li a {
	color: #000;
	font-size: 0.815em;
	padding: 8px 20px;
	cursor: pointer;
	display: block;
	font-family: "new times roman";
}
.images_1_of_6 li {
	font-size: 0.85em;
	color: #000;
	display: block;
	padding: 10px 15px;
	background: url(images/list-img.jpg) no-repeat 0px;
	cursor: pointer;
	border-bottom: 1px dashed #E7E7E7;
}
.images_1_of_4 img {
	max-width: 100%;
	display: block;
	border: 1px solid #EEE;
}
.images_1_of_4 h3 {
	color: #000;
	font-family: "new times roman";
	font-size: 1.2em;
	text-transform: uppercase;
	padding: 10px 0 5px 0;
}
.images_1_of_4 p {
	font-size: 0.85em;
	padding: 5px 0;
	color: #000;
	line-height: 1.8em;
}
/***** Gallery *****/

.gallery {
	padding: 20px 0;
}
.gallery_1_of_4 {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
	box-shadow: 0px 0px 5px #999;
}
.gallery_1_of_4 a{color:#000;}
@media only screen and (max-width:768px ) {
	.gallery_1_of_4 {
	display: block;
	float: left;
	margin:0;
	box-shadow: 0px 0px 5px #999;
}
}
@media only screen and (max-width:768px ) {
	.mybutton2 li {
float:left;
padding:5px;
}
}

#video{width:100%;height:auto;}
.gallery_1_of_4:first-child {
	margin-left: 0;
}
.images_1_of_4 {
	width: 20.8%;
	padding: 1.5%;
	position: relative;
}
.images_1_of_5 {
	width: 47%;
	padding: 1%;
	position: relative;
}
@media only screen and (max-width:768px ) {
	.images_1_of_5 {
	width: 100%;
	padding: 1.5%;
	position: relative;
}
	
}
#last{color:#F95355;
background: url(images/list-img.jpg) no-repeat 0;}

.images_1_of_5 h3 {
	font-family: "new times roman";
	color: #000;
	font-size: 1.2em;
	padding: 0 1px 0 0px;
}
.images_1_of_5 li a {
	color: #000;
	padding: 8px 17px;
	background: url(images/list-img.jpg) no-repeat 0;
	cursor: pointer;
    font-family: "new times roman";
	
}
.images_1_of_5 li {
	font-size: 0.85em;
	color: #000;
	display: block;
	padding:2px 14px;
	background: url(images/list-img.jpg) no-repeat 0px;
	cursor: pointer;
	border-bottom: 1px dashed #E7E7E7;
	background-position-y:6px;
}
.images_1_of_5 p{font-size:0.85em;}
.images_1_of_4 img {
	max-width: 100%;
	display: block;
	outline: none;
}
.images_1_of_4 a {
	outline: none;
}
.images_1_of_4 p a {
	color:#000;
}
.images_1_of_4 h3 {
	margin-top: 0.4em;
	margin-bottom: 0.2em;
	font-weight : normal;
	color: #000;
	font-size: 1.2em;
}
.images_1_of_4 p {
	font-size: 0.8125em;
	color: #000;
	line-height: 1.6em;
	font-family : "new times roman";
}
.images_1_of_4 span a {
	color: #F95355;
	font-size: 1em;
	cursor: pointer;
}
.images_1_of_4 a span {
	position: absolute;
	top: 80px;
	left: 135px;
	width: 36px;
	height: 36px;
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
.images_1_of_4 a img:hover {
	opacity: 0.6;
}
.images_1_of_4 a:hover span {
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
.projects-bottom-paination {
	text-align: center;
	padding-top: 25px;
}
.projects-bottom-paination li {
	display: inline-block;
}
.projects-bottom-paination li a {
	font-size: 0.85em;
	font-family: "new times roman";
	color: #F95355;
	padding: 10px 18px;
	background: #fff;
	text-decoration: none;
	display: block;
	border: none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	border: 1px solid #EEE;
}
.projects-bottom-paination li.active> a, .projects-bottom-paination li> a:hover {
	background: #F95355;
	color: #fff;
}
/* Services  ============================================================================= */
.services {
	padding: 20px 0;
}
.listview_1_of_2 {
	display: block;
	float: left;
	margin: 0% 0 0% 1.6%;
}
.listimg {
	display: block;
	float: left;
}
.text {
	display: block;
	float: left;
	margin: 0% 0 0% 3.6%;
}
.listview_1_of_2:first-child {
	margin-left: 0;
}
.images_1_of_2 {
	width: 94%;
	padding: 1.5%;
}
.listimg_2_of_1 {
	width: 18.2%;
}
.list_2_of_1 {
	width: 78.2%;
}
.images_1_of_2 img {
	max-width: 100%;
	display: block;
}
.list_2_of_1 h3 {
	color: #000;
	margin-top: 0.4em;
	margin-bottom: 0.2em;
	font-size: 1.2em;
	font-family: "new times roman";
	text-transform: uppercase;
}
.list_2_of_1 p {
	font-size: 0.8125em;
	color: #000;
	line-height: 1.8em;
	font-family : "new times roman";
	padding: 0;
}
/*  Contact Form  ============================================================================= */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.group:before, .group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1;
}
.col {
	display: block;
	float: left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child {
	margin-left: 0;
}
.span_1_of_3 {
	width: 29.2%;
	padding: 1.5%;
}
.span_1_of_3 h3 {
	font-family: "new times roman";
	color: #000;
	font-size: 1.2em;
	margin: 0 auto;
	text-transform: uppercase;
	padding: 5px 0px 5px 0px;
}
.span_1_of_3 a {
	font-family: "new times roman";
	color: #000;
	text-transform: uppercase;
}
.contact-form {
	position: relative;
	padding-bottom: 30px;
}
.contact-form div {
	padding: 5px 0;
}
.contact-form span {
	display: block;
	font-size: 0.8125em;
	color: #000;
	padding-bottom: 5px;
	font-family: "new times roman";
}
.contact-form input[type="text"], .contact-form textarea {
	padding: 8px;
	display: block;
	width: 98%;
	border: none;
	outline: none;
	color: #444;
	font-size: 1.2em;
	font-family: "new times roman";
	border: 1px solid rgba(192, 192, 192, 0.31);
	-webkit-appearance: none;
}
.contact-form textarea {
	resize: none;
	height: 120px;
}
.contact-form input[type="text"]:focus, .contact-form textarea:focus {
	border: 1px solid rgba(192, 192, 192, 0.72)
}
.mybutton {
	background: #F95355;
	padding: 12px 32px;
	font-family: "new times roman";
	color: #fff;
	font-size: 1em;
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
	text-transform: uppercase;
	border: none;
	outline: none;
	cursor: pointer;
	-webkit-appearance: none;
}
.mybutton:hover {
	background-color: #202020;
}
.mybutton:active {
	background-color: #202020;
}
.mybutton2 {
	float: left;
	margin:5px;
}
@media only screen and (max-width:768px ) {
.mybutton2 {
	float: right;
	}
	
}

.mybutton2 li {
	float: left;
	margin-top: 9px;
	
	
}
.mybutton2 li a {
	font-size: 0.6em;
	padding: 5px 15px;
	color: #FFF;
	background-color: #323232;
	font-family: "new times roman";
	transition: 0.5s ease;
	-o-transition: 0.5s ease;
	-moz-transition: 0.5s ease;
	-webkit-transition: 0.5s ease;
}
.mybutton2 li a:hover, .mybutton2 li.active a {
	background: #F95355;
}
.company_address {
	padding-top: 10px;
}
.company_address p {
	font-size: 0.8125em;
	color: #000;
	font-family: "new times roman";
	line-height: 1.8em;
}
.company_address p a {
	text-decoration: underline;
	color: #555;
	cursor: pointer;
}
.company_address p a:hover {
	text-decoration: none;
	color: #444;
}
.map {
	margin-bottom: 5px;
}

/*-responsive-design--*/
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
.wrap {
	width: 90%;
}
}
@media only screen and (max-width: 1280px) and (min-width: 1024px) {
.wrap {
	width: 90%;
}
}
@media only screen and (max-width: 1024px) {
.wrap {
	width: 90%;
}
.logo h1 span {
	padding: 20px 10px;
}
.menu li a {
	padding: 0px 15px;
}
.grid_1_of_3 p.history {
	width: 74%;
}
}
@media only screen and (max-width:800px) {
.wrap {
	width: 95%;
}
.logo h1 {
	font-size: 2em;
}
.logo h1 span {
	padding: 15px 10px;
}
.menu li a {
	padding: 0px 10px;
}
.year p {
	font-size: 1em;
}
}
@media only screen and (max-width:640px) {
.wrap {
	width: 95%;
}
.logo h1 {
	font-size: 1.5em;
}
.logo h1 span {
	padding: 10px 10px;
}
.menu li a {
	font-size: 0.85em;
	padding: 5px 10px;
}
.grid_1_of_3 {
	margin: 0 0 10px 0;
}
.images_1_of_3 {
	width: 94%;
	padding: 3%;
}
.col_1_of_3 {
	margin: 0;
}
.span_1_of_3 {
	width: 94%;
	padding: 3%;
}
.grid_1_of_3 {
	width: 94%;
	padding: 3%;
}
.year p {
	font-size: 1.2em;
}
.grid_1_of_4 {
	margin: 0;
}
.images_1_of_4 {
	width: 94%;
	padding: 3%;
}
.span_2_of_3 {
	width: 94%;
	padding: 3%;
}
.col {
	margin: 0;
}
.contact-form input[type="text"], .contact-form textarea {
	width: 95%;
}
}
@media only screen and (max-width:480px) {
.wrap {
	width: 95%;
}
.logo h1 {
	font-size: 2.5em;
}
.logo h1 span {
	padding: 5px 10px;
}
.menu li a {
	padding: 0px 5px;
}
.listview_1_of_2 {
	margin: 0;
}
.images_1_of_2 {
	width: 94%;
	padding: 3%;
}
}
@media only screen and (max-width:320px) {
.wrap {
	width: 98%;
}
.logo h1 {
	font-size: 2em;
}
.logo h1 span {
	padding: 5px 5px;
}
.menu li a {
	padding: 0px 5px;
}
.services {
	padding: 30px 0;
}
.list_2_of_1 h3 {
	font-size: 1em;
}
.contact-form input[type="text"], .contact-form textarea {
	width: 92%;
}
}
@media only screen and (max-width:992px) {
.nav {
	margin-top:0px;
	line-height:28px;
}

}
.contact a{color:#000;}
.anli h3{float:left;}
.anli .more{float:right;padding: 30px 1px 5px 0px;}
.anli .more a{color:#000;}
.lvguang li{padding: 5px 15px;}
.pro li{float:left;}
li{text-decoration: none;list-style: none;}
li img{padding-right:30px;}

@media only screen and (max-width:768px) {
.pro li{float:none;  width: 100%; margin: 0 auto;text-align: center;}
   
}
.time{margin-bottom:10px;}
.pro{overflow-x: hidden;}
.new p{text-indent:2em;}
#column li{background:none;text-indent:2em;font-size:16px;}

.exb{width:1000px;text-align:center;}
.arr{display: block;
    float: left;
    margin-top: 5px;}
.arr h3{padding:none;}
@media only screen and (max-width:768px) {
.exb{width:100%;}
   
}
.date{color:#b7b7b7;display:block;float:left; }
.bdsharebuttonbox{float:right;}
@media only screen and (max-width:768px) {
.date{display:none;}
.bdsharebuttonbox{float:none;}
   
}
.emp{text-align:center;}
.up{float:left;}
.down{float:right;padding-right:100px;}
.up a,.down a{color:#000;}
@media only screen and (max-width:992px) {
.down{float:none;padding-right:none;}
.up{float:none;}
}
.contact>p{border-bottom:1px solid #d2d2d2;padding-bottom:5px;}
.form{font-size:0.85em;}
.anli h4{float:left;}
@media only screen and (max-width:670px) {
	.logo img{margin-right:20px;}
	
}

#subnav{width:1150px;}
#col{width:18%;}
#colo{width:47%;}
#seven{width:7%;}
#all{background-color:#386ea2; padding:20px 0px;}
#block30{height:30px;}
.contain{padding-top:30px;}
@media only screen and (max-width:1100px) {
	#subnav,#col,#colo{width:100%;float:left;}
	#seven{display:none;}
	#col{display:block;}
	#all{padding:20px 8px;}
	.contain{padding:15px 0 10px;}
}
.footer_main_font{font-family:"Roboto Slab"; font-size:18px; color:#fff; border-bottom:2px solid #bebebe; padding-bottom:5px; text-align:left;}

.footer_main_font span{border-bottom:2px solid #F39800; padding-bottom:5px;}

.footer_font{font-family:calibri; font-size:16px; color:#fff; text-align:left; line-height:25px;}
.footer_font a:link{font-family:calibri; font-size:16px; color:#dedede; text-decoration:none; transition: 0.6s;}
.footer_font a:visited{font-family:calibri; font-size:16px; color:#fff; text-decoration:none; transition: 0.6s;}
.footer_font a:hover{font-family:calibri; font-size:16px; color:#fff; text-decoration:none; padding-left:4px; transition: 0.6s;}

.copyright_font{font-family:"Square721 BT"; font-size:14px; color:#dedede; text-align:center;}
.copyright_font a:link{font-family:"Square721 BT"; font-size:14px; color:#dedede; text-decoration:none; transition: 0.6s;}
.copyright_font a:visited{font-family:"Square721 BT"; font-size:14px; color:#dedede; text-decoration:none; transition: 0.6s;}
.copyright_font a:hover{font-family:"Square721 BT"; font-size:14px; color:#fff; text-decoration:none; transition: 0.6s;}

.applications{width:50%;float:left;}
.pro li{float:left;width:25%;height:25%;}
.pro .img20 li{float:left;width:20%;height:20%;}
@media only screen and (max-width:768px) {
.pro li{float:none;  width: 100%; margin: 0 auto;text-align: center;}
}
.videoone,.videotwo{width:49%;float:left;padding-right:5px;}
@media only screen and (max-width:560px) {
 .videoone,.videotwo{width:100%;float:left;padding-right:0px;}	
}
.block10{margin-bottom:10px;}