@charset "utf-8";
/* css for pel, ver 1.0 copyright by dongyi network technology co.,ltd design center 本网站通用布局
*/
/* css reset */
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{vertical-align:top;border:0}
address,caption,cite,code,dfn,em,i,th,var{font-weight:400;font-style:normal}
li,ol,ul{list-style:none}
dd,div,dl,dt,li,ol,ul{zoom:1}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}
q:after,q:before{content:''}
abbr,acronym{border:0}
article,aside,dialog,figure,footer,header,menu,nav,section,time{margin:0;padding:0;display:block;zoom:1}

/* public */
body{color: #333; font-size: 16px; line-height: 1.8; font-family: "microsoft yahei", simsun, arial, helvetica, tahoma, sans-serif; text-align: center; -webkit-text-size-adjust: none;}
a{color: #333; text-decoration: none; outline: none;}
a:hover{color: #0f73c9; text-decoration: none;}
.clear{clear: both;}
.blank{display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix{height: 1%;}
*   html .clearfix{min-height: 1%;}
.fl{float: left;}
.fr{float: right;}
.hide{display: none;}
input[type=button],
input[type=submit],
input[type=file],
button{cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

.headertool{line-height:60px;position: relative;width: 100%;top: 0;z-index:4;height:60px;background: #38a2d9;font-size: 14px;}
.headertool .bg{position: absolute;z-index: -1;left: 0;top: 0;width: 100%;height: 60px;line-height: 60px;float: left;overflow: hidden;background-color: #242424;opacity: .50;filter: alpha(opacity=35);}
.govlinks{width: auto; float: left; color: white;}
.govlinks li { float:left; margin:0 15px 0 0;}
.govlinks li a { padding-left:20px; /*background:url(/uploads/image/cccsximg/gkico.png) no-repeat 0;*/}
/*.govlinks .li4 a { background:url(/uploads/image/cccsximg/zxico.png) no-repeat 0} */
.govlinks li a{color: white;}
.govlinks a:hover{text-decoration: none; color: #ddd;}
.languagelinks{width: auto; float: left; margin-left: 70px;}
.languagelinks a{margin:0 4px; font-size: 12px; color: white;}
.languagelinks a:hover{text-decoration: none; color: #ddd;}

.headertool .links{width:auto;float:right}
.headertool .links>dl{position:relative;float:left;color:#146ac1;margin-top:11px}
.headertool .links>dl>dt{line-height:38px;position:relative;z-index:11;float:left;height:38px;color:#fff;padding:0 5px 0 30px;background:url(/uploads/image/cccsximg/headericon.png) 7px 8px no-repeat}
.headertool .links>dl>dt>a{color:#fff}
.headertool .links>dl>dt>a:hover{text-decoration:none;color:#ddd}
.headertool .links>dl.znjqr dt{background-position:8px -110px}
.headertool .links>dl.phone dt{background-position:8px -143px}
.headertool .links>dl.pad dt{background-position:8px -169px}
.headertool .links>dl.site dt{background-position:8px -202px}
.headertool .links>dl.tw dt{background-position:8px -231px;cursor:pointer}
.headertool .links>dl.en dt{background-position:8px -258px}
.headertool .links>dl.bs dt{background: no-repeat 5px;padding-left:40px}
.headertool .links>dl.topuser dt{padding-left:8px;background:0 0;color:#333}
.headertool .links .userlogged,.headertool .links .userlogged a{color:#fff}
.headertool .links>dl.topuser .loggedin .spe,.headertool .links>dl.topuser .notlogged .spe{margin:0 10px}
.headertool .links>dl.topuser .loginbutton{background:url(/uploads/image/cccsximg/userico.png) no-repeat 0;padding-left:22px}
.headertool .links>dl>dd{position:absolute;top:38px;right:50%;display:none;clear:both;margin-right:-54px;padding:7px;background:#fff;-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3)}
.headertool .links>dl>img{width:100px;height:100px}
.headertool .links>dl>i{font-size:0;line-height:0;position:absolute;z-index:8;top:-10px;left:50%;display:block;width:0;margin-left:-3px;border-width:5px;border-style:dashed;border-color:transparent;border-bottom-style:solid;border-bottom-color:#fff}
.headertool .links .on dd{display:block}
.headertool .links .site dd{top:38px;right:-1px;width:400px;margin-right:0;padding:10px;border:1px solid #6e99b9;-webkit-box-shadow:2px 2px 5px rgba(0,0,0,.15);-moz-box-shadow:2px 2px 5px rgba(0,0,0,.15);box-shadow:2x 2px 5px rgba(0,0,0,.15)}
.headertool .links .site dd i{display:none}
.headertool .links .site dd table tr td div{overflow:hidden;width:30px;height:60px;text-align:center;writing-mode:vertical-lr}
.headertool .links .site ul{overflow:hidden}
.headertool .links .site li{line-height:26px;float:left;min-width:55px;height:26px;padding:0 4px 0 15px;color:#666;background: 4px -2320px no-repeat}
.headertool .links .site li a{color:#146ac1}
.headertool .links #sitelast.on dt{background-color:#427fbb}
.headertool .links>dl>dt{border-radius:25px;border:1px solid transparent;height:20px;line-height:20px;padding:5px 12px 5px 35px;margin-top:3px;background-position:8px 5px;transition:all .5s}
.headertool .links>dl>dt:hover{border:1px solid rgb(255 255 255 / 50%)}

#headerst .headertop #slbbtn, #header #slbbtn, .banner #slbbtn {margin-left: 295px!important; top:40px!important;}
#headerst .headertop .wza, #header .wza, .banner .wza {margin-left: 160px!important; top:40px!important;}

/* frame */
html{background: #f3f3f3;}
body{text-align: center;min-width: 1200px;}
.sitewidth{position: relative; max-width: 1300px; _width: 1200px; margin: 0 auto; text-align: left}
.topbar{height: 28px; line-height: 28px; background-color: #ffffff;box-shadow: 0px 1px 3px 0px rgba(3, 0, 0, 0.06);opacity: 0.8; font-size: 12px; overflow: hidden}
.topbar .links{float: right;}
.topbar .links a{margin: 0 10px;}
#header{position: relative;background: url(/uploads/image/cccsximg/body.jpg) center 0 no-repeat #f9f9f9;}
#header .sitewidth{height: 500px; position: relative;}
#header .sitewidth img{margin: 30px 0;}
#header .sitewidth h3{font-size: 80px; font-weight: 600; font-stretch: normal; line-height: 160px; letter-spacing: 4px; color: #eff37e; text-align: center; text-shadow: 6px 6px 0px #0c88b5;}
.banner .home {position:absolute;left: 50%;top: 40px;border: 1px solid #c00;margin-left: 450px;margin-top: 3px;height:32px;line-height:32px;display:inline-block;border-radius:32px;padding:0 20px 0 50px;background:#fff url(/uploads/image/cccsximg/backico.png) no-repeat 18px;vertical-align: top;font-size: 16px;color: #c00;}
.content{position: relative;width: 1200px;overflow: hidden;margin: 0 auto;text-align: left;margin-top: -70px;z-index: 1;border-top: 5px solid #0083de;border-radius: 5px;}

/*footer*/
#footer{position:relative;z-index: 1;padding: 30px 0;text-align:left;color:white;background: #015293;font-size:14px;}
#footer .copyright{line-height: 30px;color: white;text-align: left;padding: 15px 390px 15px 160px;}
#footer .copyright p { white-space:nowrap}
#footer .copyright .footrow2 {display:inline;margin-right: 2%;}
#footer .copyright .footrow3 {display: inline;margin-right: 2%;clear: left;}
#footer .copyright .footrow4 { display:inline;margin-right: 2%;}
#footer .copyright .footrow5 { display:inline;}
#footer .copyright img{vertical-align: middle;}
#footer .copyright a{color:white; text-decoration:none;}
#footer .copyright a:hover{color: #ddd;}
#footer .footdzjg,
#footer .footerwzjc,
#footer .wzafw,
#footer .wxcode,
#footer .wzafw,
#footer .szfwxcode,
#footer .footerzfzc{position: absolute; z-index: 1; width: auto; float: left;}
#footer .footdzjg{left: 60px;top: 27px;}
#footer .footerwzjc{right: 65px; top: 0;}
#footer .footerzfzc{right: 270px;top: 88px;}
#footer .wzafw{right: 280px;top: 0px;}
#footer .wxcode{right: 170px;top: 0;line-height: 16px;font-size: 12px;text-align:center;width: 100px;height: 120px;background: #fff;color: #333;}
#footer .wxcode img{width: 102px;display: block;clear: both;margin: 0 auto 0;}
#footer .szfwxcode{right: 60px;top: 0;line-height: 14px;font-size: 12px;text-align:center;width: 100px;height: 120px;background: #fff;color: #333;}
#footer .szfwxcode img{width: 102px;display: block;clear: both;margin: 0 auto 0;}

#footer .img_box1{ position:absolute; top:10px;  right:0px;}
#footer .img_box1 img{ width:42%;  background:#fff; padding:3px;}


.nav{height: 70px; line-height: 70px; background-color: #0083de; position: absolute; width: 1200px; left: 0; right: 0; bottom: 0; border-radius: 8px 8px 0 0; margin: auto;}
.nav ul{overflow: hidden; padding: 0 40px;}
.nav li{float: left;}
.nav li a{color: #fff; display: block; padding: 0; width: 140px; font-size: 18px; font-weight: 600;}
.nav li.on1 a,.nav li:hover a{background-color: #ffe757; color: #0083de;}
/* 首页 ----------------------------------*/
.index_box{background-color: #fff; padding: 30px;}
.row{margin-bottom: 25px;}
.focusbox{width: 690px; overflow: hidden; position: relative; float: left; margin-right: 30px;}
.focusbox .hd{position: absolute; z-index: 1; right: 20px; bottom: 20px; text-align: center;}
.focusbox .hd ul{overflow: hidden; zoom: 1;}
.focusbox .hd ul li{float: left; margin: 0 3px; width: 10px; height: 10px; line-height: 10px; text-align: center; background: #fff; cursor: pointer; font-size: 12px; border-radius: 50%;}
.focusbox .hd ul li span{display: none;}
.focusbox .hd ul li.on{background-color: #0a4cc4; color: #fff;}
.focusbox .bd{height: 460px; position: relative; overflow: hidden;}
.focusbox .bd li{position: relative;}
.focusbox .bd .pic{position: relative; z-index: 0;}
.focusbox .bd .pic img{width: 690px;height: 460px;display: block;}
.focusbox .bd .con{position: absolute; width: 100%; z-index: 1; bottom: 0; height: 50px; line-height: 50px; text-align: left; text-indent: 10px;}
.focusbox .bd .con .title{position: absolute; width: 100%; bottom: 0; left: 0; z-index: 1; text-indent: 90px;}
.focusbox .bd .con .title a{color: #fff; font-size: 14px;}
.focusbox .bd .con .titlebg{position: absolute; width: 100%; z-index: 0; bottom: 0; left: 0; background: #000; filter: alpha(opacity=70); opacity: 0.7; height: 50px;}
.focusbox .con .date{position: absolute; left: 0; bottom: 0; width: 70px; height: 70px;background-color: #2978b0; line-height:1;}
.focusbox .con .date .dd,.focusbox .con .date .ym{display:block; color: #ffffff; text-align: center; font-size: 14px; text-indent: 0;}
.focusbox .con .date .dd{font-size: 30px; font-weight: 600; margin: 11px 0 5px;}
.tzggbox{float: right; width: 420px;}
.tzggbox .ihd{height: 40px; line-height: 40px; background: url(/uploads/image/cccsximg/hd1.png) right center no-repeat; margin-bottom: 39px;}
.tzggbox .ihd .more { float:right; color:#fff; font-size:14px; padding-right:20px;}
.tzggbox .ihd h3{float: left; font-size: 28px;font-weight: 600;font-style: italic;font-stretch: normal;letter-spacing: 0px;}
.tzggbox .ihd h3 a{color: #2978b0;}
.tzggbox .toplist .t{padding-bottom: 27px; margin-bottom: 32px; border-bottom:1px solid #eeeeee;}
.tzggbox .toplist .t .title{font-size: 18px; font-weight: 600; line-height: 18px; margin-bottom: 12px;}
.tzggbox .toplist .t .intro{font-size: 14px;line-height: 24px;color: #666666;}
.tzggbox .toplist .t.last{margin: 0;}
.text-box{width: 555px;}
.text-box .ihd{height: 40px; line-height: 40px; background: url(/uploads/image/cccsximg/hd2.png) center no-repeat; margin-bottom: 15px;}
.text-box .ihd h3,.pic_box .ihd h3{float: left; padding: 0 64px;}
.text-box .ihd h3 a,.pic_box .ihd h3 a{font-size: 24px;color: #2978b0; font-weight: 600;}
.text-box .ihd .more,.pic_box .ihd .more{float:right; font-size: 14px; color: #ffffff; margin-right: 20px;}
.text-box .ihd .more:hover,.pic_box .ihd .more:hover{color:#ffe757;}
.text-box .ibd .toplist .t{/* display: flex; */margin-bottom: 20px; position:relative;}
.text-box .ibd .toplist .t .pic{float: left; width: 240px; height: 160px; margin-right: 26px;}
.text-box .ibd .toplist .t .con{}
.text-box .ibd .toplist .t .con .title{font-size: 18px;font-weight: 600;line-height: 24px; height: 48px;}
.text-box .ibd .toplist .t .con .intro{font-size: 14px;line-height: 24px; height: 72px;color: #666666;}
.text-box .ibd .toplist .n{font-size: 18px;height: 40px;line-height: 40px; padding-left: 30px; background: url(/uploads/image/cccsximg/list_icon.png) 0 center no-repeat;}
.text-box .ibd .toplist .n a{color: #666666;}
.text-box .ibd .toplist .n a:hover{color: #0f73c9;}
.text-box .ibd .toplist .n .date{float: right; font-size: 14px; color: #999999;}

.text-box .ibd .toplist-pic .t  { margin:0;}
.text-box .ibd .toplist-pic .t .pic {float:none;margin: 0 auto;width: 475px;height: auto;padding:10px;background:#f4f4f4;}
.text-box .ibd .toplist-pic .t .pic img { width:475px; height:300px;}
.text-box .ibd .toplist-pic .t .con {margin: auto;width: 475px;background: #7d93c0; bottom:10px; position:absolute; text-align:center; left:50%; margin-left:-237px;}
.text-box .ibd .toplist-pic .t .con .title { height: 40px;line-height: 40px; }
.text-box .ibd .toplist-pic .t .con .title a { display:block; color:#fff; font-weight:400;}
.text-box .ibd .toplist-pic .t .con .intro { display:none;}

.pic_box .ihd{height: 40px; line-height: 40px; background: url(/uploads/image/cccsximg/hd3.png) center no-repeat; margin-bottom: 15px;}
.picinfolist{margin-right: -20px;}
.picinfolist li{float: left; width: 270px; height: 180px; margin-right: 20px;}
.picinfolist li .title{display: none;}



.xybabout {background:url(/uploads/image/cccsximg/xybaboutbg.jpg) no-repeat #237fcc;width: 550px;float:left;padding: 50px 0px 0;color:#fff;font-size:15px;height: 405px;}

.xybabout .areal {padding: 0 50px;}
.xybabout h2 { font-size:28px; text-indent:-20px; margin-bottom:20px;}
.xybabout p { line-height:2em}
.xybabout .arear {padding-top:30px;padding-left: 50px;position:relative;padding-right: 205px;height:160px;}
.xybabout a { color:#fff; text-decoration:underline;}
.xybabout .appcode {text-align:center;padding:0;font-size:14px;line-height:3em;position:absolute;right: 38px;top: 25px;}
.xybabout .appcode h4{line-height:20px; padding-top:5px;}


.xybaboutq {background:url(/uploads/image/cccsximg/xybaboutbg.jpg) no-repeat #237fcc;width: 550px;float:left;padding: 50px 0px 0;color:#fff;font-size:15px;height: 405px;}

.xybaboutq .areal {padding: 0 50px;}
.xybaboutq h2 { font-size:28px; text-indent:-20px; margin-bottom:20px;}
.xybaboutq p { line-height:2em}
.xybaboutq .arear {padding-top:30px;padding-left: 50px;position:relative;padding-right: 205px;height:160px;}
.xybaboutq a { color:#fff; text-decoration:underline;}
.xybaboutq .appcode {text-align:center;padding:0;font-size:14px;line-height:3em;position:absolute;right: 38px;top: 25px;}
.xybaboutq .appcode h4{line-height:20px; padding-top:5px;}


/* 文章列表页 ----------------------------------*/
.nosidecontent { background:#fff; padding:0 20px;}
.newslist{padding: 0 10px;}
.newslist li{height: 40px;line-height: 40px;overflow: hidden;padding-left: 30px;background: url(/uploads/image/cccsximg/list_icon2.png) 0 50% no-repeat;font-size: 16px;text-overflow: ellipsis;white-space: nowrap;}
.newslist .split{background: none; border-bottom: 1px dotted #ccc; height: 1px; overflow: hidden; font-size: 0; line-height: 0; margin: 15px 0;}
.newslist .date{float: right; color: #999;}
.list_box{background: #fff; padding: 30px 0;}
.side{float: left; width: 240px;}
.maincontent{float:right; width: 958px;border: solid 1px #eeeeee;}
.sidebox{margin-bottom: 20px;}
.sidebox .hd{height: 89px; line-height: 89px;background-color: #0083de; text-align: center; font-size: 24px; color: #fff;}
.sidebox .bd{padding: 10px 0;}
.sidebox .bd .menulist li{height: 50px; line-height: 50px; border-left: 5px solid #fff; text-align: center;}
.sidebox .bd .menulist li a{display:block; color: #333333; font-size: 14px;}
.sidebox .bd .menulist li.on,.sidebox .bd .menulist li:hover{background-color: #e8eff4; border-left: 5px solid #0083de;}
.sidebox .bd .menulist li.on a,.sidebox .bd .menulist li:hover a{font-weight: 600;}
.mainbox .mhd{height: 84px !important;line-height: 84px !important;border-bottom: 2px solid #2978b0;}
.mainbox {
    border: none !important;
    padding: 16px;
    background: #fff;
    min-height: 0 !important;
}
.mainbox .mhd h3{float: left;padding: 0 30px;color: #2978b0;font-weight: bold;font-size: 32px;}
.mainbox .mhd .path{float: right; height: 84px; line-height: 84px; margin-right: 30px;}
.mainbox .mbd{padding: 30px;}
.path{font-size:14px; color: #333333; font-weight: 600;}
.path a,
.path span{margin: 0 5px; color: #333;}
.art-path{height: 65px; line-height: 65px; border-bottom: 1px solid #dddddd; padding-left: 20px; background:  5px 50% no-repeat;}
.newlist li{padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px dashed #d9d9d9;}
.newlist li .pic{float: left; margin-right: 30px;}
.newlist li .con .title{font-size: 18px; line-height: 20px; color: #333333; margin-bottom: 10px;}
.newlist li .con .intro{font-size: 14px; line-height: 25px; color: #616161;}
.newlist li .con .date{font-size: 14px; line-height: 25px; color: #969696;}
/* url_方块样式分页 */
.page{font-size: 0; text-align: center; padding: 25px 0; clear: both; line-height: 34px;}
.page a,
.page span{display: inline-block; *display: inline; zoom: 1; border: 1px solid #d4d4d4; padding: 0 15px; margin-right: 5px; font-size: 12px; color: #666666; height: 30px; line-height: 30px; border-radius: 3px;}
.page a:hover{border: 1px solid #0f73c9; text-decoration: none; color: #0f73c9;}
.page .current{background: #0f73c9; border: 1px solid #0f73c9; color: #fff !important; font-weight: bold; padding: 0 12px;}
.page select{height: 23px; line-height: 23px; padding: 0 8px; background: #fff; border: 0 solid #d1d1d1; vertical-align: middle;}
/* .page .disabled{pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} */
.sidepiclist{text-align: center;}
.sidepiclist li{margin-bottom: 15px;}
.sidepiclist .pic{padding: 1px; border: 1px solid #ddd; margin-bottom: 5px;}
.sidepiclist .pic img{width: 100%}
.sidepiclist .title{text-align: left; line-height: 28px; height: 56px; overflow: hidden;}
.infolista li{line-height: 22px; padding: 8px 0 8px 12px; background:  0 -74px no-repeat; border-bottom: 1px dotted #ccc; overflow: hidden; font-size: 14px;}
.infolista .date{float: right; color: #999; font-size: 12px; margin-left: 15px;}
.infolista .last{border-bottom: 0}
.piclist li{margin-bottom: 15px; font-size: 14px;}
.piclist .pic a{padding: 1px; border: 1px solid #ddd; display: block;}
.piclist .pic img{width: 100%;}
.piclist .pic a:hover{border-color: #bbb}
.piclist .title{line-height: 24px; padding-top: 5px;}
.piclist .last{margin-bottom: 0}
/* 图片-列表页 ----------------------------------------- */
.picpagelist{margin-right: -40px; overflow: hidden; text-align: center; padding: 0 10px;}
.picpagelist li{border: 1px solid #ddd; float: left; width: 31%; margin: 0 15px 20px 0; *display: inline; position: relative; background: #fff; overflow: hidden;}
.picpagelist .pic{margin: 3%;}
.picpagelist .pic img{height: auto; width: 100%;}
.picpagelist .title,
.picpagelist .titlebg{position: absolute; bottom: 0; left: 0; width: 94%; margin: 3%; display: block; overflow: hidden; line-height: 28px; padding: 5px 0; height: 28px; z-index: 3; color: #fff; -webkit-transition: 400ms; -o-transition: 400ms; -moz-transition: 400ms; transition: 400ms;}
.picpagelist .titlebg{background: #000; filter: alpha(opacity=60); opacity: 0.6; z-index: 2}
.picpagelist .title a{color: #fff; padding: 0 10px; display: block; font-size: 14px}
.picpagelist li:hover{border-color: #bbb; -webkit-box-shadow: #eee 2px 2px 0; -moz-box-shadow: #eee 2px 2px 0; box-shadow: #eee 2px 2px 0;}
.picpagelist li:hover .title,
.picpagelist li:hover .titlebg{height: 56px;}
/* 文章内容页 -----------------------------------------*/
.articlecon{text-align: left; padding: 0px 50px 20px;}
.printarea .title{font-size: 25px; line-height: 1.5; text-align: center; margin-bottom: 30px; color: #0f73c9; font-weight: 500;}
.printarea .subtitle{font-size: 20px; color: #555; text-align: center; margin-bottom: 20px;}
.printarea .property{font-size: 14px; margin-bottom: 20px; padding: 0px 10px 25px; text-align: center; color: #777; border: none!important; border-bottom: 1px dashed #c7c7c7!important; background: transparent!important;}
.printarea .property span{padding: 0 5px;}
.printarea .contxt{color: #333; font-size: 16px; line-height: 2; padding: 0 0 20px 0; overflow: hidden;}
.printarea .contxt img{display: block; margin: auto!important; max-width: 800px; height: auto !important;}
.printarea .contxt p{margin-bottom: 20px;}
.printarea .contxt a{color: blue; text-decoration: underline;}
.printarea .contxt em{font-style: italic;}
.printarea .contxt ul,
.printarea .contxt ol{padding-left: 2em;}
.printarea .contxt ul li{zoom: normal; list-style: square; text-indent: 0 !important;}
.printarea .contxt ol li{zoom: normal; list-style: decimal; text-indent: 0 !important;}
.printarea .contxt h1{font-size: 2em; margin: .67em 0;}
.printarea .contxt h2{font-size: 1.5em; margin: .75em 0;}
.printarea .contxt h3{font-size: 1.17em; margin: .83em 0;}
.printarea .contxt h5{font-size: .83em; margin: 1.5em 0;}
.printarea .contxt h6{font-size: .75em; margin: 1.67em 0;}
.printarea .contxt h1,
.printarea .contxt h2,
.printarea .contxt h3,
.printarea .contxt h4,
.printarea .contxt h5,
.printarea .contxt h6,
.printarea .contxt b,
.printarea .contxt strong{font-weight: bolder;}
.printarea .vedioplayer{position: relative; z-index: 1500; background: #000; width: 800px; text-align: center; margin: 20px auto; height: 480px;}
.articlecon .usercontrol{font-size: 14px; overflow: hidden; text-align: center; padding: 10px 0; height: 40px;}
.articlecon .usercontrol span{position: relative; top: -31px;}
.articlecon .usercontrol .a{color: #777; margin: 10px 10px 0 0; float: left;}
.articlecon .usercontrol .bdsharebuttonbox{display: inline-block;}
.articlecon .page{padding: 10px 0; text-align: center; overflow: hidden;}
.articlecon .others{margin: 30px 0;}
.articlecon .others span{font-size: 16px; color: #0f73c9;}
.articlecon .others a,.articlecon .others .date{font-size: 16px; color: #333333;}
.articlecon .others a:hover{color: #0f73c9;}
.articlecon .others .prev,
.articlecon .others .next{padding: 5px 0;}
/* 相关信息 */
#relativeinfo{border-bottom: 1px solid #ddd;}
#relativeinfo .bd{padding: 10px 0 20px 0;}
#relativeinfo ul{overflow: hidden;}
#relativeinfo li{float: left; width: 50%;}
.pic a{display: block; position: relative;transition: all 200ms ease 0s;overflow: hidden;}
.pic a:hover{filter: alpha(opacity=80);opacity: .8;}
.pic a:before{content: "";position: absolute;width: 100px;height: 100%;top: 0;left: -100%;overflow: hidden;background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);-webkit-transform: skewx(-30deg);-moz-transform: skewx(-30deg);transform: skewx(-30deg);}
.pic a:hover:before{left: 150%;transition: left 1s ease 0s}
/*--
颜色代码
#bb0000 深色标题
#ddd 淡蓝色边框
--*/