.responsive-menu ul { padding: 0; margin: 0; list-style: none; }

.main-menu { padding: 0; margin: 0; list-style: none; }

body { font: 14px/1.85em 'Open Sans', Arial, Helvetice Neue, sans-serif; color: #777777; font-weight: 300; font-style: normal; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; }

a:focus { text-decoration: none; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in; }

a:hover { text-decoration: none; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in; }

a { text-decoration: none; -webkit-transition: all 150ms ease-in; -moz-transition: all 150ms ease-in; -o-transition: all 150ms ease-in; transition: all 150ms ease-in; }

h3 { font-family: '\5FAE\8F6F\96C5\9ED1'; }

h2 { font-family: '\5FAE\8F6F\96C5\9ED1'; }

h1 { font-family: '\5FAE\8F6F\96C5\9ED1'; }

*:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

*:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.full-width-slider { float: right; width: 77%; }

#main-content { float: right; width: 77%; }


a.menu-toggle-btn { width: 100%; height: 60px; background-color: #38a9e3; text-align: center; line-height: 60px; display: block; color: white; }
a.menu-toggle-btn i { line-height: 60px; }

.responsive-navigation { position: relative; width: 100%; display: block; z-index: 9999; }
.responsive-menu { display: none; background-color: #495054; }
.responsive-menu ul li a { color: white; text-transform: uppercase; display: block; padding: 20px; border-bottom: 1px solid #5a6267; }







/* -------------------------------------------------左边栏设置---------------------------------------------------- */

#main-sidebar {float: left; width: 23%; height: 100%; background-color: #495054; color: white; }


/* 蓝色背景标题栏 */
.logo { margin: 45px 0 25px 0; background-color: #38a9e3; padding: 25px 35px 15px 35px; }
.logo p {color: white; font-family:arial; font-size:30px; margin:0 0 6px 0}
.logo span {color: #bee3f6; font-family:"Arial Unicode MS"; font-size: 14px; line-height:100%; margin:0}


/* 宽屏目录栏 */
.main-menu { text-align: left; }
.main-menu li { margin-bottom: 1px; }

.main-menu li a { 
    color: white;
    display: block; 
    border-left: 4px solid; 
    padding: 15px 30px; 
    background-color: #383e41; 
    -webkit-transition: all 150ms ease-in; 
    -moz-transition: all 150ms ease-in; 
    -o-transition: all 150ms ease-in; 
    transition: all 150ms ease-in;
}

.main-menu li a:hover { 
    color: #70BFEB;
    background-color: #34393b; }

li.line1 a { border-color: #E5ECF8; }
li.line2 a { border-color: #70BFEB; }

/* 版权及承办单位 */
.mofcom {
	background-color: #40474A;
	padding:2em 1.5em
}
.mofcom a {color: #70BFEB;}
.mofcom a:hover {color: #0099FF;}

/* 左边栏固定或滑动 */
.fixed {position:fixed}
.absolute {position:absolute}

.left-bottom {height:50px;}

/* ----------------------------------------左边栏设置结束-------------------------------------------- */





/* -----------------------------------------------------------------------------------------右侧主体页面----------------------------------------------------------------------------- */

/*---content----*/
.grid{
	float: left;
	width: 23%;
	border:1px solid rgba(202, 198, 198, 0.22);
	margin-right: 1.833%;
	background: rgba(227, 227, 225, 0.44)
}
.grid h3{
	font-family: Arial;
	font-size: 2.55em;
	font-weight: 400;
	line-height: 2em;
	margin: 0;
	color: black;
	display: block;
	text-align: center;
	margin: 10px;
	padding: 0px 0px 0px 0px;
	
    -webkit-transition: all 150ms ease-in; 
    -moz-transition: all 150ms ease-in; 
    -o-transition: all 150ms ease-in; 
    transition: all 150ms ease-in;
}
.grid h3 a: hover{ 
   color: #70BFEB;
    background-color: #34393b;
}











.grid p{
    
    font-family: Arial;
	color: #6a6a6a;
	font-size: 15px;
	padding: 10px;
	text-align: justify;
	line-height: 1.5em;
	width: 95%;
	margin: 0 auto;

}
.grid img{
	padding: 0px 0;
	width:100%;
}


/* -----------------------------------------------------------------页面背景------------------------------------------------------------------ */
.background-country-01 {
	background-image: url('../images/ipr1.jpg');
	background-repeat:no-repeat;
	background-attachment: fixed;
	margin:0;
	padding:0;
	background-size:100% 100%;
}

.background-UN {
    background-image: url('../images/UN1.jpg');
	background-repeat:no-repeat;
	background-attachment: fixed;
	margin:0;
	padding:0;
}

/* ---------------------------------------------------------------国家标题部分----------------------------------------------------------------- */
.blank-top {
    height:45px;
    background-image:url('../images/back-2.png');
    background-repeat:repeat-y
}

.blank-bottom {
    background-image:url('../images/back-2.png');
    background-repeat:repeat-y
}

.m-top {
	margin:120px 0 0 20px;
}

.country-name {
    margin:0;
    padding:20px 30px 20px 40px;
    width: 100%	
}

.country-name h1 {
    margin:0; 
    padding:0; 
    font-size:40px; 
    color:#38A9E3
}

.country-name h2 {
    margin:4px 0 4px 7em; 
    padding:0; 
    font-family:arial; 
    font-size:16px;
    text-indent:-5em;
    color:#000
}

.country-name tr td {
	margin:0; padding:0
}

.tr-h24 {
	height: 24px;
}




/* --------------------------------------------------------------国家正文部分------------------------------------------------------------- */


/* ----------------------------------------总体边距-------------------------------------- */
.country-text {text-align: left; padding:0}


/* ----------------------------------------超链接样式-------------------------------------- */
.country-text a {color: #1B85BE; }
.country-text a:hover {color: #990000}


/* ----------------------------------------正文大标题-------------------------------------- */
.country-text h3 {
    margin:0 0 0.75em 0.75em;
    padding:0;
    font-size:18px;
    color:#000;
}

/* ----------------------------------------段落小标题-------------------------------------- */
.country-text label{
	font-family:arial;
	font-size:18px;
	margin:0;
	line-height:100%;
	color: #ff8500;	
}



/* ------------------------------------正文段落字体及行间距---------------------------------- */
.country-text p {
	font-family:arial;
	font-size:16px;
	margin:0;
	line-height:130%;
	color: #333333
 }


/* ----------------------------------------圆角框-------------------------------------- */
.country-text-back01 {
	background-image: url('../images/back-1.png'); 
	border: 1px solid rgb(147, 147, 147); 
	border-radius: 8px; 
	width:100%
}


/* -----------------------------------------脚注--------------------------------------- */
.note {
	color: #666666;
	font-size: 15px;
}


/* -----------------------------------------------段前及段后距设定--------------------------------------------- */
/* -----------------每节第一个标题------------------- */
.padding-title {padding:1em 1em 0em 1em;}
.padding-title1 {padding:0.7em 1em 0em 1em;}
/* -----------------两标题相连，位于最尾端------------------- */
.padding-title-bottom {padding:0 1em 1em 1em;}
/* -----------------一正文后一个标题相连，且位于最尾端------------------- */
.padding-title-bottom2 {padding:1em 1em 1em 1em;}

/* ---------------多段，正文一般段后间距------------------- */
.padding-normal {padding:0 1em 0 1.1em;}
/* ---------------多段，正文紧凑段后间距------------------- */
.padding-normal-tight {padding:0 1em 0.2em 1em}

/* ---------------标题后只有一段，该段边距------------------ */
.padding-normal-2 {padding:0 1em 0 1em}

/* ---------------正文最后一段间距------------------- */
.padding-normal-last {padding:0 1em 1em 1em}

/* ---------------正文下一级------------------- */
.padding-normal-sub1 {padding:0 1em 0.4em 4em}
/* ---------------正文下两级------------------- */
.padding-normal-sub2 {padding:0 1em 0.4em 6em}

/* ---------------列表页说明------------------- */
.padding-list {padding:1em 1em 1em 2.5em; color:black;}



/* -----------------------------------------行首缩进--------------------------------------- */

/* -----------------行首缩进中文2字符------------------- */
.t-indent2{text-indent:0em}
.t-indent4{text-indent:4em}

.t-indent-sub1 {text-indent:-1em}



/* -----------------------------------------返回--------------------------------------- */
.back {
	text-align: right;
	padding:0.75em 0.5em 0 0
}


/* -----------------------------------------表格设定--------------------------------------- */

.tb-title {
	vertical-align: top;
	font-family:arial;
	font-size:16px;
	color:#FFFFFF;
	letter-spacing:1px;
}

.tb-title2 {
	font-family:arial;
	font-size:16px;
	color:#FFFFFF;
}


.back-blue {background-color: #38A9E3}

.country-text td {
	border: 1px solid rgb(147, 147, 147);
	font-family: "Times New Roman", Times, serif;
	font-size:15px;
	padding:0.5em 0.5em 0.25em 0.5em;
	line-height: 170%;
	word-wrap: break-word;
	word-break: break-all;
	vertical-align:top;
}

.w-10 {width:10%}
.w-15 {width:15%}
.w-20 {width:20%}
.w-25 {width:25%}
.w-30 {width:30%}
.w-40 {width:40%}
.w-75 {width:75%}

.tb-bg-01 {background-color: rgb(249, 249, 249);}
.tb-bg-02 {background-color: #FFFFFF}

.juzhong {vertical-align:middle; text-align:center}


 

.member-item { overflow: hidden; height: auto; }
.member-item:hover .overlay { opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

.member-thumb { width: 100%; overflow: hidden; height: auto; position: relative; }
.member-thumb img { width: 100%; height: 100%; }
.member-thumb .overlay { position: absolute; top: 0; right: 0; opacity: 0; visibility: hidden; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }

.member-content { margin-top: 10px; overflow: hidden; text-align: center; }


.member-content h4 { text-transform: uppercase; font-size: 18px; color: #e9b144; }
.member-content p { color: #aaaaaa; font-size: 12; }




/* -----------------------------------------字体颜色--------------------------------------- */
.red {color:red}

.deepred {color: #990000}







/* --------------------------------------------------------------底部说明------------------------------------------------------------- */
.bottom-footer { background-color: #313639; color: #949da2; padding: 25px 7% 16px 7%; }
.bottom-footer a { color: white; }
.bottom-footer .credits { text-align: right; }

.copyright {text-align:center}






.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}






.social-member li { display: inline; float: left; width: 40px; height: 40px; background-color: #e9b144; text-align: center; margin-right: 1px; }
.social-member li a { display: block; line-height: 40px; color: white; }
.social-member li:hover { background-color: #e5a424; }

.our-story { margin-top: 80px; }
.our-story h3 { color: #e9b144; font-weight: 300; text-transform: uppercase; font-size: 24px; margin: 0 0 20px 0; }

.story-image { margin-top: 30px; overflow: hidden; }
.story-image img { width: 100%; height: auto; }

.service-item { background-color: #974dea; color: white; }
.service-item .service-icon { width: 25%; float: left; overflow: hidden; display: inline-block; text-align: center; margin-top: 30px; height: 100%; }
.service-item .service-content { width: 75%; overflow: hidden; text-align: center; padding: 20px 20px 20px 0; }
.service-item .service-content h3 { margin: 0; font-size: 20px; }

.our-skills { margin-top: 80px; }
.our-skills h3 { color: #974dea; font-weight: 300; text-transform: uppercase; font-size: 24px; margin: 0 0 20px 0; }

.progress-bar { background-color: #974dea; text-transform: uppercase; font-size: 12px; }

.portfolio-thumb { overflow: hidden; position: relative; }
.portfolio-thumb img { width: 100%; height: auto; }
.portfolio-thumb .overlay-p { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(56, 227, 149, 0.9); visibility: hidden; opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.portfolio-thumb .overlay-p a { position: absolute; top: 50%; margin-top: -12px; left: 50%; margin-left: -15px; color: white; }

.portfolio-item { margin-bottom: 40px; overflow: hidden; }
.portfolio-item:hover .overlay-p { visibility: visible; opacity: 1; }

.portfolio-title { width: 100%; text-align: center; }

.portfolio-title a { color: #38e395; font-size: 18px; text-transform: uppercase; }

.load-more { width: 100%; text-align: center; }

.map-holder { border: 1px solid #d5dbe0; padding: 6px; background-color: #fafafa; }

.contact-form { margin-top: 60px; }
.contact-form textarea { width: 100%; display: block; border: 1px solid #d5dbe0; padding: 10px 15px; outline: 0; }
.contact-form input { width: 100%; display: block; border: 1px solid #d5dbe0; padding: 10px 15px; outline: 0; }
.contact-form input { height: 46px; margin-bottom: 30px; }
.contact-form label { font-weight: normal; }
.contact-form label.required:after { content: "*"; color: red; margin-left: 5px; }

.submit-btn { margin-top: 30px; }

.first-footer { background-color: #495054; padding: 50px; text-align: center; border-left: 5px solid #313639; }
.first-footer .social-footer ul li { display: inline; }
.first-footer .social-footer ul li a { width: 40px; height: 40px; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; /* stops bg color from leaking outside the border: */ background-color: #313639; text-align: center; line-height: 40px; color: white; }


@media (max-width: 991px) { 
  #main-content { width: 100%; }
  .first-footer { border-left: 0; }
  .main-slider { height: auto; }
  .flexslider { height: auto; }
  .flexslider .slides { height: auto; }
  .service-item { margin-bottom: 30px; }
  .progess-bars { margin-top: 40px; } 
  .m-dsn{display:none;}
 }
@media (max-width: 767px) { .slider-caption p { display: none; top: 50px !important; } .slider-caption a { display: none; top: 50px !important; } }
@media (max-width: 581px) { .slider-caption { display: none; } }