@charset "utf-8";
/* CSS Document */

body{
	font-size:12px;
	color:#000;
	margin:0 auto;
	padding:0px;
	font-family:"Arial", "微软雅黑", "Helvetica", "sans-serif";
	font-size:14px;

	}
.t14{ font-size:14px}
img{ border:none}
div,ul,li
{
	color:#000;
	font-size:14px;
	font-family:"Arial", "微软雅黑", "Helvetica", "sans-serif";
	margin:0 auto; 
	padding:0;
	list-style:none
}
.ph{ display:none}
/*定义新型浏览器特性*/
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-button:vertical{display:none}
::-webkit-scrollbar-track:vertical{background:000}
::-webkit-scrollbar-track-piece{background:#f6f6f6}
::-webkit-scrollbar-thumb:vertical{background:#d0d0d0;}
::-webkit-scrollbar-thumb:vertical:hover{background:#3B3B3B}
::-webkit-scrollbar-corner:vertical{background:#535353}
::-webkit-scrollbar-resizer:vertical{background:#FF6E00}


.wryh{font-family:"Microsoft yahei"}
a,a:link,a:visited,a:active {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration:none;
	color: #144ea1;transition: all 0.5s;

}
*{ outline:none}
.clear{ clear:both}
.white,.white a{ color:#fff}
#allw{ width:100%; float:left}
#warp{ width:1400px}
.topmar{ margin-top:77px}
.cl{ clear:both}

#contentarea{ width:100%; float:left; font-size:16px; line-height:34px;}
#contentarea img{ max-width:100%; height:auto; overflow:hidden}
#DispTitle
{
  width: 100%;
  font-size: 24px;
  text-align: center;
  float: left;
  font-family: "Microsoft Yahei", Helvetica, sans-serift;
  font-weight:bold;
  line-height:33px; margin-bottom:15px;


}
#disp{ width:100%; border-bottom:1px dashed #ddd; height:30px; text-align:center; float:left; margin-bottom:20px}
#DispTitles{ width:100%; float:left; text-align:center; font-size:14px; height:40px; line-height:40px; border-bottom:1px solid #ddd; margin-bottom:15px}
	
.page_info{text-align:center;margin-top:10px;color:#333;font-family:"Microsoft Yahei"; margin-bottom:20px}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:36px;line-height:36px;text-align:center;letter-spacing:0;font-family:"Microsoft Yahei";font-size:14px;margin-top:20px;}
.page_list a{display:inline-block;color:#333;border:1px solid #ddd;background:#fff;text-align:center;padding:0 15px;margin:0 6px;border-radius:25px;}
.page_list a:hover{color:#fff;border:1px solid #144ea1;background:#144ea1;}
.page_list a.on{color:#fff;border:1px solid #144ea1;background:#144ea1;}
.text
{
  line-height: 28px;
  border-bottom:1px  dotted #ddd;
  border-top:1px  dotted #ddd;
  padding-bottom:15px;
  float:left; width:100%;
  padding-top:10px
}


.input{ width:90%;outline: none;
    transition: .3s;
    border: none;
    background-color: #8f8f8f;
    padding-left: 8px;
    padding-right: 8px;
	color:#fff;
 font-size: 12px; height:34px; line-height:34px}
 input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #666;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #666;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #666;
}
input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #666;
}


#tabContainer
{
float:left;
margin-left:540px;
margin-bottom:66PX
}

#tabContainer li
{
padding:0;
float: left;
height:40px;
line-height:40px;
font-size:16px;
width:147px;
text-align:center;
cursor:pointer
}
#tabContainer a
{
display: block;
height:40px;
font-size:16px;
margin-left:18px;
border:1px solid #e5e5e5;
border-radius:25px;
background:#e5e5e5
}
#tabContainer a.on
{
display: block;
height:40px;
font-size:16px;
border:1px solid #144ea1;
background:#144ea1;
color:#fff;
border-radius:25px
}

#contentarea{ width:100%; font-size:16px; line-height:32px}
#contentarea img{ max-width:100%; height:auto; overflow:hidden}

var,em{font-style:normal;}
ul,ol{list-style-type:none;}
.slideBox{ width:100%; height:740px;overflow:hidden; position:relative;min-width: 990px;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:47%; bottom:15px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{cursor: pointer; width:3em; height:6px; background:#fff; float:left; margin:0 .5em;}
.slideBox .hd ul li.on{ background:#eb2d26 !important;}
.slideBox .bd{ height:740px; width: 100%; z-index:0;   }
.slideBox .bd ul li{overflow: hidden;width: 100%; height: 740px;position: relative;  }
.slideBox .bd li a{display:block; width: 990px; height: 740px; margin:0 auto; position: relative;}
#dbline{ width:100%; height:20px; border-bottom:1px dashed #ddd; margin-top:20px; float:left; margin-bottom:20px}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }


/*==============分享插=====================*/
.shart_box{ margin-bottom: 15px; height: 36px; font-weight:normal; margin-top:30px; border-top:1px dashed #ddd; padding-top:20px; width:100%; float:left}
#j_shart_s_24 .bds_count{ font-size:12px}
#j_shart_s_24{ padding-left:60px; position:relative;}
#j_shart_s_24 strong{ display:block; position:absolute; left:0; z-index:2; line-height:36px; font-size:12px; color: #a3a0a9; font-weight:normal}
#j_shart_s_24 .bds_qzone{background:url(j_shart.png) center -224px no-repeat}
#j_shart_s_24 .bds_tsina{background:url(j_shart.png) center -311px no-repeat}
#j_shart_s_24 .bds_tqq{background:url(j_shart.png) center -195px no-repeat}
#j_shart_s_24 .bds_renren{background:url(j_shart.png) center -340px no-repeat}
#j_shart_s_24 .bds_weixin{background:url(j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_sqq{background:url(j_shart.png) center -79px no-repeat}
#j_shart_s_24 .bds_fbook{background:url(j_shart.png) center -166px no-repeat}
#j_shart_s_24 .bds_twi{background:url(j_shart.png) center -137px no-repeat}
#j_shart_s_24 .bds_linkedin{background:url(j_shart.png) center -108px no-repeat}
#j_shart_s_24 .bds_tieba{background:url(j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_huaban{background:url(j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_douban{background:url(j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_copy{background:url(j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_print{background:url(j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_mshare{background:url(j_shart.png) center -253px no-repeat}
#j_shart_s_24 .bds_count{font-size:12px}
/*二次添加*/
#tool{ width:100%; height:43px; background:#f5f5f5}
#toolw{ width:1400px; height:43px; line-height:43px; font-size:14px;}
#toolw span{ float:right; font-size:16px}
#toolw span img{ vertical-align:middle; margin-right:8px}
#toolw span strong{ font-weight:normal;font-size:14px}

#headerw{ width:100%; background:#fff; overflow:hidden}
#header{ width:1400px; height:80px; background:#fff;padding-top:36px;}
#zpzx{ background:#f5f5f5; width:100%; padding-top:78px; height:690px; overflow:hidden}
#zpzxt{ width:100%; float:left; text-align:center; height:40px; overflow:hidden}
#zpzxta{ width:100%; float:left; text-align:center; height:64px; line-height:64px; overflow:hidden; font-size:16px; color:#666666}

#gcal{ background:#f5f5f5; width:100%; padding-top:78px; height:900px; overflow:hidden}

#zpzxlist{ width:335px; float:left; height:306px}
#zpzxlista{ width:100%; float:left; height:306px; overflow:hidden; text-align:center; background:#fff}
#zpzxlista img{ width:50%; height:auto; overflow:hidden;transition: all 0.5s;vertical-align:middle}
#zpzxlistb{ width:94%; float:left; height:74px; line-height:74px; font-size:18px; overflow:hidden; background:#e7e7e7; padding-left:3%; padding-right:3%;text-align:center}
#zpzxlist:hover #zpzxlista img{transform: scale(1.1);}
#zpzxlist:hover #zpzxlistb{background:#144ea1; color:#fff}
.imgmid{display:inline-block;*display:inline;*zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle}

#zpzxlistv{ width:290px; float:left;margin-bottom:35px;}
#zpzxlistav{ width:100%; float:left; height:265px; overflow:hidden; text-align:center}
#zpzxlistav img{ width:50%;height:auto; overflow:hidden; vertical-align:middle;transition: all 0.5s;}
#zpzxlistbv{ width:94%; float:left; height:64px; line-height:64px; font-size:16px; overflow:hidden; background:#e7e7e7; padding-left:3%; padding-right:3%;text-align:center}
#zpzxlistv:hover #zpzxlistav img{transform: scale(1.1);}
#zpzxlistv:hover #zpzxlistbv{background:#144ea1; color:#fff}

.zpbmar{ margin-bottom:30px}

.zpmar{ margin-right:20px}
.zpmarv{ margin-right:50px;}

#gywm{ width:100%; background:url(main_16.jpg) top center no-repeat #f5f5f5; height:599px; overflow:hidden; padding-top:115px}
#gywmw{ width:475px; float:left; overflow:hidden}
#gywmw1{ width:100%; float:left; font-size:40px; color:#fff; height:65px}
#gywmw2{ width:100%; float:left; font-size:48px; color:#fff; height:100px; font-family:Arial; text-transform:uppercase}
#gywmw3{ width:100%; float:left; font-size:20px; color:#fff; height:35px;}
#gywmw4{ width:100%; float:left; font-size:14px; color:#fff; height:84px; line-height:28px; overflow:hidden}
#gywmw5 a{ width:198px; float:left; font-size:14px;background:#fff; height:40px; line-height:40px; overflow:hidden; text-align:center; margin-top:45px}
#gywmbg{ width:1334px; height:87px; padding-top:13px; padding-left:66px; background:#fff;-moz-box-shadow:2px 2px 5px #666666; -webkit-box-shadow:2px 2px 5px #666666; box-shadow:2px 2px 5px #666666; float:left; margin-top:117px}

#jj1{ width:506px; float:left}
#jj1a{ width:97px; float:left}
#jj1b{ width:152px; float:left}
#jj1b1{ width:100%; float:left; font-size:24px; height:35px; padding-top:10px}
#jj1b2{ width:100%; float:left; font-size:12px; color:#666666; text-transform:uppercase}

#jj2{ width:487px; float:left}
#jj2a{ width:97px; float:left}
#jj2b{ width:152px; float:left}
#jj2b1{ width:100%; float:left; font-size:24px; height:35px; padding-top:10px}
#jj2b2{ width:100%; float:left; font-size:12px; color:#666666; text-transform:uppercase}

#jj3{ width:318px; float:left}
#jj3a{ width:97px; float:left}
#jj3b{ width:152px; float:left}
#jj3b1{ width:100%; float:left; font-size:24px; height:35px; padding-top:10px}
#jj3b2{ width:100%; float:left; font-size:12px; color:#666666; text-transform:uppercase}


#zyyw{ width:100%; background:#edf4f7; padding-top:77px; overflow:hidden; padding-bottom:77px}
#sytit{ width:100%; float:left; height:130px; text-align:center; overflow:hidden}
.item_box_wp{ width: 1400px; float:left}
.voice_2 { width: 1400px; position: relative;}
.voice_2 ul li { float: left; display: inline; height: 586px; color: #fff; cursor: pointer; position: relative; overflow:hidden}
.voice_2 ul li.li1 { background:url(1.jpg)}
.voice_2 ul li.li2 { background:url(2.jpg)}
.voice_2 ul li.li3 { background:url(3.jpg)}
.voice_2 ul li.li4 { background:url(4.jpg)}

.voice_2 .fold { width: 252px; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px;}
.voice_2 .fold .img { display: block; background: url("img/icon.png") 0 0 no-repeat; margin-bottom: 20px; margin-top: 360px;}
.voice_2 .fold .txt { display: block; width: 200px; font-weight: normal; margin: 0px 28px; line-height: 25px; color:#fff}
.voice_2 .fold .txt span{width:100%; float:left; height:70px; text-align:left}
.voice_2 .fold .txt strong{ font-size: 20px !important; font-weight:normal; width:100%; float:left;text-align:left}
.voice_2 .fold .txt i{ font-size: 12px !important; font-weight:normal; width:100%; float:left; font-style:normal; text-transform:uppercase;text-align:left}
.voice_2 .unfold { width: 560px; height: 100%; display: none; position: absolute; top: 0px; left: 0px; color:#fff}
.voice_2 .unfold dl { margin: 130px 70px 0px 60px;}
.voice_2 .unfold dt { width: 100%; margin-bottom: 30px;}
.voice_2 .unfold dd { font-size: 18px; line-height: 25px; margin:0 auto; color:#fff}
.voice_2 .unfold dd b { font-size: 24px; font-weight: normal;}
.voice_2 .unfold dd b span{font-size: 12px !important; height:80px; width:100%; float:left;text-transform:uppercase}
.voice_2 .unfold dd a { border-radius:25px;font-size: 14px; display: inline-block; color: #333; float:left; width:115px; height:36px; text-align:center; line-height:36px; background:#fff; margin-top:120px}

.voice_2 .unfold dd a:hover{background:#000; color:#fff}

.hsov{width:100%; height:586px; background:rgb(187,47,37,0.8); position:relative; top:0; z-index:1; float:left}
.seotitle{ font-size:14px !important; line-height:30px !important; float:left; width:100%; height:60px !important; overflow:hidden;}

#empty{ width:100%; float:left; height:60px}
#emptya{ width:100%; float:left; height:30px}

#fwlist{ width:417px; float:left; margin-bottom:42px}
#fwlista{ width:417px; float:left; height:283px; overflow:hidden}
#fwlista img{ width:417px;height:283px;transition: all 0.5s;}
#fwlistb{ width:397px; float:left; height:64px; line-height:64px; font-size:16px; background:#f6f6f6; overflow:hidden; padding:0 10px}
#fwlist:hover #fwlistb{background:#bb2e24; color:#fff}
#fwlist:hover #fwlista img{transform: scale(1.1);}
.fwlist{ margin-right:24px}

.zzsc{ width:1400px;float:left}
.zzsc .tab{ overflow:hidden; text-align:center; height:64px}
.zzsc .tab a{ padding-right:32px; padding-left:16px; text-decoration:none; color:#000; font-size:16px}
.zzsc .tab a:hover{  color:#144ea1; text-decoration:none;}
.zzsc .tab a.on{color:#144ea1; text-decoration:none;}
.zzsc .tab strong{ background:url(qhline.jpg) center no-repeat; width:21px; display:inline-block}
.zzsc .content{ overflow:hidden; width:1400px; height:920px; position:relative;}
.zzsc .content ul{ position:absolute; left:0; top:0; height:100px;}
.zzsc .content li{ width:1400px; height:920px; float:left;}
.zzsc .content li p{ padding:10px;}

.more{ width:100%; float:left; text-align:center; padding-top:20px}

#qhline{ background:url(qhline.jpg) right center no-repeat;}

.container05 {
	width:100%;
    height: 820px;
	background:#cc3b31;
	overflow:hidden
	
}

.container05 .left {
	width:50%;
	float:left;
	height: 820px;
	background:url(news.jpg) left center no-repeat #cc3b31

}
.table_cell {
    display: table-cell;
    vertical-align: middle;
}
.container05 .left .box{
width: 650px;
text-align: left;
float: right;
margin-right:90px

}

.container05 .right {
	width:50%;
	float:right;
	background:#f6f6f6;
	height: 820px;

}
.container05 .left .box {
    width: 600px;
    text-align: left;
	float:right
}


.container05 .left  .box .title {
    margin-bottom:120px;
    width: 100%; float:left;
	margin-top:136px
}

.container05 .right{ width:50%}
.container05 .right ul li a{display: table;font-size:0;overflow:hidden;width: 100%;}
.container05 .right ul li a .img{width:50%;display: table-cell; overflow:hidden}
.container05 .right ul li a .img img{ width:100%}
.container05 .right ul li a .con{width:50%;display: table-cell;background: #edf4f7;position:relative;z-index: 100; overflow:hidden}
.container05 .right ul li a .con:before{ content:""; position:absolute; top:0; width:0; right:0; height:100%; background:#ce3e35; transition:0.9s ease}
.container05 .right ul li a .con:after{content:"";position:absolute;right: -20px;border-left:#edf4f7 20px solid;border-top:transparent 17px solid;border-bottom:transparent 17px solid;top: 50%;margin-top: -17px;transition:0.6s;}
.container05 .right ul li:last-child a .con:after{content:"";position:absolute;right: 100%;border-right: #edf4f7 20px solid;border-top:transparent 17px solid;border-bottom:transparent 17px solid;top: 50%;margin-top: -17px;transition:0.6s;border-left: none;}

.container05 .right ul li a .con .table{position:absolute;top:0;bottom:0;left:0;right:0;height: 410px;}
.container05 .right ul li a .con .time{display:inline-block;margin-bottom: 2.5rem; text-align:center; margin-left:42%}
.container05 .right ul li a .con .time h3{font-size:60px;color:#144ea1;font-weight:bold;margin-bottom: 4px; transition:0.9s ease;}

.container05 .right ul li a .con .time h6{font-size:14px;color:#00334e;padding-bottom: 10px;border-bottom:#00334e 1px solid;display: inline-block; transition:0.9s ease}
h4, h5, h6 {
    font-size: 100%; margin:0; padding:0
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}
.container05 .right ul li a .con_li{ padding:0 5%; overflow:hidden; width:72%;}
.container05 .right ul li a .con_li h5{font-size:16px;color:#242424;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;margin-bottom:18px; transition:0.9s ease}
.container05 .right ul li a .con_li p{ font-size:12px; line-height:20px; color:#8b8f91; height:40px; overflow:hidden; margin-bottom:3.375rem; transition:0.9s ease}
.container05 .right ul li a .con_li h3 img{ transition:0.9s ease; overflow:hidden; width:auto;margin-left:44%}
.container05 .right ul li a .con_li h3 .img02{ transform:scaleX(0); width:0}

.container05 .right ul li a:hover .img>img{ transform:scale(1.06);}
.container05 .right ul li a:hover .con:before{ left:0; width:100% }
.container05 .right ul li a:hover .con .time h3{color:#fff;}
.container05 .right ul li a:hover .con .time h6{color:#fff; border-bottom:#fff 1px solid;}
.container05 .right ul li a:hover .con_li h5{ color:#fff;}
.container05 .right ul li a:hover .con_li p{color:#fff;}
.container05 .right ul li a:hover .con_li h3 .img02{ transform:scaleX(1); width:auto}
.container05 .right ul li a:hover .con_li h3 .img01{ transform:scaleX(0); width:0}
.container05 .right ul li a:hover .con:after{border-left:#ce3e35 20px solid;}
.container05 .right ul li:last-child a:hover .con:after{border-right:#ce3e35 20px solid; border-left:none;}
.slow img {
    -moz-transition: all 0.9s ease-in-out;
    -webkit-transition: all 0.9s ease-in-out;
    -o-transition: all 0.9s ease-in-out;
    -ms-transition: all 0.9s ease-in-out;
    transition: all 0.9s ease-in-out;
}


#syxw{ width:100%; float:left; height:72px; margin-bottom:56px}
#syxwl{ width:13%; float:left; height:72px; border-right:1px solid #fff;}
#syxwl strong{ width:100%; float:left;font-size:48px; color:#fff; height:58px}
#syxwl span{ width:100%; float:left;  font-size:14px; color:#fff}

#syxw:hover #syxwl{border-right:1px solid #fed20f;}
#syxw:hover #syxwr strong{color:#fed20f;}

#syxwr{ width:82%; float:right; height:72px; color:#fff}
#syxwr strong{ width:100%; float:left; height:32px; line-height:32px; font-size:16px; color:#fff; font-weight:normal; overflow:hidden; margin-top:-5px; margin-bottom:4px}
#syxwr span{ width:100%; float:left; height:44px; line-height:22px; font-size:12px; color:#fff; overflow:hidden}

.spr,.hh_tab li.on{ display:block; background:url(spr.png) no-repeat}
.hh1_tab li.on{ display:block; background:url(spr.png) no-repeat}
.warrperhd { width:1400px; }
.m_auto{margin:0 auto}
/*lunbo*/
.game_pic_tab{ height:370px; padding:8px 0; overflow:hidden; position:relative; background:url(pic_tab_130219.jpg) no-repeat 2px top;}
.game_pic{position:relative;width:603px;height:370px;overflow: hidden;}
.game_pic img{height:370px; width:628px}
.game_pic_tab .active{filter:alpha(opacity=100); -moz-opacity:1;opacity: 1; }
.game_pic_icon{overflow:hidden;display:block; width:60px; height:63px; position:absolute; text-indent:9999em; top:0px; z-index:9999}
.game_pic_icon_l{ left:0px; background:url(tab_iconrrr.png) no-repeat; z-index:4;width:55px; height:90px; margin-top:150px}
.game_pic_icon_r{ left:1245px; background:url(tab_iconlll.png) no-repeat; z-index:4; width:55px; height:90px; margin-top:150px}
.info-wrapper{ z-index:5}


.custom-btn {
float:left;
  width: 130px;
  height: 40px;
  color: #fff;
  border-radius: 25px;
  font-size: 14px;
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  margin-top:50px
}
.btn-12{
  position: relative;
  border:none;
  box-shadow: none;
  width: 130px;
  height: 40px;
  line-height: 42px;

}
.btn-12 span {
  background: #144ea1;
  color: #fff;
  display: block;
  position: absolute;
  width: 130px;
  height: 40px;
  border-radius: 25px;
  margin:0;
  text-align: center;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.btn-12 span:nth-child(1) {

  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-12 span:nth-child(2) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}
.btn-12:hover span:nth-child(1) {

  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}
.btn-12:hover span:nth-child(2) {
 background: transparent;
  color: transparent;
  box-shadow: none;
  text-shadow: none;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}





/*nav*/
#menu{ }
#nave{float:right;margin-top:14px;}
#nave ul{ display:inline}
#nave li{ float:left; margin-left:42px; font-size:16px}

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.p20{padding:20px;}
.wapper{ width:700px; float:right; margin-top:29px}
.nav{width:700px;position:relative;z-index:10;}

.nav .li{float:left;width:100px;z-index:10;height:54px;border-bottom:3px solid #fff; font-size:16px}
.nav .li:hover{height:54px;border-bottom:3px solid #144ea1;}
.nav_cell{display:block;text-align:center;}
.nav_lev2{background:#fff none repeat;display:none;overflow:hidden;position:absolute;right:0;top:58px;width:600px;}
.nav_lev2_6{width:655px;}
.navtoplev1{right:-1px;}
.nav_lev2 .shadow{bottom:auto;top:0;}
.percent30{width:32%;}
.nav_menu{background:#144ea1;margin-bottom:-9999px;padding-bottom:9999px;}
.nav_menu li{border-bottom:1px solid #fff;height:42px;line-height:42px;overflow:hidden;font-size:13px;}
.nav_menu li a{ color:#fff}
.percent70{width:68%;}
.nav_lev2 .cont{padding:30px 35px 35px; float:left}
.nav_lev2 .cont p{font-size:12px;}
.picshow{width:45%;height:180px; float:left}
.nav_lev2 .t{color:#333;font-size:14px;font-weight:bold;margin-top:0.5em;}
.nav_block{bottom:0;height:4px;left:0;overflow:hidden;width:100%;z-index:-1;}
.nav_line{bottom:0;height:4px;left:0;overflow:hidden;width:100%;}
.nav .hover .nav_lev2{display:block;}
.picshow img{ width:380px; height:180px}

#jj{ width:100%; background:url(b.png) left center no-repeat #000000; height:626px; overflow:hidden}
#jjr{ width:583px; float:right; margin-top:123px; overflow:hidden}

#jjr strong{ width:100%; float:left; font-size:36px; color:#fff; height:65px}
#jjr span{ width:99.2%; float:left; font-size:25px; color:#e60012; height:55px; padding-left:0.8%}
#jjr i{ width:100%; float:left; font-size:15px; color:#fff; height:128px; line-height:32px; overflow:hidden; font-style:normal; margin-bottom:55px}
#jjr a{ border-radius:25px;font-size: 14px; display: inline-block; color: #fff; float:left; width:115px; height:36px; text-align:center; line-height:36px; background:#bb2e24;}
#jjr a:hover{  background:#fff; color:#bb2e24}
#fline{ width:100%; height:40px; border-bottom:1px solid #ddd}


#foot{ width:100%;background:#1d2838; overflow:hidden}
#footw{ width:1400px; padding-top:45px; overflow:hidden; padding-bottom:45px}
#footwl{ width:570px; float:left;border-right:1px solid #2f3948; font-size:14px; color:#fff; line-height:30px; margin-right:108px}
#footwl img{float:left; margin-bottom:20px}

#footwm{ width:444px; float:left;border-right:1px solid #2f3948; margin-right:81px}

#footmenu{ width:100%; text-align:center; font-size:16px; height:64px; line-height:64px; border-bottom:1px solid #2f3948;}
#footmenu a{ color:#fff; padding:0 15px}
#footerr{ float:right; width:125px; text-align:center; font-size:14px; line-height:25px; margin-top:5px; color:#fff}
#footerr img{width:125px; height:125px;}
#copy{ width:100%; background:#1a2432; height:66px;}
#copyw{ width:1400px; height:66px; line-height:66px; color:#fff; font-size:14px}
#copyw span{ float:right}
#copyw a{color:#fff;}



#xwnylist{ width:100%; float:left; margin-bottom:50px; border-bottom:1px solid #DDD; padding-bottom:40px; overflow:hidden}
#xwnylistl{ width:350px; float:left; height:210px}
#xwnylistl img{ width:350px; float:left; height:210px}
#xwnylistr{ width:920px; float:right; height:210px}
#xwnylistr1{ width:100%; float:left; height:40px; line-height:40px; font-size:18px; overflow:hidden}
#xwnylistr2{ width:100%; float:left; height:24px; line-height:24px; font-size:14px; overflow:hidden; margin-top:8px; margin-bottom:10px}
#xwnylistr3{ width:100%; float:left; height:48px; line-height:24px; font-size:14px; overflow:hidden; color:#666; margin-bottom:20px}
#xwnylistr4{    display: block; 
    font-style: normal;
    width: 99px;
    height: 30px;
    line-height: 30px;
    color: #ffffff;
    background: #b3b3b3;
    border-radius: 20px;
    text-align: center;
	float:left}
#xwnylist:hover #xwnylistr4{background: #144ea1;}

.xwlistmar{ margin-right:50px}


#dqlm{ width:100%; float:left;color:#fff; font-size:40px; margin-top:210px; height:80px}
#dqwz{ width:100%; float:left; color:#fff; font-size:13px; }
#dqwz a{color:#fff}
#ejbg{ width:100%; height:80px; background:#144ea1}
#ejbgw{ width:1400px; height:80px; line-height:80px;}
#nydh a{ float:left; padding-left:30px; padding-right:30px; font-size:15px; line-height:80px; color:#fff}
#nydha a{ float:left; padding-left:30px; padding-right:30px; font-size:15px; line-height:80px; color:#fff}

.nybanfg {
    content: "";
	float:left;
    width: 1px;
    height: 15px;
    display: block;
    background: #ccc;
    margin-top: 34px;

}
.bodybg{ background:#f2f4f6}
#warpa{ width:1320px; min-height:500px; overflow:hidden; padding:40px;background:#fff}
#aboutTitle
{
  width: 100%;
  font-size: 28px;
  text-align: center;
  float: left;
  font-family: "Microsoft Yahei", Helvetica, sans-serift;
  font-weight:normal;
   margin-bottom:40px;
   height:56px;
   border-bottom:1px solid #ddd
}

#newslist{ width:100%; float:left; height:140px; border-bottom:1px solid #ddd; margin-bottom:45px;transition: all 0.3s;}
#newslistr{ width:165px; float:right; height:110px;}
#newslistr img{ width:165px;height:110px;}
#newslistl{ width:100px; float:left; height:140px; margin-left:30px}
#newslistl1{ width:100px; float:left; height:54px; font-size:24px; color:#999}
#newslistl2{ width:40px; float:left; height:30px; font-size:24px; text-align:center; background:url(jt.jpg) center no-repeat; border:1px solid #fff}
#newslistm{ width:40px; float:left; height:13px; margin-left:20px; margin-right:20px; border-bottom:1px solid #666; margin-bottom:50px}
#newslist:hover #newslistl2{border:1px solid #144ea1;transition: all 0.3s; background:url(jta.jpg) center no-repeat #144ea1}
#newslisto{ width:877px; float:left; height:140px; margin-top:-5px}
#newslisto1{ width:100%; float:left; height:40px; line-height:40px; font-size:16px; font-weight:bold; color:#000; overflow:hidden}
#newslisto2{ width:100%; float:left; height:60px; line-height:30px; font-size:14px;  color:#999; overflow:hidden}
#newslist:hover #newslisto1{ color:#144ea1}

#zzry{ width:282px; float:left; margin-bottom:35px}
#zzry1{ width:100%; height:220px; float:left;}
#zzry1 img{ width:100%; height:220px;}
#zzry2{ width:96%; height:50px; line-height:50px; float:left; padding-left:2%; padding-right:2%; overflow:hidden; background:#144ea1; text-align:center; color:#fff}
.zzmar{ margin-right:55px}




/*online qq*/

.izl-rmenu {position: fixed;right: 1rem;width: 62px;bottom: 30%;z-index: 999999;}
.izl-rmenu .btn{float: left;width: 62px;height: 62px;cursor:pointer;position:relative;margin: -0.5px 0;border: #e5e5e5 1px solid;}
.izl-rmenu .btn-qq{background: #0db493 url(r_qq.png) center no-repeat;}
.izl-rmenu .btn-wx{background: #fff url(r_wx.png) center no-repeat;}
.izl-rmenu .btn-wx .pic{position:absolute;left: -101px;top: 0px;display:none;width: 100px;height: 100px;border: #e5e5e5 4px solid;}
.pic img{ width:92px !important}
.izl-rmenu .btn-phone{background:#fff url(r_phone.png) center no-repeat;border-top-left-radius: 10px;border-top-right-radius: 10px;}

.btn.btn-phone {}
.izl-rmenu .btn-phone .phone{background-color: #fff;position:absolute;width: 174px;left: -187px;top:0px;line-height: 62px;height: 62px;color: #bb2f25;font-size: 22px;text-align:center;display:block !important;transition: 0.6s;opacity: 0;border: #e5e5e5 1px solid;}
.izl-rmenu .btn-phone .phone:before{content:"";position:absolute;width:10px;height:10px;top:50%;margin-top: -7px;right:-5px;background:#fff;transform:rotate(45deg);}
.izl-rmenu .btn-phone:hover .phone{opacity: 1;}
.izl-rmenu .btn-top{background: #fff url(r_top.png) center no-repeat;display:none;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.izl-rmenu .btn-local{display:inline-block;background: #fff url(r_local.png) center no-repeat;}
/*online qq*/

.boxa{ height:380px; width:100%; float:left} 
#goleft {width: 100%;height: 380px;overflow: hidden;float:left;} 
#goleft #gols {width: 33100px;} 
#goleft1, #goleft2 {width: auto;float: left;}

.boxq{ height:380px; width:100%; float:left} 
#goleftq{width: 100%;height: 380px;overflow: hidden;float:left;} 
#goleftq #gols {width: 33100px;} 
#goleftq1, #goleftq2 {width: auto;float: left;}

#fwcplist5{ width:100%; margin-top:35px; float:left}
#fwcplist5 span a{ width:200px; float:left; height:48px; line-height:48px; border:1px solid #ccc; color:#666; background:#fff; font-size:16px; text-align:center;margin-left:600px}
#fwcplist5 span a:hover{background:#144ea1;border:1px solid #144ea1;transition: all 0.5s; color:#fff}
.colmar{ margin-right:19px}
.col-md-4 {
    width:454px; height:295px; float:left; margin-bottom:16px; overflow:hidden
}

.box{
	background: linear-gradient(#2157a3,#4188ec);
	font-family: 'Merriweather Sans', sans-serif;
	position: relative;
	overflow: hidden;
}
.box:before{
	content: "";
	
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	transition: all 0.5s;
}
.box:hover:before{ opacity:1; }
.box img{
width:100%; height:295px;
	transition: all 0.5s ease;
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.box:hover img{
	opacity: 0.5;
	-webkit-clip-path: polygon(50% 0, 99% 50%, 50% 99%, 0 50%);
	clip-path: polygon(50% 0, 99% 50%, 50% 99%, 0 50%);
}
.box .box-content{
	color: #fff;
	text-align: center;
	width: 100%;
	opacity: 0;
	transform: translateX(-50%) translateY(-50%) rotate(-55deg);
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transition: all 0.5s;
}
.box:hover .box-content{
	opacity: 1;
	transform: translateX(-50%) translateY(-50%) rotate(0deg);
}
.box .title{
	font-size: 25px;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 0 0 5px #000;
	margin: 0 0 3px 0;
}
.box .post{
	font-size: 16px;
	text-shadow: 0 0 5px #000;
	text-transform: capitalize;
	display: block;
}
.box .icon{
	padding: 0;
	margin: 0;
	list-style: none;
	opacity: 0;
	transform: rotateX(180deg);
	position: absolute;
	right: 10px;
	top: 10px;
	transition: all 0.3s;
}
.box:hover .icon{
	opacity: 1;
	transform: rotate(0);
}
.box .icon li a{
	color: #4A00E0;
	background-color: #fff;
	font-size: 17px;
	text-align: center;
	line-height: 30px;
	width: 30px;
	height: 30px;
	margin: 0 0 7px;
	border-radius: 50%;
	display: block;
	transition: all .5s;
}
.box .icon li  a:hover{
	color: #8E2DE2;
	box-shadow: 0 0 15px #fff;
}
@media only screen and (max-width:990px){
	.box { margin: 0 0 30px; }
}
@media only screen and (max-width:479px){
	.box .title{ font-size: 20px; }
}

#sbzs{ width:100%; background:url(main_22.jpg) center no-repeat; height:300px; overflow:hidden}
#sbzsw{ width:1400px; overflow:hidden}
#sbzsw strong{ width:100%; text-align:right; color:#fff; font-size:35px; padding-top:75px; height:58px; float:left}
#sbzsw span{ width:100%; text-align:right; color:#fff; font-size:18px; height:55px;float:left}
#sbzsw a{ width:150px; border:1px solid #fff;color:#fff; font-size:14px; height:42px; line-height:42px; text-align:center; float:right}
#sbzsw a:hover{ width:150px; border:1px solid #ff9c00;color:#fff; background:#ff9c00; font-size:14px; height:42px; line-height:42px; text-align:center; float:right}

#xwdt{ width:1400px; padding-top:83px; overflow:hidden}
#xwdtl{ width:626px; float:left}
#xwdtr{ width:722px; float:right}

#xwdtl1{ width:100%; float:left; height:398px}
#xwdtl1 img{ width:100%; float:left; height:398px}
#xwdtl2{ width:566px; float:left; height:112px; background:#f5f5f5; padding:33px 30px 0 30px}
#xwdtl2a{ width:340px; float:left; padding-right:38px; border-right:1px solid #ccc; margin-right:30px}
#xwdtl2a1{ width:100%; float:left; height:35px; line-height:35px; font-size:20px; overflow:hidden; font-weight:bold; margin-bottom:4px}
#xwdtl2a2{ width:100%; float:left; height:46px; line-height:23px; font-size:14px; overflow:hidden; color:#666}

#xwdtl2b{ width:115px; float:left;}
#xwdtl2b1{ width:100%; float:left; line-height:48px; font-size:32px; color:#999}
#xwdtl2b2{ width:100%; float:left;font-size:16px; color:#999}

#xwdtl2c{ width:37px; float:right; padding-top:20px}

#xwdtl:hover  #xwdtl2a1{ color:#144ea1}

#dtlist{ width:666px; border:1px solid #ddd; height:120px; padding:40px 24px 0 30px; float:left}
#dtlistl{ width:490px; float:left}
#dtlistl strong{ width:100%; float:left; font-size:16px; height:30px; line-height:30px; overflow:hidden; font-weight:normal; margin-bottom:6px}
#dtlistl span{ width:100%; float:left; font-size:14px; height:50px; line-height:25px; overflow:hidden; color:#666}
#dtlistr{ width:100px; float:right}
#dtlistr strong{ width:100%; float:left; line-height:48px; font-size:32px; color:#999; font-weight:normal; margin-top:6px}
#dtlistr span{ width:100%; float:left;font-size:16px; color:#999}
.dtlistmar{ margin-bottom:28px}
#dtlist:hover{border:1px solid #144ea1;transition: all 0.5s;}
#dtlist:hover #dtlistr strong,#dtlist:hover #dtlistr span{ color:#144ea1}