@charset "utf-8";
/* CSS Document  font-family:"Microsoft YaHei",Arial,SimHei, sans-serif;*/
*{margin:0;padding:0;box-sizing: border-box;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,span,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0; font-weight:normal;font-family: Helvetica Neue,Helvetica,PingFang SC,"Microsoft YaHei",Tahoma,Arial,sans-serif;}
dl,dt,dd,ol,ul,li{list-style:none;margin:0;padding:0}
img{display:block;margin:0;padding:0;border:none;}
a{text-decoration:none;}
a img {opacity: 1.0;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";}


/*==清除浮动== clearfix 和 clear 可以同时使用  clear方便于在dw 里浏览  overflow可以单独使用  ==*/
.clearfix:after,#container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.clear{clear:both;height:0;font-size:1px;line-height:0}
.overflow{ overflow:auto;zoom:1;}
/*==清除浮end动==*/
a{text-decoration:none;outline:none;}
a:focus, a:hover{text-decoration: none;color:inherit;}

/*-------------------*/

body { font-family: Helvetica Neue,Helvetica,PingFang SC,"Microsoft YaHei",Tahoma,Arial,sans-serif; font-size:14px; line-height:20px; color:#333333; background:#fff ;}
.hidden{display:none;}
.cont{ padding-top:20px;padding-bottom:50px;overflow: hidden;}
.cont img {margin:auto;}
.cont h2 { text-align:center;}
.area{margin:auto; width:100%;margin-top:15px;} 
.area_w10{margin: 0 auto;max-width:1000px;}
.fl{float:left;margin:auto;} 
.fr{float:left;margin:auto;}
.bg{ background: #ffffff;}
.text1{ font-size:24px; line-height:36px; color:#7bc01a; padding-bottom:25px; }
.text2{ font-size:28px; padding: 0px 0px 20px 0px;font-family:"Microsoft YaHei";line-height:36px;}
.text3{ font-size:24px; line-height:30px; padding-bottom:5px;}
.text4{font-size:36px; line-height:36px;}
.text5{font-size:24px; line-height:24px;border-bottom:1px solid #ddd;padding-bottom: 15px;}
.text6{width:400px;margin:auto;}
/*==herder======*/
.header {width:100%;margin:auto; max-width:1920px;padding:0px 0px 0px 0px;}

.nav{ width:100%;margin:auto;height:70px;}
.header .logo{float:left;margin-left:20px;}
.logo img{
	margin:21px 0px 0px 0px; 
	}


.user{float:right;margin-right:20px;margin-top:14px;margin:14px 20px 0px 0px;}
.user .btn{padding:7px 20px;
  border: 1px solid;
    -moz-border-radius: 20px;      /* Gecko browsers */
    -webkit-border-radius: 20px;   /* Webkit browsers */ 
    border-radius:20px;
	float:left;            /* W3C syntax */
	margin:2px 0px 0px 0px;}
.user .loginBtn{float:left;cursor:pointer;margin-right:10px;}
.loginBtn{color:#333333; font-size: 14px;border-color:#dcdcdc!important;}
.user .registerBtn{ background:#3b8cff; float:left;cursor:pointer;border-color:#3b8cff;color: #fff;}
.register{color: #fff!important;font-size: 14px;text-decoration: none!important;}
.user .loginBtn:hover{color:#3b8cff;border-color:#3b8cff!important;}
.user .registerBtn:hover{ background:#4e97ff; color: #fff;}
.language-box{float:left;margin:3px 25px 0px 0px;}
.language-box .language .active{color:#333333;}
.language{float:left;cursor:pointer;text-align:center;line-height:24px;padding:0px 10px;height:24px;margin-top:5px;}
.language a{font-family:"Microsoft YaHei";font-size:16px;color:#999999;}
.line{width:5px;height:20px; background-color:red; display:block;float:left;}

/*iledgn*/
.iledgn{overflow: hidden;}
.iledgn .sd, .iledgn .sx {width:50%;}
.iledgn p{ color: #666;font-family:"Microsoft YaHei";}
/*news*/
.news dl{padding-bottom:30px; margin-bottom: 30px; overflow: hidden; border-bottom:1px dotted #ccc}
.news dl dt{ width: 315px ;}
.news dl dt img{-moz-border-radius: 5px;/* Gecko browsers */ -webkit-border-radius:5px;/* Webkit browsers */ border-radius:5px;/* W3C syntax */ }
.news dl dd{ width: 650px ; font-size: 14px;}
.news h2{padding:0 0 35px 45px; background: url(../images/ico_news.png) no-repeat 0 0 ; height: 36px; line-height: 36px; font-size: 24px;}
.news .zy h3{ color: #333;}
.news .zy .date{ padding-bottom: 10px; color: #999;font-size: 12px;  }
.more{ padding-top: 30px;}.more em{ font-family:"宋体"; font-weight: bold; font-size: 14px; margin-left: 5px;}
.more a{ float: right; line-height: 33px; border:1px solid #0098DA ; font-size: 12px; color: #0098DA; padding: 0 25px;
        -moz-border-radius: 20px;/* Gecko browsers */ -webkit-border-radius: 20px;/* Webkit browsers */ border-radius:20px;/* W3C syntax */  }
.more a:hover{ background: #0098DA; color: #fff; }
/*footer*/
.footer { padding:0 0 20px 0; text-align: center; background: #2b2b2b;margin-top:80px;}
.footer .footnav{ line-height:55px;margin-bottom: 15px; font-size: 14px; border-bottom: 1px solid #414141;width:100%;max-width: 1920px;padding:0px 20px;margin:auto;margin-top:20px;}
.footer .footnav a{ margin: 0 10px; color: #777;font-family:"Microsoft YaHei"; } 
.footer .footnav a:hover{ color: #cccccc;}
.area p{color: #777;line-height:22px;}

/*page*/
.ggpho{text-align: center;border-top: 1px solid #ddd; padding-top: 30px;}
.page .zuo{ width: 130px;border-right: 1px solid #ddd;}
.page .you{ width: 1000px;border-left: 0px solid #ddd;}

.page .zuo li{ padding-bottom: 20px;  font-size: 16px; }
.page .zuo .on{ color: #0098DA;}
/*.page .you .title{ font-size: 24px; line-height:24px;border-bottom: 1px solid #ddd; padding-bottom: 15px;}*/
.page .you .pic{ padding-top: 30px; line-height: 28px;}

.news-xx .zuo{ width: 750px;}
.news-xx .zuo .biaoti{ margin-bottom: 30px; border-bottom: 1px solid #ddd;}
.news-xx .zuo .biaoti .time{ font-size: 12px; color: #999; display: block;}
.news-xx .zuo .newscont{ line-height: 26px; margin-bottom: 50px;border-bottom: 1px solid #ddd; padding-bottom: 50px;}
.news-xx .you{ width: 315px;}
.news-xx .you .xg{ margin-top: 30px;}

.back{padding:5px 25px;float: left; border: 1px solid #ddd; color: #999999;
    -moz-border-radius: 20px;      /* Gecko browsers */
    -webkit-border-radius: 20px;   /* Webkit browsers */
    border-radius:20px;            /* W3C syntax */}
.back a{ color: #999;}
.back:hover{ background: #ddd; }
.blue{
	color:#3b8cff!important;
	}
	
.link{
	cursor:pointer;
	}

.link:hover{
	text-decoration:underline;
	}


.flexslider {
	position: relative;
	width: 100%;
	margin:auto;
	height: 640px;
	overflow: hidden;
	zoom: 1;
	padding:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/beijing.jpg',sizingMethod='scale');
}

.flexslider .slides {
	position: relative;
	width: 100%;
	height: 810px;
	overflow: hidden;
	zoom: 1;
	background-image:url(../images/beijing.jpg);
	background-position:center right;
	background-size:100% 100%;
	background-repeat:no-repeat;
	padding:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/beijing.jpg',sizingMethod='scale');
}	

.flexslider .slides li {
	width: 100%;
	height: 100%;
}

.flex-direction-nav a {
	width: 70px;
	height: 70px;
	line-height: 99em;
	overflow: hidden;
	margin: -35px 0 0;
	display: block;
	background: url(../images/ad_ctr.png) no-repeat;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease;
	border-radius: 35px;
}


.flex-direction-nav .flex-next {
	background-position: 0 -70px;
	right: 20px;;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
}

.flex-direction-nav .flex-prev {
	left: 20px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
}

.flexslider:hover .flex-next {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-prev {
	opacity: 0.8;
	filter: alpha(opacity=25);
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
	opacity: 1;
	filter: alpha(opacity=50);
}

.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center;
}

.flex-control-nav li {
	margin: 0 2px;
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.flex-control-paging li a {
	background: url(../images/dot.png) no-repeat 0 -16px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

#current-dot{
	background: url(../images/dot.png) no-repeat 0 0px;
	display: block;
	height: 16px;
	overflow: hidden;
	text-indent: -99em;
	width: 16px;
	cursor: pointer;
}

.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
	background-position: 0 0;
}

.flexslider .slides a img {
	width: 1920px;
	height: 810px;
	display: block;
	position:absolute;
	left:50%;
	margin-left:-960px;
}

.top{
	width:100%;
	background-color:#3b8cff;
	}

.area a{
	color:#777777;
}

.area a:hover,.area  a:focus{
	color:#cccccc;
	text-decoration: underline;
}

@media(max-width:800px){
.flexslider .slides a img {
	width: 1185px;
	height: 500px;
	display: block;
	position:absolute;
	left:50%;
	margin-left:-592.5px;
}

	.flexslider {
	position: relative;
	width: 100%;
	height: 500px;
	overflow: hidden;
	zoom: 1;
	background-image:url(../images/beijing.jpg);
	background-size:100%;
	background-repeat:repeat;
	padding:0px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/beijing.jpg',sizingMethod='scale');
}

.iledgn .sd, .iledgn .sx {width:100%;}

}

@media(max-width:500px){
	.user{float:left;margin-left:20px;margin-top:14px;}
	}
	
.update-box{
	background-color:#f2f2f2;
	background-image:none;
}

.update-box .update{
	width:100%;
	max-width:1920px;
	height:100%;
	margin:auto;
	position:relative;
	overflow: hidden;
}

.update-box .update img{
	margin:170px 0px 0px 50px;
	float:left;
	width:600px;
}



.update-box .update .text{
	float:right;
	margin:250px 50px 0px 20px;
	width:calc(100% - 760px);
}

.update-box .update .text{
	margin:250px 50px 0px 100px;
	width:calc(100% - 860px);
}

.update-box .update .text .title{
	font-size:38px;
	color:#ff5000;
	font-weight:600;
	line-height:36px;
}

.update-box .update .text .value{
	margin-top:50px;
	line-height:30px;
}

.orange{
	color:#ff5000;
}

.bold{
	font-weight:bold;
}

.up-date-foot{
	background-color: #fff;
	margin-top:20px;
}

@media(max-width:1200px){
	.update-box .update img{
		width:500px;
		margin:170px 0px 0px 50px;
	}
	
	.update-box .update .text{
	float:right;
	margin:250px 50px 0px 20px;
	width:calc(100% - 640px);
}
	
	}
	

@media(max-width:1200px){
	.update-box .update img{
		width:420px;
		margin:170px 0px 0px 50px;
	}
	
	.update-box .update .text{
	float:right;
	margin:200px 50px 0px 20px;
	width:calc(100% - 560px);
    }
    
    .update-box .update .text .title{
	font-size:24px;
    }


	
	}
	

@media(max-width:800px){
	.update-box .update img{
	margin:20px 0px 20px 20px;
	float:left;
	width:300px;
}

.update-box .update .text{
	float:left;
	clear: both;
	padding:20px 20px 0px 20px;
	width:98%;
	margin:0px;
}

.update-box .update .text .value{
	margin-top:20px;
	line-height:20px;
}


}

.btn-primary {
  color: #fff;
  background-color: #3b8cff;
  border-color: #3b8cff;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #1a79ff;
  border-color: #1a79ff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #4e97ff;
  border-color: #4e97ff;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #1a79ff;
  border-color: #1a79ff;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #4e97ff;
  border-color: #4e97ff;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #3b8cff;
  background-color: #fff;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #ffffff;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #ffffff;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ffffff;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #f5f5f5;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}

#banner{
	margin:auto;
}

.nav-banner-box{
	width:100%;
	max-width:1920px;
	margin:auto;
}

.layui-carousel img{
	position: absolute;
	left:50%;
	margin-left:-960px;
	height:100%;
}

.page-item{
	position: relative;
	overflow: hidden;
}

.page-item img{
	position: absolute;
	left:50%;
	margin-left:-960px;	
}

.page1{
	height:640px;
	width:100%;
}

.page2{
	height:564px;
	width:100%;
}

.page3{
	background-image: url(../images/banner/Chinese/page3.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	min-height:532px;
}

.page4{
	background-image: url(../images/banner/Chinese/page4.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	min-height:532px;
}

.page3-en{
	background-image: url(../images/banner/English/page3.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	min-height:532px;
}

.page4-en{
	background-image: url(../images/banner/English/page4.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	min-height:532px;
}

.page-item2 .row {
	width:100%;
	max-width:1200px;
	margin:auto;
}

.page3 .row{
	margin-top:415px;
	
}

.page4 .row{
	margin-top:425px;
	
}

.page-item2 .row .item{
	margin:0px 0px 15px 0px;
	padding:0px 10px;
}

.page-item2 .row .item .box{
	box-shadow:0px 3px 15px 0px #CCC;
	-webkit-box-shadow:0px 3px 15px 0px #CCC;
	-moz-box-shadow:0px 3px 15px 0px #CCC;
	background-color: #fff;
	padding:30px 20px;
	text-align: center;
	line-height:25px;
}

.page-item2 .row .item .box img{
	margin:auto;
	margin-bottom:15px;
}

