@charset "utf-8";



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, button{padding:0;margin:0;}



fieldset, img{border:0;}



input, label, select, option, textarea, button, fieldset, legend{ font-size:14px; line-height:24px;  }



table{border-collapse:collapse;border-spacing:0;font-size:14px; line-height:24px;  }



ul{list-style:none;}



ol, li { list-style: none; margin:0; padding:0; }



body{color:#666; font-size:14px; line-height:24px; font-weight:normal;  margin:0 auto; width:100%;}



h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}



img{ border:0; }







input[type="button"], input[type="submit"], input[type="reset"] {



-webkit-appearance: none;



}



textarea { -webkit-appearance: none;} 







/*字体*/



*{  font-family:"PingFang SC","Source Sans Pro","Helvetica Neue","Microsoft Yahei",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif,PingFangSC-Regular;word-wrap:break-word}



.font36{ font-size:36px;}



.font16{ font-size:16px;}







/*颜色*/



a.bai,a.bai:hover,bai:hover,.bai{color:#fff;}



a.bai2,a.bai2:hover,bai2:hover,.bai2{color:#ccc;}



a.hei,a.hei:hover,hei:hover,.hei{color:#000;}



a.blue,a.blue:hover,blue:hover,.blue{ color:#23BCF9;}



a.org,a.org:hover,org:hover,.org{ color:#F48A23;}



a.red,a.red:hover,red:hover,.red{ color:#f00;}



a.qianhui,a.qianhui:hover,qianhui:hover,.qianhui{ color:#8590A6;}







/*链接字体颜色*/



a{ color:#333; text-decoration:none;}



a:hover{  text-decoration:none; color:#000;-webkit-transition: background-color .2s ease; -moz-transition: background-color .2s ease; -ms-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease }







/*清除浮动*/



.clear{ clear:both;}



/*左浮动*/



.left{ float:left;}



/*右浮动*/



.right{ float:right;}



/*自适应1440宽度*/



.width1440{ max-width:1400px; margin:0 auto; width:95%; padding:0 2.5%;}



/*自适应1120宽度*/



.width1120{ max-width:1400px; margin:0 auto; width:95%; padding:0 2.5%;}



/*自适应1224宽度*/



.width1224{ max-width:1400px; margin:0 auto; width:95%; padding:0 2.5%;}







.block{ display:block}



.ny_conbg{ background:#F2F4F7;}



















/*头部样式*/



header { position:relative;}



header .LogoBar{ height:80px; margin:0 auto; width:95%; padding:0 2.5%;}



header .LogoBar .logo{ float:left; width:calc(55% - 190px);height:80px;}



header .LogoBar .logo img{ max-width:100%; }



header .LogoBar .searchbar { float:left; width:30%; padding-top:20px; position:relative;z-index:99; }



header .LogoBar .searchbar .search input{ height:30px;width:calc(80% - 40px); float:right; border:1px solid #D9D9D9; border-radius:2px; border-top-right-radius:0;text-indent: 10px; border-right:0;transition:all .3s linear; font-size:14px; color:#999; outline:0;}



/* header .LogoBar .searchbar .search:hover input{width:calc(100% - 40px);height:30px; } */



header .LogoBar .searchbar .search .search_btn{ width:38px; height:32px;border-radius:2px; float:right; border:1px solid #D9D9D9;border-left:0; background:0; font-size:14px; border-bottom-left-radius:0; cursor:pointer; background:url(../images/search_btn.svg ) no-repeat center; background-size:15px;}



header .LogoBar .searchbar ul{ width: 100%;border:1px solid  #F2F2F2; background:#fff; border-radius:5px;  position: absolute;top: 45px;left:0px;box-sizing: border-box;z-index:99;}



header .LogoBar .searchbar ul li{line-height: 30px;color:#333;cursor: pointer;padding:0 10px;box-sizing: border-box; }



/* header .LogoBar .searchbar ul li:hover{background:#4b8bf4;color:white;} */



header .LogoBar .searchbar .hidden{display: none; }



header .LogoBar .searchbar .show{display: block; }



header .LogoBar .tel{ /*float:left; */display:block; text-align:center; line-height:80px; font-size:20px;}



header .LogoBar .tel .tel_bg{ background:url(../images/tel.svg) no-repeat left 0 center; background-size:30px; padding-left:30px;}



header .LogoBar .tel .rexian{ font-size:20px; margin-left:12px;color: #4b8bf4;}



header .LogoBar .login_btn{ float:right; width:190px; display:block;}



header .LogoBar .login_btn a{ width:78px; height:28px; line-height:28px; font-size:14px; text-align:center; border-radius:2px; background:0; cursor:pointer; margin:10px 0 0 15px;}



header .LogoBar .login_btn a.denglu{ color:#333; border:1px solid #333;display: block;float: left;}



header .LogoBar .login_btn a.zhuce{ color:#fff; border:1px solid #4b8bf4; background:#4b8bf4;display: block;float: right;}



header .SjMenu{ display:none;}



header .MenuBar{ position:absolute; left:0; top:80px; z-index:100; width:100%; color:#fff; background:#000; height:50px; border-top:1px solid #D8DEE5;border-bottom:1px solid #6D7177;transition: top 0.3s; -webkit-transition: top 0.3s; -moz-transition: top 0.3s; -o-transition: top 0.3s; -ms-transition: top 0.3s; -moz-transition: top 0.3s;}



header .MenuBar a{ color:#fff;}



header .MenuBar .menuleft{ float:left; width:50px; border-right:1px solid #3E3F43; height:50px; position:relative;}



header .MenuBar .menuleft i{width:50px;height:50px;display:inline-block;background:url(../images/menuleft_bg.svg) no-repeat center;background-size:18px; cursor:pointer;}



header .MenuBar .menuleft:hover i{background:#4b8bf4 url(../images/menuleft_bg.svg) no-repeat center;background-size:18px;}



header .MenuBar .menuleft ul.menu1{position:absolute;left:-1000px;top:51px;background-color:#010C21;width:200px;height:500px;padding:18px 0;cursor:default;transition: left 0.5s; -webkit-transition: left 0.5s;-moz-transition: left 0.5s;-o-transition: left 0.5s;-ms-transition: left 0.5s;-moz-transition: left 0.5s;



 }



header .MenuBar .menuleft:hover ul.menu1{display:block;z-index:3; left:0;}



header .MenuBar .menuleft:hover ul.menu1 li.jiantou{ font-size:14px; line-height:35px; padding:0 9%;background:url(../images/menu_fy.png) no-repeat right 9% center; background-size:12px; cursor:pointer; color:#fff;}



header .MenuBar .menuleft:hover ul.menu1 li.jiantou:hover{background:url(../images/menu_fyblue.png) no-repeat right 9% center; color:#4b8bf4; background-size:12px;}



header .MenuBar .menuleft ul.menu1 li ul.menu2{position:absolute;left:-1200px;top:0;background-color:#010C21;width:200px; min-height:500px;padding:18px 0;cursor:default;transition: left 0.5s; -webkit-transition: left 0.5s;-moz-transition: left 0.5s;-o-transition: left 0.5s;-ms-transition: left 0.5s;-moz-transition: left 0.5s; visibility:hidden;



  }



header .MenuBar .menuleft ul.menu1 li:hover ul.menu2{display:block; visibility:inherit;z-index:3; left:200px;}







/* 修改添加 */



header .MenuBar .menuleft:hover ul.menu1 li.jiantou .menu2 li{ font-size:14px; line-height:35px; padding:0 9%;background:url(../images/menu_fy.png) no-repeat right 9% center; background-size:12px; cursor:pointer; color:#fff;}



header .MenuBar .menuleft:hover ul.menu1 li.jiantou .menu2 li:hover{background:url(../images/menu_fyblue.png) no-repeat right 9% center; color:#4b8bf4; background-size:12px;}







header .MenuBar .menuleft:hover ul.menu1 li{ font-size:14px; line-height:35px; padding:0 9%; background-size:12px; cursor:pointer; color:#fff;}



header .MenuBar .menuleft ul.menu1 li ul.menu4{position:absolute;left:-1200px;top:0;background-color:#010C21;width:200px; min-height:500px;padding:18px 0;cursor:default;transition: left 0.5s; -webkit-transition: left 0.5s;-moz-transition: left 0.5s;-o-transition: left 0.5s;-ms-transition: left 0.5s;-moz-transition: left 0.5s; visibility:hidden;



}



header .MenuBar .menuleft ul.menu1 li:hover ul.menu4{display:block; visibility:inherit;z-index:3; left:200px;}







/* end */



header .MenuBar .menuleft ul.menu1 li:hover ul.menu2 li ul.menu3{position:absolute;left:-1200px;top:0;width:900px; padding:0 0;cursor:default; visibility:hidden;



   height:536px;  overflow: hidden;}



header .MenuBar .menuleft ul.menu1 li:hover ul.menu2 li ul.menubg{background-color:#0C172B;}



header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3{display:block; visibility:inherit;z-index:3; left:200px; }



header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3 li{ background:0; cursor:none; padding:0;background-color:#0C172B; width:930px; height:100%;overflow-y: scroll;}







header .MenuBar .menuleft ul.menu1 li:hover ul.menu2 li ul.zhai{ width:230px;}



header .MenuBar .menuleft ul.menu1 li:hover ul.menu2 li ul.zhai li{ width:260px;}







header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3 li:hover{ background:0; color:#fff;}



header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3 li .submenu{ float:left; width:170px;background-color:#0C172B; padding:0 30px 0 30px;}



header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3 li .submenu .title{ border-bottom:1px solid #4F5359; font-size:16px; margin-bottom:15px; padding-top:20px;}



header .MenuBar .menuleft ul.menu1 li ul.menu2 li:hover ul.menu3 li .submenu a{ font-size:14px; line-height:24px; display:block;}







header .MenuBar .menunav{  width:calc(100% - 280px); padding-left:20px; position:relative; }




header .MenuBar .menunav ul li{ float:left; line-height:50px; font-size:16px; margin:0 3%;}
@media (min-width: 1460px) {header .MenuBar .menunav ul li{ float:left; line-height:50px; font-size:16px; margin:0 4%;}}
@media (max-width: 1280px) {header .MenuBar .menunav ul li{ float:left; line-height:50px; font-size:16px; margin:0 2.5%;}}
@media (max-width: 1024px) {header .MenuBar .menunav ul li{ float:left; line-height:50px; font-size:16px; margin:0 2%;}}









/*header .MenuBar .menunav ul li.dq{background:url(../images/2line2.jpg) repeat-x left bottom; }



header .MenuBar .menunav ul li.dq a{color:#4b8bf4;}*/



header .MenuBar .menunav ul .active{color:#4b8bf4; display:block; background:url(../images/2line2.jpg) repeat-x left bottom;}







header .MenuBar .menunav ul li.erji{ position:relative;}



header .MenuBar .menunav ul li.menunav_bg:hover{ background:url(../images/menunav_bg.png) no-repeat center bottom;}







header .MenuBar .menunav ul li .erjimenu{ display:none;}



header .MenuBar .menunav ul li:hover .erjimenu{ display:block; padding-top:1px; position:absolute; left:-20px; top:50px;  width:130px; overflow:hidden; color:#fff; }



header .MenuBar .menunav ul li:hover .erjimenu a{ display:block; color:#fff;background:#010C21; padding:0; font-size:16px; line-height:39px;border-bottom:1px solid #808590; text-align: center; margin: 0; }



header .MenuBar .menunav ul li:hover .erjimenu a:hover{ background:#0C172B; color:#4b8bf4;}







header .MenuBar .menunav ul li:hover a{ color:#4b8bf4;}



header .MenuBar .menunav ul li .menunav_con1{ display:none;}



header .MenuBar .menunav ul li:hover .menunav_con1{ display:block; position:absolute; left:0; top:50px; background:#fff; height:500px; width:100%; border:1px solid #ccc; border-top:0;overflow:hidden; color:#333; }



header .MenuBar .menunav ul li:hover .menunav_con1 ul{ height:500px; width:calc(100% + 30px); display:block;overflow-y: scroll;}



header .MenuBar .menunav ul li:hover .menunav_con1 ul li{ width:22%; line-height:24px; padding:10px 1.5%;}



header .MenuBar .menunav ul li:hover .menunav_con1 ul li .title{ border-bottom:1px solid #ccc; margin-bottom:10px; line-height:35px;}



header .MenuBar .menunav ul li:hover .menunav_con1 ul li a{ display:block; color:#333; line-height:22px; font-size:14px; text-indent:5px;}



header .MenuBar .menunav ul li:hover .menunav_con1 ul li a:hover{ background:#f2f4f5;}



header .MenuBar .menunav ul li .menunav_submenu{ display:none;}



header .MenuBar .menunav ul li:hover .menunav_submenu{ display:block; position:absolute; width:200px; background:#010C21; height:500px; left:0; top:50px; }



header .MenuBar .menunav ul li:hover .menunav_submenu li{ width:90%; padding:0 0 0 10%;}



header .MenuBar .menunav ul li:hover .menunav_submenu li a{ display:block; height:49px; border-bottom:1px solid #808590; line-height:49px; font-size:16px; color:#fff; padding-left:30px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li:hover{ background:#fff;}



header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a{ color:#333;}



header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico1{ background:url(../images/menunav_ico1_bai.svg) no-repeat left center; background-size:22px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico1{ background:url(../images/menunav_ico1_hui.svg) no-repeat left center; background-size:22px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico2{ background:url(../images/menunav_ico2_bai.svg) no-repeat left center; background-size:22px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico2{ background:url(../images/menunav_ico2_hui.svg) no-repeat left center; background-size:22px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico3{ background:url(../images/menunav_ico3_bai.svg) no-repeat left center; background-size:22px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico3{ background:url(../images/menunav_ico3_hui.svg) no-repeat left center; background-size:22px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico4{ background:url(../images/menunav_ico4_bai.svg) no-repeat left center; background-size:22px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico4{ background:url(../images/menunav_ico4_hui.svg) no-repeat left center; background-size:22px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico5{ background:url(../images/menunav_ico5_bai.svg) no-repeat left center; background-size:22px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico5{ background:url(../images/menunav_ico5_hui.svg) no-repeat left center; background-size:22px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico6{ background:url(../images/menunav_ico6_bai.svg) no-repeat left center; background-size:22px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico6{ background:url(../images/menunav_ico6_hui.svg) no-repeat left center; background-size:22px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico7{ background:url(../images/menunav_ico7_bai.svg) no-repeat left center; background-size:22px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico7{ background:url(../images/menunav_ico7_hui.svg) no-repeat left center; background-size:22px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li a.menunav_ico8{ background:url(../images/menunav_ico8_bai.svg) no-repeat left center; background-size:22px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li:hover a.menunav_ico8{ background:url(../images/menunav_ico8_hui.svg) no-repeat left center; background-size:22px;}



header .MenuBar .menunav ul li:hover .menunav_submenu li .menunav_con2{ display:none;}



header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2{ display:block; position:absolute; left:200px; width:860px; top:0; background:#fff; height:460px;overflow: hidden; padding:20px; box-shadow:2px 3px 5px #ccc; }



header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2 .pro_list{overflow-y: scroll;overflow-x: scroll; width:890px; height:490px;}



















header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2 .pro_list{ width:25%; float:left;overflow: hidden; }



header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2 .pro_list .pro_list2{ width:100%; height:100%;padding-right:30px;overflow-y: scroll;overflow-x: scroll;}







header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2 .title{ color:#111; border-bottom:1px solid #ccc; width:70%; line-height:30px; height:30px; font-size:16px; padding-top:15px;}







header .MenuBar .menunav ul li:hover .menunav_submenu li:hover .menunav_con2 a{height:30px; border-bottom:0px solid #808590; line-height:30px; font-size:14px; color:#666; padding-left:0;}



header .MenuBar .lang{ float:right; margin-right:2.5%; font-size:14px; line-height:50px; position:relative;padding:0 12px;cursor:pointer}



header .MenuBar .lang span.lang_bg{background:url(../images/lang.svg) no-repeat left center; background-size:18px; padding-left:23px;}



header .MenuBar .lang i{width:14px;height:14px;display:inline-block;background:url(../images/lang_icon.svg) no-repeat top center;background-size:cover;padding-left:5px}



header .MenuBar .lang ul{position:absolute;right:0;top:51px;background-color:#010C21;width:198px;padding:8px 0;cursor:default;display:none}



header .MenuBar .lang:hover ul{display:block;z-index:3}



header .MenuBar .lang:hover i{width:14px;height:14px;display:inline-block;background:url(../images/arrow_up.png) no-repeat top center;background-size:cover;padding-left:5px}



header .MenuBar .lang ul li{padding:3px 20px;height:30px;line-height:30px;cursor:pointer}



header .MenuBar .lang ul li.line{height:1px;margin:11px 0;padding:0;background-color:#373d41;margin-top:8px;margin-bottom:8px}



header .MenuBar .lang ul li a{display:block;height:100%;white-space:nowrap;color:#fff}



header .MenuBar .lang ul li a:hover{color:#419BF9}



header .MenuBar .lang ul li a span{display:inline-block;width:102px}







.menu_heitiao{ height:50px; background:#000;}







.pc_header{ display:block;}



.sj_header{ display:none;}



















/*底部style*/



/*底部style*/



footer{ background:#333;}



footer .FootSubmenu{ text-align:left; padding:25px 0 10px 0;}



footer .bellows{ display:none;}



footer .FootSubmenu ul li{ font-size:14px; line-height:18px; color:#d7d8d9; font-weight:normal; padding-bottom:15px;float:left; width:16.66666%;}



footer .FootSubmenu ul li h5{ color:#d4d4d4; font-weight:bold; font-size:14px; line-height:36px;}



footer .FootSubmenu ul li a{ color:#9b9ea0;font-size:14px; position:relative;display: block;line-height: 26px; }



footer .FootSubmenu ul li a img{ display:none;}



footer .FootSubmenu ul li a:hover img{ display:block; position:absolute; left:0; top:12px; z-index:22; width:200%;}



footer .FootSubmenu ul li a:hover{ color:#23BCF9;}



footer .FootSubmenu ul li a.bai{ font-size:16px; color:#fff;}



footer .FootSubmenu ul li img{ width:100%; max-width:100px; display:block; margin-top:12px;}







footer .FootSubmenu ul li.fuwu{width: 30%;}



footer .FootSubmenu ul li.fuwu a{width: 50%;float: left;}







footer .FootLink{ font-size:14px; clear: both;overflow: hidden;}



footer .FootLink .title{ color:#d4d4d4; padding:8px 0;}



footer .FootLink a{ color:#73777a ; padding-right:20px;}



footer .FootLink a:hover{ color:#23BCF9;}



footer .FootCopyright{ line-height:40px; background:#000; text-align:center; color:#73777a;}







footer .FootCopyright a.beian{color:#73777a;margin-right: 5px;}



footer .FootCopyright a.beian:hover{color:#23BCF9;}











/* footer{ background:#333;}



footer .FootSubmenu{ text-align:left; padding:25px 0 10px 0;}



footer .bellows{ display:none;}



footer .FootSubmenu table th{ font-size:14px; line-height:18px; color:#d7d8d9; font-weight:normal; padding-bottom:15px;}



footer .FootSubmenu table td{  line-height:18px; padding:0; margin:0;}



footer .FootSubmenu table td a{ color:#9b9ea0;font-size:14px; position:relative; }



footer .FootSubmenu table td a img{ display:none;}



footer .FootSubmenu table td a:hover img{ display:block; position:absolute; left:0; top:12px; z-index:22; width:200%;}



footer .FootSubmenu table td a:hover{ color:#23BCF9;}



footer .FootSubmenu table td a.bai{ font-size:16px; color:#fff;}



footer .FootSubmenu table td table tr td{ padding-top:8px; width:50%;}



footer .FootSubmenu table td img{ width:100%; max-width:100px; display:block; margin-top:12px;}



footer .FootLink{ font-size:14px; padding:20px 0;}



footer .FootLink .title{ color:#9b9ea0; padding:8px 0;}



footer .FootLink a{ color:#73777a ; padding-right:20px;}



footer .FootLink a:hover{ color:#23BCF9;}



footer .FootCopyright{ line-height:40px; background:#000; text-align:center; color:#73777a;}







footer .FootCopyright a.beian{color:#73777a;margin-right: 5px;}



footer .FootCopyright a.beian:hover{color:#23BCF9;} */







/*翻页样式*/



/*.Page{ text-align:center; padding:30px 0;}



.Page a{ border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 4px 9px; border-radius:2px;}



.Page a.nopage{ background:#EFF2F7; color:#D3DCE6;}



.Page a.nopage:hover{background:#EFF2F7; color:#D3DCE6;border:1px solid #D3DCE6;}



.Page a:hover{ background:#387EE8; border:1px solid #387EE8; color:#fff;}



.Page a.thisclass{ background:#387EE8; border:1px solid #387EE8; color:#fff;}*/











.Page{ text-align:left; padding:30px 0; clear:both; overflow:hidden;font-size: 0;}



.Page a{ border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 4px 9px; border-radius:2px;line-height:18px;  margin-bottom: 5px;display:  block;float: left;}



.Page select{ padding:3.5px 8px; border:1px solid #D3DCE6;margin-right:5px; }



.Page a:hover,.Page a.thisclass{ background:#4b8bf4; border:1px solid #4b8bf4; color:#fff;}



/* .Page b{ background:#4b8bf4; border:1px solid #4b8bf4; color:#fff;padding: 4px 9px; border-radius:2px;} */







/*.ht-page{text-align:center}



.ht-page span{vertical-align:middle}



.ht-page a{text-decoration:none;color:#555;outline:0}



.ht-page .pagebtn{ display:none;}



.ht-page .previous{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; border-radius:2px;background:url(static/images/page_left_img.png) no-repeat center}



.ht-page .previous.disable{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 13px 14px;  border-radius:2px;cursor:default;background:#EFF2F7 url(static/images/page_left_disabled.png) no-repeat center;cursor:default}



.ht-page .previous.disable:hover{background:#EFF2F7 url(static/images/page_left_disabled.png) no-repeat center; border:1px solid #D3DCE6;}



.ht-page .previous:hover{background:#387EE8 url(static/images/page_left_hover_img.png) no-repeat center; border:1px solid #387EE8;}



.ht-page .previous a{display:inline-block;padding: 11px 14px 12px 14px;  }



.ht-page .next{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; border-radius:2px;background:url(static/images/page_right_img.png) no-repeat center; }



.ht-page .next:hover{background:#387EE8 url(static/images/page_right_hover_img.png) no-repeat center; border:1px solid #387EE8;} 



.ht-page .next.disable{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 13px 14px;  border-radius:2px;cursor:default;background:#EFF2F7 url(static/images/page_right_disabled.png) no-repeat center}



.ht-page .next.disable:hover{background:#EFF2F7 url(static/images/page_right_disabled.png) no-repeat center;}



.ht-page .next a{display:block;padding: 14px 14px 13px 14px;  }



.ht-page .num{display:inline-block;}



.ht-page .num.current{color:#fff;background:#387EE8; border:1px solid #387EE8;font-size:14px; margin-right:5px;padding: 4px 9px; border-radius:2px;}



.ht-page .num a{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 4px 9px; border-radius:2px;}



.ht-page .num a:hover{color:#fff;background:#387EE8; border:1px solid #387EE8;}



.ht-page .dots{display:inline-block;border:1px solid #D3DCE6; font-size:14px; margin-right:5px; color:#4B5A6D; background:#fff; padding: 4px 9px; border-radius:2px;}



.ht-page .total{ display:none;}



.ht-page .page_jump{ display:none;}



.ht-page .pageInput{ display:none;}







@media screen and (max-width:799px){







	.ht-page .num,.ht-page .dots,.ht-page .total{display:none}



	.ht-page .num.current{display:inline-block;padding:4px 10px}



	.ht-page .total.total_page{display:inline-block}



	.ht-page .pageInput,.ht-page .pagebtn{width:40px}



	.ht-page .pagebtn{display:none}



	.ht-page .page_jump{margin:0 5px}}*/











@media (max-width: 768px) {



/*头部样式*/







.pc_header{ display:none;}



.sj_header{ display:block; position:relative;}



.sj_header .yincsousuo{ }



.sj_header .yincsousuo ul li a{position:absolute; right:48px; top:0px; z-index:999999999;width:30px; height:50px;background:url(../images/search_btn.svg ) no-repeat center; background-size:18px;}



.sj_header .yincsousuo ul li .searchbar{ display:none;}



.sj_header .yincsousuo ul li:hover .searchbar{ display:block; position:absolute; right:0; top:50px; width:100%; z-index:999999999;}



.sj_header .yincsousuo ul li:hover .searchbar .search input{ height:30px;width:calc(100% - 38px); float:right; border:1px solid #D9D9D9; border-radius:2px; border-top-right-radius:0;text-indent: 10px; border-right:0;border-left:0;transition:all .3s linear; font-size:14px; color:#999; outline:0;}



.sj_header .yincsousuo ul li:hover .searchbar .search:hover input{width:calc(100% - 38px);height:30px; }



.sj_header .yincsousuo ul li:hover .searchbar .search .search_btn{ width:38px; height:32px;border-radius:2px; float:right; border:1px solid #D9D9D9;border-right:0;border-left:0;  font-size:14px; border-bottom-left-radius:0; cursor:pointer; background:#fff url(../images/search_btn.svg ) no-repeat center; background-size:15px;}











header .LogoBar{ height:40px;max-width:1440px; margin:0 auto; width:100%; padding:0 0%;}



header .LogoBar .logo{ float:none; width:95%; padding:0 2.5%; height:40px;}



header .LogoBar .logo img{ max-width:130px; width:100%;}



header .LogoBar .searchbar { float:none; width:100%; padding-top:0px; position:relative;z-index:9999; }



header .LogoBar .searchbar .search input{ height:30px;width:calc(100% - 38px); float:right; border:1px solid #D9D9D9; border-radius:2px; border-top-right-radius:0;text-indent: 10px; border-right:0;border-left:0;transition:all .3s linear; font-size:14px; color:#999; outline:0;}



header .LogoBar .searchbar .search:hover input{width:calc(100% - 38px);height:30px; }



header .LogoBar .searchbar .search .search_btn{ width:38px; height:32px;border-radius:2px; float:right; border:1px solid #D9D9D9;border-right:0;border-left:0; background:0; font-size:14px; border-bottom-left-radius:0; cursor:pointer; background:url(../images/search_btn.svg ) no-repeat center; background-size:15px;}



header .LogoBar .searchbar ul{ width: 100%;border:1px solid  #F2F2F2; background:#fff; border-radius:0px;  position: absolute;top: 42px;left:0px;box-sizing: border-box;}



header .LogoBar .searchbar ul li{line-height: 30px;color:#333;cursor: pointer;padding:0 10px;box-sizing: border-box; }



header .LogoBar .searchbar ul li:hover{background:#4b8bf4;color:white;}



header .LogoBar .searchbar .hidden{display: none; }



header .LogoBar .searchbar .show{display: block; }



header .LogoBar .tel{ display:none;}



header .LogoBar .login_btn{ display:none;}







header .MenuBar{ display:none;}



header .SjMenu{ display:block;}



a.meanmenu-reveal { display: none }



.mean-container .mean-bar { float: left; width: 100%; position: relative; background:#fff; padding: 0px 0; min-height: 50px; z-index: 999999999 }



.mean-container a.meanmenu-reveal { width: 22px; height: 24px; padding: 13px 13px 13px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #999; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 700 }



.mean-container a.meanmenu-reveal span { display: block; background: #999; height: 3px; margin-top: 3px }



.mean-container .mean-nav { float: left; width: 100%; background: #010C21; margin-top: 50px }



.mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none ; position:relative;}



.mean-container .mean-nav img{ position:absolute; left:1% ; top:5px;max-width:220px; width:100%;}



.mean-container .mean-nav ul li { position: relative; float: left; width: 100% }



.mean-container .mean-nav ul li a { display: block; float: left; width: 96%; font-size:14px; padding: 0.85em 2%; margin: 0; text-align: left; color: #fff; border-top: 1px solid #383838; border-top: 1px solid rgba(255,255,255,.5); text-decoration: none; text-transform: uppercase }



.mean-container .mean-nav ul li li a {font-size:14px;  width:92%; padding: 1em 4%; border-top: 1px solid #f1f1f1; border-top: 1px solid rgba(255,255,255,.25); opacity: .75; filter: alpha(opacity=75); text-shadow: none!important; visibility: visible }



.mean-container .mean-nav ul li.mean-last a { border-bottom: 0; margin-bottom: 0 }



.mean-container .mean-nav ul li li li a { width: 88%; padding: 1em 6% }



.mean-container .mean-nav ul li li li li a { width: 84%; padding: 1em 8% }



.mean-container .mean-nav ul li li li li li a { width: 90%; padding: 1em 10% }



.mean-container .mean-nav ul li a:hover { background: #0C172B;  }



.mean-container .mean-nav ul li a.mean-expand { margin-top: 1px; width: 26px; height: 24px; padding: 12px!important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; background: rgba(255,255,255,.1); border: 0!important; border-left: 1px solid rgba(255,255,255,.4)!important; border-bottom: 1px solid rgba(255,255,255,.2)!important }



.mean-container .mean-nav ul li a.mean-expand:hover { background: rgba(0,0,0,.9) }



.mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both }



.mean-nav .wrapper { width: 100%; padding: 0; margin: 0 }



.mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box }



.mean-remove { display: none!important }















.menu_heitiao{ display:none;}











/*底部style*/



footer .FootSubmenu{ text-align:left; padding:25px 0 10px 0;}



footer .FootSubmenu table{ display:none;}



footer .bellows{ display:block;}



footer .bellows { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }



footer .bellows__header { position: relative; padding: 8px 20px; border: 1px solid #333; border-width: 0 0 1px; background: #232323; color: white; -webkit-tap-highlight-color: transparent; }



footer .bellows__header:active { background: #419BF9; }



footer .bellows__header::before, footer .bellows__header::after { content: ''; position: absolute; top: 50%; right: 20px; z-index: 2; display: block; width: 13px; height: 3px; margin-top: -2px; background: white; pointer-events: none; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; }



footer .bellows__header::before { content: ''; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }



footer .bellows__header::after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }



footer .bellows__item.bellows--is-open > .bellows__header::before,footer  .bellows__item.bellows--is-opening > .bellows__header::before { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }



footer .bellows__item.bellows--is-open > .bellows__header::after,footer .bellows__item.bellows--is-opening > .bellows__header::after { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }



footer .bellows__item:last-child > .bellows__header { border-bottom: 0; }



footer .bellows__header h3 { margin: 0; font-size:14px; font-weight:normal; }



footer .bellows__content { padding:10px 20px; background:#0E0E0E; clear:both; overflow:hidden; }



footer .bellows__content a{ color:#fff; display:block; line-height:28px; border-bottom:1px solid #232323;}



footer .bellows__content .ewm_img{ float:left; width:50%; text-align:center; padding:10px 0; }



footer .bellows__content .ewm_img img{ width:80%; max-width:100px;}



footer .bellows__content .bellows { margin-top: 20px; }



footer .bellows__item:not(.bellows--is-open) > .bellows__content {display: none; }



footer .bellows__item.bellows--is-open > .bellows__content-wrapper,footer .bellows__item.bellows--is-closing > .bellows__content-wrapper { display: block; }



footer .bellows__content-wrapper {display: none; }   



footer .FootLink{ font-size:14px; padding:15px 0;}



footer .FootLink .title{ color:#fff; padding:5px 0; font-size:14px;}



footer .FootLink a{ color:#A0A0A1 ; padding-right:20px;}



footer .FootLink a:hover{ color:#fff;}



footer .FootCopyright{ line-height:20px; background:#000; text-align:center; color:#fff;}



footer .FootCopyright a.beian{color:#fff;margin-right: 5px;}



footer .FootCopyright a.beian:hover{color:#23BCF9;}







}