/*global*/
body{ background: url(../img/index-bg.jpg) repeat #0a1e3e; max-width: 100%; min-width: 1000px; overflow-x:hidden!important; _overflow-x:hidden!important}
.fangsong{ font-family:'华文仿宋',Microsoft Yahei}
.container{ width: 1000px; margin: 0 auto; position: relative; font-family: Arial,Helvetica,"Microsoft Yahei"; *font-family: Microsoft Yahei; font-size: 14px; }
.container2{ width: 890px; margin: 0 auto; position: relative; font-family: Arial,Helvetica,"Microsoft Yahei"; *font-family: Microsoft Yahei; font-size: 14px; }
.bannerscollection_zoominout.opportune .bannerscollection_zoominout.opportune{display: none;}


/* index
--------------------*/
.section { margin:100px auto 0px auto; padding: 0px 20px; }
#exhibition { position: relative; margin: 0 auto; max-width: 1020px; padding:60px 0 70px; border-bottom: 1px solid #E6E6E6; box-shadow: 0 1px 0 #FFFFFF; text-align: center; }
#exhibition h2 { letter-spacing:0.15em; margin:0 0 50px 0; }
#Carousel { /* padding:0 20px; */}
.exhibition_cption { line-height:20px; margin:20px 0 0; text-align:center; height:110px; }
.ellipsis{ overflow: hidden; max-width: 290px; line-height: 2.0; white-space: nowrap; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */
    color: #393939}.exhibition_cption  .col1 a{ color: #888}
#Carousel .exhibition_cption a{ display: inline; }
#Carousel li{ max-height:300px; overflow:hidden; display:block; }
#Carousel li a { height:190px; overflow:hidden; display:block; }
.bx-wrapper{ position:relative; margin:0 0 60px; padding:0; *zoom:1; }
.bx-wrapper img{ width:100%; display:block; }
.bx-wrapper .bx-viewport{ text-align:left; font-size:12px; height: 280px; }
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto{ position:absolute; bottom:-60px; width:100%; }
.bx-wrapper .bx-loading{ min-height:50px; background:url(../img/bx_loader.gif) center center no-repeat #fff; height:100%; width:100%; position:absolute; top:0; left:0; z-index:2000; }
.bx-wrapper .bx-pager{ text-align:center; font-size:.85em; font-family:Arial; font-weight:bold; color:#666; padding-top:20px; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item{ display:inline-block; *zoom:1; *display:inline; }
.bx-wrapper .bx-pager.bx-default-pager a{ background:#B7B7B7; text-indent:-9999px; display:block; width:9px; height:9px; margin:0 13px; outline:0; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; }
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active{ background:#b9292e; }
.bx-wrapper .bx-prev{ left:-50px; background:url(../img/sprite.png) no-repeat 0 -32px; }
.bx-wrapper .bx-next{ right:-50px; background:url(../img/sprite.png) no-repeat -43px -32px; }
.bx-wrapper .bx-prev:hover{ background-position:0 1px; }
.bx-wrapper .bx-next:hover{ background-position:-43px 1px; }
.bx-wrapper .bx-controls-direction a{ position:absolute; top:35%; margin-top:-16px; outline:0; width:32px; height:32px; text-indent:-9999px; z-index:10; }
.bx-wrapper .bx-controls-direction a.disabled{ display:none; }
.bx-wrapper .bx-controls-auto{ text-align:center; }
.bx-wrapper .bx-controls-auto .bx-start{ display:block; text-indent:-9999px; width:10px; height:11px; outline:0; background:url(../img/controls.png) -86px -11px no-repeat; margin:0 3px; }
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active{ background-position:-86px 0; }
.bx-wrapper .bx-controls-auto .bx-stop{ display:block; text-indent:-9999px; width:9px; height:11px; outline:0; background:url(../img/controls.png) -86px -44px no-repeat; margin:0 3px; }
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active{ background-position:-86px -33px; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{ text-align:left; width:80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{ right:0; width:35px; }
.bx-wrapper .bx-caption{ position:absolute; bottom:0; left:0; background:#666\9; background:rgba(80, 80, 80, 0.75); width:100%; }
.bx-wrapper .bx-caption span{ color:#fff; font-family:Arial; display:block; font-size:.85em; padding:10px; }
.extitle{ height: 36px; text-align: center; margin-bottom: 30px; position:relative; }

.alert_tip{ width: 400px; height: 200px; position: fixed; z-index: 100; left:50%; margin-left: -200px; top: 50%; margin-top: -100px; background: #fff; color: #aaa; display: none; font-size: 14px; text-align: center; border:4px solid #d1d1d1; line-height: 200px; }
#bannerscollection_zoominout_photoText1 .t1{ font-size: 30px; width: 400px; color: #14ecd1; line-height:35px; left: 50%; margin-left: -200px; text-align: center; letter-spacing: 2px; }
#bannerscollection_zoominout_photoText1 .t2{ font-size: 30px; width: 460px; color: #fff; line-height:40px; left: 50%; margin-left: -230px; text-align: center; letter-spacing: 10px; }
#bannerscollection_zoominout_photoText1 .btn{ font-size: 18px; width: 150px; height: 46px; background:#14ecd1; color:#fff; line-height:46px!important; left: 50%; margin-left: -75px; text-align: center; }
.btn .newFS{ line-height: 46px!important; height: 46px!important; }
#bannerscollection_zoominout_photoText2 .t1{ font-size: 30px; width: 400px; color: #ff1900; line-height:35px; left: 50%; margin-left: -200px; text-align: center; letter-spacing: 2px; }
#bannerscollection_zoominout_photoText2 .t2{ font-size: 30px; width: 460px; color: #fff; line-height:40px; left: 50%; margin-left: -230px; text-align: center; letter-spacing: 10px; }
#bannerscollection_zoominout_photoText2 .btn{ font-size: 18px; width: 150px; height: 46px; background:#ff1900; color:#fff; line-height:46px!important; left: 50%; margin-left: -75px; text-align: center; }
#bannerscollection_zoominout_photoText3 .t1{ font-size: 30px; width: 400px; color: #009cff; line-height:35px; left: 50%; margin-left: -200px; text-align: center; letter-spacing: 2px; }
#bannerscollection_zoominout_photoText3 .t2{ font-size: 30px; width: 460px; color: #fff; line-height:40px; left: 50%; margin-left: -230px; text-align: center; letter-spacing: 10px; }
#bannerscollection_zoominout_photoText3 .btn{ font-size: 18px; width: 150px; height: 46px; background:#009cff; color:#fff; line-height:46px!important; left: 50%; margin-left: -75px; text-align: center; }
#bannerscollection_zoominout_photoText4 .t1{ font-size: 30px; width: 400px; color: #f65fab; line-height:35px; left: 50%; margin-left: -200px; text-align: center; letter-spacing: 2px; }
#bannerscollection_zoominout_photoText4 .t2{ font-size: 30px; width: 460px; color: #fff; line-height:40px; left: 50%; margin-left: -230px; text-align: center; letter-spacing: 10px; }
#bannerscollection_zoominout_photoText4 .btn{ font-size: 18px; width: 150px; height: 46px; background:#f65fab; color:#fff; line-height:46px!important; left: 50%; margin-left: -75px; text-align: center; }
.bannerscollection_zoominout_texts .t1{ font-weight: bolder; }
.bannerscollection_zoominout_texts .t1,.bannerscollection_zoominout_texts .t2{ text-shadow:1px 1px 1px rgba(0,0,0,.9); }
.bottomNav{ top: 28px!important; margin-top: 0px!important; }
.bannerscollection_zoominout.opportune .bottomNav {
	position:absolute;
	width: 172px!important;
	left: 50%!important;
	margin-left: -79px;
	height:24px;
	bottom:-56px;
	z-index:3;
}
.col-title a{ float:left; width: 120px; height: 36px;}

.changcolor a:hover{ background:}

/*header*/
.header{ background: url(../img/header-bg.jpg) repeat #f3e9db; height: 169px; position: relative; width: 100%;z-index: 10003;margin: -20px 0px 0px 0px;}
.header .container{ height: 169px; }
.header .nav{ width: 100%; height: 100px; float:left; position: relative; }
.header a.logo{ width:210px; height: 100px; background: url(../img/index-sprite.png?) no-repeat 0px 0px; float: left; }
.header .header-pattern{ width: 100%; height: 12px; background: url(../img/header-pattern.png) repeat-x; position: absolute; bottom: -10px; left: 0px; z-index: 1}
.header .nav-right{ width: 365px; height:50px; float: right; margin-top: 50px; }
.header .nav-right .nav-search{ width:236px; position: relative; float: left; }
.header .nav-right .nav-search input{ width: 227px; border: 1px solid #000; height: 30px; padding: 0px 8px 0 8px; float: left; color: #0C2345; font-size: 16px; width: 217px\0; line-height: 30px\0; *width: 217px; *line-height: 30px }
.header .nav-right .nav-search button{ background: url(../img/index-sprite.png?) no-repeat -5px -321px; width: 28px; height: 22px; position: absolute; right: 10px; top: 3px; }
.header .nav-right span{ margin-top: 2px; float: left; }
.header .nav-right span,.header .nav-right span a{ width: 60px; text-align: center; float: left; cursor: pointer; position: relative; }
.header .nav-right span.signin{ border-right:1px solid #0c2345}
.header .nav-right span a{ color: #0c2345; font-size: 18px; }
.header .nav-right span a span{ filter:alpha(opacity=0); -moz-opacity:0; opacity: 0; }
.header .nav-right span a{ background:url(../img/index-text.png?v=624) no-repeat; }
.header .nav-right span.signin a{ background-position: -119px -155px}
.header .nav-right span.signup a{ background-position: -187px -155px}
.header .nav-right span a:hover{ color: #000; filter:alpha(opacity=90); -moz-opacity:.9; opacity: .9; }


.header .menu { width: 100%; display: block; height: 68px; background: url(../img/header-bg.jpg) repeat; position: relative; z-index: 9; float: left;}
.header .menu span{ width: 24px; height: 68px; float: left; }
.header .menu span.menu-left{ background: url(../img/header-menu-pattern.png) top left no-repeat; }
.header .menu span.menu-right{ background: url(../img/header-menu-pattern.png) top right no-repeat; }
.header .menu ul.menu-list{ width: 952px; float: left; background: url(../img/header-menu-pattern-bg.png) repeat; height: 43px; padding-top: 25px}
.header .menu ul.menu-list li.links{ display: inline-block; border-right:1px solid #bc2626; border-left:1px solid #bc2626; margin-right: 2px; padding: 0 20px; float: left; position: relative; height: 25px; }
.header .menu ul.menu-list li.links.link-1{ border-left:0px; }
.header .menu ul.menu-list li.links.link-8{ border-right:0px; }
.header .menu ul.menu-list li.links a.link-a{ color: #0c2345; font-size: 18px; font-weight: bold; background:url(../img/index-text.png?v=624) no-repeat; width: 100%; position: absolute; height: 54px; left: 0px; top: 0px; cursor: pointer;}
.header .menu ul.menu-list li.links.link-1 a.link-a{ background-position: 8px -12px}
.header .menu ul.menu-list li.links.link-2 a.link-a{ background-position: -73px -12px}
.header .menu ul.menu-list li.links.link-3 a.link-a{ background-position: -212px -12px}
.header .menu ul.menu-list li.links.link-4 a.link-a{ background-position: -348px -12px}
.header .menu ul.menu-list li.links.link-5 a.link-a{ background-position: 9px -88px}
.header .menu ul.menu-list li.links.link-6 a.link-a{ background-position: -112px -88px}
.header .menu ul.menu-list li.links.link-7 a.link-a{ background-position: -218px -88px}
.header .menu ul.menu-list li.links.link-8 a.link-a{ background-position: -330px -88px}
.header .menu ul.menu-list li.links a.link-a span{ float: left; width: 100%; filter:alpha(opacity=0); -moz-opacity:0; opacity: 0; height: 24px; }
.header .menu ul.menu-list li.links.link-1{ width: 40px; }
.header .menu ul.menu-list li.links.link-2{ width: 78px; }
.header .menu ul.menu-list li.links.link-3{ width: 93px; }
.header .menu ul.menu-list li.links.link-4{ width: 78px; }
.header .menu ul.menu-list li.links.link-5{ width: 78px; }
.header .menu ul.menu-list li.links.link-6{ width: 78px; }
.header .menu ul.menu-list li.links.link-7{ width: 78px; }
.header .menu ul.menu-list li.links.link-8{ width: 78px; }
.header .menu ul.menu-list li.links.link-1 a.link-a:hover,.header .menu ul.menu-list li.links.link-1.act a.link-a{background-position: 8px -551px}
.header .menu ul.menu-list li.links.link-2 a.link-a:hover,.header .menu ul.menu-list li.links.link-2.act a.link-a{background-position: -73px -551px}
.header .menu ul.menu-list li.links.link-3 a.link-a:hover,.header .menu ul.menu-list li.links.link-3.act a.link-a{background-position: -212px -551px}
.header .menu ul.menu-list li.links.link-4 a.link-a:hover,.header .menu ul.menu-list li.links.link-4.act a.link-a{background-position: -348px -551px}
.header .menu ul.menu-list li.links.link-5 a.link-a:hover,.header .menu ul.menu-list li.links.link-5.act a.link-a{background-position: 9px -627px}
.header .menu ul.menu-list li.links.link-6 a.link-a:hover,.header .menu ul.menu-list li.links.link-6.act a.link-a{background-position: -112px -627px}
.header .menu ul.menu-list li.links.link-7 a.link-a:hover,.header .menu ul.menu-list li.links.link-7.act a.link-a{background-position: -218px -627px}
.header .menu ul.menu-list li.links.link-8 a.link-a:hover,.header .menu ul.menu-list li.links.link-8.act a.link-a{background-position: -330px -627px}

.header .menu ul.menu-list li.links .sec-nav{position: absolute; top:54px ;left:0px; width: 84%; height: auto; padding:5px 8% ;z-index: 10003; background: url(../img/index-bg.jpg) repeat #0A1E3E; color: #fff; font-size: 16px; text-align: center; display: none;filter:alpha(opacity=0); -moz-opacity:0; opacity: 0;}
.header .menu ul.menu-list li.links .sec-nav li{  float: left; width: 100%}
.header .menu ul.menu-list li.links .sec-nav li a{ color: #fff;-webkit-transition: all .15s ease; -moz-transition: all .15s ease; transition: all .15s ease; border-bottom: 1px solid #fff; float: left;
width: 100%; padding: 12px 0;  text-shadow: #000 0 1px 0;}
.header .menu ul.menu-list li.links .sec-nav li.last a{ border-bottom: 0px;}
.header .menu ul.menu-list li.links .sec-nav li a:hover{ color: #eacd52;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;}

/*.header .menu ul.menu-list li.links:hover .sec-nav{ display: block;}*/

/*slider*/
.slider{float: left;margin-top: 10px; width: 100%; }
.slider .container{width:1000px!important;overflow: hidden;}
.carousel { width: 3020px; left: 50%; margin-left: -1510px;  height:480px; clear:both; overflow:hidden; top: 10px; z-index: 1; position:relative; margin-top: 10px}
      .carousel img { visibility:hidden; /* hide images until carousel can handle them */
        cursor:pointer; /* otherwise it's not as obvious items can be clicked */
        	 }
/*.carousel a{ background: #fff; wi;-moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000;}*/

 .carousel-2 { width: 510px; clear:both; overflow:hidden; float: left; height: 300px; margin-left: 28px; margin-top: -10px; }
 .carousel-2 img { visibility:hidden; cursor:pointer; background: #fff;} 


 .carousel-3 { width: 565px; clear:both; overflow:hidden; float: left; height: 300px}
 .carousel-3 img { visibility:hidden; cursor:pointer; background: #fff;}      
 .wrapper{ width: 1000px; position: absolute; height: 480px; top: 180px; left: 50%; margin-left: -500px; z-index: 2}
 .wrapper .prev { left: -30px; background: url(../img/index-sprite.png?) no-repeat -241px -31px #9e0807; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; }

 .wrapper .prev:hover{ background-position: -244px -31px}
 .wrapper .next:hover{ background-position: -303px -31px}
 .wrapper .prev:active{ background-position: -241px -31px}
 .wrapper .next:active{ background-position: -306px -31px}
.wrapper .next { right: -30px; background: url(../img/index-sprite.png?) no-repeat -306px -31px #9e0807; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease; }  
 .wrapper a{ position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 60px; height: 60px; text-indent: -9999px; z-index: 9999; border-radius:50%; }
.slider-text{ width: 335px; height: 148px; /*background: url(../img/index-sprite.png?) no-repeat 0px -123px; */position: absolute; z-index: 8; top: 145px;
/* margin-left: -181px; */
right: 109px;}  

 .wrapper2{ width: 565px; position: absolute; height: 40px; top: 127px; left: 50%; margin-left: -282px; }

.wrapper3{ width: 565px; position: absolute; *position:relative; *float:left; *margin-top:-300px; *width:525px; height: 40px; top: 127px; left: 50%; margin-left: -282px; }


 .wrapper2 .prev2, .wrapper3 .prev3 { left: -10px; background: url(../img/index-sprite.png?) no-repeat -266px -323px #9e0807; }

.wrapper2 .next2,.wrapper3 .next3 { right: -10px; background: url(../img/index-sprite.png?) no-repeat -313px -323px #9e0807; } 


.wrapper2 a,.wrapper3 a{ position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 24px; height: 24px; text-indent: -9999px; z-index: 9999; border-radius:50%; }





/*video*/
.videoContainer{ width:300px; height:280px; position:relative; overflow:hidden; color:#ccc; }
.poster2{ width: 300px; height: 227px; background:url(../img/video/poster2.jpg) 0px 0px no-repeat; position: absolute; left:0px; top: 0px; display: none;z-index: 3}

/* video caption css */
.caption{ display:none; position:absolute; top:0; left:0; width:100%; padding:10px; color:#ccc; font-size:20px; font-weight:bold; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #1F1F1F; /* fallback */
	background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%); background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%); background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%); }

/*** VIDEO CONTROLS CSS ***/
/* control holder */
.control{ background:#0a1f3d; color:#ccc; position:absolute; bottom:0; left:0; width:100%; z-index:5; }
/* control top part */
.topControl{ height:11px; padding:5px 13px; }

#myVideo{ margin-top: -4px}
/* control bottom part */
.btmControl{ clear:both; height: 30px}
.control div.btn { float:left; width: 34px; height: 30px; padding: 0px; cursor: pointer; }
.control div.text{ font-size:12px; font-weight:bold; line-height:30px; text-align:center; font-family:verdana; width:20px; border:none; color:#777; }
.control div.btnPlay{ background:url(../img/video/control.png?v) no-repeat 0 -4px; }
.control div.paused{ background:url(../img/video/control.png?v) no-repeat 0 -34px; }

.control div.spdText{ border:none; font-size:14px; line-height:30px; font-style:italic; }
.control div.selected{ font-size:15px; color:#ccc; }
.control div.sound{ background:url(../img/video/control.png?v) no-repeat -88px -34px; border:none; float:right; }
.control div.sound2{ background:url(../img/video/control.png?v) no-repeat -88px -64px !important; }
.control div.muted{ background:url(../img/video/control.png?v) no-repeat -88px -4px !important; }
.control div.btnFS{ background:url(../img/video/control.png?v) no-repeat -44px -7px; float:right; margin-right: 12px; }
.control div.btnLight{ background:url(../img/video/control.png?v) no-repeat -44px -60px; border-left:1px solid #404040; float:right; }
.control div.lighton{ background:url(../img/video/control.png?v) no-repeat -44px -30px !important; }

/* PROGRESS BAR CSS */
/* Progress bar */
.progress { width: 183px; height: 3px; position: relative; float: left; cursor: pointer; background: #333; margin-right: 5px; margin-top: 3px; }
.progress span { height:100%; position:absolute; top:0; left:0; display:block; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.timeBar{ z-index:10; width:0; background: #fff}
.bufferBar{ z-index:5; width:0; background: #666}
/* time and duration */
.time{ width:40px; text-align:center; font-size:14px; line-height:12px; float: left; }
.currents{ margin-right: 5px; }

/* VOLUME BAR CSS */
/* volume bar */
.volume{ position: relative; cursor: pointer; width: 50px; height: 3px; float: right; margin-top: 9px; margin-right: 9px; background: #666}
.volumeBar{ display:block; height:100%; position:absolute; top:0; left:0; background-color:#eee; z-index:10; }

/* OTHERS CSS */
/* video screen cover */
.loading, #init{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/video/loading.gif) no-repeat 50% 40%; z-index:2; display:none; }
#init{ background:url(../img/video/bigplay.png) no-repeat 50% 35% !important; cursor:pointer; filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; transition: all .15s ease; }
#init:hover{ filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; }







/*content*/
.content{ width: 100%; float: left;}
.content .container{background: url('../img/header-bg.jpg') repeat #f3e9db; }
.content .content-pattern{ width: 100%; height: 9px;  position: absolute;background:url("../img/header-pattern-noborder.png") 0px 0px repeat-x #9e0807; }
.content .content-pattern.pattern-top{ top: 0px}
.content .content-pattern.pattern-bottom{ bottom: 0px}
.content{ padding: 0px 0 10px 0;float: left; width: 100%}
.index .content{padding: 0px 0 0px 0; }
.content .col .more-info{ width: 48px; height: 30px; background: url(../img/index-text.png?v=624) no-repeat -81px -503px; position: absolute; top: 10px; right: 10px; filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; z-index: 1}
.content .col .more-info:hover{ background-position: -156px -503px;  }
.content .col-group{ display: inline-block; padding:50px 32px 32px 32px}
.content .col-group .col-1{ width: 245px; height: 160px; background: #fff; margin-right: 15px; padding: 30px; font-size: 20px; color: #0a1f3d; font-family: "华文仿宋"; line-height: 30px; }
.content .col-group .col-1 span.big-font{ width: 100%; float: left; font-size: 36px; font-family: "宋体"; font-weight: bold; margin: 5px 0 10px}
.content .col-group .col-1 span.big-font span{ float: left; line-height: 56px}
.content .col-group .col-1 span.big-font span.divide{ float: left; width: 20px; height: 56px; background: url(../img/index-sprite.png?) no-repeat -42px -307px; }
.content .col-group .col-1 span.day{ color: #9e0807}
.content .col{ position: relative; float: left; margin-bottom: 40px; }
.content .col .col-title{ width: 120px; height: 36px; background: url(../img/index-text.png?v=624) no-repeat -9px -189px; position: absolute; top: -18px; left: 26px; }
.content .col-group .col-1 .pattern-left,.content .col-group .col-1 .pattern-right{ background: url(../img/col-pattern.png) repeat-y 0px 0px; position: absolute; top:0px; width: 15px; height: 220px; overflow:hidden; }
.content .col-group .col-1 .pattern-left{ left: 0px; }
.content .col-group .col-1 .pattern-right{ right: 0px}
.content .col-1 .col-title{ background-position: -9px -189px}
.content .col-2{ width: 556px; height: 156px; border-top: 2px solid #0a1f3d; border-bottom: 2px solid #0a1f3d; padding:30px; }
.content .col-2 .col-title{ background-position: -143px -189px; }


.content .news-title{ width: 100%; float:left; background: url(../img/dotted.png) 0px bottom repeat-x; margin-bottom: 10px; font-size:15px;}
.content .news-title .news-link{  font-size:16px;}

.content .news-title a{ color: #212121; float: left; text-align: left; line-height: 30px; -webkit-transition: all .15s ease; -moz-transition: all .15s ease; transition: all .15s ease; }

.content .col-2 .news-title a{ max-width: 436px; }
.content .news-title a:hover{ color: #666}
.content .news-title span.icon{ width: 20px; height: 30px; background: url(../img/index-sprite.png?) no-repeat -83px -321px; float: left; }
.content .news-title span.news-link{ float: left; max-width: 406px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.content .news-title span.news-link a{ float: left; max-width: 406px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.content .news-title .post-time{ float: right; width: 90px; text-align: right; font-size: 12px; color: #707070; line-height: 30px; padding-right: 20px}
.content .article p{ padding: 0 10px 0 20px; float: left; margin: 0px; }
.content .article p a{ color: #767676; line-height: 24px; }   


.content .col-3{ width: 540px; height: 150px; padding: 30px}
.content .col-3 .news-title a{ max-width: 420px}
.content .col-3 .news-title a span.news-link{ max-width: 390px}
.content .col-3 .col-title{ background-position: -142px -233px}
.content .col-3 .more-info{top: -8px;
right: 25px;}
.content .col-3 p{ width: 297px; float: left; margin-right: 17px; }
.content .col-3 .thumbnail{ width: 173px; height: 113px; float: left; }
.content .col-3 .thumbnail img{ float: left; width: 100%; }
.content .col-4 { width: 336px; height: 200px; }
.content .col-4 .col-title{ background-position: 0px 1000px; left: 0px} 
.content .col-4 .sns{ float: left; width: 100%; margin-top: 40px; }
.content .col-4 .sns .btn-wb{ width: 64px; position: absolute; left: 50%; margin-left: -32px}
.content .col-4 .sns li{ width: 100px; display: inline-block; text-align: center; height: 140px; float: left; color: #0a1f3d; position: relative; }
.content .col-4 .sns li .img img{ float: left; width: 100%}
.content .col-4 .sns li .img{ border:1px solid #d8d8d8; float: left; width: 91px; margin-bottom: 9px}
.content .col-4 .sns li span span{ font-size: 12px; margin-left: -10px; }
.content .col-4 .sns li span a{ font-size: 12px; color: #0a1f3d}
.content .col-4 .sns li span a:hover{ color: #666}
.content .col-4 .sns li{ margin-right: 12px; line-height: 21px; }
.content .last{ margin-right: 0px; }

/*.content .col-5{ width: 886px; border-bottom: 2px solid #0a1f3d; border-top: 2px solid #0a1f3d; height: 210px; padding:30px 30px 30px 20px; }*/
.content .col-5{ width: 886px; border-top: 2px solid #0a1f3d; height: 210px; padding:30px 30px 30px 20px; }
.content .col-5 .col-title{ background-position: -9px -277px; }
.content .col-5 .news-tab-btn{ width:150px; margin-right: 10px; float: left; }
.content .col-5 .news-tab-btn,.content .col-5 .news-tab-btn li{ float: left; width: 150px; }
.content .col-5 .news-tab-btn { margin-top: 50px; }
.content .col-5 .news-tab-btn li{ float: left; height: 40px; cursor: pointer; margin-bottom: 20px; }
.tag-title span{ background-color: #0a1f3d; float: left; height: 34px; line-height: 34px; color: #fff; font-size: 16px; text-align: center; width: 110px; }
.tag-title span.btn-left{ background: url(../img/index-sprite.png?) no-repeat -107px -319px; width: 16px; }
.tag-title span.btn-right{ background: url(../img/index-sprite.png?) no-repeat -123px -319px; width: 16px; }
.tag-title{ cursor: pointer; float: left;}
.tag-title span{ float: left; height: 34px; line-height: 34px; color: #fff; font-size: 16px; text-align: center; }
.tag-title span.center{ background-color: #0a1f3d; width: 110px;  }
.tag-title span.btn-left{ background: url(../img/index-sprite.png?) no-repeat -107px -319px; width: 16px; }
.tag-title span.btn-right{ background: url(../img/index-sprite.png?) no-repeat -123px -319px; width: 16px; }

.tag-title:hover span.center,.tag-title.active span.center{ background-color:#9e0807}
.tag-title:hover .btn-left,.tag-title.active .btn-left{ background-position: -107px  -381px}
.tag-title:hover .btn-right,.tag-title.active .btn-right{ background-position: -123px  -381px}


.col-8 .tag-title:hover span.center,.col-11 .tag-title:hover span.center{ background-color:#0a1f3d}
.col-8 .tag-title:hover .btn-left,.col-11 .tag-title:hover .btn-left{ background-position: -107px  -319px}
.col-8 .tag-title:hover .btn-right,.col-11 .tag-title:hover .btn-right{ background-position: -123px  -319px}

.col-8 .tag-title,.col-11 .tag-title{ cursor: default; }

.content .col-5 .news-title a span.news-link{ max-width: 596px}
.content .col-5 .news-tab-box{ width:726px; float: left; } 

.content .col-5 .news-tab-box ul li{ margin-bottom: 2px; }
.content .col-5 .news-tab-box ul{ float: left; margin-top: 20px; }
.content .col-5 .box-container{ display: none; }
.content .col-5 .box-container.active{ display: block; }


.content .col-6{ width: 886px; border-bottom: 2px solid #0a1f3d; border-top: 2px solid #0a1f3d; height: 150px; padding:30px 30px 30px 20px; margin-top: 20px; }
.content .col-6 .col-title{ background-position: -142px -276px; }
.content .col-6 .img-right{ position: absolute; right: 20px; width: 246px; height: 309px; top: -65px; }
.content .col-6 ul{ width: 609px; float: left; }
.content .col-6 .news-title a{ max-width: 498px}
.content .col-6 .news-title a span.news-link{ max-width: 468px}


.content .col-7{ width: 300px; height: 260px; padding:20px 0px 0px 0px; margin-right: 30px; background: #0a1f3d; cursor: pointer;}
.content .col-7 .col-title{ background-position:-9px -320px; }
.content .col-7 .col-title a:hover{ background:url(../img/index-text.png) -9px -739px}


.content .col-8{ width: 555px; height: 300px; padding: 0px 30px 0px 21px; position: relative; }
.content .col-8 .col-title{ background-position:-142px -320px; left: 0px}
.content .col-8 .tag-title{ position: absolute; bottom: 10px; left:50%; margin-left: -116px; }
.content .col-8 .tag-title span.center{ width: 200px; }

.content .col-9{ width: 886px; border-bottom: 2px solid #0a1f3d; border-top: 2px solid #0a1f3d; height: 300px; padding:30px 30px 30px 20px; }
.content .col-9 .col-title{ background-position: -9px -363px}
.content .col-9 .tag-title{ float: left; margin-top: 10px; margin-bottom: 20px}
.content .col-9 .col-left{ margin-right: 50px; }
.content .col-9 .col-left,.content .col-9 .col-right{ width: 418px; float: left; }
.content .col-9 .col-left ul,.content .col-9 .col-right ul{ float: left; width: 100%; }
.content .col-9 .news-title .news-link a{ max-width: 278px;}



.content .col-10{ width: 296px; height: 300px; padding:30px 0px 0px 0px; margin-right: 30px; border:2px solid #0a1f3d; cursor: pointer; }
.content .col-10 .col-title{ background-position:-142px -363px}
.content .col-10 .col-title a:hover{ background:url(../img/index-text.png) -142px -739px}

.iecover{ width: 167px; height: 156px; background: url(../mix/1.png) 0px 0px no-repeat; position: absolute; top: 30px; left: 66px; z-index: 1; display: none; }

.content .col-11{ width: 555px; height: 310px; padding: 0px 30px 0px 21px; }
.content .col-11 .col-title{ background-position: -9px -408px; left: 0px; width: 258px; }
.content .col-11 .tag-title{ position: absolute; bottom: 0px; left:50%; margin-left: -115px; }
.content .col-11 .tag-title span.center{ width: 200px; }

.content .col-12{ width: 916px; border-bottom: 2px solid #0a1f3d; border-top: 2px solid #0a1f3d; height: 100px; padding:30px 0px 30px 20px; font-family: "华文仿宋",'STFangsong'; margin-bottom: 25px}
.content .col-12 .col-title{ background-position: -10px -452px; }
.content .col-12 .col-info{ height: 40px; float: left; line-height: 40px; margin-bottom: 20px; font-size: 20px; color: #0a1f3d; }
.content .col-12 .col-info span{ float: left; width: 70px; margin-right: 5px; height: 40px; background: url(../img/index-text.png?v=624) no-repeat; }
.content .col-12 .col-add{ width: 880px; }
.content .col-12 .col-tel{ width: 285px; }
.content .col-12 .col-mail{ width: 630px; }
.content .col-12 .col-mail a{ color: #0a1f3d; margin-right: 20px}
.content .col-12 .col-add span{ background-position: -198px -450px}
.content .col-12 .col-tel span{ background-position: -4px -495px}
.content .col-12 .col-mail span{ background-position: -137px -450px}
.footer{ height: 260px;padding-top: 30px;  color: #fff; text-align: center; line-height: 20px; float: left; width: 100%;}
.footer span.powerby{ margin-top: 10px; width: 100%; float: left; }
.footer span.figure{ width: 70px; height: 70px; margin: 0 auto; background: url(../img/index-sprite.png?) no-repeat -150px -307px; display: block; cursor: pointer; }

.footer a{ color: #fff}
.footer a:hover{ color: #d8d8d8}


.carousel-3,.carousel-2,.carousel { -webkit-perspective: 500px; -moz-perspective: 500px; perspective: 500px; }
.active1{ -moz-transform:rotateY(40deg) translateZ(0); -webkit-transform:rotateY(40deg) translateZ(0); transform:rotateY(40deg) translateZ(0);  overflow: hidden; }
.active2{ -moz-transform:rotateY(-40deg) translateZ(0); -webkit-transform:rotateY(-40deg) translateZ(0); transform:rotateY(-40deg) translateZ(0);  overflow: hidden; }
/*
.col-8 .active1{ padding-right: 100px; display: none!important; }
.col-8 .active2{ padding-left: 100px}*/


.active3{ -moz-transform:rotateY(25deg) translateZ(0); -webkit-transform:rotateY(25deg) translateZ(0); transform:rotateY(25deg) translateZ(0);   overflow: hidden;}
.active4{ -moz-transform:rotateY(-25deg) translateZ(0); -webkit-transform:rotateY(-25deg) translateZ(0); transform:rotateY(-25deg) translateZ(0);  overflow: hidden; }
.carousel-center{z-index: 10!important}



/*inner-page*/
.banner{ width: 100%; height:282px;    overflow:hidden; top: 0px; z-index: 1; position:relative;  background: url(../img/index-bg.jpg) repeat #0a1e3e; padding-top: 10px  }
.banner0{height:282px;}
.banner-bg{width: 100%; position: absolute; height: 282px;
background: url('../img/banner/1.jpg') center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: url(../img/banner/1.jpg)\9\0!important;
left: 0px;top: 0px;
}
.banner .container2 img{ position: absolute; top: 50px;filter:alpha(opacity=0); -moz-opacity:0; opacity: 0; }
/*crumbs*/
.crumbs { height: 50px; line-height: 50px; font-size: 20px;color: #fff;}
.crumbs .container2{font-family:'华文仿宋',Microsoft Yahei;font-size: 20px;}
.crumbs a{color: #fff}
.crumbs a:hover{color: #ccc; border-color: #ccc}
.article-list .content{padding: 0px 0 80px 0; margin-top:0px}
.crumbs .left{ width: 690px;float: left;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.crumbs .right{ width: 200px; float: right; text-align: right; }
.crumbs .right a{ border-bottom: 1px solid #fff; padding-bottom: 2px;font-size: 16px}
.article-list .content .art-list{width: 860px;
padding: 50px 30px 50px 30px;}
.article-list .content .thumbnail{width: 644px; height: 422px; border:1px solid #0a1f3d; overflow: hidden;}
.article-list .content .art-list li{ position: relative; background: url(../img/dotted2.png) 40px 0px repeat-y; padding-left:110px; padding-bottom: 80px; }
.article-list .content .title-right a.h1{ font-size: 24px; padding-top: 10px; font-weight: normal; margin: 0px; color: #222}
.article-list .content .title-right a.h1:hover{  color: #444}
.article-list .content .title-right p{ font-size: 14px; color: #9f9f9f; margin: 7px 0 30px 0; width: 100%;}
.article-list .content .title-right p a{color: #9f9f9f;}
.title-left{ width: 60px; height: 60px; padding: 10px; border-radius: 6px;color: #f3e8da; background: #0a1f3d; position: absolute; left: 0px; top: 0px; text-align: center; font-size: 12px}

.title-left em{ font-style: normal; font-size: 36px;}
.intro{ margin: 20px 0 0 0; color: #767676; line-height: 25px; }
.intro a{color: #767676;  }
.intro a:hover{color: #444;  }
.paging{ width: 100%; float:left;padding-bottom: 50px; font-size: 12px;}
.paging ul{float: left; position: relative; left: 50%; }
.paging ul li{ width: 30px; height: 30px; display: inline-block; float: left; position: relative; left: -50%; margin-right: 20px}
.paging ul li a{width: 30px; height: 30px; color: #000;float: left; line-height: 30px; text-align:center;}

.paging ul li.active a,.paging ul li a:hover{ background: #0a1f3d; color: #fff; border-radius: 4px}

/*player*/

.players .banner-bg{
background: url('../img/banner/2.jpg') center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-image: url(../img/banner/2.jpg)\9\0!important;
}


.players .ttw-music-player .player{ border:2px solid #0a1f3d; width: 850px; padding: 10px}
.players-tab{ float: left; width: 100%; height: 34px; margin: 30px 0}
.players .tag-title{margin-right: 18px;}
.players .tag-title.last{margin-right: 0px;}
.players .tag-title span.center{ width: 122px; padding: 0 20px; letter-spacing: 3px;}
.players .tag-title.last span.center{ width: 180px}
.players .audio{ float: left; width: 100%; min-height: 300px}
.players .footer{ margin-top: 80px}

.players .ttw-music-player{width: 100%; float: left; position: relative;}

.players .ttw-music-player .tracklist {
padding: 10px 20px;
/*box-shadow: none;
border-radius: 0px;
-moz-border-radius: 0px;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-webkit-border-radius: 0px;

*/
background:#f6f6f6;

line-height:33px;
background-image:none;
color: #222;
font-size: 14px;
display: block;

font-weight:bold;}

.players .ttw-music-player .tracklist li:hover{color:#555}


.players .ttw-music-player .album-cover{ float: left; width: 110px; height:103px}
.players .ttw-music-player .album-cover img,.players .ttw-music-player .album-cover .img,.players .ttw-music-player .album-cover .highlight{ width: 110px; height:103px}
.players .ttw-music-player .track-info{ width: 600px}
.players .ttw-music-player .album-cover {
position: relative;
margin: 0 auto;
background: url(../plugin/images/album-cover-bg-s.png) no-repeat 0 0 scroll;
}
.players .jp-listen{position: absolute; right: 100px; top: 0px; cursor: pointer; padding-left: 0px; color:#900;}
.players .jp-download{position: absolute; right: 0px; top: 0px; cursor: pointer; padding-left: 30px; color:#900;}
.players .ttw-music-player .tracklist .duration{ position: absolute; right: 150px; top:0px;}
.players .ttw-music-player .player-controls .main{ position: absolute; left:0px; padding: 0px; margin: 0px}
.players .ttw-music-player .player .title{ width: 600px; text-align: left; font-size: 18px; }
.players .ttw-music-player .track-info{margin-left: 20px}
.players .ttw-music-player .player-controls .progress-wrapper{ position: absolute; left: 200px; width: 380px }
.players .ttw-music-player .jp-current-time{ left: 0px}
.players .ttw-music-player .rating,.players .ttw-music-player .buy{ display: none!important;}
.players .ttw-music-player .unused-controls{ position: absolute; width: 530px; height: 80px; left: 200px}

.players .ttw-music-player .tracklist .title{width: 500px;}
.players .ttw-music-player .tracklist li{ padding:0px;font-family: Arial,Helvetica,"Microsoft Yahei"; text-shadow:none;}

body.players,body.article{background: url(../img/header-bg.jpg) repeat #F3E9DB;}
.players .footer,.article .footer,.crumbs{background: url(../img/index-bg.jpg) repeat #0a1e3e;}
a.see-more{ color: #9e0807!important}






/* wrapper css */
#wrapper{
	width:100%;
	float: left;
}
#wrapper hgroup{
	text-align:center;
}
#wrapper h2{
	margin:5px 0;
	color:#FF6D99;
	text-shadow:1px 1px 2px #A50031;
	font-size:33px;
	font-family:Arial Narrow, Arial, sans-serif;
}
#wrapper h3{
	font-style:italic;
	font-weight:normal;
	font-size:18px;
	text-shadow:1px 1px 0 #fff;
	color:#888;
	margin:5px 0;
}

#container{
	position:relative;
	width:100%;
	margin:0 auto 25px;
	padding-bottom: 10px;
	
}
.grid{
	width:280.6px;
	min-height:100px;
	background:#0a1e41;
	margin:8px;
	font-size:12px;
	float:left;
	position: relative;
	color: #fff;
	box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-moz-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);
	
	-webkit-transition: top 1s ease, left 1s ease;
	-moz-transition: top 1s ease, left 1s ease;
	-o-transition: top 1s ease, left 1s ease;
	-ms-transition: top 1s ease, left 1s ease;
	font-family: Arial,Helvetica,"Microsoft Yahei";
}
.grid a{ color: #fff}
.grid strong {
	display:block;
	padding:0 0 0px 10px;
	line-height: 25px;
	font-weight: normal;
	width: 180px;
	float: left;
	margin: 30px 0 10px 0;
	font-size: 23px;

}
.grid .meta{
	text-align: right;
color: #FFF;
font-size: 14px;
width: 80px;
position: absolute;
right: 10px;
bottom: 10px;
height: 25px;
line-height: 25px;
}
.grid .imgholder { float: left; width: 100%}
.grid .imgholder img{
	width:100%;
	float: left;
	background:#ccc;
	display:block;
}








.scale2{
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	transform: scale(0.9);
}





.overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.7);
	z-index: 10004;
	overflow: auto;
}




/* Effects */
.checkInPopup {
	visibility: hidden;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	-moz-transition: -moz-transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
	transform-origin:center;
	-webkit-transform-origin:center;
	-moz-transform-origin:center;
}
.scale{
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	transform: scale(0.95);
}

.checkInPopup.open {
	visibility: visible;
	opacity: 1;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
	-moz-transition: -moz-transform 0.4s, opacity 0.4s;
	transition: transform 0.4s, opacity 0.4s;
}

.imgc{ width: 981px; height: 789px; position: absolute; left: 50%; top: 50%; margin-left: -490px; margin-top: -700px;}
.checkInCloseBtn{}

.banner0{ height:280px; width:100%; background:url(../img/banner/1.jpg) top center no-repeat;  }
.banner1{ height:280px; width:100%; background:url(../img/banner/3.jpg) top center no-repeat;  }
.banner2{ height:280px; width:100%; background:url(../img/banner/4.jpg) top center no-repeat;  }
.baner0_bg{ height:280px;width:1000px; margin:0 auto; position:relative; }

.banner_txt{
	width:230px;
	height:100px;
	position:absolute;
	top: 70px;
	left:65px;
}
.yl_ul0{  overflow:hidden; zoom:1; padding-left:150px; padding-top:50px;}
.yl_ul0 li{ float:left;}
.yl_ul0 li{ width:207px; height:34px; line-height:34px; float:left; text-align:center; padding-right:120px; font-size:16px; font-family:微软雅黑;}
.yl_ul0 li a{ background:url(../img/vido_05.jpg) no-repeat; display:block; color:#fff;}
.yl_ul0 li a.select{background: url(../img/vido_03.jpg) no-repeat;}
.yl_ul0 li a:hover{ background: url(../img/vido_05.jpg) no-repeat;}