@charset "utf-8";
@font-face{
	font-family: 'Glyphicons Halflings';
	src: url(../fonts/glyphicons-halflings-regular.eot);
	src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../fonts/glyphicons-halflings-regular.woff) format('woff'), url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
/**字体图标 End**/

/**初始**/
*{outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html{font: normal 14px;-webkit-text-size-adjust: 100%}
body{padding: 0;margin: 0 auto;font-size: 14px;color: #666;background-color: #fff;
-webkit-text-size-adjust: none;
/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight: rgba(0,0,0,0); 
/*控制内容的可选择性*/

-ms-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;

/*  max-width: 1920px;*/
/*  min-width: 320px;*/
}
input[type="button"],
input[type="submit"],
input[type="reset"]{-webkit-appearance: none;}
ul, 
li, 
form, 
dl, 
dt, 
dd, 
div, 
ol,
figure,
article,
nav,
menu,
aside{padding: 0;margin: 0;}
.ul,
 .ul li{list-style: none;}
table{border-collapse: collapse;border-spacing: 0}
table td{border-collapse: collapse;font-size: 14px;}
select, input, textarea{font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;}
img{border: none;max-width: 100%;vertical-align: middle;}
a{color: #333;text-decoration: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{color: #47a0ec;text-decoration: none;}
a:focus{color: #333;outline: none;-moz-outline: none;}
a:active{color: #333;}
pre{
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-pre-wrap;
	white-space:-o-pre-wrap;
	word-wrap:break-word;
	margin:0;
	
	text-align:justify;
	text-justify:inter-ideograph;
	}
.clear{clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix{*zoom:1;}
/*IE/7/6*/
.clearfix:after{ content:''; display:block; height:0; clear:both; }
.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.dot2,
.dot3,
.dot4{display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;}
/*2行文本省略号*/
.dot2{-webkit-line-clamp: 2;}
.ytable{ display:table; width:100%;table-layout:fixed;}
.ytable-cell{ display:table-cell; vertical-align:middle;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}
:after, :before{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
/**初始 End**/

.fl{ float:left;}
.fr{ float:right;}
@media(max-width:1024px){.fl,
.fr{ float:none;}}
/*↑↑↑如修改栏目左右结构宽度比例 请不要修改这里的  在style.css 加上修改*/
/**页面框架 End**/
.auto{ margin:0 auto;}
.auto_1200{ max-width:1200px;}
@media(max-width:1200px){.auto_1200{ padding:0 2%;}}
@media(min-width:1025px){#header-menu{ display:none;}}
/*图标 end*/
@media(max-width:1024px){
.header-menu{ display:none;}
.Public_nav_style #header-menu,
.Public_nav_style #header-menu ul{position:fixed;top:0;height:100%; z-index:100;right:-100%; opacity:0;transition:opacity 0.3s;}
.Public_nav_style #header-menu{ background-color:rgba(0,0,0,0.5); width:100%; }
.Public_nav_style #header-menu ul{   width:60%; max-width:280px; background:rgba(32, 151, 155, 0.9); height:100%; max-height:100%; overflow:auto;padding:50px 2% 0; transition:0.3s;}
.Public_nav_style #header-menu.header-menu-show,
.Public_nav_style #header-menu.header-menu-show ul{ right:0;opacity:1;}
#header-menu li .sub{ display:none;}
#header-menu li{ line-height:40px; }
#header-menu li em{ font-style:normal; display:block; font-size:16px;border-bottom:1px solid rgba(255,255,255,0.3);}
#header-menu li a{display:block;}
#header-menu li em a{ border-bottom:1px solid rgba(0,0,0,0.3); font-weight:bold; padding:0 10px;}
#header-menu li:last-child em,
#header-menu li:last-child em a{ border-bottom:0;}
#header-menu li a:hover,
#header-menu li a{ color:#fff;}
#header-menu li.has-sub em{ position:relative;}
#header-menu li.has-sub em::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; z-index:2; background-color:transparent;}
#header-menu li.has-sub em .op{position:absolute; width:15px; height:15px; right:3%; top:50%; margin-top:-6px;display:none; transition:0.3s;}
#header-menu li.has-sub.clickon em .op{ transform:rotate(45deg);}
#header-menu li.has-sub em .op::before,
#header-menu li.has-sub em .op::after{  position:absolute; content:'';  background:#fff;}
#header-menu li.has-sub em .op::before{width:100%; height:3px;left:0; top:6px;}
#header-menu li.has-sub em .op::after{ width:3px; left:6px; top:0; height:100%;}
.Public_nav_style #header-menu li.has-sub em::after{position:absolute; content:''; right:2%; border:6px solid transparent; border-top-color:#fff; top:50%; margin-top:-3px;}
.Public_nav_style #header-menu li.clickon em::after{border-bottom-color:#fff;border-top-color:transparent;margin-top:-9px;}
.Public_nav_style #header-menu li.clickon em a{ background:rgba(0,0,0,0.2);}
#header-menu li .sub-menu dt.has-dt{ position:relative;}
#header-menu li .sub-menu dt.has-dt::before{position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent;}
#header-menu li .sub-menu dt a{padding:0 10px; border-bottom:1px dashed rgba(0,0,0,0.5);display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  }
#header-menu li .sub-menu dt:last-child >　a{ border-bottom:0;}
#header-menu li .sub-has-sub{ position:relative;}
#header-menu li .sub-has-sub i{ position:absolute; left:0; top:0; height:40px; width:100%; background-color:transparent; z-index:2;}
.Public_nav_style #header-menu li .sub-has-sub i::before,
.Public_nav_style #header-menu li .sub-has-sub i::after{ position:absolute; content:''; top:50%; background:#fff;}
.Public_nav_style #header-menu li .sub-has-sub i::before{ width:10px; height:2px; margin-top:-1px; right:5px;}
.Public_nav_style #header-menu li .sub-has-sub i::after{ width:2px; height:10px; margin-top:-5px; right:9px;}
.Public_nav_style #header-menu li .clickon > i::after{ display:none;}
.Public_nav_style #header-menu li .clickon > a{ background-color:rgba(0,0,0,0.2);}

.Public_nav_style #open_menu{ position:absolute; right:2%; width:40px; height:40px; border:2px solid #20979b; border-radius:50%;  top:5px; z-index:200;}
#open_menu i,
#open_menu i::before,
#open_menu i::after{ position:absolute;}
.Public_nav_style #open_menu i,
.Public_nav_style #open_menu i::before,
.Public_nav_style #open_menu i::after{background:#20979b;}
#open_menu i{ top:50%;}
.Public_nav_style #open_menu i{ width:60%; left:20%;  margin-top:-1px; height:2px;}
#open_menu i::before,
#open_menu i::after{ left:0; width:100%; height:100%; content:'';transition:transform 0.3s;}
#open_menu i::before{ top:6px;}
#open_menu i::after{top:-6px;}

.Public_nav_style #open_menu.open_menu_on{ border-color:#fff;}
#open_menu.open_menu_on i{ background:none !important;}
.Public_nav_style #open_menu.open_menu_on i::before,
.Public_nav_style #open_menu.open_menu_on i::after{ background:#fff; margin-top:0;}
#open_menu.open_menu_on i::before,
#open_menu.open_menu_on i::after{  top:0 !important;}
#open_menu.open_menu_on i::before{ transform:rotate(45deg);}
#open_menu.open_menu_on i::after{ transform:rotate(-45deg);}
}