/*scroll*/
.ryselect {min-height:250px;overflow-y:auto; max-height:300px;}
.ryselect::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;background-color: #F5F5F5;}
.ryselect::-webkit-scrollbar{width: 12px;background-color: #F5F5F5;}
.ryselect::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #ccc;}

/*PC导航*/
.nav_active{background:#ffffff; height:64px; position:fixed; z-index:888;box-shadow:0 5px 5px rgba(0,0,0,0.3)}
.nav_active_list { padding-top:18px}
.nav_active_list li{ color:#c0686d; width:13%;height:44px; line-height:34px; float:left; text-align:center; font-size:1.4em}
.nav_active_list li a{ color:#444}
.nav_active_list li{ border-bottom:2px solid #FFF;-moz-transition: all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; -o-transition:all 0.6s;}
.nav_active_list li:hover{ border-bottom:2px solid #D81718;}

/*手机导航*/
.lhmenu_all{background:#ffffff; height:40px; position:fixed; z-index:888;box-shadow:0 5px 5px rgba(0,0,0,0.3); padding:5px 0px;border-bottom:1px solid #b61d22}
.lhmenu_w{ width:95%; margin:0 auto}
.lhmenu_r{ margin-top:3px}
.lhmenu_l{ width:130px;margin-top:5px}
.lhmenu_l img{width:130px; height:32px}


/*头部搜索*/
.form-search {position: relative;z-index: 103;width: 36px;}
.btn-group .btn {position: absolute;right: 0;z-index: 102;display: block;width: 36px;height: 36px;border-top-left-radius: 50%;border-bottom-left-radius: 50%;border-top-right-radius: 50%;border-bottom-right-radius: 50%;background: url(../images/h-search.png) no-repeat center center;background-color: #d3d3d3;border: none;outline: none; }
.btn-group .btn.border-right {border-top-left-radius: 0%;border-bottom-left-radius: 0%; }
.btn-group .icon {position: absolute;display: block;z-index: 103;width: 36px;height: 36px;right: 0;cursor: pointer; }
.search_text{position: absolute;z-index: 103;right: 35px;display: block;width: 0;border: none;outline: none;height: 36px;line-height: 36px;text-indent: 1em;border-top-left-radius: 18px;border-bottom-left-radius: 18px;background-color: #d3d3d3; }


/*banner*/
.banner_img01{left:14%; top:25%}

/*通用*/
.title_bg{background:url(../images/tit_line_bg.png) repeat-x 100% 60%}
.common_tit{ width:280px; text-align:center}
.tit_left{ width:60%}
.tit_right{ width:40%;font-size:2em; line-height:60px}
.common_tit_s{ width:280px; text-align:center}
.common_tit_xsp{ width:300px;text-align:center}
.common_tit_xsp .tit_left{ width:55%}
.common_tit_xsp .tit_right{ width:45%}
.common_more a{ display:inline-block; background:#f0f0f0; width:180px; height:40px; line-height:40px; color:#666;font-size:1.4em; -webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-moz-transition: all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; -o-transition:all 0.6s;}
.common_more a:hover{background:#a9aaaa; color:#ffffff; cursor:pointer;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-moz-transition: all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; -o-transition:all 0.6s;}
.common_more_s a{ display:inline-block; background:#f0f0f0; width:160px; height:35px; line-height:35px; color:#666;font-size:1.2em; -webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-moz-transition: all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; -o-transition:all 0.6s;}
.common_more_s a:hover{background:#a9aaaa; color:#ffffff; cursor:pointer;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;-moz-transition: all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; -o-transition:all 0.6s;}
.distance_tit{height:64px}
/*中间内容*/
.middle_all{ top:90%; height:auto}

/*图片新闻*/
#scroll-lhpic .device{background:none;position:relative;color:#FFF;}
#scroll-lhpic .swiper-container{width:100%;}
#scroll-lhpic ul{display:block;}
#scroll-lhpic ul li{ float:left;width:400px;}
#scroll-lhpic .swiper-scrollbar {display:none;}
.lhpic_img_box{width:400px;}
.lhpic_img_box .cutimg{ max-height:250px;overflow:hidden}

/*履职金句*/
#scroll-lhlzjj .device{position:relative;color:#FFF;}
#scroll-lhlzjj .swiper-container2{width:100%;}
#scroll-lhlzjj ul{display:block;}
#scroll-lhlzjj ul li{ float:left}
#scroll-lhlzjj ul li .lzjj-ico{background:url(../images/lzjj_ico.png) no-repeat center center; width:35px; height:43px;}
#scroll-lhlzjj .arrow-left2{background:url(../images/mall_arrow_left.png) no-repeat center center;position:absolute;left:0px;top:0;width:41px;height:100%;z-index:900;}
#scroll-lhlzjj .arrow-right2{background:url(../images/mall_arrow_right.png) no-repeat center center;position:absolute;right:0px;top:0;width:41px;height:100%;z-index:900;}
.lzjj_bg{border-radius: 10px; height:350px; border:1px solid #dad8d8; box-shadow:3px 5px 5px rgba(0,0,0,0.3)}.lzjj_bg .wd70{color:#7a2323; left:26%; top:20%}
.lzjj_ico2{transform: translateY(-60px); right:0}
.lzjj_bg .swiper-slide{ height:250px}


/*媒体新闻*/
.news_list ul li{line-height:3.5em; cursor:pointer; color:#2e2624;}
.news_list ul li a{font-size:16px;color:#2e2624}
.news_list ul li a:hover{color:#990100}
.news_list ul li .xw{float:left; width:73%;}
.news_list ul li .date{display:block;color:#aaa;padding-right:20px; font-size:14px; width:13%; float:right}
.news_list ul li a b{background:#2e2624;display:inline-block;width:0.3em;height:0.3em;vertical-align:middle;margin:0 0.5em;}

/*两会小视频*/
#scroll-lhxsp ul li{width:305px;}
#scroll-lhxsp .arrow-left1{background:url(../images/arrow_left.png) no-repeat center center;position:absolute;left:0;top:0;width:30px;height:100%;z-index:800;}
#scroll-lhxsp .arrow-right1{background:url(../images/arrow_right.png) no-repeat center center;position:absolute;right:0px;top:0;width:35px;height:100%;z-index:800;}

/*履职回顾*/
.lzhg_list li{font-size:1.2em; letter-spacing:1px; text-align:center}
.lzhg_box{ position:relative; overflow:hidden; width:100%}
.lzhg_box .image_box img{position:absolute; top:0;left:0;width:100%; -moz-transition: all 0.6s; -webkit-transition:all 0.6s; transition:all 0.6s; -o-transition:all 0.6s; }
.lzhg_box:hover .image_box img{cursor: pointer;transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}

/*版权*/
.lh_copyright{width:100%;line-height:50px; font-size:1.2em; background:#373D41; color:#ffffff;}

/*右侧菜单*/
.rmenu-fixed{ z-index:887;top:64px;}
.banAnimatezt .rmenu-fixed{display:block;animation-name:sfixed;-webkit-animation:sfixed 0.6s linear 0s normal none;-moz-animation:sfixed 0.6s linear 0s normal none;animation:sfixed 0.6s linear 0s normal none;}
@-webkit-keyframes sfixed{from{opacity:0;top:0;} to{opacity:1;top:80px;} }
@-moz-keyframes sfixed{from{opacity:0;top:0;} to{opacity:1;top:80px;} }
@keyframes sfixed{from{opacity:0;top:0;} to{opacity:1;top:80px;} }
    

/*mobile*/
.lhmobile{width: 100%; z-index:999}
.lhmobile-inner{background-color: #fafafa;position: relative;}
.lhmobile-inner img{width: 100%;margin-bottom: 30px;}
.lhmobile-inner p{color: #676767;line-height: 25px;font-size: 16px;padding-bottom: 30px;padding-right: 30px;padding-left: 30px;margin:0px;}
.lhmobile-inner-header{width: 100%;height: 50px;position: absolute;top: 0px;left: 0px;}
.lhmobile-inner-header-icon{height: 45px;font-size:25px;text-align: center;float:right;width: 50px;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.lhmobile-inner-header-icon:hover{background-color: rgba(255,255,255,0.2);cursor: pointer;}
.lhmobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 1px;background-color:#999;}
.lhmobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg);}
.lhmobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg);}
.lhmobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}
.lhmobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond;}
.lhmobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}
.lhmobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
.lhmobile-inner-nav{background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top: 50px;right: 0px;padding-top: 20px;padding-bottom: 1000px;display: none;}
.lhmobile-inner-nav a{display: inline-block;line-height: 50px;text-decoration: none;width:80%;margin-left: 10%;color: #FFFFFF;border-bottom: solid 1px rgba(255,255,255,0.3);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300; font-size:1.2em}
.lhmobile-inner-nav a:hover{color: rgba(255,255,255,0.4);border-bottom: solid 1px rgba(255,255,255,0.2);}
.lhmobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;}

@keyframes clickfirst{0%{transform: translateY(4px) rotate(0deg);} 100%{transform: translateY(0) rotate(45deg);}}
@keyframes clicksecond{0%{transform: translateY(-4px) rotate(0deg);} 100%{transform: translateY(0) rotate(-45deg);}}
@keyframes outfirst{0%{transform: translateY(0) rotate(-45deg);} 100%{transform: translateY(-4px) rotate(0deg);}}
@keyframes outsecond{0%{transform: translateY(0) rotate(45deg);} 100%{transform: translateY(4px) rotate(0deg);}}
@-webkit-keyframes returnToNormal{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} 100%{opacity: 1; -webkit-transform: none; transform: none;}}
@keyframes returnToNormal{0%{opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} 100%{opacity: 1; -webkit-transform: none; transform: none;}}




/*屏幕自适应*/
@media screen and (min-width: 1441px) and (max-width: 1600px){
.lzjj_bg .wd85{ width:90%}
.news_list ul li{ line-height:3em}
#scroll-lhpic ul li{width:325px}
.lhpic_img_box{width:325px}
.lhpic_img_box .cutimg{ max-height:210px;overflow:hidden}
#scroll-lhxsp ul li{ width:325px}
#scroll-lhlzjj .fs2{ font-size:1.5em;}
#tn-brandvideo .distance_tit{ font-size:1.2em}
}

@media screen and (min-width: 1281px) and (max-width: 1440px){
.common_more { padding-top:32px}
.lhvideo_list .wd-4-2 .wd85{ font-size:1.2em}
.news_list .common_more{ padding-top:8px}
.news_list ul li{ line-height:3em}
#scroll-lhpic ul li{width:325px}
.lhpic_img_box{width:325px}
.lhpic_img_box .cutimg{ max-height:210px;overflow:hidden}
#scroll-lhlzjj .lzjj_bg .fs2{ font-size:1.4em; width:85%; left:30%}
#scroll-lhxsp ul li{ width:325px}
.lh_w{ width:90%}
.nav_active .wd95{ width:98%}
.nav_active_list .include_w{ width:80%}
.nav_active .pt24{ padding-top:24px}
.media_news{ width:100%}
.media_news .wd60{ width:45%}
.media_news .wd38{ width:52%}
.data_list .wd10{ width:15%}
.data_list .wd10 img{ width:70px}
.data_list .wd90{ float:right; width:84%; line-height:2em}
.lzjj_bg .pt32{ padding-top:48px}
#tn-brandvideo .distance_tit{ font-size:1.2em}
}

@media screen and (min-width: 1024px) and (max-width: 1280px){
.lhvideo_list .wd-4-2 .wd85{ font-size:1.2em}
#scroll-lhlzjj .lzjj_bg .fs2{ font-size:1.4em; width:90%; left:35%}
.nav_active .wd95{ width:98%}
.nav_active_list .include_w{ width:85%}
.nav_active .s1{ width:150px}
.nav_active .searchinput{ width:150px}
.lh_w{ width:98%}
.title_bg{ padding-bottom:40px}
#scroll-lhpic ul li{width:315px}
.lhpic_img_box{width:315px;font-size:1.2em}
.lhpic_img_box .cutimg{ max-height:205px;overflow:hidden}
#scroll-lhxsp ul li{ width:320px}
.news_list ul li{ line-height:2.8em}
.news_list ul li a{ font-size:1.2em}
.news_list .common_more{ padding-top:8px}
.video_tit{ font-size:1.2em}
.media_news{ width:100%}
.media_news .wd60{ width:45%}
.media_news .wd38{ width:52%}
.data_list .lh6{line-height:2em}
.common_more { padding-top:32px}
.common_more a{ width:160px; height:35px; line-height:35px; font-size:1.2em}
.lzjj_bg .pt32{ padding-top:48px}
#tn-brandvideo .distance_tit{ font-size:1.2em}
#tn-brandvideo .wd90{ width:95%}
#commentnews{ width:95%}
.lzjj_bigico img{ width:170px}
}

@media screen and (min-width: 641px) and (max-width: 1023px) {
.banner_img01{ width:75%; left:15%; top:30%}
.middle_all{ top:100%}
.lh_w{ width:95%}
.common_tit{ width:240px}
.common_tit img{ width:140px}
.common_tit_xsp{ width:270px}
.common_tit_xsp img{ width:140px}
.tit_right{ font-size:1.8em}
.common_more{text-align:center}
.common_more a{ width:160px; height:35px; line-height:35px; margin-bottom:32px; font-size:1.2em}
.lzjj_more{ width:20%}
#wonderful_video .mt32{ margin-top:32px}
#scroll-lhxsp ul li{ width:250px}
#scroll-lhxsp ul li .wd95{ width:95%}
.nav_active{ display:none}
.lh_w{ width:95%}
.title_bg .fs11{ display:none}
.tit_ico05{ text-align:center}
#scroll-lhpic ul li{width:370px;}
.lhpic_img_box{width:370px;font-size:1.2em}
.lhpic_img_box .cutimg{ max-height:240px;overflow:hidden}
.fix87{ padding-top:27px}
.lhvideo_list .wd-4-2 .wd90{ width:95%}
.lhvideo_list .wd-4-2 .wd85{ width:95%}
.video_tit{ font-size:1.2em; padding-bottom:2.4em}
#current-position{ margin-top:0px;}
#scroll-lhlzjj ul li .pt32{ padding-top:32px}
#scroll-lhlzjj .lzjj_bg{ height:320px}
#scroll-lhlzjj .lzjj_bg .wd95{ width:90%}
#scroll-lhlzjj .lzjj_bg .wd95 .wd10{ width:10%}
#scroll-lhlzjj .lzjj_ico img{ width:25px}
#scroll-lhlzjj .fs2{ float:right; font-size:1.4em; width:90%; margin:0 auto}
.hidemobile_secw{ display:none}
.media_news .wd60{ display:none}
.data_list .wd10{ width:15%}
.data_list .wd10 img{ width:70px}
.data_list .wd90{width:85%; line-height:2em}
#tn-brandvideo .distance_tit{ font-size:1.2em}
.lzjj_bigico img{ width:150px}
}


@media screen and (max-width: 640px){
.banner_img01{ width:75%; left:12%; top:40%}
.middle_all{ top:100%}
.lh_w{ width:95%}
.common_tit{ width:240px}
.common_tit img{ width:140px}
.common_tit_xsp{ width:260px}
.common_tit_xsp img{ width:140px}
.tit_right{ font-size:1.8em}
.common_more{text-align:center}
.common_more a{ width:160px; height:35px; line-height:35px; margin-bottom:32px; font-size:1.2em}
#wonderful_video .mt32{ margin-top:32px}
#scroll-lhxsp .wd95{ width:70%}
#scroll-lhxsp .arrow-left1{background:url(../images/arrow_left1.png) no-repeat center center}
#scroll-lhxsp .arrow-right1{background:url(../images/arrow_right1.png) no-repeat center center}
#scroll-lhxsp ul li{width:342px;}
#scroll-lhpic ul li{width:342px;}
.lhpic_img_box{width:370px; font-size:1.2em}
.lhpic_img_box .cutimg{ max-height:228px;overflow:hidden}
.nav_active{ display:none}
.fix87{ padding-top:27px}
.lhvideo_list .wd-4-2 .wd90{ width:95%}
.lhvideo_list .wd-4-2 .wd85{ width:95%}
.distance_tit{ font-size:1.2em; height:auto; padding-bottom:1.6em}
.news_list ul li{ line-height:2.6em}
.news_list ul li a{ font-size:1.2em}
#current-position{ margin-top:0px;}
#scroll-lhlzjj .lzjj_bg{ height:320px}
#scroll-lhlzjj ul li .pt32{ padding-top:32px}
#scroll-lhlzjj .lzjj_bg .wd95{ width:90%}
#scroll-lhlzjj .lzjj_bg .wd95 .wd10{ width:10%}
#scroll-lhlzjj .lzjj_ico img{ width:25px}
#scroll-lhlzjj .fs2{ float:right; font-size:1.2em; width:90%; margin:0 auto}
#scroll-lhlzjj .lzjj_more{ width:30%}
.data_list .lh6{ line-height:2em}
.data_list .wd10{ width:20%}
.data_list .wd10 img{ width:65px}
.data_list .wd90{ float:right; width:78%; line-height:2em}
.lhvideo_list .video_bg{ width:100%}
.lzjj_bigico img{ width:140px}
.article{ min-height:550px}
.article .art_titile{ min-height:400px}
.article video{ width:100%; padding-top:32px; z-index:800}
}