@charset "utf-8";
/* CSS Document public*/
*{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif; padding: 0; margin:0; box-sizing:border-box; overflow-scrolling:touch; -webkit-overflow-scrolling:touch;}
body{padding:0;margin:0;font-family:Arial,"Microsoft Yahei",Helvetica, sans-serif;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; line-height: 1; font-size:14px;overflow-x: hidden;}
html,body{min-height:100%;} html{ overflow:-moz-scrollbars-vertical;} 
::-webkit-scrollbar {width:4px;height: 8px;background-color: #F5F5F5;}
::-webkit-scrollbar-track {border-radius: 10px;background-color: #E2E2E2;}
::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #333;}

.clearfix:after{/*伪元素是行内元素 正常浏览器清除浮动方法*/ content: ""; display: block; height: 0; clear:both; visibility: hidden;}
.clearfix{*zoom: 1;/*ie6清除浮动的方式 *号只有IE6-IE7执行，其他浏览器不执行*/}

input,button,textarea {background: none; outline: none;border: none;-webkit-appearance:none; border-radius:0}
input:focus {border: none;}

.img_zd{ position:relative; width:100%}
.img_zd .img_hezi{padding-bottom: 67.80% !important;}
.img_zd>img{position:absolute;top:0;right:0;bottom:0;left:0;object-fit:cover;height: 100%;width: 100%;}
a{ color:inherit}

a{text-decoration:none;bblr:expression(this.onFocus=this.blur());/*IE使用*/outline-style:none;/*FF使用*/; outline:none;}
a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur); cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/
ul{list-style:none;}
img{border:0px}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p{padding:0;margin:0; font-weight:normal;}
h3,h4,h5{ font-weight:normal;}
h4 a:hover,h5 a:hover{ -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
hr{display:block;height:1px;border:0;background:#d8d8d8;padding:0;margin-bottom: 3.25rem;margin-top: 2.5rem;}
abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video{display:block}
video{ object-fit:cover}
.fl{ float:left}
.fr{ float:right}
.clear{clear:both;height:0px;font-size:1px;line-height:0px}
.container01,.container01 ,.container03,.container04,.container05,.container06,.container07,.container08,.n-container01,.n-container03,.n-container04{ margin:0 auto;}
.slow img:hover{ transform:scale(1.05);}/*图片放大*/
.slow img{-moz-transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}/*缓慢效果*/
h5 a,.more a{-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}/*缓慢效果*/
slow01{-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}/*缓慢效果*/
.slow02{-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.shadow{ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999')";  /* For IE 8 */ filter: 
progid:DXImageTransform.Microsoft.Shadow(Strength=2, Direction=90, Color='#999999');  /* For IE 5.5 - 7 */-moz-box-shadow: 1px 1px 10px #999999;/* for firefox */ -webkit-box-shadow: 1px 1px 10px #999999;/* for safari or chrome */ box-shadow:1px 1px 10px #999999;/* for opera or ie9 */}
.radius{-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.opacity{filter:alpha(opacity=100); opacity:1; -moz-opacity:1; -khtml-opacity:1}/*透明代码*/
.overfloat-dot{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}/*文本超出 小圆点显示*/
.overfloat-dot-2{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.overfloat-dot-3{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.gray { -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; filter:alpha(opacity=60); opacity:0.6;  -moz-opacity:0.6; -khtml-opacity:0.6;} 
/*transform:rotateY(180deg); -webkit-transform:rotateY(180deg);  -moz-transform:rotateY(180deg); transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);-ms-transform: translateX(-50%) translateY(-50%);*/  /*180度旋转*/
/*oncontextmenu="return false" ondragstart="return false" onselectstart="return false"*/
/*filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);*/  /*透明背景*/

.a_body{ position:relative;}
::-webkit-scrollbar {width:5px;height:5px; background:#f1f1f1}
::-webkit-scrollbar-track {border-radius:0; background:#f1f1f1}
::-webkit-scrollbar-thumb {border-radius:0; background:#333333}

input::-webkit-input-placeholder{ color:#999;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#999;}

textarea::-webkit-input-placeholder{ color:#999;}
textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999;}
textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#999;}
textarea:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:#999;}

.w100{width:100%}
.w1280{width:1280px;margin:0 auto}
.fanhui{position:fixed;right:30px;bottom: 75px;width:48px;height:48px;border-radius:50%;}

h5 a{ display:inline-block; width:100%; overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
ul li:hover h5 a{ color:#ff0000}
.more a{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}
img{ vertical-align:middle}

/*内容样式*/
.ar_article{font-size: 14px;color: #666666;line-height:28px; margin-bottom:28px;}
.ar_article p{font-size: 1rem !important;color: #666666 !important;;line-height:28px !important;;margin-bottom:28px !important;;}
.ar_article img{ max-width:100%;}
.ar_article img{display:inline-block;}

/*百度播放器美化*/
#playercontainer_display_button,#video1_display_button,#video2_display_button{ background:none !important; height:40px; width:40px !important; border:2px solid #fff; border-radius:50%; padding:0 !important;}
#playercontainer_display_button #playercontainer_display_button_play,#video1_display_button #video1_display_button_play,#video2_display_button #video2_display_button_play{background-size: 25px;}
#playercontainer_display_button,#video1_display_button,#video2_display_button{ height:40px !important; margin-top: -20px !important;}
#playercontainer_display .cbpreview,#video1_display .cbpreview,#video2_display .cbpreview{ opacity: .75 !important;}


/* Slider */
.miso-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; z-index:0}
.miso-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.miso-list:focus { outline: none; }
.miso-loading .miso-list { background: #fff; }
.miso-list.dragging { cursor: pointer; cursor: hand; }
.miso-slider .miso-list, .miso-track, .miso-slide, .miso-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.miso-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.miso-track:before, .miso-track:after { content: ""; display: table; }
.miso-track:after { clear: both; }
.miso-loading .miso-track { visibility: hidden; }
.miso-slide { float: left; height: 100%; min-height: 1px; display: none; }
.miso-slide img { display: block; }
.miso-slide.miso-loading img { display: none; }
.miso-slide.dragging img { pointer-events: none; }
.miso-initialized .miso-slide { display: block; }
.miso-loading .miso-slide { visibility: hidden; }
.miso-vertical .miso-slide { display: block; height: auto; border: 1px solid transparent; }
/* Arrows */
.miso-prev, .miso-next {position: absolute;display: block;height: 20px;width: 20px;line-height: 0;font-size: 0;cursor: pointer;background: transparent;color: transparent;padding: 0;border: none;outline: none;top: 50%; z-index:1}
.miso-prev{ left:0}
.miso-next{ right:0}
/* Dots */
.miso-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.miso-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.miso-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer;}
.miso-dots li button:focus { outline: none; }
.miso-dots li.miso-active a { transform:rotateY(180deg); -webkit-transform:rotateY(180deg); -moz-transform:rotateY(180deg);}

#gotop{ position:fixed; z-index:90; bottom:80px; right:30px; box-sizing:border-box; text-align:center; cursor:pointer; -moz-transition:all .5s; -webkit-transition:all .5s; width:45px; height:45px;}
#gotop { cursor: pointer; }
#gotop svg{width:100%;height:100%;fill: #0769b4;}


@font-face{ font-family:myFirstFont; src:url(../font/tt0173m.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

.w1200{max-width: 1200px;margin:0 auto;}

.header_top{height:40px;line-height:40px;background: #fff;font-size:12px;color: #333333;text-align:right;}
.header_top .xinxiang svg{ fill:#fff; width:14px; height:14px; vertical-align:middle; margin:-3px 6px 0 0}
.header_top ul li{float:left;margin:0 4px;transition: .36s;}

header{background: #fff;position: relative;overflow: hidden;}
header .logo{line-height: 146px;height: 146px;}

header .right{padding: 50px 10% 0 0;}
header .right .zhuye{display:inline-block;line-height:32px;margin-right: 0.875rem;font-size: 0.875rem;color: #fff;}
header .right .sousuo{float: right;display:inline-block;}
header .right .sousuo img{}
.search{float:right;overflow:hidden;z-index: 1000;border:transparent 1px solid;border-radius: 22px;}
.search input{float:left;}
.test{width:0;height: 42px;padding:0;border:  none;color: #333;background:none;outline:none;font-size: 14px;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.sousuo .btn{width: 40px;height: 42px;border:none;position:  absolute;right: 8px;font-size: 14px;color: #fff;background: url(../images/sousuo.png) center no-repeat;cursor:  pointer;top: 0px;}
.sousuo .test{width: 328px;padding: 1px 50px 1px 20px;}
.sousuo .search{position: relative;margin: 0 0 0 15px;margin-left: 0;border: #e4eaec 1px solid;}

#nav{height: 58px;position: relative;z-index: 10000;width: 100%;background: #f3f3f3;}
.navBox ul {font-size: 0;margin: 0;}
.nav li {width: 14.28%;text-align: center;position: relative;display: inline-block;vertical-align: top;}
.nav a {display: block;position: relative;padding: 0;line-height: 58px;font-size: 1.125rem;perspective: 300px;transform-style: preserve-3d;z-index: 10;}
.nav a .bg {position: absolute;width: 100%;display: block;height: 100%;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;-webkit-transform: rotateX(50deg);transform: rotateX(50deg);z-index: -1;transform-origin: center bottom 0;-webkit-transform-origin: center bottom 0;left: 0;opacity: 0;bottom: 0;visibility: hidden;background: #0769b4;}
.nav a .txt img{margin:-4px 10px 0 0;vertical-align: middle;}
.nav a .txt img.img02{ display:none}
.nav a .txt {position: relative;z-index: 2;color: #161616;display: inline-block;line-height: 58px;border-radius: 0;vertical-align: top;transition: 0.36s;}
.nav .active a .bg,.nav .on a .bg {transform: none;opacity: 1;visibility: visible;bottom: 0;}
.nav .active a .txt,.nav .on a .txt {color: #fff;}
.navBox .arrow { position: absolute; left: 0px; top: 75px; height: 4px; display: block; background-color: #4e66f7; }
.subNavbox a:link, .subNavbox a:visited {color: #333;}
.subNavbox a:active, .subNavbox a:hover {color: #fff;background: #7f2723;}
.subNavbox {position: absolute;left: 0px;top: 66px;width: 100%;background-color: #ffffff;box-shadow: 1px 2px 5px 0 rgba(88, 88, 88, 0.2);display: none;text-align: center;padding: 0;z-index: 0;border-radius: 0;overflow: hidden;}
.subNavbox p {line-height: 1.2;}
.subNavbox p a {line-height: 0;height: auto;padding: 28px 5px;font-size: 16px;transition: 0.36s;}
.nav a:hover .txt img.img01{ display:none}
.nav a:hover .txt img.img02{ display:inline-block}

body.xg #nav{position:fixed;top:0;background: rgba(38,161,192,.94);box-shadow: 0 0 2px rgba(0,0,0,0.15);}


/*导航按钮开始*/
#nav_btn_box{ height:100%; z-index:999999999; float:right; margin-left:20px; }
#nav_btn_box.on{ background:none;  }
#nav_btn{}
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{ background:#fff;}

#nav_btn{cursor: pointer;text-align: center;z-index:99999;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;}
#nav_btn .point{display: inline-block;width: 1.875rem;height: 22px; position: relative; outline:none;}
#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before{width: 1.75rem;}
#nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}
#nav_btn .navbtn::after,
#nav_btn .navbtn::before{position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 1px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #333;}
#nav_btn .navbtn::after{top: -8px;}
#nav_btn .navbtn::before{top: 8px;}
#nav_btn .point.on .navbtn{background: transparent;}
#nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
#nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}
#m_header #logo .table, #nav_btn_box .table{ width:auto}

/*手机头部开始*/
#m_header{position: relative;z-index: 99;width:100%;height: 60px;left:0;top:0;padding: 0px 15px;border: none;}
#m_header #logo{height: 60px;float: left;}
#m_header #logo img{max-height:60%;max-height: 30px;}
#m_header .yuyan{ height:4.5rem; float:right; margin-right:4rem;}
#m_header .yuyan span{ display:block; width:24px; height:24px; line-height:24px; color:#fff; font-size:.9rem; text-align:center; margin-left:17px; background:rgba(255,255,255,.3);}
.wap_search{ width:80%; margin:0 auto;}
.wap_search form{ position:relative;}
.wap_search #keyword{width: 80%;height:3.8rem; line-height:3.8rem; border:0;padding:0 1rem; font-size:1rem; color:#999;box-shadow:none;-webkit-appearance: none;float:  left;border-right: 0;}
.wap_search .btn_blue{width: 20%;height:3.8rem; background:#00a0e9 url(../images/search.svg) center no-repeat; background-size:20px; font-size:0;color:#fff;cursor:pointer;text-transform:uppercase;float:  left;}



/*顶部搜索*/
.tc_search{margin: 0 1.3rem;width: calc(100% - 2.6rem);}
.tc_search .header-search {height:40px;border-radius:20px;border:1px solid #e5e5e5;position:relative;width:100%;margin-bottom: 1rem;}
.tc_search input.keyword{font-size:.875rem;color:#fff;height:38px;line-height:38px;padding:0 1rem;box-shadow:none;-webkit-appearance: none;border-right: 0;background:none;width:  100%;}
.tc_search .btn_blue{ position:absolute; top:0; right:0; width: 40px;height:38px; line-height:38px; border:0; background:url(../images/search_white.svg) center center no-repeat; background-size:1.2rem;  }
.tc_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.tc_search input::-webkit-input-placeholder{ color:#fff; color: rgba(255,255,255,.7); }
.tc_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#fff; color: rgba(255,255,255,.7); }

.tc_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */c color:#fff; color: rgba(255,255,255,.7); }
.tc_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#fff; color: rgba(255,255,255,.7); }/* WebKit browsers */
.tc_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.tc_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.tc_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.tc_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */



/*导航按钮结束*/
.m_nav_list{flex-direction:column; justify-content: flex-start; width:100%; overflow: auto;}

.m_nav_list::-webkit-scrollbar {display:none}
#m_nav {
    z-index: 99999;
    position: fixed;
    background: #0769b4;
    width:17rem;
    height:100vh;
    right: -400px;
    top: 0;
    display:none;
    padding: 2rem 0;
    overflow:hidden;
    pointer-events: none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    }
#m_nav.act{ pointer-events: auto; right:0;}

#m_nav>ul>li{ width:100%; overflow:hidden; padding:0 2.3rem; }
#m_nav>ul>li+li{ border-top:1px solid rgba(255, 255, 255, 0.1);}
#m_nav li .a{ display:inline-block; width:calc(100% - 30px)}
#m_nav li .a h3{line-height: 4rem;height: 4rem;color:#fff;padding:0;font-size:1.125rem;float:left;}
#m_nav li .a span{ display:block; position:absolute; top:0; right:10px; width: 20px; height: 50px; text-align:center;}
#m_nav li .a span i{ font-size:0;}
#m_nav li i{opacity:1;filter:alpha(opacity=100);display:inline-block;width:10px;height: 4rem;float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:contain;}
#m_nav li.on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav .on.title .a i{ transform:rotate(-90deg);-webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
#m_nav li{display:block;width:100%;}
.slide_nav{ position: absolute; left:0; height: 70px; z-index: 998; padding:15px; top:0; width: 100%; }
#m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#m_nav .title .list span{ background:none; }
#m_nav .title .list span a:hover{ color: #014085;}
#m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;}
/*三级导航 开始*/
#m_nav .title .list .void>a{background-size:10px; position:relative;}
#m_nav .title .list .void>a:before{ content:"·"; position:absolute; left:-1em; font-size:12px; font-weight:bold;}
#m_nav .title .list span{ position:relative; display:block;}
#m_nav .title .list span .sub{ position: static; width:100%;display: block !important; overflow:hidden;}
#m_nav .title .sub a{ background:none; font-size:.875rem; opacity:.8; min-width:50%; float:left; display:inline-block; color:#999;}

.nav_mask { position: fixed; top: 0; left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}
.m_header_box{display:none;height: 60px;}

.header_box{position: relative;z-index: 10;}


#banner ul li a{ display:block; position:relative; width:100%; padding-bottom:35%}
#banner ul li a img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}
#banner .miso-prev, #banner .miso-next{ width:20px; height:36px; margin-top:-18px;}
#banner .miso-prev{ background:url(../images/miso_prev.png) center no-repeat; left:-4rem}
#banner .miso-next{ background:url(../images/miso_next.png) center no-repeat; right:-4rem}
#banner .miso-dots{bottom: 2rem;}
#banner .miso-dots li{ width:10px; height:10px; border:#fff 2px solid; border-radius:50%}
#banner .miso-dots li.miso-active{ background:#72209e}

.container01_box{background:url(../images/container01_box_bg1.jpg) center no-repeat;background-size:cover;overflow: hidden;}

.container02{ padding:4.75rem 0}
.container02 .left{ width:48%}
.container02 .left ul li a{ display:block; overflow:hidden; position:relative}
.container02 .left ul li a .img, .container02 .left ul li a .img img{width:100%;overflow:hidden;object-fit: cover;min-height: 24.5rem;
    max-height: 24.55rem;}
.container02 .left ul li a h5{ height:3.125rem; line-height:3.125rem; background:rgba(0,0,0,0.5); padding:0 1.5rem; font-size:16px; color:#fff; text-align:center; position:absolute; left:0; bottom:0; right:0}
.container02 .left .miso-prev,
.container02 .left .miso-next{width:40px;height:80px;z-index: 10000;margin-top: -40px;}
.container02 .left .miso-prev{left:0;background:url(../images/left02.png) center center no-repeat;transition:0.36s;}
.container02 .left .miso-next{right:0;background:url(../images/right02.png) center center no-repeat;transition:0.36s;}

#title{
    display: flex;
    border-bottom: 1px solid #e3e3e3;
	}
.title00{height:44px;}
.title00 a{float:right;font-size: 0.875rem;color: #353535;line-height: 40px; transition:.6s}
.title00 .span{display:inline-block;width:181px;height:44px;line-height:44px;font-size: 1.25rem;color:#000;font-weight:bold;vertical-align: top;}

.ttt .span{background:url(../images/tixing.png) center no-repeat;color:#fff;}
#title a{display:none}
#title a.on{display:inline-block}
.title00 .span img{ margin:-3px 12px 0 15px}
.title00 small{ font-size:14px; color:#cccccc; text-transform:uppercase; line-height:50px}
.container02 .right{ width:52%; padding-left:2.5rem}
.container02 .right ul.ul02 li{font-size:15px;color: #000033;line-height: 3.75rem;height: 3.75rem;border-bottom: #e8e8e8 1px solid;}
.container02 .right ul.ul02 li:last-child{ border-bottom:none}
.container02 .right ul.ul02 li a{color:#404040;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.36s;position:relative;padding-left: 0;height: 3.75rem;}
.container02 .right ul.ul02 li a:before{content:"";position:absolute;top:50%;margin-top: -5px;left:0;width: 6px;height: 6px;transition:0.36s;background: #1f499b; display:none}
.container02 .right ul.ul02 li a font{display:inline-block;width: calc(100% - 45px);font-size: 16px;color: #000000;position:relative;padding-left: 2rem;transition:0.36s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.container02 .right ul.ul02 li a font:before{content:"";position:absolute;width:0.5rem;height:0.5rem;background:#0769b4;border-radius:50%;left: 0.5rem;top:50%;margin-top:-.25rem;}
.container02 .right ul.ul02 li a img{ display:inline-block}
.container02 .right ul.ul02 li a span{float:right;font-size: 14px;color: #b2b2b2;}

.title01{border-bottom:#c18fdb 1px solid;height:55px;margin-bottom: 1rem;}
.title01 a{float:right;font-size:14px;color: #353535;line-height: 40px;transition:.6s;}
.title01 .span{height:44px;line-height: 36px;font-size: 1.5rem;color:#255eaf;font-weight:bold;display: inline-block;}
.title01 .span img{margin: -3px 12px 0 0;}
.title01 small{ font-size:14px; color:#cccccc; text-transform:uppercase; line-height:50px}
.title01 .ttt2{background: #255eaf;
    color: #fff;
    padding: 5px 10px;}

.container03{background:url(../images/container03_bg.jpg) center no-repeat;background-size:cover;padding:5rem 0;overflow: hidden;}
.container03 .content{ margin:0 -1.25rem; }
.container03 .content .box{float:left; width:50%; padding:0 1.25rem}
.container03 .content .box ul li{ padding-bottom:1.375rem; margin-bottom:1.375rem; border-bottom:#b8b8b8 1px dashed}
.container03 .content .box ul li a{ display:block; transition:.6s; padding:10px; margin:-10px}
.container03 .content .box ul li a .time{ width:5.9375rem; height:5.625rem; background:#0769b4}
.container03 .content .box ul li a .time h3{ font-size:1.875rem; color:#fff}
.container03 .content .box ul li a .time h6{ font-size:0.875rem; color:#fff; margin:0.5rem 0 0}
.container03 .content .box ul li a .con{ width:calc(100% - 5.9375rem); padding:0.5rem 0 0 1.75rem}
.container03 .content .box ul li a .con h5{ font-size:16px; line-height:18px; height:18px; color:#000000; margin-bottom:0.75rem; transition:.6s}
.container03 .content .box ul li a .con p{ font-size:0.875rem; color:#5b5b5b; line-height:1.625rem; height:3.25rem; overflow:hidden}

.container04{padding:5rem 0;overflow: hidden;}
.container04 .left{ width:37.625rem; height:24rem; padding:3.125rem}
.container04 .left .tit{ width:9rem; height:18.125rem; border:#fff 2px solid; background:url(../images/fangge.png) center no-repeat;}
.container04 .left .tit h3{ font-size:1.875rem; color:#fff; line-height:2.5rem }
.container04 .left .con_fr{ width:calc(100% - 9rem); padding-left:2.5rem}
.container04 .left .con_fr ul{ margin:0 -0.75rem}
.container04 .left .con_fr ul li{ float:left; width:50%; padding:0 0.75rem; margin-bottom:1.25rem}
.container04 .left .con_fr ul li a{ display:block; background:#10bbdb; height:8.375rem}
.container04 .left .con_fr ul li a h3{ height:3.75rem}
.container04 .left .con_fr ul li a h3 img{ max-height:3rem; transition:.6s}
.container04 .left .con_fr ul li a h5{ font-size:1.25rem; color:#fff}
.container04 .left .con_fr ul li:nth-child(2) a{ background:#ea850d}
.container04 .left .con_fr ul li:nth-child(3) a{ background:#02af05}
.container04 .left .con_fr ul li:nth-child(4) a{ background:#5b68b4}

.container04 .right{ width:calc(100% - 37.625rem - 2.5rem); height:24rem; margin-left:2.5rem; position:relative}
.container04 .right ul li .img, .container04 .right ul li .img img{width:100%;height:24rem;overflow:hidden;object-fit: cover;}
.container04 .right .bottom{ position:absolute; height:6rem; background:rgba(0,0,0,0.6) url(../images/fangge1.png) 1rem 1.25rem no-repeat; bottom:0; left:0; right:0; padding:1rem 0 0 3.75rem}
.container04 .right .bottom big{ font-size:1.875rem; color:#fff; line-height:5rem;}
.container04 .right .bottom small{ font-size:1rem; color:#fff; line-height:5rem; margin-left:2.5rem}
.container04 .right .bottom .anniu_box{width:78px;height:32px;float:right;margin: 1.5rem 1.25rem 0 0;}
.container04 .right .bottom .anniu_box .anniu_con{ width:32px; height:32px; transition:.6s; background-size:100% 100%; cursor:pointer}
.container04 .right .bottom .anniu_box .anniu_con.anniu_left{background:url(../images/left03.png) center no-repeat;float: left;}
.container04 .right .bottom .anniu_box .anniu_con.anniu_right{background:url(../images/right03.png) center no-repeat;float: right;}


footer{ background:url(../images/footer_bg.jpg) center no-repeat; background-size:cover}
footer .fl01 .w1200{border-bottom: #0769b4 1px solid;padding-bottom: 1rem;}
footer .fl01 .left{background:url(../images/erweima_bg.png) center no-repeat;width:220px;height: 167px;position:relative;margin-top:-20px;padding: 20px 0 0;text-align:center;margin-left: 4rem;}
footer .fl01 .left h3{font-size: 1rem;color:#fff;margin-top: 18px;}
footer .fl01 .left .img, footer .fl01 .left .img img{display:inline-block;width: 88px;height: 88px;}

footer .fl01 .right{width: calc(100% - 220px - 4rem);padding: 2rem 0 0 7.5rem;}
footer .fl01 .right .box{display:inline-block;width:50%;padding-left: 0rem;}
footer .fl01 .right .box h3{font-size: 1.125rem;color:#fff;font-weight:bold;margin-bottom: 2.75rem;position: relative;}
footer .fl01 .right .box h3:before{content:"";position:absolute;width:3rem;height:3px;background:#fff;top: 2.2225rem;}
footer .fl01 .right .box ul{font-size:0;width: 100%;display: inline-block;}
footer .fl01 .right .box ul li{display:inline-block;width: 100%;font-size: 0.875rem;color:rgba(255,255,255,0.6);line-height: 2.25rem;}
footer .fl01 .right .box ul li a{ color:rgba(255,255,255,0.6); transition:0.36s}
footer .fl01 .right .box p{font-size: 0.875rem;color:rgba(255,255,255,0.6);line-height: 2.25rem;}
footer .fl02{padding:1.5rem 0;text-align:center;}
footer .fl02 p, footer .fl02 p a{font-size: 0.875rem;color:rgba(255,255,255,0.8);}

.n_container{padding: 2rem 0 4rem;overflow: hidden;}
.n_container .w1200{}
.n_container .n_left{float:left;width: 255px;position: relative;z-index: 1;}
.n_container .n_left h1{height:80px;line-height:80px;background:url(../images/left_logo.jpg) center no-repeat;font-size: 24px;color:#fff;padding: 0 25px;}
.n_container .n_left h1 span{position:relative;}
.n_container .n_left h1 span:before{content:"";position: absolute;bottom: -18px;width: 1.875rem;height:1px;background:#fff;left: 50%;margin-left: -0.9375rem;display: none;}
.n_container .n_left ul{background: #9ed5ff;padding: 25px 0 70px;border: #d6d6d6 1px solid;border-left: #0769b4 6px solid;border-top: none;}
.n_container .n_left .con ul li{line-height: 60px;font-size: 18px;color: #333333;position:relative;}
.n_container .n_left .con ul li.on dl{display:block !important;}

.n_container .n_left .con ul li:before{content:"";position:absolute;bottom:0;left: 25px;right: 25px;height:1px;background: #d8d8d8;}
.n_container .n_left .con ul li a img{ margin:-3px 14px 0 0}
.n_container .n_left .con ul li a:before{content:"";width: 6px;height: 0;background:transparent;position:absolute;left: -6px;top: 0;transition:0.6s;}
.n_container .n_left .con ul li.on>a:before, .n_container .n_left .con ul li:hover>a:before{background: #e8b363;height: 100%;}
.n_container .n_left .con ul li:after{content:"";width:7px;height:11px;background:url(../images/left_jiantou.png) center no-repeat;position:absolute;right: 15px;top: 50%;transition:0.36s;margin-top: -5.5px;display: none;}
.n_container .n_left .con ul li.on:after, .n_container .n_left .con ul li:hover:after{background:url(../images/left_jiantou_on.png) center no-repeat;}

.n_container .n_left .con ul li a{color: #323232;display: block;/*overflow: hidden;white-space: nowrap;text-overflow: ellipsis;*/padding: 0 25px;transition: 0.36s;}
.n_container .n_left .con ul li a:hover,.n_container .n_left .con ul li.on a{color: #0769b4;}

.n_container .n_left .con ul li dl{display:none;padding: 10px 0;position:relative;}
.n_container .n_left .con ul li dl:before{ content:""; position:absolute; right:0; left:20px; top:0; height:1px; background:#e8e8e8}
.n_container .n_left .con ul li dl dd{height: auto;line-height: 34px;}
.n_container .n_left .con ul li dl dd a{font-size: 16px;color: #444444 !important;padding: 6px 0 6px 75px;position:relative;line-height: 16px;}
.n_container .n_left .con ul li dl dd a:before{content:"";position:absolute;left: 56px;top: 0;background: url(../images/left_jiantou_on.png) center no-repeat;width: 10px;height: 100%;}
.n_container .n_left .con ul li i.up{ background:url(../images/left_jiantou_on.png) center no-repeat;}
.n_container .n_left .con ul li i{width: 20px;height: 60px;background:url(../images/left_jiantou_on.png) center no-repeat;position:absolute;right: 25px;top: 0;transition:0.36s;cursor: pointer;}
.n_container .n_left .con ul li dl dd a:hover, .n_container .n_left .con ul li dl dd.on a{color: #0769b4 !important; font-weight:bold}

.n_container .n_right{ width:calc(100% - 255px); padding-left:38px}

.mianbao{height: 40px;border-bottom:#cbcbcb 1px solid;margin-bottom:20px;}
.mianbao h3{font-size: 24px;color: #0769b4;display:inline-block;padding-left:16px;position:relative;}
.mianbao h3:before{content:"";position:absolute;left:0;width: 6px;height: 24px;background: #0769b4;}
.position{font-size:14px;color:#808080;padding-left: 22px;background: url(../images/local.png) left 6px no-repeat;height: 28px;line-height: 28px;}
.position a{font-size:14px;color:#808080;transition:0.36s;margin: 0 5px;}
.position span{ font-size:14px; color:#808080}
.position em{ font-size:14px; color:#808080; font-style:normal}
.position a:hover{ color:#0769b4}


.n_list ul{margin-bottom: 3rem;}
.n_list ul li{font-size:15px;color: #000033;line-height: 3.75rem;height: 3.75rem;border-bottom:#e9e8e8 1px solid;}
.n_list ul li a{color:#404040;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.36s;position:relative;padding-left: 0;height: 3.75rem;}
.n_list ul li a:before{content:"";position:absolute;top:50%;margin-top: -3px;left:0;width: 5px;height: 5px;transition:0.36s;background: #0769b4;border-radius: 50%;}
.n_list ul li a font{display:inline-block;width: calc(100% - 6rem);font-size: 16px;color: #444444;position:relative;padding-left: 1.25rem;transition:0.36s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.n_list ul li a img{ display:inline-block}
.n_list ul li a span{float:right;font-size: 0.875rem;color: #888888;}

.n_banner img{ width:100%}

#nav_slide{background: #0769b4;line-height: 50px;position: relative;z-index: 2;}
#nav_slide #bnt_back{ position:absolute; left: 1rem; top:-2px;  }
#nav_slide #bnt_back img{height: 20px;vertical-align: middle;}
#nav_slide .n_title{ height: 50px; }
#nav_slide h1{font-size: 16px;color: #fff;text-align: center;}
#bnt_sub_nav{position: absolute;right: 1rem;top: 14.5px;cursor: pointer;}
#bnt_sub_nav img{display: block;height: 20px;}
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f2f2f2; display: none; z-index: 9;width: 100%;}
#sub_nav_content ul{}
#sub_nav_content ul li {background: none;box-shadow:none;border-bottom:1px solid #dedede;padding: 0 15px;}
#sub_nav_content ul li a{display: inline-block;font-size: 14px;padding: 0;color: #333;width: 88%;}
#sub_nav_content ul li i{float:right;font-family: simsun;font-style: normal;font-weight: bold;}
#sub_nav_content ul li ul li{border:0;line-height: 32px;padding-left: 10px;}
#sub_nav_content ul li ul li a{font-size: 13px; color: #666;}
#sub_nav_content ul li.on>a{color: #0769b4;}

#sub_nav_content ul li ul{ display:none}
#nav_slide{ display:none}

.fanye img{ max-width:100%}

.n_news_detail .ar_article_box .nav01{overflow:hidden;margin-bottom: 20px;text-align:center;}
.n_news_detail .ar_article_box h3{color: #323232;font-size: 1.75rem;line-height: 2.75rem;margin-bottom: 12px;}
.n_news_detail .ar_article_box h6{display: block;color: #999999;font-size: 14px;line-height: 2.5rem;font-weight:normal;margin-bottom: 0;margin-right: 22px;vertical-align: top;background: #f7f7f7;}
.n_news_detail .ar_article_box h6 span{margin:0 10px;}
.n_news_detail .ar_article_box h6 span img{ margin:-3px 6px 0 0}
/*====上一篇下一篇====*/
#ar_fot{position:relative;padding: 24px 0 0;box-sizing: border-box;width: 100%;margin-top: 30px;border-top: #dcdcdc 1px solid;}
#ar_fot h1{display:block;width: 100%;font-size: 16px;line-height: 3rem;color: #000000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#ar_fot h1 span{ font-weight: bold;}
#ar_fot h1 a{font-size: 18px;color: #000000;font-weight:normal;}
#ar_fot .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot .bnt_back:hover{ border-radius:3px;}
#ar_fot h1 a:hover{color: #550882;}

/*视频*/
.n_video{padding: 0;}
.n_video .n_title001{ text-align:center; margin-bottom:2.75rem}
.n_video ul{margin: 0 -0.5rem;}
.n_video ul li{float:left;width:33.333333%;padding: 0 0.5rem;margin-bottom:2rem;}
.n_video ul li a{ display:block; transition:.6s}
.n_video ul li .img{width:100%;padding-bottom: 62.92%;position:relative;overflow:hidden;}
.n_video ul li .img>img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; object-fit:cover}
.n_video ul li .img .top{position:absolute;top:0;right:0;bottom:0;left:0;background: rgba(0,0,0,0.4);transform: translateY(100%);transition: .6s;}
.n_video ul li .con{padding: 1.125rem 0 1.375rem;border-bottom: #e5e5e6 1px solid;position:relative;}
.n_video ul li .con:after{ content:""; position:absolute; bottom:-1px; width:0; left:0; transition:.6s; height:1px; background:#d6b360}
.n_video ul li .con h5{font-size: 1rem;color: #000000;height: 1.25rem;line-height: 1.25rem;margin-bottom: .5rem;transition:.6s;}
.n_video ul li .con h6{ font-size:13px; color:#abaaaa; font-family:Times New Roman;}


/*==========================================内页 结束=============================================*/

/* aos="fade-up" aos-duration="1200" */
@media(min-width: 768px){
	.title00 a:hover, .container02 .right ul.ul02 li a:hover font, .title01 a:hover, .container03 .content .box ul li a .con h5:hover, .n_list ul li a font:hover, .n_video ul li .con h5:hover{ color:#0769b4}
	
	.container03 .content .box ul li a:hover{ position:relative; transform:translateY(-4px); box-shadow:0 0 25px rgba(0,0,0,0.15)}
	
	.container04 .left .con_fr ul li a:hover h3 img{ transform:rotateY(180deg)}
	.container04 .right .bottom .anniu_box .anniu_con.anniu_left:hover{ background:url(../images/left03_on.png) center no-repeat;}
	.container04 .right .bottom .anniu_box .anniu_con.anniu_right:hover{ background:url(../images/right03_on.png) center no-repeat;}
	
	.n_video ul li a:hover{ transform:translateY(-15px)}
	
	footer .fl01 .right .box ul li a:hover{ color:#fff}
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1600px){
}


@media(max-width: 1450px){
}

@media(max-width: 1400px){
}

@media(max-width: 1330px){
}

@media(max-width: 1230px){
	.w1200{ padding:0 15px}
	
	.header_box{ display:none}
	.m_header_box{ display:block}
}

@media(max-width: 1200px){
	.n_banner img{width:100%;left:0;margin-left:0;height: 15vh;object-fit: cover;}
	
	.n_container .n_left{ display:none}
	.mianbao{ display:none}
	.n_container .n_right{ width:100%; padding:0}
	#nav_slide{ display:block}
}

@media(max-width: 992px){
	#gotop{right:0;transform:scale(0.6);bottom: 2rem;}
	
	.container02 .left{ width:100%; margin-bottom:2rem}
	.container02 .right{width:100%;padding: 0;}
	#banner .miso-dots{ bottom:0.5rem}
	
	.container04 .left{width:100%;background-size: cover !important;padding: 3.125rem 15px;margin-bottom: 1.25rem;}
	.container04 .right{width:100%;height: auto;}
	.container04 .right .bottom .anniu_box .anniu_con{position:absolute;bottom: 9rem;}
	.container04 .right .bottom .anniu_box .anniu_con.anniu_left{ left:0;}
	.container04 .right .bottom .anniu_box .anniu_con.anniu_right{ right:0;}
	 
	footer .fl01 .left{position:relative;left:50%;margin-left: -110px; background-size: 100%;padding: 15px 0 0;}
	footer .fl01 .right{width:100%;padding: 2rem 0;}
	footer .fl01 .right .box{width:100%;text-align: center;}
	footer .fl01 .right .box ul{margin-bottom:2rem;width: auto;}
	footer .fl01 .left h3{font-size: 16px;margin-bottom: 12px;}
}

@media(max-width: 768px){
	.container02{padding: 3rem 0 2rem;}
	.container02 .right ul.ul02 li a font{ font-size:13px;}
	.container02 .right ul.ul02 li a span{ font-size:12px;}
	.title00 a{font-size:12px;line-height: 45px;}
	.title00 .span img{ height:18px;}
	.title00 .span{font-size:18px;width: 145px;background-size: 100% 100%;}
	.container03 .top h3{ font-size:16px}
	.container03 ul li a font{font-size:13px;width: calc(100% - 60px);}
	.title01 .span{ font-size:18px;}
	.title01 .span img{ height:24px}
	.title01 a{font-size:12px;line-height: 45px;}
	
	.container02 .left .miso-prev, .container02 .left .miso-next{ width:20px; height:40px; background-size:100% 100%}
	
	#banner ul li a{ padding-bottom:45%}
	
	.container03 .content .box{ width:100%}
	.container03{ padding:2rem 0}
	
	.container04 .left .tit{ width:6rem}
	.container04 .left .con_fr{ width:calc(100% - 6rem); padding-left:15px}
	.container04 .left .con_fr ul li a h3 img{ max-height:2.25rem}
	.container04 .right .bottom{background-size:16px auto;height: 4.85rem;padding: 0 0 0 3rem;}
	.container04 .right .bottom big{ font-size:1.5rem}
	.container04 .right .bottom small{ margin-left:1rem}
	.container04 .right ul li .img{display:block;position:relative;width:100%;padding-bottom: 66%;height: auto;}
	.container04 .right ul li .img img{ position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%}
	
	footer .fl01 .w1200{ padding-bottom:0}

	.container04{ padding:3rem 0}
	
	.n_list ul li a font{ font-size:13px}
	
	#ar_fot h1 a{ font-size:13px}
	.ar_article p{ font-size:13px; line-height:26px; margin-bottom:20px}
	.n_news_detail .ar_article_box h3{ font-size:20px; line-height:30px;}
	.n_news_detail .ar_article_box h6{ font-size:12px;}
	.n_news_detail .ar_article_box h6 span img{ max-height:12px; max-width:12px}
	
	.n_video ul{ margin:0 -5px; margin-bottom:1rem}
	.n_video ul li{padding:0 5px;margin-bottom: 1rem; width:50%}
	.n_video ul li .con h5{ font-size:14px}
	.n_video ul li .img .top img{ width:2.5rem}
	
	.n_video ul li .con{padding: 1.125rem 0 1.375rem;background-size: 22px 22px;}
}

@media(max-width: 456px){
	
}


@media(min-width: 768px) and (max-width: 992px){
.container04 .right .bottom .anniu_box .anniu_con{position:absolute;bottom: 17rem;}
}


.pb_sys_style4 .p_no_d {
    border: 1px solid #5b2668 !important;
    color: #fff;
    background-color: #5b2668 !important;
}
.side-pannel {
	position: fixed;
	left: 50%;
	margin-left: 600px;
	z-index: 99
}

.side-bar {
	border: 1px solid #E7E7E7;
	border-bottom: none;
	bottom: 150px;
	background: #fff
}
.side-bar a {
	display: block;
	cursor: pointer;
	width: 105px;
	height: 85px;
	border-bottom: 1px solid #E7E7E7;
	position: relative;
	color: #676767;
	text-align: center
}
.side-bar a s {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.side-bar a span {
	line-height: 20px
}

.side-bar a.gotop s {
	position: absolute;
	top: 50%;
	left: 17px
}
.side-bar a.text {
	padding-top: 25px
}
.side-bar a.qr s {
	position: absolute;
	top: 50%;
	left: 18px
}
.side-bar a.qr i {
	width: 277px;
	height: 259px;
	position: absolute;
	left: -277px;
	top: 50%;
	margin-top: -120px;
	display: none;
	background-position: 0 0
}
.side-bar a.qr:hover i {
	display: block
}