﻿@charset "utf-8";

/*全局*/
body{background:#fff;padding:0;margin:0;font-size:14px;line-height:30px;font-family:'Microsoft YaHei';}
ul,form,dd,dt,dl,h1,h2,h3,h4,p{padding:0;margin:0;}
a{color:#333333;text-decoration:none;}
a:hover{color:#ff9724 !important;}
i{text-decoration:none;font-style:normal}
.W{width:1200px;margin:0 auto;}
.CL{clear:both;}
li{list-style:none;}
img{border:0;}
.Mt7{margin:10px 0 0 0;}
.Non{display:none;}
.dh{background:#f9f9f9 !important;width:100% !important;height:33px !important;text-align:right !important;border-bottom:1px solid #e4e4e4 !important;padding:3px 0 !important;}
.dh img{width:54px !important;height:33px !important;float:left !important;}
.dh a,.dh i{padding:0 5px 0 5px !important;line-height:33px !important;font-size:14px;font-family:'Microsoft YaHei';}


.titu{background:url('head.jpg') no-repeat center 0;height:615px;}

.toutiao{height:120px;width:1200px;margin:0 auto;position:relative;}
.toutiao h1 {font-size: 40px;text-align: center;line-height: 48px;padding: 0 0 30px 0;}
.toutiao a {color: #0336a9;}

.toutiao p{text-align:center;font-size:16px;line-height:16px;height:16px;}
.toutiao p a{display:inline-block;padding:0 15px;}

/*焦点图*/
.jdt{ width:1180px; height:680px; overflow:hidden; position:relative;border:10px solid #00baff;margin:0 auto;}
.jdt .hd{ height:25px; overflow:hidden; position:absolute; right:20px; bottom:10px; z-index:1; overflow:hidden;}
.jdt .hd ul{ overflow:hidden; zoom:1; float:left;  }

.jdt .hd ul li{ display:inline-block;margin-left:10px;  width:12px; height:12px; background:#fff; cursor:pointer;text-indent:-999em; border-radius:10px;transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;}
.jdt .hd ul li.on{ background:#ffd148;width:30px;height:12px; }

.jdt .bd{ position:relative; height:100%; z-index:0;   }
.jdt .bd li{ zoom:1; vertical-align:middle; }
.jdt .bd img{ width:1180px; height:680px; display:block;    animation: slowMotion 15s infinite ease-in-out;-moz-animation: slowMotion 15s infinite ease-in-out;-webkit-animation: slowMotion 15s infinite ease-in-out;-o-animation: slowMotion 15s infinite ease-in-out;}

@keyframes slowMotion {

    from,
    to {transform: scale(1) translate(0, 0);}
    50% { transform: scale(1.2);}
}	
@-moz-keyframes slowMotion
{
    from,
    to {transform: scale(1) translate(0, 0);}
    50% { transform: scale(1.2);}
}

@-webkit-keyframes slowMotion
{
    from,
    to {transform: scale(1) translate(0, 0);}
    50% { transform: scale(1.2);}
}

@-o-keyframes slowMotion 
{
    from,
    to {transform: scale(1) translate(0, 0);}
    50% { transform: scale(1.2);}
}
	
.jdt .bd div{position:relative;display:block;height:50px;top:-50px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;color:#fff;background:linear-gradient(to top, rgb(0, 0, 0), transparent);font-size:16px;padding:0 0 0 15px;line-height:50px;}
.jdt .bd div a{color:#fff !important;}

.left01{width:585px;float:left;}
.right01,.right01a{width:585px;float:right;}

.dh01{height:150px;background:url('dh01.png') no-repeat 0 50%;display:block;}
.dh02{height:150px;background:url('dh02.png') no-repeat 0 50%;display:block;}
.dh03{height:120px;background:url('dh03.png') no-repeat 0 50%;display:block;}
.dh04{height:120px;background:url('dh04.png') no-repeat 0 50%;display:block;}


/*以下css仅为展示需要，实际使用中，请自行定制*/
.xpage-more-btn {
    width: 100px;
    text-align: center;
    border:1px solid #bbb;
    background: #eee;
    line-height: 2em;
    border-radius: 0.5em;
    cursor: pointer;
	clear:both;
	margin:10px auto;
}
.xpage-more-btn:hover {
    background: #ddd;
}
.xpage-more-btn:active {
    background: #ccc;
}

.xpage-content-list{height:900px;overflow-y:scroll;}

.xpage-content-list li{background:url('listbg.png') repeat-x 0 bottom;padding:10px;width:688px;}
.xpage-content-list .a a{display:block;background:url('lib.png') no-repeat 0 14px;padding:0 0 0 15px;font-size:20px;line-height:36px;font-weight:400;}

.xpage-content-list .aa .img{width:120px;height:80px;float:left;overflow:hidden;}
.xpage-content-list .aa img{width:100%;height:100%;border-radius:5px;}
.xpage-content-list .aa .C{width:555px;float:right;}
.xpage-content-list .aa .C h2{font-size:20px;line-height:36px;font-weight:400;}
.xpage-content-list .aa .C p{color:#777777;font-size:16px;line-height:1.5em;text-indent:2em;text-align:justify;}

.xpage-content-list .aaa dl{display:block;clear:both;height:50px;}
.xpage-content-list .aaa dt{display:inline-block;background:#165cd0;padding:0 10px;color:#fff;margin:0 10px 0 0;}
.xpage-content-list .aaa dl a{font-size:20px;line-height:36px;font-weight:400;}
.xpage-content-list .aaa .img a{display:inline-block;width:218px;height:120px;padding:0 5px;overflow:hidden;}
.xpage-content-list .aaa .img img{width:100%;height:100%;border-radius:5px;}

.xpage-content-list::-webkit-scrollbar
{
	width: 0;
	height: 2px;
	background-color: #fff;
	opacity:0
}
.xpage-content-list:hover::-webkit-scrollbar
{
	width: 2px;
	height: 2px;
	background-color: #f5f5f5;
	opacity:1;
}


.xpage-content-list::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 2px;
	background-color: #f5f5f5;
}
 
/*定义滑块 内阴影+圆角*/
.xpage-content-list::-webkit-scrollbar-thumb
{
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}


.jctx01{ width:460px; position:relative;height:370px; }
.jctx01 .prev{ position:absolute; left:0; top:40%;display:block; width:36px; height:53px; background:url('prev.png') left 0 no-repeat;z-index:9999;}
.jctx01 .next{ position:absolute; right:0; top:40%;display:block; width:36px; height:53px; background:url('prev.png') right 0 no-repeat;z-index:9999;}
.jctx01 .bd{padding:0;}
.jctx01 .bd ul{ overflow:hidden; zoom:1; }
.jctx01 .bd ul li{ float:left; overflow:hidden; width:225px;height:370px; position:relative;margin:0 10px 0 0;}
.jctx01 .bd ul li img{width:225px;height:370px;float:left;}

.tw01{position:relative;background:url('listbg.png') repeat-x 0 bottom;padding:0 0 10px 0;}
.tw01 .img{width:160px;height:100px;float:left;overflow:hidden;margin:5px 0 0 0;}
.tw01 img{width:100%;height:100%;border-radius:5px;}
.tw01 .C{width:290px;float:right;}
.tw01 .C h2{font-size:20px;line-height:30px;font-weight:400;text-align:justify;}
.tw01 .C p{color:#777777;font-size:16px;line-height:1.5em;text-align:justify;}

.more{position:absolute;display:inline-block;padding:0 10px;color:#fff;bottom:10px;right:0;background:#165cd0;}

.list01{height:460px}
.list01 li{background:url('listbg.png') repeat-x 0 bottom;padding:10px;}
.list01 a{display:block;background:url('lib.png') no-repeat 0 14px;padding:0 0 0 15px;font-size:20px;line-height:36px;font-weight:400;}

.jctx02{ width:1200px; position:relative;height:520px; }
.jctx02 .prev{ position:absolute; left:0; top:40%;display:block; width:36px; height:53px; background:url('prev.png') left 0 no-repeat;z-index:9999;}
.jctx02 .next{ position:absolute; right:0; top:40%;display:block; width:36px; height:53px; background:url('prev.png') right 0 no-repeat;z-index:9999;}
.jctx02 .bd{padding:0;}
.jctx02 .bd ul{ overflow:hidden; zoom:1; }
.jctx02 .bd ul li{ float:left; overflow:hidden; width:388px;height:520px; position:relative;margin:0 20px 0 0;text-align:center;}
.jctx02 .bd ul li img{width:335px;height:335px;position:absolute;top:40px;left:25px;border-radius:200px;}
.jctx02 .pic{height:430px;position:relative;}

.jctx02 .ftbg{position:absolute;background:url('ftbg.png') no-repeat center 50%;;height:378px;display:inline-block;width:100%;top:20px;left:0;}
.jctx02 .text{color:#0d3974;font-size:24px;line-height:32px;padding:0 30px;}
.jctx02 .text a{color:#0d3974;}

.tw02{position:relative;padding:10px;background:#f9fcff;border:1px solid #e3f0fd;height:80px;margin:0 0 8px 0;}
.tw02 .img{width:140px;height:80px;float:left;overflow:hidden;margin:3px 0 0 0;}
.tw02 img{width:100%;height:100%;border-radius:5px;}
.tw02 .C{width:530px;float:right;}
.tw02 .C h2{font-size:20px;line-height:30px;font-weight:400;text-align:justify;}
.tw02 .C p{color:#777777;font-size:16px;line-height:1.5em;text-align:justify;}


#focus_Box{position:relative;width:1200px;height:620px;}
#focus_Box ul{position:relative;width:1200px;height:560px;left:0px;}
#focus_Box li{z-index:0;position:absolute; width:745px;height:540px;top:146px;cursor:pointer;left:0px;border-radius:4px}
#focus_Box li img{width:100% !important;background:url('loading.gif') no-repeat center 50%;height:100% !important;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url('float-bg.png') repeat;text-indent:8px;color:#fff;text-align:center;font-size: 16px;overflow:hidden;}
#focus_Box li p span{display:inline-block;width:100%;height:40px;overflow:hidden;}
#focus_Box li p span a{color:#fff;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:99;overflow:hidden;cursor:pointer;position:absolute;width:80px;height:90px;top:230px;}
#focus_Box .prev{left:0px;background:url('z01.png') no-repeat 0 0;left:0px;}
#focus_Box .next{right:0px;background:url('y01.png') no-repeat 0 0;right:0px;} 
#focus_Box .prev:hover{}
#focus_Box .next:hover{}

.footer{color:#fff;background:#9b230a;text-align:center;height:80px;font-size:12px !important;padding-top:20px; clear:both;position:relative;width:100%;border-top:0px solid #fff;}
.footer a{color:#fff !important;font-size:12px;}
.footer p{text-indent:0;font-size:12px;padding:0;}

#focus_Boxa1,#focus_Box1,.tw03,.right01b{display:none;}

.fengmian{background:url('head_m.jpg') no-repeat;background-size:100% 100%;position:absolute;}
/*收起*/
.soqi{animation:soqi 1.5s ease-in-out;-moz-animation:soqi 1.5s ease-in-out;-webkit-animation:soqi 1.5s ease-in-out;-o-animation:soqi 1.5s ease-in-out;animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}

.box{display:none;}

.tw04{width:458px;height:260px;position:relative;padding:0 0 10px 0;}
.tw04 img{width:458px;height: 260px;display:block;}
.tw04 div{position:relative;display:block;height:50px;top:-50px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;color:#fff;background:#000;font-size:16px;padding:0 0 0 15px;line-height:50px;}
.tw04 div a{color:#fff !important;}

#focus_Boxa{position:relative;width:1200px;height:540px;}
#focus_Boxa ul{position:relative;width:1200px;height:560px;left:0px;}
#focus_Boxa li{z-index:0;position:absolute; width:745px;height:540px;top:146px;cursor:pointer;left:0px;border-radius:4px}
#focus_Boxa li img{width:100% !important;background:url('loading.gif') no-repeat center 50%;height:100% !important;vertical-align:top}
#focus_Boxa li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url('float-bg.png') repeat;text-indent:8px;color:#fff;text-align:center;font-size: 16px;overflow:hidden;}
#focus_Boxa li p span{display:inline-block;width:100%;height:40px;overflow:hidden;}
#focus_Boxa li p span a{color:#fff;}
#focus_Boxa .prev{position:absolute; left:0; top:40%;display:block; width:36px; height:53px; background:url('prev.png') left 0 no-repeat;z-index:9999;}
#focus_Boxa .next{ position:absolute; right:0; top:40%;display:block; width:36px; height:53px; background:url('prev.png') right 0 no-repeat;z-index:9999;} 
#focus_Boxa .prev:hover{}
#focus_Boxa .next:hover{}

.scroll{height:540px;overflow-y:scroll;}
.scroll::-webkit-scrollbar
{
	width: 0;
	height: 2px;
	background-color: #fff;
	opacity:0
}
.scroll:hover::-webkit-scrollbar
{
	width: 2px;
	height: 2px;
	background-color: #f5f5f5;
	opacity:1;
}


.scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 2px;
	background-color: #f5f5f5;
}
 
/*定义滑块 内阴影+圆角*/
.scroll::-webkit-scrollbar-thumb
{
	border-radius: 2px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #555;
}

.ttmore{ position:absolute;text-align:right; right:0; bottom:25px; z-index:1;  width:90px;overflow:hidden;font-size:14px;line-height:14px;height:14px;}
.ttmore a{color:#fe4200 !important;}


.adv01{ width:1200px;margin:0 auto; }
.adv02{ display:none;}