@font-face {
  font-family: 'hsl';
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#hsl') format('svg');
}
.hsl{
  font-family:"hsl" !important;
  font-size:16px;font-style:normal;	
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.w100{ width:100%}
.w1200{ width:1200px; margin-left:auto; margin-right:auto}
html,body,h1,h2,h3.h4,h5,a,li,ul{ margin:0px; padding:0px; text-decoration:none; list-style:none;}
.hslxdxcpagetop { background-color:#e4b95b; height:54px; padding-top:12px;}
.hslxdxcpagetop .hsltel{ float:right;font-size:24px;color:#383848;display:block;height:42px; line-height:45px;}
.hslxdxcpagetop h1{ float:left;border-bottom:none;}
.hslxdxcpagetop .hsltel .hsl{ font-size:24px; padding-right:5px; }

.hslxdxcpagetop2 .menu .hslpr a,.hslbox2 .menu .hslpr i{color:#fbfe4f;}
.hslxdxcpagetop2 .menu .hslpr a:hover i{color:#383848;}

.hslxdxcpagetop2{ height:35px; background-color:#383848; border-bottom:5px solid #1b1b29; padding:10px 0; z-index:999}
.hslxdxcpagetop2 .menu li{ float:left; height:35px; line-height:35px; margin-right:5px; position:relative}
.hslxdxcpagetop2 .menu li.right{ float:right;}
.hslxdxcpagetop2 .menu li a{ color:#fff; background-color:#383848; display:block; padding:0 10px; border-radius:10px;}
.hslxdxcpagetop2 .menu .submenu ul li a:hover{color:#383848;background-color:#e4b95b;}
.hslxdxcpagetop2 .menu li a i{ padding-right:5px;}
.hslxdxcpagetop2 .menu{ position:relative}
.hsllogo{ position:absolute; width:142px; display:block; height:142px; top:50%; margin-top:-71px; left:50%; margin-left:-71px; z-index:9999999}

.hslxdxcpagetop2 .menu li .submenu{ position:absolute; z-index:11; width:420px; height:220px; background-color:#fff; border-radius:10px; bottom:-275px; left:0px; padding:20px; display:none; box-shadow:0 0 10px 0 #333}
.hslxdxcpagetop2 .submenu .submenu_ico{ position:absolute; color:#fff; font-size:24px; top:-24px; left:42px;}
.hslxdxcpagetop2 .submenu h6{ margin:0px; font-size:18px; padding-bottom:10px;}
.hslxdxcpagetop2 .submenu ul{ width:240px; float:left;}
.hslxdxcpagetop2 .menu .submenu ul li { padding:0px; margin:0px; width:98%;}
.hslxdxcpagetop2 .menu .submenu ul li a{background-color:transparent; color:#383848; font-size:14px; padding-left:10px; display:block; border-radius:0px;}
.hslxdxcpagetop2 .submenu .tjzy1{ width:180px;}
.hslxdxcpagetop2 .menu .submenu ul li a:hover{ display:block; color:#fff}
.hslxdxcpagetop2 .menu li:hover .submenu{ display:block}

.hslxdxcsjpagebottom{ position:relative; background-color:#232332; padding-bottom:65px;}
.hslxdxcsjpagebottom .bottom_nav{ height:122px; width:880px; margin-left:auto; margin-right:auto; padding-top:60px; position:relative;margin-bottom:40px;}
.hslxdxcsjpagebottom .bottom_ico{ display:block; float:left; width:156px; text-align:center}
.hslxdxcsjpagebottom .bottom_ico span{ display:block; width:64px; height:64px; line-height:64px; text-align:center; background-color:#fff; border-radius:64px;color:#232332; margin-left:auto; margin-right:auto}
.hslxdxcsjpagebottom .bottom_ico span i{ font-size:28px; }
.hslxdxcsjpagebottom .bottom_ico b{ color:#fff; font-weight:normal; font-size:14px; display:block; line-height:40px;}
.hslxdxcsjpagebottom .bottom_nav .right{ float:right}
.hslxdxcsjpagebottom .bottom_logo{ position:absolute; width:142px; height:142px; top:50%; margin-top:-71px; left:50%; margin-left:-71px;}
.hslxdxcsjpagebottom p{ text-align:center; line-height:20px; color:#fff; margin-bottom:15px;}
.hslxdxcsjpagebottom .bottom_wz{ margin-top:60px;}
.hslbottompageboxico5{ background-image:url(../images/boxico5.png); color:#383848;}
.hslbottompageboxico5 i{ color:#fff;}
.hslbottompageboxico{ width:254px; height:59px; position:absolute; left:50%; top:-59px; margin-left:-127px; z-index:9999999;}
.hslbottompageboxico i{ font-size:48px; position:absolute; left:50%; top:50%; margin-left:-24px; margin-top:-20px;}
.hslxdxcsjpagebottom p b{color:#e4b95b;}


.hslmsxxpage .msimg{ float:left; width:300px; padding-left:200px;}
.hslmsxxpage .msimgr{ float:right; width:700px; padding-top:120px;}

#goTopBtn {position: fixed;line-height:36px;width:36px;bottom:35px;height:36px;cursor:pointer;display:none;}

.hslpc{ display:block !important;}
.hslsj{ display:none !important;}
@media (max-width: 640px) {
	.hslpc{ display:none !important;}
	.hslsj{ display:block !important;}
}