/* CSS Document */

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html {
}
body{ margin:0; padding:0; font-family: 'Montserrat', sans-serif; overflow-x:hidden; position:relative;    -webkit-font-smoothing: antialiased;}

*, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
.clearfix:before, .clearfix:after { display: table; content: ''; }
.clearfix:after { clear: both; }
.clearfix{ clear:both; float:none;}

.h20{ height:20px;}.h30{ height:30px;}.h40{ height:40px;}.h60{ height:60px;}.h10{ height:10px;}

.noPaddingLeft{padding-left:0 !important;}
.noPaddingRight{padding-right:0 !important;}
.noPadding{padding-left:0 !important; padding-right:0 !important;}
.headT{width:100%; height:40px; transition: all 0.3s ease-in-out;}


.header{width: 100%; height:auto; background:rgba(255,255,255,0.7); border-top:2px solid #407eae;}



.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.headerS ul{list-style:none; }
ul.navbar {
  display:inline-block; float:right; 
  width: auto;
  margin: 20px auto 20px auto; transition: all 0.3s ease-in-out;
}

ul.navbar li {
	float: left;
	margin: 0;
	position: relative;
}

ul.navbar li a {
	display: block;
	padding: 13px 15px;
	font-weight:500;
	text-decoration: none;
	transition: all .2s ease-in-out; 
	font-size:13px; color:#505254 !important;
}



ul.navbar li:hover > a:hover {
	color:#407eae !important;
}
ul.navbar li a.mLink {
}


ul.navbar li a.mLink:hover {
	color:#407eae !important;
}


ul.navbar ul li a {
	font-size:12px; color:#333 !important;
}

ul.navbar ul li a > i {
	float:right;
	padding-right:15px;
	transition: all .2s ease-in-out; 
	font-size:16px;
}
ul.navbar ul li a:hover > i {
	padding-right:5px;
	
}

ul.navbar li ul {
  margin: 0;
  position: absolute;
  background: #fff;
  top: 100px;
  font-size: 12px !important;
  min-width: 220px;
  padding:15px 0 15px 15px;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  transition: all .3s ease;
}

ul.navbar ul li { float: none; }
ul.navbar li:hover > ul { opacity: 1; visibility: visible; top: 0; max-height: 450px }
ul.navbar > li:hover > ul { opacity: 1; visibility: visible; top: 100%; left: 0; }
ul.navbar li > ul  ul { top: 0; left: 90%; }
ul.navbar li > ul li:hover > ul { left: 100%; }


/*
.rev_slider .slotholder:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;

    background: rgba(0, 0, 0, 0.3);
}
*/








.iNBox2{ margin:0 30px;}

.iNBox2 img {
	width:100%;
	height:auto;
}

.iNBox2:hover img {
	opacity: 1;
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none;
	filter: none;
}



.socialCon{width:100%; margin:10px auto; height:60px;}





a.facebook1{ display:block; width:40px; height:40px; font-size:20px; line-height:40px; text-align:center; color:#fff; float:left; transition: all 0.3s ease-in-out; margin-right:2px; margin-bottom: 5px;}
a.facebook1:hover{ background:#016bb6; color:#fff;}

a.twitter1{ display:block; width:40px; height:40px; font-size:20px; line-height:40px; text-align:center; color:#fff; float:left; transition: all 0.3s ease-in-out; margin-right:2px; margin-bottom: 5px;}
a.twitter1:hover{ background:#08c1e2; color:#fff;}

a.linkedin1{ display:block; width:40px; height:40px; font-size:20px; line-height:60px; text-align:center; color:#fff; float:left; transition: all 0.3s ease-in-out; margin-right:2px; margin-bottom: 5px;}
a.linkedin1:hover{ background:#4875b4; color:#fff;}

a.instagram1{ display:block; width:40px; height:40px; font-size:20px; line-height:40px; text-align:center; color:#fff; float:left; transition: all 0.3s ease-in-out; margin-right:2px; margin-bottom: 5px;}
a.instagram1:hover{ background:#316699; color:#fff;}

a.youtube1{ display:block; width:40px; height:40px; font-size:20px; line-height:40px; text-align:center; color:#fff; float:left; transition: all 0.3s ease-in-out; margin-bottom: 5px;}
a.youtube1:hover{ background:#CF2200; color:#fff;}



.footerTitle{width:100%; padding:5px 0 15px 0; font-size:16px; color:#fff; font-weight:500; letter-spacing:2px;}

ul.footerLink{ margin:0; padding:0; list-style:none;}
ul.footerLink li{ padding:5px 0; float:left; width:100%;}
ul.footerLink li a{ font-size:14px; color:#fff; transition:all .5s; letter-spacing:1px; font-weight:300;	}
ul.footerLink li a:hover{ color:#407eae;}

a.footerLink{ padding:7px; border:1px solid #8393a4; color:#fff; font-size:12px; font-weight:600; border-radius:3px; transition:all .5s; float:left; margin:0 3px 4px 0;}
a.footerLink:hover{ color:#407eae; border:1px solid #fff;}

a.mailLink{ color:#fff; transition:all .3s;}
a.mailLink:hover{ color:#407eae;}

.contactT{width:100%; height:40px; border:1px solid #efefef; background:#fff; float:left; padding:0 10px; margin-bottom:15px; font-size:13px; line-height:40px;  transition: all 0.4s ease-in-out;} 
.contactT:focus{border:1px solid #407eae;}
.contactTA{width:100%; height:120px; border:1px solid #efefef; background:#fff; padding:10px 10px; resize:none; margin-bottom:15px; font-size:13px; transition: all 0.4s ease-in-out;}
.contactTA:focus{border:1px solid #407eae;}
.contactTA{width:100%; height:95px;}

.formSMit{ padding:10px 5px; font-size:13px; color:#407eae; float:right; background:#fff; border:1px solid #407eae; transition: all 0.3s ease-in-out; cursor:pointer; margin-top:0;  width:100%; height:42px;}
.formSMit:hover{ background:#407eae; color:#fff;}



.demoBtnC{width:auto; display:inline-block; float:right; margin-top:30px; margin-left:15px; transition: all 0.3s ease-in-out;}

a.demoBtn{ width:auto; height:auto; padding:9px 15px; border:1px solid #407eae; background:#407eae; font-weight:400; font-size:12px; letter-spacing:1px; color:#fff; top:0; transition: all 0.2s ease-in-out; position:relative;}
a.demoBtn:hover{ -webkit-transform:translate3d(0,-3px,0);transform:translate3d(0,-3px,0);-webkit-box-shadow:0 6px 12px rgba(0,0,0,.15);box-shadow:0 8px 25px rgba(0,0,0,.15); top:-4px;}



a.facebookhh{ display:block; width:26px; height:26px; font-size:13px; line-height:25px; text-align:center; color:#016bb6; float:left; margin-right:3px; transition: all 0.3s ease-in-out;}
a.facebookhh:hover{ background:#016bb6; border-color:#016bb6; color:#fff;}

a.twitterhh{ display:block; width:26px; height:26px; font-size:13px; line-height:25px; text-align:center; color:#08c1e2; float:left; margin-right:3px; transition: all 0.3s ease-in-out;}
a.twitterhh:hover{  background:#08c1e2; border-color:#08c1e2; color:#fff;}

a.linkedinhh{ display:block; width:26px; height:26px; font-size:13px; line-height:25px; text-align:center; color:#0077b5; float:left; margin-right:3px; transition: all 0.3s ease-in-out;}
a.linkedinhh:hover{  background:#0077b5; border-color:#0077b5; color:#fff;}

a.instagramhh{ display:block; width:26px; height:26px; font-size:13px; line-height:25px; text-align:center; color:#e84867; float:left; margin-right:3px; transition: all 0.3s ease-in-out;}
a.instagramhh:hover{  background:#e84867; border-color:#e84867; color:#fff;}

.headSep {
    float: left;
    width: 1px;
    height: 17px;
    border-right: 1px solid #b4b4b4;
    margin: 11px 15px 0 7px;
}


.headeMail{width:auto; height:39px; float:left; display:inline-block; line-height:39px; font-size:13px; color:#333; font-weight:300; transition: all 0.3s ease-in-out;}
.headPhone{width:auto; height:39px; float:left; display:inline-block; line-height:39px; font-size:13px; color:#333; margin-left:15px; font-weight:300; transition: all 0.3s ease-in-out;}
.headPhoneW{width:auto; height:39px; float:left; display:inline-block; line-height:39px; font-size:13px; color:#333; margin-left:15px; font-weight:300; transition: all 0.3s ease-in-out;}
.headPhoneM{width:auto; height:39px; float:left; line-height:39px; font-size:13px; color:#333; margin-left:15px; font-weight:300; transition: all 0.3s ease-in-out; display:none;}

a.headPTxt{ color:#333;}
a.headPTxt:hover{ color:#407eae;}

a.btnWhite{ width:auto; height:auto; padding:10px 15px; border:1px solid #fff; font-weight:400; margin:auto; font-size:14px; letter-spacing:1px; color:#fff; transition: all 0.4s ease-in-out;}
a.btnWhite:hover{ background:#407eae; color:#fff; border:1px solid #407eae; }

a.btnBlack{ width:auto; height:auto; padding:10px 15px; border:1px solid #333; font-weight:400; margin:auto; font-size:12px; letter-spacing:1px; color:#333; transition: all 0.4s ease-in-out;}
a.btnBlack:hover{ background:#333; color:#fff; border:1px solid #333; }

a.btnWhite2{ width:auto; height:auto; padding:10px 15px; border:1px solid #fff; font-weight:400; margin:auto; font-size:12px; letter-spacing:1px; color:#fff; transition: all 0.4s ease-in-out;}
a.btnWhite2:hover{ background:#fff; color:#333; border:1px solid #fff; }



.ewf-section__overlay-color-right {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #407eae;
    opacity: 0.85;
    padding: 10px 0;
}

.ewf-section__overlay-color-right {
    right: -70px;
    -webkit-transform: skew(-13deg);
    -ms-transform: skew(-13deg);
    transform: skew(-13deg);
    padding-left: 150px;
    width: 70%;
}

.ewf-section__content {
    position: relative;
    z-index: 3;
}

.ewf-section {
    padding: 30px 0;
}





/* */



.ewf-section__overlay-color-rightl {
    position: absolute;
    z-index: 2;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.85;
    padding: 10px 0;
}

.ewf-section__overlay-color-rightl {
    left: -80px;
    -webkit-transform: skew(-13deg);
    -ms-transform: skew(-13deg);
    transform: skew(-13deg);
    padding-left: 150px;
    width: 50%;
}

.ewf-section__contentl {
    position: relative;
    z-index: 3;
}

.ewf-sectionl {
    padding: 30px 0;
}



.secTitlel{width:100%; height:auto; padding:15px 0; font-size:24px; color:#333; font-weight:700; line-height:35px; letter-spacing:2px;}


.secTitle{width:100%; height:auto; padding:15px 0; font-size:25px; color:#fff; font-weight:700; line-height:35px; letter-spacing:2px;}





.iNBox3{ width:100%; margin:0 30px; text-align:center;}

.iNBox3 img {
	width:auto;
	height:200px;
	-webkit-transition:.5s;
	-moz-transition:.5s;
	transition:.5s;
	-o-transition:.5s;
	-ms-transition:.5s;

	opacity: 1;
}

.iNBox3:hover img {
	opacity: 0.8;
}



.owl-centered .owl-wrapper {
  display: table !important;
}
.owl-centered .owl-item {
  display: table-cell;
  float: none;
  vertical-align: middle;
}
.owl-centered .owl-item > div {
  text-align: center;
}



a.newsBox{ width: 100%; height:100%; position: relative; display: block; border: 1px solid #e3e3e3;  float:left; transition: all 0.3s ease-in-out; margin-bottom:20px;}

.nBoximg{width: 100%; height:100%;}
.nBoximg img{width:100%;}

.nBcontentB{width: 100%; height: auto; padding: 0 25px; position: relative;}
.nBoxDateC{width: auto; height: 25px; padding: 0 15px; background: #407eae; display: inline-block; color: #fff; font-size: 13px; font-weight: 400; line-height: 25px; position: relative; top: -14px;}
.nBoxCT{width: 100%; height: auto; padding: 5px 0; font-weight: 400; font-size:18px; line-height: 22px; color: #353535; transition: all 0.3s ease-in-out;}
.nBoxCTx{width: 100%; height: auto; padding: 15px 0 25px 0; font-weight: 400; font-size:14px; line-height: 22px; color: #878787; transition: all 0.3s ease-in-out;}
.nBoxS{width: 0; height: 2px; background: #407eae; margin: 0 auto;  transition: all 0.3s ease-in-out;}


a.newsBox:hover .nBoxS{ width:100%;}
a.newsBox:hover .nBoxCT{color:#407eae;}
a.newsBox:hover .nBoxCTx{ color:#407eae;}
a.newsBox:hover{ border-color:#fff;}



.customNavigation a {	position:absolute; 	top:0;	width:40px;	height:40px;	line-height:36px;	text-align:center;	cursor:pointer;	color:#353535;	font-size:28px;	border:1px solid #353535;	opacity:1;	-webkit-transition: all 200ms linear;    -moz-transition: all 200ms linear;    -o-transition: all 200ms linear;    -ms-transition: all 200ms linear;    transition: all 200ms linear;	z-index:2000;}

.customNavigation a:hover {	opacity:1;	border:1px solid #0058a3;	color:#0058a3;}
.customNavigation  a.next-slide {	right:-60px;}
.customNavigation a.prev-slide {	left:-60px;}
.fhsln{ top:-305px; position:absolute; width:100%; height:40px;}


a.proBox{ display:block; width:100%; height:auto; position:relative;}

.proBoxImg{width:100%; height:auto; position:relative; overflow:hidden;}
.proBoxImg img{ width:100%; transition: all 0.3s; display:block;}
  
.proBoxTitle{width:100%; height:auto; padding:0 10px; line-height:18px; font-size:13px; font-weight:600; color:#343a40; background:#fff; text-align:center; transition: all 0.3s;}  
.proBoxTT{width:100%; height:58px; display:table;}
.proBoxTC{width:100%; display:table-cell; vertical-align:middle;}
  
.proBoxMsk{width:100%; height:0; background:rgba(52,58,64,0.6); position:absolute; left:0; top:0; transition: all 0.3s; text-align:center;}  
.proBoxMsk i{ font-size:36px; color:#fff; position:relative; top:50%; margin-top:-18px; opacity:0; transition: all 0.2s;}

.proBoxBorder{border-right:1px solid #e3e3e3;}
.proBoxSep{width:100%; height:1px; background:#e3e3e3; margin:20px 0;}
.proBoxSep2{width:100%; height:1px; background:#e3e3e3; margin:20px 0; display:none;}
  
  
.subSeep{ display:none;}  
a.proBox:hover img{-moz-transform: scale(1.2);  -webkit-transform: scale(1.2); transform: scale(1.2);} 
a.proBox:hover .proBoxTitle{color:#fff; background:#343a40;} 
a.proBox:hover .proBoxMsk{ height:100%;} 
a.proBox:hover .proBoxMsk i{ opacity:1; transition: all 0.3s; transition-delay: 0.4s;} 
  
  
  



.cFormCon{width:100%; background:#f6f6f6; margin-top:25px; border-radius:3px; padding:30px;}
.cFormTxt{width:100%; line-height:30px; font-size:20px; font-weight:400; color:#1f1f1f; margin-bottom:25px;}

.cFormSubTx{width:100%; line-height:26px; font-size:15px; font-weight:400; color:#626262; margin-bottom:25px;}
.cFormSubSep{width:30px; height:2px; background:#000; margin-bottom:25px;}

.contactD{width:100%; height:45px; border:1px solid #e5e7f2; border-radius:3px; background:#fff; color:#1f1f1f; float:left; padding:0 10px; margin-bottom:15px; font-size:14px; line-height:40px;  transition: all 0.4s ease-in-out;} 
.contactD:focus{border:1px solid #e5e7f2;}

.contactSe{width:100%; height:45px; border:1px solid #e5e7f2; border-radius:3px; background:#fff; color:#1f1f1f; float:left; padding:0 10px; margin-bottom:15px; font-size:14px; line-height:40px;  transition: all 0.4s ease-in-out;} 
.contactSe:focus{border:1px solid #e5e7f2;}


.formCboxD{width:20px; height:40px; float:left;}
.formCboxTxt{margin-left:25px; font-size:14px; line-height:16px; color:#626262;}

.contactDA{width:100%; height:100px; border:1px solid #e3e3e3; background:#fff; padding:10px 10px; resize:none; margin-bottom:15px; font-size:13px; transition: all 0.4s ease-in-out;}
.contactDA:focus{border:1px solid #407eae;}

.formDMit{ height:45px; font-size:14px; color:#1f1f1f; font-weight:600; border-radius:3px; float:left; background:#fff; border:1px solid #1f1f1f; width:100%; transition: all 0.3s ease-in-out; cursor:pointer; margin-top:8px;}
.formDMit:hover{ background:#407eae; color:#fff; border:1px solid #407eae;}

.formDMit2{ height:40px; font-size:14px; color:#1f1f1f; font-weight:600; border-radius:3px; float:left; background:#fff; border:1px solid #1f1f1f; width:100%; transition: all 0.3s ease-in-out; cursor:pointer; margin-top:8px;}
.formDMit2:hover{ background:#407eae; color:#fff; border:1px solid #407eae;}



.contentY p{ font-size:18px !important; color:#1f1f1f; line-height:26px !important; font-weight:300 !important; padding-bottom:25px !important;}

.contentY p span{ color:#ff7e00 !important;}
.contentY ul{ font-size:18px !important; color:#1f1f1f !important; line-height:26px !important; font-weight:300 !important; padding-bottom:25px !important; text-align:justify; list-style: circle; padding-left:20px;}
.contentY h3{ font-size:18px !important; color:#333; line-height:26px !important; font-weight:600 !important; padding-bottom:25px !important; text-align:justify;}

.contentY p a{ color:#333; transition: all 0.4s ease-in-out;}
.contentY p a:hover{ color:#407eae;}





.siteErr{width:100%; height:50px; background:#d00000; color:#fff; margin:30px auto; text-align:center; line-height:50px;}
.siteOk{width:100%; height:50px; background:#77ab13; color:#fff; margin:30px auto; text-align:center; line-height:50px;}





.iNBox4{width:100%; float:left; margin:0 0 0 0; position:relative; border:1px solid #efefef;}
.iNBox4 a {
  display: block;
  position:relative;
  width:100%; padding:20px;
  opacity: 1;
}
.iNBox4 a img{
  width:100%; position:relative;
  -webkit-transition:.5s;
  -moz-transition:.5s;
  transition:.5s;
  -o-transition:.5s;
  -ms-transition:.5s;

  -webkit-filter:grayscale(100%);
  -moz-filter:grayscale(100%);
  -o-filter:grayscale(100%);
  -ms-filter:grayscale(100%);
  filter:grayscale(100%);

  opacity: .6;
}
.iNBox4 a:hover img{opacity:1;
	-webkit-filter: none;
	-moz-filter: none;
	-o-filter: none;
	-ms-filter: none;
	filter: none;
}
.logoName3{ width:100%; padding:20px 0 10px 0; margin-bottom:20px; font-size:16px; color:#333; font-weight:400; text-align:center;} 





a.glBox{
	float:left; width:auto; line-height:0; overflow:hidden; backface-visibility:hidden; z-index:1;
    text-align: center; position:relative; margin-bottom:50px;
    background: #fff;
    /*border: 3px solid #d7d7d7;*/
    border-radius:0;
}

.gBoxImg{width:auto; height:100%; position:relative; overflow:hidden;}
.gBoxImg img{ width: auto; display:block;  transition:all 0.3s linear;}

.gicon-image{position:absolute; opacity:0; top:-100%; bottom:0; left:0; right:0; margin:auto; width:50px; height:50px; border-radius:100%; line-height:50px; z-index:1; transition: all 0.3s linear; background: #407eae; text-align: center;}
.gicon-image > i{ width:auto; margin: 0 auto 0 auto; color: #fff; font-size: 20px; line-height: 50px;}


.gBoxImgMsk{background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 40%, rgba(255, 255, 255, 0.9) 100%); position: absolute; width: 100%; height: 100%; left: 0; bottom: -1px; opacity: 0; transition: all 0.4s ease-in-out;}
.gboxBrd{width:20%; height:30px; border-top:5px solid #407eae; transition: all 0.4s ease-in-out; margin:0 auto;}

a.glBox:hover .gBoxImgMsk{ opacity:1; }



a.glBox:hover .gBoxImg img{transform:scale(1.1); border-radius:30px;  z-index:-1;}
a.glBox:hover .gicon-image{top:0%; opacity:1;}
a.glBox:hover .gboxBrd{ width:50%;}


a.mgz360{ color:#fff;}




#newsGallery{ width:100%; height:150px; float:left; margin:20px 0 0 0;}
#newsGallery li{ width:150px; height:150px; border:3px solid #407eae; float:left; margin-right:8px; list-style:none; overflow:hidden; position:relative; transition:all .5s;}
#newsGallery li a{ display:block; width:150px; height:150px; transition:all .5s;}
#newsGallery li a:hover .newsKutu{ visibility:visible; opacity:1;}
.newsKutu{ width:150px; height:150px; position:absolute; left:0; top:0; background:rgba(255,255,255,0.8); visibility:hidden; opacity:0; transition:all .5s; font-size:14px; line-height:18px;}
#newsGallery li img{ height:150px;}










.logomobile{ width:179px; float:left; height:40px; margin:15px 0 15px 14px;}
.mobileheader{
	width:100%; min-height:70px;
	background-color:#FFF;
	display:none;
	position:relative;
	z-index:5000;
	
}
.mobileSep{height:70px; width:100%; display:none;}


a.mobileLink{ width:100%; height:40px; display:inline-block; font-size:12px; text-align:center; border-bottom:1px dotted #999; color:#333; font-weight:600; line-height:40px;}
a.mobileLink:hover{ background:#407eae; color:#fff;}
a.smobileLink{ width:100%; height:40px; display:inline-block; font-size:12px; text-align:center; border-bottom:1px dotted #999; color:#333; font-weight:600; line-height:40px;}
a.smobileLink:hover{ background:#407eae; color:#fff;}

a.mobileActive{background:#407eae; color:#fff;}

#mobile #toggle-bar {
	line-height:70px;
	height:70px;
	
}


.mobileMenuSub ul{ margin-left:0 !important; margin-bottom:0 !important;}
.mobileMenuSub ul li {
	clear:both;
	list-style:none;
	position:relative;
	z-index:5000;
	margin:0 !important; padding:0;
}

.mobileMenuSub ul li a {
	font-size:13px;
	display:block;
	border-bottom:1px dotted #999;
	margin:2px 0;
	padding:10px 0 10px 0;
	color:#333;
	text-decoration:none;
	text-align:center;
	font-weight:300;
}
.mobileMenuSub ul li a:hover {
	color:#407eae;
	text-decoration:none;
	text-align:center;
	font-weight:300;
}


.btn11 {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 48px;
  right: 20px;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}
.btn11 .icon-left {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  height: 4px;
  width: 15px;
  top: 30px;
  background-color: #333;
}
.btn11 .icon-left:before {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  width: 15px;
  height: 4px;
  background-color: #333;
  content: "";
  top: -10px;
}
.btn11 .icon-left:after {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  width: 15px;
  height: 4px;
  background-color: #333;
  content: "";
  top: 10px;
}
.btn11 .icon-left:hover {
  cursor: pointer;
}
.btn11 .icon-right {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  height: 4px;
  width: 15px;
  top: 30px;
  background-color: #333;
  left: 15px;
}
.btn11 .icon-right:before {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  width: 15px;
  height: 4px;
  background-color: #333;
  content: "";
  top: -10px;
}
.btn11 .icon-right:after {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  position: absolute;
  width: 15px;
  height: 4px;
  background-color: #333;
  content: "";
  top: 10px;
}
.btn11.open .icon-left {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  background: transparent;
}
.btn11.open .icon-left:before {
  -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
          transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px);
}
.btn11.open .icon-left:after {
  -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
          transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);
}
.btn11.open .icon-right {
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
  background: transparent;
}
.btn11.open .icon-right:before {
  -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
          transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);
}
.btn11.open .icon-right:after {
  -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
          transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);
}
.btn11:hover {
  cursor: pointer;
}	



/**/
.c1Bg{width:100%; height:300px; background:#fff;}
.c1TImg{width:100%; padding:0 70px; text-align:right;}
.c1TImg img{ width:80%;}
.c1Sep{width:60%; height:1px; background:#fff;}
.c1Title{width:100%; height:auto; display:inline-block; text-align:left; color:#fff;}
.c1Con{width:100%; padding:0 70px;}


.c2Bg{width:100%; height:300px; background:url(../images/4.jpg) no-repeat right; background-size:cover;}
.c2Con{width:100%; height:300px; background:rgba(0,0,0,0.4);}
.c2t1{width:100%; padding:0 40px;}
.c2Sep{width:60%; height:1px; background:#333;}
.c2t2{width:100%; height:auto; display:inline-block; text-align:left; font-size:12px; line-height:16px;}
.c2Car{width:100%; height:300px; padding:0 70px;}


.c7c1{width:100%; height:80px; background:#2f5296;}
.c7c2{width:auto; display:inline-block; float:left; line-height:80px; letter-spacing:1px; color:#fff; padding-left:30px; font-size:30px;}
.c7c3{width:284px; height:80px; float:right;}

.ftLogo{width:100%; padding:0 0 10px 0;}
.ftoTxt{width:100%; padding:10px 0; color:#fff; font-size:13px; font-weight:200; line-height:18px;}


.fAdr{padding:0 0; font-size:13px; color:#fff; text-align:left; line-height:26px;}





.siteErr{width:100%; height:50px; background:#d00000; color:#fff; margin:30px auto; text-align:center; line-height:50px;}
.siteOk{width:100%; height:50px; background:#77ab13; color:#fff; margin:30px auto; text-align:center; line-height:50px;}


a.lang{width: auto; float: right; height:35px; line-height:35px; text-align:center; color:#fff; background:#407eae; font-weight:500; font-size: 12px; padding:0 10px; margin-top: 0; margin-left:6px; margin-right:0;}

a.lang:hover{ background:#fff; color:#407eae; transition: all 0.3s ease-in-out;}



.btnWhite2e{ width:auto; height:auto; padding:10px 15px; border:1px solid #fff; font-weight:400; margin:auto; font-size:12px; letter-spacing:1px; color:#fff; transition: all 0.4s ease-in-out;}
.btnWhite2e:hover{ background:#fff; color:#333; border:1px solid #fff; }


.c2t1E{width:100%; padding:15px 40px;}
.c2nSep{width:60%; height:1px; background:#333; margin:0 auto;}
.secnTitle{width:100%; height:auto; padding:15px 0; font-size:24px; color:#333; font-weight:700; line-height:35px; letter-spacing:2px;}


a.btnWhiteB{ width:auto; height:auto; padding:10px 15px; border:1px solid #fff; font-weight:400; margin:auto; font-size:14px; letter-spacing:1px; color:#008bc2; transition: all 0.4s ease-in-out;}
a.btnWhiteB:hover{ background:#008bc2; color:#fff; border:1px solid #008bc2; }

a.btnWhiteC{ width:auto; height:auto; padding:10px 15px; border:1px solid #003b9f; font-weight:400; margin:auto; font-size:14px; letter-spacing:1px; color:#003b9f; transition: all 0.4s ease-in-out;}
a.btnWhiteC:hover{ background:#003b9f; color:#fff; border:1px solid #003b9f; }