/*index.html==========================*/
html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, frameset, table, th, tr, td, fieldset { margin: 0; padding: 0; font-weight: 400; }
/* IE5.xIE6бbug */ 
* html body { overflow: visible; }
* html iframe, * html frame { overflow: auto; }
* html frameset { overflow: hidden; }
ul, li { list-style-type: none; }
/* img */ 
img { border: 0 none; vertical-align: middle; }
body { background: #f5f5f5; font-size: 14px; font-family: "微软雅黑"; }
a { text-decoration: none; }
input { -webkit-appearance: none; /*去除input默认样式*/ }
.clear { clear: both; border: 0px; height: 0px; width: 0px; font-size: 0px; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.clear { LINE-HEIGHT: 0; CLEAR: both; overflow: hidden; font-size: 0px; }
.wrap { width: 96%; margin: auto; }
.b_shadow { -o-box-shadow: 0 0 8px rgba(0,0,0,.1); -ms-box-shadow: 0 0 8px rgba(0,0,0,.1); -moz-box-shadow: 0 0 8px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 8px rgba(0,0,0,.1); box-shadow: 0 0 8px rgba(0,0,0,.1); }
.pb-3 { padding-bottom: 15px !important; }
.mb-2 { margin-bottom: 10px !important; }
/*nav*/
#openlc { position: fixed; right: 0; top: 0; z-index: 999; height: 70px; padding: 5px 0; }
.lcbody { display: inline-block; margin: 20px; width: 30px; height: 30px; position: relative; transform: translateZ(0px) rotate(0deg); transition: transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); }
.lcitem { position: absolute; left: 0; top: 0; transform: translateZ(0px) rotate(0deg); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; -webkit-transform: translateZ(0px) rotate(0deg); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; width: 30px; height: 30px; }
.lcitem .rect { width: 30px; height: 1px; background: #999999; position: absolute; left: 0; top: 14px; transition: transform 0.2s ease 0.2s; -webkit-transition: -webkit-transform 0.2s ease 0.2s; }
.lcitem .rect.top { transform: translate3d(0px, -8px, 0px); -webkit-transform: translate3d(0px, -8px, 0px); }
.lcitem .rect.bottom { transform: translate3d(0px, 68px, 0px); -webkit-transform: translate3d(0px, 8px, 0px); }
#leftcontrol { width: 260px; height: 100%; right: -260px; transition: all 0.25s; background: #202122; position: fixed; overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; z-index: 999; }
#leftcontrol ul#nav { padding-top: 13px; }
#leftcontrol ul li { display: block; min-height: 44px; border-top: 1px solid #272727; font-size: 1rem; width: 100%; }
#leftcontrol ul li a { display: block; color: #777777; padding: 0 25px; height: 44px; line-height: 44px; }
#leftcontrol ul li a span { display: inline-block; }
#leftcontrol ul li a span.circle { width: 8px; height: 8px; border: #474747 1px solid; border-radius: 5px; margin-right: 20px; }
#leftcontrol ul li .subnav { display: none; }
#leftcontrol ul.subnav li a i { margin-right: 20px; font-size: 1.5rem; color: #3e3e3e; }
#leftcontrol ul.subnav li a { background: #19191A; color: #7e7e7e; }
#leftcontrol ul li a span.more { width: 12px; height: 12px; position: relative; float: right; top: 16px; }
#leftcontrol ul li a span.more span { background: #474747; position: absolute; }
#leftcontrol ul li a span.more span.h { width: 12px; height: 2px; transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); }
#leftcontrol ul li a span.more span.v { transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); -webkit-transform: rotate3d(0, 0, 1, 90deg) translate3d(5px, 0, 0); }
#leftcontrol ul li.active a span.more span.v { transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); -webkit-transform: rotate3d(0, 0, 0, 0) translate3d(0, 5px, 0); }
#leftcontrol ul li.active a span.circle { border-color: #1069c7; background-color: #1069c7; }
#leftcontrol ul li.active a.hassub { background: #222324; color: #FFF; }
#leftcontrol ul li.onnav a { background: #111; color: #ccc; }
#leftcontrol ul li.onnav a span.circle { border-color: #1069c7; background-color: #1069c7; }
#leftcontrol ul li.noNav { display: none; }
.pageOn #openlc { background: #202122; }
.pageOn #leftcontrol { right: 0; top: 0; }
.pageOn .lcbody { transform: translateZ(0px) rotate(90deg); -webkit-transform: translateZ(0px) rotate(90deg); }
.pageOn .lcitem { transform: translateZ(0px) rotate(45deg); transition: transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; -webkit-transform: translateZ(0px) rotate(45deg); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0.2s; }
.pageOn .lcitem .rect { transition: transform 0.2s ease 0s; transform: translate3d(0px, 0px, 0px); -webkit-transition: -webkit-transform 0.2s ease 0s; -webkit-transform: translate3d(0px, 0px, 0px); }
.pageOn .lcitem.bottom { transform: translateZ(0px) rotate(-45deg); -webkit-transform: translateZ(0px) rotate(-45deg); }
#body { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 996; display: none; }
.pageOn #body { display: block; }
/*header*/
.header { width: 100%; height: 80px; position: relative; }
.header_fixed { position: fixed; z-index: 666; top: 0; left: 0; right: 0; height: 46px; padding: 17px 0; background: #FFF; box-shadow: 2px 2px 15px 5px rgba(0,0,0,.15) }
.logo_area { height: 46px; }
.logo_area img { height: 46px }
/*banner*/
.bannerBox img { width: 100%; }
.focus { width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
.focus .hd { width: 100%; height: 8px; position: absolute; z-index: 1; bottom: 15px; text-align: center; }
.focus .hd ul { overflow: hidden; height: 8px; }
.focus .hd ul li { width: 8px; height: 8px; border-radius: 50%; background-color: rgba(255,255,255,0.5); display: inline-block; margin: 0 4px; text-indent: -999em; }
.focus .hd ul .on { background: #1069c7; }
.focus .bd { position: relative; z-index: 0; }
.focus .bd li img { width: 100%; }
/**/
.wbox { width: 100%; background: #fff; }
.wbox .tit { text-align: center; padding: 30px 0 20px; }
.wbox .tit span { font-size: 22px; }
.wbox .tit .line { height: 2px; border-bottom: 1px solid #ddd; width: 96%; margin: auto; position: relative; padding-top: 15px; position: relative; }
.wbox .tit .line i { background: #1069c7; display: block; width: 60px; height: 2px; left: 50%; margin-left: -30px; bottom: -1px; position: absolute; }
.wbox .more { text-align: center; }
.wbox .more a { display: inline-block; margin: 20px 0 10px; padding: 7px 20px; color: #1069c7; font-size: 14px; border: 1px solid #1069c7; }
.iabout, .ipro { padding-bottom: 15px; margin-bottom: 10px; }
.iabout .content { padding: 0 4%; }
.iabout .content .info { padding-top: 10px; font-size: 14px; color: #666; line-height: 22px }
.ipro .listbox { padding: 0 2%; }
.ipro .list { width: 46%; float: left; margin: 0 2%; margin-bottom: 4vw; }
.ipro .list .img img { width: 100%; }
.prolist_box { padding: 5px 6.5% 3px; border: 1px solid #e4e4e4; background: #fdfdfd;}
.prolist_box p.stit { width: 100%; font-size: 14px; line-height: 30px; height: 30px; text-align: center; position: relative; color: #333; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.inews { padding-bottom: 30px; }
.inews .list { width: 92%; margin: auto; border-bottom: 1px dashed #eee; padding: 3vw 0; }
.inews .list .title { color: #333; font-size: 14px; padding-bottom: 2px; }
.inews .list .time { color: #999; font-size: 12px; }
/**/
.position, .position a { color: #666; padding: 10px 6px; border-bottom: 1px solid #e0e0e0; }
.position a { padding: 10px 2px; border: none; }
.container { padding: 5px 4%; background: #fff; min-height: 350px; }
.container .tit { border-bottom: 1px solid #e0e0e0; line-height: 40px; }
.container .info_box { line-height: 30px; overflow: hidden; width: 100%; padding-top: 10px; padding-bottom: 10px; color: #555; }
.container .info_box img { width: 100%; }
.container .info_box .swiper-pagination { background: rgba(0,0,0,.5); color: #fff; width: auto; left: 50%; margin-left: -25px; padding: 0 10px; border-radius: 24px; line-height: 24px; height: 24px; font-size: 12px; }
.container .info_box h1 { font-size: 18px; text-align: center; }
.info_box p.news_oth { text-align: center; color: #888; border-bottom: 1px dashed #e4e4e4; padding-bottom: 10px; }
.info_box .content { padding: 20px 10px 0; line-height: 30px; min-height: 260px; }
.info_box .content p { margin-bottom: 10px; }
.info_box .content img { width: 100%; height: auto; }
.info_box .content h2 { height: 48px; line-height: 48px; font-size: 16px; color: #202020; background: #fafafa; text-indent: 15px; border-left: 4px solid #a40001; margin-bottom: 10px; }
.container .listbox { padding-top: 4vw; }
.container .list { width: 46%; float: left; margin: 0 2%; margin-bottom: 4vw; }
.container .list .img img { width: 100%; }
.photolist {padding: 15px 0; overflow: hidden; background: #fff;}
.photolist .list{ width: 46%; float: left; margin: 0 2%; margin-bottom: 4vw; background: #f5f5f5; }
.photolist .list .img img { width: 100%; }
.photolist .list .title { color:#333;text-align: center;padding: 10px 0;}

.container .newslist { width: 96%; margin: auto; border-bottom: 1px dashed #eee; padding: 3vw 0; }
.container .newslist .title { color: #333; font-size: 16px; padding-bottom: 8px; }
.container .newslist .time { color: #999; font-size: 13px; }
.pagebox { text-align: center; }
.pagebox #pagesize { display: inline-block; }
.pagebox #pagesize li { float: left; }
.pagenav { overflow: hidden; padding-top: 15px; padding-bottom: 15px; border-top: 1px dashed #eee; }
.pagenav p { font-size: 14px; color: #777; padding: 0 10px; }
.pagenav p a { color: #333; }
#dituContentn { width: 100%; height: 300px; }
.contact_info a { display: block; color: #333; }
.contact_info a .fa { margin-right: 5px; width: 14px; }
.submenu { padding: 0 5px; cursor: pointer; }
.submenu_box { display: none; }
.submenu_box a { color: #666; display: block; }
.submenu_box a .fa { margin-right: 5px; }
.submenu_box dt { border-bottom: 1px solid #e0e0e0; line-height: 36px; padding: 0 4%; }
.submenu_box dd { border-bottom: 1px solid #e0e0e0; line-height: 36px; padding: 0 8%; }
.one-half-responsive { padding: 15px 0; }
.one-half-responsive h4 { font-weight: bold; }
.one-half-responsive h4 + p { line-height: 2em; }
/*foot*/
.foot { width: 100%; height: 65px; background: #333; position: fixed; bottom: 0; z-index: 99999; }
.foot ul { padding-top: 5px; }
.foot li { width: 20%; float: left; text-align: center; color: #FFF; }
.foot li p { color: #FFF; font-family: "Microsoft YaHei", 微软雅黑, "Microsoft JhengHei", 华文细黑, STHeiti, MingLiu }
.foot_box { width: 100%; height: 65px; }
.foot_back {width: 100%;height:100%; background: url(../images/back.png) 44px 36px no-repeat rgba(0,0,0,0.8); background-size: 84%; position: fixed; top: 0; z-index: 999999; display: none;}
.foot_back a {right: 20vw;width: 66vw;height: 12vw;display: block;position: absolute;top: 109vw;border-radius: 50px;text-align: center;line-height: 12vw;font-size: 4vw;}