html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 
embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, 
time, mark, audio, video {	margin: 0; 	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0; }



/*-----------------------------------------------------------------------------------*/
/*	2. Base Body Styles
/*-----------------------------------------------------------------------------------*/
body{ background: rgba(155, 144, 210, 0.09); color:#dedede;font: 13px 'Open Sans', Arial, Helvetica, sans-serif;line-height:21px;}
p { font-size:13px; line-height: 21px; margin: 0px 0px 18px; }
ol li, 
ul {padding:0px; margin:0px;}

li {list-style-position:outside; list-style-type:none;}
blockquote,
blockquote p { line-height: 21px; font-style: italic; }
h1,h2,h3,h4,h5,h6{ font-weight: 300; font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu; color: #6a6a75; }
h1{ font-size:30px;}
h2{ font-size:24px;}
h3{ font-size:18px; margin: 0px 0px 15px;}
h4{ font-size:17px;}
h5{ font-size:12px;}
h6{ font-size:10px;}
em{ font-style:italic; }
strong{ font-weight:bold; }
::-moz-selection { background: #3E96A9; color: #fff; text-shadow: none; }
::selection { background: #3E96A9; color: #fff; text-shadow: none; }
a { color: #4c595c; text-decoration: none; }
a:hover, a:focus { outline: none; color: #f56734;; }
a:hover, a:active { outline: 0; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
code { font-family:"Courier New", Courier, monospace; }
.display-ie8 { display:none; }
.ie7 .display-ie8,
.ie9 .display-ie8,
.ie8 .display-ie8{ display:block;}
/**fenliu**/	
.guide{ position: relative; height: 1079px; overflow: hidden;}
.guide .bg{background-image: url(http://www.hjgkyy.com/wp-content/uploads/2018/05/02.jpg);}
.guide .bg{position: absolute;left: 50%;top: 0;width: 1920px;height: 1079px;margin-left: -960px;/* background: center no-repeat; */}
#flsy{
	max-width:1200px;
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	margin: auto;
}
.flsy1{
}
.fllogo{
	position: absolute;
	left: 20px;
	top: 90px;
}
.fllogo img{
   width:auto;
}
.flsy1 .tools{
	 }
.flsy1{position: relative;overflow: hidden;}
.flcontainer{
	
flex: 1; /* 1 代表盡可能最大，會自動填滿除了 header footer 以外的空間 */
}
.flsy1 .bg{ position: absolute; left: 50%; top: 0; width: 1920px; height: 1079px; margin-left: -960px; background: center no-repeat;}
.flsy1 .logo{ position: absolute; left: 20px; top: 45px; width: 156px; height: 133px;}
.flsy1 .logo img{ display: block; width: 100%;}
.flsy1 .tools{ position: absolute; right: 0; top: 90px;}
.flsy1 .tools li{color: #7d7d7d;position: relative;float: left;width: 61px;height: 55px;margin-right: 15px;background: left no-repeat;font-size: 18px;line-height: 55px;cursor: pointer;}
.flsy1 .tools li:hover{ background-position: right;}
.flsy1 .tools li a{ color: #707070;}
.flsy1 .tools li:hover a{ color: #6baaad;}
.flsy1 .tools li a{ display: block; width: 100%; height: 100%;}	 
.flsy1 .tools li a{ display: block; width: 100%; height: 100%;}
.flsy1 .tools .l2 .code{background:url(http://www.hjgkyy.com/wp-content/uploads/2018/04/png1-2.png) no-repeat center;width:120px;height:138px;padding:21px 30px 40px;margin-left: -90px;}
.flsy1 .tools .l3 .code{background:url(http://www.hjgkyy.com/wp-content/uploads/2018/04/png1-1.png) no-repeat center;width:246px;height:139px;padding:21px 30px 40px;margin-left: -220px;}
.flsy1 .tools .l4 .code{background:url(http://www.hjgkyy.com/wp-content/uploads/2018/04/png1-2.png) no-repeat center;width:120px;height:139px;padding:21px 30px 40px;margin-left: -120px;}
.flsy1 .tools .code { position: absolute; left: 50%; top: 100%; margin-left: -82px; padding: 22px 15px 15px; width: 135px; height: 135px; background: url(../image/xf/png1.png) no-repeat; display: none;}
.flsy1 .tools .code img { display: block; height: 100%;}
.flsy1 .tools li:hover .code{ display: block;}
.flsy1 .links{position: absolute;left: 0;right: 0;top: 200px;}
.flsy1 .links li{border-radius: 100px;-webkit-box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.4);box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.4);behavior: url(css/PIE.htc);text-align: center;overflow: hidden;color: #fff;}
.flsy1 .links .l1{width: 200px;float:  left;margin-right: 1%;margin-top: 180px;height: 200px;margin-left: 1%;/* margin-right: 183px; */background: #38b8c5;}
.flsy1 .links .l1 .p{font-size: 20px;}
.flsy1 .links .l1 .ico{margin-top: 44px;}
.flsy1 .links .l1 .link{ background-color: #5fbac0;}
.flsy1 .links .l2{width: 200px;height: 200px;margin-left: 1%;float:  right;margin-right: 1%;margin-top: 180px;background: #38b8c5;}
.flsy1 .links .l2 .p{font-size: 20px;}
.flsy1 .links .l2 .ico{margin-top: 44px;}
.flsy1 .links .l2 .link{background-color: #5fbac0;}
.flsy1 .links .l3{ left: 50%; top: 0; width: 241px; height: 261px; margin-left: 21px; background-image: url(http://www.pumch.cn/Public/static/themes/common1/image/xf/png4.png); color: #333;}
.flsy1 .links .l3 .p{ font-size: 24px;}
.flsy1 .links .l3 .ico{ margin-top: 50px; background-color: #fff;}
.flsy1 .links .l3 .link{ background-color: #fff; color: #333;}
.flsy1 .links .l4{ left: 50%; top: 82px; width: 251px; height: 263px; margin-left: 221px; background-image: url(http://www.pumch.cn/Public/static/themes/common1/image/xf/png5.png);}
.flsy1 .links .l4 .p{ font-size: 24px; text-transform: uppercase;}
.flsy1 .links .l4 .ico{ margin-top: 58px;}
.flsy1 .links .l4 .link{ text-transform: uppercase; background-color: #00a04e;}
.flsy1 .links .ico{display: block;margin: 0px 0 20px 0px;/* width: 78px; *//* height: 76px; */}
.flsy1 .links .ico img{ display: block; width: 100%;}
.flsy1.links .p{ margin-bottom: 18px; line-height: 40px;}
.flsy1 .links .link{ display: block; width: 112px; height: 29px; margin: auto; border-radius: 15px; -webkit-box-shadow: 0px 0px 16px 0px rgba(2, 2, 2, 0.1); box-shadow: 0px 0px 16px 0px rgba(2, 2, 2, 0.1); behavior: url(css/PIE.htc); font-size: 14px; line-height: 29px; color: #fff;}
.flsy1 .links .link:hover{ opacity: 0.8;}
.flsy1 .links li:hover .ico{
	-webkit-animation-name: pulse;
  animation-name: pulse;
}
@media screen and (max-width: 720px) {
.flsy1 .links .l1{/* top: 42px; */width: 96%;float:  left;margin: 30px 2%;height: 200px;/* margin-right: 183px; background: #377f8f;*/}	
.flsy1 .links .l2{/* top: 100px; */width: 96%;/* float: right; background: #f56734;*/margin: 20px 2%;height: 200px;}
.flsy1 .tools .l2{ display:none}
.flsy1 .tools .l3{ display:none}
.flsy1 .tools .l4{ display:none}
.flsy1 .links .l1 .p{ font-size: 18px;}
.flsy1 .links .l2 .p{ font-size: 18px;}
.fllogo{
	left: 10px;
	top: 33px;
	/* width: 156px; */
	/* height: 133px; */
}
.fllogo img{
   width:60%;
}
.flsy1 .tools li {
    width: 35px;
}
.flsy1 .tools{
	 position: absolute; right: 0; top: 20px;
	 }
.flsy1 .links{top: 100px;}
.iconfont2 {
  font-family:"iconfont" !important;
  font-size:33px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont3 {
  font-family:"iconfont" !important;
  font-size: 35px;
  float:right;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.flsy1 .tools li{margin-right: 10px;}
}