@charset utf8; 
/**** newry ****/


/*.indexsScroll */
.indexsScroll,.flexs1ider1Box{ position: relative; height:auto; overflow: hidden;z-index: 0;}
.flexslider1Box{ margin-bottom: 25px; overflow: hidden;}
.indexsScroll ul li a{ display: block;}
.indexsScroll:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.centerImg{width: 326px; height: 232px; margin: 125px auto 0 auto;}
.centerImg:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.appLoadbtn{ width: 324px; margin: 0 auto; margin-top: 35px;}
.appLoadbtn:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.AndroidBtn,.iPhoneBtn{ display: block; width: 162px; height: 47px; background: url(../img/apploadBgImg.png); float: left;}
.iPhoneBtn{background-position: 0 0; }
.AndroidBtn{background-position: 0 -47px; margin-left: -1px;}
.iPhoneBtn:hover{background-position: 0 -94px;}
.AndroidBtn:hover{background-position: 0 -141px;}
.indexsScrollCenter{width: 400px; margin: 0 auto; position: absolute; top: 0; left: 50%; margin-left: -200px;}
.indexsScrollBox ul li{ position: relative; width: 100%;}
.indexsScrollBox ul li img{  width: 100%; float: left;}
.centerImgBox{ width: 980px; position: absolute; height: 540px; line-height: 540px; top: 0; left: 50%; margin-left: -490px; display: table-cell; text-align: center; vertical-align: middle; display: none;}
.centerImgBox img{ /*margin: 0 auto; display: block;*/ margin-top: 130px;}
/*.indexsScroll:end */

.flexslider1Box .flex-direction-nav-box,.indexsScrollBox .flex-direction-nav-box{ width: 100%; position: absolute; left: 0;top:18%; }
.flexslider1Box .flex-direction-nav,.indexsScrollBox .flex-direction-nav{ width: 1080px; margin: 0 auto; height: 0px; overflow: visible; padding: 0;}
.flexslider1Box .flex-direction-nav li a,.indexsScrollBox .flex-direction-nav li a{width: 50px; height: 120px; display: block; background: url(../img/index.png) no-repeat;text-indent: -9999px;}
.flexslider1Box .flex-direction-nav li .prev,.indexsScrollBox .flex-direction-nav li .prev {background-position: 0 0; }
.flexslider1Box .flex-direction-nav li .next ,.indexsScrollBox .flex-direction-nav li .next {background-position: -50px 0;}
.flexslider1Box .flex-direction-nav li .prev:hover,.indexsScrollBox .flex-direction-nav li .prev:hover{background-position: -100px 0;}
.flexslider1Box .flex-direction-nav li .next:hover,.indexsScrollBox .flex-direction-nav li .next:hover{background-position: -150px 0;}
.flexslider1Box .flex-direction-nav li .prev:hover, .indexsScrollBox .flex-direction-nav li .prev:hover {
    background-position: -100px 0;
}

.flexslider1Box .flex-direction-nav{width: 710px;}
.flexslider1Box .flex-direction-nav li .prev{left: 30px;}
.flexslider1Box .flex-direction-nav li .next{right: 30px;}
.flex-control-nav {bottom: 20px; left:0;position: absolute;text-align: center;width: 100%;}
.flex-control-nav li { height:10px;display: inline-block;margin: 0 6px;}
.flexslider1{position: relative;}
.flex-direction-nav li .next {
    right: 10px;
}
.mainNavigation{ width: 969px;/*1078*/ height: 118px; padding: 20px 55.5px; margin: -50px auto 0 auto; background: #fff; border: 1px solid #e3dbd0; position: relative;z-index: 9;}

.mainNavItem{ width: 93px; height: 118px;float: left; margin-right: 53px; text-align: center;}
.mainNavItem a{ display: inline-block; width: 100%; height: 100%;}
.mainNavIcon{ width: 93px; height: 91px; background: no-repeat center center; background:url(../img/mainNavBg.png) no-repeat 0 0;}
/*.mainNavAtite .mainNavIcon{ background-position:0 -96px;}*/
.mainNavItem:hover .mainNavIcon{background-position:0 -96px;}
.mainNavItem a:active .mainNavIcon{ background-position: 0 -190px;}
.centerIcon{ display: inline-block; width: 100%; height: 100%;background: no-repeat center center;}
.nav7 {margin-right:0;}
.nav1 .centerIcon{ background-image: url(../img/navIcon1.png);}
.nav2 .centerIcon{ background-image: url(../img/navIcon2.png);}
.nav3 .centerIcon{ background-image: url(../img/navIcon3.png);}
.nav4 .centerIcon{ background-image: url(../img/navIcon4.png);}
.nav5 .centerIcon{ background-image: url(../img/navIcon5.png);}
.nav6 .centerIcon{ background-image: url(../img/navIcon6.png);}
.nav7 .centerIcon{  background-image: url(../img/navIcon7.png);}
.nav8 .centerIcon{  background-image: url(../img/navIcon8.png);}

.mainNavAtite.nav1 .centerIcon,.nav1:hover .centerIcon{ background-image: url(../img/navIcon1Hover.png);}
.mainNavAtite.nav2 .centerIcon,.nav2:hover .centerIcon{ background-image: url(../img/navIcon2Hover.png);}
.mainNavAtite.nav3 .centerIcon,.nav3:hover .centerIcon{ background-image: url(../img/navIcon3Hover.png);}
.mainNavAtite.nav4 .centerIcon,.nav4:hover .centerIcon{ background-image: url(../img/navIcon4Hover.png);}
.mainNavAtite.nav5 .centerIcon,.nav5:hover .centerIcon{ background-image: url(../img/navIcon5Hover.png);}
.mainNavAtite.nav6 .centerIcon,.nav6:hover .centerIcon{ background-image: url(../img/navIcon6Hover.png);}
.mainNavAtite .nav7 .centerIcon,.nav7:hover .centerIcon{ background-image: url(../img/navIcon7Hover.png);}
.mainNavAtite.nav8 .centerIcon,.nav8:hover .centerIcon{ background-image: url(../img/navIcon8Hover.png);}

.mainNavWord{color: #666; font-size: 14px; padding-top: 10px;}
.mainItem{ width: 1080px; margin: 0 auto;}
.maintitleBox{ position: relative; width: 100%;}
.mainTitle{ width: 100%; height: 26px; line-height: 26px; padding: 50px  0  20px; text-align: center; position: relative; }
.mainTitle1,.mainTitle2,.mainTitle3,.mainTitle4{ width: 1080px; text-align: center; color: #666; font-size: 16px; padding: 10px 0 20px 0; margin: 0 auto;}
.mainTitle2,.mainTitle3{font-size: 14px;}
.mainTitle3{ padding: 35px 0 20px 0;}
.mainTitle4{ padding: 5px 0 20px 0; font-size: 16px; color: #666;}
.mainTitle .titleIcon{ display: inline-block; height: 26px; width: 26px; background:url(../img/titleIcon.png)  no-repeat left top; margin-right: 8px;}
.mainTitle .titleIcon.icon1{background-position:0 -90px; }
.mainTitle .titleIcon.icon2{background-position:0 0;  }
.mainTitle .titleIcon.icon3{background-position:0 -30px; }
.mainTitle .titleIcon.icon4{background-position: 0 -60px;  }
.mainTitle .titleIcon.icon5{background-position: 0 -120px;  }
.mainTitle .titleIcon.icon6{background-position: 0 -150px;  }
.mainTitle .titleIcon.icon7{background-position: 0 -180px;  }
.titleDiscussIcon .titleIcon{ color: #666; font-size: 16px;}
.titleDiscussIcon{ padding: 30px 0;}
.mainTitle .titleWord{display: inline-block; height: 26px; line-height: 26px; width: auto; font-size: 16px; color: #515151;}
.mainItemCon:after{ content: ".";display: block;height: 0;clear: both; visibility: hidden;}
.mainTitleBtn{ position: absolute; bottom: 22px; right: 0;}
.mainTitleBtn a.mtLookAll{ display: inline-block; width: 72px; height: 20px; line-height: 20px; color: #2BCA63; border: 1px solid #2BCA63; border-radius: 11px; font-size: 12px; text-indent: 9px;}
.mainTitleBtn a.mtLookAll:hover{ background-image: url(../img/mtLookAllIconHover.png) ; background-color: #2BCA63; color: #fff;}
.mainTitleBtn a.mtLookAll:active{ background-image: url(../img/mtLookAllIconHover.png) ; background-color: #6bda92; color: #fff; border: 1px solid #6bda92;}
.irregularItem{ float: left; position: relative; overflow: hidden; }
.irregularItem .mianItemImg,.irregularItem .mianItemImg img{ float: left; width: 100%; height: 100%;}
.bgTitle{ width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
.bgTitle a{width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: pre; color:#fff}
.irregular1{width:717px; height: 318px; margin-right: 4px; margin-bottom: 4px;}
.irregular2{width:358px; height: 318px; margin-bottom: 4px;}
.irregular3{width:538px; height: 318px; margin-right: 4px;}
.irregular4{width:538px; height: 318px;}
.itemBgConBox{ width: 100%; }
.itemBgConBox:after{ content: ".";display: block;height: 0;clear: both; visibility: hidden;}
.itemBgCon{ position: absolute; bottom: 0; left: 0; padding: 8px 8px 8px 12px; background: url(../img/itemBgConBg.png) repeat; height: 20; overflow: hidden; /*line-height: 20px;*/}
.itemBgCon .bgTitle{ height: 20px; line-height: 20px; color: #fff; font-size: 14px; float: left;}
.itemBgCon .bgInfo{ float: right;}
.itemBgCon .bgInfoAddress,.itemBgCon .likeNum,.itemBgCon .replyNum{ float: left; height: 20px; line-height: 22px; color: #fff; font-size: 12px; margin-right: 10px; padding-left: 20px; background: url(../img/linkReplyIcon.png) no-repeat center center;}
.itemBgCon .bgInfoAddress{ background-position: 0 3px;}
.itemBgCon .likeNum{ background-position: 0 -17px;}
.itemBgCon .replyNum{ margin-right: 0; background-position: 0 -37px;}
.irregular1 .itemBgCon{width:697px;}
.irregular2 .itemBgCon{width:338px;}
.irregular2 .itemBgCon .bgTitle{width:40%;}
.irregular3 .itemBgCon{width:518px;}
.irregular4 .itemBgCon{width:518px;}
.itemBgCon:after{ content: ".";display: block;height: 0;clear: both; visibility: hidden;}

.photoBox .mainItemCon{ width: 1084px;}
.photoItem{ width: 357px; height: 358px; float: left;background: #fff; overflow: hidden; margin-right: 4px; margin-bottom: 4px;}
.photoImgBox{ width: 357px; height: 244px; float: left; background: #fff; position: relative; overflow: hidden;}
.photoImgBox img{ width: 100%; height: 100%; float: left;}
.photoImgBox .photoLabel{ position: absolute; top:12px; left: 12px; width: auto; padding: 0 4px; height: 18px; line-height: 18px; background: #FFFFFF;border: 1px solid #e3dbd0; border-radius: 3px; font-size: 12px; color: #2bca63;}
.photoInfoBox{ float: left; padding: 16px 20px; width:317px; height: 82px; background:#f2f2f2;}
.photoTitle{ width: 100%; height: 40px; line-height: 20px; overflow: hidden; font-size: 14px; color: #666; float: left; margin-bottom: 16px;}
.photoInfo{ width: 100%; float: left; height: 25px; /*line-height: 25px;*/}
.photoInfo .headerImgBox{ width: auto; float: left; }
.photoInfo .headerImgBox img{ width: 25px; height: 25px; border-radius: 4px; float: left; margin-right: 6px;}
.photoInfo .headerImgBox .headerImgWord{ height: 25px; line-height: 25px; float: left; width: auto; font-size: 12px; color: #999;}
.photoInfo .likeReplyBox{ float: right; padding: 3px 0;}
.photoInfo .likeNum,.photoInfo .replyNum{ float: left; height: 19px; line-height: 19px; margin-left: 10px; color: #999; font-size: 12px; padding-left: 18px; background: url(../img/linkReplyIcon.png) no-repeat center center;}
.photoInfo .likeNum{ background-position: 0 -59px; }
.photoInfo .replyNum{ background-position: 0 -79px;}
.photoItem:hover .photoTitle{ color: #2BCA63;}
.photoItem:hover .photoLabel{ color: #fff; background: #2bca63; border:1px solid #2bca63; }
.photoMashBox .photoItem{ height: 244px; position: relative;}
.photoMash,.photoMashBottomBox .photoItem:hover .photoMash{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/photoMashBg.png) repeat;}
.photoMashTitle{ width: 100%; height: 40px; line-height: 40px; font-size: 20px; font-weight: bold; color: #fff;text-align:center;padding-top: 105px;}
.photoPostsNum{ height: 26px; line-height: 26px; width: 100%; text-align: center;}
.pNumWord{ color:#2BCA63; font-size: 18px; padding-right:3px;}
.pNumUnit{ color: #fff; font-size: 16px;}
.photoMashBottomBox{width: 960px;}
.photoMashBottomBox .mainItemCon{ width: 1000px;}
.photoMashBottomBox .photoItem{position: relative; width: 180px; height: 138px; border: 1px solid #eae4db; margin-right: 10px; margin-bottom: 10px;}
.photoMashBottomBox .photoImgBox{ width: 100%; height: 100%;}
.photoMashBottomBox .photoMashTitle{ padding-top: 0; position:absolute; bottom:0;height: 40px; line-height: 40px; font-size: 14px;color:  #fff;}
.photoMashBottomBox .photoMash{ background: none;}
.photoMashBottomBox .photoMashTitle{ background: url(../img/photoMashTitleBg.png) repeat-x left bottom;}
.photoMashBottomBox .photoItem:hover .photoMashTitle{ background: none;}


.mainLeftRightBox{ width: 1080px; margin: 0 auto;}
.mainLeftRightBox:after{ content: ".";display: block;height: 0;clear: both; visibility: hidden;}
.mainLeftRightBox .mainLeft{ width: 718px; float: left;}
.mainLeft .mainItemCon{ background: #fff;}

.talentBox{ width: 351px; height: 322px; margin-right: 32px; float: left;overflow: hidden;}
.talentBox:hover .talentTitle{ color: #2BCA63;}
.talentImgBox{ width: 351px; height: 248px; float: left; position: relative;}
.talentImgBox img{ width: 100%; height: 100%; float: left;}

.talentInfo{padding: 15px 20px; float: left; width: 311px;}
.talentTitle{ float: left; font-size: 14px;color: #666; height: 22px; line-height: 22px; width: 100%; overflow: hidden; }
.talentInfoWord{float: left; font-size: 12px; color: #999; height: 22px; line-height: 22px; width: 100%; overflow: hidden; text-overflow: ellipsis; }

.talentIcon{ width: 83px; height: 83px; background: url(../img/talentIcon.png) no-repeat center center; position: absolute; top:0; left: 0;}
.talentList{ padding-top: 32px;width: 314px; padding-right: 20px; float: right; }
.talentList:after{ content: ".";display: block;height: 0;clear: both; visibility: hidden;}
.talenItem{ height: 65px; margin-bottom: 32px; overflow: hidden;}
.talenItem a{ width: 100%; height: 100%; display: inline-block;}
.talenItem .talenHeaderImg{ width: 65px; height: 65px; float: left; margin-right: 18px;}
.talenItem .talenHeaderImg img{ width: 100%; height: 100%; border-radius: 3px;}
.talenInfoBox{ height: 65px; float: left; width: 230px;}
.talenName,.talenCardNum,.talenLabelBox{ float: left; width: 100%;}
.talenName,.talenCardNum{height: 20px; line-height: 20px; overflow: hidden; white-space: pre; text-overflow: ellipsis; color: #666; font-size: 14px;}
.talenCardNum{ font-size: 12px; color: #999;}
.talenItem:hover .talenName{ color: #2BCA63;}
.talenLabelBox{ margin-top: 5px;}
.talenLabelBox .talenLabel{ float: left; width: auto; padding: 0 6px; height: 17px; line-height: 17px; color: #ffb06a; font-size: 12px; border:1px solid #FFB06A; border-radius: 3px; margin-right: 6px;}
.mainLeftRightBox .mainRight{ float: right; width: 352px;}
.mainRight .mainItemCon{ width: 100%; background: #fff;}
.outdoorNewsList{ width:312px ; height: 315px; overflow: hidden; padding:2px 20px;}
.outdoorNewsList .oNItem{ width: 100%; height: 52px; line-height: 52px; border-bottom: 1px dashed #eee;}
.oNcontent{ padding-left: 12px; height: 52px; line-height: 52px; color: #666; font-size: 14px; background: url(../img/oNItemIcon.png) no-repeat 1px center;}
.oNcontent:hover{ color: #2BCA63;}
.oNWord{ width: 100%; height: 52px; overflow: hidden; white-space: pre; text-overflow: ellipsis;}