/* global reset */
body{ background:#fff; font-size:14px; font-family:'Microsoft YaHei','SimSun'; min-width: 1000px}
img{ vertical-align:middle}
a:hover{ text-decoration:underline; _vertical-align:baseline}
a:focus,button,input,select,textarea{ outline:none}
textarea{ resize:none}

/* common */
.container{ width: 1000px; margin: 0 auto}

.ico{ display: inline-block; vertical-align: middle; overflow: hidden; background: url(/ue2/a/orz/index/2016/img/s1.png) no-repeat;}
.ico-home{ width:18px; height: 16px; margin: 14px 0 16px}
.ico-search{ width: 17px; height: 16px; background-position: -20px 0;}
.ico-time{ width: 14px; height: 13px; background-position:-56px 0; margin-right: 5px}
.ico-comment{ width: 15px; height: 13px; background-position:-71px 0; margin-right: 10px}
.ico-more{ width: 13px; height: 9px; background-position:-87px 0; margin-top: 13px}
.ico-camera{ width: 19px; height: 16px; background-position:-115px 0; margin: 13px 10px 16px 0}
.ico-tx{ width: 26px; height: 26px; background-position:0 -25px; margin-top: 12px}
.ico-wx{ width: 30px; height: 24px; background-position:-27px -25px; margin-top: 13px}
.ico-wb{ width: 28px; height: 24px; background-position:-58px -25px; margin-top: 13px}
.ico-orz1{ width: 33px; height: 14px; background-position:0 -60px; margin: 10px 5px 12px 0}
.ico-orz2{ width: 47px; height: 20px; background-position:-34px -60px; margin: 12px 10px 13px 0}
.ico-title{ width: 13px; height: 9px; background-position:-101px 0; margin: 14px 10px 16px 0}

.strong{ font-weight: bold;}
.mb492{ margin-bottom: 492px}

.mask{ overflow: hidden; position: absolute; z-index: -1; top: 0; left: 0; width: 800px; height: 300px; background: #000; filter: alpha(opacity=50); opacity: .5;}
:root .mask{ filter: none \0;}

.mask2{ position: absolute; left: 0; bottom:0; opacity: 1; overflow: hidden; width: 670px; height: 130px; z-index: -1; background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8)); background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8)); background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.8)); background: linear-gradient(top, transparent,  rgba(0, 0, 0, 0.8)); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00000000',endColorstr='#ff000000',gradientType=0);}

.mask-l{ position: absolute; overflow: hidden; width: 160px; height: 300px; top:0; left: 0; background: -webkit-linear-gradient(left,#f0f0f0,transparent); background: -moz-linear-gradient(left,#f0f0f0,transparent); background: -ms-linear-gradient(left,#f0f0f0,transparent); background: linear-gradient(left,#f0f0f0,transparent); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#f0f0f0',endColorstr='#00ffffff',gradientType=1);}

.mask-r{ position: absolute; overflow: hidden; width: 160px; height: 300px; top:0; right: -1px;background: -webkit-linear-gradient(left,transparent,#f0f0f0); background: -moz-linear-gradient(left,transparent,#f0f0f0); background: -ms-linear-gradient(left,transparent,#f0f0f0); background: linear-gradient(left,transparent,#f0f0f0); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00ffffff',endColorstr='#f0f0f0',gradientType=1);}

/* header */
.header{ overflow: hidden; *zoom:1; padding: 20px 0}
.header .logo-box{ float: left; margin-top: 18px}
.header .logo{ display: block; color: #a0a0a0;}
.header .logo .tit{ display: block; text-align: center; padding-top: 7px}
.header .logo:hover{ text-decoration: none;}
.header .mod-img{ float: right; width: 700px; height: 90px}

/* nav */
.nav{ background: #000; position: relative; z-index: 5;}
.nav-in{ position: relative;}
.list-nav{ height: 46px; font-size: 0}
.list-nav .nav-item{ display: inline-block; vertical-align: top; *display: inline; *zoom:1;}
.list-nav .nav-con{ display: inline-block; color: #a0a0a0; line-height: 46px; height: 46px; padding: 0 15px; vertical-align: top; overflow: hidden; font-size: 14px}
.list-nav .arrow u, .list-nav .arrow b{ display:block; overflow:hidden; position:absolute; width:0; height:0; font-size:0; border-left:4px dashed transparent; border-right:4px dashed transparent; border-bottom:4px dashed transparent; border-top-style:solid; border-top-width:4px} 
.list-nav .arrow{ position:absolute; top:20px; right:23px} 
.list-nav .arrow u{ top:0; left:0; color:#000; z-index:2;} 
.list-nav .arrow b{ top:1px; left:0; color:#a0a0a0}
.list-nav .nav-con:hover, .list-nav .nav-item-sub:hover .nav-con , .list-nav .hover .nav-con{ text-decoration: none; color: #fff; background: #e60012}
.list-nav .subnav{ position: relative;}
.list-nav .nav-item-sub .nav-con{ position: relative; padding: 0 30px 0 15px;}
.list-nav .nav-item-sub:hover .nav-con .arrow u, .list-nav .hover .nav-con .arrow u{ color:#e60012;}
.list-nav .nav-item-sub:hover .nav-con .arrow b, .list-nav .hover .nav-con .arrow b{ color: #fff}
.list-subnav{ position: absolute; *zoom:1; display: none; z-index: 500; width: 130px}
.list-subnav .subnav-con{ color: #505050; display: block; line-height: 44px; height: 44px; background: #f0f0f0; padding: 0 9px 0 19px; font-size: 14px; border: 1px solid #dcdcdc; border-top:none}
.list-subnav .subnav-tit{ display: block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; width: 100px}
.list-subnav .subnav-con:hover{ text-decoration: none; background: #fff}
.list-nav .nav-item-sub:hover .list-subnav, .list-nav .hover .list-subnav{ display: block;}

.search-box{ width: 180px; position: absolute; right: 0; top:10px}
.search-form{ position: relative; height: 26px; padding: 0 40px 0 10px; background-color: #323232}
.search-form input{ width: 100%; height: 26px; *margin-bottom: -1px; font-size: 14px; color: #a0a0a0;  _color: #fff; line-height: 26px\9; border: 0; background: 0 0; outline: 0}
.search-form input:focus, .search-form input:hover{ color: #fff}
.search-form button{ position: absolute; top: -1px; right: -1px; width: 40px; height: 26px; border: 0; cursor: pointer; background: none;}
.search-form .ico-search{ _background-position:-38px 0}
.search-form:hover .ico-search{ background-position:-38px 0}

/* dynamic-img */
.dynamic-img a{ overflow: hidden;}
.dynamic-img .dynamic-pic{ overflow: hidden; *overflow:inherit; display: block;}
.dynamic-img a img{ -webkit-transition: -webkit-transform .6s linear; -moz-transition: -moz-transform .6s linear; -ms-transition: -ms-transform .6s linear; transition: transform .6s linear;}
.dynamic-img a:hover img{ -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1); opacity: 0.9;} 

/* comm-list */
.comm-list{ overflow: hidden; *zoom:1;}
.comm-list li{ float: left; width: 300px; padding-top: 20px}
.comm-list a{ display: block; position: relative; color: #fff; *zoom:1;}
.comm-list a:hover{ text-decoration: none;}
.comm-list img{ width: 300px; height: 155px}
.comm-list .detail{ position: absolute; width: 100%; left: 0; bottom: 0; overflow: hidden; z-index: 2; height: 80px; _bottom: -1px}
.comm-list .tit{ font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-top: 48px; display: block; width: 90%; margin:0 auto;}
.comm-list .mask2{ height: 80px}
.comm-list a:hover{ text-decoration: none;}
.comm-list .tit:hover{ text-decoration: underline;}

/* comm-list2 */
.comm-list2{ overflow: hidden; *zoom:1;}
.comm-list2 li{ overflow: hidden; *zoom:1; border-top: 1px solid #e6e6e6; margin-top: -1px; padding: 22px 0; height: 135px; *float: left; *width: 100%}
.comm-list2 .pic{ float: left; margin-right: 30px; width: 198px}
.comm-list2 .pic a{ display: block;}
.comm-list2 .pic img{ width: 198px; height: 135px}
.comm-list2 .detail{ overflow: hidden; *zoom:1;}
.comm-list2 .intro{ height: 120px}
.comm-list2 .tit{ line-height: 28px; max-height: 56px; overflow: hidden; margin-top: -4px}
.comm-list2 .tit a{ color: #505050; font-size: 18px; font-weight: bold;}
.comm-list2 .tit a:hover{ text-decoration: none; color: #e60000}
.comm-list2 .txt{ color: #a0a0a0; line-height: 22px; height:44px; overflow: hidden; margin-top: 6px}
.comm-list2 .info{ font-size: 12px; color:#a0a0a0; overflow: hidden; *zoom:1;}
.comm-list2 .tag{ color: #e60000; float: left; margin-right: 20px; font-weight: bold;}
.comm-list2 .time{ float: left; margin-right: 20px}
.comm-list2 .btn-comment{ color:#a0a0a0; float: left; display: none;}
.comm-list2 .item-ex{ margin-top: 450px; border-top:none;}

/* comm-list3 */
.comm-list3 li{ padding-top: 20px}
.comm-list3 a{ display: block; position: relative; overflow: hidden; color: #fff; *zoom:1;}
.comm-list3 img{ width: 300px; height: 158px}
.comm-list3 .detail{ position: absolute; left: 0; top:82px; height: 158px; width: 100%; z-index: 2;-webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}
.comm-list3 .detail-in{ display: block; padding: 28px 15px 0}
.comm-list3 .tag{ display: inline-block; font-size: 12px; background: #e60000; line-height:22px; padding:0 5px; height: 22px;}
.comm-list3 .tit{ font-weight: bold; display: block; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; width: 100%}
.comm-list3 .txt{ font-size: 12px; display: block; line-height: 18px; margin-top: 3px; height: 54px; overflow: hidden;}
.comm-list3 .mask{ display: none; fliter:none; position: static;}
.comm-list3 .mask2{ height: 80px; bottom: auto; top:0;}
.comm-list3 a:hover .detail{ top:0;}
.comm-list3 a:hover .mask{ display: block; position: absolute;}
.comm-list3 a:hover .mask2{ display: none; fliter:none; position: static;}
.comm-list3 a:hover{ text-decoration: none;}

/* comm-list4 */
.comm-list4{ overflow: hidden; *zoom:1; margin-left: -10px; margin-right: -10px}
.comm-list4 li{ float: left; width:140px; margin: 0 10px; padding-top: 15px; *display: inline; *zoom:1;}
.comm-list4 img{ width: 140px; height: 105px}
.comm-list4 a{ color: #505050}
.comm-list4 .tit{font-size:13px; line-height: 22px; height: 44px; overflow: hidden; margin-top: 6px; display: block; width: 100%}
.comm-list4 a:hover{ text-decoration: none; color: #e60000}

.comm-list4-ex2{ margin-left: -5px; margin-right: -5px}
.comm-list4-ex2 li{ width: 160px; margin: 0 5px;}
.comm-list4-ex2 img{ width: 160px; height: 160px}

/* comm-list5 */
.comm-list5 li{ padding-top: 15px}
.comm-list5 a{ color:#505050}
.comm-list5 img{ width: 300px; height:130px }
.comm-list5 .tit{ display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin-top: 5px; width: 100%}
.comm-list5 a:hover{ text-decoration: none; color: #e60000}

/* list-rank */
.list-rank li{ height: 75px; overflow: hidden; padding-top: 20px}
.list-rank a{ color: #505050}
.list-rank .pic{ float: left; width: 110px; margin-right:10px; *display: inline; *zoom:1;}
.list-rank .pic a{ position: relative; display: block;}
.list-rank .detail{ overflow: hidden; display: block;}
.list-rank .tit{ margin-top: -2px; line-height: 20px; height: 80px; display: block; overflow: hidden;}
.list-rank img{ width: 110px; height: 76px; display: block;}
.list-rank .num{ color: #fff; font-size: 12px; line-height: 15px; height: 15px; width: 15px; text-align: center; background: #e60012; position: absolute; left: 0; top:0;}
.list-rank a:hover{ text-decoration: none; color: #e60000}
.list-rank a:hover .num{ color: #fff}

/* view-more */
.view-more a{ display: block; background: #000000; line-height:45px; height: 45px; color: #fff; font-size: 16px; text-align: center;}
.view-more a:hover{ text-decoration: none; background: #e60012}
.view-more a:hover .ico-orz2{ background-position:-82px -60px}

/* side-mod */
.side-mod{ margin-top: 30px}
.side-mod .mod-hd{ overflow: hidden; *zoom:1; background: #000000; padding-left: 20px;}
.side-mod .mod-hd .tit{ float: left; color: #ffffff; font-weight: bold; line-height: 37px; height: 37px}
.side-mod .mod-hd .more{ float: right; display: block; width: 37px; height: 37px; text-align: center;}
.side-mod .mod-hd .more:hover{ background: #e60000}
.side-mod .mod-hd .more:hover .ico-more{ background-position:-101px 0}
.side-mod .comm-list4, .side-mod .comm-list5{ padding-top: 5px}

/* side-mod-share */
.side-mod-share{ margin-left: -3px; margin-right: -3px; overflow: hidden; *zoom:1;}
.side-mod-share a{ display: block; width: 96px; text-align: center; float: left; margin: 0 3px; height: 50px; *display: inline; *zoom:1;}
.side-mod-share .btn-tx{ background: #15baf9}
.side-mod-share .btn-wx{ background: #44b549}
.side-mod-share .btn-wb{ background: #ff8140}
.side-mod-share a:hover{ text-decoration: none; background: #e60012}
.side-mod-share .disabled, .side-mod-share .disabled:hover{ background: #a0a0a0; cursor: default;}

/* mod-related */
.mod-related .mod-hd .tit{ color: #333; font-size: 16px; font-weight: bold; line-height: 26px}
.mod-related .mod-bd{ padding-bottom: 15px}

/* pn-row */
.pn-row{ overflow: hidden; *zoom:1;}
.pn-row .pn-c1{ float: left; width: 670px}
.pn-row .pn-c2{ float: right; width: 300px}

/* pn-friendly */
.pn-friendly .pn-hd{ color: #333; height: 40px; line-height: 38px; font-weight: bold; font-size: 16px}
.pn-friendly .pn-bd{ border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding:5px 0; position: relative;}
.pn-friendly .friendly-box{ padding-right: 100px; padding: 8px 0;}
.list-friendly{ overflow: hidden; *zoom:1;}
.list-friendly li{ font-size: 12px; float: left;}
.list-friendly .item a{color:#333; white-space: nowrap;}
.list-friendly .item a:hover{text-decoration: underline;}
.list-friendly .sep{ color:#ccc; margin: 0 12px;}
.btn-to-top{position: absolute; right: 0; top: 10px; width:65px; text-align: right; padding-left:26px; height: 26px; line-height: 26px; background: url(/ue2/a/orz/index/2016/img/s1.png) no-repeat -87px -25px; color: #333;}
.btn-to-top:hover{ text-decoration: none;}

.gb-final-mod-tag-news{ display: block;}

/* global-footer */
.global-footer{ color:#303030; padding: 20px 0}
.global-footer a:hover, .global-footer a:link, .global-footer a:visited, .global-footer a:active{ color:#303030; padding: 0 15px}

/* page-index */

/* pn-slide */
.pn-slide{ background: #f0f0f0; padding:15px 0 35px;}
.pn-slide .pn-c1{ margin-top: 20px}

.slide-box{ width: 670px; height: 330px; overflow: hidden; *zoom:1; position: relative;}
.slide-box .con{ display: block; position: relative; color: #fff}
.slide-box .c1 img{ width: 670px; height: 330px;}
.slide-box .c2{ display: block; position: absolute; width: 100%; bottom: 0; left: 0; z-index: 2; height: 130px; overflow: hidden; *zoom:1;}
.slide-box .tit{ display: block; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; padding-top: 74px; width: 90%; margin: 0 auto}
.slide-box .con:hover{ text-decoration:none;}
.slide-box .tit:hover{ text-decoration:underline;}
.slide-box .slide-btn{ display:none; position: absolute; z-index: 5; cursor: pointer;  font: normal 26px/1 "SimSun";  text-align: center; color: #fff; top:50%; margin-top:-18px; background: #000000; width: 36px; padding: 5px 0; height: 26px}
.slide-box .slide-btn:hover{ text-decoration: none; background: #e60000}
.slide-box .backward{ left: 0;}
.slide-box .forward{ right: 0;}
.slide-box .slidetabs{ position: absolute; bottom:0; left: 0; width: 100%; overflow: hidden; *zoom:1; z-index: 5;}
.slide-box .slidetabs a{ display: block; width: 132px; margin:0 1px; height: 4px; float: left; background: #9c9c9c; *display: inline; *zoom:1; overflow: hidden}
.slide-box .slidetabs .current{ background: #e60000;}
.slide-box .slidetabs:hover a , .slide-box .slidetabs-hover a{ height: 8px;}
.slide-box .slidetabs a:hover{ opacity: 0.6; filter: alpha(opacity=60);}
.slide-box:hover .slide-btn, .slide-box-hover .slide-btn{ display: block;}

/* pn-home-news */
.pn-home-news{ position: relative; padding-bottom: 30px; *zoom:1;}
.pn-home-news .pn-c1{ padding-top: 10px}
.pn-home-news .side-mod-news{ margin-top: 32px}

/* mod-carousel */
.mod-carousel{ background: #f0f0f0; position: absolute; left: 0; top:920px; width: 100%}
.mod-carousel .mod-hd{ overflow: hidden; *zoom:1;}
.mod-carousel .mod-bd{ padding: 30px 0 45px}
.mod-carousel .btn-mz{ display: block; float: left; color: #fff; font-weight: bold; background: #e60000; padding: 0 20px; line-height:45px; height: 45px; overflow: hidden;}
.mod-carousel .btn-mz:hover{ text-decoration: none; background: #000000}
.mod-carousel .link-box{ float: left; font-size: 0; line-height: 45px; height: 45px; padding-left: 20px}
.mod-carousel .link-box a{ color: #a0a0a0; font-size: 14px}
.mod-carousel .link-box .sep, .mod-carousel .link-box .sep2{ font-size: 14px; color: #a0a0a0}
.mod-carousel .link-box .sep{ margin: 0 10px}
.mod-carousel .link-box .sep2{ margin: 0 20px}

.list-carousel{ overflow: hidden; *zoom:1;}
.list-carousel li{ float: left; width:470px;}
.list-carousel a{ display: block; position: relative; color: #fff; overflow: hidden; width: 440px}
.list-carousel img{ width: 440px; height: 300px}
.list-carousel .detail{ position: absolute; left: 0; top:300px; width: 100%; z-index: 2; overflow: hidden; height: 300px; -webkit-transition: all 0.1s ease-in; -moz-transition: all 0.1s ease-in; -webkit-transition: all 0.1s ease-in; -o-transition: all 0.1s ease-in; transition: all 0.1s ease-in;}
.list-carousel .tit{ display: block; height: 108px; padding:0 60px; font-size: 24px; line-height: 36px; margin-top: 96px; width: 320px}
.list-carousel .tit-in{ vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; overflow: hidden; max-height: 108px}
.list-carousel .visible{height: 100%; vertical-align: middle; width: 0; display: inline-block;}
.list-carousel a:hover{ text-decoration: none;}
.list-carousel a:hover .detail{ top:0}
.list-carousel .last .cover{ width: 440px; height: 300px; position: absolute; left: 0; top:0; background: url(/ue1/a/orz/index/2016/img/cover.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/ue1/a/orz/index/2016/img/cover.png');}
.list-carousel .last a{ color: #dcdcdc}
.list-carousel .last a:hover{ color: #fff}
.list-carousel .last a:hover .cover{ background: url(/ue1/a/orz/index/2016/img/cover2.png) no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src='/ue2/a/orz/index/2016/img/cover2.png');}
.list-carousel .last .title{ width: 100%; text-align: center; font-size: 30px; position: absolute; left: 0; top:190px;}
.carousel-box{ position: relative; width: 100%; overflow: hidden; *zoom:1;}
.carousel-box .carousel-in{ width: 1000px; margin: 0 auto; position: relative; height: 300px}
.carousel-box .list-carousel{ position: absolute; top:0; left:0; width: 20000em}
.carousel-box .btn-carousel{  position: absolute; z-index: 5; cursor: pointer;  font: normal 26px/1 "SimSun";  text-align: center; color: #fff; top:50%; margin-top:-25px; background: #000000; width: 60px; padding: 12px 0; height: 26px;}
.carousel-box .btn-carousel:hover{ text-decoration: none; background: #e60000; z-index:5;}
.carousel-box .btn-prev{ left: 0;}
.carousel-box .btn-next{ right: 0;}
.carousel-box .disabled{ display: none;}
.carousel-box .mask-l, .carousel-box .mask-r{ z-index: 2;}


/* page-article-list */

/* pn-article-list */
.pn-article-list{ padding: 30px 0}
.pn-article-list .pn-c2{ padding-top: 40px}
.pn-article-list .title{ background: #e60000; display: inline-block; color: #fff; font-size: 18px; font-weight: bold; line-height:40px; padding: 0 20px; *display: inline; *zoom:1;}
.pn-article-list .comm-list2{ margin-top: 8px}
.pn-article-list .comm-list2 .item-ex{ margin-top: -1px}

.page-article-list .pagination{ margin: 50px 0;}
.page-article-list .pagination ul{ overflow: hidden; *zoom:1;}
.page-article-list .pagination li a:hover{ text-decoration:none;}
.page-article-list .pagination .page, .page-article-list .pagination .first, .page-article-list .pagination .last{ display: none;}
.page-article-list .pagination .prev{ float: left;}
.page-article-list .pagination .next{ float: right;}
.page-article-list .pagination .prev a, .page-article-list .pagination .next a{ width:330px; height: 45px; font-size: 0; display:block; text-align: center; color: #fff; background-color:#ffa5b0; line-height:45px; cursor: pointer; font-weight: bold; background: url(/ue2/a/orz/index/2016/img/b1.jpg) 0 0 no-repeat; line-height: 20em; overflow: hidden;}
.page-article-list .pagination .prev a:hover{background-position:0 -92px;}
.page-article-list .pagination .next a{background-position:0 -46px;}
.page-article-list .pagination .next a:hover{background-position:0 -137px;}


/* page-article-final */

/* pn-article-final */
.pn-article-final{ padding-bottom: 30px}
.pn-article-final .pn-c1{ padding-top: 30px}


/* page-article-zl */
.page-article-zl .wrap{ background: url(/ue1/a/orz/index/2016/img/bg1.jpg) top center no-repeat;}
.page-article-zl .header-zl{ height: 252px}

.pn-article-zl{ padding-bottom: 30px}
.pn-article-zl .pn-c1{ padding-top: 30px}

/*the fenxiang*/
.mb-fixnav{position:fixed; _position:absolute; width:50px; height: 204px; bottom:250px; right:50%; margin-right:550px; z-index:200}
.mb-fixnav .gb-share .gb-share-btn { margin-bottom: 15px;}