/* css3全屏响应式图片切换 */
.aaAccordion {width: 100%; margin: 0px auto;z-index: 5;position: relative;border:0px solid red;}
.aaAccordion .acontent {width: 100%;overflow: hidden;margin: 0 auto;}
.aaAccordion .acontent ul {position:relative;left:0;top:0;padding: 0px;padding: 0;margin: 0 auto;list-style: none;}
.aaAccordion .acontent ul li {position: relative;float: left;overflow: hidden;padding: 0;margin: 0 0px 0 0;background: #797979 /* url("ajax-loader.gif") no-repeat */;background-position: center center;display: block;/* For IE 7 hack */zoom: 1;-webkit-box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, 0.5);-moz-box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, 0.5);box-shadow: -1px -1px 1px 1px rgba(0, 0, 0, 0.5); }
.aaAccordion li a.full-img {display: block;position: relative;overflow: hidden;cursor: pointer;}
.aaAccordion li  a.full-img img {display: block;border: none;}
.aaAccordion li  a.full-img .full-img-cvs {/* position: absolute;top: 0px;left: 0px; */}
.aaAccordion li div.caption {width: 100%;background-color: rgba(255,255,255, 0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8ffffff,endColorstr=#C8ffffff);position: absolute;bottom: 10px;left: 0px;width: 100%;}
.aaAccordion li div.caption h1 {font: 20px 'SpathaSans', Arial, sans-serif;letter-spacing: 0;font-weight: normal;color: #5f879f;padding: 0px;margin: 23px 34px 11px 34px;text-shadow: 1px 1px 1px #fff;}
.aaAccordion li div.caption p {font: 13px Arial, sans-serif;color: #4d4d4d;line-height: 17px;padding: 0px;margin: 0px 100px 14px 34px;text-shadow: 1px 1px 1px #fff;font-style:italic;overflow:hidden;}
.aaAccordion li div.caption a.go-btn {background: url("resources2images/css3-icon-qhbtn.png") no-repeat;display: block;width: 74px; height: 89px; padding: 0px;margin: 0px 14px 14px 34px;position: absolute;overflow: hidden;text-indent: -1000px;top: 50%;margin-top: -35px;right: 0px;}			
.deco {width:100%;height:51px;}
.decoL{float:left;width:100%;height:51px;background: url("line.png") repeat-x;}
.decoF{position:relative;height:51px;width:225px;background: url("flower.png") no-repeat;margin:0px auto;}		


/* CSS3鼠标滑过图片炫酷动画 */
.full-length{width: 100%; float: left; padding-bottom:0px;font: 14px "Lato", Arial, sans-serif;}
.full-length .full-container{margin: 0 auto; max-width:100%;}
.full-length .full-container ul{}
.full-length .full-container ul li{float: left; width: 31.33%; margin: 10px 1%; list-style: none;}
.text-desc{position: absolute; left: 0; top: 0; background-color: #fff; height: 100%; opacity: 0; width: 100%; padding: 20px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.text-desc h3{font-size: 20px; margin: 5px 0 10px;}

.text-desc p{font-weight: 300; line-height: 20px; font-size: 14px; margin-bottom: 15px;}
.text-desc .btn{display: inline-block; padding: 5px 10px; font-size: 14px; color: #fff; border: 2px solid #4d92d9; background-color: #4d92d9; text-decoration: none; transition: 0.4s;}
.text-desc .btn:hover{background-color: transparent; color: #4d92d9; transition: 0.4s;}

.full-length img{max-width: 100%; vertical-align: middle;}

/*= Reset CSS End
================= *

/* effect-1 css */
.port-1{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid #e8e8e8;}
.port-1 .text-desc{opacity: 0.9; top: -100%; transition: 0.5s; color: #000; padding: 30px 20px 20px;}
.port-1 img{transition: 0.5s;}
.port-1:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);}

.port-1.effect-1:hover .text-desc{top: 0;}

.port-1.effect-2 .text-desc{top: auto; bottom: -100%;}
.port-1.effect-2:hover .text-desc{bottom: 0;}

.port-1.effect-3 .text-desc{top: 50%; left: 50%; width: 0; height: 0; overflow: hidden; padding: 0;}
.port-1.effect-3:hover .text-desc{width: 100%; top: 0; left: 0; height: 100%; padding: 30px 20px 20px;}
/* effect-1 css end */

/* effect-2 css */
.port-2{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid #e8e8e8; perspective: 800px;}
.port-2 .text-desc{z-index: -1; transition: 0.6s;}
.port-2 .image-box{transition: 0.4s;}
.port-2:hover .image-box{
	transform: rotateX(80deg); transform-origin: center bottom 0; transition: 0.4s;
	-webkit-transform: rotateX(80deg); -webkit-transform-origin: center bottom 0; -webkit-transition: 0.4s;
	-ms-transform: rotateX(80deg); -ms-transform-origin: center bottom 0; -ms-transition: 0.4s;
	-moz-transform: rotateX(80deg);-moz-transform-origin: center bottom 0; -moz-transition: 0.4s;
	-o-transform: rotateX(80deg);-o-transform-origin: center bottom 0; -o-transition: 0.4s;
}

.port-2.effect-1:hover .text-desc{opacity: 1;}

.port-2.effect-2 .text-desc{opacity: 1; top: -100%;}
.port-2.effect-2:hover .text-desc{top: 0;}

.port-2.effect-3 .text-desc{opacity: 1; top: auto; bottom: -100%;}
.port-2.effect-3:hover .text-desc{bottom: 0;}
/* effect-2 css end */

/* effect-3 css */
.port-3{float: left; width: 100%; position: relative; overflow: hidden; text-align: center; border: 4px solid #e8e8e8; perspective: 500px;}
.port-3 img{transition: 0.5s;}

.port-3.effect-1 .text-desc{z-index: -1;
	transition: 0.5s; transform: rotateX(80deg); transform-origin: center top 0;
	-webkit-transition: 0.5s; -webkit-transform: rotateX(80deg); -webkit-transform-origin: center top 0;
	-ms-transition: 0.5s; -ms-transform: rotateX(80deg); -ms-transform-origin: center top 0;
	-moz-transition: 0.5s; -moz-transform: rotateX(80deg); -moz-transform-origin: center top 0;
	-o-transition: 0.5s; -o-transform: rotateX(80deg); -o-transform-origin: center top 0;
	 padding: 30px 20px 20px; opacity: 1;}
.port-3.effect-1:hover .text-desc{transform: none;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;}
.port-3.effect-1:hover img{opacity: 0; 
	transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2)}

.port-3.effect-2 .text-desc{z-index: -1; 
	transition: 0.5s; transform: rotateX(80deg); transform-origin: center bottom 0; 
	-webkit-transition: 0.5s; -webkit-transform: rotateX(80deg); -webkit-transform-origin: center bottom 0; 
	-moz-transition: 0.5s; -moz-transform: rotateX(80deg); -moz-transform-origin: center bottom 0; 
	-ms-transition: 0.5s; -ms-transform: rotateX(80deg); -ms-transform-origin: center bottom 0; 
	-o-transition: 0.5s; -o-transform: rotateX(80deg); -o-transform-origin: center bottom 0; 
	top: auto; bottom: 0; padding: 30px 20px 20px;}
.port-3.effect-2:hover .text-desc{transform: none;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none;opacity: 1;}
.port-3.effect-2:hover img{
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
}

.port-3.effect-3 .text-desc{z-index: -1;
	transition: 0.5s; transform: rotateX(80deg); transform-origin: center top 0;
	-webkit-transition: 0.5s; -webkit-transform: rotateX(80deg); -webkit-transform-origin: center top 0;
	-moz-transition: 0.5s; -moz-transform: rotateX(80deg); -moz-transform-origin: center top 0;
	-ms-transition: 0.5s; -ms-transform: rotateX(80deg); -ms-transform-origin: center top 0;
	-o-transition: 0.5s; -o-transform: rotateX(80deg); -o-transform-origin: center top 0;
	 padding: 30px 20px 20px;}
.port-3.effect-3:hover .text-desc{transform: none;-webkit-transform: none;-moz-transform: none;-ms-transform: none;-o-transform: none; opacity: 1;}
.port-3.effect-3:hover img{
	transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);}
/* effect-3 css end */



/*= Media Screen CSS
==================== */
@media only screen and (max-width: 1090px){
	ul{width: 340px; margin: 0 auto;}
	li{width: 100%; margin: 20px 0;}
	.port-5.effect-1 {z-index: 19;}
}

@media only screen and (max-width: 360px){
	ul{width: 300px;}
	.port-1 .text-desc, 
	.port-1.effect-3:hover .text-desc, 
	.port-3.effect-1 .text-desc, 
	.port-3.effect-3 .text-desc,
	.port-4.effect-1 .text-desc,
	.port-4.effect-2 .text-desc,
	.port-4.effect-3 .text-desc, .port-8 .text-desc{padding: 20px;}
	.text-desc{padding: 7px;}
	.port-5.effect-1 .text-desc{padding: 13px 20px 20px 90px;}
	.port-5.effect-2 .text-desc{padding: 10px;}
	.port-5.effect-3 .text-desc{padding: 16px 90px 20px 20px;}
	.port-6.effect-1 .text-desc .btn, 
	.port-6.effect-2 .text-desc .btn,
	.port-6.effect-3 .text-desc .btn,
	.port-7.effect-1 .text-desc .btn,
	.port-7.effect-2 .text-desc .btn,
	.port-7.effect-3 .text-desc .btn,
	.port-8.effect-3 .text-desc .btn{display: none;}
	.port-6.effect-2 .text-desc{padding: 20px 120px 20px 20px;}
	.port-6.effect-3 .text-desc{padding: 75px 20px 10px;}
	.port-7.effect-1 .text-desc{padding: 12px 10px;}
	.port-8.effect-3 .text-desc{padding: 28px 70px 20px;}
}
/*= Media Screen CSS End
======================== */


/* jquery标题焦点图片切换 */
.teacherPic{width:100%;height:400px;margin:40px auto 0 auto;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;border:solid 3px #000;position: relative;}
/* .teacherPic .titlebgimg li{position: absolute;width:100%;} */
.teacherPic .titlecontent{width:20%;height:400px;float:left;position:relative;overflow:hidden;}
.teacherPic .titlecontent .txt{width:100%;height:100px;background:rgba(18,21,44,0.5);position:absolute;left:0px;bottom:0px;padding:8px 12px;border-top:1px solid #FFE000;font-family:"微软雅黑";font-size: 12px;box-sizing:border-box;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7E12152c,endColorstr=#7E12152c);}

.teacherPic .titlecontent .txt h3{
	color:#FFC200;
	font-size:15px;
	font-weight:bold;
	margin:0;
}
.teacherPic h4{color:#fff;font-size:12px;font-weight:100;height: 40px;}
.teacherPic .titlecontent .txt p{color:#fff;margin-top:15px;padding-top:5px;border-top:1px solid #FFC200;font-family:"微软雅黑";display:none;}

.teacherPic .titlebgimg{padding:0;margin:0;list-style: none;position:absolute;width:100%;}
.teacherPic .titlebgimg li{display: none;width:100%;position: absolute;height:400px;background-size: cover;}

/* Tab选项卡多功能展示js特效 */
.tabmorefun{margin:20px 0px;}
.tabmorefun .important:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.tabmorefun .important{ padding:20px 0 0px 0;border-top:1px dashed #e0e0e0; border-bottom:1px solid #dee1e1;text-align: center;}
.tabmorefun .important li{margin:0px 10px;display: inline-block;}

.tabmorefun .important li a{ display:block;width:60px; height:60px; display:block; padding:21px;border-radius:15px;border:1px dotted #1dd2af; background:#fff;}
.tabmorefun .important li:hover a{ border:1px dotted #696969; background:#fff;}
.tabmorefun .important li span{ width:60px; height:60px; display:block;overflow: hidden;background-position: bottom center;}
.bgbg { background:url("../images/bgbg.png") center bottom no-repeat; width:100%; padding-bottom: 20px;}
.tabmorefun .important li:hover span{transition: background 0.3s;
-moz-transition: background 0.3s;
-ms-transition: background 0.3s;
-webkit-transition: background 0.3s;
-o-transition: background 0.3s;background-position: top center;}
.tabmorefun .important li p{ line-height:18px; margin-top:20px; text-align:center; display:block; color:#1dd2af;}
.tabmorefun .important li:hover p{ color:#333;}
.tabmorefun .important li strong{ border-bottom:1px solid #24d2b0; position:relative; display:block;margin-top:15px;z-index:4;}
.tabmorefun .important li strong i{display:none;  position:absolute; width:0px; height:0px; border:10px solid transparent;display:block;left: 50%;margin-left: -9px;border-top-color: #1dd2af;}
.tabmorefun .important_l{ padding:30px 60px 0 20px; float:left; width:510px; overflow: hidden;}
.tabmorefun .important_l img{width:450px;height:384px;}
.tabmorefun .important_r{ float:right; padding:30px 60px 0px 0px;width:530px; overflow: hidden; }
.tabmorefun .title_1{ text-align:center;}
.tabmorefun .title_1 h3{ font:14px/16px "Arial";text-transform: uppercase; color:#535353; display: block;}
.tabmorefun .title_1 h3 span ,.title_1 h2 span{ color:#ef571a;}
.tabmorefun .title_1 h2{ font: bold 30px/40px "Microsoft YaHei"; color:#535353;padding-bottom: 5px;}
.tabmorefun .icon_top{ width:100%; padding-top:25px;}
.tabmorefun .icon_top i{ display:block; width:32px; height:32px;}
.tabmorefun .icon_top .i_left{ float:left; background:url("../images/icon_left.png") 0 center no-repeat;}
.tabmorefun .icon_top .i_right{ float:right; background:url("../images/icon_right.png") 0 center no-repeat;}
.tabmorefun .icon_top .i_left1{ float:left; background:url("../images/icon_left1.png") 0 center no-repeat;}
.tabmorefun .icon_top .i_right1{ float:right; background:url("../images/icon_right1.png") 0 center no-repeat;}
.tabmorefun .study{ padding:0px 32px;}
.tabmorefun .study h3{ font: bold 25px/30px "Microsoft YaHei"; color:#1dd2af; display: block; padding-bottom:15px;}
.tabmorefun .study span{ font:14px/18px "Microsoft YaHei";color:#535353;display: block;text-indent: 2em;}
.tabmorefun .study img{ display:block; width:140px; height:90px; overflow:hidden; margin-left:35%;padding-top: 10px;}
.tabmorefun .study .know{ background:#1dd2af; display:block; font: bold 16px/30px "Microsoft YaHei"; padding:0px 10px; border-radius:50px; height:30px; color:#FFFFFF; text-align:center; margin:0 90px; margin-top:10px;}
.tabmorefun .contents a img{width:100%;}


/* 横向幻灯片 */
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{ display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none; position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{ overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{ cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing {  cursor:url(grabbing.png) 8 8, move;}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.dowebok-outer .owl-carousel{ height: 421px; }
.dowebok-outer . {margin: 0 auto; padding-top: 30px; font-family: "Microsoft Yahei";}
.dowebok-outer .owl-wrapper-outer { margin: 0 auto;}
.dowebok-outer .item { position: relative; width:100%; height: 339px; margin: 0 auto; background-color: #fff; overflow: hidden;}
.dowebok-outer .item img{width:100%;height:100%;}
.dowebok-outer .shd { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.15);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);}
.dowebok-outer .shd a { display: block; width: 100%; height: 239px; *background-image: url(about:blank); background-image: url(about:blank)\0;}
.dowebok-outer .txt { position: absolute; left: 0; bottom: 0; width: 100%; height: 110px; padding: 0 12px; color: #888; box-shadow: 0 0 15px 15px rgba(228, 233, 238, 0.95); background-color: #e4e9ee\9; background-color: rgba(228, 233, 238, 0.95);box-sizing: border-box;-webkit-box-sizing:border-box;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5e4e9ee,endColorstr=#E5e4e9ee);}
.dowebok-outer h3 { width: 100%; height: 28px; margin-bottom: 6px; padding-top: 6px; font: 700 18px/25px arial,"Microsoft Yahei"; overflow: hidden;}
.dowebok-outer h3 a { color: #333; text-decoration: none;}
.dowebok-outer h3 a:hover { color: #338de6;}
.dowebok-outer p { width: 100%; height: 54px; line-height: 18px; font-size: 12px;overflow: hidden;}

.dowebok-outer .item:hover .shd { background-color: rgba(0, 0, 0, 0);}
.dowebok-outer .item:hover .txt { background-color: #fff\9; background-color: rgba(248, 249, 249, 0.95); box-shadow: 0 0 15px 15px rgba(248, 249, 249, 0.95);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5ffffff,endColorstr=#E5ffffff);}

.owl-theme .owl-controls .owl-buttons div { position: absolute; top: 180px; width: 30px; height: 60px; margin: 0; padding: 0; border-radius: 0; font: 60px/60px "宋体"; background-color: transparent; overflow: hidden; _display: none;color:#fff;}
.owl-theme .owl-controls .owl-buttons .owl-prev { left: 7px;}
.owl-theme .owl-controls .owl-buttons .owl-next { right: 7px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before { content: "<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before { content: ">";}
.owl-carousel  .owl-item{padding:0px 10px;box-sizing: border-box;-webkit-box-sizing:border-box;}
.owl-theme .owl-controls{ margin-top: 10px;text-align: center;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}

.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display: block;width: 12px; height: 12px;margin: 5px 7px;filter: Alpha(Opacity=50);/*IE7 fix*/opacity: 0.5;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; background: #869791;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}

.owl-item.loading{min-height: 150px;/* background: url(AjaxLoader.gif) no-repeat center center */}

/*通用侧边栏分享*/
#appgame-leftside-share{width:44px; height:302px; position:fixed; left:50%; margin-left:-664px; top:50%; margin-top:-151px; z-index:9999; display:none;}
.appgame-leftside-share{width:44px; height:259px;}
#appgame-leftside-share a{display:block; width:44px; height:44px; background-color:#fff; z-index:1; position:absolute; left:0; box-sizing:border-box; -moz-box-sizing:border-box; border:1px #cccccc solid; background-image:url(resources2images/share-icons.png); background-repeat:no-repeat; margin:0;  transition:0.4s; -webkit-transition:0.4s; -moz-transition:0.4s;}
#appgame-leftside-share a:hover{background-color:#bf1313; border:1px #bf1313 solid; z-index:2;}
.appgame-leftside-weixin{top:0; background-position:-88px 0;}
.appgame-leftside-weixin:hover{background-position:-44px 0;}
.appgame-leftside-qzone{top:43px; background-position:-88px -44px;}
.appgame-leftside-qzone:hover{background-position:-44px -44px;}
.appgame-leftside-sqq{top:86px; background-position:-88px -88px;}
.appgame-leftside-sqq:hover{background-position:-44px -88px;}
.appgame-leftside-tsina{top:129px; background-position:-88px -132px;}
.appgame-leftside-tsina:hover{background-position:-44px -132px;}
.appgame-leftside-fbook{top:172px; background-position:-88px -176px;}
.appgame-leftside-fbook:hover{background-position:-44px -176px;}
.appgame-leftside-twi{top:215px; background-position:-88px -220px;}
.appgame-leftside-twi:hover{background-position:-44px -220px;}
#appgame-leftside-share .appgame-leftside-top{background-image:url(resources2images/leftnav-off.png); background-position:-1px -395px; top:258px; cursor:pointer;}
.rwt_share {overflow:hidden;float:left;position:relative;}
.rwt_share a {display:inline-block;margin-right:10px;text-indent:-9999px;margin-bottom:10px;width:24px;height:24px;overflow:hidden;cursor:pointer;float:left;font-size:12px;}
.rwts_weixin {background-position:0 -1612px;}
.rwts_tsina {background-position:0 -104px;}
.rwts_tqq {background-position:0 -260px;}
.rwts_qzone {background-position:0 -52px;}
.rwts_sqq {background-position:0 -2652px;}
.rwts_tieba {background-position:0 -728px;}
.rwts_renren {background-position:0 -208px;}
.rwts_kaixin001 {background-position:0 -312px;}
.rwts_tqf {background-position:0 -364px;}
.rwts_douban {background-position:0 -468px;}
.rwts_twi {background-position:0 -1404px;}
.rwts_fbook {background-position:0 -1352px;}
.rwts_ty {background-position:0 -1196px;}
.rwts_mogujie {background-position:0 -1768px;}
.rwts_meilishuo {background-position:0 -1716px;}
.rwts_huaban {background-position:0 -1872px;}
.rwts_hi {background-position:0 -416px;}
.rwts_tsohu {background-position:0 -520px;}
.rwts_more {background-position:0 0;}
.rwt_share_wxShow_code>img {width:100%;}

/* 全屏手风琴百叶窗图片切换jquery特效 */
.i_zgs{width:100%;}
.izgsc{width:100%; }
.i_zgs_li{ display:block; vertical-align:top; width:18.8%;/*  min-height:720px; max-height:720px; */ padding-bottom:65px; margin-left:.2%; position:relative; cursor:pointer; transition:all .4s ease 0s; overflow:hidden;float: left;}
.i_zgs_li .i_zgstit,.i_zgs_li .i_zgsmc,.i_zgs_li span{ display:none;}
.js_wzgs{width:62%;}
.js_wzgs .i_zgstit,.js_wzgs .i_zgsmc,.js_wzgs span{ display:block;}
.js_wzgs .i_zgstit{width:40%;min-height:340px;padding:15px 3%;text-align:center;background:rgba(255,255,255,.6);position:absolute;top:20%;left:28%;;z-index:3;margin:0px;transition:all .4s ease 0s;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);}
.js_wzgs .i_zgstit .i_zgsimg{width:100%; height:auto; line-height:0; overflow:hidden;}
.js_wzgs .i_zgstit .i_zgsimg img{width:46%; height:auto; max-height:128px;}
.js_wzgs .i_zgstit .i_zgsjs{width:100%; font-size:18px; line-height:36px; color:#333333; padding-top:10px; text-align:Justify;/*Firefox*/text-justify:inter-ideograph;/*IE*/}
.js_wzgs span{ display:block; width:33px; height:14px; position:absolute; bottom:64px; left:50%; z-index:2; margin-left:-16.5px; overflow:hidden;}
.js_wzgs .i_zgsmc{width:100%; position:absolute; bottom:0; left:0; z-index:5; font-size:22px; font-weight:lighter; text-align:center;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); padding:10px 0px;color:#fff;}
.js_wzgs .i_zgsmc p{ font-size:14px; text-transform:uppercase;}
.i_zgs_li .i_qhan{width:80%; height:25px; line-height:25px; font-size:16px; color:#FFFFFF; position:absolute; top:15px; right:15px; text-align:right;}
.i_zgs_li .i_qhan div{ display:inline-block; vertical-align:top; width:25px; height:25px; line-height:25px; font-family:"新宋体"; font-size:15px; background:rgba(212,19,22,.6); border-radius:50%; overflow:hidden; color:#FFFFFF; text-align:center; margin-left:15px;}
.ml0{ margin-left:0 !important;}

/* 手风琴产品介绍js特效 */
.box10 {padding: 0px; height: 610px;}
.squeezebox_voice_2 { width:100%; position: relative;text-align: center;}
.squeezebox_voice_2 ul{width:auto;display: inline-block;}
.squeezebox_voice_2 ul:after{ content: " ";display: block;clear: both;height: 0;}
.squeezebox_voice_2 ul li {float:left;display:block; height: 610px; color: #fff; cursor: pointer; position: relative;}
.squeezebox_voice_2 ul li.li1 { background: #4a9ebd}
.squeezebox_voice_2 ul li.li2 { background: #4abdb9}
.squeezebox_voice_2 ul li.li3 { background: #90d73d}
.squeezebox_voice_2 ul li.li4 { background: #e3d02c}
.squeezebox_voice_2 ul li.li5 { background: #e37e2c}
.squeezebox_voice_2 ul li.li6 { background: #cc428d}
.squeezebox_voice_2 .fold { width: 100px; height: 100%; text-align: center; position: absolute; top: 0px; left: 0px;}
.squeezebox_voice_2 .fold .img { display: inline-block; margin-bottom: 20px; margin-top: 216px;}
.squeezebox_voice_2 .li1 .fold .img { background-position: -482px -181px; width: 56px; height: 113px; margin: 236px 20px 20px 20px;}
.squeezebox_voice_2 .li2 .fold .img { background-position: 0 -417px; width: 51px; height: 138px; margin: 236px 25px 28px 25px;}
.squeezebox_voice_2 .li3 .fold .img { background-position: -64px -413px; width: 54px; height: 142px; margin: 239px 23px 20px 23px;}
.squeezebox_voice_2 .li4 .fold .img { background-position: -136px -204px; width: 76px; height: 96px; margin: 276px 12px 26px 12px;}
.squeezebox_voice_2 .li5 .fold .img { background-position: -141px -420px; width: 53px; height: 116px; margin: 259px 23px 24px 23px;}
.squeezebox_voice_2 .li6 .fold .img { background-position: -172px -306px; width: 54px; height: 104px; margin: 270px 23px 25px 23px;}
.squeezebox_voice_2 .fold .txt { font-size: 24px; display: block; width: 25px; font-weight: normal; margin: 0px 38px; line-height: 25px;}
.squeezebox_voice_2 .unfold { width: 640px; height: 100%; display: none; position: absolute; top: 0px; left: 0px;}
.squeezebox_voice_2 .unfold dl { margin: 50px 60px 0px 60px;}
.squeezebox_voice_2 .unfold dt { width: 100%; text-align: center; margin-bottom: 40px;}
/* .squeezebox_voice_2 .unfold dt img{width:100%;} */
.squeezebox_voice_2 .unfold dd { font-size: 18px; line-height: 35px;}
.squeezebox_voice_2 .unfold dd b { font-size: 30px; font-weight: normal;}
.squeezebox_voice_2 .unfold dd b a { font-size: 14px; display: inline-block; color: #fff; margin-left: 40px;}

/* 鼠标悬停CSS3效果 */

.grid {position: relative;margin: 0 auto;list-style: none;text-align: center;}
/* Common style */
.grid .figure {position: relative;float: left;overflow: hidden;margin: 10px 1%;max-height: 360px;
	width: 48%;text-align: center;cursor: pointer;}
.grid .figure img {position: relative;display: block;min-height: 100%;/* max-width: 100%; */opacity: 0.8;}
.grid .figure .figcaption {padding: 2em;color: #fff;text-transform: uppercase;font-size: 1.25em;-webkit-backface-visibility: hidden;backface-visibility: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;}
.grid .figure .figcaption::before,
.grid .figure .figcaption::after {pointer-events: none;}
.grid .figure .figcaption,
.grid .figure .figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid .figure .figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;}
.grid .figure h2 {word-spacing: -0.15em;font-weight: 300;}
.grid .figure h2 span {font-weight: 800;}
.grid .figure p {letter-spacing: 1px;}
/***** Lily *****/
/*---------------*/

.effect-lily img {max-width: none;width: -webkit-calc(100% + 50px);width: calc(100% + 50px);opacity: 0.7;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-40px,0, 0);transform: translate3d(-40px,0,0);height:400px;}
.effect-lily .figcaption {text-align: left;}
.effect-lily .figcaption > div {position: absolute;bottom: 0;left: 0;padding: 2em;width: 100%;height: 50%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.effect-lily h2,
.effect-lily p {-webkit-transform: translate3d(0,40px,0);transform: translate3d(0,40px,0);}
.effect-lily h2 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;margin:0;}
.effect-lily p {color: rgba(255,255,255,0.8);opacity: 0;-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;transition: opacity 0.2s, transform 0.35s;font-size: 68.5%;margin:0;}
.effect-lily:hover img,
.effect-lily:hover p {opacity: 1;}
.effect-lily:hover img,
.effect-lily:hover h2,
.effect-lily:hover p {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.effect-lily:hover p {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;-webkit-transition-duration: 0.35s;transition-duration: 0.35s;}


/***** Julia *****/
/*---------------*/
.effect-julia {background: #2f3238;}
.effect-julia img {width: 100%;height: 400px;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.effect-julia .figcaption {text-align: left;}
.effect-julia h2 {position: relative;padding: 0.5em 0;}
.effect-julia p {display: inline-block;margin: 0 0 0.25em;padding: 0.4em 1em;background: rgba(255,255,255,0.9);color: #2f3238;text-transform: none;font-weight: 500;font-size: 75%;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-400px,0,0);transform: translate3d(-400px,0,0);}
.effect-julia p:first-child {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}
.effect-julia p:nth-of-type(2) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.effect-julia p:nth-of-type(3) {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
.effect-julia:hover p:first-child {-webkit-transition-delay: 0s;transition-delay: 0s;}
.effect-julia:hover p:nth-of-type(2) {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}
.effect-julia:hover p:nth-of-type(3) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.effect-julia:hover img {opacity: 0.4;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.effect-julia:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

/***** Goliath *****/
/*-----------------*/
.effect-goliath {background: #df4e4e;}
.effect-goliath img,
.effect-goliath h2 {-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
.effect-goliath img {-webkit-backface-visibility: hidden;backface-visibility: hidden;width:100%;height:360px;}
.effect-goliath h2,
.effect-goliath p {position: absolute;bottom: 0;left: 0;padding: 30px;margin:0;}
.effect-goliath p {text-transform: none;font-size: 90%;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(0,50px,0);transform: translate3d(0,50px,0);}
.effect-goliath:hover img {-webkit-transform: translate3d(0,-80px,0);transform: translate3d(0,-80px,0);}
.effect-goliath:hover h2 {-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);}
.effect-goliath:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
/***** Apollo *****/
/*-----------------*/
.effect-apollo {background: #3498db;}
.effect-apollo img {opacity: 0.95;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);width:100%;height:100%;}
.effect-apollo .figcaption::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.5);content: '';-webkit-transition: -webkit-transform 0.6s;transition: transform 0.6s;-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
.effect-apollo p {position: absolute;right: 0;bottom: 0;margin: 3em;padding: 0 1em;max-width: 150px;border-right: 4px solid #fff;text-align: right;opacity: 0;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;font-size:0.8em;}
.effect-apollo h2 {text-align: left;}
.effect-apollo:hover img {opacity: 0.6;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.effect-apollo:hover .figcaption::before {-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
.effect-apollo:hover p {opacity: 1;-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
/***** Ming *****/
/*---------------*/
.effect-ming {background: #030c17;}
.effect-ming img {opacity: 0.9;-webkit-transition: opacity 0.35s;transition: opacity 0.35s;width:100%;height:100%;}
.effect-ming .figcaption::before {position: absolute;top: 30px;right: 30px;bottom: 30px;left: 30px;border: 2px solid #fff;box-shadow: 0 0 0 30px rgba(255,255,255,0.2);content: '';opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale3d(1.4,1.4,1);transform: scale3d(1.4,1.4,1);}
.effect-ming h2 {margin: 10% 0 10px 0;-webkit-transition: -webkit-transform 0.35s;transition: transform 0.35s;}
.effect-ming p {padding: 1em;opacity: 0;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1.5);transform: scale(1.5);}
.effect-ming:hover h2 {-webkit-transform: scale(0.9);transform: scale(0.9);}
.effect-ming:hover .figcaption::before,
.effect-ming:hover p {opacity: 1;-webkit-transform: scale3d(1,1,1);transform: scale3d(1,1,1);}
.effect-ming:hover .figcaption {background-color: rgba(58,52,42,0);}
.effect-ming:hover img {opacity: 0.4;}



/* 图文焦点广告轮播 */
#slider-container{margin:0px;overflow:hidden;clear:both !important;position:relative;margin:0px auto 0 auto;font-family:"微软雅黑";}
.nivoSlider a{border:0px currentColor;display:block;}
.nivo-directionNav a{border:0px currentColor;width:22px;height:24px;text-indent:-9999px;display:block;}
#slider{margin:0px auto;overflow:hidden;position:relative;z-index:9;}
#slider img{width:100%;height:100%;}
#slider h1{color:rgb(255, 255, 255);font-size:16px;margin:10px 0px;}
#slider .sdate{padding-bottom:0px;display:block;}
#slider hr{margin:0px;padding:0px;border-bottom-color:rgb(137, 137, 137);border-bottom-width:1px;border-bottom-style:solid;}

.nivoSlider{position:relative;}
.nivoSlider a.nivo-imageLink{margin:0px;padding:0px;border:0px currentColor;left:0px;top:0px;width:100%;height:100%;display:none;position:absolute;z-index:6;}
.nivo-slice{height:100%;display:block;position:absolute;z-index:5;}
.nivo-box{display:block;position:absolute;z-index:5;}
.nivo-caption{background:rgb(0, 0, 0);padding:30px 20px 40px;left:85px;top:-300px;width:300px;color:rgb(119, 119, 119);position:absolute;z-index:8;opacity:0.7;}
.nivo-caption p{margin:0px;padding:0px;padding-top:10px;}
.nivo-caption a{display:inline !important;}
.nivo-html-caption{display:none;}
.nivo-directionNav a{top:50%;position:absolute;z-index:9;cursor:pointer;}
.nivo-prevNav{background:url("resources2images/twfocusprev.png") no-repeat;left:25px;}
.nivo-nextNav{background:url("resources2images/twfocusnext.png") no-repeat;right:25px;}
.nivo-controlNav a{position:relative;z-index:9;cursor:pointer;}
.nivo-controlNav a.active{font-weight:bold;}


/* 选项卡菜单功能介绍切换 */
.tab-o-m{background:#f8f8f8;width:100%;margin:20px auto;}
.tab-o-m:after,.tab-o-m .ul-t:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.tab-o-m .ul-o{float:left;width:30%;position:relative;background:#bfbdb9;}
.tab-o-m .ul-o li{width:100%;cursor:pointer;position:relative;z-index:2;/* height:68px; */}
.tab-o-m .ul-o span{width:30%;height:68px;float:left;display:block;background-position:0px 20px;font-size:32px;text-align: center;color:#fff;line-height:68px;font-style:italic;}
.tab-o-m .ul-o li p{float:left;line-height:68px;color:#fff;font-size:16px;font-style:italic;width:70%;border-bottom:1px solid #cccbc8;}
.tab-o-m .ul-o li b{position:absolute;display:block;width:15px;height:32px;top:50%;margin-top:-16px;right:-15px;display:none}
.tab-o-m .ul-o .li-mask{background:#ff6800;position:absolute;left:0;top:0;width:100%;height:68px;}
.tab-o-m .ul-o .li-mask span{position: absolute;width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-left: 14px solid #ff6800;
    border-bottom: 14px solid transparent;right: -14px;top:20px;}
.tab-o-m .ul-o li.on b{display:block;}
.tab-o-m .ul-t{background:#f8f8f8;width:70%;float:left;height:auto;}
.tab-o-m .ul-t li{list-style-type:none;position:relative;height:100%;display:none;}
.tab-o-m .ul-t .li-top{padding:25px 50px;}
.tab-o-m .ul-t h5{color:#666;font-size:24px;line-height:38px;}
.tab-o-m .ul-t p{color:#999;font-size:14px;line-height:22px;margin-bottom:5px}
.tab-o-m .ul-t .li-a a{color:#2b91b8;font-size:14px;margin-right:30px;cursor:default;line-height:22px;cursor:pointer;}
.tab-o-m .ul-t .li-a span{color:#999;font-size:14px}
.tab-o-m .ul-t .li-img{width:100%;text-align:center;position:relative;left:0;bottom:0;margin-top:10px;}


/* 左右文字框标题+链接 */
#leftrightwirtebox  { position:relative; width:860px; margin:0 auto; }
#leftrightwirtebox .item {width:408px; margin:20px 10px 10px; float:left; background:#fff; border:1px solid #b4bbcd; text-align:justify; word-wrap:break-word;}
#leftrightwirtebox .inner { padding:10px;}
#leftrightwirtebox .inner h2 { margin-bottom:10px;}
#leftrightwirtebox .inner h2 a { font-size:15px; color:#333; text-decoration:none;}
#leftrightwirtebox .inner h2 a:hover {color:#f30;}
#leftrightwirtebox .inner p {line-height:22px;}

/*timeline navigatior css*/
#leftrightwirtebox .timeline_container { display:block; width:16px; height:100%; margin:0 auto;text-align:center; cursor:pointer;}
#leftrightwirtebox .timeline{ display:block; width:4px; height:100%; margin:0 auto; overflow:hidden; font-size:0; float:left; position:absolute; left:428px; top:10px; background-color:#e08989;}

/*arrow css style*/
#leftrightwirtebox .leftCorner,#leftrightwirtebox  .rightCorner { display:block; width:13px; height:15px; overflow:hidden; position:absolute; top:8px; z-index:2; }
#leftrightwirtebox .rightCorner { right:-13px; background-image:url(resources2images/rightwrite.gif);}
#leftrightwirtebox .leftCorner { left:-13px; background-image:url(resources2images/leftwrite.gif);}


/* 左摘要右图可左右切换 */
#templatemo_slider {clear: both;overflow: hidden;padding: 30px 2px;
	margin: 0 auto;background:#0069ac;border-radius:2px;font-family:"微软雅黑";}
.contentslider{position:relative;display:block;width:986px;height:240px;margin:0 auto; overflow:hidden;}
.contentslider .cs_wrapper {position:relative;display:block;width: 986px;height: 240px;margin: 0;padding: 0;overflow:hidden;}
.contentslider .cs_slider{position:absolute;width:10000px;height:100%;margin:0;padding: 0;}
.contentslider .cs_article{float:left;position:relative;top:0;left:0;display:block;margin: 0 auto;/*  background-color: none; */}
.contentslider .cs_article .article_content {padding: 10px 100px;}
.contentslider .article_content .left {float: left;width: 430px;}
.contentslider .article_content .right {float: right;width: 302px;}
.contentslider .article_content h2 {margin: 0 0 20px 0;padding: 0;line-height: 20px;color: #fff;font-size: 20px;font-weight: bold;}
.contentslider .article_content p{color: #CCC;font-size: 14px;margin-bottom: 20px;line-height:20px;}
.contentslider .article_content img {width: 320px;height: 213px;border: 1px solid #80c4ff;}
.contentslider .cs_leftBtn, .contentslider .cs_rightBtn {position:absolute;top: 80px;padding:0; z-index:10000;width:43px;height:86px;}
.contentslider .cs_leftBtn {left : 0px;outline:0;background:url(resources2images/cs_leftImg.png) no-repeat;}
.contentslider .cs_rightBtn {right : 0px;outline:0;background:url(resources2images/cs_rightImg.png) no-repeat;}
.contentslider .cs_leftBtn img, .contentslider .cs_rightBtn img {border:0;position:relative;margin:0;}
.contentslider .button a {clear: both;display: block;width: 98px;height: 27px;background:	url(resources2images/templatemo_button.png) no-repeat;color: #ccc;font-weight: bold;font-size: 10px;text-align: center;text-decoration: none;line-height:27px;}

.contentslider .button a:hover {color: #fff;background: url(resources2images/templatemo_button_hover.png) no-repeat;}

/* 直播 */
.livelist-item{box-sizing:border-box;-webkit-box-sizing:border-box;padding:20px;}
.livelist-item p,.livelist-item div{line-height:24px;}
.livelist-item p.liveitemdate{margin:10px 0px;font-size:14px;}


/* 0616添加 */

.trs-titlefocuspic .trs-data-oper{width: 100%;}
.full-length .full-container ul li .image-box{width: 100%;height: 100%;}
.full-length img{width: 100%; vertical-align: middle;height:100%;}
.port-1,.port-2,.port-3{height: 100%;box-sizing: border-box;-webkit-box-sizing:border-box;}