/* 银图官网模版CSS文档 QQ：515635532*/
@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,fieldset,lengend,button,input,textarea,th,td,form {margin:0;padding:0;}
body,button,input,select,textarea {font:14px/1.5 "\5FAE\8F6F\96C5\9ED1",Arial,"5b8b\4f53",sans-serif;}
body {background-color:#fff;color:#333;}
i,em {font-style:normal;}
small {font-size:12px;}
ul,ol {list-style:none;}
a {color:#444;text-decoration:none;}
a:hover {color:#329FF2;text-decoration:none;}
a:focus,*:focus {outline:none;}
button,input,select,textarea,label {font-size:100%;vertical-align:middle}
table {border-collapse:collapse;border-spacing:0;}
hr {border:none;height:1px;}
img,a img {border:0;}


.play-box {position: fixed;top: 70px;width: 780px !important;left: 550px;z-index: 9999;height: 590px !important;}

.m-open-exit{
	display:block;
	position:absolute;
	right:0;
	top:0;
	z-index:999;
	width:46px;
	height:30px;
	line-height:30px;
	background:#8f8f8f;
	font-size:14px;
	font-weight:400;
	color:#fff;
	text-align:center;
	overflow:hidden;
	cursor:pointer
}
.m-black-bg{
	width:100%;
	height:100%;
	background:#000;
	display:none;
	overflow:hidden;
	position:fixed;
	top:0;
	left:0;
	z-index:998
}

.m-open-exit{
	display:block;
	width:46px;
	height:30px;
	line-height:30px;
	background:#8f8f8f;
	font-size:14px;
	font-weight:400;
	color:#fff;
	text-align:center;
	overflow:hidden;
	cursor:pointer;
	position: fixed;
    top: 43px;
    left: 1284px;
    z-index: 9999;
}

.playico{
    width: 87px;
    height: 87px;
    background-image: url(../images/icon_play.png);
    z-index: 99999;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    margin-top: -165px;
    margin-left: 80px;
}

.playico:hover{
    background-position: 0 -87px;
}

.fr {float:right;}
.fl {float:left;}
.hide {display:none;}
.block {display:block;}
.red {color:red;}
.blue {color:blue;}
.green {color:green;}
.clear {display:block;clear:both;height:0;overflow:hidden;}
.m20 {margin:20px 0;}
.m10 {margin:5px 0}
.m15 {margin:15px 0}
.mt15 {margin-top:15px}
.shadow {box-shadow:2px 6px 5px #E9E9E9;}


.content {position:relative;text-align:center;}
.box {width:1200px;margin:0 auto;overflow:hidden;position:relative;}  
.pos {height:45px;line-height:45px;background:#fff;color:#666;}

.hd {height:100px;}
.hd .h-logo {float:left;width:263px;overflow:hidden;}
.hd .h-logo a {width:100%;height:100px;background:url(../images/logo.png) no-repeat;display:inline-block;}
.hd .h-nav {width:550px; float:left;margin:30px 0 0 110px;}
.hd .h-nav li {float:left;width:70px;margin-right:40px;height:40px;line-height:40px;overflow:hidden;text-align:center;}
.hd .h-nav li a {font-size:16.5px;color:#3F4E59;}
.hd .h-nav li:hover,.hd .h-nav li.on {border-bottom:3px solid #0083F1;}
.hd .h-nav li:hover a,.hd .h-nav li.on a {color:#0083F1;text-decoration:none;}
.hd .h-search {float:left;width:218px; height:30px;border:1px solid #666;  overflow:hidden;margin:35px 0 0 20px;}
.hd .h-search .ipt {width:180px;text-indent:0.5em;line-height:30px; border:0;color:#5E5E5E;}
.hd .h-search .btn {width:24px;height:24px;font-size:0;text-indent:-9999em;cursor:pointer;border:0;background:url(../images/icon-search-btn.png) no-repeat 0 0;}


.homeBanner {height:627px;margin-bottom:30px;background:#0D96FF url(../images/homeBanner.png) no-repeat 50% 50%;overflow:hidden;}
.homeBanner .downBox {width:43%;float:right;margin-top:65px;}
.homeBanner .downBox .downText {width:100%;padding:50px 0 0;font-size:18px;color:#fff;clear:both;}
.homeBanner .downBox .downText h4{font-size:24px;font-weight:normal;margin-bottom:20px;}.homeBanner .downBox .downText .t4h{font-size:24px;font-weight:normal;margin-bottom:20px;}
.homeBanner .downBox .downText h2{font-size:38px;font-weight:normal;}.homeBanner .downBox .downText .t2h{font-size:38px;font-weight:normal;}
.homeBanner .downBox .downText strong {font-size:38px;color:#fff;display:block;padding-bottom:5px;}
.homeBanner .downBox .downText span {display:block;padding:5px 0;font-size:14px;}
.homeBanner .downBox .downLink {width:100%; color:#fff;line-height:100%;clear:both;overflow:hidden;} 
.homeBanner .downBox .downLink .clickUrl {float: left;width: 200px;height: 60px;background: url(../images/xia_zai.png) no-repeat;overflow: hidden;text-indent: -9999em;}
.homeBanner .downBox .downLink .xlUrl {float: left;width: 200px;height: 60px;background: url(../images/xia_zai.png) no-repeat 15px -60px;overflow: hidden;text-indent: -9999em;}
.homeBanner .downBox .downLink .downInfo {float:left;margin-left:25px;line-height:165%;} 
.homeBanner .downBox  .downBt{width:100%;margin-top:20px; color:#fff;color:#fff;}
.homeBanner .downBox  .downBt a{color:#fff;margin-right:20px;display:inline-block;}
.homeBanner .downBox  .downBt span{display:block;color:#fff;/*margin-top:20px;*/}
.homeBanner .downBox  a{color:#fff;}
.homeBanner .downBox  a:hover{color:#D0FF00;}
  
.homePList{width:100%;overflow:hidden;position:relative;}
.homePList ul{width:100%;padding:30px 0 0;overflow:hidden;}
.homePList ul li{float:left;width:250px;height:300px;padding:0 32px 40px 0;  margin-right:33px; border-right:1px dashed #fff;}
.homePList ul li.mr0{padding-right:0;margin-right:0; clear:right;}
.homePList ul li a.block{display:block; font-size:15px; height:225px; overflow:hidden;color:#555;margin-bottom:10px;position:relative;font-size:18px;font-weight:600;text-align:center;}
.homePList ul li a.block  i{width:85px; height:85px;margin:-60px 0 0 -43px;display:block;background:url('../images/home-ico-play.png') no-repeat 0 0; z-index:9999;position:absolute;top:50%;left:50%;}
.homePList ul li a.block:hover{color:#329FF2; }
.homePList ul li a.block:hover  i{background-position:0 -85px; }
.homePList ul li img{width:100%;height:190px;display:block;margin-bottom:10px;}
.homePList ul li span{font-size:13px;color:#666;text-indent:2em;display:inline-block;line-height:180%;text-align:left;} 
.homePList ul li:hover span{color:#666;} 
   
.homePList ul.sys li {text-align:center;height:350px; border-right:1px dashed #ddd; }
.homePList ul.sys li a.down{width:125px;height:32px;line-height:32px;margin:18px auto;font-size:16px;text-align:center;color:#329FF2;background:#fff;display:inline-block;border:1px solid #329FF2; } 
.homePList ul.sys li a.down:hover{color:#fff;background:#329FF2;} 
.homePList ul.sys li.mr0{border-right:1px dashed #fff;}

  
.homePList ul.video li {text-align:center; }
.homePList ul.video li .play,
.homePList ul.video li a.block{height:185px; overflow:hidden;margin-bottom:10px;position:relative;}
.homePList ul.video li span.tit{display:block; font-size:15px;font-size:18px;font-weight:600;text-align:center;color:#555;margin:10px 0;text-indent:0em;}



.listFocus {width:1200px;height:430px;overflow:hidden;margin:70px 0; position:relative;}
.listFocus .focus {width:100%;}
.listFocus .focus li {position:absolute;top:0;left:2%;list-style:none;opacity:0;transition:all 0.3s ease-out;}
.listFocus .focus li img {width:600px;height:420px;border:none;}  
.listFocus .focus li.p1 {transform:translate3d(-0,0,0) scale(1);transform-origin:0% 0%;-ms-transform:translate3d(-0,0,0) scale(1);opacity:1;z-index:3;}
.listFocus .focus li.p2 {transform:translate3d(200px,50px,0) scale(0.88);transform-origin:0% 0%;-ms-transform:translate3d(-0,0,0) scale(1); opacity:1; z-index:2;  }
.listFocus .focus li.p3 {transform:translate3d(350px,85px,0) scale(0.80);transform-origin:0% 0%;-ms-transform:translate3d(-0,0,0) scale(1);opacity:1;z-index:1; }
 
.listFocus .buttons {position:absolute;width:100px;height:20px;bottom:20px;right:6%;z-index:999;text-align:center;}
.listFocus .buttons a {display:inline-block;width:12px;height:12px;margin:0 3px;cursor:pointer;}
.listFocus .buttons span {display:block;width:12px;height:12px;background:#0C95FE;border-radius:50%;}
.listFocus .buttons span.blue {background:#0C95FE;width:7px;height:7px;margin-top:3px;}

.listFocus .focus-art {width:260px;height:420px; float:right;position:relative;overflow:hidden;}
.listFocus .focus-art dl {width:100%;}
.listFocus .focus-art dl dt{color:#0C95FE;text-indent:0;font-size:24px;margin-bottom:20px;font-weight:600}
.listFocus .focus-art dl dd{ text-indent:2em;color:#0C95FE;line-height:200%;}
.listFocus .focus-art a {color:#0C95FE}

.homeTlist {width:100%;overflow:hidden;} 
.homeTlist .side-box{float:left; width:31%;margin-right:3.5%;}
.homeTlist .mr0{margin-right:0;}

.homeAdRow{background:#0C95FE;height:200px;padding:100px 0;overflow:hidden;text-align:center; }
.homeAdRow h2{font-size:40px;color:#fff; }
.homeAdRow h4{font-size:13px;color:#fff;font-weight:normal;padding:10px 0;}
.homeAdRow a{width:200px;height:60px;display:inline-block;text-align:center;overflow:hidden;margin-top:30px;}
.homeAdRow a.todown{background:#fff;border:2px solid #fff;color:#0C95FE;margin-right:30px;font-size:13px;}
.homeAdRow a.todown:hover{background:#0C95FE;color:#fff;}
.homeAdRow a.todown strong{padding:0 0 5px ;display:block;font-weight:normal;font-size:20px;}
.homeAdRow a.toread {line-height:60px;border:2px solid #fff;color:#fff;font-size:20px;}
.homeAdRow a.toread:hover{background:#fff;color:#0C95FE;}

.plbox{width:95%;padding:2.5%;}

.safa-link {margin-top:50px;margin-bottom:30px;overflow:visible;}
.safa-link ul {width:95.8%;float:left;padding:10px 2%;border:1px dashed #999;position:relative;}
.safa-link ul li {float:left;width:16.6%;text-align:center;}
.safa-link ul li img {width:180px;height:70px;}
.safa-link ul strong {color:#fff;background:#007AE2;height:26px;line-height:26px;padding:1px 15px;position:absolute;margin-top:-30px;}

.link-pic {width:100%; margin:40px 0;overflow:hidden;position:relative;clear:both;}
.link-pic ul {width:100%;padding-top:3%; background:#fff;overflow:hidden;}
.link-pic ul li {float:left;width:90px;height:40px;margin-right:21px;margin-bottom:21px;overflow:hidden;text-align:center;}
.link-pic ul li.mr0{margin-right:0;}
.link-pic ul li img {width:90px;height:40px;}
.link-pic ul li a {color:#555;font-size:14px;}

.link-txt {width:100%;margin:15px 0;position:relative;background:#fff;line-height:180%;}
.link-txt .linklist {width:100%;margin:40px 0;clear:both;}
.link-txt .linklist a {font-size:13px;color:#999;border-right:1px solid #ccc;padding:0 10px 0 3px;margin-right:5px;}
.link-txt .linklist a:hover {color:#1A8EFF;text-decoration:none;}

.footer{background:#0C95FE;border-top:5px solid #6DC0FF;color:#fff; text-align:left;padding:35px 0;margin-top:15px;}
.footer .box{background:url(../images/ft_rbg.png) no-repeat right 50%;}
.footer .ft_nav  {color:#44AEFF;}
.footer .ft_nav a {margin:0 5px;}
.footer a {color:#fff;}
.footer a:hover{text-decoration:underline;}
.footer p {line-height:250%}

 
.artBanner {height:260px;margin:0 0 30px;background:#0D96FF url(../images/artBanner.png) no-repeat 50% 50%;overflow:hidden;}
.artBanner .downBox {width:43%;float:right;}
.artBanner .downBox .downText {width:100%;padding:35px 0 0;font-size:18px;color:#fff;clear:both;} 
.artBanner .downBox .downText h2{font-size:38px;font-weight:normal;} 
.artBanner .downBox .downLink {width:100%;margin-top:15px; color:#fff;line-height:100%;clear:both;overflow:hidden;} 
.artBanner .downBox .downLink .clickUrl {float:left;width:200px;text-align:right; padding-right:35px;height:68px;line-height:68px;background:#fff url('/images/icon-down.png') no-repeat 20px 50%;color:#0D96FF; font-size:30px; display:inline-block;}
.artBanner .downBox .downLink .downInfo {float:left;margin-left:25px;line-height:175%;} 
.artBanner .downBox  .downBt{width:100%;margin-top:20px; color:#fff;color:#fff;}
.artBanner .downBox  .downBt a{color:#fff;margin-right:20px;display:inline-block;}
.artBanner .downBox  .downBt span{display:block;color:#fff;margin-top:20px;}
.artBanner .downBox  a{color:#fff;}
.artBanner .downBox  a:hover{color:#D0FF00;}
   

.art-main,.art-side {float:left;overflow:hidden;}
.art-main {width:67%;padding-right:2.5%;}
.art-side {width:30.5%;margin-bottom:20px;}
.art-page {width:94%;padding:0 1%;background:#fff;min-height:400px;margin-bottom:20px;}

.art-item {width:97%;padding:3% 1.5%;border-bottom:1px solid #E6E6E6;overflow:hidden;position:relative;clear:both;}
.art-item dt {float:left;width:31%;overflow:hidden;}
.art-item dt img {width:195px;height:135px;}
.art-item dd {float:left;width:68%;color:#999;}
.art-item dd .tit {display:block;font-size:16px;margin-top:10px;}
.art-item dd .tit a {color:#444;}
.art-item dd .tit a:hover {color:#1C9CFF;}
.art-item dd .item_intro {line-height:150%;padding:10px 0;font-size:10pt;}
.art-item dd .item_date {float:left;text-indent:2em;margin-right:30px;background:url(../images/bgSmallitem.png) no-repeat left 0;}
.art-item dd .item_tag {
	float: left;
	text-indent: 2em;
	background: url(../images/bgSmallitem.png) no-repeat left -20px;
	color: #1C9CFF;
}
.art-item dd .item_tag a {margin-right:10px;font-size:14px;color:#1C9CFF;}

.st {width:100%;color:#605D56;position:relative;}
.st h3 {font-size:24px;font-weight:800;display:block;}
.st em{font-weight:normal;font-size:13px;position:absolute;margin-top:-3px;display:inline-block; }
.st a{font-size:13px;font-weight:normal;color:#605D56;} 
.st a:hover{color:#1C8DFF;} 

.side-box {width:99%;margin:20px 0;overflow:hidden;position:relative;}
.side-box ul {width:99%;padding:5px 0%;overflow:hidden;background:#fff;}
.side-box ul li {margin:14px 0;height:16px;line-height:16px;overflow:hidden;}
.side-box ul li a {font-size:14px;margin-left:1em;}
.side-box ul li i {width:6px;height:6px;border-radius:50%;background:#1C9CFF;color:#1C9CFF;display:inline-block;}

.side-box ul.row2 {padding:30px 0%;}
.side-box ul.row2  li {float:left;width:50%;margin:8px 0;height:16px;line-height:16px;overflow:hidden;}

.artinfo {float:left;width:100%;height:95px;border-bottom:1px solid #ddd;}
.artinfo dt {height:40px;line-height:40px;margin:0 0 5px;overflow:hidden;}
.artinfo dt h1 {font-size:22px;font-weight:normal;text-align:center;}
.artinfo dd {font-size:13px;color:#999;line-height:150%;}
.artinfo dd span.infos {float:left;margin:3px 20px 0 200px;color:#999;line-height:150%}
.artinfo dd span.infos a{color:#1C8DFF;}

.artcontent {width:90%;margin:auto;padding:25px 0;line-height:180%;font-size:14px;color:#444;}
.artcontent img {max-width:680px;_width:expression(this.width>680 ? 680:true);height:auto;margin-bottom:5px;text-indent:0em!important;margin:0 auto;}
.artcontent p {display:block;clear:both;margin-bottom:20px;}
.artcontent a {color:#1A8EFF;}
.artcontent a:hover {text-decoration:underline;}
.artcontent .tags {color:#999;margin-top:20px;height:36px;line-height:36px;overflow:hidden;}
.artcontent .tags a {margin:0 5px;}

.art_next {width:100%;height:65px;line-height:65px;overflow:hidden;clear:both;border-top:1px solid #ddd;}
.art_next span {float:left;display:block;width:50%;height:45px;line-height:45px;margin-top:8px;color:#999;overflow:hidden;}
.art_next span.next {text-align:left;}
.art_next span.pre {text-align:right;}


.pagebox { width: 96%;padding:0 2%;height:36px;line-height:36px; margin: 10px auto; text-align: center;  overflow:hidden; clear:both;}
.pagebox a { color: #666; background: #fff; border: 1px solid #eee;   padding:5px 11px; font-size:12px;}
.pagebox a:hover { color: #fff; background:#2C99F6; text-decoration:none; }
.pagebox span { width: auto; margin: 0px 5px; }
.pagebox b{color:#2C99F6;border: 1px solid #eee;  padding:5px 11px;background:#2C99F6;color:#fff;font-weight:normal;font-size:12px;}
.pagebox a b{color:#666; border:none; background:none;padding:0;font-weight:normal;}
.pagebox a:hover b{ background-color:none;color:#fff;}



.videoList{width:94%;padding:3%;overflow:hidden;position:relative;}
.videoList ul{width:100%;overflow:hidden;}
.videoList ul li{float:left;width:232px;margin:20px 25px;overflow:hidden;}
.videoList ul li .play{width:285px;height:185px; overflow:hidden;}
.videoList ul li .jwplayer,
.videoList ul li a.block{display:block;height:185px; overflow:hidden;position:relative;}
.videoList ul li a.block  i{width:56px; height:56px;margin:-40px 0 0 -28px;display:block;background:url('../images/ico-play.png') no-repeat 0 0; z-index:9999;position:absolute;top:50%;left:50%;}
.videoList ul li a.block:hover  i{background-position:0 -56px; }
.videoList ul li a.block  img{width:100%;height:185px;display:block;margin-bottom:20px;}

.videoList ul li span.tit{ font-size:15px; color:#444; height:30px;line-height:30px;display:block;text-align:center;margin:10px 0;overflow:hidden;}
.videoList ul li span.tit:hover{color:#444; }

.videoList ul li span.fl,
.videoList ul li span.fr{font-size:12px;color:#999;height:16px;line-height:16px;} 
.videoList ul li span.fl{text-indent:1.7em;font-size:12px;color:#999;background:url(../images/ico-videolist.png) no-repeat 0 0;} 
  
.logList {width:955px;margin:15px auto; background:#fff;overflow:hidden;position:relative; }
.logList  dl {width:100%;clear:both;}
.logList  dl.block  dd{display:block;}
.logList  dl dt {height:105px;line-height:105px;text-align:center;clear:both;cursor:pointer;}
.logList  dl dt strong {width:120px;display:inline-block;height:38px;line-height:38px;border:1px solid #2C99F6;font-size:12px;color:#1A8EFF;text-align:center;font-weight:normal;}
.logList  dl dt i {margin-left:5px;border:6px solid transparent;   width: 0; height: 0px;display:inline-block;border-bottom: 10px solid #2C99F6;border-top:0; }
.logList  dl dt i.darr {border-top: 10px solid #2C99F6;border-bottom:0;} 
.logList  dl dd {display:none;width:100%;overflow:hidden;position:relative;} 
.logList  dl dd  .logcon{width:330px;padding:30px;background:#E9F5FE;color:#2C99F6;font-size:12px;}
.logList  dl dd  .logdate{width:155px;text-align:center;overflow:hidden;}
.logList  dl dd   i{margin-top:20px;border: 10px solid transparent;   width: 0; height: 0px;display:block;}
.logList  dl dd  .fl  i{float:left;border-left: 15px solid #E9F5FE;}
.logList  dl dd  .fr  i{float:right;border-right: 15px solid #E9F5FE;}
.logList  dl dd  .logdate h2{color:#2C99F6;font-size:28px;}
.logList  dl dd  .logdate h3{color:#2C99F6;font-size:20px;}
.logList  dl dd  .logdate .cline{width:5px;background:#2C99F6; position:absolute; left:50%;top:50px; height:70%; }
.logList  .showAllLog{width:70%;display:block;margin:55px auto 20px;height:30px;line-height:30px;text-align:center;font-size:12px;color:#2C99F6;border:1px solid #2C99F6;background-color:#F0F8FE; cursor:pointer;}

.about_box {width:98%;padding:30px 0;margin:15px auto;background:#fff;background:#fff;position:relative;overflow:hidden; }
.about_side {float:left;width:15%;background:#fff;padding:5% 2.5% 0;min-height:500px;border-right:1px solid #ddd;}
.about_side ul {width:90%;margin:auto;overflow:hidden;}
.about_side ul li {height:36px;line-height:36px;margin:10px 0;overflow:hidden;text-align:left;}
.about_side ul li a {display:block;font-size:15px;text-indent:3em;color:#666}
.about_side ul li a.on,.about_side ul li a:hover {background:#1A8EFF;color:#fff;text-decoration:none;}
.about_con {float:left;width:69.5%;padding:5% 5% 0;min-height:500px;}
.about_con h1 {height:50px;line-height:50px;margin:0 0 20px;font-size:28px;clear:both;text-align:center;color:#1A8EFF;}
.about_content {width:800px;line-height:190%;font-size:15px;}
.about_content img {max-width:99%;}
.about_content p {text-indent:2em;margin-bottom:15px;}
.about_content p img {margin-left:-2em;}
.about_content a {text-decoration:underline;}


.ad {width:100%;overflow:hidden;position:relative;clear:both;}
.ad img {width:100%;}
.ad_top {height:100px;}
.ad_top img {height:100px;}
.ad_bottom {margin:20px 0;height:100px;}
.ad_bottom img {height:100px;}
.ad_side {margin:0 0 20px;height:293px;}
.ad_side img {height:293px;}



#reTop{position:fixed;right:3%;bottom:15%;width:60px;height:60px;line-height:60px;background:#858585;cursor:pointer;text-align:center;}
#reTop i{border:15px solid transparent;   width: 0; height: 0px;display:inline-block;border-bottom: 15px solid #fff;  }

#reTop:hover{background:#5CD1FF;}
#reTop:hover i{border-bottom-color:#fff;  }


@media screen and (min-width: 320px)  {
 		.w100 {width:1200px;}
}
@media screen and (min-width: 414px)  {
		.w100 {width:1200px;}
}
@media screen and (min-width: 800px) {
		.w100 {width:1200px;}
}
@media screen and (min-width: 1024px)  {
	.w100 {width:100%;position:relative;overflow:hidden;}
}