/*css modified by lily 2022-01-07  for  jundetranslation website*/


/* default setting*/
a, abbr, acronym, address, applet, b, big, blockquote, body, button, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, nav, object, ol, p, pre, q, s, samp, section, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, title, tr, tt, u, ul, var{	
	margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
    text-decoration: none;
    border-bottom: none;
    font-weight: normal;
    font-style: normal;
    border: none;
	outline: 0;
	font-family:"Times","微软雅黑","Microsoft YaHei",Arial,Helvetica,sans-serif;
	/*color:#182153;*/
	color:#000000;
	
}

a,a:link,a:visited,a:hover,a:active{
	/* 让链接不显示特殊效果 颜色及下划线 */
    /*color:#182153;*/
	color:#000000;
	text-decoration:none ; 
}

/* set for float */

* {
	/* 制定了高度和宽度的元素，数值包含了内边距和边框像素 */
    box-sizing: border-box;
}

[class*="col-"] {
    float: left;
}


.row::after {
    content: "";
    clear: both;
    display: block;
}



/*设置块浮动的左右方向*/
.left{
	display:block;
	float:left;
}
.right{
	display:block;
	float:right;
}

/*设置文本内容对齐方向*/
.text_left{
	text-align:left;
}
.text_center{
	text-align:center;
}


/* set screen width */
/* For Respone layout design */
[class*="col-"] {
    width: 100%;
}

@media only screen and (max-width: 600px) {
    
    /* For Phone and small tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
	

}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	
	/*
	#about_content01,#about_content02{
		padding: 1em 8em;
	}
	*/
}


/*设置字体*/
.font01{
	font:normal bold normal 64px/80px sans-serif;
}
.font02{
	font:normal bold normal 48px/64px sans-serif;
}
.font03{
	font:normal bold normal 30px/38px sans-serif;
}
.font03_1{
	/*同样大小，为斜体字*/
	font:italic bold normal 22px/32px "幼圆","YouYuan",sans-serif;
}
.font04{
	font: normal normal normal 16px/30px sans-serif;
}
.font_reviews{
	font: normal normal normal 18px/30px "幼圆","YouYuan",sans-serif;
	display:inline-block;
	max-width:500px;
	text-align:center;	
	padding:0 1em;
}
.ptext{
	/*大段文字，设置内边距 则放在大屏幕设置中*/
	padding:1em;
}

.fontbold{
	/*字体为粗体*/
	font-weight:bold;
}
.text_title{
	/*标题的式样*/
	padding:1em 0;	
}
.text_subtitles{
	/*副标题的式样*/
	padding:0.5em 0;	
}

/*flex属性*/
.content_inline_box{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items: stretch;	
}

.wrapreverse{
	flex-wrap:wrap-reverse;
}

.content_vertic_box{
	display:flex;
	flex-wrap:nowrap;
	flex-direction: column;
	justify-content:center;
	width:100%;
	height:100%;

}

/*图片，可填充整个容器，并自动缩放*/
.div_img{
	display:inline-block;
	width:100%;
	height:100%;
}
.myimg{
	width:100%;
	height:100%;
}


/*其它通用间隔设置*/
.topborder{
	/*设置每个主题之间的隔离块*/
	border-top:solid 4em #f7f7f7;
}
.spanwhite{
	/*设置底色为半透明的span的字为白色*/
	color:white;
}

/*设置具体页面内容*/

/*banner 固定栏*/
#banner{
	position:fixed;
	z-index:50;
	background:#f7f7f7;
	top:0;
	left:0;
}


/*Begin of 设置响应式汉堡菜单*/
#site_logo_img{
	display:inline-block;
	float:left;
	height:5em;
	margin:0.5em 0 1em 5em;
}
.menu_inline{
	display:block;
	float:right;
}
.menu_inline ul{
	list-style-type:none;
	margin:3em 0 1em 0;	
}
.menu_inline li{
	display:inline-block;
}
.menu_inline li:last-child{
	padding-right:2em;
}
.menu_inline li a span{
	font-size:1.125em;
	padding:0.5em 1em;
}
.menu_inline li a:hover span{
	background:black;
	color:white;
}

.menu_dropdown{
	display:none;
}

.menu_dropdown #menu_botton{
		background-color:black;
		color:white;
		width:2em;
		font-size:1em;
		font-weight:bold;
		line-height:2em;
		text-align:center;
}

.menu_dropdown-content{
	/*设置与父元素右对齐*/
	display:none;
	position: absolute;
	right:0;
	
}

.menu_dropdown-content a span{
		display:block;
		color:white;
		background:black;
		font-size:1.125em;
		padding:0.5em;
		text-align:right;
		min-width:100px;
}
		
@media only screen and (max-width:900px){
	
	#site_logo_img{
	/*Logo 图标变小些*/
		display:inline-block;
		float:left;
		height:3em;
		margin:0.5em 0 1em 1em;
	}
	
	.menu_inline{
	/*取消横向按钮显示*/
		display:none;
	}
	.menu_dropdown{
	/*显示下拉菜单的汉堡按钮，并固定位置，设定在最上层*/
		display:block;
		position:fixed;
		top:1.5em;
		right:1em;
		z-index:10;
	}
	.menu_dropdown #menu_botton{
	/* 显示汉堡按钮*/
		display:block;
	}
	.menu_dropdown:hover .menu_dropdown-content{
	/* 当鼠标在汉堡按钮上时，显示下拉菜单*/
		display:block;
	}
	
	.menu_dropdown-content a:hover span{
		color:black;
		background:#c9c9c9;
	}

}
/* END of 设置响应式汉堡菜单*/

.margin_banner{
	/*设置正文避开固定Banner*/
	margin-top:104px;
}

/*关于俊德*/
#row001{
	background-image:url(./images/img_02.jpg);
	background-size:cover;
	background-position:center;
}
#moreaboutus{
	background-color:rgba(0,0,0,0.6);
	padding:3em 0;
}

#about_logo{
	width:16em;
}
/*End of 关于俊德*/


/*公司名称的大区域DIV*/
/* 设置公司名称大文本块的大小*/
#bigname{
	max-width:500px;
	line-height:1.25em; 
	text-align:center;
}

/* E-mail Button 设置*/
span.labelbutton{
	display:block;
	padding:16px 20px;
	margin:2em auto;	
	border-style:solid;
	border-width:2px;
	border-color:#000000;
	font:normal bold normal 20px/22px Arial;
	color:#1f1f1f;
}

a:hover span.labelbutton{
	color:#ffffff;
	background:#000000;
}

/*专业服务设置*/
.serviceborder{
	border:solid 1em #f7f7f7;

}
#row003{
	/*设置专业服务标题图片背景*/
	background-image:url(./images/img_05.jpg);
	background-size:cover;
	background-position:center;
}
#service_title{
	background-color:rgba(0,0,0,0.6);
}
	/*设置其它小标题图片背景*/

#img01{
	background-image:url(./images/img_26.jpg);
	background-size:cover;
	background-position:center;
}
#img02{
	background-image:url(./images/img_63.jpg);
	background-size:cover;
	background-position:center;
}
#img03{
	background-image:url(./images/slides_020.jpg);
	background-size:cover;
	background-position:center;
}

.div_colorbg{
	background-color:rgba(0,0,0,0.5);
	min-height:350px;
}
/*End OF 专业服务设置*/


/*客户评价*/
#row005{
	background-image:url(./images/img_09.jpg);
	background-size:cover;
	background-position:center;

}
#review_contentbox{
	background-color:rgba(0,0,0,0.6);
	padding:5% 0;

}
/*End of 客户评价*/


/*博客文章*/
#blog_contentbox{
	padding:4em 0;
}
#blog_contentbox.content_inline_box{
	display: flex;
	flex-wrap:wrap;
	justify-content:space-around;
}

#blog01{
	background-image:url(./images/img_70.jpg);
	background-position:center;
	background-repeat:no-repeat; 
	background-size:cover;	
	width:250px;
	height:250px;
	margin:1em;

}
#blog02{
	background-image:url(./images/img_71.jpg);
	background-position:center;
	background-repeat:no-repeat; 
	background-size:cover;	
	width:250px;
	height:250px;
	margin:1em;

} 
#blog03{
	background-image:url(./images/img_64.jpg);
	background-position:center;
	background-repeat:no-repeat;  
	background-size:cover;
	width:250px;
	height:250px;
	margin:1em;	
}
.blog_colorbg{
	background-color:rgba(0,0,0,0.4);
	width:250px;
	height:250px;
	overflow:hidden;	
}
.blog_colorbg .blog_desc{
	display:none;
}
.blog_colorbg:hover{
	background-color:rgba(0,0,0,0.6);
}
.blog_colorbg:hover .blog_desc{
	display:block;
}
@media only screen and (max-width:820px){
	/*可能为触摸屏是，直接显示描述内容*/
	.blog_colorbg .blog_desc{
		display:block;
	}
}

/*End of 博客文章*/

/*Contact US*/
#row007{
	background-image:url(./images/img_08_samll.jpg);
	background-size:cover;
	background-size:center;
	
}
#contact_contentbox{
	background-color:rgba(0,0,0,0.4);
	padding:5% 0;
}
#contact_infos{
	padding:5% 0;
}
#mailbox1:hover,#teleno1:hover{
	font-size:22px;
	padding:0.5em;
}



/*页脚 */
.footerbg{
	background:#f7f7f7;
}
#footerbox{
	Padding:4em 0;
}
#mailbox2,#teleno2{
	font: normal normal normal 22px/40px Arial,Helvetica,sans-serif;
}
#copyrights{
	font: normal bold normal 30px/50px Times, Arial,Helvetica,sans-serif;
}
#copyrights::before{
	content:"©2015-2030\00A0\00A0";
}