@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:#f7f8f9;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;margin-bottom: 10px;}
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;}

img{ margin:0}


.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{border-radius: 0}
.navbar-header{ width:100%;height:72px;}
.logo{display:table;width:380px;padding:16px 25px 23px 15px;}
a.navbar-brand{display:block;width:380px;height:60px;background:url(../images/logo.png) no-repeat; margin-top:15px}

.navBox{ background:#006ebd}

.banner{ clear:both;height:500px;overflow:hidden}

.topBar{height:32px;line-height:32px;color:#666; font-size:12px;border-bottom:1px #efefef solid}


/*nav*/
.topBg{ background:#fff; height:108px}
.header{height:180px;position:relative}
		.logo{display:table; float:left;width:250px;padding:12px 15px 0px;}
			.smallLogo{color:#fff;font-size:20px; float:left;padding-top:20px}
		.tel{ float:right; margin-top:15px; }
.navbar{margin-bottom:0;border-radius:0;height:180px;}
.nav i{display:inline-block;margin:0 8px 2px;width:8px; height:8px; border:1px rgba(255,255,255,.9) solid; border-width:0 0 1px 1px;transition: all ease .3s;
	transform:rotate(-45deg); 
	-ms-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);  
	-o-transform:rotate(-45deg); 
}


.nav{}
.nav li a:hover i{ border-color:#f7f7f7}
.nav li {float:left;text-align:center; position:relative}
.nav li a{display:block;padding:26px 25px; margin:0 10px;color:#fff;font-size:14px;}
.nav li:hover a,.nav li a.hover,.nav li a:hover{color:#fff;background:#d9232a}
.nav li a:hover{color:#fff;background:#d9232a;}
.nav li a.now{color:#fff; background:#d9232a}

.nav li ul.listClass{border-bottom:5px #d9232a solid;position: absolute;left:50%; margin-left:-65px;display:none;background-color:#006ebd; 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{ line-height:30px}
.nav li ul.listClass li a{display:block; background:none;height:45px;line-height:45px;padding:0 20px;width:200px; box-sizing:border-box; margin:0; border-bottom:0; font-size:14px;border-top:1px solid rgba(0,0,0,.05);color:#fff;text-align: left;}
.nav li ul.listClass li a:hover{background-color:#d9232a;color:#fff;text-decoration:none;}
.navbar-toggle{background-color:#fc0; margin-top:57px; border-radius:0}
.navbar-toggle .icon-bar{background:#fff}

.nav li ul.sub4{ width:320px}
	.nav li ul.sub4 li a{width:320px;}
	
	
.navbar-toggle{background-color:#035c9c; margin-top:17px; border-radius:0}
.navbar-toggle .icon-bar{background:#fff}



.navbar{ margin-bottom:0;border:0}
.m-header .topBg{ display: none;opacity: 0;}
.m-header .navbar{ height:72px}
.m-header .navBox{position:fixed; left:0; top:0; width:100%; background:#bf000a; z-index:9999999; box-shadow:0 1px 10px #333}

.m-leftNav{position: fixed;top:0; background:#f7f8f9;z-index:9999999;}

.bgfff{clear:both;background:#fff;padding:20px 0;}
.bgeee{clear:both;background:#f7f8f9;padding:20px 0;}

.aboutClass{ height:40px;float:right}
.aboutClass li{ float:left; margin-left:10px;}
	.aboutClass li a{ background:#949596; color:#fff; padding:5px 15px; border-radius:3px}
		.aboutClass li a:hover{ background:#006ebd}
.aboutBox{ clear:both; font-size:14px}
	.aboutBox p{ text-indent:2em; margin-bottom:10px}

	
.title{ text-align:center;margin:0 0 50px}
	.title span{font-size:28px;color:#474849;position:relative; padding-bottom:10px;}
		.title span:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:#e7e7e7; z-index:1}
		.title span:before{content:"";position:absolute;left:50%; bottom:0; margin-left:-15px; background:#006ebd; z-index:2; width:30px; height:4px;}

.list3 li{margin-bottom:10px; height:250px; overflow:hidden}	
.list3 li div{ text-align:center}	
.list3 li h1{ height:40px; line-height:40px; text-align:center; font-size:14px; overflow:hidden}
.list3 li img{ width:100%}

	
.newsList li{position: relative; margin-bottom:30px;float:left; width:33.333333%}
	.newsList li a{ display:block; padding:10px}
	.newsList li .date{ width:80px; height:80px; background:#006ebd; position:absolute; left:10px; top:10px; text-align:center; color:#fff}
		.newsList li .date i{ display:block; font-size:30px; padding:15px 0 5px; line-height:1}
		.newsList li .date em{ display:block; font-size:12px}
		.newsList li .txt{ margin-left:90px}	
		.newsList li .txt h1{font-size: 16px;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;letter-spacing: normal; height:20px; line-height:20px; overflow: hidden;font-weight:700;margin-bottom: 15px;}
		.newsList li .txt h2{ height:40px; line-height:20px; overflow:hidden}

a.btn_more{clear:both;display:block;height:40px;line-height:40px;text-align:center;overflow:hidden;width:160px;border:2px #006ebd solid;color:#006ebd;margin:30px auto 10px;position:relative;}
	a.btn_more span{position:relative; z-index:1;transition: all ease .3s;}
		a.btn_more:hover span{ color:#fff}
	a.btn_more:after{ content:""; position:absolute; left:0; bottom:0; width:100%;height:0;background:#006ebd;transition: all ease .3s;}
		a.btn_more:hover:after{height:100%;}


/*新闻*/		
.newsBg{height:500px;}
.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;}


.main{overflow:hidden}

.left{width:25%;float:left;padding-top:40px;background:#f7f8f9;padding-bottom:100000px;margin-bottom:-100000px;_padding-bottom:0;_margin-bottom:0; position:relative}
.right{width:75%;float:right;padding-top:40px;padding-bottom:100000px;margin-bottom:-100000px;_padding-bottom:0;_margin-bottom:0; background:#fff}
.leftNav{float:right;text-align:left;width:240px}
.leftTitle{font-size:24px;color:#444;padding-right:30px}
.leftNav dl{margin-top:10px}
.leftNav dt{font-size:14px;font-weight:700;color:#666;height:40px;line-height:40px;padding-left:1.5em;overflow:hidden}
.leftNav dd{height:40px;line-height:40px;border-bottom:1px #efefef solid;overflow:hidden}
.leftNav dd a{display:block;padding-left:3em;font-size:14px; color:#333}
.leftNav dd a:hover,.leftNav dd a.now{background:#006ebd;color:#fff}



.rightCenter{padding-left:50px;width:80%}
	.rightTitle{font-size:24px;color:#444;height:50px;line-height:50px;overflow:hidden;border-bottom:1px #efefef solid;padding-bottom:5px;margin-bottom:10px;}
		.rightTitle span{font-size:12px;float:right;color:#787878}
			.rightTitle span em{margin:0 5px;font-family:SimSun;}
				.rightTitle span a{color:#787878}
	.rightBox{font-size:14px;line-height:1.8;font-size:15px; padding:10px 0; min-height:400px;text-align:justify;text-justify:inter-ideograph;}
	.rightBox p{margin-bottom:20px;}
	.rightBox b.indent{display:block}


/*单页*/
.line{height:70px;line-height:70px;font-size:13px;border-bottom:1px #efefef solid; color:#666}
	.line a{color:#333}
	.line a:hover{color:#014583}
.box{padding:20px 30px 100px 0; font-size:15px}
.box img{
         max-width:800px;
     zoom:expression( function(elm) { 
         if (elm.width>800) { 
             var oldVW = elm.width; elm.width=800; 
             elm.height = elm.height*(800 /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}



.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}
	.newsInfobox h1{font-size:24px; line-height:1.5; margin:20px 0;}
	.newsInfobox .newsTime{border-bottom:2px #dedede solid; padding:20px 0; margin-bottom:20px;}
.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:800px;
     zoom:expression( function(elm) { 
         if (elm.width>800) { 
             var oldVW = elm.width; elm.width=800; 
             elm.height = elm.height*(800 /oldVW);
         }
         elm.style.zoom = '1';
     }(this));
} 


.pageBox{margin:35px auto 30px; padding-top:20px;overflow:hidden;border-top: 2px #dedede solid;}
	.pageBox ul {}
	.pageBox ul li{ text-align:center; width:33%; float:left}

a.upPage,a.nextPage,a.listPage{display:block;background:#efefef;color:#666;height:34px;line-height: 34px; font-size:12px; margin:0 10px}
.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; margin-bottom:20px}
.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:auto;background:#013f7c;color:#fff;padding:20px 0}
	.footerNav{ }
	.footerNav li{ width:100px;float:left}
		.footerNav li a{color:#fff;}
.footerBottom{background:#09345e;color:#6e8fb2;padding:20px 0}
	.footerBottom a{color:#6e8fb2; font-size:14px}

.fm{ display:none}

.dropdown button{ background:#2eabeb; border:0;padding:4px 30px; width:100%;box-sizing:border-box; color:#fff}
.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; float:none; text-align:left}
.nav i{ display:none}
.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{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; border-bottom:0}
.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:100%}
.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; height:72px}
.banner{ height:auto;}
.banner img{ width:100%; height:auto; }	
.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}
.newsBox a{ margin:20px 0; height:auto}
.box{ padding:20px 0}
.mainLeft,.mainRight{margin:0; padding:0}
.padding0{padding:0 15px}
.newslist dt{ 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}
.box img{width: 100%; height: auto}
.projectBox2{ height: auto}
	.tos-slide{ height: auto}
	.banner{margin-top: 0;}
.proRight h1{ height:30px; line-height:30px; overflow:hidden}
.index_projectBox a,.index_projectBox .imgBox,.newsBox .imgBox{ width:auto; height:auto}
.newsBg{ height:auto}
.index_projectBox, .newsBox{width:100%}
.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}
.newsList li{ width:100%}
a.navbar-brand{ width:250px; height:40px; background-size:cover; margin:0}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{ margin:0}
.topBg{ height:72px}
.logo{ padding:12px 0 0}
.aboutClass,.rightTitle span{ display:none}
.left{ display:none}
.right,.rightCenter{ width:100%; float:none}
.right{ padding:0; margin:0}
.rightCenter{ padding:0 15px; min-height:500px}
.rightBox img{ width:100%; height:auto}
.nav li a.now,.nav li ul.listClass li a:hover{ background:none}
.newsListbox{ padding:0 0 20px}
.tel,.footer{ display:none}
.fm{ display:block}
}

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