@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p,ul,ol{margin:0;padding:0;}
body{font-family:Microsoft YaHei,Console,Verdana,Courier New;color:#232323;background:#fff;line-height:1.8;font-size:14px}
ul,ol{list-style:none;}
a img{border:none;}
h1,h2,h3,h4,h5,h6,div,li,p{font-weight:normal;}
h1,h2,h3,h4,h5,h6,i{font-size:12px}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover,a.current{outline:none;}
em,i{font-style:normal;}
img{vertical-align:middle;}
div{display:block}
section,input,select{font-size:12px}
input,select{color:#2eabeb;font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB",\5FAE\8F6F\96C5\9ED1,tahoma,simsun,\5b8b\4f53;}
/**webkit取消textarea拖动调整大小**/
textarea {resize:none;}
/**webkit取消文本框聚焦时边框颜色不变**/
textarea:focus, input:focus{outline:none;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0px 1000px white inset;}

@font-face {
    font-family: 'GOTHIC_0';
    src: url('../fonts/GOTHIC_0.eot');
    src: url('../fonts/GOTHIC_0.eot') format('embedded-opentype'),
         url('../fonts/GOTHIC_0.woff2') format('woff2'),
         url('../fonts/GOTHIC_0.woff') format('woff'),
         url('../fonts/GOTHIC_0.ttf') format('truetype'),
         url('../fonts/GOTHIC_0.svg#GOTHIC_0') format('svg');
}


.f12{font-size:12px}
.f14{font-size:14px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.f24{font-size:24px}
.mL5{margin-left:5px}
.mL10{margin-left:10px}
.mR5{margin-right:5px}
.mR10{margin-right:10px}
.mT5{margin-top:5px}
.mB5{margin-bottom:5px}
.mT10{margin-top:10px}
.mT20{margin-top:20px}
.mB10{margin-bottom:10px}
.c666{color:#666}
.c999{color:#999}

.f_Left{float:left}
.f_Right{float:right}
.tr{text-align:right}
.tl{text-align:left}

.red{color:#60a917}
a {text-decoration:none;color:#565656}
a{transition:background-color ease .3s;}
a:hover,a:active,a:visited,:target{text-decoration:none; border:0;color:#4592ea}

.blueColor{color:#2975cb}
.greenColor{color:#45b537}
.brownColor{color:#00aba9}
.redColor{color:#e9454e}

/*nav*/
.header{background:url(../images/headBg.png)  center 0 no-repeat; border-radius: 0}
.navbar-header{ height:114px;background:#013f7c}
.logo{display:table;width:200px;padding:16px 25px 23px 15px;margin-top:45px}
a.navbar-brand{display:block;width:191px;height:36px;background:url(../images/logo.png) no-repeat;}

.banner,.mainBanner{ clear:both; height:660px;}
.mainBanner{ background:url(../images/banner.png) center -350px no-repeat; height:200px}

.topBar{position:relative}
.topNav{position:absolute;top:0; right:0;height:47px; line-height:47px; text-align:right;padding-right:10px;}
	.topNav .searchBox{position:relative;height:30px; line-height:30px; width:220px; float:right; margin-top:10px}
	.topNav .searchBox input{border:0;background:#2a2d33;padding:0 10px;width:200px;height:30px;line-height:30px; font-size:13px}
	.topNav .searchBox .searchBtn{ background: url(../images/ico.png) -12px -540px no-repeat; width:16px; height:16px; position:absolute; right:5px; top:8px; z-index:999; color:#fff}
	.topNav .searchBox .searchBtn:hover{ background: url(../images/ico.png) -40px -540px no-repeat;}
	.language{ float:right; margin-left:20px; color:#999}
		.language em{ margin:0 10px}
		.language a{ color:#999}
			.language a:hover{ color:#2eabeb}

.collapse{ background:url(../images/header.png) repeat-x}
.navbar{ margin-bottom:0;border:0}
.nav{ margin-top:47px}
.nav li a{position:relative;display:block;margin:0 25px;padding:22px 0 22px 0;border-bottom:3px solid rgba(255,255,255,0);color:#333;font-size:15px;}
.nav li:hover a,.nav li a.hover,.nav li a:hover{color:#013f7c;}
.nav li a:hover{color:#4592ea;background:none;}
.nav li ul.listClass{position: absolute;left:50%; margin-left:-70px;display:none;width:140px;background-color:rgba(1,63,124,.9); z-index:9999;-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.1);box-shadow: 0 6px 12px rgba(0,0,0,.1);}
.nav li:hover ul.listClass{display:block;}
.nav li ul.listClass li:first-child{padding-top:10px;}
.nav li ul.listClass li:last-child{padding-bottom:10px;}
.nav li ul.listClass li a{display:block;height:38px; line-height:38px; padding:0; margin:0; border-bottom:0; font-size:14px;width:140px;border-top:1px solid rgba(255,255,255,.05);color:#fff;text-align: center;}
.nav li ul.listClass li:first-child a{border-top:0;}
.nav li ul.listClass li a:hover{background-color:#4592ea;color:#fff;text-decoration:none;}

.navbar-toggle{background-color:rgba(69,139,234,.9); margin-top:57px; border-radius:0}
.navbar-toggle .icon-bar{background:#fff}

/*关于我们*/
.aboutBox{ margin:45px 0}
.aboutCenterBox{ margin-top:40px; }
.aboutRightBox{ margin-top:40px}
.indexAboout{height: 150px;line-height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical;}

.aboutNav{margin-top:20px}
.aboutNav  a{float:left; height:35px; line-height:35px;display:block;background:#013f7c; color:#fff; text-align:center}
.aboutNav  a:hover{ background:#4592ea}

.aboutGroup{ clear:both; margin-top:40px;}
	.title{text-align:center}

.classList{margin:50px 0 100px; height:90px}
.classList li{float:left; width:9%; text-align:center}
.classList li p{margin-top:8px}
.classList li a p{color:#333;font-size:14px}

.classList li a:hover .icoBox{ background:#0f3178}
.classList li a:hover .ico1{background-position:-32px -120px}
	.classList li a:hover .ico2{background-position:-32px -152px}
	.classList li a:hover .ico3{background-position:-32px -184px}
	.classList li a:hover .ico4{background-position:-32px -408px}
	.classList li a:hover .ico5{background-position:-32px -248px}
	.classList li a:hover .ico6{background-position:-32px -216px}
	.classList li a:hover .ico7{background-position:-32px -344px}
	.classList li a:hover .ico8{background-position:-32px -312px}
	.classList li a:hover .ico9{background-position:-32px -280px}
	.classList li a:hover .ico10{background-position:-32px -376px}
	.classList li a:hover .ico11{background-position:-32px -504px}


.ico,.ico1,.ico2,.ico3,.ico4,.ico5,.ico6,.ico7,.ico8,.ico9,.ico10,.ico11{width:32px;height:32px;background:url(../images/ico.png) center center no-repeat; margin:16px}
	.icoBox{width:64px;height:64px;border-radius:50%;background:#fff;border:1px #0f3178 solid;text-align:center; margin:0 auto;transition:background-color ease .3s;}
	.ico1{background-position:0 -120px}
	.ico2{background-position:0 -152px}
	.ico3{background-position:0 -184px}
	/*.ico4{background-position:0 -216px}*/
	.ico4{background-position:0 -408px}
	.ico5{background-position:0 -248px}
	/*.ico6{background-position:0 -280px}*/
	.ico6{background-position:0 -216px}
	/*.ico7{background-position:0 -312px}*/
	.ico7{background-position:0 -344px}
	/*.ico8{background-position:0 -344px}*/
	.ico8{background-position:0 -312px}
	/*.ico9{background-position:0 -376px}*/
	.ico9{background-position:0 -280px}
	/*.ico10{background-position:0 -408px}*/
	.ico10{background-position:0 -376px}
	.ico11{background-position:0 -504px}

.ico,.ico1,.ico2,.ico3,.ico4,.ico5,.ico6,.ico7,.ico8,.ico9,.ico10,.ico11{
	-webkit-transition: -webkit-transform 0.4s ease-out; 
    -moz-transition: -moz-transform 0.4s ease-out; 
    transition: transform 0.4s ease-out; 
} 
.classList a:hover .icoBox .ico1,.classList a:hover .icoBox .ico2,.classList a:hover .icoBox .ico3,.classList a:hover .icoBox .ico4,.classList a:hover .icoBox .ico5,.classList a:hover .icoBox .ico6,.classList a:hover .icoBox .ico7,.classList a:hover .icoBox .ico8,.classList a:hover .icoBox .ico9,.classList a:hover .icoBox .ico10,.classList a:hover .icoBox .ico11,.searchBox,.topNav .searchBox input{
	-webkit-transform: rotate(360deg); 
    -moz-transform: rotate(360deg); 
    transform: rotate(360deg); }

/*集团项目*/
.projectBg{background:url(../images/webBg1.png) center 0 no-repeat;height:630px}
.index_projectBox a{display:block;width:285px;overflow:hidden;margin-top:60px;background:#2eabeb;height:500px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
	.index_projectBox a:hover{margin-top:55px}
	.index_projectBox .imgBox{width:285px; height:333px; overflow:hidden; position:relative}
	.index_projectBox a img,.newsBox a img{opacity: 0.95;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(1.05,1.05,1);
	transform: scale3d(1.05,1.05,1);
   transform:scale(1.05);-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
	.index_projectTxt{padding:15px; color:#fff}
		.index_projectTxt h1{font-size:15px; height:20px; line-height:20px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical; font-weight:700}
		.index_projectTxt h2{font-size:13px;line-height:1.8;margin:10px 0;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
		.index_projectTxt h3{text-align:right}


.index_projectBox,.newsBox{position:relative; width:285px}
.index_projectBox a:hover img,.newsBox a:hover img {opacity:0.6;
  	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}


.index_projectBox .imgBox::before,.newsBox .imgBox::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);
	content: '';
	-webkit-transition: -webkit-transform 0.6s;
	transition: transform 0.6s;
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}

.index_projectBox .imgBox:hover::before,.newsBox .imgBox:hover::before {
	-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
	transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}

.mainTitle{background:#2eabeb;border-top:5px #fabf1b solid;margin-top:-5px;height:300px; position:relative}
	.mainTitle i{display:block;margin:20px;}
	.mainTitle h1{position:absolute;right:20px;bottom:30px;font-size:24px;color:#fff;}
	.mainTitle h1 span{border-bottom:3px #fff solid; padding-bottom:8px}


/*新闻*/		
.newsBg{height:500px; background:url(../images/wallpaper3.jpg) center 0 no-repeat}
.newsBox{position:relative;width:285px;height:180px;margin-top:30px;overflow:hidden}
		.newsTxt h1{font-size:14px;height:40px;line-height:40px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
		.newsTxt h2{font-size:13px;line-height:1.8;margin:15px 0;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;color:rgba(255,255,255,.5)}
		.newsTxt h3{text-align:right;color:rgba(255,255,255,.5)}
.newsBox a{display:block;}
	.newsBox a:hover .newsTxt{position:absolute;left:0;right:0;bottom:0;background:rgba(1,69,131,0.8);}
	.newsTxt{position:absolute;left:0;right:0;bottom:-140px;height:180px;padding:0 15px;background:rgba(0,0,0,0.5);color:#fff;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}
	.newsBox a:hover .newsTxt h1{font-size:14px;padding-top:15px;height:auto;line-height:20px;color:#fff;-webkit-line-clamp:2;}
		

.newsBox .imgBox{width:285px; height:214px; overflow:hidden;}
	.newsBox a img{-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}


/*集团项目内页*/
.projectBox2{overflow:hidden;background:#2eabeb;height:auto; margin-bottom: 30px}

.projectBox{ padding: 20px 10px 100px 0;}
.projectBoxList a{display:block;border-bottom:1px #efefef solid;padding-bottom:20px;margin-bottom:20px;overflow:auto;zoom:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.projectBoxList a:hover{color:#333;}
.proRight{position:relative;}
.proRight i{padding:2px 10px;background:#2eabeb;color:#fff;font-size:14px;font-weight:400; border-radius:3px;margin:2px 0 0 10px;color:#fff}
.proRight i.red{background:#dedede;; color:#666}
.proRight i.greenColor{background:#45b537}
.proRight h1{font-size:18px;height:30px; line-height:30px;overflow:hidden;font-weight:700;}
.proRight h2{font-size:14px;height:30px;line-height:30px;overflow:hidden;background:url(../images/ico.png) 0 -600px no-repeat; padding-left:25px;}
.proRight h3{font-size:14px;height:30px;line-height:30px;background:url(../images/ico.png) 0 -632px no-repeat; padding-left:25px;}
.proRight h4{font-size:14px;height:30px;line-height:30px;background:url(../images/ico.png) 0 -664px no-repeat; padding-left:25px;}
.proRight h5{height:40px;line-height:40px;}
.proRight h5 span{padding:5px 10px;background:#dedede; color:#666;border-radius:15px; margin-right:10px;}






/*社会责任*/
.socialBg{background:#132e4a; min-height:450px;overflow:hidden}
.socialBg .col-lg-6{padding:0}
.socialBox{position:absolute;left:0;right:0;top:0;z-index:9999; margin-top:20px}
.socialTitle{ margin-top:60px}
.socialList{margin-top:20px}
	.socialList li{position:relative;height:140px}
	.socialList img{position:absolute;left:0;top:0}
	.socialList .txt{margin-left:150px; padding-right: 10px;}
		.socialList  a{display:block;color:#fff; height:100px}
		.socialList a:hover{background:#2eabeb}
		.socialList a:hover span{background:#2eabeb}
			.socialList span{display:block; width:30%; height:2px; overflow:hidden; margin-bottom:10px;background:#42586e}
			.socialList .txt  h1{ font-size:15px; height: 16px; line-height: 16px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
			.socialList .txt  h2{ margin:8px 0; height: 36px; line-height: 18px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
			.socialList .txt  h3{ color:#fabf1b; text-align:right; padding-right:5px}


/*加入*/
.joinBg{background:#efefef;padding:40px}
.joinCenterBox{}
.joinBg .col-lg-2{padding:0}
.joinTitle{clear:both; height:40px;}
	.joinTitle span{font-weight:700;font-size:18px; float:left}
	.joinTitle em{ display:block;margin:0 0 0 10px; padding:0 10px; float:left;border-bottom:3px #013f7c solid} 
		.joinTitle a{ float:right}

.joinList{clear:both;overflow:auto;zoom:1;padding:5px 0 20px}
.joinList li{ float:left; width:50%;height:30px;line-height:30px;overflow:hidden}
	.joinList li a{ color:#333; display:block; font-size:13px}
		.joinList li a:hover{ color:#2eabeb} 
		.joinList li a i{ color:#fabf1b;font-size:20px; margin-right:10px}

a.moreBtn{ display:block;height:26px; line-height:26px;font-size:12px; text-align:center; color:#0f3179}
	a.moreBtn:hover{ color:#fabf1b}

.vodBox{width:240px;float:right}
	.vod{background:#303053;height:auto; overflow:hidden;position:relative}
		.vod .player{background:url(../images/ico.png) 0 -458px no-repeat; width:46px; height:46px;position:absolute; left:50%;margin:-23px 0 0 -23px;top:50%;z-index:999}
	.vodInfo{background:#303053;height:160px; overflow:hidden; position:relative}
		.vodInfo img{ width:260px; height:160px}
		.vodInfo .player{background:url(../images/ico.png) 0 -458px no-repeat; width:46px; height:46px;position:absolute; left:50%;margin:0 0 0 -23px;top:57px;z-index:999}
		.vodInfo:hover .player{background:url(../images/ico.png) -46px -458px no-repeat; }
	
	a.btnPlay{ display:block; width:240px; height:160px; overflow:hidden}
	a.btnPlay:hover .player{background:url(../images/ico.png) -46px -458px no-repeat; }
.vodInfoBox{width:848px;height:636px;overflow:hidden}


/*单页*/
.line{height:70px;line-height:70px;font-size:13px;border-bottom:1px #efefef solid; color:#666}
	.line img{ margin-bottom:3px}
	.line a{color:#333}
	.line a:hover{color:#014583}
.box{padding:20px 30px 100px 0; font-size:14px; color:#666}
.box img{
         max-width:847px;
     zoom:expression( function(elm) { 
         if (elm.width>847) { 
             var oldVW = elm.width; elm.width=847; 
             elm.height = elm.height*(847 /oldVW);
         }
         elm.style.zoom = '1';
     }(this));
} 

.infoTitle{background:#2eabeb;height:70px;font-family:GOTHIC_0;line-height:70px;text-align:center;color:#fff;font-size:30px}
.padding0{ padding:0}

.main{overflow:hidden; min-height:400px}
.mainLeft{ margin-bottom:-10000px; padding-bottom:10000px;}
.mainRight{ margin-bottom:-10000px; padding-bottom:10000px;background:#f5f9fa}

.sideNav{margin:30px 20px;background:#fff}
	.sideNav {padding:20px}
	.sideNav li{height:46px;line-height:46px; border-bottom:1px #f5f5f5 solid}
		.sideNav li a{display:block;color:#666;position:relative;background:url(../images/right_arrow.png) right 16px no-repeat;-webkit-transition:padding-left 0.5s ease;-moz-transition:padding-left 0.5s ease;transition:padding-left 0.5s ease;}
		.sideNav li a::after{content:'';display:block; width:0;height:1px;position:absolute;left:0; bottom:0;background:#014583;transition:all 0.3s ease-in-out;}
		.sideNav li a:hover::after{ width:100%;}
			.sideNav li a:hover{padding-left:30px; color:#014583;background:url(../images/right_arrow2.png) right 16px no-repeat;}

/*新闻列表*/
.newsListbox{padding:20px 0 100px}
.newslist dt { position:relative; height:200px; margin-bottom:20px;}
	.newslist dt .newImg{ position:absolute; left:0; top:0; width:255px;}
		.newslist dt .newTxt{ margin-left:270px;padding-right:30px;}
			.newslist dt .newTxt .time{font-size:30px;font-family:GOTHIC_0;}
				.newslist dt .newTxt .time em{ color:#014583}
			.newslist dt .newTxt h1{font-size:18px;font-weight:700;color:#333;height:40px;line-height:40px;overflow:hidden}
			.newslist dt .newTxt h2{margin:10px 0}
			.newslist dt .newTxt h3{height:40px;line-height:20px; margin:10px 0;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
			.newslist dt .newTxt h4 span{background:#dedede;display:block;width:72px; height:26px; line-height:26px; text-align:center; float:right;}
			.newslist dt a:hover .newTxt  h4 span{background:#014583; color:#fff}
			.newslist dt a:hover h1{color:#014583}
			.newslist dt a:hover{color:#666}

.newslist dd {padding:20px 0;border-bottom:3px #efefef solid; position:relative}
.newslist dd a{display:block;color:#666;height:100px;position:relative;}
.newslist dd .time{width:92px;height:92px;text-align:right;position:absolute;left:0;top:0;border:4px #dedede solid}
	.newslist dd .time p{font-size:30px; height:60px;line-height:60px;display:block;padding-right:10px;font-family:GOTHIC_0;color:#014583}
	.newslist dd .time span{font-size:14px;padding:8px 10px 5px 0;font-family:GOTHIC_0;border-top:1px #efefef solid}
.newslist dd .newsListTxt{ margin-left:110px;padding-right:30px;}
	.newslist dd .newsListTxt h1{font-size:18px;font-weight:700;color:#333;height:22px;line-height:22px; overflow:hidden}
	.newslist dd .newsListTxt h2{margin:10px 0}
	.newslist dd .newsListTxt h3{height:40px; line-height:20px; overflow:hidden}
		.newslist dd a:hover .newsListTxt h1{color:#014583}
		.newslist dd a:hover .newsListTxt h2{color:#666}
		.newslist dd a:hover .newsListTxt h3{color:#666}
		
		.newslist dd:after{content:'';display:block; width:0;height:3px;position:absolute;left:0;bottom:-3px;background:#014583;transition:all 0.3s ease-in-out;}
		.newslist dd:hover::after{width:100%;}



/*新闻正文*/
.newsInfobox{padding:20px 30px 100px 0; overflow:auto;zoom:1; color:#666}
	.newsInfobox h1{font-size:24px; line-height:1.5; margin:20px 0; color:#121212}
	.newsInfobox .newsTime{border-bottom:2px #dedede solid; padding:20px 0; margin-bottom:20px; color:#666}
.newsInfobox .newsTime .col-lg-8{ padding-left: 0; padding-right: 0}
.newsInfobox .newsTime .col-lg-4{ padding-left: 0; padding-right: 0}
	.newsInfobox h3{font-size:16px; line-height:1.8}
	.newsInfobox h4{border-top:2px #dedede solid; padding:20px 0; margin-top:20px;}
.bshare-custom{ float:right}

.proBox{padding:20px 10px 100px 0;overflow:auto}
	.proList li{height:280px; overflow:hidden}
	.proList li h1{font-size:15px;margin-top:10px;height:30px;line-height:30px;font-weight:700;overflow:hidden}
	.proList li h2{height:20px; line-height:20px; overflow:hidden}
	.proList li h3{height:20px; line-height:20px; overflow:hidden}
.newsInfobox .row{ margin-left:0; margin-right:0}

.projectList{}
	.projectList li{height:220px; overflow:hidden}
	.projectList li .imgBox{position:relative}
	.projectList li h1{position:absolute; left:0; right:0; bottom:0;font-size:13px; background:rgba(1,69,131,.8);height:30px;line-height:30px; padding:0 20px;overflow:hidden}
	.projectList li a h1{color:#fff}
	.projectList li a:hover h1 {color:#fff}
	.projectList li h2{font-size:15px;height:30px;line-height:30px;font-weight:700;overflow:hidden}
	
.smallClass{ height:40px; line-height:40px; margin:10px 15px 25px;background:#efefef}
	.smallClass a{ display:block; float:left; padding:0 20px}
		.smallClass a:hover{background:#2eabeb; color:#fff}
		.smallClass a.now{ background:#014583; color:#fff}

.newsInfobox img{
         max-width:847px;
         margin-bottom: 5px;
     zoom:expression( function(elm) { 
         if (elm.width>847) { 
             var oldVW = elm.width; elm.width=847; 
             elm.height = elm.height*(847 /oldVW);
         }
         elm.style.zoom = '1';
     }(this));
} 


.pageBox{clear:both;margin:35px auto 30px; padding-top:20px;overflow:hidden;border-top: 2px #dedede solid;}
	.pageBox ul {}
	.pageBox ul li{ text-align:center}

a.upPage,a.nextPage,a.listPage{display:block;background:#efefef;color:#666;height:34px;line-height: 34px; font-size:12px}
.pageBox a i{display:block;width:34px;line-height:34px;text-align:center;background:#014583;color:#fff;font-family: SimSun;}
.pageBox a span{ padding:0 10px}
.nextPage{float:right}


/*page*/
.page{display:inline;clear:both;margin-top:20px;float:left;text-align:center;height:36px;line-height:36px;font-size:12px}
.page a{display:block;float:left;background:#dedede ;width:36px;height:36px;line-height:36px;margin-right:10px;color:#999;text-decoration:none; font-family:"SimSun";cursor:pointer}
.page a:hover {background:#2eabeb;color:#fff}
.page span{width:36px;height:36px;line-height:36px;color:#fff;float:left;display:block;background:#6ac334 ;margin-right:10px;}
.page a.now{background:#014583 ;color:#fff}



/*底部*/
.footer{height:140px;background:#013f7c;color:#fff;padding-top:20px}
	.footerNav{ }
	.footerNav li{ width:100px;float:left}
		.footerNav li a{color:#fff;}
.footerBottom{height:80px;background:#09345e;color:#6e8fb2;padding:10px 0}
	.footerBottom a{color:#6e8fb2; font-size:14px}


.dropdown button{ background:#2eabeb; border:0;padding:4px 30px; width:100%;box-sizing:border-box}
.dropdown-menu{border-radius:0; background:#2eabeb; color:#fff;border:0; width:100%; box-sizing:border-box}
	.dropdown-menu li a{ color:#fff}
		.dropdown-menu li a:hover{ background:#0f3179;color:#fff}

a.cico{display:block;width:40px;height:40px;background:url(../images/ico.png)  no-repeat; float:left; margin:20px 30px 0 0 }
a.cico1{background-position:0 0}
a.cico2{background-position:0 -40px}
a.cico3{background-position:0 -80px}

@media (max-width: 1200px){
	.nav li a{margin:0 20px;}
	.nav li a {-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
｝	

@media (max-width: 992px){
.col-none{display:none}
.nav li a{margin:0 5px;}
.nav li a {-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}

}

@media (max-width: 767px){ 
.nav li a{margin:0;}
.topNav{ position:absolute; background:#333;left:0;right:0;top:0;}
.nav li a{color:#fff}
.collapse{ background:none}
.navbar,.navbar-collapse{border:0}
.navbar-default .navbar-collapse {border-width: 0; margin-top:-2px;background:rgba(69,139,234,.9);}
.nav{background-color:rgba(69,139,234,.9);margin-top:-2px}
.nav>li{ clear:both}
.nav li a{padding:10px;font-size:14px}
.nav li ul.listClass{display:block;width:100%;background:none;position:static;margin:0; padding:0 10%;-webkit-box-shadow:none;box-shadow:none}
.nav li ul.listClass li:first-child,.nav li ul.listClass li:last-child{padding:0;}
.nav li ul.listClass li{list-style:outside;color:#fff;  float:left; width:50%}
.nav li ul.listClass li a{border:0;box-sizing:border-box;text-align:left;font-size:14px; width:auto}

.col-none{ display:none}
.navbar{position:fixed;left:0;right:0; top:0; z-index:9999}
.banner{ height:auto; padding-top:-200px}	
.joinBg{ padding:0}
.aboutBox{ margin:10px auto}	
	.aboutBox img{ width:100%; height:auto}
	
.classList li{ width:25%; margin-bottom:10px}	
.dropdown, .dropup{ text-align:center}
.footerBottom{ height:auto}
.vodBox{ float:none; width:auto}
a.btnPlay{ width:auto; height:auto}
.vod{ height:auto; margin-bottom:20px;}
.dropdown{ display:none}
.footer{ height:auto; padding:20px 0}
a.cico{ margin:0 auto; float:none}
.projectBg{ height:auto; background:url(../images/webBg1.png) repeat-y; background-size:contain; padding:40px 0}
.projectBox a{margin-top:20px}
.projectBox a:hover{margin-top:20px}
.joinBox{ margin:20px 0}
.socialBox{ position:static;}
.socialList{ margin-bottom:20px}
.socialBg{ margin:20px 0 0; min-height:auto}
.newsBox a{ margin:20px 0; height:auto}
.box{ padding:20px 0}
.mainLeft,.mainRight{margin:0; padding:0}
.padding0{padding:0 15px}
.newslist dt{ height:auto}
.newslist dt .newImg{ width:100px;}
.newslist dt img{ width:100px; height:75px}
.newslist dt .newTxt{ margin-left:120px}
.newslist dt .newTxt .time{ font-size:16px}
.newslist dt .newTxt h1{ height:30px; line-height:30px;}
.newslist dt .newTxt h3,.newslist dt .newTxt h4{ display:none}
.newslist dd .newsListTxt{ padding-right:0}
.newsInfobox{ padding:20px 0}
.pageBox{ display:none}
.proBox{ padding:20px 0}
.proList li{ height:auto; margin-bottom:20px}
.proList .col-xs-12{ padding:0}
.projectBox a{ height: auto}
.newsInfobox img{width: 100%; height: auto; margin-bottom: 5px;}
.box img{width: 100%; height: auto}
.projectBox2{ height: auto}
	.tos-slide{ height: auto}
	.carousel{margin-top: 114px;}
.proRight h1{ height:30px; line-height:30px; overflow:hidden}
.index_projectBox a,.index_projectBox .imgBox,.newsBox .imgBox{ width:auto; height:auto}
.newsBg{ height:auto;background:url(../images/wallpaper3.jpg) center 0 repeat-y; background-size: cover; padding-bottom:20px}
.index_projectBox, .newsBox{width:100%}
.newsBg .newsBox{ margin-top:0}
.navbar-collapse{max-height:400px;}
.navbar-collapse.in{overflow-y:auto}
.topNav{display:-moz-box;display:-webkit-box;width:100%;float:none}
.topNav .searchBox{-webkit-box-flex:1.0;-moz-box-flex:1.0; padding-left:5px; box-sizing:border-box;float:none}
.topNav .searchBox input{width:100%;}
.language{ font-size:12px;float:none; display:block; margin:0 10px}
.title img{ width:100%; height:auto}
.vodInfoBox{width:100%;height:auto;overflow:hidden}
.vodInfo img{ width:100%; height:auto}
.carousel-control.right,.carousel-control.left{ background:none}
.socialBgImg{ height:auto}
.page{ overflow:hidden}
.newsInfobox h1{ margin:0}
}

@media (min-width:1000px){
	.nav li a{ margin:0 10px}
	}