@charset "utf-8";
@import url(fonts/fonts.css?family=Roboto+Condensed:400,300,700&subset=latin,cyrillic-ext,cyrillic,latin-ext);
@import "awesome.css";
@import "animate.css";
html, body {    
	text-align: center;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.3em;
	font-family:'Roboto Condensed', sans-serif;
    color: #555;
    font-weight: 400;
	background: #fff;
	cursor:default;
}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, 
	big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
	center, dl, dt, dd, fieldset, form, label, legend {
	margin:0;
	padding:0;
	vertical-align:baseline;
}

body p {	
	margin:0 0 0 0;
	text-align:left;
	color:#333;
	font-family:'Roboto Condensed', sans-serif;
	font-size:14px;
	font-weight:400;
	line-height:19px;
	cursor:default;
}
img {border:none; max-width:100%;}
*, *::before, *::after{box-sizing:border-box;}
address, article, aside, figcaption, figure, footer, header, main, nav, section{display:block; margin:0; padding:0;}
input, textarea, select{font-family:'Roboto Condensed', sans-serif; font-size:14px; font-weight:300;}

iframe{width:100%; max-width:100%;}
a{text-decoration:none; display:block; color: #0a50a1;}
body::-webkit-scrollbar {width: 10px;} 
body::-webkit-scrollbar-track {	background: #e1e1e1; } 
body::-webkit-scrollbar-thumb { background-color: #555; outline: 1px solid slategrey;}
div::-webkit-scrollbar {width: 4px;} 
div::-webkit-scrollbar-track {	background: #e1e1e1; } 
div::-webkit-scrollbar-thumb { background-color: #555; outline: 1px solid slategrey;}

.clear {clear:both;}
.imgM img{width:100%;}

.psR{position:relative;}
.psA{position:absolute;}

.mwrap1{width:100%; max-width:1120px; margin:0 auto;}

.fs10{font-size:10px;}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs27{font-size:27px;}
.fs30{font-size:30px;}
.fs33{font-size:34px;}

.txtup{text-transform:uppercase;}

.fwe3 {font-weight:300;}
.fwe4 {font-weight:400;}
.fwe7 {font-weight:700;}

.clr1 {color: #fff;}
.clr2 {color: #000;}
.clr3 {color: #274592;}
.clr4 {color: #2347a6;}

.ulist {margin:0; padding:0;}
.ulist li{list-style:none; display:inline-block; }
.ulist1 {margin:0; padding:0;}
.ulist1 li{list-style:none; display:block;}

.fright{float:right}
.fleft{float:left}

.tright{text-align:right}
.tleft{text-align:left}
.tcnt{text-align:center}

.mrbttn{color: #fff; font-weight:300; font-size:15px; display:inline-block; border:1px solid rgba(255,255,255,0.2); padding:7px 15px; border-radius:2px;}
.mrbttn:hover{background: rgba(255,255,255,0.8); color: #1f1d25;}

/* -------------------------- */
header{width:100%; position:fixed; background: #e7eef0; height:65px; margin:0; padding:0 10px; top:0; left:0; z-index:110}
.hdnnhgtt{height:65px; width:100%; background: #000;}
.logo{float:left; display:table; position:relative; }
.logo aside{vertical-align:middle; display:table-cell;}
.logo aside img{width:47px; vertical-align:middle; margin-right:15px; margin-left:5px;}
.logo aside h1{padding:17px 0 0 0; letter-spacing:2px; word-spacing:5px;}
.logo aside h2{letter-spacing:0;}
.logo aside h4{padding:0 0 0 10px; margin:14px 0 0 10px; border-left:1px solid rgba(0,0,0,0.1); color: rgba(0,0,0,0.6); }
.logo a{position:absolute; width:100%; height:100%; z-index:1;}

.hmenu {float:right; padding:8px 0 0 0; }
.hmenu ul > li{position:relative; }
.hmenu > ul > li:first-child > a{color: #f40000; position:relative; padding-right:14px; margin-right:15px;}
.hmenu > ul > li:first-child > a:after{content:'\f192'; font-family: FontAwesome; font-size:12px; position:absolute; right:0;}
.hmenu ul > li a{font-size:12px; font-weight:700; display:block; padding:17px 10px; color: rgba(0,0,0,0.8); text-transform:uppercase; transition: all 0.2s ease; cursor:pointer;}
.hmenu ul > li a:hover{color: #274592; opacity:0.9;}
.hmenu ul .hidesmenu{background: #fff; position:absolute; text-align:left; box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.4); padding:10px 0 10px 0; left:-50%; display:none;}
.hmenu ul .wdhdm{width:400px;}
.hmenu ul .hidesmenu .mimgs{width:170px; display:table-cell; vertical-align:middle; padding-left:10px;}
.hmenu ul .hidesmenu .mimgs img{width:100%;}
.hmenu .sbmenu{text-align:left; display:table-cell; vertical-align:middle; margin:0; padding:0 10px 0 10px; min-width:240px;}
.hmenu .sbmenu li{display:block; text-align:left; border-bottom:1px solid #e1e1e1; position:static;}
.hmenu .sbmenu li:last-child{border-bottom:none;}
.hmenu .sbmenu li a{padding:4px 10px; font-size:15px; font-weight:400; text-transform:none; transition: all 0.2s ease}
.hmenu .sbmenu li a:hover{color: #274592; padding:4px 10px 4px 12px;}
.hmenu ul .mhvr:after{content:'\f0d8'; font-family: FontAwesome; color: #fff; font-size:20px; position:absolute; bottom:-6px; left:calc(50% - 6px); display:none;}
.hmenu ul .mhvr:hover:after{display:block;}
.hmenu ul > li:hover .hidesmenu{display:table;}
.hmenu .chnglang{background: #274592; color: #fff; padding:8px 12px; border-radius:50%;}
.hmenu .chnglang:hover{background: rgba(39,69,146,0.2); opacity:1;}





.mainwrap{width:100%; height:calc(100% - 105px); position:relative; }
.mainwrapc{width:100%; max-width:1200px; min-height:calc(100% - 330px); margin:0 auto; border:1px solid rgba(0,0,0,0.1); border-top:none; border-bottom:none; display:table; padding:0 20px;}

.mcontents{width:calc(100% - 240px); display:table-cell; padding-right:20px; padding-top:20px; border-right:1px solid rgba(0,0,0,0.15);  vertical-align:top;}
.rhlist{width:240px; display:table-cell; padding-left:20px; vertical-align:top;}

.menuserout{position:absolute; width:100%; z-index:2; top:40px; left:0; }
.menuserout figure{display:table; margin:0 auto; border-spacing:15px;}
.menuserout figure figcaption{display:table-cell; width:212px; vertical-align:top; background: rgba(255,255,255,0.9);padding:2px; position:relative;}
.menuserout figure figcaption .sermnuimg{width:100%; height:120px; background-position:50% 50% !important; background-size: cover !important;}
.menuserout figure figcaption h1{ color: #274592; width:100%; padding:5px 5px 10px 2px;}
.menuserout figure figcaption a{position:absolute; width:100%; height:100%; top:0; left:0;}
.menuserout figure figcaption:hover{box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.5); background: #fff;}


.hometopinfo{width:100%; height:330px; position:absolute; z-index:10; background: rgba(16,20,27,0.7); top:40%; overflow:hidden;}
.hometopinfo .mwrap1{height:100%;}
.hometopinfo .mwrapin{width:100%; height:100%; position:absolute; display:none;}
.hometopinfo .mwrapin .inimgfled{width:calc(50% - 7px); float:left; height:100%; background-position:50% 50% !important; background-size:cover !important;}
.hometopinfo .mwrapin .ttxtfled{width:50%; float:right; padding:20px;}
.hometopinfo .showhm{display:block;}
.hometopinfo .mwrapin h1{line-height:24px; padding-bottom:10px;}
.hometopinfo .mwrapin .hdenintroh{width:100%; height:130px; overflow:hidden; color: #fff;font-weight:300;}
.hometopinfo .hdenintroh p{color: #fff; font-weight:300;}
.hometopinfo .cntrhm{position:absolute; margin:0; padding:0; z-index:4; left:calc(50% + 18px); bottom:20px;}
.hometopinfo .cntrhm li{list-style:none; display:inline-block; width:40px; height:20px; border:1px solid rgba(255,255,255,0.2); border-radius:4px; margin:0 2px; cursor:pointer; position:relative;}
.hometopinfo .cntrhm .thscntr:after{content:''; width:32px; height:8px; border-radius:2px; background: #fff; top:5px; left:3px; position:absolute;}



footer{margin:0; padding:0; width:100%;}
.footertop{background: #2347a6; width:100%; padding:7px 20px 7px 10px; text-align:right;}
.footertop ul{margin:0; padding:0;}
.footertop ul li{list-style:none; display:inline-block; padding:0 1px;}
.footertop ul li a i{font-size:28px; color: rgba(255,255,255,0.9); }
.footertop ul li a:hover i{font-size:28px; color: rgba(255,255,255,0.5); }

.footerbotm{width:100%; padding:20px 0 15px 10px; display:table;}
.footerbotm .ftleft{width:40%; display:table-cell; vertical-align:middle; padding:5px 0 0 8px;}
.footerbotm .ftright{width:60%; display:table-cell; vertical-align:middle; }
.footerbotm .ftright ul{margin:0; padding:0;}
.footerbotm .ftright ul li{list-style:none; display:inline-block; padding:5px  5px; vertical-align:middle; border-left: 1px solid rgba(0,0,0,0.2); }
.footerbotm .ftright ul li:first-child{border:none; padding-right:15px;}
.footerbotm .ftright ul li a img{opacity: 0.7; filter: grayscale(100%);  -webkit-filter: grayscale(100%); -ms-filter: grayscale(100%); }
.footerbotm .ftright ul li a:hover img{opacity: 1; filter: grayscale(0);  -webkit-filter: grayscale(0); -ms-filter: grayscale(0); }

.footercpyr{border-top:1px solid rgba(0,0,0,0.2); padding:7px 0; font-size:15px;}


.mmucntrl{float:right; padding-top:12px; display:none;}
.mmucntrl a{display:inline-block; width:40px; height:40px; background:#1b34b7; font-size:18px; color: #fff; padding-top:11px; border-radius:2px; vertical-align:top;}

.mnbackrd{width:100%; position:fixed; height:100%; top:0; left:0; z-index: 150; background: rgba(0,0,0,0.7); display:none;}
.hmenuMd {position:fixed; width:100%; text-align:left; max-width:270px; height:100%; top:0; z-index:151; right:0; overflow-y:auto; background: #fff; padding:0; display:none;}
.hmenuMd ul{padding-top:55px;}
.hmenuMd ul > li{position:relative; }
.hmenuMd > ul > li:first-child a{color: #f40000; position:relative; padding-right:14px; margin-right:15px;}
.hmenuMd > ul > li:first-child a:after{content:'\f192'; font-family: FontAwesome; font-size:14px; position:absolute; padding-left:4px;}
.hmenuMd > ul > li a{font-size:14px; font-weight:700; display:block; padding:10px 10px 10px 28px; color: rgba(0,0,0,0.8); text-transform:uppercase; transition: all 0.2s ease; cursor:pointer;}
.hmenuMd ul > li a:hover{color: #274592; opacity:0.9;}
.hmenuMd ul .hidesmenu{background: #fff; text-align:left; padding:10px 0 10px 0; width:100%; display:none;}
.hmenuMd .sbmenu{text-align:left; margin:0; padding:0 10px 0 10px;}
.hmenuMd .sbmenu li{display:block; text-align:left; border-bottom:1px solid #e1e1e1; position:static;}
.hmenuMd .sbmenu li:last-child{border-bottom:none;}
.hmenuMd .sbmenu li a{padding:10px 10px 10px 40px; font-size:15px; font-weight:400; text-transform:none; transition: all 0.2s ease}
.closemnnu{position:fixed; top:10px; right:10px; width:45px; height:45px; font-size:17px; background: rgba(255,255,255,0.7); color: #444; border:1px solid #ccc; padding:12px 0 0 16px; border-radius:50%;}


@media screen and (max-width: 1275px) {
	.hmenu{display:none;}
	.mmucntrl{display:block;}
	
}
@media screen and (max-width: 1160px) {
	
	.menuserout figure{display:table; margin:0 auto; border-spacing:15px;}
	.menuserout figure figcaption{display:table-cell; width:16.6%; vertical-align:top; background: rgba(255,255,255,0.9);padding:2px; position:relative;}
	.menuserout figure figcaption .sermnuimg{width:100%; height:120px; background-position:50% 50% !important; background-size: cover !important;}
	
	.mainwrap{width:100%; height:670px; position:relative; }
	.hometopinfo{width:100%; height:290px; position:absolute; z-index:10; background: rgba(16,20,27,0.7); top:42%; overflow:hidden;}
	.hometopinfo .mwrapin .hdenintroh{width:100%; height:98px;}
}
@media screen and (max-width: 950px) {
	.mainwrap{width:100%; height:870px; position:relative; }
	.menuserout{ top:370px;}
	.menuserout figure{display:block; margin:0 auto; border-spacing:15px; }
	.menuserout figure figcaption{display:inline-block; width:30%; vertical-align:top; background: rgba(255,255,255,0.9);padding:2px; position:relative; margin:10px 5px; height:200px;}
	.menuserout figure figcaption .sermnuimg{width:100%; height:120px; background-position:50% 50% !important; background-size: cover !important;}
	
	.hometopinfo{width:100%; height:290px; position:absolute; z-index:10; background: rgba(16,20,27,0.7); top:40px; overflow:hidden;}
}

@media screen and (max-width: 850px) {
	.mainwrapc{width:100%; max-width:1200px; min-height:calc(100% - 330px); margin:0 auto; border:1px solid rgba(0,0,0,0.1); border-top:none; border-bottom:none; display:block; padding:0 20px;}
	.mcontents{width:100%; display:block; padding-right:0; padding-top:20px; border-right:1px solid rgba(0,0,0,0);  vertical-align:top;}
	.rhlist{display:none;}
}
@media screen and (max-width: 700px) {
	.hometopinfo .mwrapin .hdenintroh{display:none;}
	.menuserout figure {width:calc(100% - 20px); }
	
	
}

@media screen and (max-width: 550px) {
	.medaslgn{display:none !important;}
	.mainwrap{width:100%; height:1400px; position:relative; }
	
	.menuserout figure figcaption{display:inline-block; width:calc(50% - 12px); vertical-align:top; background: rgba(255,255,255,0.9);padding:2px; position:relative; margin:10px 5px; height:200px;}
	.menuserout figure figcaption .sermnuimg{width:100%; display:block; height:120px; background-position:50% 50% !important; background-size: cover !important;}
	
	.menuserout{ top:560px;}
	.hometopinfo{width:100%; height:480px; position:absolute; z-index:10; background: rgba(16,20,27,0.7); top:40px; overflow:hidden;}
	.hometopinfo .mwrapin .inimgfled{width:100%; float:none; display:block; height:100%; background-position:50% 50% !important; background-size:cover !important; height:270px;}
	.hometopinfo .mwrapin .ttxtfled{width:100%; float:none; display:block; padding:20px;}
}