@charset "utf-8";
/* CSS Document Xi 个人专用样式表 */
/* 布局备注： c开头的Div 为通用Div x开头的Div 为专用Div */
/* 页面层次一般为：
 |--------------------1.body ------------------------------------------|
 |        |---------------2.wrapper---------------------------|        |
 |        |-------------------3.header------------------------|        |
 |        |-------------------3.xpage-------------------------|        |
 |        |-------------------3.push--------------------------|        |
 |        |---------------------------------------------------|        |
 |        |---------------2.footer----------------------------|        |
 |---------------------------------------------------------------------|
*/

/* 0.全局通用布局样式设置  开始 */
*{ margin:0; padding:0; }
html { height:100%; }
body { font-size:12px; font-family:"Microsoft Yahei"; color:#939393; height:100%;}
table { border-collapse:collapse; border-spacing:0;}
img { border:0 none; }
button { border:none; padding:0; }
button:-moz-focus-inner { border:none; }
input[type=radio],input[type=checkbox] { vertical-align:middle; }
input.checkbox{ vertical-align:middle; }
input { VERTICAL-ALIGN: middle; outline: medium; }
input,textarea,select,button { font-weight:inherit; font-family:inherit; font-size:inherit; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ul li { list-style-image:none; list-style-position:outside; list-style-type:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ vertical-align:baseline; zoom:1; }
textarea{ overflow:auto; }
.fl{ float:left; }
.fr{ float:right; }
.tl{ text-align:left;} 
.tr{ text-align:right;} 
.tc{ text-align:center;} 
.fb{ font-weight:bold;}     
.nobg { background:none; }
.noborder { border:none; }
.last { margin-left:0px; margin-right:0px; border-left:none; border-right:none; margin-left:0px !important; margin-right:0px !important; border-left:none !important; border-right:none !important;  }
.cb{ clear:both; font-size:0px; height:0px; line-height:0px; display:block; border:0px; width:0px; }
/* 0.全局通用布局样式设置  结束 */

/* 1.布局通用样式设置  开始 */
.f10 { font-size:10px;}
.f12 { font-size:12px;}
.f13 { font-size:13px;}
.f14 { font-size:14px;}
.f15 { font-size:15px;}
.f16 { font-size:16px;}
.f17 { font-size:17px;}
.f18 { font-size:18px;}
.f19 { font-size:19px;}
.f20 { font-size:20px;}
.f22 { font-size:22px;}
.f24 { font-size:24px;}
.f26 { font-size:26px;}
.f28 { font-size:28px;}
.f30 { font-size:30px;}
.f32 { font-size:32px;}
.f34 { font-size:34px;}
.f36 { font-size:36px;}
.f38 { font-size:38px;}
.f40 { font-size:40px;}
.f42 { font-size:42px;}
.f44 { font-size:44px;}
.f46 { font-size:46px;}
.f48 { font-size:48px;}
.f50 { font-size:50px;}
.f52 { font-size:52px;}
.f55 { font-size:55px;}
.f60 { font-size:60px;}
.f65 { font-size:65px;}
.f70 { font-size:70px;}
.f75 { font-size:75px;}
.f80 { font-size:80px;}

.lh_15{ line-height:15px;}
.lh_20{ line-height:20px;}
.lh_25{ line-height:25px;}
.lh_30{ line-height:30px;}
.lh_15per{ line-height:150%;}
.lh_20per{ line-height:200%;}

.mt_5{ margin-top:5px;}
.mt_8{ margin-top:8px;}
.mt_10{ margin-top:10px;}
.mt_15{ margin-top:15px;}
.mt_20{ margin-top:20px;}
.mt_25{ margin-top:25px;}
.mt_30{ margin-top:30px;}
.mt_35{ margin-top:35px;}
.mt_40{ margin-top:40px;}
.mt_45{ margin-top:45px;}
.mt_50{ margin-top:50px;}
.mt_f30{ margin-top:-30px;}

.mb_5 { margin-bottom:5px; }
.mb_8 { margin-bottom:8px; }
.mb_10 { margin-bottom:10px; }
.mb_15 { margin-bottom:15px; }
.mb_20 { margin-bottom:20px; }
.mb_30 { margin-bottom:30px; }
.mb_f30 { margin-bottom:-30px; }

.ml_5{ margin-left:5px;}
.ml_10{ margin-left:10px;}
.ml_15{ margin-left:15px;}
.ml_20{ margin-left:20px;}
.ml_25{ margin-left:25px;}
.ml_30{ margin-left:30px;}

.mr_5{ margin-right:5px;}
.mr_10{ margin-right:10px;}
.mr_15{ margin-right:15px;}
.mr_20{ margin-right:20px;}
.mr_25{ margin-right:25px;}
.mr_30{ margin-right:30px;}
/* 1.布局通用样式设置  结束 */

/* 2.横纵布局样式设置  开始 */
.div_1000 {margin-left:auto;margin-right:auto; width:1000px; height:auto; overflow: hidden;  }
.div_1200 {margin-left:auto;margin-right:auto; width:1200px; height:auto; overflow: hidden;  }
.div_100per {margin-left:auto;margin-right:auto; width:100%; height:auto; overflow: hidden;  }

.wid_100per { width:100% ;  }
.wid_95per { width:95% ;  }
.wid_90per { width:90% ;  }
.wid_85per { width:85% ;  }
.wid_80per { width:80% ;  }

.wid_20 { width:20px;}
.wid_50 { width:50px;}
.wid_60 { width:60px;}
.wid_70 { width:70px;}
.wid_80 { width:80px;}
.wid_90 { width:90px;}
.wid_100 { width:100px;}
.wid_120 { width:120px;}
.wid_150 { width:150px;}
.wid_170 { width:170px;}
.wid_200 { width:200px;}
.wid_220 { width:220px;}
.wid_250 { width:250px;}
.wid_270 { width:270px;}
.wid_300 { width:300px;}
.wid_320 { width:320px;}
.wid_350 { width:350px;}
.wid_380 { width:380px;}
.wid_400 { width:400px;}
.wid_430 { width:430px;}
.wid_460 { width:460px;}
.wid_500 { width:500px;}
/* 2.横纵布局样式设置  结束 */

/* 3.解决浏览器冲突、页面过短footer部分上扬bug的样式设置  开始  注： .footer 最好设置为 height:auto;   */
.wrapper { 
      min-height: 97%;  /* 如需顶底，可设置成100% */
      height: auto !important;
      height: 100%;
      margin: 0 auto -4em;
      }
.push { height: 3.6em; }
/* 3.解决浏览器冲突、页面过短footer部分上扬bug的样式设置  结束 */

/* 4.通用颜色样式设置  开始  */
.color_000 { color:#000; }
.color_fff { color:#fff; }
.color_ccc { color:#ccc; }
.color_5ba4ef { color:#5ba4ef; }
.color_d40004 { color:#d40004; }
.color_d70200 { color:#d70200; }
.color_515151 { color:#515151; }

/* 4.通用颜色样式设置  结束  */

/* 5.头尾部分样式设置  开始  */
.header { display:block; width:100%; height:122px;  background:url(../images/top_bg.jpg) repeat-x; margin-top:-10px;  }

.logo { float:left; display:block; width:100%; height:8rem; text-align: center;  }
.logo img { height: 8rem; }

.topmenu { display:block; width:100%; height:120px; margin-left:auto; margin-right:auto;   }
.topmenu_l { float:right; display:block; width:100%; height:auto; font-size:14px; text-align:center; font-family:"Microsoft Yahei"; line-height:25px; background: #b70503; }

.topmenu_l  .toplist { text-decoration:none; color:#fff; display:block; float:left; padding-top:39px;  }
.topmenu_l  .toplist:hover { color:#d70703; background:url(../images/topmenubg.jpg) no-repeat; background-position:top center; }
.topmenu_l  .smlist { display: none; float: left;  width: 120px; height: auto; position: absolute; z-index: 100; margin-top: 80px; margin-left: -1px; border: 1px solid #ef0707;  }
.topmenu_l  .smlist:hover { display: block; }
.topmenu_l  .toplist:hover .smlist { display: block; }
.topmenu_l  .smlist p { background: #ffffff; }
.topmenu_l  .smlist p:hover { background: #eeddda; }
.topmenu_l  .smlist a { display: block; float: left; width:120px ; height: auto; text-align: center; line-height: 36px; clear: both; background: #ffffff; color:#d70703 ; padding:0px; }
.topmenu_l  .smlist a:hover { background: #eeddda; }

.topmenu_l  a {display: block; float: left; width: 25%; text-decoration:none; color:#d70703; padding-top:1rem; padding-bottom: 1rem;  background:url(../images/topmenubg.jpg) no-repeat; background-position:top center; }
.topmenu_l  a:hover { color:#d70703; background:url(../images/topmenubg.jpg) no-repeat; background-position:top center; }
.topmenu_l .navliebiao { float:left; display:block; width: 100%; text-decoration:none;  }
.topmenu_l .dq { color:#d70703; background:url(../images/topmenubg.jpg) no-repeat; background-position:top center; }
.topmenu_l .shuxian { float:left; display:none; width:2px; height:119px; background:url(../images/topmenu_shuxian.jpg) no-repeat;  }

.topnav_line { display:block; float: left; width:100%; height:25px;  border-bottom:2px #c1c1c1 solid;   }
.topnav { float:left; display:block; width: auto; height:25px; padding-right:33px; padding-left:20px; margin-bottom:-2px; border-bottom:2px #000 solid; }
.topnav .f_hei { color:#131313; text-decoration:none; }
.topnav .f_hei a { color:#131313; }
.topnav .f_lan { color:#296fb7; text-decoration:none;}
.topnav .f_lan a { color:#296fb7; }

.footer { display:block; width:100%; height:auto; background:#d50004; border-top:5px #333 solid; }
.footerline { display:block; float: left; width:100%; height:auto;  }
.footerline_l { display:block; float:left; width:220px; height:auto; margin-left:60px; color:#FFF;  }
.footerline_r { display:none; float:left; width:712px; height:auto;  }
.footerline_r_ml { display:block; float:left; width:225px; height:auto; margin-left:10px; }
.footerline_r_ml_tit { color:#ffd904; background:#8e0a1c; line-height:30px; padding-left:10px; width:212px;}
.footerline_r_ml_cont { line-height:25px; padding-left:10px;}
.footerline_r_ml_cont a { color:#FFF; text-decoration:none; }
.footer_long { display:none; width:100%; height:auto; background:#000;  }
/* 5.头尾部分样式设置  结束 */

/* 6.首页展示模块样式设置 开始 */
.xipicshow { float:left; display:block; width:100%; height:auto;  }
    /* 本例中，收纳 zq_homeView */
/* 6.首页展示模块样式设置 结束 */

/* 7.首页样式设置 开始 */
.xi_news { display:block; width:1000px; height:auto; margin:0 auto;   }
.xi_i_c { display:block; margin-left:auto; margin-right:auto; width:1002px; height:auto;  }
.xi_i_c_line { display:block; margin-left:auto; margin-right:auto; width:1000px; height:auto;  }
.xi_i_c_line img { border:none; } 
.xi_i_c_line_1 { display:block; float:left; width:300px; height:398px;  }
.xi_i_c_line_2 { display:block; float:left; width:350px; height:398px; margin-left:5px;  }
.xi_i_c_line_2_3l { display:block; float:left; width:200px; height:26px; background:#feb500; padding:5px; margin-left:10px;  }
.xi_i_c_line_2_3r { display:block; float:left; width:117px; height:26px;  background:#d99a01; padding:5px;  }
.xi_i_c_line_2 a { text-decoration:none; color:#FFF; }
.xi_i_c_line_2_5_pic { display:block; float:left; width:100px; height:100px; }
.xi_i_c_line_2_5_text { display:block; float:right;  width:230px; height:100px;  }
.xi_i_c_line_2_5_text a { color:#292929; }
.xi_i_c_line_3 { display:block; float:right; width:330px; height:398px;  }
.xi_i_c_line_3 img { padding:3px; border:1px #CCCCCC solid;  }
.xi_i_c_line_3 p { margin-left:20px; margin-right:20px; line-height:25px; border-bottom:1px #ccc dashed; margin-top:7px;   }
.xi_i_c_line_3 p a { text-decoration:none; color:#999; }
.xi_i_c_line_5 { display:block; float:left; width:685px; height:auto;  }
.xi_i_c_line_5_top { display:block; float:left; width:685px; height:92px;  }
.xi_i_c_line_5_mbox { display:block; float:left; width:685px; height:240px;  }
.xi_i_c_line_5_mbox_l { display:block; float:left; width:30px; height:70px; margin-top:80px; background:url(../images/jiantou2.png) no-repeat;  }
.xi_i_c_line_5_mbox_r { display:block; float:right; width:30px; height:70px; margin-top:80px; background:url(../images/jiantou2.png) no-repeat; background-position:-35px 0px; }
.xi_i_c_line_5_mbox_pics { display:block; float:left; width:192px; height:auto; margin-right:20px;  }
.xi_i_c_line_5_mbox_pics img { padding:5px; border:1px #ccc solid; }
.xi_i_c_line_6 { display:block; float:right; width:315px; height:auto;  }
.xi_i_c_line_6_pic img { width:300px; height:360px; padding:6px; border:1px #ccc solid; border-radius:3px;  }
.xi_i_c_line_6_tit { margin-top:-35px; background:#999; opacity: 0.7; filter:alpha(opacity=70); margin-left:7px; margin-right:8px; color:#000; line-height:25px; padding-left:5px; }
.xi_i_c_line_6_tit a { color: #ffffff; text-decoration: none; }
.xi_i_c_line_7 { display:block; width:198px; height:auto; }
.xi_i_c_line_7:hover { border:#F69; }
.xi_i_c_line_7_pic2 img{ width:186px; height:180px; border:3px #c0c0c0 solid; border-radius:93px;}
.xi_i_c_line_7_pic2 img:hover { border:3px #e13b44 solid; }
.xi_i_c_line_7_num { display:block; width:50px; height:50px; background:#fff; border:3px #c0c0c0 solid; border-radius:25px; margin-top:-77px; position:relative; z-index:100; color:#CCC; }
.xi_i_c_line_7_num:hover { border:3px #e13b44 solid; color:#d40004; }
.xi_i_c_line_7_tit { width:180px; height:36px; margin-left:auto; margin-right:auto; color:#FFF; background:#000; border:1px #ccc solid; border-radius:4px;}
.xi_i_c_line_7_tit:hover { background:#d40004; color:#FFF; }
.xi_i_c_line_7_tit a { color:#FFF; text-decoration:none; color:#FFF; }
.xi_i_c_line_8 { display:block; width:328px; height:421px;  }
.xi_i_c_line_8_s { display:block; width:155px; height:200px; border: 3px #d9dadc solid;  }
.xi_i_c_line_8_s img { width:155px; height:200px; }
.xi_i_c_line_8_s:hover {  border: 3px #c70005 solid; 
                          filter:alpha(opacity=50);
                          -moz-opacity:0.5;
                          -khtml-opacity: 0.5;
                          opacity: 0.5;
						}
.xi_i_c_line_9	{ display:block; width:328px; height:421px;  }
.xi_i_c_line_9_s { display:block; width:329px; height:411px; border: 3px #d9dadc solid; margin-left:5px;  }
.xi_i_c_line_9_s img { width:329px; height:411px; }
.xi_i_c_line_9_s:hover {  border: 3px #c70005 solid; 
                          filter:alpha(opacity=50);
                          -moz-opacity:0.5;
                          -khtml-opacity: 0.5;
                          opacity: 0.5;
						}
.xi_i_c_line_10 { display:block;  float:left; width:970px; min-height:220px; height: auto; border: 1px solid red; margin-bottom: 10px; padding-left:30px; padding-top: 10px; background:url(../images/photo_home_11.jpg) no-repeat;  }						
.xi_i_c_line_10_bflink { display:block; float:left; margin-left:15px;}
.xi_i_c_line_10_bflink img { padding:2px; border:1px #ccc solid; width:120px; height:56px; }
.xi_i_c_line_10  img { margin-bottom: 10px; }

.xi_i_c_line_12 { display:none;  float:left; width:1000px; height:360px; background:url(../images/photo_home_12.jpg) no-repeat;  }						
.xi_i_c_line_12_txt { display:block; float:left; margin-left:338px;}

.logo_new { float: right; width: 50%; margin-right: 25%; margin-top: 1rem; margin-bottom: 1rem; }

/* 7.首页样式设置 结束 *


/* 8.栏目页与内容页主展示模块 开始 */
.xi_cont_c { display:block; margin-left:auto; margin-right:auto; width:100%; height:auto; overflow: hidden; }
.xi_cont_c_l { display:none; width:270px; height:auto; background:url(../images/xi_cont_c_l_bg.jpg) no-repeat center top ;  }
.xi_cont_c_l a { text-decoration:none; }
.xi_cont_c_r { display:block; width:100%; height:auto; }
.xi_cont_c_r a { text-decoration:none; }
.xi_cont_c_line { display:block; width:100%; height:auto;  }

.xi_cont_c_l_tit { margin-left:10px; margin-right:10px; border-bottom:2px #ccc solid; padding-bottom:2px; }
.xi_cont_c_l_list { margin-left:10px; width:250px; }
.xi_cont_c_l_list ul { margin-left:25px;}
.xi_cont_c_l_list li { display:block; float:left; width:200px; height:38px; border:1px #ccc solid; border-radius:4px; background:#eaeaea; }
.xi_cont_c_l_list li:hover { background:#c81f1f; color:#FFF ;  }
.xi_cont_c_l_list li a { text-decoration:none; color:#555; }
.xi_cont_c_l_list li a:hover { color:#fff; }
.xi_cont_c_l_list_pic_c { display:block; width:206px; height:auto; overflow:hidden;  }
.xi_cont_c_l_list_pic_c img {  width:200px; height:200px; padding:2px; border:1px #ccc solid; }
.xi_cont_c_l_list_pic_txt { display:block; width:200px; height:auto; overflow:hidden;  }
.xi_cont_c_l_list_news { margin-left:10px; width:250px; }
.xi_cont_c_l_list_news ul { margin-left:10px; width:250px; }
.xi_cont_c_l_list_news li { border-bottom:1px #ccc dashed; padding-bottom:2px; list-style:disc inside; }
.xi_cont_c_l_list_news li a { color:#535353; }

.xi_cont_c_line_cflink { border-bottom:2px #F00 solid; text-indent: 0.5rem;}
.xi_cont_c_line_cflink_list { float:left; }
.xi_cont_c_line_cflink_list ul { float:left; }
.xi_cont_c_line_cflink_list li { display:block; float:left; padding-left:10px; padding-right:10px; border-right:1px #ccc solid; }
.xi_cont_c_line_cflink_list li a { color:#666; text-decoration:none; }

.xi_cont_c_r_tit {  border-bottom:2px #cb0a05 solid; padding-bottom:2px; text-indent: 0.5rem; }
.xi_cont_c_r_topnav {display: none; color:#4a4a4a; margin-bottom: 1.5rem; }
.xi_cont_c_r_topnav a { color:#4a4a4a;  }
.xi_cont_c_r_tit_btline { height:12px; background:url(../images/xi_cont_c_r_tit_btline_bg.jpg) repeat-x; }
.xi_cont_c_r_list { float:left; }
.xi_cont_c_r_list ul { float:left;  }
.xi_cont_c_r_list li {  float:left; width:600px; margin-left:50px; line-height:30px; list-style:square; margin-bottom:10px; border-bottom:1px #d77e99 dashed; }
.xi_cont_c_r_list li a { color:#4b4b4b; }
.xi_cont_c_r_list_morepage { display:block; float:left; width:600px; margin-left:50px;  }

.xi_cont_c_r_list2 { float:left; }
.xi_cont_c_r_list2 ul { float:left;  }
.xi_cont_c_r_list2 li { display:block; float:left; width:217px; margin-left:10px; margin-top:5px; background:#f0f0f0; text-align:center; border:1px #ccc solid; }
.xi_cont_c_r_list2 li:hover { background:#c70005; color:#FFF; }
.xi_cont_c_r_list2 li a { color:#333; }
.xi_cont_c_r_list2 li a:hover { color:#fff; }
.xi_cont_c_r_list2 li img { width:200px; height:270px; padding:2px; border:1px #ccc solid; margin-top:5px;  }

.xi_cont_c_r_list3 { float:left; }
.xi_cont_c_r_list3 ul { float:left;  }
.xi_cont_c_r_list3 li { display:block; float:left; width:670px; margin-left:10px; margin-top:10px; }
.xi_cont_c_r_list3 li a { color:#333; }
.xi_cont_c_r_list3 li .fwlpic { display:block; float:left; width:212px; height:212px;  }
.xi_cont_c_r_list3 li .fwlpic img { width:200px; height:200px; padding:2px; border:1px #ccc solid; }
.xi_cont_c_r_list3 li .fwltxt { display:block; float:right; width:443px; height:auto;  }
.xi_cont_c_r_list3 li .fwlcxq { display:block; width:100px; background:#d50004; color:#fff; }
.xi_cont_c_r_list3 li .fwlcxq a { color:#fff; }
.xi_cont_c_r_list3 li .fwlbaojia { display:block; width:170px; }

.xi_cont_c_r_list5 { float:left; }
.xi_cont_c_r_list5 ul { float:left;  }
.xi_cont_c_r_list5 li { display:block; float:left; width:217px; height:166px; margin-left:10px; margin-top:10px; background:#f0f0f0; text-align:center; border:1px #ccc solid; }
.xi_cont_c_r_list5 li a { color:#333; }
.xi_cont_c_r_list5 li a:hover { color:#fff; }
.xi_cont_c_r_list5 li img { width:200px; height:150px; padding:2px; border:1px #ccc solid; margin-top:5px;  }
.xi_cont_c_r_list5 li .playbtn { margin-top:-102px; }
.xi_cont_c_r_list5 li .playbtn img{ width:30px; height:30px; border:none;  }
.xi_cont_c_r_list5 li .txtline { background:#000; position:relative; top:20px; margin-left:8px; margin-right:9px; opacity:0.7; display:none; }
.xi_cont_c_r_list5 li .txtline a { color:#FFF; }

.xi_cont_c_r_page { width:auto; clear: both; padding-left: 1rem; padding-right: 1rem; }
.xi_cont_c_r_page .cont{ border-top:1px #de96aa dashed; border-bottom:1px #de96aa dashed; padding:10px; font-size: 1.25rem; line-height: 2rem; }
.xi_cont_c_r_page .cont img { width:auto; height:auto; max-width:100%;}
.xi_cont_c_r_page_sxtiao { color:#777;}
.xi_cont_c_r_page_sxtiao a { color:#777; text-decoration:none ; }
.xi_cont_c_r_page_pbb { color:#777;}
.xi_cont_c_r_page_pbb a { color:#777; text-decoration:none ; display:block; float:right; background:#E32515; border:1px #900 solid; color:#F1F1F1; border-radius:3px; width:120px; }
.xi_cont_c_r_page_pbb a:hover { background:#CB392E; color:#fff;}



.scrollbg { display: none; }
#xipicshow { display: none; }
/* 8.栏目页与内容页主展示模块 结束 */