.headcont{
	height: 119px;background-color: #4287e3;
	font-size: 22px; line-height: 119px;color: #fff;
	padding: 0 40px 0 52px;
}
.headcont a{
	color: #fff; transition: all .3s;
}
.headcont a:hover{
	color: #ff0;
}
.head-nav-box{
	float: left;
}
.head-nav-box .logo{
	float: left;
}
.head-nav-box .logo a{
	padding:0 20px 0 70px;
	background: url(../images/logo.png) no-repeat left center;
}
.head-nav-box .nav-list{
	float: left;padding-left: 28px;
}
.head-nav-box .nav-list li{
	float: left;margin: 0 23px;
}
.head-login{
	float: right;
}
.head-login a{
	margin: 0 20px;
}

.search-content{
	height: 398px; background: url(../images/search_bg.jpg) no-repeat center 0;
}
.search-cont{
	width: 2098px;height: 398px; margin: 0 auto;
	background: url(../images/search_logo.png) no-repeat 180px 120px;
}
.search-cont .search-text-box{
	float: right; margin:156px 146px 0 0;
}
.search-cont .search-text-box .search-box input{
	width: 858px; height: 84px; border-radius: 84px; background-color: #fff;
	font-size: 30px; line-height: 84px; color: #cbc3c3;
	float: left; padding: 0 40px; box-sizing: border-box;
	border: 0;
}
.search-cont .search-text-box .search-box .search-btn{
	display: inline-block;float: left; margin-left: 28px;
	width: 84px; height: 84px; background: url(../images/search_btn.png) no-repeat center; background-color: #2de714;
	border-radius: 84px;
}
.search-cont .search-text-box .search-word{
	margin: 10px 0 0 14px;
}
.search-cont .search-text-box .search-word a{
	display: inline-block; height: 44px; border-radius: 44px;
	padding: 0 30px;
	line-height: 44px; font-size: 24px; color: #d6e8ff;
	background-color: #296cc6; text-align: center; margin: 0 3px;
}
.search-cont .search-text-box .search-word a:hover,
.search-cont .search-text-box .search-word a.active{
	font-weight: bold;
}

.translate-content{
	margin: 150px 0 120px 0;
	background: url(../images/translate-content.png) no-repeat center 70px;
	background-size: contain;
}
.translate-cont{
	position: relative; width: 2098px; margin: 0 auto;
	padding-bottom: 48px;
}
.translate-cont .textarea{
	width: 100%; height: 678px; font-size: 30px; line-height: 48px;
	border: 1px solid #cacfd5; background-color: #fff;
	display: block; resize: none; padding: 20px 40px;
	box-sizing: border-box; border-radius: 8px 8px 0 0;
	white-space: pre-line;
}
.translate-cont .translate-left{
	width: 1035px; float: left;
}
.translate-cont .translate-right{
	width: 1035px; float: right;
}
.translate-cont .translate-btn{
	display: inline-block; text-align: center;
	width: 165px; height: 165px; border-radius: 165px;
	font-size: 34px; line-height: 48px; color: #fff;
	padding-top: 78px; box-sizing: border-box;
	background: url(../images/translate_btn.png) no-repeat center 27px #2de714;
	position: absolute; left: 50%; top: 50%; margin: -84px 0 0 -84px;
}
.translate-bot{
	border: 1px solid #cacfd5; border-top: 0;
	display: flex; justify-content: space-between;
	padding: 12px 0; border-radius: 0 0 8px 8px;background-color: #fff;
	position: absolute; width: 1035px; box-sizing: border-box;
}
.translate-bot .translate-txt-box{
	height: 42px; padding: 0 12px; box-sizing: border-box;
	overflow: hidden;
}
.translate-bot .translate-txt-box.active{
	height: auto;
}
.translate-bot .translate-txt-box a{
	font-size: 26px; line-height: 40px;
	display: inline-block; margin: 1px 7px; padding: 0 12px;
	border-radius: 40px; 
}
.translate-bot .translate-txt-box a:hover,
.translate-bot .translate-txt-box a.active{
	background-color: #165fc0; color: #fff;
}
.translate-bot .more-btn{
	display: inline-block; white-space: nowrap;
	font-size: 26px; line-height: 42px;
	height: 42px;
	color: #2d2d2d; padding: 0 32px 0 34px; margin-right: 16px;
	border-left: 3px solid #2d2d2d;
	background: url(../images/more_ico.png) no-repeat right center;
}
.translate-bot .copy-btn{
	font-size: 26px; line-height: 42px;
	height: 42px;
	color: #2d2d2d;
}
.translate-bot .copy-txt{
	color: #3b7dd6;font-size: 26px; line-height: 42px;
}
.translate-bot .copy-txt span{
	font-size: 46px; color: #2de714; padding: 0 8px;
}
.translate-left .textarea{ 
	outline: none;
}
.mn{
	font-family: OrhonChaganTig,Mongolian,mn,'shmn_regular';
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
    display: table-cell;
    overflow-y: hidden;
    /*-webkit-text-orientation: sideways-right;
    text-orientation: sideways-right;*/
    display: table-column;
    -webkit-writing-mode: vertical-lr !important;
    writing-mode: vertical-lr !important;
	
}
.han{
	overflow-x:scroll;
	overflow-x:hidden;
	
}
.translate-right .textarea{
	border-bottom: 0; padding-bottom: 1px;
	background: url(../images/translate_text_bg.png) no-repeat center #fff;
}
.translate-right .translate-bot{
	padding: 8px 22px 8px 56px;
}
.translate-right .copy-btn{
	background: url(../images/copy_ico.png) no-repeat left center; padding-left: 38px;
}
.varied-translate-cont{
	width: 2098px; margin: 0 auto;
}
.varied-translate-cont .title-box{
	text-align: center;
}
.varied-nav{
	
}
.varied-nav li{
	float: left;width: 438px; height: 345px; background-color: #f5f7fa; border-radius: 12px;
	margin: 22px; font-size: 26px; line-height: 34px; color: #165fc0; text-align: center;
	padding-top: 196px; position: relative; box-sizing: border-box; transition: all .3s;
}
.varied-nav li .img-box{
	width: 100%; height: 105px; position: absolute; top: 72px;
}
.varied-nav li:hover,
.varied-nav li.active{
	background-color: #165fc0; color: #fff;
}
.varied-nav li.li1 .img-box{
	background: url(../images/varied_img1.png) no-repeat center;
}
.varied-nav li.li1:hover .img-box,
.varied-nav li.li1.active .img-box{
	background: url(../images/varied_img1_active.png) no-repeat center;
}
.varied-nav li.li2 .img-box{
	background: url(../images/varied_img2.png) no-repeat center;
}
.varied-nav li.li2:hover .img-box,
.varied-nav li.li2.active .img-box{
	background: url(../images/varied_img2_active.png) no-repeat center;
}
.varied-nav li.li3 .img-box{
	background: url(../images/varied_img3.png) no-repeat center;
}
.varied-nav li.li3:hover .img-box,
.varied-nav li.li3.active .img-box{
	background: url(../images/varied_img3_active.png) no-repeat center;
}
.varied-nav li.li4 .img-box{
	background: url(../images/varied_img4.png) no-repeat center;
}
.varied-nav li.li4:hover .img-box,
.varied-nav li.li4.active .img-box{
	background: url(../images/varied_img4_active.png) no-repeat center;
}
.varied-nav li.li5 .img-box{
	background: url(../images/varied_img5.png) no-repeat center;
}
.varied-nav li.li5:hover .img-box,
.varied-nav li.li5.active .img-box{
	background: url(../images/varied_img5_active.png) no-repeat center;
}
.varied-nav li.li6 .img-box{
	background: url(../images/varied_img6.png) no-repeat center;
}
.varied-nav li.li6:hover .img-box,
.varied-nav li.li6.active .img-box{
	background: url(../images/varied_img6_active.png) no-repeat center;
}
.varied-nav li.li7 .img-box{
	background: url(../images/varied_img7.png) no-repeat center;
}
.varied-nav li.li7:hover .img-box,
.varied-nav li.li7.active .img-box{
	background: url(../images/varied_img7_active.png) no-repeat center;
}
.varied-nav li.li5{
	margin-left: 268px;
}
.expect-content{
	background: url(../images/expect_cont.jpg) no-repeat center bottom;
	padding-top: 68px; height: 510px; margin-bottom: 135px;
	background-size: contain;
}
.expect-content .title-box{
	text-align: center;
}

.footer-content{
	border-top: 1px solid #e1e1e1; padding-top: 60px; 
}
.footer-cont{
	width: 2098px;height: 388px; margin: 0 auto;
}
.link-item{
	float: left; padding-left: 120px;
}
.link-item dt{
	font-size: 34px; line-height: 52px;
}
.link-item dt.en{
	color: #e9eff7;
}
.link-item dt.ch{
	color: #165fc0; padding-bottom: 20px;
}
.link-item dd{
	font-size: 24px; line-height: 36px; color: #165fc0;
}
.link-item dd a{
	color: #165fc0;
}
.link-item dd a:hover{
	color: #191b1e;
}

.copy-cont{
	font-size: 20px; line-height: 32px; padding: 35px 0; text-align: center; color: #165fc0;
	border-top: 1px solid #e1e1e1;
}
.footer-left{
	float: left;
}
.footer-right{
	float: right; margin-right: 75px;
}
.footer-right .lxwm-ewm{
	border: 1px solid #b1c9ea;
}


.translate-page-cont{
	width: 2098px; margin: 52px auto;
}

.translate-varied-nav li{
	width: 280px; height: 200px; margin: 0; margin-left: 22px;
	padding-top: 135px; cursor: pointer;
}
.translate-varied-nav li:first-child{
	margin-left: 0;
}
.translate-varied-nav li.li5{
	margin-left: 22px;
}
.translate-varied-nav li .img-box{
	top: 20px;
}

.translate-search-cont{
	height: 1002px; border-radius: 8px;
	margin-top: 52px; background:url(../images/translate_search_cont_bg.png) no-repeat 1216px 336px #f5f7fa;
	padding: 32px; box-sizing: border-box;
}
.search-sel-box select{
	font-size: 26px; padding: 20px; background: #165fc0;
	border-radius: 8px; color: #fff;
	border: 0; outline: none;
}

.search-translate-txt-box{
	display: flex;
}
.search-translate-txt-box .search-input{
	width: 84px; height: 712px;
	border-radius: 9px; background-color: #fff;
	font-family: OrhonChaganTig,Mongolian,mn,'shmn_regular';
	writing-mode: vertical-lr; border: 1px solid #e2eaf2;
	font-size: 32px; line-height: 84px; padding: 20px 0; box-sizing: border-box;
	margin: 28px 0; outline: none;
}
.search-translate-txt-box .search-btn{
	display: block;
	width: 84px; height: 84px; background: url(../images/search_btn.png) no-repeat center; background-color: #2de714;
	border-radius: 84px;
}
.search-result-box{
	flex: 1;
}
.search-result-list{
	margin: 28px 0;
}
.search-result-list li{
	width: 84px;height: 712px; float: left; border-left: 1px solid #a3a5a8;
	font-size: 32px; line-height: 84px; color: #141415;
	padding: 20px 0; box-sizing: border-box;
	font-family: OrhonChaganTig,Mongolian,mn,'shmn_regular';
	writing-mode: vertical-lr;
	overflow: hidden;
}
.search-result-list li:first-child{
	border-left: 0;
}
.search-result-list li .name{
	color: #165fc0;
}
.search-result-list li .ename{
	color: #9ea0a3;
}

@media screen and (max-width: 1920px) {
	.headcont{
		font-size: 20px; height: 82px; line-height: 82px;
		padding:0 20px 0 36px;
	}
	.head-nav-box .logo a{
		padding: 0 12px 0 47px;
		background-size: 36px;
	}
	.head-nav-box .nav-list{
		padding-left: 20px;
	}
	.head-nav-box .nav-list li{
		margin: 0 16px;
	}
	.head-login a{
		margin: 0 12px;
	}
	.search-content{
		height: 264px;
	}
	.search-cont{
		width: 1440px; height: 264px; background-size: 440px;
		background-position: 120px 80px;
	}
	.translate-content{
		margin: 100px 0 80px 0;
		background-position:  center 35px;
	}
	.translate-cont{
		width: 1440px; padding-bottom: 28px;
	}
	.search-cont .search-text-box{
		margin: 86px 96px 0 0;
	}
	.search-cont .search-text-box .search-box input{
		width: 570px; height: 56px; font-size: 19px; line-height: 56px; padding: 0 24px;
	}
	.search-cont .search-text-box .search-box .search-btn{
		margin-left: 20px; width: 56px; height: 56px; border-radius: 56px;
		background-size: 25px;
	}
	.search-cont .search-text-box .search-word{
		margin: 7px 0 0 7px;
	}
	.search-cont .search-text-box .search-word a{
		height: 30px; line-height: 30px; font-size: 16px; margin: 0 2px;
		padding: 0 20px;
	}
	.translate-cont .translate-btn{
		width: 110px; height: 110px; font-size: 22px;
		background-size: 34px; padding-top: 55px;
		background-position: center 20px; margin: -55px 0 0 -55px;
	}
	.translate-cont .translate-left{
		width: 700px;
	}
	.translate-bot{
		width: 700px; padding: 8px 0;
	}
	.translate-bot .more-btn{
		font-size: 17px; height: 28px; line-height: 28px;
	}
	.translate-cont .translate-right{
		width: 700px;
	}
	.translate-cont .textarea{
		height: 450px;	font-size: 20px; line-height: 32px; padding: 12px 28px;
	}
	.translate-bot .translate-txt-box{
		height: 28px;
	}
	.translate-bot .translate-txt-box a{
		font-size: 17px; height: 28px; line-height: 28px;
	}
	.translate-bot .copy-btn{
		font-size: 17px; height: 28px; line-height: 28px;
	}
	.translate-bot .copy-txt{
		font-size: 17px; height: 28px; line-height: 28px;
	}
	.translate-bot .copy-txt span{
		font-size: 30px; padding: 0 6px;
	}
	.translate-right .translate-bot{
		padding: 8px 15px 8px 20px;
	}
	.varied-translate-cont{
		width: 1440px;
	}
	.varied-translate-cont .title-box img{
		width: 315px;
	}
	.varied-nav li{
		width: 290px; height: 228px; border-radius: 6px;
		margin: 15px; font-size: 17px; line-height: 22px;
		padding-top: 130px;
	}
	.varied-nav li .img-box{
		height: 74px; top: 46px; background-size: 64px !important;
	}
	.varied-nav li.li5{
		margin-left: 175px;
	}
	.expect-content .title-box img{
		width: 164px;
	}
	.expect-content{
		height: 360px; margin-bottom: 100px;
	}
	.footer-cont{
		width: 1440px; height: 296px;
	}
	.link-item{
		padding-left: 80px;
	}
	.link-item dt{
		font-size: 23px; line-height: 36px;
	}
	.link-item dt.ch{
		padding-bottom: 15px;
	}
	.link-item dd{
		font-size: 16px; line-height: 24px;
	}
	.copy-cont{
		font-size: 14px; padding: 18px 0;
	}
	
	.translate-page-cont{
		width: 1440px; margin: 36px auto;
	}
	.translate-varied-nav li{
		width: 192px; height: 138px; border-radius: 5px;
		padding-top: 90px; margin: 0; margin-left: 16px;
	}
	.translate-varied-nav li .img-box{
		top: 15px;
	}
	.translate-varied-nav li.li5{
		margin-left: 16px;
	}
	.translate-search-cont{
		margin-top: 36px; padding: 25px;
	}
	.translate-search-cont{
		height: 686px; background-size: 322px;
		background-position: 872px 230px;
	}
	.search-sel-box select{
		font-size: 18px;padding: 10px; border-radius: 6px;
	}
	.search-translate-txt-box .search-input{
		width: 56px; height: 488px; margin: 14px 0;
		font-size: 20px;line-height: 56px
	}
	.search-translate-txt-box .search-btn{
		width: 56px; height: 56px; border-radius: 56px;
		background-size: 25px;
	}
	.search-result-list{
		margin: 14px 0;
	}
	.search-result-list li{
		width: 56px; height: 488px; font-size: 20px;line-height: 56px
	}
}

@media screen and (max-width: 1680px) {
	.headcont{
		font-size: 16px; height: 68px; line-height: 68px;
		padding:0 16px 0 30px;
	}
	.head-nav-box .logo a{
		padding: 0 10px 0 40px;
		background-size: 32px;
	}
	.head-nav-box .nav-list{
		padding-left: 20px;
	}
	.head-nav-box .nav-list li{
		margin: 0 12px;
	}
	.head-login a{
		margin: 0 12px;
	}
	.search-content{
		height: 226px;
	}
	.search-cont{
		width: 1200px; height: 226px; background-size: 378px;
		background-position: 102px 68px;
	}
	.translate-content{
		margin: 85px 0 70px 0;
		background-position:  center 35px;
	}
	.translate-cont{
		width: 1200px; padding-bottom: 28px;
	}
	.search-cont .search-text-box{
		margin: 86px 96px 0 0;
	}
	.search-cont .search-text-box .search-box input{
		width: 490px; height: 48px; font-size: 16px; line-height: 48px; padding: 0 20px;
	}
	.search-cont .search-text-box .search-box .search-btn{
		margin-left: 16px; width: 48px; height: 48px; border-radius: 48px;
		background-size: 20px;
	}
	.search-cont .search-text-box .search-word{
		margin: 5px 0 0 5px;
	}
	.search-cont .search-text-box .search-word a{
		height: 25px; line-height: 25px; font-size: 14px; margin: 0 2px;
		padding: 0 18px;
	}
	.translate-cont .translate-btn{
		width: 95px; height: 95px; font-size: 18px;
		line-height: 28px;
		background-size: 30px; padding-top: 50px;
		background-position: center 16px; margin: -42.5px 0 0 -42.5px;
	}
	.translate-cont .translate-left{
		width: 586px;
	}
	.translate-bot{
		width: 586px; padding: 8px 0;
	}
	.translate-bot .more-btn{
		font-size: 15px; height: 24px; line-height: 24px;
	}
	.translate-cont .translate-right{
		width: 586px;
	}
	.translate-cont .textarea{
		height: 450px;	font-size: 18px; line-height: 28px; padding: 12px 24px;
	}
	.translate-right .textarea{
		background-size: 495px;
	}
	.translate-bot .translate-txt-box{
		height: 24px;
	}
	.translate-bot .translate-txt-box a{
		font-size: 15px; height: 24px; line-height: 24px;
	}
	.translate-bot .copy-btn{
		font-size: 15px; height: 24px; line-height: 24px;
	}
	.translate-bot .copy-txt{
		font-size: 15px; height: 24px; line-height: 24px;
	}
	.translate-bot .copy-txt span{
		font-size: 26px; padding: 0 4px;
	}
	.translate-right .translate-bot{
		padding: 8px 15px 8px 20px;
	}
	.varied-translate-cont{
		width: 1200px;
	}
	.varied-translate-cont .title-box img{
		width: 272px;
	}
	.varied-nav li{
		width: 250px; height: 196px; border-radius: 4px;
		margin: 13px; font-size: 15px; line-height: 18px;
		padding-top: 105px;
	}
	.varied-nav li .img-box{
		height: 65px; top: 40px; background-size: 54px !important;
	}
	.varied-nav li.li5{
		margin-left: 154px;
	}
	.expect-content .title-box img{
		width: 140px;
	}
	.expect-content{
		height: 300px; margin-bottom: 86px;
	}
	.footer-cont{
		width: 1200px; height: 260px;
	}
	.link-item{
		padding-left: 65px;
	}
	.link-item dt{
		font-size: 20px; line-height: 28px;
	}
	.link-item dt.ch{
		padding-bottom: 10px;
	}
	.link-item dd{
		font-size: 14px; line-height: 20px;
	}
	.copy-cont{
		font-size: 12px; padding: 15px 0;
	}
	
	.translate-page-cont{
		width: 1200px; margin: 30px auto;
	}
	.translate-varied-nav li{
		width: 160px; height: 116px; border-radius: 3px;
		padding-top: 84px; margin: 0; margin-left: 13px;
	}
	.translate-varied-nav li .img-box{
		top: 12px;
	}
	.translate-varied-nav li.li5{
		margin-left: 13px;
	}
	.translate-search-cont{
		margin-top: 30px; padding: 18px;
	}
	.translate-search-cont{
		height: 572px; background-size: 270px;
		background-position: 725px 192px;
	}
	.search-sel-box select{
		font-size: 15px;padding: 8px; border-radius: 4px;
	}
	.search-translate-txt-box .search-input{
		width: 48px; height: 408px; margin: 14px 0;
		font-size: 18px;line-height: 48px
	}
	.search-translate-txt-box .search-btn{
		width: 48px; height: 48px; border-radius: 48px;
		background-size: 20px;
	}
	.search-result-list{
		margin: 14px 0;
	}
	.search-result-list li{
		width: 48px; height: 408px; font-size: 18px;line-height: 48px
	}
}