@charset "utf-8";
/* CSS Document */
.main-table{font-family:Arial; font-weight:normal; Font-size:14px; color:#000; line-height:22px; text-align:justify;}
.main-heading{font-weight:bold; Font-size:20px; color:#09519b; line-height:36px; border-bottom:1px #ccc dashed; text-transform:uppercase;}
.sub-heading2{font-weight:bold; Font-size:18px; color:#000733; line-height:30px; text-align:left; }
.sub-heading{font-weight:bold; Font-size:17px; color:#000; line-height:30px; text-transform:uppercase; margin-top: 0;}
.team-title{font-weight:bold; Font-size:14px; color:#333; line-height:30px;}
.contact-us{ padding-left:20px; line-height:24px;}

.main-table p{margin-top:0}

.manu-container{ width:100%; min-height:40px; margin:0 auto; padding:0; font-family:Arial; font-size:13px; font-weight:normal; background:#1366b8;}
.manu-container ul{ width:1000px; margin:0 auto; padding:0; list-style:none; text-align:center;}
.manu-container ul li{ padding:0 .5%; font-weight:bold; float:left; display:block; border-right:1px #000733 solid;}
.manu-container ul li a{ color:#fff; text-decoration:none; padding:5px 8px;  line-height:40px;}
.manu-container ul li a:hover{ background:#fff; color:#333;}

.readmore{ background:#08519a; font-family:Arial; font-size:14px; text-align:center; padding:5px 10px; color:#fff; text-decoration:none;}

.footer{font-family:Arial; font-weight:normal; Font-size:13px; color:#fff; line-height:22px; text-align:justify;}
.f-head{ font-size:18px; line-height:30px; color:#eee; text-align:left; border-bottom:1px #226199 dashed; text-transform:uppercase;}
.f-ul{margin-top:10px; list-style-image:url(image/bullets1.png);}
.f-ul li a{text-decoration:none; color:#009ccf; font-size:13px;}
.f-ul li a:hover{ color:#eee;}

.f-social{list-style:none; margin-top:15px; font-size:16px;}
.f-social li a{line-height:35px; text-decoration:none; color:#009ccf;}
.f-social li a:hover{ color:#eee;}
.footer a{text-decoration:none; color:#09F;}
.footer a:hover{ color:#eee;}
.footer-sub{width:1000px; line-height:36px; height:40px; margin:0 auto; padding:0 5px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal;}
.footer-sub b{float:right; font-weight:normal;}
.footer-sub b a{color:#fff; text-decoration:none;}


.hom{
	width:100%;
	height:auto;
	float:left;
	text-align:center;
	margin-top:0;
	padding-top:0;
	}

.hom h2{
	font-family:arial;
	font-size:25px;
	line-height:36px;
	font-weight:bold;
	color:#08519a;
	margin-left:5px;
	text-transform:uppercase;     margin-top: 0;
	}
	
.hom p{
	font-family:Arial;
	font-size:14px;
	line-height:24px;
	color:#333;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	}
	
.hom a{
	font-family:arial;
	font-size:13px;
	line-height:24px;
	text-align:justify;
	text-decoration:none;
	}
		

.home-service-boxs {
	 width:22.5%;
    margin: 0 10px 0 10px;
	background:#16537f;
	float:left;

	
}

.home-service-boxs img{width:100%;}

.view1 .mask {
    background:#eee;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 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;
	text-align:center;
}

.view .mask, .view .content {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}


.view1 h2 {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
 position:relative;
}

.home-service-boxs article h2 {
    margin: 20px 0 15px 0;
    font-size: 16px;
    color: #08519a;
	font-family:arial;
	line-height:24px;
}


.view1 h3{font-family:arial; font-size:20px; line-height:30px; color:#fff; text-align:center; text-transform:uppercase; margin-top:20%;}

.home-service-boxs article p {
    margin: 0 10px 0 10px;
    color: #333;
	font-family:arial;
	line-height:21px;
	font-size:13px;
}
.rmore{color:#08519a; text-decoration:none; font-size:18px; font-weight:bold; line-height:30px;margin-left: 18px;}

.view1:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.view1:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.view1:hover h2, .view1:hover p {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.view1:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.view{ overflow:hidden; height:200px; position:relative; width:100%;}

.icon-ul{list-style-image:url(./image/hand-icon1.png); padding-left:22px;     font-size: 14px; color:#000}
.icon-ul li{padding-left:15px; margin-bottom:8px; color:#666; line-height:24px !important; color:#000}
.icon-ul ul{margin-top:12px;}

/*contact*/
.map-cont{     margin-top: 10px;
    width: 56%;
    float: left;
    border: 1px solid #ddd;
    text-align: center;     margin-bottom: 30px;}
.bx-rht-cont{    width:40%;
    float: left;
    margin-left: 3%;}
.bx-rht-cont h2{text-align: left;
    font-size: 16px;
    font-weight: bold;     line-height: 18px; margin-top: 10px; margin-bottom:5px;}
	
.bx-rht-cont p{margin-bottom:0;}
.brn-off{width:48%; padding:0%; float:left;     padding-bottom: 0;     margin-top: 30px;}
.cont-page h3{ margin: 0; font-size: 16px; text-transform:uppercase;}
.cont-page p{font-size:14px;     line-height: 24px !important; text-align: left;     margin-top: 2px;}

.cont-page h2 span{    display: block;
    font-size: 14px;
    color: #999;
    font-weight: 500;
    margin-bottom: 10px;}
	
.head-bx{float: left;
    width: 50%;}
	
.contd-bx{float: left;
    width: 50%;}
	
.brn-bx h2{text-align:center; position:relative;}


.brn-bx h2 span{ border-bottom: 4px double #16547e;
    color: #16547e;
    font-weight: bold;
    font-size: 20px;
    padding: 0 20px;     display: inline-block}
	
.head-bx{float: left;
    width: 50%;}
	
.contd-bx{float: left;
    width: 50%;}
	
.cont-page a{cursor:pointer;}

/*contact*/

.container-middle{margin:0 auto;     text-align: left; font-family:Arial !important;     font-size: 14px !important; line-height: 24px !important; font-weight: normal !important; color: #000;}

.cl{clear:both;}

ul li {
    margin-bottom: 4px;
    color: #333;
}

ul.f-ul li{color:#fff;}.ibsbox{ width:235px; height:auto; float:left;}


.ibspanel {
    width: 230px;
    height: 220px;
    margin: auto;
    position: relative;
	text-align:center;
	
}

.ibscard {
    width: 100%;
    height: 100%;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
	border-radius:10px;
}

.ibsfront {
  
	background:#fff;
	
}
.ibsfront img {border-radius:10px;}
.ibsback {
   
    -webkit-transform: rotatey(-180deg);
    -ms-transform: rotatey(-180deg);
    -moz-transform: rotatey(-180deg);  
    transform: rotatey(-180deg);
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	color:#4E4E4E;
	line-height:26px;
	padding-left:3px;
	padding-right:3px;
}

.ibspanel:hover .ibsfront {
    
    -webkit-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    -moz-transform: rotatey(180deg);
    transform: rotatey(180deg);
	
}

.ibspanel:hover .ibsback {
       
    -webkit-transform: rotatey(0deg);
    -ms-transform: rotatey(0deg);
    -moz-transform: rotatey(0deg);
    transform: rotatey(0deg);
	
}
.wecom{background:#fff; font-family:arial; font-size:12px; line-height:25px;}