@charset "utf-8";

.navibox { background:#f8f8f8; line-height:60px; color:#3f3f3f; font-size:17px; }
.navibox a { color:#9c9c9c; }
.navibox a:hover { color:#3f3f3f; }
.navibox span { margin:0 6px; font-size:14px; color:#898989; }

.perbox { overflow:hidden; background: url(obg1.jpg) center bottom repeat-x; padding-bottom:60px; padding-top:38px; }
.perbox1 { overflow:hidden; }
.perbox1_l { overflow:hidden; width:424px; }
.perbox1_l img { display:block; width:424px; height:303px; }
.perbox1_r { overflow:hidden; padding-left:60px; }
.perbox1_r_p1 { font-size:17px; line-height:22px; color:#6e6e6e; padding-bottom:10px; padding-top:0px }
.perbox1_r_p2 { font-size:30px; line-height:40px; color:#333333; font-weight:bold; border-bottom:1px #e6e6e6 solid; padding-bottom:18px; margin-bottom:22px; }
.perbox1_r_p2 a { color:#333333; }
.perbox1_r_span { display:block; overflow:hidden; }
#sorh{display:none}
.perboxyang{font-size:17px;line-height:28px;padding-top:6px;padding-bottom:8px;color:#333;overflow:hidden}
.perboxyang h6{float:left;padding:10px 20px 20px 0}
.perboxyang h6 img{padding:0;display:block;float:none}
.perboxyang b{font-size:22px;line-height:38px;display:block;padding-bottom:10px}
.perboxyang p{padding-bottom:28px}
.perbox2 { overflow:hidden;margin-right:40px }
dl.marnone{margin-right:0}
.perbox9 table{margin-bottom:16px}
.perbox9 table p{padding:0}
.perabout table{margin:0 auto}
.perbox2 dt { width:44px; }
.perbox2 dt img { display:block; width:32px; margin-top:2px; }
.perbox2 dd { color:#515151; font-size:15px; line-height:20px; margin-right:25px; }
.perbox2 dd.dates { padding-right:40px; background:url(prejt.png) right center no-repeat; cursor:pointer; }
.perbox2 dd.dates.now{background:url(prejta.png) right center no-repeat;}

.perbox2 dd p { color:#333333; font-size:17px; font-weight:bold; }
.perbox2 div { position:absolute; background:url(pambgjb.png) repeat-x bottom; padding:8px 80px 20px 20px;  margin-top:40px; line-height:26px; font-size:14px; margin-left:25px; *margin-left:-200px; *margin-top:20px; display:none;z-index: 1000;}
.perbox2 div a { display:block; color:#666666; }

.perbox3 { display:block; width:224px; height:57px; border:1px #d3bc7d solid; line-height:57px; color:#cba242; background:url(obg4.png) 200px -80px no-repeat; font-size:20px; margin:40px 0px 0px 5px;position:relative ;padding-left:43px}
.perbox3 a.tolink{color:#cba242;display:block;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1000}
.perbox3 a.tpbox{display:block;float:left;color:#cba242}
.perbox3:hover{background:url(obg4.png) 200px -80px no-repeat #eeeeee;}
.perbox3 td { vertical-align:top; }
.perbox3 table{display:block;position:relative;width:182px;height:57px;z-index:100}
.perbox3_img1 img { width:23px; margin:16px 10px 0px 0px; display:block; }
.perbox3_img2 img { width:10px; margin:20px 0px 0px 50px; display:block; }

.perbox4 { padding-top:48px; overflow:hidden; }
.perbox5 { overflow:hidden; }
.perbox5_l { overflow:hidden; width:66%;margin-top:12px;padding-bottom:36px }
.perbox5_r { overflow:hidden; width:31%;margin-bottom:10px }

      .perbox5_l_slider{width:850px;height:360px;overflow:hidden;}
	  .perbox5_l_sliderL{width:635px;height:360px;float:left;background:#eee;overflow:hidden;}
	  .perbox5_l_sliderL img{width:635px;height:360px;display:none;}
	  .perbox5_l_sliderR{width:208px;height:360px;float:right;overflow:hidden;position:relative;}
	  .perbox5_l_sliderR ul{overflow:hidden;position:absolute;top:0px;left:0px;}
	  .perbox5_l_sliderR ul li{overflow:hidden;width:208px;height:116px;margin-bottom:6px;background:#eee;cursor:pointer; position:relative;}/*透明度在index.js调整*/
	  .perbox5_l_sliderR ul li .sj{width:208px;height:116px;position:absolute;top:0px;left:0px;z-index:10;display:block;}
	  .perbox5_l_sliderR ul li.now{}
	  .perbox5_l_sliderR ul li img{width:208px;height:116px;}
	  .perbox5_l_sliderR .prev{width:60px;height:24px;background:url(perbox5_l_slider_ld_03.png) no-repeat;cursor:pointer;position:absolute;
	  	left:50%;margin-left:-30px;z-index:100;}
	  .perbox5_l_sliderR .next{width:60px;height:24px;background:url(perbox5_l_slider_ld_11.png) no-repeat;cursor:pointer;position:absolute; bottom:0;
	  	left:50%;margin-left:-30px;z-index:100;}

.perbox6 { margin-bottom:60px; overflow:hidden;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  }
.perbox6 ul li{text-align:left;}


.perbox7 { overflow:hidden; border-left:0px; margin-bottom:25px; }
.perbox7 li { float:left; display:inline; width:12.5%; }
.perbox7 li p { height:56px; line-height:56px; border-right:1px #e5e5e5 solid;border-top:1px #e5e5e5 solid;border-bottom:1px #e5e5e5 solid ;color:#333333; font-size:18px; text-align:center; cursor:pointer; font-weight:bold; }

.perbox7 li.hover p { background:#0078c9; color:#FFF;   }
.perbox7 li:hover p { background:#0078c9; color:#FFF;   }

.perbox8 { overflow:hidden; line-height:60px; font-size:30px; color:#333333; font-weight:bold; text-align:left; margin-bottom:22px; }
.perbox8 p { width:40px; ine-height:0px; height:2px; background:#000; overflow:hidden; padding-bottom:28px}
.perbox8 p.npd,.perbox9 p.npd{padding-bottom:0}
div.perboxbox p{padding-bottom:0}
.percon p{padding-bottom:28px}
.perbox9 { overflow:hidden; line-height:28px; font-size:17px; color:#333333; padding-bottom:6px;}
.perbox9 p { padding-bottom:24px; text-justify:inter-ideograph; }
/*.perbox9 em { line-height:50px; font-size:18px; color:#4c4c4c; font-style:normal; font-weight:bold; }*/
.perbox9 ol { line-height:0px; overflow:hidden; height:1px; background:#e6e6e6; margin:20px 0 50px 0; }

.perbox10 { overflow:hidden; /*margin-bottom:34px;*/ }
.perbox10 dt { float:left; display:inline; width:170px; height:200px; margin-right:20px; overflow:hidden; }
.perbox10 dt img { display:block; width:100%; }
.perbox10 dd { overflow:hidden; }
.perbox10 dd td { height:200px; font-size:17px; color:#333333; line-height:28px; }
.perbox10 dd td a { font-size:26px; line-height:34px; color:#4c4c4c; display:block; padding-bottom:12px; }
.perbox10 dd td a b { margin-right:10px; }
p.npd{padding-bottom:0}
.perbox11 { font-size:30px; color:#052557; overflow:hidden; font-weight:bold; line-height:60px; text-transform:uppercase; padding-top:14px}
.perbox12 { line-height:22px; font-size:16px; color:#999999; padding-bottom:20px; }
.perbox12 b { font-size:20px; line-height:24px; display:block; color:#4c4c4c; padding-bottom:9px;  }
.perbox13 { line-height:30px; width:154px; border:1px #0078c9 solid; color:#0078c9; font-size:14px; text-align:center; cursor:pointer; }
.perbox14 { font-size:17px; line-height:22px; color:#333; border-top:1px #f2f2f2 solid; margin-top:20px; padding-top:14px; padding-bottom:44px }
.perbox15 { margin-right:15px; position:relative; margin-bottom:45px; overflow:hidden; background:#039 }
.mallike{width:79%;overflow:hidden}
.perbox15 a > img { display:block; width:100%; height:100%;}
.perbox15 dt { position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;}
.perbox15 dt img { display:block; width:100%; height:100%;}
.perbox15 dd { position:absolute; left:20px; right:20px; bottom:15px; line-height:28px; font-size:20px; color:#fff; z-index:9999; font-weight:bold; overflow:hidden; }
.perbox15 dd p { font-size:12px; line-height:20px; padding-top:6px; font-weight:lighter }
.perbox15 dd p span { margin:0 12px; filter:Alpha(Opacity=50);opacity:0.5; font-size:16px;}
.perbox16 { display:block; line-height:50px; height:50px; border-bottom:1px #e1e0dd dotted; font-size:15px; color:#333333; }
.perbox16 i { font-size:14px; width:7px; height:11px; background:url(obg6.png) top left no-repeat; filter:Alpha(Opacity=50);opacity:0.5; margin-top:19px; }
.perbox17 { height:44px; line-height:44px; /*overflow:hidden;*/ border:1px #e5e5e5 solid; margin-top:10px; background:url(obg7.png) center top no-repeat; cursor:pointer;
	font-size:16px;color:#0148ba;text-align:center;}

.perbox18 { overflow:hidden; }
.perbox18 a.dbox { width:20%; height:auto; color:#4c4c4c;padding-bottom:10px;display:block;float:left}
/*.perbox18 div a{font-size:inherit;display:inline;float:none}*/
.perbox18 .blockone {width:20%;height: auto;color:#4c4c4c;padding-bottom:10px;display:block;float:left}
.perbox18 a div {/* height:210px; */overflow:hidden;}
.perbox18 a p { margin-right:20px;  line-height:18px; font-size:14px; overflow:hidden; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; }

.perbox18 a p img { width:100%; display:block; }
.perbox18 a p:hover { padding:5px; border:1px #e6e6e6 solid; }
.perbox18 a b {display:block;font-size:18px;line-height:22px;margin-right:20px;text-align:center;min-height:44px;margin-top: 10px;}
.perbox18 .blockone b{display:block;font-size:18px;line-height:22px;margin-right:20px;text-align:center;min-height:44px;margin-top: 10px;}
.perbox18 .blockone p {margin-right:20px}
.perbox18 .blockone p img{width:100%}
.perbox18 a i.titlebox { display:block; font-size:14px; line-height:18px; margin-right:20px; text-align:center; font-style:normal; }
.perbox18 .blockone i{display:block;font-size:14px;line-height:18px;margin-right:20px;text-align:center;font-style:normal;height: 36px;}
.newstitle { display:block; line-height:50px; height:50px; border-bottom:1px #e1e0dd dotted; font-size:15px; color:#333333; }
.newstitle i{ display:inline;line-height:50px;font-size:15px; color:#333333; }
.comingsoon{font-size:17px;line-height:28px;color:#333;padding:15px 0 15px 0;}
.comingsoon a{color:#176bcb;}
.comingsoon a:hover{color:#fbb242;}

/*pc slider*/
.syFocusThumb IMG { VERTICAL-ALIGN: top; }
.syFocusThumb .prev {
	BACKGROUND:url(obg8.png) center 35px no-repeat;  }
.syFocusThumb .next {
	BACKGROUND:url(obg8.png) center -120px no-repeat; }
.syFocusThumb {	POSITION: relative;  OVERFLOW: hidden; }
.syFocusThumb .pagination { position:relative; TEXT-ALIGN: left; width:100%; COLOR: #fff; CLEAR: both;  }
.syFocusThumb .pagination IMG { margin-top:8px;}
.syFocusThumb .thumbWrap { position:relative;  WIDTH: 100%; OVERFLOW: hidden;  }
.syFocusThumb .thumbWrap IMG {	-MS-INTERPOLATION-MODE: bicubic;  }
.syFocusThumb .holder {	WIDTH: 4000px }
.syFocusThumb .holder I { CURSOR: pointer;  }
.syFocusThumb .prev {POSITION: absolute; WIDTH:40px;  HEIGHT:130px; TOP: 0px; CURSOR: pointer; LEFT:0px; z-index:9999}
.syFocusThumb .next {POSITION: absolute; WIDTH:40px;  HEIGHT:130px; TOP: 0px; CURSOR: pointer; LEFT:0px; z-index:9999}

.syFocusThumb .next { RIGHT:0px; LEFT: auto }
.syFocusThumb .pagination I.selected div { filter:Alpha(Opacity=100);opacity:1;}
.syFocusThumb .pagination I div{ width:188px; filter:Alpha(Opacity=20);opacity:0.2;}
.syFocusThumb .contentdiv {	 }
.syFocusThumb .toc IMG { WIDTH:180px; height:100px; display:inline-block; }
.contentdiv img { width:100%;}





/*pc 1200-1600*/
@media screen and (max-width:1560px){ 
.perbox { padding-bottom:50px; padding-top:30px;  }
.perbox1_r_p1 { font-size:15px; padding:15px 10px 10px; }
.perbox1_r_p2 { font-size:26px; line-height:30px; padding:0px 10px 20px; margin-bottom:20px; }
.perbox3 { margin:40px 10px 20px; }

.perbox4 { padding-top:40px; }
.perbox6 { margin-bottom:40px;  }
.perbox7 li p { font-size:16px; height:52px; line-height:52px }
.perbox8 { line-height:60px; font-size:28px; margin-bottom:32px; }
  }
  
  
/*pc 1200-1400*/
@media screen and (max-width:1400px){ 
.perbox1_l { overflow:hidden; width:400px; }
.perbox1_l img { display:block; width:400px; height:286px; }
.perbox1_r { overflow:hidden; padding-left:30px; }
.perbox2 dt { width:38px; }
.perbox2 dd { font-size:12px; line-height:20px; margin-right:15px; }
.perbox2 dd p { font-size:14px; }
.perbox2 dd.dates { padding-right:26px; font-size:12px; }
.perbox2 div { font-size:12px; line-height:25px;  }

.perbox18 a div { height:190px; overflow:hidden; }
  }
  

/*pc 1200-1300*/
@media screen and (max-width:1300px){ 
.perbox1_r_p2 { font-size:22px; line-height:26px; padding:0px 10px 20px; margin-bottom:20px; }
.perbox18 a div { height:170px; overflow:hidden; }
  }


/*ipad*/
@media screen and (width:1024px){  


  }


/*mobile screen 992 */
@media screen and (max-width:992px){
.perabout img{width:100%}
.perbox3{text-align:center}
.perbox3 a.tpbox{display:inline-block;float:none;color:#cba242;height:30px} 
.perboxyang{font-size:14px;line-height:22px}
.perboxyang h6{display:block;text-align:center;padding:0 0 14px 0;float:none}
.perboxyang h6 img{width:auto}
.perboxyang img{width:100%}
.perboxyang b{font-size:22px;line-height:32px;text-align:center;display:block}
.perboxyang p{font-size:14px;line-height:22px;padding-bottom:22px}
div.perboxbox p{padding-bottom:0}
.percon p{padding-bottom:18px}
.perbox8 p{padding-bottom:18px}
.perbox9 p{padding-bottom:18px}
.perbox { background: url(obg1a.jpg) center bottom repeat-x; background-size:100% 407px; padding-bottom:30px; padding-top:0px; }
.perbox1_l { width:auto; }
.perbox1_l img { width:100%; height:auto; }
.perbox1_r { width:auto; padding-left:0px; }
.perbox1_r_p1 { font-size:16px; padding:25px 10px 14px; }
.perbox1_r_p2 { font-size:24px; line-height:28px; padding:0px 10px 20px; margin-bottom:22px; }

.perbox2 { margin-bottom:22px; margin-left:10px;margin-right:0 }
.perbox2 dt { width:44px; }
.perbox2 dd { font-size:14px; line-height:18px; overflow:hidden; width:80%; margin-right:0; padding:0; }
.perbox2 dd.dates { padding-right:0px; background-position:right 16px  }
.perbox2 dd p { font-size:16px; }
.perbox2 div { position: relative; background:none; padding:8px 0px 10px 44px;  margin-top:40px; line-height:26px; font-size:14px; margin-left:0px; *margin-left:0px; *margin-top:0px; *padding-left:0px }
.perbox2 div a { display:block; color:#666666; }

.perbox3 { width:auto; height:46px; line-height:46px; font-size:20px; margin:0px 10px 0px; }
.perbox3:hover{background:none}
.perbox3_img1 img { width:23px; margin:11px 10px 0px 0px; }
.perbox3_img2 img { width:10px; margin:15px 0px 0px 58px; }
.perbox4 { padding-top:0px; }
.perbox5_l { width:auto;padding-bottom:0 }
.perbox5_r { width:auto;margin-bottom:0 }

.perbox6 { background:#fafafa; margin-bottom:15px; padding-top:30px; border-left:10px #fafafa solid;  border-right:10px #fafafa solid; overflow:hidden; position:relative; }
.perbox6 ul li { text-align:center; font-size:12px; line-height:18px; overflow:hidden; }
.perbox6 ul img { width:100%; }
.perbox6mp table { margin:0 auto; }
.perbox6mp .pagination2 { margin:15px 0; height:30px; }
.perbox6mp .pagination2 .swiper-pagination-switch {width:22px; height:22px; float:left; display:inline-block; background-image:url(bannerbg3.png); background-position:center -60px; background-repeat:no-repeat; cursor:pointer }
.perbox6mp .pagination2 .swiper-active-switch {background-position:center -20px;}
.perbox6mp .pagination2 table { margin:0 auto; }
.perbox6mp .pagination2 a{ width:22px; height:22px; display:inline-block; float:left; background-image:url(bannerbg3.png); background-position:center -60px; background-repeat:no-repeat; cursor:pointer }
.perbox6mp .pagination2 a.active{background-position:center -20px;}


.perbox8 { line-height:50px; font-size:18px; margin-bottom:0px; border-bottom:1px #e6e6e6 solid; padding-left:10px; position:relative; text-transform:uppercase; }
.perbox8 p { right:10px; top:20px; position:absolute; width:15px; height:9px; background:none; background-image:url(obg5.png); background-position:0 0; background-repeat:no-repeat;}
.perbox8.now { border-bottom:0; margin-bottom:8px;}
.perbox8.now p { background-position:0 -19px; }

.perbox9 { line-height:22px; font-size:14px; padding:0px 10px; display:none}
.perbox9 p { padding-bottom:20px; }
.perbox9 em { line-height:inherit; font-size:inherit; }

.perbox10 {/* margin-bottom:20px; margin-top:20px;*/ }
.perbox10 dt { float:none; display:block; width:auto; height:auto; margin-right:0px; }
.perbox10 dt img { width:170px; margin:0 auto; }
.perbox10 dd td { height:auto; font-size:14px; ine-height:24px; }
.perbox10 dd td a { font-size:20px; line-height:28px; color:#4c4c4c;  padding:10px 0px 12px 0px; text-align:center; }

.perbox11 { font-size:26px; line-height:30px; padding:40px 10px 25px; }
.perbox12 { line-height:18px; font-size:14px; padding:0px 10px 20px; }
.perbox12 b { font-size:16px; line-height:20px; display:block; color:#4c4c4c; padding-bottom:7px;  }
.perbox13 { line-height:44px; width:auto; border:1px #0078c9 solid; margin:0 10px}
.perbox14 { font-size:14px; line-height:24px; margin-top:20px; padding:14px 10px 10px; }

.perbox15 { width:auto; position:relative; margin-bottom:1px; margin-right:0}
.mallike{width:100%}
.perbox16 {padding:0 10px;}
.perbox17 {margin:0 auto 10px;width: 96%; }

.perbox18 { margin:20px 10px 0 10px; display:none}
.perbox18 a.dbox { width:50%; height:auto; color:#4c4c4c; margin-top:20px;padding-bottom:0 }
.perbox18 .blockone{ width:50%; height:auto; color:#4c4c4c; margin-top:20px;padding-bottom:0 }
.perbox18 a div { height:auto; overflow:hidden; }
.perbox18 a p { margin:0px 10px 6px;  line-height:18px; font-size:12px; overflow:hidden; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; }
.perbox18 a p img { width:100%; display:block; }
.perbox18 a p:hover { padding:0px; border:none; }
.perbox18 a b { display:block; font-size:15px; line-height:20px; margin-right:0px; text-align:center }
.perbox18 .block b{display:block; font-size:15px; line-height:20px; margin-right:0px; text-align:center} 
.perbox18 a i.titlebox { display:block; font-size:12px; line-height:18px; margin-right:0px; text-align:center; font-style:normal; }
.perbox18 .block i{display:block; font-size:12px; line-height:18px; margin-right:0px; text-align:center; font-style:normal;}
.comingsoon{font-size:14px;line-height:24px;color:#333;margin-left:10px;margin-right:10px;padding:10px 0 10px 0}

.perboxyang h6 img{display:inline-block}
#relNews{padding-left:10px;padding-right:10px}
}



/*mobile screen H 640 */
@media screen and (max-width:640px){   } 

/* 5s */
@media screen and (max-width:320px){
    
}

@media (device-height:736px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone6 Plus 实际屏幕宽度414px */
    
}


/*IE6-8 max-992 Hack*/
@media \0screen\,screen\9 { @media screen and (max-width:992px){   

  } }