@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:normal 100 12px "Arial","Microsoft YaHei";color:#232323;line-height:2;}
ul,ol{list-style:none;}
a img{border:none;}
h1,h2,h3,div,li,p{font-size:100%;font-weight:normal;}
a{color:#000;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}
html,body{height:100%;}


.br{display: block;}
.Clear{clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1}

.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}
.f26{font-size:26px}
.f48{font-size:48px}
.mT5{margin-top:5px}
.mT10{margin-top:10px}
.mB10{margin-bottom:10px}
.mT15{margin-top:15px}
.mT20{margin-top:20px}
.mL5{margin-left:5px}
.mL10{margin-left:10px}
.mR5{margin-right:5px}
.mR10{margin-right:10px}
.mTR10{margin:0 10px}
.f_Left{float:left}
.f_Right{float:right}
.p_relative{position:relative}
.f700{font-weight:700}

a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a,a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);
  -moz-tap-highlight-color:rgba(0,0,0,0);
  -o-tap-highlight-color:rgba(0,0,0,0);
  -ms-tap-highlight-color:rgba(0,0,0,0);
  tap-highlight-color:rgba(0,0,0,0);color:#666}


.red{color:#da251c}
a.c666{color:#666}
.c666{color:#666}
a.c444{color:#454545}
a.cfff{color:#fff}


.header{background:#fff;height:140px;overflow:visible}
.logo{width:298px;height:70px;margin:20px 10px; display:block}
.nav{background:#0d55ac; height:50px}
.layui-nav{background-color:#0d55ac}
.layui-nav .layui-nav-item{ line-height:50px}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{ background:#fff}
.layui-nav .layui-this:after{}
.layui-nav .layui-nav-item{ width:10%; text-align:center}
.layui-nav .layui-nav-item a{padding:0}
.layui-nav{ padding:0; position:relative}
.layui-nav li a:after{ content:""; position:absolute; right:0; top:22px; height:6px; width:1px; background:#fff}
.layui-nav .layui-nav-more{ display:none}
.layui-nav .layui-nav-child a:hover{ background:none;color:#0d55ac;}

.layui-nav-child{ width:450px; top:50px; border:0; padding:20px; border-radius:0}
.layui-nav-child dt,.layui-nav-child dd{float:left; width:200px}
.layui-nav-child dt ul{}
.layui-nav-child dt ul li {float:left;width:100px;color:#333;height:32px;line-height:32px;background:none;border:none;margin:0;border:0; text-align:center}
.layui-nav-child dt ul li a {background:none;font-size:12px;font-family:"\5b8b\4f53",Arial;color:#454545;text-align:center;}
.layui-nav-child dt ul li a:hover {color:#0d55ac;}
.layui-nav-child dd{border-left:1px #dedede solid;padding-left:20px;}
.layui-nav-child dd{margin-left:20px;}


.swiper-container-pro{ margin-top:20px}


.banner{clear:both; width:100% }
	.banner img{ width:100%; height:auto}

.bg1{ background:#86a7d0;padding:35px 0;}
.bg2{ background:#195db0;padding:25px 0;}
.bg3{ padding:25px 0; height:200px; background:#f7f8f9}

.indexNewBox{background:#fff;}


.imgBox{ padding:0 0 20px; height:210px; overflow:hidden}
.swiper-container-news{ width:380px; height:210px;overflow:hidden;position:relative}
.swiper-container-news img{ height:210px; width:380px}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:0}

.swiper-container-pro img{ width:auto; height:195px; text-align:center}
.swiper-container-pro-m img{ width:100%; height:195px}

.swiper-container-pro a{ position:relative; display:block; width:100%; height:100%; text-align:center}
.swiper-container-pro a .txt{position: absolute;left:0;top:0;right:0;bottom:0; background:rgba(13,85,172,.9); z-index:9999; opacity:0;transition:all ease-in-out .3s;}
.swiper-container-pro a:hover .txt{ opacity:1}
.swiper-container-pro a .con{ text-align:center; color:#fff; margin-top:40px;}




.mLeft{float:left;width:180px}
.mRight{float:right;width:800px;min-height:500px}

.title{height:30px;line-height:30px;overflow:hidden;color:#0d55ac; margin:0 20px; border-bottom:1px #dedede dashed}
.title em{float:left;font-size:13px; position: relative; padding-left:10px}
.title em:after{ content:""; position:absolute; left:0; top:10px; width:4px; height:10px; background:#0d55ac}
.title a.more{float:right;font-size:12px;color:#999;}
.title a.more:hover{color:#0d55ac}

.link{height:40px;line-height:40px;font-size:12px;color:#999;text-align:right}
.link em{font-family:SimSun;margin:0 10px}


.titleNav{padding:0 20px 50px}
.titleNav ul{}
.titleNav li{height:28px;line-height:28px;cursor:pointer; overflow:hidden;border-bottom:1px #dedede dashed}
.titleNav li span{float:right;}

.tb_{ margin:0 0 20px 0}
.tb_ ul{height:24px;}
.tb_ li{float:left;height: 24px; line-height:24px;padding:0 10px;margin-right:10px;cursor:pointer; color:#fff}
.normaltab     {}
.hovertab      {font-weight:700}

.dis{display:block; overflow:hidden;clear:both}
.undis{display:none;overflow:hidden;clear:both}


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

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

/*单页*/
.line{height:70px;line-height:70px;font-size:13px;border-bottom:1px #efefef solid; color:#666; padding:0 20px;}
.line img{ margin-top:-3px}
	.line a{color:#333}
	.line a:hover{color:#255dcd}
	.line span{float:left; height:70px; display:block; text-align:left}
	.line span h1{font-size:16px;height:40px;line-height:35px;border-bottom:2px #2452ac solid;overflow:hidden; color:#2452ac}
	.line span h2{font-size:16px;height:30px;line-height:40px;overflow:hidden}
	
	
.box{padding:20px 20px 100px; font-size:15px}
.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));
} 

/*新闻列表*/
.newsListbox{ clear:both;padding:20px 20px 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:14px;font-family:GOTHIC_0;}
				.newslist dt .newTxt .time em{ color:#0d55ac}
			.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:#0d55ac; color:#fff}
			.newslist dt a:hover h1{color:#0d55ac}
			.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;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
	.newslist dd .time p{font-size:30px; height:60px;line-height:60px;display:block;padding-right:10px;font-family:GOTHIC_0;color:#255dcd}
	.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:#255dcd}
		.newslist dd a:hover .newsListTxt h2{color:#666}
		.newslist dd a:hover .newsListTxt h3{color:#666}
		.newslist dd a:hover .time{border:4px #255dcd solid}
		
		.newslist dd:after{content:'';display:block; width:0;height:3px;position:absolute;left:0;bottom:-3px;background:#255dcd;transition:all 0.3s ease-in-out;}
		.newslist dd:hover::after{width:100%;}


.ewmBox{ float:left; width:150px;margin-right:10px; text-align:center}


/*新闻正文*/
.newsInfobox{padding:20px 20px 100px}
	.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 20px 100px;overflow:auto}
	.proList li{height:280px; overflow:hidden}
	.proList li h1{font-size:14px;margin-top:10px;height:30px;line-height:30px;font-weight:700;overflow:hidden}

	a.btnPlay{ display:block; width:240px; height:160px; overflow:hidden}
	a.btnPlay:hover .player{background:url(../images/ico.png) -46px -458px no-repeat; }
	
		.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:0 0 0 -23px;top:47px;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; }
	
.newsInfobox .row{ margin-left:0; margin-right:0}


.newsInfobox img{
         max-width:837px;
     zoom:expression( function(elm) { 
         if (elm.width>837) { 
             var oldVW = elm.width; elm.width=837; 
             elm.height = elm.height*(837 /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}
.pageBox{}

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:#0d55ac;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;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:#255dcd ;color:#fff}


.productBox{position:relative; margin:20px 0 0;overflow:hidden; text-align:center}
	.productBox .txt{position:absolute;left:0;bottom:0;right:0;padding:0 20px;height:40px;background:rgba(13,85,172,.9); color:#fff;overflow:hidden;}
		.productBox .txt h1{font-size:14px;height:40px;line-height:40px;overflow:hidden;}
		.productBox img{ width:auto; height:270px;}
			.productBox a:hover .txt h1{color:#fff;background:none}
			.productBox a:hover .txt h2{opacity:1}
			.productBox a:hover .txt h3{opacity:1}
			.productBox a:hover .txt h4{opacity:1}
		.productBox .txt h2{opacity:0;height:20px;line-height:20px;margin-bottom:15px;overflow:hidden;padding-left:20px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
		.productBox .txt h3{opacity:0;font-size:24px;height:40px;line-height:40px;overflow:hidden;padding-left:30px;}
		.productBox .txt h4{opacity:0;font-size:12px;height:30px;line-height:30px;overflow:hiddenpadding-left:30px;}

.navbar-toggle { margin-top:12px;
    position: relative;
    float: right;
    padding: 9px 10px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    border-radius: 0; cursor:pointer;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.navbar-toggle .icon-bar {
    background: #fff;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}









.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;}
			
			

.footNav{float:left;margin-right:0;text-align:left; width:100px}
	.footNav dt{height:40px;line-height:40px; font-weight:700}
		.footNav dt a{color:#333;}
	.footNav dt span{display:block;font-size:14px;float:left}
	.footNav dt em{display:block;border-bottom:2px #dedede solid;float:left;padding:0 5px}
	.footNav dd{height:24px;line-height:24px}
	.footNav dd a{color:#666}
	.footNav dd a:hover{ color:#333}



.footer{clear:both;background:#07449a;padding:20px;color:#fff;font-size:12px;overflow:auto;zoom:1}
.footerMain{width:960px;margin:0 auto;}
.footer a{color:#fff}

.pc_dis{ display:block}
.wap_dis{ display:none}

@media (max-width: 767px){ 
.bg3{ display:none}
.banner{ width:100%; height:auto}
.layui-nav .layui-nav-item{}
.layui-nav li a:after{ display:none}
.layui-nav-child{ width:auto}
.layui-nav-child dd{ margin:0; padding:0; border:0}
.col-none{ display:none}
.box img{ width:100%; max-width:100%; height:auto}
.box p{text-indent:0}
.newslist dt{ height:auto}
.newslist dt .newImg{ width:100px;}
.newslist dt img{ width:100px; height:75px}
.newslist dt .newTxt{ margin-left:120px; padding-right:0}
.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}
.pc_dis{ display:none}
.wap_dis{ display:block}
.pageBox{ display:none}
.swiper-container-pro-m img{ height:auto}
.swiper-container-pro a .txt{ display:none}
.newsInfobox img{ max-width:100%}
.newsInfobox,.newsListbox{ padding:20px 0 20px}
}