@charset "utf-8";
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, 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; }
body{color:#333;font-family:'Microsoft YaHei','微软雅黑',STXihei,'华文细黑',Heiti,'黑体',SimSun,'宋体',sans-serif;font-size: 14px;margin:0;padding:0;background:#efefef;}
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
html { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }
a img { border: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
a { text-decoration: none; color: #444444; }
.fl { float: left; }
.fr {
 float: right;
 position: relative;
 top: 6px;
 }
.fr a{margin:0 14px;}
body { font-size: 12px; }
#headTime{display:none}

.container { width: 1200px; margin: 0 auto; }

#topbar {height: 50px;line-height: 50px;background: #efefef;color: #fff;}
#linkTopSetHomePage { text-indent: -99999;
 background: url('/Sites/Uploaded/UserUpLoad/20171107/20171107143153.png');
 background-repeat: no-repeat;
 width: 23px;
 height: 24px; 
    display: inline-block;*display:inline; *zoom:1;
 text-indent: -89999px;
 overflow: hidden;
}
#linkTopSetHomePage:hover{
 background: url('/Sites/Uploaded/UserUpLoad/20171107/20171107163939.png');
 background-repeat: no-repeat;
}
#linkTopAddCookie{
  background: url('/Sites/Uploaded/UserUpLoad/20171107/20171107165142.png') no-repeat;
 background-repeat: no-repeat;
   width: 26px;
  height: 24px; 
  display: inline-block;*display:inline; *zoom:1;
 text-indent: -89999px;
 overflow: hidden;
}
#linkTopAddCookie:hover{
  background: url('/Sites/Uploaded/UserUpLoad/20171107/20171107164443.png') no-repeat;;
}

#yygh{background:#3c8ce6;height: 50px;display: inline-block;padding: 0 20px;position: relative;top: -6px;color: #fff;line-height: 50px;}
#yygh img{}
#yygh span{margin-left:10px;font-size: 12px;display: inline-block;font-weight: bold;}
#yygh .erm{position:absolute;display: none;top:50px;left:50%;z-index: 9999;margin-left: -63px;}
#yygh:hover .erm{display:block!important;}
#collection{
 background: url(/Sites/Uploaded/UserUpLoad/20171107/20171107163333.png);
 width: 31px;
 height: 24px;
 display: inline-block;
 text-indent: -89999px;
 position: relative;
 top: 6px;
}
.weixin_img_boot{
 position: absolute;
 bottom: -110px;
 left: -22px;
 z-index: 99999;
 width: 100px;
 display: none;
}
#collection:hover{
 background: url('/Sites/Uploaded/UserUpLoad/20171107/20171107164158.jpg');
}
#content {height: 748px;background: url('/Sites/Uploaded/UserUpLoad/20180404/20180404141654.jpg');position: relative;overflow: hidden;background-size: 100% 100%;}
#content .logo {margin: 100px auto 0;background: url(/Sites/Uploaded/UserUpLoad/20180704/20180704105500.png) no-repeat;width: 324px;height: 396px;}
#content .logo a{display:block;width: 100%;height: 100%;}
#content .link { position: absolute; }
#content .link::after { content: ''; display: block; position: absolute; opacity: 0; transition: opacity .4s; }
#content .link:hover::after { opacity: 1; }
#content .link-main { display: block; width: 160px; height: 146px; text-align: center; color: #fff; }
#content .link-main .t1 {display: block;padding-top: 40px;font-size: 20px;line-height: 26px;padding-bottom: 5px;font-weight: bold;font-family: "微软雅黑"; magin-left:30px;}
#content .link-main .t1::before{
	content: "";	background: url('/Sites/Uploaded/UserUpLoad/20171108/20171108091048.png') no-repeat;width:25px;height:25px;display: inline-block; *display: initial;*zoom:1; margin-right: 4px;
 position: relative;
 top: 5px;
	}
#content .link-main .t2 { font-size: 12px; }
#content .link1 {top: 135px;left: 50%;margin-left: -485px;}
#content .link2 {top: 400px;left: 50%;margin-left: -390px;}
#content .link3 {top: 570px;left: 50%;margin-left: -81px;}
#content .link4 {top: 400px;right: 50%;margin-right: -390px;}
#content .link5 {top: 135px;right: 50%;margin-right: -485px;}
#content .link1 .link-main {  background-image: url(images/a1.png);  background-repeat: no-repeat; }
#content .link2 .link-main { background-image: url(/Sites/Uploaded/UserUpLoad/20171109/20171109094831.png);  background-repeat: no-repeat; background-size:100%}
#content .link3 .link-main { background-image: url(/Sites/Uploaded/UserUpLoad/20171109/20171109093355.png);  background-repeat: no-repeat;background-size:100%}
#content .link4 .link-main { background-image: url(/Sites/Uploaded/UserUpLoad/20171109/20171109095557.png);    background-repeat: no-repeat; background-size:100%}
#content .link5 .link-main { background-image: url(images/a5.png); background-repeat: no-repeat; }
#content .link1:hover .link-main {  background-image: url(images/a1.png); background-repeat: no-repeat; }
#content .link2:hover .link-main { background-image: url(/Sites/Uploaded/UserUpLoad/20171109/20171109094831.png);  background-repeat: no-repeat;background-size:100%}
#content .link3:hover .link-main { background-image: url(/Sites/Uploaded/UserUpLoad/20171109/20171109093355.png); background-repeat: no-repeat;background-size:100% }
#content .link4:hover .link-main { background-image: url(/Sites/Uploaded/UserUpLoad/20171109/20171109095557.png);   background-repeat: no-repeat;background-size:100% }
#content .link5:hover .link-main { background-image: url(images/a5.png); background-repeat: no-repeat;}
#content .link1::after {width: 170px;height: 64px;left: 154px;top: 66px;}
#content .link2::after {width: 111px;height: 74px;left: 154px;top: -4px;}
#content .link3::after {width: 3px;height: 78px;left: 50%;top: -74px;}
#content .link4::after {width: 111px;height: 74px;left: -102px;top: -4px;}
#content .link5::after {width: 170px;height: 56px;top: 66px;left: -162px;}
#content .link-sub {position: absolute;display: none;}
#content .link-sub .sub { width: 162px; height: 146px; text-align: center; color: #fff;  background: url(images/a6.png);position: absolute;background-size:100%;background-repeat:no-repeat }
#content .link1 .link-sub .sub .t1{
 display: block;
 padding-top: 40px;
 font-size: 20px;
 line-height: 26px;
 padding-bottom: 5px;
 color: #488ad8;
 font-weight: bold;
}
#content .link1 .link-sub .sub .t2{
 font-size: 12px;
 color: #488ad8;
}
#content .link-sub .sub .t1 {display: block;padding-top: 40px;font-size: 20px;line-height: 26px;padding-bottom: 5px;color: #f9a310;font-weight: bold;}
#content .link-sub .sub .t2 { font-size: 12px; color: #f9a310; }
#content .link-sub .sub:hover { background: url(images/a7.png); }
#content .link-sub-1 {}
#content .link-sub-1 .sub1 { top: -275px; left: 0; }
#content .link-sub-1 .sub2 { top: -211px; left: -112px; }
#content .link-sub-1 .sub3 { top: -82px; left: -113px; }
#content .link-sub-2 {}
#content .link-sub-2 .sub1 { top: -275px; left: 0; }
#content .link-sub-2 .sub2 { top: -211px; left: 112px; }
#content .link-sub-2 .sub3 { top: -82px; left: 112px; }
#content .link-sub-2 .sub4 {top: -17px;left: 1px;}
#content .link-sub-2 .sub5 {top: -80px;left: -111px;}
@media only screen and (width:1920px){
#content{
height:890px !important;
}
}
@media only screen and (max-width:768px){
 #topbar{padding:0px 10px;box-sizing: border-box;}
 .container{ width:100%;}
 #content{ display:none;}
 .phone_content{display:block !important;background:url('images/banner.jpg');padding:20px 0px;background-size: cover;} 
 .phone_content ul li{width:80%;height: auto;line-height:50px;text-align:center;margin:0px auto 10px;} 
 .phone_content ul li a{display:block;width:100%;color: #fff;font-size: 16px;}
 .phone_content ul li.li1 a{background: #ce3500;}
 .phone_content ul li.li2 a{ background:#3c8ce8 }
 .phone_content ul li.li3 a{ background:#80cd08 }
 .phone_content ul li.li4 a{background:#03bdda }
 .phone_content ul li.li5 a{background: #3a9deb}
 .phone_content ul li.li6 a{background:#f9a310 }
 .ul_2{ width:100%; height:auto;}
 .phone_content ul li.li2 .ul_2 a{background: #f7fcfe;color: #333;}
 .phone_content ul li.li6 .ul_2 a{background: #f7fcfe;color: #333;}
 .phone_logo{ display:block; margin:0 auto 20px}
}
@media only screen and (max-width:768px){
#collection{display: none;}

}
@media only screen and (max-width:420px){
 .phone_logo{width:75%}
}